diff --git a/.changeset/fair-crabs-teach.md b/.changeset/fair-crabs-teach.md deleted file mode 100644 index 2cba463c90..0000000000 --- a/.changeset/fair-crabs-teach.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@ark-ui/solid': patch ---- - -**Date Input**: Fix `DateInput.Segment` to stay in sync with the latest segment state while typing. diff --git a/.changeset/floating-panel-types.md b/.changeset/floating-panel-types.md deleted file mode 100644 index 128641635e..0000000000 --- a/.changeset/floating-panel-types.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -'@ark-ui/react': patch -'@ark-ui/solid': patch -'@ark-ui/svelte': patch -'@ark-ui/vue': patch ---- - -**Floating Panel**: Re-export additional types (`ResizeTriggerAxis`, `Stage`, `ElementIds`, `IntlTranslations`, `AnchorPositionDetails`, `Point`, `Size`) and the `resizeTriggerAxes` constant from `@zag-js/floating-panel`. diff --git a/.changeset/fuzzy-comics-behave.md b/.changeset/fuzzy-comics-behave.md deleted file mode 100644 index 31fdbe05db..0000000000 --- a/.changeset/fuzzy-comics-behave.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@ark-ui/vue': patch ---- - -Fix `useDialog` to correctly unwrap `MaybeRef` props before `cleanProps` so computed/ref props like `id` are preserved. diff --git a/.changeset/zag-1-41-0.md b/.changeset/zag-1-41-0.md deleted file mode 100644 index 4dab6e80a7..0000000000 --- a/.changeset/zag-1-41-0.md +++ /dev/null @@ -1,65 +0,0 @@ ---- -'@ark-ui/react': minor -'@ark-ui/solid': minor -'@ark-ui/svelte': minor -'@ark-ui/vue': minor ---- - -### Added - -- **Floating Components**: Add `data-side` to placement-aware parts so you can style them based on the current placement (`top`, `bottom`, `left`, `right`). - - > Affects Color Picker, Combobox, Date Picker, Hover Card, Menu, Popover, Select, Tooltip, and Tour. - -- **Date Input**: Add `hideTimeZone` prop. When the value is a `ZonedDateTime`, the `timeZoneName` segment now renders automatically — set `hideTimeZone` to hide it. Arrow navigation and auto-advance after typing now reach read-only focusable segments too. - -- **Splitter** - - Accept CSS units (`px`, `em`, `rem`, `vh`, `vw`) for `defaultSize`, `minSize`, and `maxSize` in addition to percentages. - - ```jsx - - ``` - - - Add `resizeBehavior` per panel. Set to `"preserve-pixel-size"` to keep a panel's pixel size constant when the parent splitter group resizes. - - - Allow non-panel children (toolbars, rails, status bars) inside the splitter root. Use partial trigger ids (`"left:"`, `":right"`) to bind handles around the fixed element. - -### Fixed - -- **Accordion**: Remove redundant `aria-disabled` from item triggers. - -- **Color Picker**: Fire `onValueChangeEnd` when you pick a color with the EyeDropper API — matches the behavior when ending a drag on the area or channel sliders. - -- **Combobox**: Stop `Enter` from submitting the form when an item is highlighted, or when the typed value will be rejected by `allowCustomValue: false`. - -- **Date Input** - - Preserve entered segments when applying min/max. Values clamp segment-by-segment on blur, so `06/15/1999` with min `2000-01-01` becomes `06/15/2000` instead of snapping to `01/01/2000`. - - Fix range mode keyboard navigation so `ArrowRight` moves from the last segment of the start date to the first segment of the end date. - - Fix time-only formatters (no `year` segment) never firing `onValueChange`. - - Fix `setSegmentValue` reading stale display values. - - Fix `dayPeriod` (AM/PM) arrow up/down not updating the visible segment when `hourCycle` changes at runtime. - - Fix typing "A" / "P" on the `dayPeriod` segment not updating the visible AM/PM. - -- **Date Picker** - - Fix clearing the value not resetting `activeIndex` and `hoveredValue` in range mode when input parts are not rendered. - - Fix date input not being writable in locales with multi-character separators (e.g. `cs-CZ`, `sk-SK`, `hu-HU`, `ko-KR`). - - Fix Firefox issue where the native month/year `` was not interactive when the picker is inside a modal + dialog. + - Fix range selection with `outsideDaySelectable`: hovering outside-month days no longer changes the visible month; + hover preview for the end date still updates. + - **Dialog, Drawer, Hover Card, Menu, Popover, Tooltip**: Fix custom trigger elements (via `ids.trigger`) being + ignored when shared across components — e.g. wrapping a `Popover.Trigger` in a `Tooltip` with the same id no longer + breaks positioning. Also fix trigger lookups in shadow root. + - **React 19 Strict Mode**: Fix dialog, drawer, and popover leaving `` uninteractive (`data-scroll-lock`, + `data-inert`, `overflow: hidden`, `pointer-events: none`) after closing. + - **Number Input**: Fix inconsistent blur behavior when the input is cleared and `min` is greater than `0`. + - **Splitter** + - Fix clicking a resize trigger not moving focus to it, which prevented arrow keys from resizing the splitter until + it was tab-focused (notably on Safari). + - Fix `data-focus` being applied on hover — it now only sets when the trigger is actually focused. + - **Tabs**: Observe the tab list with `ResizeObserver` so the indicator updates when the list resizes without + individual tab triggers changing size (e.g. responsive grid reflow). + +### Fixed + +- **Floating Panel**: Re-export additional types (`ResizeTriggerAxis`, `Stage`, `ElementIds`, `IntlTranslations`, + `AnchorPositionDetails`, `Point`, `Size`) and the `resizeTriggerAxes` constant from `@zag-js/floating-panel`. + ## [5.36.2] - 2026-04-22 ### Fixed diff --git a/packages/react/package.json b/packages/react/package.json index 54def62094..fd2755cb6e 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,7 +1,7 @@ { "name": "@ark-ui/react", "type": "module", - "version": "5.36.2", + "version": "5.37.0", "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.", "keywords": [ "accordion", diff --git a/packages/solid/CHANGELOG.md b/packages/solid/CHANGELOG.md index 14fa4d8924..89c1c2081f 100644 --- a/packages/solid/CHANGELOG.md +++ b/packages/solid/CHANGELOG.md @@ -1,5 +1,76 @@ # @ark-ui/solid +## [5.37.0] - 2026-05-24 + +### Added + +- ### Added + - **Floating Components**: Add `data-side` to placement-aware parts so you can style them based on the current + placement (`top`, `bottom`, `left`, `right`). + > Affects Color Picker, Combobox, Date Picker, Hover Card, Menu, Popover, Select, Tooltip, and Tour. + - **Date Input**: Add `hideTimeZone` prop. When the value is a `ZonedDateTime`, the `timeZoneName` segment now renders + automatically — set `hideTimeZone` to hide it. Arrow navigation and auto-advance after typing now reach read-only + focusable segments too. + - **Splitter** + - Accept CSS units (`px`, `em`, `rem`, `vh`, `vw`) for `defaultSize`, `minSize`, and `maxSize` in addition to + percentages. + ```jsx + + ``` + - Add `resizeBehavior` per panel. Set to `"preserve-pixel-size"` to keep a panel's pixel size constant when the + parent splitter group resizes. + - Allow non-panel children (toolbars, rails, status bars) inside the splitter root. Use partial trigger ids + (`"left:"`, `":right"`) to bind handles around the fixed element. + ### Fixed + - **Accordion**: Remove redundant `aria-disabled` from item triggers. + - **Color Picker**: Fire `onValueChangeEnd` when you pick a color with the EyeDropper API — matches the behavior when + ending a drag on the area or channel sliders. + - **Combobox**: Stop `Enter` from submitting the form when an item is highlighted, or when the typed value will be + rejected by `allowCustomValue: false`. + - **Date Input** + - Preserve entered segments when applying min/max. Values clamp segment-by-segment on blur, so `06/15/1999` with min + `2000-01-01` becomes `06/15/2000` instead of snapping to `01/01/2000`. + - Fix range mode keyboard navigation so `ArrowRight` moves from the last segment of the start date to the first + segment of the end date. + - Fix time-only formatters (no `year` segment) never firing `onValueChange`. + - Fix `setSegmentValue` reading stale display values. + - Fix `dayPeriod` (AM/PM) arrow up/down not updating the visible segment when `hourCycle` changes at runtime. + - Fix typing "A" / "P" on the `dayPeriod` segment not updating the visible AM/PM. + - **Date Picker** + - Fix clearing the value not resetting `activeIndex` and `hoveredValue` in range mode when input parts are not + rendered. + - Fix date input not being writable in locales with multi-character separators (e.g. `cs-CZ`, `sk-SK`, `hu-HU`, + `ko-KR`). + - Fix Firefox issue where the native month/year `` was not interactive when the picker is inside a modal + dialog. + - Fix range selection with `outsideDaySelectable`: hovering outside-month days no longer changes the visible month; + hover preview for the end date still updates. + - **Dialog, Drawer, Hover Card, Menu, Popover, Tooltip**: Fix custom trigger elements (via `ids.trigger`) being + ignored when shared across components — e.g. wrapping a `Popover.Trigger` in a `Tooltip` with the same id no longer + breaks positioning. Also fix trigger lookups in shadow root. + - **React 19 Strict Mode**: Fix dialog, drawer, and popover leaving `` uninteractive (`data-scroll-lock`, + `data-inert`, `overflow: hidden`, `pointer-events: none`) after closing. + - **Number Input**: Fix inconsistent blur behavior when the input is cleared and `min` is greater than `0`. + - **Splitter** + - Fix clicking a resize trigger not moving focus to it, which prevented arrow keys from resizing the splitter until + it was tab-focused (notably on Safari). + - Fix `data-focus` being applied on hover — it now only sets when the trigger is actually focused. + - **Tabs**: Observe the tab list with `ResizeObserver` so the indicator updates when the list resizes without + individual tab triggers changing size (e.g. responsive grid reflow). + +### Fixed + +- **Floating Panel**: Re-export additional types (`ResizeTriggerAxis`, `Stage`, `ElementIds`, `IntlTranslations`, + `AnchorPositionDetails`, `Point`, `Size`) and the `resizeTriggerAxes` constant from `@zag-js/floating-panel`. + ## [5.21.2] - 2026-04-22 ### Fixed diff --git a/packages/svelte/package.json b/packages/svelte/package.json index 8c9123d8de..764e47c685 100644 --- a/packages/svelte/package.json +++ b/packages/svelte/package.json @@ -1,7 +1,7 @@ { "name": "@ark-ui/svelte", "type": "module", - "version": "5.21.2", + "version": "5.22.0", "description": "A collection of unstyled, accessible UI components for Svelte", "keywords": [ "accordion", diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md index 8d6b66e905..c7cc4e10ef 100644 --- a/packages/vue/CHANGELOG.md +++ b/packages/vue/CHANGELOG.md @@ -1,5 +1,77 @@ # @ark-ui/vue +## [5.37.0] - 2026-05-24 + +### Added + +- ### Added + - **Floating Components**: Add `data-side` to placement-aware parts so you can style them based on the current + placement (`top`, `bottom`, `left`, `right`). + > Affects Color Picker, Combobox, Date Picker, Hover Card, Menu, Popover, Select, Tooltip, and Tour. + - **Date Input**: Add `hideTimeZone` prop. When the value is a `ZonedDateTime`, the `timeZoneName` segment now renders + automatically — set `hideTimeZone` to hide it. Arrow navigation and auto-advance after typing now reach read-only + focusable segments too. + - **Splitter** + - Accept CSS units (`px`, `em`, `rem`, `vh`, `vw`) for `defaultSize`, `minSize`, and `maxSize` in addition to + percentages. + ```jsx + + ``` + - Add `resizeBehavior` per panel. Set to `"preserve-pixel-size"` to keep a panel's pixel size constant when the + parent splitter group resizes. + - Allow non-panel children (toolbars, rails, status bars) inside the splitter root. Use partial trigger ids + (`"left:"`, `":right"`) to bind handles around the fixed element. + ### Fixed + - **Accordion**: Remove redundant `aria-disabled` from item triggers. + - **Color Picker**: Fire `onValueChangeEnd` when you pick a color with the EyeDropper API — matches the behavior when + ending a drag on the area or channel sliders. + - **Combobox**: Stop `Enter` from submitting the form when an item is highlighted, or when the typed value will be + rejected by `allowCustomValue: false`. + - **Date Input** + - Preserve entered segments when applying min/max. Values clamp segment-by-segment on blur, so `06/15/1999` with min + `2000-01-01` becomes `06/15/2000` instead of snapping to `01/01/2000`. + - Fix range mode keyboard navigation so `ArrowRight` moves from the last segment of the start date to the first + segment of the end date. + - Fix time-only formatters (no `year` segment) never firing `onValueChange`. + - Fix `setSegmentValue` reading stale display values. + - Fix `dayPeriod` (AM/PM) arrow up/down not updating the visible segment when `hourCycle` changes at runtime. + - Fix typing "A" / "P" on the `dayPeriod` segment not updating the visible AM/PM. + - **Date Picker** + - Fix clearing the value not resetting `activeIndex` and `hoveredValue` in range mode when input parts are not + rendered. + - Fix date input not being writable in locales with multi-character separators (e.g. `cs-CZ`, `sk-SK`, `hu-HU`, + `ko-KR`). + - Fix Firefox issue where the native month/year `