https://vega-ui.dev/changelog/feed.xml Every release of the Vega UI packages, newest first. 2026-11-06T01:36:08.000Z Vega UI https://vega-ui.dev/changelog/#v2-5-0 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Remove React from <code>dependencies</code>, keep it only in <code>peerDependencies</code></p> <p><code>react</code> (and <code>react-dom</code> in <code>@vega-ui/react</code>) were declared in both <code>dependencies</code> and <code>peerDependencies</code>. With strict resolution (Yarn PnP, pnpm with <code>shamefully-hoist=false</code>, strict npm) consumers ended up with two copies of React — <code>Invalid hook call</code>, contexts not matching, rendering breaking with no clear error.</p> <p>Changes:</p> <ul> <li>removed <code>react</code>/<code>react-dom</code> from <code>dependencies</code> in <code>@vega-ui/react</code>, <code>@vega-ui/hooks</code> and <code>@vega-ui/icons</code>; they stay in <code>peerDependencies</code> and were added to <code>devDependencies</code> for local development</li> <li><code>vite.config.ts</code> of <code>@vega-ui/react</code> and <code>@vega-ui/hooks</code> derived rollup <code>external</code> from <code>Object.keys(dependencies)</code> only, so React would have been bundled into <code>dist</code> after this change — externals now include <code>peerDependencies</code> as well</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/9834a4c">9834a4c</a></p></li><li><p><code>useSelection</code>: optional <code>compare</code> no longer crashes; new <code>compare</code> util</p> <p><code>compare?</code> was declared optional but invoked unconditionally in <code>edges</code>, <code>isSelected</code> and <code>isDisabled</code> — range selection or <code>min</code>/<code>max</code> clamping without a user-provided comparator threw <code>compare is not a function</code> (while <code>expand</code> had a guard, confirming the option was meant to be optional).</p> <ul> <li><code>@vega-ui/utils</code> now exports <code>compare</code> — a three-way comparator constrained to the new <code>Comparable</code> type (<code>number | string | bigint | Date</code>), so types with no universal ordering (objects, symbols) are rejected at compile time; covered with unit tests</li> <li><code>useSelection</code> falls back to it when no <code>compare</code> is passed, mirroring the existing <code>equals ?? Object.is</code> pattern; pass an explicit <code>compare</code> for non-primitive key types</li> <li><code>expand</code> no longer silently no-ops without a user comparator</li> <li>empty or <code>undefined</code> <code>selected</code> no longer produces <code>undefined</code> range edges: <code>edges()</code> returns <code>[]</code>, <code>isSelected</code> returns <code>false</code> instead of comparing <code>undefined</code></li> <li><code>DataGridSelectable</code> reuses the shared <code>compare</code> instead of its own inline duplicate of the same fallback (no behavior change)</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/0ffc52f">0ffc52f</a></p></li><li><p>Fix stale closure in Slider's <code>changeValue</code></p> <p><code>changeValue</code> was wrapped in <code>useCallback</code> with empty deps, freezing <code>value</code> and <code>disabled</code> at their first-render values. Consequences: the slider could never return to its initial value (keyboard stepping got stuck one step away from it, clicking the initial track position was ignored); the same-value dedup guard compared against the initial value instead of the current one, so <code>onChangeValue</code> fired repeatedly with identical values during drags; toggling <code>disabled</code> after mount had no effect on interactions (an initially enabled slider stayed interactive when disabled, an initially disabled one stayed dead when enabled).</p> <p>The memoization served no purpose — <code>changeValue</code> is only used by handlers that are recreated on every render — so it is now a plain function reading fresh props. Covered with regression tests for all three symptoms.</p><p><a href="https://github.com/vega-ui/ui/commit/25c721b">25c721b</a></p></li></ul> https://vega-ui.dev/changelog/#v2-4-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Changed xs, sm, md, lg, xl sizes of all components</p><p><a href="https://github.com/vega-ui/ui/commit/a77ab19">a77ab19</a></p></li></ul><h3>Patch changes</h3><ul><li><p>Fixed select listbox background</p><p><a href="https://github.com/vega-ui/ui/commit/47f3ced">47f3ced</a></p></li></ul> https://vega-ui.dev/changelog/#v2-3-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Refactored color system and semantic tokens</p> <ul> <li>Updated color palette in <code>@vega-ui/tokens-core</code>: revised oklch values across all color scales for better perceptual uniformity</li> <li>Replaced static surface tokens (<code>surface-ultrathin</code> … <code>surface-ultrathick</code>) with <code>surface-primary</code> / <code>surface-secondary</code> in both light and dark themes</li> <li>Tweaked fill token chroma/lightness values in light and dark themes for improved contrast</li> <li>Button ghost/transparent hover and active backgrounds now use <code>oklch(from …)</code> relative color syntax instead of hardcoded palette steps, making them automatically adapt to any primary/secondary accent color</li> <li>Added Playground story showcasing Badge, Button, Alert, Checkbox, Radio, Avatar, SegmentedControl and Slider in a single view</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/3858f99">3858f99</a></p></li></ul> https://vega-ui.dev/changelog/#v2-3-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p><strong>@vega-ui/tokens-core</strong></p> <p>Complete overhaul of the color palette:</p> <ul> <li>Colors migrated from <code>color-mix(in oklch, var(--color-red) X%, white/black)</code> to direct <code>oklch()</code> values for more predictable perceptual color space</li> <li>Removed intermediate steps (50, 150, 250, 350, 450, 550, 650, 750, 850, 950) — scale simplified to 11 steps: 0–100–200–…–1000</li> </ul> <p><strong>@vega-ui/theme-core</strong></p> <p>Complete overhaul of semantic tokens in <code>light.css</code> / <code>dark.css</code>:</p> <ul> <li>Added fill tokens: <code>--fills-primary/secondary/tertiary/quaternary</code> with hover/active states</li> <li>Added label tokens: <code>--label-primary/secondary/tertiary/quaternary</code></li> <li>Added surface tokens: <code>--surface-ultrathin/thin/regular/thick/ultrathick</code></li> <li>Added separator tokens: <code>--separator-opaque/non-opaque</code></li> <li>Added border tokens: <code>--border-color</code> with hover/active states</li> <li>Added disabled state tokens: <code>--disable-*</code></li> <li>Added color accent tokens: <code>--color-*-accent-*</code> — palette is automatically inverted in dark mode</li> <li>Renamed: <code>--text-inverce-color</code> → <code>--text-color-inverce</code></li> </ul> <p><strong>@vega-ui/react</strong></p> <ul> <li>All components migrated to new semantic tokens from the theme</li> <li>Removed direct color token references in components, replaced with semantic variables</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/064d8c0">064d8c0</a></p></li></ul> https://vega-ui.dev/changelog/#v2-2-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed switch colors</p><p><a href="https://github.com/vega-ui/ui/commit/66317ef">66317ef</a></p></li></ul> https://vega-ui.dev/changelog/#v2-2-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p><strong>Adding New Components</strong></p> <p><strong>DateField</strong></p> <ul> <li>A date input field with masking and format validation.</li> <li>Uses <code>useControlledState</code> for controlled/uncontrolled values.</li> <li>Composed of the following components: <ul> <li><code>DateFieldInput</code></li> <li><code>DateFieldCalendar</code></li> </ul> </li> <li>Supports date formats (e.g., &quot;dd.MM.yyyy&quot;, &quot;MM/dd/yyyy&quot;).</li> <li>Supports minimum and maximum date restrictions (<code>minDate</code>, <code>maxDate</code>).</li> </ul> <p><strong>DateTimeField</strong></p> <ul> <li>A date and time input field.</li> <li>Combines the logic of <code>DateField</code> and <code>TimeField</code>.</li> <li>Composed of the following components: <ul> <li><code>DateTimeFieldInput</code></li> <li><code>DateTimeFieldCalendar</code></li> <li><code>TimeSelector</code> (for selecting time)</li> </ul> </li> <li>Uses <code>useControlledState</code>.</li> </ul> <p><strong>DateRangeField</strong></p> <ul> <li>A field for selecting a date range.</li> <li>Composed of the following components: <ul> <li>Two <code>DateField</code>s (start and end dates)</li> <li><code>DateRangeCalendar</code> (calendar for selecting the range)</li> </ul> </li> <li>Handles range validation (start date ≤ end date).</li> <li>Uses <code>useControlledState</code>.</li> </ul> <p><strong>TimeField</strong></p> <ul> <li>A time input field.</li> <li>Supports masking and time format (e.g., &quot;HH:mm&quot;).</li> <li>Uses <code>useControlledState</code>.</li> <li>Composed of the following components: <ul> <li><code>TimeFieldInput</code></li> <li>Additional controls (arrows, time selector)</li> </ul> </li> </ul><p><a href="https://github.com/vega-ui/ui/commit/798d27c">798d27c</a></p></li></ul><h3>Patch changes</h3><ul><li><p>Fixed date time field cahnge date</p><p><a href="https://github.com/vega-ui/ui/commit/bac86b3">bac86b3</a></p></li></ul> https://vega-ui.dev/changelog/#v2-1-1 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#v2-1-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Refactor Calendar stack to scroll-snap scrollers (DataGridPickerScroller) and remove react-store based state.</p> <p><strong>@vega-ui/ui</strong></p> <p><strong>SnapScroller</strong></p> <ul> <li><strong>BREAKING:</strong> <code>initialIndex</code> renamed to <code>defaultIndex</code>.</li> <li><strong>BREAKING:</strong> removed <code>preserveScroll</code>.</li> <li><strong>BREAKING:</strong> removed <code>onOffset</code>.</li> <li>Added scroll-snap callbacks: <ul> <li><code>onScrollSnapChanging?(element, index)</code></li> <li><code>onScrollSnapChange?(element, index)</code></li> </ul> </li> </ul> <p><strong>IndexedSnapScroller</strong></p> <ul> <li>Keeps offset-based infinite behavior (window <code>shift()</code> / <code>push()</code>) and optional <code>preserveScroll</code>.</li> <li>Supports controlled <code>index</code> (scrolls to it when in window; rebuilds window when outside).</li> </ul> <p><strong>DataGrid</strong></p> <ul> <li><strong>BREAKING:</strong> <code>onMove(e, node, axis, dir)</code> replaced with <code>onArrow(e, nextNode, prevNode)</code>.</li> <li><strong>BREAKING:</strong> <code>DataGridApiRef</code> changed: <ul> <li>removed <code>keyMap</code></li> <li>added <code>scopes: Map&lt;DataGridScope, DataGridCellKey[]&gt;</code></li> </ul> </li> <li><code>DataGridRowGroup</code> now supports <code>scope?: DataGridScope</code> and provides it via context.</li> <li>Cells unregister from the grid on unmount (node cleanup).</li> <li>Active/selection focus flow updated to sync active cell on focus changes.</li> </ul> <p><strong>DataGridPicker</strong></p> <ul> <li>Added <code>DataGridPickerScroller</code> and <code>DataGridPickerScrollerContent</code>.</li> <li><code>DataGridPickerScroller</code> integrates with scroll-snap events to restore/adjust active focus for the current scope.</li> </ul> <p><strong>DayPicker</strong></p> <ul> <li><strong>BREAKING:</strong> DayPicker scrolling is now driven by <code>DataGridPickerScroller</code> (instead of IndexedSnapScroller directly).</li> <li>Added period-to-index mapping via reference anchor: <ul> <li><code>referenceDate?: Date</code></li> <li><code>getIndexByDate?(year, month)</code></li> <li><code>getDateByIndex?(index)</code></li> </ul> </li> <li>Period changes are emitted during scroll via <code>onScrollSnapChanging</code>.</li> </ul> <p><strong>YearPicker</strong></p> <ul> <li><strong>BREAKING:</strong> YearPicker scrolling is now driven by <code>DataGridPickerScroller</code>.</li> <li>Added year-to-index mapping via reference anchor: <ul> <li><code>referenceYear?: number</code></li> <li><code>getIndexByYear?(year, referenceYear)</code></li> </ul> </li> <li>Layout derives offset from <code>year</code> when <code>offset</code> is not provided.</li> </ul> <p><strong>Calendar / CalendarBase</strong></p> <ul> <li><strong>BREAKING:</strong> <code>onYearChange</code> -&gt; <code>onChangeYear</code></li> <li><strong>BREAKING:</strong> <code>onMonthChange</code> -&gt; <code>onChangeMonth</code></li> <li>Added controlled/uncontrolled view state for navigation: <ul> <li><code>year</code> / <code>defaultYear</code></li> <li><code>month</code> / <code>defaultMonth</code></li> <li><code>activeDay</code> / <code>defaultActiveDay</code> + <code>onChangeActiveDay</code></li> <li><code>activeMonth</code> / <code>defaultActiveMonth</code> + <code>onChangeActiveMonth</code></li> <li><code>activeYear</code> / <code>defaultActiveYear</code> + <code>onChangeActiveYear</code></li> </ul> </li> <li>Added <code>referenceDate?: Date</code> as an anchor for indexed/virtualized navigation.</li> <li>Added year-group navigation controls: <ul> <li><code>CalendarNextYearGroupButton</code></li> <li><code>CalendarPrevYearGroupButton</code></li> </ul> </li> <li>Picker/ESC handling updated (Escape now stops propagation).</li> <li>Period navigation split into: <ul> <li><code>nextPeriod</code> / <code>prevPeriod</code></li> <li><code>nextYearGroup</code> / <code>prevYearGroup</code></li> </ul> </li> </ul> <p><strong>@vega-ui/hooks</strong></p> <ul> <li><strong>BREAKING:</strong> removed <code>useStore</code>, <code>useControlledStore</code> (react-store dependency removed).</li> <li><strong>BREAKING:</strong> removed <code>useIntersectionObserver</code>.</li> <li>Added: <ul> <li><code>useScrollSnap</code> (snap measurement + <code>onSnapChanging/onSnapChange</code>)</li> <li><code>useMutationObserver</code></li> <li><code>useBiMap</code></li> </ul> </li> <li><code>useRefMap</code> now exposes <code>removeItemRef</code>.</li> <li><code>useIndexes</code> updated to support new shifting semantics safely.</li> </ul> <p><strong>@vega-ui/react-store</strong></p> <ul> <li><strong>BREAKING:</strong> package removed / no longer used in the monorepo.</li> </ul> <p><strong>@vega-ui/utils</strong></p> <ul> <li>Added <code>BiMap</code> and <code>nearest</code>.</li> <li>Reorganized data helpers under <code>utils/data/*</code> with re-exports.</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/8380d3b">8380d3b</a></p></li></ul> https://vega-ui.dev/changelog/#v2-0-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Improved a11y - accordion</p><p><a href="https://github.com/vega-ui/ui/commit/697ebd5">697ebd5</a></p></li></ul> https://vega-ui.dev/changelog/#v2-0-0 2026-11-06T01:36:08.000Z <h3>Major changes</h3><ul><li><ul> <li>Add new <code>Tooltip</code> building blocks: - <code>TooltipArrow</code></li> </ul><p><a href="https://github.com/vega-ui/ui/commit/357ab44">357ab44</a></p></li></ul><h3>Minor changes</h3><ul><li><ul> <li> <p>The <code>Drawer</code> component has been refactored to support a fully composable architecture.</p> </li> <li> <p>Added the following subcomponents to allow flexible composition and advanced customization:</p> <ul> <li><code>DrawerTrigger</code></li> <li><code>DrawerPortal</code></li> <li><code>DrawerOverlay</code></li> <li><code>DrawerContent</code></li> <li><code>DrawerHeader</code></li> <li><code>DrawerTitle</code></li> <li><code>DrawerCloseButton</code></li> </ul> </li> </ul> <p>These additions enable fine-grained control over drawer structure, layout, focus management, and visual presentation, while preserving accessibility, focus trapping, and native interaction patterns</p><p><a href="https://github.com/vega-ui/ui/commit/95b6ae7">95b6ae7</a></p></li><li><p>Refactor form controls architecture and remove deprecated components.</p> <p><strong>Removed (breaking)</strong></p> <ul> <li>Remove <code>FlagIcon</code> package exports and implementation.</li> <li>Remove <code>PhoneSelectField</code> and related subcomponents/contexts/styles.</li> <li>Remove legacy <code>SelectArrow</code> and <code>SelectPlaceholder</code> components.</li> <li>Remove legacy <code>NumberFieldIncrement</code>/<code>NumberFieldDecrement</code> components.</li> <li>Remove legacy <code>PinFieldInput</code> component.</li> </ul> <p><strong>Added</strong></p> <ul> <li>Add new <code>NumberField</code> building blocks: <ul> <li><code>NumberFieldInput</code></li> <li><code>NumberFieldIncrementButton</code></li> <li><code>NumberFieldDecrementButton</code></li> <li><code>NumberFieldContext</code> (new contexts structure)</li> <li><code>NumberField</code> types module</li> </ul> </li> <li>Add new <code>PasswordField</code> building blocks: <ul> <li><code>PasswordFieldInput</code>, <code>PasswordFieldToggleIconButton</code></li> <li><code>PasswordFieldShownIcon</code>, <code>PasswordFieldHiddenIcon</code></li> <li><code>PasswordFieldContext</code> and component index exports</li> </ul> </li> <li>Add new <code>PhoneField</code> composition: <ul> <li><code>PhoneFieldInput</code></li> <li><code>PhoneFieldSelect</code> + subcomponents (<code>Combobox</code>, <code>HiddenSelect</code>, <code>Icon</code>, <code>Listbox</code>, <code>Option</code>, <code>Portal</code>, <code>Value</code>)</li> <li><code>PhoneFieldContext</code> and component index exports</li> </ul> </li> <li>Add <code>PinFieldHiddenInput</code> component (single visually hidden input backing the slots).</li> <li>Add new <code>Select</code> building blocks: <ul> <li><code>SelectHiddenSelect</code>, <code>SelectIcon</code>, <code>SelectPortal</code>, <code>SelectValue</code> helpers</li> <li><code>SelectOptionsContext</code></li> </ul> </li> <li>Add new <code>TextFieldInput</code> component and <code>TextFieldContext</code>.</li> </ul> <p><strong>Changed</strong></p> <ul> <li>Update <code>PinField</code> internals, contexts, slots, separator, styles and tests.</li> <li>Update <code>Select</code>, <code>NumberField</code>, <code>PasswordField</code>, <code>PhoneField</code>, <code>TextField</code> internals, styles, stories and tests.</li> <li>Update <code>Option</code> component and related types/styles.</li> <li>Update <code>Drawer</code> internals and context, plus stories.</li> <li>Update library root exports (<code>packages/ui/src/index.ts</code>).</li> </ul> <p><strong>Tests</strong></p> <ul> <li>Update existing tests for refactored components.</li> <li>Add/adjust stories for new subcomponents.</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/50bc30f">50bc30f</a></p></li><li><p>The Accordion component has become more composable: the AccordionIcon and the AccordionHeader have been added.</p><p><a href="https://github.com/vega-ui/ui/commit/ca0cb2b">ca0cb2b</a></p></li><li><p>The Popover component has become more composable: the PopoverBackdrop have been added</p><p><a href="https://github.com/vega-ui/ui/commit/35a056a">35a056a</a></p></li><li><p>Made Alert more composable: added the elements alertTitle, AlertIcon, AlertMain, AlertContent</p><p><a href="https://github.com/vega-ui/ui/commit/21e1d64">21e1d64</a></p></li><li><p>Added Backdrop component</p><p><a href="https://github.com/vega-ui/ui/commit/e58908c">e58908c</a></p></li><li><p>The Checkbox component has become more composable: the CheckboxHiddenInput, CheckboxIndicator, CheckboxCheckedIcon and the CheckboxIndeterminateIcon have been added.</p><p><a href="https://github.com/vega-ui/ui/commit/7ef3f1b">7ef3f1b</a></p></li><li><p>The loading property in the button has been removed to better match the component to the overall architecture and approach</p><p><a href="https://github.com/vega-ui/ui/commit/9489f2e">9489f2e</a></p></li><li><p>The Meter component has become more composable: MeterTrack component has been renamed AvatarGroupStackItem The Progress component has become more composable: ProgressTrack component has been renamed AvatarGroupStackItem The PartialTrack component has been renamed (MeterStack), PartialMeterItem is now MeterStackSegment</p><p><a href="https://github.com/vega-ui/ui/commit/4072edd">4072edd</a></p></li><li><p>The AvatarGroup component has become more composable: AvatarGroupPopover, AvatarGroupPopoverIcon, AvatarGroupPopoverTrigger, AvatarGroupPopoverContent, AvatarGroupCount, AvatarGroupStack components have been added, AvatarGroupItem component has been renamed AvatarGroupStackItem</p><p><a href="https://github.com/vega-ui/ui/commit/0023797">0023797</a></p></li><li><p>The AvatarGroup component is now AvatarStack, which more reflects its spirit; Moreover, the AvatarGroupPopover and related components, as well as AvatarGroupCount, have been removed due to the fact that they inflate the codebase and can be implemented with existing primitives</p><p><a href="https://github.com/vega-ui/ui/commit/acaabbc">acaabbc</a></p></li><li><p>The CheckboxCard component has become more composable: CheckboxCardContent, CheckboxCardTitle, CheckboxCardDescription, CheckboxCardControl, CheckboxCardControlHiddenInput, CheckboxCardControlIndicator, CheckboxCardControlCheckedIcon, CheckboxCardControlIndeterminateIcon components have been added</p><p><a href="https://github.com/vega-ui/ui/commit/5c33866">5c33866</a></p></li><li><p>Unified TextArea sizes</p><p><a href="https://github.com/vega-ui/ui/commit/d4d1a53">d4d1a53</a></p></li><li><p>The Modal component has been renamed Dialog due to the greater consistency with the naming of native web elements</p><p><a href="https://github.com/vega-ui/ui/commit/f9dacd3">f9dacd3</a></p></li><li><p>The Fieldset component has become more composable: the FieldsetHeader and FieldsetLegend components have been added</p><p><a href="https://github.com/vega-ui/ui/commit/6fae7e6">6fae7e6</a></p></li><li><p>The Switch component has become more composable: SwitchIndicator and SwitchHiddenInput components have been added</p><p><a href="https://github.com/vega-ui/ui/commit/bd99cb1">bd99cb1</a></p></li><li><ul> <li>The <code>Sheet</code> component has been refactored to support a fully composable architecture</li> <li>Added the following subcomponents to allow flexible composition and advanced customization: <ul> <li><code>SheetPortal</code></li> <li><code>SheetBackdrop</code></li> </ul> </li> </ul><p><a href="https://github.com/vega-ui/ui/commit/82d11c9">82d11c9</a></p></li><li><p>Composable Slider</p><p><a href="https://github.com/vega-ui/ui/commit/7b2c7fe">7b2c7fe</a></p></li><li><ul> <li> <p>The <code>Dialog</code> component has been refactored to support a fully composable architecture.</p> </li> <li> <p>Added the following subcomponents to allow flexible composition and advanced customization:</p> <ul> <li><code>DialogTrigger</code></li> <li><code>DialogPortal</code></li> <li><code>DialogOverlay</code></li> <li><code>DialogContent</code></li> <li><code>DialogHeader</code></li> <li><code>DialogTitle</code></li> <li><code>DialogCloseButton</code></li> </ul> </li> </ul> <p>These additions enable fine-grained control over drawer structure, layout, focus management, and visual presentation, while preserving accessibility, focus trapping, and native interaction patterns</p><p><a href="https://github.com/vega-ui/ui/commit/d2a2c5a">d2a2c5a</a></p></li><li><p>The SegmentedControl component has become more composable: the SegmentedControlItemHiddenInput and SegmentedControlIndicator have been added.</p><p><a href="https://github.com/vega-ui/ui/commit/e0a38ab">e0a38ab</a></p></li><li><p>Improved backdrop animations</p><p><a href="https://github.com/vega-ui/ui/commit/31b2b94">31b2b94</a></p></li><li><p>The responsive-ui package is no longer supported due to inconsistencies in the overall component design approach</p> <p>The components that the responsive ui package contained are easily implemented using the composition of existing ones and do not require the support and development of a separate package</p><p><a href="https://github.com/vega-ui/ui/commit/eab55a8">eab55a8</a></p></li><li><p>Unified all sizes</p><p><a href="https://github.com/vega-ui/ui/commit/cfb207b">cfb207b</a></p></li></ul><h3>Patch changes</h3><ul><li><p>Changed DrawerOverlay to Backdrop inside</p><p><a href="https://github.com/vega-ui/ui/commit/afe89b4">afe89b4</a></p></li><li><p>Removed unsued wrapper from CollapsibleContent</p><p><a href="https://github.com/vega-ui/ui/commit/f121fa6">f121fa6</a></p></li><li><p>Fixed ts problems</p><p><a href="https://github.com/vega-ui/ui/commit/9fcad60">9fcad60</a></p></li><li><p>Changed PageControl handler. Removed onProgressEnd (replaced by onAnimatedEnd)</p><p><a href="https://github.com/vega-ui/ui/commit/f5fae54">f5fae54</a></p></li></ul> https://vega-ui.dev/changelog/#v1-14-3 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Fixed active day into calendar</p><p><a href="https://github.com/vega-ui/ui/commit/e5fcee3">e5fcee3</a></p></li><li><p>Changed dirs</p><p><a href="https://github.com/vega-ui/ui/commit/5fbc32c">5fbc32c</a></p></li><li><p>Renamed BaseCalendar to CalendarBase</p><p><a href="https://github.com/vega-ui/ui/commit/7711364">7711364</a></p></li></ul> https://vega-ui.dev/changelog/#v1-14-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed deps</p><p><a href="https://github.com/vega-ui/ui/commit/55809c0">55809c0</a></p></li></ul> https://vega-ui.dev/changelog/#v1-14-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Refactored contexts, they are unified in style</p><p><a href="https://github.com/vega-ui/ui/commit/9bb4a3b">9bb4a3b</a></p></li><li><p>Changed types</p><p><a href="https://github.com/vega-ui/ui/commit/21bd47a">21bd47a</a></p></li><li><p>Flat helpers to one level</p><p><a href="https://github.com/vega-ui/ui/commit/d595467">d595467</a></p></li><li><p>Deleted unused dependencies</p><p><a href="https://github.com/vega-ui/ui/commit/d76eea5">d76eea5</a></p></li></ul> https://vega-ui.dev/changelog/#v1-14-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new calendar primitives:</p> <ul> <li><strong>CalendarBase</strong> — foundational layout and styling provider for all calendar components (size, variant, compact mode).</li> <li><strong>Calendar</strong> — high-level fully interactive calendar with day/month/year pickers, scroll-based navigation, controlled/uncontrolled selection modes, and full provider-based state management.</li> </ul> <p>These components form the new core of the calendar system and enable building flexible, Radix-style declarative/imperative calendar interfaces.</p><p><a href="https://github.com/vega-ui/ui/commit/a387fda">a387fda</a></p></li></ul> https://vega-ui.dev/changelog/#v1-13-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Add composable calendar picker primitives and index-based snap scroller utilities.</p> <p><strong>New pickers</strong></p> <ul> <li> <p><strong><code>YearPicker</code></strong></p> <ul> <li>High-level year selection component built on top of <code>DataGridPicker&lt;number&gt;</code>.</li> <li>Supports <code>single</code>, <code>multiple</code>, and <code>range</code> selection modes with <code>from</code> / <code>to</code> bounds.</li> <li>Provides a default <code>YearPickerLayout</code> (configurable <code>rows</code>, <code>cols</code>, <code>start</code>, <code>offset</code>).</li> <li>Adds composable primitives: <ul> <li><code>YearPickerItem</code>, <code>YearPickerRow</code>, <code>YearPickerRowGroup</code></li> <li><code>YearPickerScroller</code>, <code>YearPickerScrollerContent</code>, <code>YearPickerScrollerLayout</code></li> </ul> </li> <li>Includes helpers like <code>createYearPickerGrid</code> for generating year grids.</li> </ul> </li> <li> <p><strong><code>MonthPicker</code></strong></p> <ul> <li>Wrapper over <code>DataGridPicker&lt;number&gt;</code> specialized for month selection.</li> <li>Default active value resolves to the current month.</li> <li>Provides: <ul> <li><code>MonthPickerLayout</code> with configurable <code>rows</code>, <code>cols</code>, <code>start</code>, <code>locale</code>, <code>format</code></li> <li><code>MonthPickerItem</code>, <code>MonthPickerRow</code>, <code>MonthPickerRowGroup</code></li> <li><code>MonthPickerScroller</code>, <code>MonthPickerScrollerContent</code>, <code>MonthPickerScrollerLayout</code></li> </ul> </li> <li>Adds <code>createMonthPickerGrid</code> for building month matrices (e.g. 3×4 year views).</li> </ul> </li> <li> <p><strong><code>DayPicker</code></strong></p> <ul> <li>Day-level calendar picker built on <code>DataGridPicker&lt;number&gt;</code> with default active set to “today” (timestamp).</li> <li>Supports <code>single</code> / <code>multiple</code> / <code>range</code> selection and can respect min/max via <code>DataGridPicker</code>.</li> <li>Provides: <ul> <li><code>DayPickerLayout</code> with <code>year</code>, <code>month</code>, <code>offset</code>, <code>includeOverflowDays</code>, <code>weekStartsOn</code>, <code>rows</code>, <code>cols</code>, <code>locale</code>, <code>format</code></li> <li><code>DayPickerItem</code>, <code>DayPickerRow</code>, <code>DayPickerRowGroup</code></li> <li><code>DayPickerScroller</code>, <code>DayPickerScrollerContent</code>, <code>DayPickerScrollerLayout</code></li> </ul> </li> <li>Adds <code>createDayPickerGrid</code> to generate month views with optional overflow days and arbitrary week starts.</li> </ul> </li> </ul> <p><strong>New scroller utilities</strong></p> <ul> <li><strong><code>IndexedSnapScroller</code></strong> <ul> <li>Extends <code>SnapScroller</code> with virtual, index-based paging.</li> <li>Maintains a sliding window of logical page indexes via <code>useIndexes({ start, startDir, size, shift })</code>.</li> <li>Automatically shifts the window when scroll reaches edges (<code>onOffset(-1|1)</code>).</li> <li>Exposes: <ul> <li><code>IndexedSnapScroller</code> component</li> <li><code>IndexedSnapScrollerContent</code> (injects <code>index</code> via context)</li> <li><code>IndexedSnapScrollerProvider</code> / <code>useIndexesSnapScrollerContext</code> for consuming the current index in custom layouts.</li> </ul> </li> </ul> </li> </ul> <p><strong>Formatting helpers</strong></p> <ul> <li>Add small date-format helpers, suitable for use inside picker layouts: <ul> <li><code>formatDay(day, month, year, locale?, format?)</code></li> <li><code>formatMonth(month, locale?, format?)</code></li> <li><code>formatYear(year, locale?, format?)</code></li> </ul> </li> </ul> <p>These additions provide a fully composable calendar system (years, months, days) on top of <code>DataGridPicker</code> and <code>SnapScroller</code>, while keeping layout and rendering customizable through small, focused primitives.</p><p><a href="https://github.com/vega-ui/ui/commit/abbdcdc">abbdcdc</a></p></li></ul> https://vega-ui.dev/changelog/#v1-12-4 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#v1-12-3 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Fixed RangeSlider performance</p><p><a href="https://github.com/vega-ui/ui/commit/b433cff">b433cff</a></p></li></ul> https://vega-ui.dev/changelog/#v1-12-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Fixed SnapScrolle onSnap call</p><p><a href="https://github.com/vega-ui/ui/commit/919f735">919f735</a></p></li><li><p>Changed requestIdleCallback to rAF due to unsupport into Safari</p><p><a href="https://github.com/vega-ui/ui/commit/709d532">709d532</a></p></li><li><p>Fixed SnapScroller onScroll left</p><p><a href="https://github.com/vega-ui/ui/commit/e5ab56d">e5ab56d</a></p></li></ul> https://vega-ui.dev/changelog/#v1-12-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>A bug was fixed in which it was impossible to expand the selected range on mobile devices and scroll in SnapScroller, as well as minor edits were made: when changing the range to the beginning and end, reset is not triggered.</p><p><a href="https://github.com/vega-ui/ui/commit/22dea95">22dea95</a></p></li><li><p>Added selected and default selected as a prop for DataGridSelectable</p><p><a href="https://github.com/vega-ui/ui/commit/3b2c885">3b2c885</a></p></li></ul> https://vega-ui.dev/changelog/#v1-12-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>This release introduces a complete grid, selection, and scroll system for structured, interactive UIs. It combines efficient keyboard navigation, flexible selection logic, and smooth snap scrolling — forming the foundation for advanced table, calendar, and picker interfaces.</p> <p>📊 <code>DataGrid</code></p> <p><code>DataGrid</code> is a focusable, navigable grid that manages keyboard movement and active-cell focus.</p> <ul> <li>Supports navigation with Arrow, Home/End, and PageUp/PageDown keys</li> <li>Optional wrap navigation (horizontal, vertical, or both)</li> <li>Configurable rowDelta for page jumps</li> <li>Provides an imperative API (grid, keyMap) for advanced logic</li> <li>Supports excluded or disabled cells that are skipped during traversal</li> <li>Emits onMove events describing direction and axis of movement</li> </ul> <p>Used as the base for all higher-level grid-based components.</p> <p>🧭 <code>DataGridSelectable</code></p> <p><code>DataGridSelectable</code> extends DataGrid with a full selection model.</p> <ul> <li>Selection modes: &quot;single&quot;, &quot;multiple&quot;, &quot;range&quot;</li> <li>Keyboard (Shift + Arrows) and pointer-based range selection</li> <li>Optional disabled and bounded ranges (from / to)</li> <li>Fully integrated with the useSelection hook</li> <li>Provides consistent accessibility and state behavior</li> </ul> <p>Ideal for building interactive tables, lists, and date selectors.</p> <p>🎯 <code>DataGridPicker</code></p> <p>DataGridPicker builds on DataGridSelectable to enable picking and highlighting items within a grid.</p> <ul> <li>Automatically computes rectangular ranges between selected cells</li> <li>Supports highlighting of continuous intervals (start → end)</li> <li>Can be customized with a user-defined resolveRange function</li> <li>Commonly used for date pickers, emoji selectors, or option matrices</li> </ul> <p>🧱 <code>SnapScroller</code></p> <p><code>SnapScroller</code> provides smooth, scroll-snap navigation with full control and callbacks.</p> <ul> <li>Optimized for CSS scroll-snap-align behavior</li> <li>Exposes imperative API: next(), prev(), element</li> </ul> <p>Triggers:</p> <ul> <li>onSnap(index) — when snapped item changes</li> <li>onOffset(direction) — when scroll reaches start or end</li> </ul> <p>Optional preserveScroll restores snapped position after content updates</p> <p>Perfect for carousels, paginated lists, or horizontally scrolling pickers.</p> <p>🪝 <code>useSelection</code> Hook</p> <p><code>useSelection</code> is a composable hook for declarative selection management.</p> <ul> <li>Supports &quot;single&quot;, &quot;multiple&quot;, and &quot;range&quot; modes</li> <li>Provides helpers: toggle, expand, isSelected, edges, and more</li> <li>Accepts custom equals, compare, and resolveRange logic</li> </ul> <p>Used internally by DataGridSelectable and DataGridPicker</p> <p>⚙️ <code>Grid &amp; Matrix Utilities</code></p> <p>These low-level utilities power the core grid logic and ensure efficient traversal.</p> <p><code>grid</code></p> <p>A high-level controller for navigating 2D layouts:</p> <ul> <li>Provides directional movement (before, after, above, below)</li> <li>Handles row and column wrapping</li> <li>Uses Matrix internally for structure and lookup</li> </ul> <p><code>matrix</code></p> <p>A modular 2D data engine with the following components:</p> <p><code>Matrix</code> — manages all rows and cells <code>MatrixRow</code> — ordered row container with iterable access <code>MatrixNode</code> — represents a single cell ([row, col], key, payload) <code>MatrixIndexes</code> — maintains sorted indices with binary search</p> <p>Together, they ensure fast lookups and navigation across sparse grids.</p> <p>This release establishes the foundation for interactive, accessible, and performant grid-based interfaces in Vega UI — enabling developers to build pickers, calendars, tables, and carousels with minimal boilerplate and maximum control.</p><p><a href="https://github.com/vega-ui/ui/commit/30e9724">30e9724</a></p></li></ul> https://vega-ui.dev/changelog/#v1-11-4 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Fixed buttons docs</p><p><a href="https://github.com/vega-ui/ui/commit/8f89ab1">8f89ab1</a></p></li><li><p>Fixed avatar icon size</p><p><a href="https://github.com/vega-ui/ui/commit/2740436">2740436</a></p></li><li><p>Fixed pagination icon button size</p><p><a href="https://github.com/vega-ui/ui/commit/9c8d951">9c8d951</a></p></li></ul> https://vega-ui.dev/changelog/#v1-11-3 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Made graphite color more contrast than gray</p><p><a href="https://github.com/vega-ui/ui/commit/0392555">0392555</a></p></li></ul> https://vega-ui.dev/changelog/#v1-11-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>The gray colors have been changed, the surface has been added, and the fields styles have also been changed</p><p><a href="https://github.com/vega-ui/ui/commit/61a382b">61a382b</a></p></li></ul> https://vega-ui.dev/changelog/#v1-11-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Fixed sheet paddings</p><p><a href="https://github.com/vega-ui/ui/commit/eef91ab">eef91ab</a></p></li></ul> https://vega-ui.dev/changelog/#v1-11-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>SheetContent will now contain SheetMain, SheetHandle, and SheetHeader inside</p><p><a href="https://github.com/vega-ui/ui/commit/a4c6339">a4c6339</a></p></li></ul> https://vega-ui.dev/changelog/#v1-10-1 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#v1-10-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new sizes (xs, xl) for button, icon button and segmented control</p><p><a href="https://github.com/vega-ui/ui/commit/d5538a5">d5538a5</a></p></li></ul> https://vega-ui.dev/changelog/#v1-9-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new packages - tokens and theme</p><p><a href="https://github.com/vega-ui/ui/commit/c90a0c1">c90a0c1</a></p></li></ul> https://vega-ui.dev/changelog/#v1-8-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Added Size prop to PageControl, added hook useRefMap, improved accessability, added mergeEventHandlers util</p><p><a href="https://github.com/vega-ui/ui/commit/c98c982">c98c982</a></p></li></ul> https://vega-ui.dev/changelog/#v1-8-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new component - PageControl</p><p><a href="https://github.com/vega-ui/ui/commit/83bafaa">83bafaa</a></p></li></ul> https://vega-ui.dev/changelog/#v1-7-4 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>NumberField separated to components</p><p><a href="https://github.com/vega-ui/ui/commit/7031b78">7031b78</a></p></li></ul> https://vega-ui.dev/changelog/#v1-7-3 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed measure of padding and br into the Badge</p><p><a href="https://github.com/vega-ui/ui/commit/9bd2b72">9bd2b72</a></p></li><li><p>Fixed style for pin field</p><p><a href="https://github.com/vega-ui/ui/commit/ff9b743">ff9b743</a></p></li></ul> https://vega-ui.dev/changelog/#v1-7-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Added new badge appearance</p><p><a href="https://github.com/vega-ui/ui/commit/ec3ec3a">ec3ec3a</a></p></li><li><p>Changed spelling</p><p><a href="https://github.com/vega-ui/ui/commit/272ce51">272ce51</a></p></li></ul> https://vega-ui.dev/changelog/#v1-7-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed Badge display to inline-flex</p><p><a href="https://github.com/vega-ui/ui/commit/bc29e3e">bc29e3e</a></p></li><li><p>Separated inner components in Alert</p><p><a href="https://github.com/vega-ui/ui/commit/a4f52d3">a4f52d3</a></p></li></ul> https://vega-ui.dev/changelog/#v1-7-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added custom size, appearance and variant to elements</p><p><a href="https://github.com/vega-ui/ui/commit/3941d2c">3941d2c</a></p></li><li><p>Changed default icon size to null</p><p><a href="https://github.com/vega-ui/ui/commit/5cb45a4">5cb45a4</a></p></li></ul> https://vega-ui.dev/changelog/#v1-6-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added accordion item provider</p><p><a href="https://github.com/vega-ui/ui/commit/c672c1e">c672c1e</a></p></li></ul> https://vega-ui.dev/changelog/#v1-5-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new compoents - AccordionTrigger, AccordionContent, that brings new flexibility for styling elements</p><p><a href="https://github.com/vega-ui/ui/commit/89c9898">89c9898</a></p></li></ul> https://vega-ui.dev/changelog/#v1-4-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Removed default props in Icon &amp; added new types to Slot (generic type)</p><p><a href="https://github.com/vega-ui/ui/commit/7002513">7002513</a></p></li><li><p>Deleted utils for size map spinner</p><p><a href="https://github.com/vega-ui/ui/commit/e731538">e731538</a></p></li></ul> https://vega-ui.dev/changelog/#v1-4-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Deleted @property css</p><p><a href="https://github.com/vega-ui/ui/commit/a136ce0">a136ce0</a></p></li></ul> https://vega-ui.dev/changelog/#v1-4-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new utilities</p><p><a href="https://github.com/vega-ui/ui/commit/e022b3c">e022b3c</a></p></li></ul> https://vega-ui.dev/changelog/#v1-3-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Changed providers of icons - lucide</p><p><a href="https://github.com/vega-ui/ui/commit/279075a">279075a</a></p></li></ul> https://vega-ui.dev/changelog/#v1-2-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed Alert styles accorded to Figma</p><p><a href="https://github.com/vega-ui/ui/commit/a80dac4">a80dac4</a></p></li></ul> https://vega-ui.dev/changelog/#v1-2-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed slider styles</p><p><a href="https://github.com/vega-ui/ui/commit/3bdf4de">3bdf4de</a></p></li></ul> https://vega-ui.dev/changelog/#v1-2-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new component - RangeSlider, Slider and SliderBase</p><p><a href="https://github.com/vega-ui/ui/commit/6224045">6224045</a></p></li></ul> https://vega-ui.dev/changelog/#v1-1-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Fixed exports</p><p><a href="https://github.com/vega-ui/ui/commit/ffa6cc4">ffa6cc4</a></p></li></ul> https://vega-ui.dev/changelog/#v1-1-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new components - Meter, MeterStack and Progress</p><p><a href="https://github.com/vega-ui/ui/commit/c226a32">c226a32</a></p></li></ul> https://vega-ui.dev/changelog/#v1-0-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed logo</p><p><a href="https://github.com/vega-ui/ui/commit/fb2ec42">fb2ec42</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v2-5-0 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Fix broken <code>main</code> field in hooks, utils and react-context</p> <p>In <code>@vega-ui/hooks</code>, <code>@vega-ui/utils</code> and <code>@vega-ui/react-context</code> the <code>main</code> field pointed to <code>./dist/index.ts</code> — a file that doesn't exist in <code>dist/</code> (the build only outputs <code>.js</code> and <code>.d.ts</code>). Modern bundlers masked the problem by resolving through the <code>exports</code> map, but environments that rely on <code>main</code> (Node without conditional exports support, Jest with legacy resolution, ts-node, CDNs like esm.sh) got <code>MODULE_NOT_FOUND</code> or tried to parse TypeScript as JS.</p> <p>Changes:</p> <ul> <li><code>main</code> now points to <code>./dist/index.js</code></li> <li>added <code>module: &quot;./dist/index.js&quot;</code> (consistent with <code>@vega-ui/react</code>)</li> <li>added the missing top-level <code>types: &quot;./dist/index.d.ts&quot;</code> to utils and react-context so resolvers that don't support <code>exports</code> can find the type declarations</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/1007aae">1007aae</a></p></li><li><p>Remove React from <code>dependencies</code>, keep it only in <code>peerDependencies</code></p> <p><code>react</code> (and <code>react-dom</code> in <code>@vega-ui/react</code>) were declared in both <code>dependencies</code> and <code>peerDependencies</code>. With strict resolution (Yarn PnP, pnpm with <code>shamefully-hoist=false</code>, strict npm) consumers ended up with two copies of React — <code>Invalid hook call</code>, contexts not matching, rendering breaking with no clear error.</p> <p>Changes:</p> <ul> <li>removed <code>react</code>/<code>react-dom</code> from <code>dependencies</code> in <code>@vega-ui/react</code>, <code>@vega-ui/hooks</code> and <code>@vega-ui/icons</code>; they stay in <code>peerDependencies</code> and were added to <code>devDependencies</code> for local development</li> <li><code>vite.config.ts</code> of <code>@vega-ui/react</code> and <code>@vega-ui/hooks</code> derived rollup <code>external</code> from <code>Object.keys(dependencies)</code> only, so React would have been bundled into <code>dist</code> after this change — externals now include <code>peerDependencies</code> as well</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/9834a4c">9834a4c</a></p></li><li><p>Fix inverted <code>useIsomorphicLayoutEffect</code></p> <p>The ternary picked <code>useLayoutEffect</code> on the server and <code>useEffect</code> in the browser — exactly backwards. On SSR this triggered React's &quot;useLayoutEffect does nothing on the server&quot; warning; in the browser, everything built on the hook (<code>useLatest</code>, and through it layout measurements in <code>useResize</code>/<code>useScrollSnap</code> consumers) ran after paint instead of before it, allowing a frame of stale layout.</p> <p>Also renamed the file to fix the typo: <code>useIsomophicLayoutEffect.ts</code> → <code>useIsomorphicLayoutEffect.ts</code> (internal only — the exported name was always spelled correctly).</p><p><a href="https://github.com/vega-ui/ui/commit/5ebae4b">5ebae4b</a></p></li><li><p>Fix crash paths and null/undefined confusion in <code>useScrollSnap</code></p> <p><code>getPointed()</code> returns <code>undefined</code> when the scroller ref is not attached, but <code>measure()</code> dereferenced its result unconditionally (TypeError on mount when the scroller renders later, or when calling the public <code>measure()</code> too early), and <code>commit()</code> destructured it unconditionally (TypeError when the scroller leaves the DOM while a debounced commit is pending). With an empty scroller (no registered items) <code>onSnapChange</code>/<code>onSnapChanging</code> fired with <code>(undefined, undefined)</code> despite their <code>(el: HTMLElement, key: K)</code> signatures, and the <code>key !== null</code> guard in <code>commit</code> never worked because <code>key</code> was <code>K | undefined</code>, never <code>null</code>.</p> <p>Now: <code>getPointed</code> normalizes misses to <code>null</code> and all callers guard against an absent scroller; snap callbacks only fire with a real element and key; <code>measure()</code> skips items whose snap point cannot be computed instead of storing <code>undefined</code> in the points map; <code>scrollToElement</code> no longer looks up points with an <code>undefined</code> key.</p><p><a href="https://github.com/vega-ui/ui/commit/c652925">c652925</a></p></li><li><p><code>useSelection</code>: optional <code>compare</code> no longer crashes; new <code>compare</code> util</p> <p><code>compare?</code> was declared optional but invoked unconditionally in <code>edges</code>, <code>isSelected</code> and <code>isDisabled</code> — range selection or <code>min</code>/<code>max</code> clamping without a user-provided comparator threw <code>compare is not a function</code> (while <code>expand</code> had a guard, confirming the option was meant to be optional).</p> <ul> <li><code>@vega-ui/utils</code> now exports <code>compare</code> — a three-way comparator constrained to the new <code>Comparable</code> type (<code>number | string | bigint | Date</code>), so types with no universal ordering (objects, symbols) are rejected at compile time; covered with unit tests</li> <li><code>useSelection</code> falls back to it when no <code>compare</code> is passed, mirroring the existing <code>equals ?? Object.is</code> pattern; pass an explicit <code>compare</code> for non-primitive key types</li> <li><code>expand</code> no longer silently no-ops without a user comparator</li> <li>empty or <code>undefined</code> <code>selected</code> no longer produces <code>undefined</code> range edges: <code>edges()</code> returns <code>[]</code>, <code>isSelected</code> returns <code>false</code> instead of comparing <code>undefined</code></li> <li><code>DataGridSelectable</code> reuses the shared <code>compare</code> instead of its own inline duplicate of the same fallback (no behavior change)</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/0ffc52f">0ffc52f</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v2-4-0 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#hooks-v2-3-1 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#hooks-v2-3-0 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#hooks-v2-2-1 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#hooks-v2-2-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p><strong>Adding New Components</strong></p> <p><strong>DateField</strong></p> <ul> <li>A date input field with masking and format validation.</li> <li>Uses <code>useControlledState</code> for controlled/uncontrolled values.</li> <li>Composed of the following components: <ul> <li><code>DateFieldInput</code></li> <li><code>DateFieldCalendar</code></li> </ul> </li> <li>Supports date formats (e.g., &quot;dd.MM.yyyy&quot;, &quot;MM/dd/yyyy&quot;).</li> <li>Supports minimum and maximum date restrictions (<code>minDate</code>, <code>maxDate</code>).</li> </ul> <p><strong>DateTimeField</strong></p> <ul> <li>A date and time input field.</li> <li>Combines the logic of <code>DateField</code> and <code>TimeField</code>.</li> <li>Composed of the following components: <ul> <li><code>DateTimeFieldInput</code></li> <li><code>DateTimeFieldCalendar</code></li> <li><code>TimeSelector</code> (for selecting time)</li> </ul> </li> <li>Uses <code>useControlledState</code>.</li> </ul> <p><strong>DateRangeField</strong></p> <ul> <li>A field for selecting a date range.</li> <li>Composed of the following components: <ul> <li>Two <code>DateField</code>s (start and end dates)</li> <li><code>DateRangeCalendar</code> (calendar for selecting the range)</li> </ul> </li> <li>Handles range validation (start date ≤ end date).</li> <li>Uses <code>useControlledState</code>.</li> </ul> <p><strong>TimeField</strong></p> <ul> <li>A time input field.</li> <li>Supports masking and time format (e.g., &quot;HH:mm&quot;).</li> <li>Uses <code>useControlledState</code>.</li> <li>Composed of the following components: <ul> <li><code>TimeFieldInput</code></li> <li>Additional controls (arrows, time selector)</li> </ul> </li> </ul><p><a href="https://github.com/vega-ui/ui/commit/798d27c">798d27c</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v2-1-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Removed unused hook - useMediaQuery</p><p><a href="https://github.com/vega-ui/ui/commit/60ef267">60ef267</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v2-1-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Refactor Calendar stack to scroll-snap scrollers (DataGridPickerScroller) and remove react-store based state.</p> <p><strong>@vega-ui/ui</strong></p> <p><strong>SnapScroller</strong></p> <ul> <li><strong>BREAKING:</strong> <code>initialIndex</code> renamed to <code>defaultIndex</code>.</li> <li><strong>BREAKING:</strong> removed <code>preserveScroll</code>.</li> <li><strong>BREAKING:</strong> removed <code>onOffset</code>.</li> <li>Added scroll-snap callbacks: <ul> <li><code>onScrollSnapChanging?(element, index)</code></li> <li><code>onScrollSnapChange?(element, index)</code></li> </ul> </li> </ul> <p><strong>IndexedSnapScroller</strong></p> <ul> <li>Keeps offset-based infinite behavior (window <code>shift()</code> / <code>push()</code>) and optional <code>preserveScroll</code>.</li> <li>Supports controlled <code>index</code> (scrolls to it when in window; rebuilds window when outside).</li> </ul> <p><strong>DataGrid</strong></p> <ul> <li><strong>BREAKING:</strong> <code>onMove(e, node, axis, dir)</code> replaced with <code>onArrow(e, nextNode, prevNode)</code>.</li> <li><strong>BREAKING:</strong> <code>DataGridApiRef</code> changed: <ul> <li>removed <code>keyMap</code></li> <li>added <code>scopes: Map&lt;DataGridScope, DataGridCellKey[]&gt;</code></li> </ul> </li> <li><code>DataGridRowGroup</code> now supports <code>scope?: DataGridScope</code> and provides it via context.</li> <li>Cells unregister from the grid on unmount (node cleanup).</li> <li>Active/selection focus flow updated to sync active cell on focus changes.</li> </ul> <p><strong>DataGridPicker</strong></p> <ul> <li>Added <code>DataGridPickerScroller</code> and <code>DataGridPickerScrollerContent</code>.</li> <li><code>DataGridPickerScroller</code> integrates with scroll-snap events to restore/adjust active focus for the current scope.</li> </ul> <p><strong>DayPicker</strong></p> <ul> <li><strong>BREAKING:</strong> DayPicker scrolling is now driven by <code>DataGridPickerScroller</code> (instead of IndexedSnapScroller directly).</li> <li>Added period-to-index mapping via reference anchor: <ul> <li><code>referenceDate?: Date</code></li> <li><code>getIndexByDate?(year, month)</code></li> <li><code>getDateByIndex?(index)</code></li> </ul> </li> <li>Period changes are emitted during scroll via <code>onScrollSnapChanging</code>.</li> </ul> <p><strong>YearPicker</strong></p> <ul> <li><strong>BREAKING:</strong> YearPicker scrolling is now driven by <code>DataGridPickerScroller</code>.</li> <li>Added year-to-index mapping via reference anchor: <ul> <li><code>referenceYear?: number</code></li> <li><code>getIndexByYear?(year, referenceYear)</code></li> </ul> </li> <li>Layout derives offset from <code>year</code> when <code>offset</code> is not provided.</li> </ul> <p><strong>Calendar / CalendarBase</strong></p> <ul> <li><strong>BREAKING:</strong> <code>onYearChange</code> -&gt; <code>onChangeYear</code></li> <li><strong>BREAKING:</strong> <code>onMonthChange</code> -&gt; <code>onChangeMonth</code></li> <li>Added controlled/uncontrolled view state for navigation: <ul> <li><code>year</code> / <code>defaultYear</code></li> <li><code>month</code> / <code>defaultMonth</code></li> <li><code>activeDay</code> / <code>defaultActiveDay</code> + <code>onChangeActiveDay</code></li> <li><code>activeMonth</code> / <code>defaultActiveMonth</code> + <code>onChangeActiveMonth</code></li> <li><code>activeYear</code> / <code>defaultActiveYear</code> + <code>onChangeActiveYear</code></li> </ul> </li> <li>Added <code>referenceDate?: Date</code> as an anchor for indexed/virtualized navigation.</li> <li>Added year-group navigation controls: <ul> <li><code>CalendarNextYearGroupButton</code></li> <li><code>CalendarPrevYearGroupButton</code></li> </ul> </li> <li>Picker/ESC handling updated (Escape now stops propagation).</li> <li>Period navigation split into: <ul> <li><code>nextPeriod</code> / <code>prevPeriod</code></li> <li><code>nextYearGroup</code> / <code>prevYearGroup</code></li> </ul> </li> </ul> <p><strong>@vega-ui/hooks</strong></p> <ul> <li><strong>BREAKING:</strong> removed <code>useStore</code>, <code>useControlledStore</code> (react-store dependency removed).</li> <li><strong>BREAKING:</strong> removed <code>useIntersectionObserver</code>.</li> <li>Added: <ul> <li><code>useScrollSnap</code> (snap measurement + <code>onSnapChanging/onSnapChange</code>)</li> <li><code>useMutationObserver</code></li> <li><code>useBiMap</code></li> </ul> </li> <li><code>useRefMap</code> now exposes <code>removeItemRef</code>.</li> <li><code>useIndexes</code> updated to support new shifting semantics safely.</li> </ul> <p><strong>@vega-ui/react-store</strong></p> <ul> <li><strong>BREAKING:</strong> package removed / no longer used in the monorepo.</li> </ul> <p><strong>@vega-ui/utils</strong></p> <ul> <li>Added <code>BiMap</code> and <code>nearest</code>.</li> <li>Reorganized data helpers under <code>utils/data/*</code> with re-exports.</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/8380d3b">8380d3b</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v2-0-1 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#hooks-v2-0-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Refactor form controls architecture and remove deprecated components.</p> <p><strong>Removed (breaking)</strong></p> <ul> <li>Remove <code>FlagIcon</code> package exports and implementation.</li> <li>Remove <code>PhoneSelectField</code> and related subcomponents/contexts/styles.</li> <li>Remove legacy <code>SelectArrow</code> and <code>SelectPlaceholder</code> components.</li> <li>Remove legacy <code>NumberFieldIncrement</code>/<code>NumberFieldDecrement</code> components.</li> <li>Remove legacy <code>PinFieldInput</code> component.</li> </ul> <p><strong>Added</strong></p> <ul> <li>Add new <code>NumberField</code> building blocks: <ul> <li><code>NumberFieldInput</code></li> <li><code>NumberFieldIncrementButton</code></li> <li><code>NumberFieldDecrementButton</code></li> <li><code>NumberFieldContext</code> (new contexts structure)</li> <li><code>NumberField</code> types module</li> </ul> </li> <li>Add new <code>PasswordField</code> building blocks: <ul> <li><code>PasswordFieldInput</code>, <code>PasswordFieldToggleIconButton</code></li> <li><code>PasswordFieldShownIcon</code>, <code>PasswordFieldHiddenIcon</code></li> <li><code>PasswordFieldContext</code> and component index exports</li> </ul> </li> <li>Add new <code>PhoneField</code> composition: <ul> <li><code>PhoneFieldInput</code></li> <li><code>PhoneFieldSelect</code> + subcomponents (<code>Combobox</code>, <code>HiddenSelect</code>, <code>Icon</code>, <code>Listbox</code>, <code>Option</code>, <code>Portal</code>, <code>Value</code>)</li> <li><code>PhoneFieldContext</code> and component index exports</li> </ul> </li> <li>Add <code>PinFieldHiddenInput</code> component (single visually hidden input backing the slots).</li> <li>Add new <code>Select</code> building blocks: <ul> <li><code>SelectHiddenSelect</code>, <code>SelectIcon</code>, <code>SelectPortal</code>, <code>SelectValue</code> helpers</li> <li><code>SelectOptionsContext</code></li> </ul> </li> <li>Add new <code>TextFieldInput</code> component and <code>TextFieldContext</code>.</li> </ul> <p><strong>Changed</strong></p> <ul> <li>Update <code>PinField</code> internals, contexts, slots, separator, styles and tests.</li> <li>Update <code>Select</code>, <code>NumberField</code>, <code>PasswordField</code>, <code>PhoneField</code>, <code>TextField</code> internals, styles, stories and tests.</li> <li>Update <code>Option</code> component and related types/styles.</li> <li>Update <code>Drawer</code> internals and context, plus stories.</li> <li>Update library root exports (<code>packages/ui/src/index.ts</code>).</li> </ul> <p><strong>Tests</strong></p> <ul> <li>Update existing tests for refactored components.</li> <li>Add/adjust stories for new subcomponents.</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/50bc30f">50bc30f</a></p></li><li><p>The SegmentedControl component has become more composable: the SegmentedControlItemHiddenInput and SegmentedControlIndicator have been added.</p><p><a href="https://github.com/vega-ui/ui/commit/e0a38ab">e0a38ab</a></p></li><li><p>The responsive-ui package is no longer supported due to inconsistencies in the overall component design approach</p> <p>The components that the responsive ui package contained are easily implemented using the composition of existing ones and do not require the support and development of a separate package</p><p><a href="https://github.com/vega-ui/ui/commit/eab55a8">eab55a8</a></p></li></ul><h3>Patch changes</h3><ul><li><p>Fixed ts problems</p><p><a href="https://github.com/vega-ui/ui/commit/9fcad60">9fcad60</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v1-14-3 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Renamed BaseCalendar to CalendarBase</p><p><a href="https://github.com/vega-ui/ui/commit/7711364">7711364</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v1-14-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed deps</p><p><a href="https://github.com/vega-ui/ui/commit/55809c0">55809c0</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v1-14-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Deleted unused dependencies</p><p><a href="https://github.com/vega-ui/ui/commit/d76eea5">d76eea5</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v1-14-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new calendar primitives:</p> <ul> <li><strong>CalendarBase</strong> — foundational layout and styling provider for all calendar components (size, variant, compact mode).</li> <li><strong>Calendar</strong> — high-level fully interactive calendar with day/month/year pickers, scroll-based navigation, controlled/uncontrolled selection modes, and full provider-based state management.</li> </ul> <p>These components form the new core of the calendar system and enable building flexible, Radix-style declarative/imperative calendar interfaces.</p><p><a href="https://github.com/vega-ui/ui/commit/a387fda">a387fda</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v1-13-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Add composable calendar picker primitives and index-based snap scroller utilities.</p> <p><strong>New pickers</strong></p> <ul> <li> <p><strong><code>YearPicker</code></strong></p> <ul> <li>High-level year selection component built on top of <code>DataGridPicker&lt;number&gt;</code>.</li> <li>Supports <code>single</code>, <code>multiple</code>, and <code>range</code> selection modes with <code>from</code> / <code>to</code> bounds.</li> <li>Provides a default <code>YearPickerLayout</code> (configurable <code>rows</code>, <code>cols</code>, <code>start</code>, <code>offset</code>).</li> <li>Adds composable primitives: <ul> <li><code>YearPickerItem</code>, <code>YearPickerRow</code>, <code>YearPickerRowGroup</code></li> <li><code>YearPickerScroller</code>, <code>YearPickerScrollerContent</code>, <code>YearPickerScrollerLayout</code></li> </ul> </li> <li>Includes helpers like <code>createYearPickerGrid</code> for generating year grids.</li> </ul> </li> <li> <p><strong><code>MonthPicker</code></strong></p> <ul> <li>Wrapper over <code>DataGridPicker&lt;number&gt;</code> specialized for month selection.</li> <li>Default active value resolves to the current month.</li> <li>Provides: <ul> <li><code>MonthPickerLayout</code> with configurable <code>rows</code>, <code>cols</code>, <code>start</code>, <code>locale</code>, <code>format</code></li> <li><code>MonthPickerItem</code>, <code>MonthPickerRow</code>, <code>MonthPickerRowGroup</code></li> <li><code>MonthPickerScroller</code>, <code>MonthPickerScrollerContent</code>, <code>MonthPickerScrollerLayout</code></li> </ul> </li> <li>Adds <code>createMonthPickerGrid</code> for building month matrices (e.g. 3×4 year views).</li> </ul> </li> <li> <p><strong><code>DayPicker</code></strong></p> <ul> <li>Day-level calendar picker built on <code>DataGridPicker&lt;number&gt;</code> with default active set to “today” (timestamp).</li> <li>Supports <code>single</code> / <code>multiple</code> / <code>range</code> selection and can respect min/max via <code>DataGridPicker</code>.</li> <li>Provides: <ul> <li><code>DayPickerLayout</code> with <code>year</code>, <code>month</code>, <code>offset</code>, <code>includeOverflowDays</code>, <code>weekStartsOn</code>, <code>rows</code>, <code>cols</code>, <code>locale</code>, <code>format</code></li> <li><code>DayPickerItem</code>, <code>DayPickerRow</code>, <code>DayPickerRowGroup</code></li> <li><code>DayPickerScroller</code>, <code>DayPickerScrollerContent</code>, <code>DayPickerScrollerLayout</code></li> </ul> </li> <li>Adds <code>createDayPickerGrid</code> to generate month views with optional overflow days and arbitrary week starts.</li> </ul> </li> </ul> <p><strong>New scroller utilities</strong></p> <ul> <li><strong><code>IndexedSnapScroller</code></strong> <ul> <li>Extends <code>SnapScroller</code> with virtual, index-based paging.</li> <li>Maintains a sliding window of logical page indexes via <code>useIndexes({ start, startDir, size, shift })</code>.</li> <li>Automatically shifts the window when scroll reaches edges (<code>onOffset(-1|1)</code>).</li> <li>Exposes: <ul> <li><code>IndexedSnapScroller</code> component</li> <li><code>IndexedSnapScrollerContent</code> (injects <code>index</code> via context)</li> <li><code>IndexedSnapScrollerProvider</code> / <code>useIndexesSnapScrollerContext</code> for consuming the current index in custom layouts.</li> </ul> </li> </ul> </li> </ul> <p><strong>Formatting helpers</strong></p> <ul> <li>Add small date-format helpers, suitable for use inside picker layouts: <ul> <li><code>formatDay(day, month, year, locale?, format?)</code></li> <li><code>formatMonth(month, locale?, format?)</code></li> <li><code>formatYear(year, locale?, format?)</code></li> </ul> </li> </ul> <p>These additions provide a fully composable calendar system (years, months, days) on top of <code>DataGridPicker</code> and <code>SnapScroller</code>, while keeping layout and rendering customizable through small, focused primitives.</p><p><a href="https://github.com/vega-ui/ui/commit/abbdcdc">abbdcdc</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v1-12-4 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-12-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-12-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-12-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>A bug was fixed in which it was impossible to expand the selected range on mobile devices and scroll in SnapScroller, as well as minor edits were made: when changing the range to the beginning and end, reset is not triggered.</p><p><a href="https://github.com/vega-ui/ui/commit/22dea95">22dea95</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v1-12-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>This release introduces a complete grid, selection, and scroll system for structured, interactive UIs. It combines efficient keyboard navigation, flexible selection logic, and smooth snap scrolling — forming the foundation for advanced table, calendar, and picker interfaces.</p> <p>📊 <code>DataGrid</code></p> <p><code>DataGrid</code> is a focusable, navigable grid that manages keyboard movement and active-cell focus.</p> <ul> <li>Supports navigation with Arrow, Home/End, and PageUp/PageDown keys</li> <li>Optional wrap navigation (horizontal, vertical, or both)</li> <li>Configurable rowDelta for page jumps</li> <li>Provides an imperative API (grid, keyMap) for advanced logic</li> <li>Supports excluded or disabled cells that are skipped during traversal</li> <li>Emits onMove events describing direction and axis of movement</li> </ul> <p>Used as the base for all higher-level grid-based components.</p> <p>🧭 <code>DataGridSelectable</code></p> <p><code>DataGridSelectable</code> extends DataGrid with a full selection model.</p> <ul> <li>Selection modes: &quot;single&quot;, &quot;multiple&quot;, &quot;range&quot;</li> <li>Keyboard (Shift + Arrows) and pointer-based range selection</li> <li>Optional disabled and bounded ranges (from / to)</li> <li>Fully integrated with the useSelection hook</li> <li>Provides consistent accessibility and state behavior</li> </ul> <p>Ideal for building interactive tables, lists, and date selectors.</p> <p>🎯 <code>DataGridPicker</code></p> <p>DataGridPicker builds on DataGridSelectable to enable picking and highlighting items within a grid.</p> <ul> <li>Automatically computes rectangular ranges between selected cells</li> <li>Supports highlighting of continuous intervals (start → end)</li> <li>Can be customized with a user-defined resolveRange function</li> <li>Commonly used for date pickers, emoji selectors, or option matrices</li> </ul> <p>🧱 <code>SnapScroller</code></p> <p><code>SnapScroller</code> provides smooth, scroll-snap navigation with full control and callbacks.</p> <ul> <li>Optimized for CSS scroll-snap-align behavior</li> <li>Exposes imperative API: next(), prev(), element</li> </ul> <p>Triggers:</p> <ul> <li>onSnap(index) — when snapped item changes</li> <li>onOffset(direction) — when scroll reaches start or end</li> </ul> <p>Optional preserveScroll restores snapped position after content updates</p> <p>Perfect for carousels, paginated lists, or horizontally scrolling pickers.</p> <p>🪝 <code>useSelection</code> Hook</p> <p><code>useSelection</code> is a composable hook for declarative selection management.</p> <ul> <li>Supports &quot;single&quot;, &quot;multiple&quot;, and &quot;range&quot; modes</li> <li>Provides helpers: toggle, expand, isSelected, edges, and more</li> <li>Accepts custom equals, compare, and resolveRange logic</li> </ul> <p>Used internally by DataGridSelectable and DataGridPicker</p> <p>⚙️ <code>Grid &amp; Matrix Utilities</code></p> <p>These low-level utilities power the core grid logic and ensure efficient traversal.</p> <p><code>grid</code></p> <p>A high-level controller for navigating 2D layouts:</p> <ul> <li>Provides directional movement (before, after, above, below)</li> <li>Handles row and column wrapping</li> <li>Uses Matrix internally for structure and lookup</li> </ul> <p><code>matrix</code></p> <p>A modular 2D data engine with the following components:</p> <p><code>Matrix</code> — manages all rows and cells <code>MatrixRow</code> — ordered row container with iterable access <code>MatrixNode</code> — represents a single cell ([row, col], key, payload) <code>MatrixIndexes</code> — maintains sorted indices with binary search</p> <p>Together, they ensure fast lookups and navigation across sparse grids.</p> <p>This release establishes the foundation for interactive, accessible, and performant grid-based interfaces in Vega UI — enabling developers to build pickers, calendars, tables, and carousels with minimal boilerplate and maximum control.</p><p><a href="https://github.com/vega-ui/ui/commit/30e9724">30e9724</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v1-11-4 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-11-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-11-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-11-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-11-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-10-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-10-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-9-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-8-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Added Size prop to PageControl, added hook useRefMap, improved accessability, added mergeEventHandlers util</p><p><a href="https://github.com/vega-ui/ui/commit/c98c982">c98c982</a></p></li></ul> https://vega-ui.dev/changelog/#hooks-v1-8-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-7-4 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-7-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-7-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-7-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-7-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-6-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-5-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-4-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-4-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-4-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-3-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-2-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-2-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-2-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-1-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-1-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#hooks-v1-0-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed logo</p><p><a href="https://github.com/vega-ui/ui/commit/fb2ec42">fb2ec42</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v2-5-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p><code>useSelection</code>: optional <code>compare</code> no longer crashes; new <code>compare</code> util</p> <p><code>compare?</code> was declared optional but invoked unconditionally in <code>edges</code>, <code>isSelected</code> and <code>isDisabled</code> — range selection or <code>min</code>/<code>max</code> clamping without a user-provided comparator threw <code>compare is not a function</code> (while <code>expand</code> had a guard, confirming the option was meant to be optional).</p> <ul> <li><code>@vega-ui/utils</code> now exports <code>compare</code> — a three-way comparator constrained to the new <code>Comparable</code> type (<code>number | string | bigint | Date</code>), so types with no universal ordering (objects, symbols) are rejected at compile time; covered with unit tests</li> <li><code>useSelection</code> falls back to it when no <code>compare</code> is passed, mirroring the existing <code>equals ?? Object.is</code> pattern; pass an explicit <code>compare</code> for non-primitive key types</li> <li><code>expand</code> no longer silently no-ops without a user comparator</li> <li>empty or <code>undefined</code> <code>selected</code> no longer produces <code>undefined</code> range edges: <code>edges()</code> returns <code>[]</code>, <code>isSelected</code> returns <code>false</code> instead of comparing <code>undefined</code></li> <li><code>DataGridSelectable</code> reuses the shared <code>compare</code> instead of its own inline duplicate of the same fallback (no behavior change)</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/0ffc52f">0ffc52f</a></p></li></ul><h3>Patch changes</h3><ul><li><p>Fix broken <code>main</code> field in hooks, utils and react-context</p> <p>In <code>@vega-ui/hooks</code>, <code>@vega-ui/utils</code> and <code>@vega-ui/react-context</code> the <code>main</code> field pointed to <code>./dist/index.ts</code> — a file that doesn't exist in <code>dist/</code> (the build only outputs <code>.js</code> and <code>.d.ts</code>). Modern bundlers masked the problem by resolving through the <code>exports</code> map, but environments that rely on <code>main</code> (Node without conditional exports support, Jest with legacy resolution, ts-node, CDNs like esm.sh) got <code>MODULE_NOT_FOUND</code> or tried to parse TypeScript as JS.</p> <p>Changes:</p> <ul> <li><code>main</code> now points to <code>./dist/index.js</code></li> <li>added <code>module: &quot;./dist/index.js&quot;</code> (consistent with <code>@vega-ui/react</code>)</li> <li>added the missing top-level <code>types: &quot;./dist/index.d.ts&quot;</code> to utils and react-context so resolvers that don't support <code>exports</code> can find the type declarations</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/1007aae">1007aae</a></p></li><li><p>Sync rollup externals with real dependencies</p> <p><code>vite.config.ts</code> of icons and utils listed externals manually, including <code>@vega-ui/helpers</code> — a package that doesn't exist in the monorepo — plus entries these packages never import (<code>@floating-ui/react</code>, <code>react-remove-scroll</code>, <code>@vega-ui/hooks</code>). Hand-written lists drift from real dependencies; a stray module matching a dead entry would silently produce a broken bundle.</p> <ul> <li><strong>icons</strong>: externals are now derived from <code>Object.keys(packageJson.dependencies)</code> + <code>Object.keys(packageJson.peerDependencies)</code> (same pattern as <code>@vega-ui/react</code> and <code>@vega-ui/hooks</code>), so the &quot;don't bundle this&quot; contract always matches the declared dependencies.</li> <li><strong>utils</strong>: the package has no runtime dependencies at all (React appears only in type imports), so the list is trimmed to the explicit <code>['react', 'react-dom', 'react/jsx-runtime']</code> safety net.</li> <li><code>resolveJsonModule: true</code> added to <code>tsconfig.node.json</code> of ui/hooks/icons (their vite configs import <code>package.json</code>); the empty <code>tsconfig.node.json</code> of utils filled in to match the other packages.</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/55a8c44">55a8c44</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v2-4-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v2-3-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v2-3-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v2-2-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v2-2-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p><strong>Adding New Components</strong></p> <p><strong>DateField</strong></p> <ul> <li>A date input field with masking and format validation.</li> <li>Uses <code>useControlledState</code> for controlled/uncontrolled values.</li> <li>Composed of the following components: <ul> <li><code>DateFieldInput</code></li> <li><code>DateFieldCalendar</code></li> </ul> </li> <li>Supports date formats (e.g., &quot;dd.MM.yyyy&quot;, &quot;MM/dd/yyyy&quot;).</li> <li>Supports minimum and maximum date restrictions (<code>minDate</code>, <code>maxDate</code>).</li> </ul> <p><strong>DateTimeField</strong></p> <ul> <li>A date and time input field.</li> <li>Combines the logic of <code>DateField</code> and <code>TimeField</code>.</li> <li>Composed of the following components: <ul> <li><code>DateTimeFieldInput</code></li> <li><code>DateTimeFieldCalendar</code></li> <li><code>TimeSelector</code> (for selecting time)</li> </ul> </li> <li>Uses <code>useControlledState</code>.</li> </ul> <p><strong>DateRangeField</strong></p> <ul> <li>A field for selecting a date range.</li> <li>Composed of the following components: <ul> <li>Two <code>DateField</code>s (start and end dates)</li> <li><code>DateRangeCalendar</code> (calendar for selecting the range)</li> </ul> </li> <li>Handles range validation (start date ≤ end date).</li> <li>Uses <code>useControlledState</code>.</li> </ul> <p><strong>TimeField</strong></p> <ul> <li>A time input field.</li> <li>Supports masking and time format (e.g., &quot;HH:mm&quot;).</li> <li>Uses <code>useControlledState</code>.</li> <li>Composed of the following components: <ul> <li><code>TimeFieldInput</code></li> <li>Additional controls (arrows, time selector)</li> </ul> </li> </ul><p><a href="https://github.com/vega-ui/ui/commit/798d27c">798d27c</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v2-1-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v2-1-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Refactor Calendar stack to scroll-snap scrollers (DataGridPickerScroller) and remove react-store based state.</p> <p><strong>@vega-ui/ui</strong></p> <p><strong>SnapScroller</strong></p> <ul> <li><strong>BREAKING:</strong> <code>initialIndex</code> renamed to <code>defaultIndex</code>.</li> <li><strong>BREAKING:</strong> removed <code>preserveScroll</code>.</li> <li><strong>BREAKING:</strong> removed <code>onOffset</code>.</li> <li>Added scroll-snap callbacks: <ul> <li><code>onScrollSnapChanging?(element, index)</code></li> <li><code>onScrollSnapChange?(element, index)</code></li> </ul> </li> </ul> <p><strong>IndexedSnapScroller</strong></p> <ul> <li>Keeps offset-based infinite behavior (window <code>shift()</code> / <code>push()</code>) and optional <code>preserveScroll</code>.</li> <li>Supports controlled <code>index</code> (scrolls to it when in window; rebuilds window when outside).</li> </ul> <p><strong>DataGrid</strong></p> <ul> <li><strong>BREAKING:</strong> <code>onMove(e, node, axis, dir)</code> replaced with <code>onArrow(e, nextNode, prevNode)</code>.</li> <li><strong>BREAKING:</strong> <code>DataGridApiRef</code> changed: <ul> <li>removed <code>keyMap</code></li> <li>added <code>scopes: Map&lt;DataGridScope, DataGridCellKey[]&gt;</code></li> </ul> </li> <li><code>DataGridRowGroup</code> now supports <code>scope?: DataGridScope</code> and provides it via context.</li> <li>Cells unregister from the grid on unmount (node cleanup).</li> <li>Active/selection focus flow updated to sync active cell on focus changes.</li> </ul> <p><strong>DataGridPicker</strong></p> <ul> <li>Added <code>DataGridPickerScroller</code> and <code>DataGridPickerScrollerContent</code>.</li> <li><code>DataGridPickerScroller</code> integrates with scroll-snap events to restore/adjust active focus for the current scope.</li> </ul> <p><strong>DayPicker</strong></p> <ul> <li><strong>BREAKING:</strong> DayPicker scrolling is now driven by <code>DataGridPickerScroller</code> (instead of IndexedSnapScroller directly).</li> <li>Added period-to-index mapping via reference anchor: <ul> <li><code>referenceDate?: Date</code></li> <li><code>getIndexByDate?(year, month)</code></li> <li><code>getDateByIndex?(index)</code></li> </ul> </li> <li>Period changes are emitted during scroll via <code>onScrollSnapChanging</code>.</li> </ul> <p><strong>YearPicker</strong></p> <ul> <li><strong>BREAKING:</strong> YearPicker scrolling is now driven by <code>DataGridPickerScroller</code>.</li> <li>Added year-to-index mapping via reference anchor: <ul> <li><code>referenceYear?: number</code></li> <li><code>getIndexByYear?(year, referenceYear)</code></li> </ul> </li> <li>Layout derives offset from <code>year</code> when <code>offset</code> is not provided.</li> </ul> <p><strong>Calendar / CalendarBase</strong></p> <ul> <li><strong>BREAKING:</strong> <code>onYearChange</code> -&gt; <code>onChangeYear</code></li> <li><strong>BREAKING:</strong> <code>onMonthChange</code> -&gt; <code>onChangeMonth</code></li> <li>Added controlled/uncontrolled view state for navigation: <ul> <li><code>year</code> / <code>defaultYear</code></li> <li><code>month</code> / <code>defaultMonth</code></li> <li><code>activeDay</code> / <code>defaultActiveDay</code> + <code>onChangeActiveDay</code></li> <li><code>activeMonth</code> / <code>defaultActiveMonth</code> + <code>onChangeActiveMonth</code></li> <li><code>activeYear</code> / <code>defaultActiveYear</code> + <code>onChangeActiveYear</code></li> </ul> </li> <li>Added <code>referenceDate?: Date</code> as an anchor for indexed/virtualized navigation.</li> <li>Added year-group navigation controls: <ul> <li><code>CalendarNextYearGroupButton</code></li> <li><code>CalendarPrevYearGroupButton</code></li> </ul> </li> <li>Picker/ESC handling updated (Escape now stops propagation).</li> <li>Period navigation split into: <ul> <li><code>nextPeriod</code> / <code>prevPeriod</code></li> <li><code>nextYearGroup</code> / <code>prevYearGroup</code></li> </ul> </li> </ul> <p><strong>@vega-ui/hooks</strong></p> <ul> <li><strong>BREAKING:</strong> removed <code>useStore</code>, <code>useControlledStore</code> (react-store dependency removed).</li> <li><strong>BREAKING:</strong> removed <code>useIntersectionObserver</code>.</li> <li>Added: <ul> <li><code>useScrollSnap</code> (snap measurement + <code>onSnapChanging/onSnapChange</code>)</li> <li><code>useMutationObserver</code></li> <li><code>useBiMap</code></li> </ul> </li> <li><code>useRefMap</code> now exposes <code>removeItemRef</code>.</li> <li><code>useIndexes</code> updated to support new shifting semantics safely.</li> </ul> <p><strong>@vega-ui/react-store</strong></p> <ul> <li><strong>BREAKING:</strong> package removed / no longer used in the monorepo.</li> </ul> <p><strong>@vega-ui/utils</strong></p> <ul> <li>Added <code>BiMap</code> and <code>nearest</code>.</li> <li>Reorganized data helpers under <code>utils/data/*</code> with re-exports.</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/8380d3b">8380d3b</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v2-0-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v2-0-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Refactor form controls architecture and remove deprecated components.</p> <p><strong>Removed (breaking)</strong></p> <ul> <li>Remove <code>FlagIcon</code> package exports and implementation.</li> <li>Remove <code>PhoneSelectField</code> and related subcomponents/contexts/styles.</li> <li>Remove legacy <code>SelectArrow</code> and <code>SelectPlaceholder</code> components.</li> <li>Remove legacy <code>NumberFieldIncrement</code>/<code>NumberFieldDecrement</code> components.</li> <li>Remove legacy <code>PinFieldInput</code> component.</li> </ul> <p><strong>Added</strong></p> <ul> <li>Add new <code>NumberField</code> building blocks: <ul> <li><code>NumberFieldInput</code></li> <li><code>NumberFieldIncrementButton</code></li> <li><code>NumberFieldDecrementButton</code></li> <li><code>NumberFieldContext</code> (new contexts structure)</li> <li><code>NumberField</code> types module</li> </ul> </li> <li>Add new <code>PasswordField</code> building blocks: <ul> <li><code>PasswordFieldInput</code>, <code>PasswordFieldToggleIconButton</code></li> <li><code>PasswordFieldShownIcon</code>, <code>PasswordFieldHiddenIcon</code></li> <li><code>PasswordFieldContext</code> and component index exports</li> </ul> </li> <li>Add new <code>PhoneField</code> composition: <ul> <li><code>PhoneFieldInput</code></li> <li><code>PhoneFieldSelect</code> + subcomponents (<code>Combobox</code>, <code>HiddenSelect</code>, <code>Icon</code>, <code>Listbox</code>, <code>Option</code>, <code>Portal</code>, <code>Value</code>)</li> <li><code>PhoneFieldContext</code> and component index exports</li> </ul> </li> <li>Add <code>PinFieldHiddenInput</code> component (single visually hidden input backing the slots).</li> <li>Add new <code>Select</code> building blocks: <ul> <li><code>SelectHiddenSelect</code>, <code>SelectIcon</code>, <code>SelectPortal</code>, <code>SelectValue</code> helpers</li> <li><code>SelectOptionsContext</code></li> </ul> </li> <li>Add new <code>TextFieldInput</code> component and <code>TextFieldContext</code>.</li> </ul> <p><strong>Changed</strong></p> <ul> <li>Update <code>PinField</code> internals, contexts, slots, separator, styles and tests.</li> <li>Update <code>Select</code>, <code>NumberField</code>, <code>PasswordField</code>, <code>PhoneField</code>, <code>TextField</code> internals, styles, stories and tests.</li> <li>Update <code>Option</code> component and related types/styles.</li> <li>Update <code>Drawer</code> internals and context, plus stories.</li> <li>Update library root exports (<code>packages/ui/src/index.ts</code>).</li> </ul> <p><strong>Tests</strong></p> <ul> <li>Update existing tests for refactored components.</li> <li>Add/adjust stories for new subcomponents.</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/50bc30f">50bc30f</a></p></li><li><p>The responsive-ui package is no longer supported due to inconsistencies in the overall component design approach</p> <p>The components that the responsive ui package contained are easily implemented using the composition of existing ones and do not require the support and development of a separate package</p><p><a href="https://github.com/vega-ui/ui/commit/eab55a8">eab55a8</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v1-14-3 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Renamed BaseCalendar to CalendarBase</p><p><a href="https://github.com/vega-ui/ui/commit/7711364">7711364</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v1-14-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed deps</p><p><a href="https://github.com/vega-ui/ui/commit/55809c0">55809c0</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v1-14-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Refactored contexts, they are unified in style</p><p><a href="https://github.com/vega-ui/ui/commit/9bb4a3b">9bb4a3b</a></p></li><li><p>Deleted unused dependencies</p><p><a href="https://github.com/vega-ui/ui/commit/d76eea5">d76eea5</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v1-14-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new calendar primitives:</p> <ul> <li><strong>CalendarBase</strong> — foundational layout and styling provider for all calendar components (size, variant, compact mode).</li> <li><strong>Calendar</strong> — high-level fully interactive calendar with day/month/year pickers, scroll-based navigation, controlled/uncontrolled selection modes, and full provider-based state management.</li> </ul> <p>These components form the new core of the calendar system and enable building flexible, Radix-style declarative/imperative calendar interfaces.</p><p><a href="https://github.com/vega-ui/ui/commit/a387fda">a387fda</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v1-13-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Add composable calendar picker primitives and index-based snap scroller utilities.</p> <p><strong>New pickers</strong></p> <ul> <li> <p><strong><code>YearPicker</code></strong></p> <ul> <li>High-level year selection component built on top of <code>DataGridPicker&lt;number&gt;</code>.</li> <li>Supports <code>single</code>, <code>multiple</code>, and <code>range</code> selection modes with <code>from</code> / <code>to</code> bounds.</li> <li>Provides a default <code>YearPickerLayout</code> (configurable <code>rows</code>, <code>cols</code>, <code>start</code>, <code>offset</code>).</li> <li>Adds composable primitives: <ul> <li><code>YearPickerItem</code>, <code>YearPickerRow</code>, <code>YearPickerRowGroup</code></li> <li><code>YearPickerScroller</code>, <code>YearPickerScrollerContent</code>, <code>YearPickerScrollerLayout</code></li> </ul> </li> <li>Includes helpers like <code>createYearPickerGrid</code> for generating year grids.</li> </ul> </li> <li> <p><strong><code>MonthPicker</code></strong></p> <ul> <li>Wrapper over <code>DataGridPicker&lt;number&gt;</code> specialized for month selection.</li> <li>Default active value resolves to the current month.</li> <li>Provides: <ul> <li><code>MonthPickerLayout</code> with configurable <code>rows</code>, <code>cols</code>, <code>start</code>, <code>locale</code>, <code>format</code></li> <li><code>MonthPickerItem</code>, <code>MonthPickerRow</code>, <code>MonthPickerRowGroup</code></li> <li><code>MonthPickerScroller</code>, <code>MonthPickerScrollerContent</code>, <code>MonthPickerScrollerLayout</code></li> </ul> </li> <li>Adds <code>createMonthPickerGrid</code> for building month matrices (e.g. 3×4 year views).</li> </ul> </li> <li> <p><strong><code>DayPicker</code></strong></p> <ul> <li>Day-level calendar picker built on <code>DataGridPicker&lt;number&gt;</code> with default active set to “today” (timestamp).</li> <li>Supports <code>single</code> / <code>multiple</code> / <code>range</code> selection and can respect min/max via <code>DataGridPicker</code>.</li> <li>Provides: <ul> <li><code>DayPickerLayout</code> with <code>year</code>, <code>month</code>, <code>offset</code>, <code>includeOverflowDays</code>, <code>weekStartsOn</code>, <code>rows</code>, <code>cols</code>, <code>locale</code>, <code>format</code></li> <li><code>DayPickerItem</code>, <code>DayPickerRow</code>, <code>DayPickerRowGroup</code></li> <li><code>DayPickerScroller</code>, <code>DayPickerScrollerContent</code>, <code>DayPickerScrollerLayout</code></li> </ul> </li> <li>Adds <code>createDayPickerGrid</code> to generate month views with optional overflow days and arbitrary week starts.</li> </ul> </li> </ul> <p><strong>New scroller utilities</strong></p> <ul> <li><strong><code>IndexedSnapScroller</code></strong> <ul> <li>Extends <code>SnapScroller</code> with virtual, index-based paging.</li> <li>Maintains a sliding window of logical page indexes via <code>useIndexes({ start, startDir, size, shift })</code>.</li> <li>Automatically shifts the window when scroll reaches edges (<code>onOffset(-1|1)</code>).</li> <li>Exposes: <ul> <li><code>IndexedSnapScroller</code> component</li> <li><code>IndexedSnapScrollerContent</code> (injects <code>index</code> via context)</li> <li><code>IndexedSnapScrollerProvider</code> / <code>useIndexesSnapScrollerContext</code> for consuming the current index in custom layouts.</li> </ul> </li> </ul> </li> </ul> <p><strong>Formatting helpers</strong></p> <ul> <li>Add small date-format helpers, suitable for use inside picker layouts: <ul> <li><code>formatDay(day, month, year, locale?, format?)</code></li> <li><code>formatMonth(month, locale?, format?)</code></li> <li><code>formatYear(year, locale?, format?)</code></li> </ul> </li> </ul> <p>These additions provide a fully composable calendar system (years, months, days) on top of <code>DataGridPicker</code> and <code>SnapScroller</code>, while keeping layout and rendering customizable through small, focused primitives.</p><p><a href="https://github.com/vega-ui/ui/commit/abbdcdc">abbdcdc</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v1-12-4 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-12-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-12-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-12-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-12-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>This release introduces a complete grid, selection, and scroll system for structured, interactive UIs. It combines efficient keyboard navigation, flexible selection logic, and smooth snap scrolling — forming the foundation for advanced table, calendar, and picker interfaces.</p> <p>📊 <code>DataGrid</code></p> <p><code>DataGrid</code> is a focusable, navigable grid that manages keyboard movement and active-cell focus.</p> <ul> <li>Supports navigation with Arrow, Home/End, and PageUp/PageDown keys</li> <li>Optional wrap navigation (horizontal, vertical, or both)</li> <li>Configurable rowDelta for page jumps</li> <li>Provides an imperative API (grid, keyMap) for advanced logic</li> <li>Supports excluded or disabled cells that are skipped during traversal</li> <li>Emits onMove events describing direction and axis of movement</li> </ul> <p>Used as the base for all higher-level grid-based components.</p> <p>🧭 <code>DataGridSelectable</code></p> <p><code>DataGridSelectable</code> extends DataGrid with a full selection model.</p> <ul> <li>Selection modes: &quot;single&quot;, &quot;multiple&quot;, &quot;range&quot;</li> <li>Keyboard (Shift + Arrows) and pointer-based range selection</li> <li>Optional disabled and bounded ranges (from / to)</li> <li>Fully integrated with the useSelection hook</li> <li>Provides consistent accessibility and state behavior</li> </ul> <p>Ideal for building interactive tables, lists, and date selectors.</p> <p>🎯 <code>DataGridPicker</code></p> <p>DataGridPicker builds on DataGridSelectable to enable picking and highlighting items within a grid.</p> <ul> <li>Automatically computes rectangular ranges between selected cells</li> <li>Supports highlighting of continuous intervals (start → end)</li> <li>Can be customized with a user-defined resolveRange function</li> <li>Commonly used for date pickers, emoji selectors, or option matrices</li> </ul> <p>🧱 <code>SnapScroller</code></p> <p><code>SnapScroller</code> provides smooth, scroll-snap navigation with full control and callbacks.</p> <ul> <li>Optimized for CSS scroll-snap-align behavior</li> <li>Exposes imperative API: next(), prev(), element</li> </ul> <p>Triggers:</p> <ul> <li>onSnap(index) — when snapped item changes</li> <li>onOffset(direction) — when scroll reaches start or end</li> </ul> <p>Optional preserveScroll restores snapped position after content updates</p> <p>Perfect for carousels, paginated lists, or horizontally scrolling pickers.</p> <p>🪝 <code>useSelection</code> Hook</p> <p><code>useSelection</code> is a composable hook for declarative selection management.</p> <ul> <li>Supports &quot;single&quot;, &quot;multiple&quot;, and &quot;range&quot; modes</li> <li>Provides helpers: toggle, expand, isSelected, edges, and more</li> <li>Accepts custom equals, compare, and resolveRange logic</li> </ul> <p>Used internally by DataGridSelectable and DataGridPicker</p> <p>⚙️ <code>Grid &amp; Matrix Utilities</code></p> <p>These low-level utilities power the core grid logic and ensure efficient traversal.</p> <p><code>grid</code></p> <p>A high-level controller for navigating 2D layouts:</p> <ul> <li>Provides directional movement (before, after, above, below)</li> <li>Handles row and column wrapping</li> <li>Uses Matrix internally for structure and lookup</li> </ul> <p><code>matrix</code></p> <p>A modular 2D data engine with the following components:</p> <p><code>Matrix</code> — manages all rows and cells <code>MatrixRow</code> — ordered row container with iterable access <code>MatrixNode</code> — represents a single cell ([row, col], key, payload) <code>MatrixIndexes</code> — maintains sorted indices with binary search</p> <p>Together, they ensure fast lookups and navigation across sparse grids.</p> <p>This release establishes the foundation for interactive, accessible, and performant grid-based interfaces in Vega UI — enabling developers to build pickers, calendars, tables, and carousels with minimal boilerplate and maximum control.</p><p><a href="https://github.com/vega-ui/ui/commit/30e9724">30e9724</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v1-11-4 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-11-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-11-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-11-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-11-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-10-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-10-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-9-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-8-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Added Size prop to PageControl, added hook useRefMap, improved accessability, added mergeEventHandlers util</p><p><a href="https://github.com/vega-ui/ui/commit/c98c982">c98c982</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v1-8-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-7-4 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-7-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-7-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-7-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-7-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-6-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-5-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-4-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-4-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-4-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new utilities</p><p><a href="https://github.com/vega-ui/ui/commit/e022b3c">e022b3c</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v1-3-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-2-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-2-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-2-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new component - RangeSlider, Slider and SliderBase</p><p><a href="https://github.com/vega-ui/ui/commit/6224045">6224045</a></p></li></ul> https://vega-ui.dev/changelog/#utils-v1-1-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-1-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#utils-v1-0-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed logo</p><p><a href="https://github.com/vega-ui/ui/commit/fb2ec42">fb2ec42</a></p></li></ul> https://vega-ui.dev/changelog/#icons-v2-5-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Exports map, generated barrel, statically tree-shakeable icon modules</p> <p><strong><code>exports</code> map with wildcard subpaths.</strong> <code>@vega-ui/icons</code> was the only package without an <code>exports</code> map — just <code>main</code>/<code>types</code>/<code>files</code>. That loses the ESM-only guarantee, leaves module-format behavior ambiguous in Node 20+, and gives consumers no way to import a single icon without pulling the whole barrel (which re-exports all of lucide-react plus 250+ flags).</p> <ul> <li>added <code>exports</code> with the same <code>.</code> entry shape as the other packages (<code>source</code> + <code>import.types</code>/<code>import.default</code>), plus <code>module</code> field</li> <li>added wildcard subpath exports mirroring the barrel names: <code>@vega-ui/icons/FlagUS</code> (<code>./Flag*</code> → <code>dist/assets/flags/</code>), and <code>./*</code> for custom icons (<code>@vega-ui/icons/double-arrow-left</code> → <code>dist/assets/icons/</code>) — each resolves to its own module in <code>dist</code>, bypassing the barrel entirely for guaranteed tree-shaking; new custom icons get a subpath automatically, no <code>exports</code> edit needed</li> <li>subpath imports are typed via a shipped <code>svg.d.ts</code> (<code>FC&lt;SVGProps&lt;SVGSVGElement&gt;&gt;</code>)</li> <li>note: an <code>exports</code> map locks down undocumented deep imports like <code>@vega-ui/icons/dist/index.js</code> — anyone relying on those must switch to the documented entry points</li> </ul> <p><strong>Generated barrel; new <code>TrainsSideIcon</code> export.</strong> <code>src/index.ts</code> is now generated by <code>scripts/generate-icons.mts</code> from the SVG files in <code>src/assets/{icons,flags}</code> (runs on every build, or manually via <code>pnpm generate</code>). Adding a new icon or flag is now just dropping an SVG into the right folder — no manual barrel or <code>exports</code> edits. As a side effect the generator picked up <code>trains-side.svg</code>, which existed in assets but was never wired into the barrel — <code>TrainsSideIcon</code> (and the <code>@vega-ui/icons/trains-side</code> subpath) is now exported.</p> <p><strong>Dropped <code>forwardRef</code> from generated icon components — modules are now statically tree-shakeable.</strong> svgr-generated flag/icon modules ended with a bare <code>forwardRef(SvgComponent)</code> call, which statement-level tree-shaking must treat as a potential side effect. Module-level shaking already worked (<code>sideEffects: false</code> + <code>preserveModules</code> — verified with esbuild and rollup: importing one icon from the barrel pulls only that icon), but pipelines that ignore the <code>sideEffects</code> field would retain every flag.</p> <p>Since the package requires React 19 (<code>peerDependencies</code>), <code>forwardRef</code> is unnecessary: <code>ref</code> arrives as a regular prop and reaches the <code>&lt;svg&gt;</code> element through the props spread. svgr's <code>ref: true</code> option was removed, so each module is now a single arrow-function declaration with no top-level calls — side-effect free by construction, no <code>/*#__PURE__*/</code> annotations needed.</p> <p>Verified: ref attaches to <code>SVGSVGElement</code> in Chromium/Firefox/WebKit (browser test), SSR render unchanged, barrel imports stay fully shaken (single lucide icon ≈ 2–3.5 kB, single flag ≈ 7 kB), 57 Icon/IconButton browser tests pass.</p><p><a href="https://github.com/vega-ui/ui/commit/df6f7c1">df6f7c1</a></p></li><li><p>Replace <code>lucide-react: &quot;latest&quot;</code> with a semver range and upgrade to 1.x</p> <p><code>latest</code> is an npm dist-tag, not a semver range: every clean install could resolve a different version, and a breaking lucide release would hit consumers immediately with no way to protect themselves. The lockfile also masked a real drift — local/CI installs resolved <code>0.577.0</code> while a fresh consumer install of <code>latest</code> already got <code>1.23.0</code>.</p> <p>Changed to <code>&quot;lucide-react&quot;: &quot;^1.23.0&quot;</code>: new 1.x minors (which is how lucide ships new icons) keep flowing in on install, but a future breaking 2.0 won't be picked up silently. Verified against 1.23.0: icons and ui packages build and typecheck, Icon/IconButton browser tests pass in Chromium, Firefox and WebKit.</p><p><a href="https://github.com/vega-ui/ui/commit/d6954e8">d6954e8</a></p></li></ul><h3>Patch changes</h3><ul><li><p>Sync rollup externals with real dependencies</p> <p><code>vite.config.ts</code> of icons and utils listed externals manually, including <code>@vega-ui/helpers</code> — a package that doesn't exist in the monorepo — plus entries these packages never import (<code>@floating-ui/react</code>, <code>react-remove-scroll</code>, <code>@vega-ui/hooks</code>). Hand-written lists drift from real dependencies; a stray module matching a dead entry would silently produce a broken bundle.</p> <ul> <li><strong>icons</strong>: externals are now derived from <code>Object.keys(packageJson.dependencies)</code> + <code>Object.keys(packageJson.peerDependencies)</code> (same pattern as <code>@vega-ui/react</code> and <code>@vega-ui/hooks</code>), so the &quot;don't bundle this&quot; contract always matches the declared dependencies.</li> <li><strong>utils</strong>: the package has no runtime dependencies at all (React appears only in type imports), so the list is trimmed to the explicit <code>['react', 'react-dom', 'react/jsx-runtime']</code> safety net.</li> <li><code>resolveJsonModule: true</code> added to <code>tsconfig.node.json</code> of ui/hooks/icons (their vite configs import <code>package.json</code>); the empty <code>tsconfig.node.json</code> of utils filled in to match the other packages.</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/55a8c44">55a8c44</a></p></li><li><p>Remove React from <code>dependencies</code>, keep it only in <code>peerDependencies</code></p> <p><code>react</code> (and <code>react-dom</code> in <code>@vega-ui/react</code>) were declared in both <code>dependencies</code> and <code>peerDependencies</code>. With strict resolution (Yarn PnP, pnpm with <code>shamefully-hoist=false</code>, strict npm) consumers ended up with two copies of React — <code>Invalid hook call</code>, contexts not matching, rendering breaking with no clear error.</p> <p>Changes:</p> <ul> <li>removed <code>react</code>/<code>react-dom</code> from <code>dependencies</code> in <code>@vega-ui/react</code>, <code>@vega-ui/hooks</code> and <code>@vega-ui/icons</code>; they stay in <code>peerDependencies</code> and were added to <code>devDependencies</code> for local development</li> <li><code>vite.config.ts</code> of <code>@vega-ui/react</code> and <code>@vega-ui/hooks</code> derived rollup <code>external</code> from <code>Object.keys(dependencies)</code> only, so React would have been bundled into <code>dist</code> after this change — externals now include <code>peerDependencies</code> as well</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/9834a4c">9834a4c</a></p></li></ul> https://vega-ui.dev/changelog/#icons-v2-4-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v2-3-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v2-3-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v2-2-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v2-2-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v2-1-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v2-1-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v2-0-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v2-0-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>The responsive-ui package is no longer supported due to inconsistencies in the overall component design approach</p> <p>The components that the responsive ui package contained are easily implemented using the composition of existing ones and do not require the support and development of a separate package</p><p><a href="https://github.com/vega-ui/ui/commit/eab55a8">eab55a8</a></p></li></ul><h3>Patch changes</h3><ul><li><p>Fixed ts problems</p><p><a href="https://github.com/vega-ui/ui/commit/9fcad60">9fcad60</a></p></li></ul> https://vega-ui.dev/changelog/#icons-v1-14-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-14-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed deps</p><p><a href="https://github.com/vega-ui/ui/commit/55809c0">55809c0</a></p></li></ul> https://vega-ui.dev/changelog/#icons-v1-14-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Refactored contexts, they are unified in style</p><p><a href="https://github.com/vega-ui/ui/commit/9bb4a3b">9bb4a3b</a></p></li></ul> https://vega-ui.dev/changelog/#icons-v1-14-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-13-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-12-4 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Added side effects to icon</p><p><a href="https://github.com/vega-ui/ui/commit/a18e86e">a18e86e</a></p></li></ul> https://vega-ui.dev/changelog/#icons-v1-12-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-12-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-12-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-12-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-11-4 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Upped icon ver</p><p><a href="https://github.com/vega-ui/ui/commit/0124d94">0124d94</a></p></li></ul> https://vega-ui.dev/changelog/#icons-v1-11-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-11-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-11-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-11-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-10-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-10-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-9-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-8-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-8-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-7-4 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-7-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-7-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-7-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-7-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-6-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-5-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-4-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-4-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-4-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-3-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Changed providers of icons - lucide</p><p><a href="https://github.com/vega-ui/ui/commit/279075a">279075a</a></p></li></ul> https://vega-ui.dev/changelog/#icons-v1-2-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-2-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-2-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-1-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-1-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#icons-v1-0-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed logo</p><p><a href="https://github.com/vega-ui/ui/commit/fb2ec42">fb2ec42</a></p></li></ul> https://vega-ui.dev/changelog/#tokens-v2-5-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v2-4-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Changed xs, sm, md, lg, xl sizes of all components</p><p><a href="https://github.com/vega-ui/ui/commit/a77ab19">a77ab19</a></p></li></ul> https://vega-ui.dev/changelog/#tokens-v2-3-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Refactored color system and semantic tokens</p> <ul> <li>Updated color palette in <code>@vega-ui/tokens-core</code>: revised oklch values across all color scales for better perceptual uniformity</li> <li>Replaced static surface tokens (<code>surface-ultrathin</code> … <code>surface-ultrathick</code>) with <code>surface-primary</code> / <code>surface-secondary</code> in both light and dark themes</li> <li>Tweaked fill token chroma/lightness values in light and dark themes for improved contrast</li> <li>Button ghost/transparent hover and active backgrounds now use <code>oklch(from …)</code> relative color syntax instead of hardcoded palette steps, making them automatically adapt to any primary/secondary accent color</li> <li>Added Playground story showcasing Badge, Button, Alert, Checkbox, Radio, Avatar, SegmentedControl and Slider in a single view</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/3858f99">3858f99</a></p></li><li><p>Fixed colors</p><p><a href="https://github.com/vega-ui/ui/commit/2fe1a01">2fe1a01</a></p></li></ul> https://vega-ui.dev/changelog/#tokens-v2-3-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Changed hex to oklch + color-mix</p><p><a href="https://github.com/vega-ui/ui/commit/f5dd762">f5dd762</a></p></li><li><p><strong>@vega-ui/tokens-core</strong></p> <p>Complete overhaul of the color palette:</p> <ul> <li>Colors migrated from <code>color-mix(in oklch, var(--color-red) X%, white/black)</code> to direct <code>oklch()</code> values for more predictable perceptual color space</li> <li>Removed intermediate steps (50, 150, 250, 350, 450, 550, 650, 750, 850, 950) — scale simplified to 11 steps: 0–100–200–…–1000</li> </ul> <p><strong>@vega-ui/theme-core</strong></p> <p>Complete overhaul of semantic tokens in <code>light.css</code> / <code>dark.css</code>:</p> <ul> <li>Added fill tokens: <code>--fills-primary/secondary/tertiary/quaternary</code> with hover/active states</li> <li>Added label tokens: <code>--label-primary/secondary/tertiary/quaternary</code></li> <li>Added surface tokens: <code>--surface-ultrathin/thin/regular/thick/ultrathick</code></li> <li>Added separator tokens: <code>--separator-opaque/non-opaque</code></li> <li>Added border tokens: <code>--border-color</code> with hover/active states</li> <li>Added disabled state tokens: <code>--disable-*</code></li> <li>Added color accent tokens: <code>--color-*-accent-*</code> — palette is automatically inverted in dark mode</li> <li>Renamed: <code>--text-inverce-color</code> → <code>--text-color-inverce</code></li> </ul> <p><strong>@vega-ui/react</strong></p> <ul> <li>All components migrated to new semantic tokens from the theme</li> <li>Removed direct color token references in components, replaced with semantic variables</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/064d8c0">064d8c0</a></p></li></ul><h3>Patch changes</h3><ul><li><p>Change gray color (1000)</p><p><a href="https://github.com/vega-ui/ui/commit/1dc9de6">1dc9de6</a></p></li></ul> https://vega-ui.dev/changelog/#tokens-v2-2-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v2-2-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v2-1-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v2-1-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v2-0-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v2-0-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Improved backdrop animations</p><p><a href="https://github.com/vega-ui/ui/commit/31b2b94">31b2b94</a></p></li><li><p>The responsive-ui package is no longer supported due to inconsistencies in the overall component design approach</p> <p>The components that the responsive ui package contained are easily implemented using the composition of existing ones and do not require the support and development of a separate package</p><p><a href="https://github.com/vega-ui/ui/commit/eab55a8">eab55a8</a></p></li></ul> https://vega-ui.dev/changelog/#tokens-v1-14-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-14-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed deps</p><p><a href="https://github.com/vega-ui/ui/commit/55809c0">55809c0</a></p></li></ul> https://vega-ui.dev/changelog/#tokens-v1-14-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-14-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-13-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-12-4 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-12-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-12-2 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-12-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-12-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>This release introduces a complete grid, selection, and scroll system for structured, interactive UIs. It combines efficient keyboard navigation, flexible selection logic, and smooth snap scrolling — forming the foundation for advanced table, calendar, and picker interfaces.</p> <p>📊 <code>DataGrid</code></p> <p><code>DataGrid</code> is a focusable, navigable grid that manages keyboard movement and active-cell focus.</p> <ul> <li>Supports navigation with Arrow, Home/End, and PageUp/PageDown keys</li> <li>Optional wrap navigation (horizontal, vertical, or both)</li> <li>Configurable rowDelta for page jumps</li> <li>Provides an imperative API (grid, keyMap) for advanced logic</li> <li>Supports excluded or disabled cells that are skipped during traversal</li> <li>Emits onMove events describing direction and axis of movement</li> </ul> <p>Used as the base for all higher-level grid-based components.</p> <p>🧭 <code>DataGridSelectable</code></p> <p><code>DataGridSelectable</code> extends DataGrid with a full selection model.</p> <ul> <li>Selection modes: &quot;single&quot;, &quot;multiple&quot;, &quot;range&quot;</li> <li>Keyboard (Shift + Arrows) and pointer-based range selection</li> <li>Optional disabled and bounded ranges (from / to)</li> <li>Fully integrated with the useSelection hook</li> <li>Provides consistent accessibility and state behavior</li> </ul> <p>Ideal for building interactive tables, lists, and date selectors.</p> <p>🎯 <code>DataGridPicker</code></p> <p>DataGridPicker builds on DataGridSelectable to enable picking and highlighting items within a grid.</p> <ul> <li>Automatically computes rectangular ranges between selected cells</li> <li>Supports highlighting of continuous intervals (start → end)</li> <li>Can be customized with a user-defined resolveRange function</li> <li>Commonly used for date pickers, emoji selectors, or option matrices</li> </ul> <p>🧱 <code>SnapScroller</code></p> <p><code>SnapScroller</code> provides smooth, scroll-snap navigation with full control and callbacks.</p> <ul> <li>Optimized for CSS scroll-snap-align behavior</li> <li>Exposes imperative API: next(), prev(), element</li> </ul> <p>Triggers:</p> <ul> <li>onSnap(index) — when snapped item changes</li> <li>onOffset(direction) — when scroll reaches start or end</li> </ul> <p>Optional preserveScroll restores snapped position after content updates</p> <p>Perfect for carousels, paginated lists, or horizontally scrolling pickers.</p> <p>🪝 <code>useSelection</code> Hook</p> <p><code>useSelection</code> is a composable hook for declarative selection management.</p> <ul> <li>Supports &quot;single&quot;, &quot;multiple&quot;, and &quot;range&quot; modes</li> <li>Provides helpers: toggle, expand, isSelected, edges, and more</li> <li>Accepts custom equals, compare, and resolveRange logic</li> </ul> <p>Used internally by DataGridSelectable and DataGridPicker</p> <p>⚙️ <code>Grid &amp; Matrix Utilities</code></p> <p>These low-level utilities power the core grid logic and ensure efficient traversal.</p> <p><code>grid</code></p> <p>A high-level controller for navigating 2D layouts:</p> <ul> <li>Provides directional movement (before, after, above, below)</li> <li>Handles row and column wrapping</li> <li>Uses Matrix internally for structure and lookup</li> </ul> <p><code>matrix</code></p> <p>A modular 2D data engine with the following components:</p> <p><code>Matrix</code> — manages all rows and cells <code>MatrixRow</code> — ordered row container with iterable access <code>MatrixNode</code> — represents a single cell ([row, col], key, payload) <code>MatrixIndexes</code> — maintains sorted indices with binary search</p> <p>Together, they ensure fast lookups and navigation across sparse grids.</p> <p>This release establishes the foundation for interactive, accessible, and performant grid-based interfaces in Vega UI — enabling developers to build pickers, calendars, tables, and carousels with minimal boilerplate and maximum control.</p><p><a href="https://github.com/vega-ui/ui/commit/30e9724">30e9724</a></p></li></ul> https://vega-ui.dev/changelog/#tokens-v1-11-4 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-11-3 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Made graphite color more contrast than gray</p><p><a href="https://github.com/vega-ui/ui/commit/0392555">0392555</a></p></li></ul> https://vega-ui.dev/changelog/#tokens-v1-11-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>The gray colors have been changed, the surface has been added, and the fields styles have also been changed</p><p><a href="https://github.com/vega-ui/ui/commit/61a382b">61a382b</a></p></li></ul> https://vega-ui.dev/changelog/#tokens-v1-11-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-11-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-10-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-10-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#tokens-v1-9-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new packages - tokens and theme</p><p><a href="https://github.com/vega-ui/ui/commit/c90a0c1">c90a0c1</a></p></li></ul> https://vega-ui.dev/changelog/#theme-v2-5-0 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v2-4-0 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Fixed separator color</p><p><a href="https://github.com/vega-ui/ui/commit/0bd6953">0bd6953</a></p></li></ul> https://vega-ui.dev/changelog/#theme-v2-3-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Refactored color system and semantic tokens</p> <ul> <li>Updated color palette in <code>@vega-ui/tokens-core</code>: revised oklch values across all color scales for better perceptual uniformity</li> <li>Replaced static surface tokens (<code>surface-ultrathin</code> … <code>surface-ultrathick</code>) with <code>surface-primary</code> / <code>surface-secondary</code> in both light and dark themes</li> <li>Tweaked fill token chroma/lightness values in light and dark themes for improved contrast</li> <li>Button ghost/transparent hover and active backgrounds now use <code>oklch(from …)</code> relative color syntax instead of hardcoded palette steps, making them automatically adapt to any primary/secondary accent color</li> <li>Added Playground story showcasing Badge, Button, Alert, Checkbox, Radio, Avatar, SegmentedControl and Slider in a single view</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/3858f99">3858f99</a></p></li></ul> https://vega-ui.dev/changelog/#theme-v2-3-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p><strong>@vega-ui/tokens-core</strong></p> <p>Complete overhaul of the color palette:</p> <ul> <li>Colors migrated from <code>color-mix(in oklch, var(--color-red) X%, white/black)</code> to direct <code>oklch()</code> values for more predictable perceptual color space</li> <li>Removed intermediate steps (50, 150, 250, 350, 450, 550, 650, 750, 850, 950) — scale simplified to 11 steps: 0–100–200–…–1000</li> </ul> <p><strong>@vega-ui/theme-core</strong></p> <p>Complete overhaul of semantic tokens in <code>light.css</code> / <code>dark.css</code>:</p> <ul> <li>Added fill tokens: <code>--fills-primary/secondary/tertiary/quaternary</code> with hover/active states</li> <li>Added label tokens: <code>--label-primary/secondary/tertiary/quaternary</code></li> <li>Added surface tokens: <code>--surface-ultrathin/thin/regular/thick/ultrathick</code></li> <li>Added separator tokens: <code>--separator-opaque/non-opaque</code></li> <li>Added border tokens: <code>--border-color</code> with hover/active states</li> <li>Added disabled state tokens: <code>--disable-*</code></li> <li>Added color accent tokens: <code>--color-*-accent-*</code> — palette is automatically inverted in dark mode</li> <li>Renamed: <code>--text-inverce-color</code> → <code>--text-color-inverce</code></li> </ul> <p><strong>@vega-ui/react</strong></p> <ul> <li>All components migrated to new semantic tokens from the theme</li> <li>Removed direct color token references in components, replaced with semantic variables</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/064d8c0">064d8c0</a></p></li></ul> https://vega-ui.dev/changelog/#theme-v2-2-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed surface ultrathin color</p><p><a href="https://github.com/vega-ui/ui/commit/160db7b">160db7b</a></p></li><li><p>Changed surface thin color</p><p><a href="https://github.com/vega-ui/ui/commit/0260c02">0260c02</a></p></li></ul> https://vega-ui.dev/changelog/#theme-v2-2-0 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v2-1-1 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v2-1-0 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v2-0-1 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v2-0-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>The responsive-ui package is no longer supported due to inconsistencies in the overall component design approach</p> <p>The components that the responsive ui package contained are easily implemented using the composition of existing ones and do not require the support and development of a separate package</p><p><a href="https://github.com/vega-ui/ui/commit/eab55a8">eab55a8</a></p></li></ul> https://vega-ui.dev/changelog/#theme-v1-14-3 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-14-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed deps</p><p><a href="https://github.com/vega-ui/ui/commit/55809c0">55809c0</a></p></li></ul> https://vega-ui.dev/changelog/#theme-v1-14-1 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-14-0 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-13-0 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-12-4 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-12-3 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-12-2 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-12-1 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-12-0 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-11-4 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-11-3 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-11-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>The gray colors have been changed, the surface has been added, and the fields styles have also been changed</p><p><a href="https://github.com/vega-ui/ui/commit/61a382b">61a382b</a></p></li></ul> https://vega-ui.dev/changelog/#theme-v1-11-1 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-11-0 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-10-1 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Made surface color (dark theme) more contrast</p><p><a href="https://github.com/vega-ui/ui/commit/458fc95">458fc95</a></p></li></ul> https://vega-ui.dev/changelog/#theme-v1-10-0 2026-11-06T01:36:08.000Z <p>Dependency updates only.</p> https://vega-ui.dev/changelog/#theme-v1-9-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>Added new packages - tokens and theme</p><p><a href="https://github.com/vega-ui/ui/commit/c90a0c1">c90a0c1</a></p></li></ul> https://vega-ui.dev/changelog/#context-v2-5-0 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Fix broken <code>main</code> field in hooks, utils and react-context</p> <p>In <code>@vega-ui/hooks</code>, <code>@vega-ui/utils</code> and <code>@vega-ui/react-context</code> the <code>main</code> field pointed to <code>./dist/index.ts</code> — a file that doesn't exist in <code>dist/</code> (the build only outputs <code>.js</code> and <code>.d.ts</code>). Modern bundlers masked the problem by resolving through the <code>exports</code> map, but environments that rely on <code>main</code> (Node without conditional exports support, Jest with legacy resolution, ts-node, CDNs like esm.sh) got <code>MODULE_NOT_FOUND</code> or tried to parse TypeScript as JS.</p> <p>Changes:</p> <ul> <li><code>main</code> now points to <code>./dist/index.js</code></li> <li>added <code>module: &quot;./dist/index.js&quot;</code> (consistent with <code>@vega-ui/react</code>)</li> <li>added the missing top-level <code>types: &quot;./dist/index.d.ts&quot;</code> to utils and react-context so resolvers that don't support <code>exports</code> can find the type declarations</li> </ul><p><a href="https://github.com/vega-ui/ui/commit/1007aae">1007aae</a></p></li><li><p>Declare <code>react</code> as a peer dependency</p> <p><code>@vega-ui/react-context</code> uses React but did not declare it as a dependency of any kind — only <code>devDependencies</code>. A consumer installing just <code>@vega-ui/react-context</code> got no hint about the required React version, and with Yarn PnP / strict resolution React could not be resolved at all.</p> <p>Added <code>&quot;peerDependencies&quot;: { &quot;react&quot;: &quot;^19.0.0&quot; }</code> (only <code>react</code> — the package does not use <code>react-dom</code>).</p><p><a href="https://github.com/vega-ui/ui/commit/77c7685">77c7685</a></p></li></ul> https://vega-ui.dev/changelog/#context-v2-4-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#context-v2-3-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#context-v2-3-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#context-v2-2-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#context-v2-2-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#context-v2-1-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#context-v2-1-0 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#context-v2-0-1 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#context-v2-0-0 2026-11-06T01:36:08.000Z <h3>Minor changes</h3><ul><li><p>The responsive-ui package is no longer supported due to inconsistencies in the overall component design approach</p> <p>The components that the responsive ui package contained are easily implemented using the composition of existing ones and do not require the support and development of a separate package</p><p><a href="https://github.com/vega-ui/ui/commit/eab55a8">eab55a8</a></p></li></ul><h3>Patch changes</h3><ul><li><p>Fixed ts problems</p><p><a href="https://github.com/vega-ui/ui/commit/9fcad60">9fcad60</a></p></li></ul> https://vega-ui.dev/changelog/#context-v1-14-3 2026-11-06T01:36:08.000Z <p>No changes in this package. Released to keep versions in sync.</p> https://vega-ui.dev/changelog/#context-v1-14-2 2026-11-06T01:36:08.000Z <h3>Patch changes</h3><ul><li><p>Changed deps</p><p><a href="https://github.com/vega-ui/ui/commit/55809c0">55809c0</a></p></li></ul>