@ark-ui/react 3.13.0 → 4.0.0

package/dist/index.cjs

@@ -33,9 +33,9 @@ const carouselPrevTrigger = require('./components/carousel/carousel-prev-trigger
 const carouselRoot = require('./components/carousel/carousel-root.cjs');
 const carouselRootProvider = require('./components/carousel/carousel-root-provider.cjs');
 const carouselViewport = require('./components/carousel/carousel-viewport.cjs');
+const carousel_anatomy = require('./components/carousel/carousel.anatomy.cjs');
 const useCarousel = require('./components/carousel/use-carousel.cjs');
 const useCarouselContext = require('./components/carousel/use-carousel-context.cjs');
-const carousel_anatomy = require('./components/carousel/carousel.anatomy.cjs');
 const carousel = require('./components/carousel/carousel.cjs');
 const checkboxContext = require('./components/checkbox/checkbox-context.cjs');
 const checkboxControl = require('./components/checkbox/checkbox-control.cjs');
@@ -45,11 +45,11 @@ const checkboxIndicator = require('./components/checkbox/checkbox-indicator.cjs'
 const checkboxLabel = require('./components/checkbox/checkbox-label.cjs');
 const checkboxRoot = require('./components/checkbox/checkbox-root.cjs');
 const checkboxRootProvider = require('./components/checkbox/checkbox-root-provider.cjs');
+const checkbox_anatomy = require('./components/checkbox/checkbox.anatomy.cjs');
 const useCheckbox = require('./components/checkbox/use-checkbox.cjs');
 const useCheckboxContext = require('./components/checkbox/use-checkbox-context.cjs');
 const useCheckboxGroup = require('./components/checkbox/use-checkbox-group.cjs');
 const useCheckboxGroupContext = require('./components/checkbox/use-checkbox-group-context.cjs');
-const checkbox_anatomy = require('./components/checkbox/checkbox.anatomy.cjs');
 const checkbox = require('./components/checkbox/checkbox.cjs');
 const clipboardContext = require('./components/clipboard/clipboard-context.cjs');
 const clipboardControl = require('./components/clipboard/clipboard-control.cjs');
@@ -70,6 +70,7 @@ const collapsibleTrigger = require('./components/collapsible/collapsible-trigger
 const useCollapsible = require('./components/collapsible/use-collapsible.cjs');
 const useCollapsibleContext = require('./components/collapsible/use-collapsible-context.cjs');
 const collapsible$1 = require('./components/collapsible/collapsible.cjs');
+const colorPicker = require('@zag-js/color-picker');
 const colorPickerArea = require('./components/color-picker/color-picker-area.cjs');
 const colorPickerAreaBackground = require('./components/color-picker/color-picker-area-background.cjs');
 const colorPickerAreaThumb = require('./components/color-picker/color-picker-area-thumb.cjs');
@@ -99,10 +100,11 @@ const colorPickerTrigger = require('./components/color-picker/color-picker-trigg
 const colorPickerValueSwatch = require('./components/color-picker/color-picker-value-swatch.cjs');
 const colorPickerValueText = require('./components/color-picker/color-picker-value-text.cjs');
 const colorPickerView = require('./components/color-picker/color-picker-view.cjs');
+const colorPicker_anatomy = require('./components/color-picker/color-picker.anatomy.cjs');
 const useColorPicker = require('./components/color-picker/use-color-picker.cjs');
 const useColorPickerContext = require('./components/color-picker/use-color-picker-context.cjs');
-const colorPicker_anatomy = require('./components/color-picker/color-picker.anatomy.cjs');
-const colorPicker = require('./components/color-picker/color-picker.cjs');
+const colorPicker$1 = require('./components/color-picker/color-picker.cjs');
+const collection = require('./components/collection.cjs');
 const comboboxClearTrigger = require('./components/combobox/combobox-clear-trigger.cjs');
 const comboboxContent = require('./components/combobox/combobox-content.cjs');
 const comboboxContext = require('./components/combobox/combobox-context.cjs');
@@ -124,6 +126,7 @@ const useCombobox = require('./components/combobox/use-combobox.cjs');
 const useComboboxContext = require('./components/combobox/use-combobox-context.cjs');
 const useComboboxItemContext = require('./components/combobox/use-combobox-item-context.cjs');
 const combobox$1 = require('./components/combobox/combobox.cjs');
+const datePicker = require('@zag-js/date-picker');
 const datePickerClearTrigger = require('./components/date-picker/date-picker-clear-trigger.cjs');
 const datePickerContent = require('./components/date-picker/date-picker-content.cjs');
 const datePickerContext = require('./components/date-picker/date-picker-context.cjs');
@@ -150,10 +153,10 @@ const datePickerView = require('./components/date-picker/date-picker-view.cjs');
 const datePickerViewControl = require('./components/date-picker/date-picker-view-control.cjs');
 const datePickerViewTrigger = require('./components/date-picker/date-picker-view-trigger.cjs');
 const datePickerYearSelect = require('./components/date-picker/date-picker-year-select.cjs');
+const datePicker_anatomy = require('./components/date-picker/date-picker.anatomy.cjs');
 const useDatePicker = require('./components/date-picker/use-date-picker.cjs');
 const useDatePickerContext = require('./components/date-picker/use-date-picker-context.cjs');
-const datePicker_anatomy = require('./components/date-picker/date-picker.anatomy.cjs');
-const datePicker = require('./components/date-picker/date-picker.cjs');
+const datePicker$1 = require('./components/date-picker/date-picker.cjs');
 const dialogBackdrop = require('./components/dialog/dialog-backdrop.cjs');
 const dialogCloseTrigger = require('./components/dialog/dialog-close-trigger.cjs');
 const dialogContent = require('./components/dialog/dialog-content.cjs');
@@ -187,19 +190,19 @@ const fieldErrorText = require('./components/field/field-error-text.cjs');
 const fieldHelperText = require('./components/field/field-helper-text.cjs');
 const fieldInput = require('./components/field/field-input.cjs');
 const fieldLabel = require('./components/field/field-label.cjs');
-const fieldSelect = require('./components/field/field-select.cjs');
 const fieldRoot = require('./components/field/field-root.cjs');
 const fieldRootProvider = require('./components/field/field-root-provider.cjs');
+const fieldSelect = require('./components/field/field-select.cjs');
 const fieldTextarea = require('./components/field/field-textarea.cjs');
-const useFieldContext = require('./components/field/use-field-context.cjs');
 const field_anatomy = require('./components/field/field.anatomy.cjs');
+const useFieldContext = require('./components/field/use-field-context.cjs');
 const field = require('./components/field/field.cjs');
 const fieldsetContext = require('./components/fieldset/fieldset-context.cjs');
 const fieldsetErrorText = require('./components/fieldset/fieldset-error-text.cjs');
 const fieldsetHelperText = require('./components/fieldset/fieldset-helper-text.cjs');
+const fieldsetLegend = require('./components/fieldset/fieldset-legend.cjs');
 const fieldsetRoot = require('./components/fieldset/fieldset-root.cjs');
 const fieldsetRootProvider = require('./components/fieldset/fieldset-root-provider.cjs');
-const fieldsetLegend = require('./components/fieldset/fieldset-legend.cjs');
 const fieldset_anatomy = require('./components/fieldset/fieldset.anatomy.cjs');
 const useFieldsetContext = require('./components/fieldset/use-fieldset-context.cjs');
 const fieldset = require('./components/fieldset/fieldset.cjs');
@@ -376,10 +379,10 @@ const segmentGroupItemText = require('./components/segment-group/segment-group-i
 const segmentGroupLabel = require('./components/segment-group/segment-group-label.cjs');
 const segmentGroupRoot = require('./components/segment-group/segment-group-root.cjs');
 const segmentGroupRootProvider = require('./components/segment-group/segment-group-root-provider.cjs');
+const segmentGroup_anatomy = require('./components/segment-group/segment-group.anatomy.cjs');
 const useSegmentGroup = require('./components/segment-group/use-segment-group.cjs');
 const useSegmentGroupContext = require('./components/segment-group/use-segment-group-context.cjs');
 const useSegmentGroupItemContext = require('./components/segment-group/use-segment-group-item-context.cjs');
-const segmentGroup_anatomy = require('./components/segment-group/segment-group.anatomy.cjs');
 const segmentGroup = require('./components/segment-group/segment-group.cjs');
 const selectClearTrigger = require('./components/select/select-clear-trigger.cjs');
 const selectContent = require('./components/select/select-content.cjs');
@@ -408,8 +411,8 @@ const signaturePadClearTrigger = require('./components/signature-pad/signature-p
 const signaturePadContext = require('./components/signature-pad/signature-pad-context.cjs');
 const signaturePadControl = require('./components/signature-pad/signature-pad-control.cjs');
 const signaturePadGuide = require('./components/signature-pad/signature-pad-guide.cjs');
-const signaturePadLabel = require('./components/signature-pad/signature-pad-label.cjs');
 const signaturePadHiddenInput = require('./components/signature-pad/signature-pad-hidden-input.cjs');
+const signaturePadLabel = require('./components/signature-pad/signature-pad-label.cjs');
 const signaturePadRoot = require('./components/signature-pad/signature-pad-root.cjs');
 const signaturePadRootProvider = require('./components/signature-pad/signature-pad-root-provider.cjs');
 const signaturePadSegment = require('./components/signature-pad/signature-pad-segment.cjs');
@@ -512,16 +515,16 @@ const useTimePicker = require('./components/time-picker/use-time-picker.cjs');
 const useTimePickerContext = require('./components/time-picker/use-time-picker-context.cjs');
 const timePicker = require('./components/time-picker/time-picker.cjs');
 const timerActionTrigger = require('./components/timer/timer-action-trigger.cjs');
-const timerArea = require('./components/timer/timer-area.cjs');
 const timerContext = require('./components/timer/timer-context.cjs');
-const timerControl = require('./components/timer/timer-control.cjs');
 const timerItem = require('./components/timer/timer-item.cjs');
+const timerControl = require('./components/timer/timer-control.cjs');
+const timerArea = require('./components/timer/timer-area.cjs');
 const timerRoot = require('./components/timer/timer-root.cjs');
 const timerRootProvider = require('./components/timer/timer-root-provider.cjs');
 const timerSeparator = require('./components/timer/timer-separator.cjs');
 const useTimer = require('./components/timer/use-timer.cjs');
 const useTimerContext = require('./components/timer/use-timer-context.cjs');
-const timer = require('./components/timer/timer.cjs');
+const timer$1 = require('./components/timer/timer.cjs');
 const createToaster = require('./components/toast/create-toaster.cjs');
 const toastActionTrigger = require('./components/toast/toast-action-trigger.cjs');
 const toastCloseTrigger = require('./components/toast/toast-close-trigger.cjs');
@@ -599,6 +602,7 @@ const steps = require('@zag-js/steps');
 const zagSwitch = require('@zag-js/switch');
 const tabs = require('@zag-js/tabs');
 const tagsInput = require('@zag-js/tags-input');
+const timer = require('@zag-js/timer');
 const toast = require('@zag-js/toast');
 const toggleGroup = require('@zag-js/toggle-group');
 const tooltip = require('@zag-js/tooltip');
@@ -637,9 +641,9 @@ exports.CarouselPrevTrigger = carouselPrevTrigger.CarouselPrevTrigger;
 exports.CarouselRoot = carouselRoot.CarouselRoot;
 exports.CarouselRootProvider = carouselRootProvider.CarouselRootProvider;
 exports.CarouselViewport = carouselViewport.CarouselViewport;
+exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.useCarousel = useCarousel.useCarousel;
 exports.useCarouselContext = useCarouselContext.useCarouselContext;
-exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.Carousel = carousel;
 exports.CheckboxContext = checkboxContext.CheckboxContext;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
@@ -649,11 +653,11 @@ exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
 exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
 exports.CheckboxRoot = checkboxRoot.CheckboxRoot;
 exports.CheckboxRootProvider = checkboxRootProvider.CheckboxRootProvider;
+exports.checkboxAnatomy = checkbox_anatomy.checkboxAnatomy;
 exports.useCheckbox = useCheckbox.useCheckbox;
 exports.useCheckboxContext = useCheckboxContext.useCheckboxContext;
 exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
 exports.useCheckboxGroupContext = useCheckboxGroupContext.useCheckboxGroupContext;
-exports.checkboxAnatomy = checkbox_anatomy.checkboxAnatomy;
 exports.Checkbox = checkbox;
 exports.ClipboardContext = clipboardContext.ClipboardContext;
 exports.ClipboardControl = clipboardControl.ClipboardControl;
@@ -674,6 +678,10 @@ exports.CollapsibleTrigger = collapsibleTrigger.CollapsibleTrigger;
 exports.useCollapsible = useCollapsible.useCollapsible;
 exports.useCollapsibleContext = useCollapsibleContext.useCollapsibleContext;
 exports.Collapsible = collapsible$1;
+Object.defineProperty(exports, "parseColor", {
+	enumerable: true,
+	get: () => colorPicker.parse
+});
 exports.ColorPickerArea = colorPickerArea.ColorPickerArea;
 exports.ColorPickerAreaBackground = colorPickerAreaBackground.ColorPickerAreaBackground;
 exports.ColorPickerAreaThumb = colorPickerAreaThumb.ColorPickerAreaThumb;
@@ -703,10 +711,11 @@ exports.ColorPickerTrigger = colorPickerTrigger.ColorPickerTrigger;
 exports.ColorPickerValueSwatch = colorPickerValueSwatch.ColorPickerValueSwatch;
 exports.ColorPickerValueText = colorPickerValueText.ColorPickerValueText;
 exports.ColorPickerView = colorPickerView.ColorPickerView;
+exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
 exports.useColorPicker = useColorPicker.useColorPicker;
 exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
-exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
-exports.ColorPicker = colorPicker;
+exports.ColorPicker = colorPicker$1;
+exports.createListCollection = collection.createListCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.ComboboxContent = comboboxContent.ComboboxContent;
 exports.ComboboxContext = comboboxContext.ComboboxContext;
@@ -728,6 +737,10 @@ exports.useCombobox = useCombobox.useCombobox;
 exports.useComboboxContext = useComboboxContext.useComboboxContext;
 exports.useComboboxItemContext = useComboboxItemContext.useComboboxItemContext;
 exports.Combobox = combobox$1;
+Object.defineProperty(exports, "parseDate", {
+	enumerable: true,
+	get: () => datePicker.parse
+});
 exports.DatePickerClearTrigger = datePickerClearTrigger.DatePickerClearTrigger;
 exports.DatePickerContent = datePickerContent.DatePickerContent;
 exports.DatePickerContext = datePickerContext.DatePickerContext;
@@ -754,10 +767,10 @@ exports.DatePickerView = datePickerView.DatePickerView;
 exports.DatePickerViewControl = datePickerViewControl.DatePickerViewControl;
 exports.DatePickerViewTrigger = datePickerViewTrigger.DatePickerViewTrigger;
 exports.DatePickerYearSelect = datePickerYearSelect.DatePickerYearSelect;
+exports.datePickerAnatomy = datePicker_anatomy.datePickerAnatomy;
 exports.useDatePicker = useDatePicker.useDatePicker;
 exports.useDatePickerContext = useDatePickerContext.useDatePickerContext;
-exports.datePickerAnatomy = datePicker_anatomy.datePickerAnatomy;
-exports.DatePicker = datePicker;
+exports.DatePicker = datePicker$1;
 exports.DialogBackdrop = dialogBackdrop.DialogBackdrop;
 exports.DialogCloseTrigger = dialogCloseTrigger.DialogCloseTrigger;
 exports.DialogContent = dialogContent.DialogContent;
@@ -792,19 +805,19 @@ exports.FieldErrorText = fieldErrorText.FieldErrorText;
 exports.FieldHelperText = fieldHelperText.FieldHelperText;
 exports.FieldInput = fieldInput.FieldInput;
 exports.FieldLabel = fieldLabel.FieldLabel;
-exports.FieldSelect = fieldSelect.FieldSelect;
 exports.FieldRoot = fieldRoot.FieldRoot;
 exports.FieldRootProvider = fieldRootProvider.FieldRootProvider;
+exports.FieldSelect = fieldSelect.FieldSelect;
 exports.FieldTextarea = fieldTextarea.FieldTextarea;
-exports.useFieldContext = useFieldContext.useFieldContext;
 exports.fieldAnatomy = field_anatomy.fieldAnatomy;
+exports.useFieldContext = useFieldContext.useFieldContext;
 exports.Field = field;
 exports.FieldsetContext = fieldsetContext.FieldsetContext;
 exports.FieldsetErrorText = fieldsetErrorText.FieldsetErrorText;
 exports.FieldsetHelperText = fieldsetHelperText.FieldsetHelperText;
+exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
 exports.FieldsetRoot = fieldsetRoot.FieldsetRoot;
 exports.FieldsetRootProvider = fieldsetRootProvider.FieldsetRootProvider;
-exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
 exports.fieldsetAnatomy = fieldset_anatomy.fieldsetAnatomy;
 exports.useFieldsetContext = useFieldsetContext.useFieldsetContext;
 exports.Fieldset = fieldset;
@@ -982,10 +995,10 @@ exports.SegmentGroupItemText = segmentGroupItemText.SegmentGroupItemText;
 exports.SegmentGroupLabel = segmentGroupLabel.SegmentGroupLabel;
 exports.SegmentGroupRoot = segmentGroupRoot.SegmentGroupRoot;
 exports.SegmentGroupRootProvider = segmentGroupRootProvider.SegmentGroupRootProvider;
+exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
 exports.useSegmentGroup = useSegmentGroup.useSegmentGroup;
 exports.useSegmentGroupContext = useSegmentGroupContext.useSegmentGroupContext;
 exports.useSegmentGroupItemContext = useSegmentGroupItemContext.useSegmentGroupItemContext;
-exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
 exports.SegmentGroup = segmentGroup;
 exports.SelectClearTrigger = selectClearTrigger.SelectClearTrigger;
 exports.SelectContent = selectContent.SelectContent;
@@ -1014,8 +1027,8 @@ exports.SignaturePadClearTrigger = signaturePadClearTrigger.SignaturePadClearTri
 exports.SignaturePadContext = signaturePadContext.SignaturePadContext;
 exports.SignaturePadControl = signaturePadControl.SignaturePadControl;
 exports.SignaturePadGuide = signaturePadGuide.SignaturePadGuide;
-exports.SignaturePadLabel = signaturePadLabel.SignaturePadLabel;
 exports.SignaturePadHiddenInput = signaturePadHiddenInput.SignaturePadHiddenInput;
+exports.SignaturePadLabel = signaturePadLabel.SignaturePadLabel;
 exports.SignaturePadRoot = signaturePadRoot.SignaturePadRoot;
 exports.SignaturePadRootProvider = signaturePadRootProvider.SignaturePadRootProvider;
 exports.SignaturePadSegment = signaturePadSegment.SignaturePadSegment;
@@ -1118,16 +1131,16 @@ exports.useTimePicker = useTimePicker.useTimePicker;
 exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
 exports.TimePicker = timePicker;
 exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
-exports.TimerArea = timerArea.TimerArea;
 exports.TimerContext = timerContext.TimerContext;
-exports.TimerControl = timerControl.TimerControl;
 exports.TimerItem = timerItem.TimerItem;
+exports.TimerControl = timerControl.TimerControl;
+exports.TimerArea = timerArea.TimerArea;
 exports.TimerRoot = timerRoot.TimerRoot;
 exports.TimerRootProvider = timerRootProvider.TimerRootProvider;
 exports.TimerSeparator = timerSeparator.TimerSeparator;
 exports.useTimer = useTimer.useTimer;
 exports.useTimerContext = useTimerContext.useTimerContext;
-exports.Timer = timer;
+exports.Timer = timer$1;
 exports.createToaster = createToaster.createToaster;
 exports.ToastActionTrigger = toastActionTrigger.ToastActionTrigger;
 exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;
@@ -1283,6 +1296,10 @@ Object.defineProperty(exports, "tagsInputAnatomy", {
 	enumerable: true,
 	get: () => tagsInput.anatomy
 });
+Object.defineProperty(exports, "timerAnatomy", {
+	enumerable: true,
+	get: () => timer.anatomy
+});
 Object.defineProperty(exports, "toastAnatomy", {
 	enumerable: true,
 	get: () => toast.anatomy

package/dist/index.js

@@ -31,9 +31,9 @@ export { CarouselPrevTrigger } from './components/carousel/carousel-prev-trigger
 export { CarouselRoot } from './components/carousel/carousel-root.js';
 export { CarouselRootProvider } from './components/carousel/carousel-root-provider.js';
 export { CarouselViewport } from './components/carousel/carousel-viewport.js';
+export { carouselAnatomy } from './components/carousel/carousel.anatomy.js';
 export { useCarousel } from './components/carousel/use-carousel.js';
 export { useCarouselContext } from './components/carousel/use-carousel-context.js';
-export { carouselAnatomy } from './components/carousel/carousel.anatomy.js';
 import * as carousel from './components/carousel/carousel.js';
 export { carousel as Carousel };
 export { CheckboxContext } from './components/checkbox/checkbox-context.js';
@@ -44,11 +44,11 @@ export { CheckboxIndicator } from './components/checkbox/checkbox-indicator.js';
 export { CheckboxLabel } from './components/checkbox/checkbox-label.js';
 export { CheckboxRoot } from './components/checkbox/checkbox-root.js';
 export { CheckboxRootProvider } from './components/checkbox/checkbox-root-provider.js';
+export { checkboxAnatomy } from './components/checkbox/checkbox.anatomy.js';
 export { useCheckbox } from './components/checkbox/use-checkbox.js';
 export { useCheckboxContext } from './components/checkbox/use-checkbox-context.js';
 export { useCheckboxGroup } from './components/checkbox/use-checkbox-group.js';
 export { useCheckboxGroupContext } from './components/checkbox/use-checkbox-group-context.js';
-export { checkboxAnatomy } from './components/checkbox/checkbox.anatomy.js';
 import * as checkbox from './components/checkbox/checkbox.js';
 export { checkbox as Checkbox };
 export { ClipboardContext } from './components/clipboard/clipboard-context.js';
@@ -72,6 +72,7 @@ export { useCollapsible } from './components/collapsible/use-collapsible.js';
 export { useCollapsibleContext } from './components/collapsible/use-collapsible-context.js';
 import * as collapsible from './components/collapsible/collapsible.js';
 export { collapsible as Collapsible };
+export { parse as parseColor } from '@zag-js/color-picker';
 export { ColorPickerArea } from './components/color-picker/color-picker-area.js';
 export { ColorPickerAreaBackground } from './components/color-picker/color-picker-area-background.js';
 export { ColorPickerAreaThumb } from './components/color-picker/color-picker-area-thumb.js';
@@ -101,11 +102,12 @@ export { ColorPickerTrigger } from './components/color-picker/color-picker-trigg
 export { ColorPickerValueSwatch } from './components/color-picker/color-picker-value-swatch.js';
 export { ColorPickerValueText } from './components/color-picker/color-picker-value-text.js';
 export { ColorPickerView } from './components/color-picker/color-picker-view.js';
+export { colorPickerAnatomy } from './components/color-picker/color-picker.anatomy.js';
 export { useColorPicker } from './components/color-picker/use-color-picker.js';
 export { useColorPickerContext } from './components/color-picker/use-color-picker-context.js';
-export { colorPickerAnatomy } from './components/color-picker/color-picker.anatomy.js';
 import * as colorPicker from './components/color-picker/color-picker.js';
 export { colorPicker as ColorPicker };
+export { createListCollection } from './components/collection.js';
 export { ComboboxClearTrigger } from './components/combobox/combobox-clear-trigger.js';
 export { ComboboxContent } from './components/combobox/combobox-content.js';
 export { ComboboxContext } from './components/combobox/combobox-context.js';
@@ -128,6 +130,7 @@ export { useComboboxContext } from './components/combobox/use-combobox-context.j
 export { useComboboxItemContext } from './components/combobox/use-combobox-item-context.js';
 import * as combobox from './components/combobox/combobox.js';
 export { combobox as Combobox };
+export { parse as parseDate } from '@zag-js/date-picker';
 export { DatePickerClearTrigger } from './components/date-picker/date-picker-clear-trigger.js';
 export { DatePickerContent } from './components/date-picker/date-picker-content.js';
 export { DatePickerContext } from './components/date-picker/date-picker-context.js';
@@ -154,9 +157,9 @@ export { DatePickerView } from './components/date-picker/date-picker-view.js';
 export { DatePickerViewControl } from './components/date-picker/date-picker-view-control.js';
 export { DatePickerViewTrigger } from './components/date-picker/date-picker-view-trigger.js';
 export { DatePickerYearSelect } from './components/date-picker/date-picker-year-select.js';
+export { datePickerAnatomy } from './components/date-picker/date-picker.anatomy.js';
 export { useDatePicker } from './components/date-picker/use-date-picker.js';
 export { useDatePickerContext } from './components/date-picker/use-date-picker-context.js';
-export { datePickerAnatomy } from './components/date-picker/date-picker.anatomy.js';
 import * as datePicker from './components/date-picker/date-picker.js';
 export { datePicker as DatePicker };
 export { DialogBackdrop } from './components/dialog/dialog-backdrop.js';
@@ -194,20 +197,20 @@ export { FieldErrorText } from './components/field/field-error-text.js';
 export { FieldHelperText } from './components/field/field-helper-text.js';
 export { FieldInput } from './components/field/field-input.js';
 export { FieldLabel } from './components/field/field-label.js';
-export { FieldSelect } from './components/field/field-select.js';
 export { FieldRoot } from './components/field/field-root.js';
 export { FieldRootProvider } from './components/field/field-root-provider.js';
+export { FieldSelect } from './components/field/field-select.js';
 export { FieldTextarea } from './components/field/field-textarea.js';
-export { useFieldContext } from './components/field/use-field-context.js';
 export { fieldAnatomy } from './components/field/field.anatomy.js';
+export { useFieldContext } from './components/field/use-field-context.js';
 import * as field from './components/field/field.js';
 export { field as Field };
 export { FieldsetContext } from './components/fieldset/fieldset-context.js';
 export { FieldsetErrorText } from './components/fieldset/fieldset-error-text.js';
 export { FieldsetHelperText } from './components/fieldset/fieldset-helper-text.js';
+export { FieldsetLegend } from './components/fieldset/fieldset-legend.js';
 export { FieldsetRoot } from './components/fieldset/fieldset-root.js';
 export { FieldsetRootProvider } from './components/fieldset/fieldset-root-provider.js';
-export { FieldsetLegend } from './components/fieldset/fieldset-legend.js';
 export { fieldsetAnatomy } from './components/fieldset/fieldset.anatomy.js';
 export { useFieldsetContext } from './components/fieldset/use-fieldset-context.js';
 import * as fieldset from './components/fieldset/fieldset.js';
@@ -397,10 +400,10 @@ export { SegmentGroupItemText } from './components/segment-group/segment-group-i
 export { SegmentGroupLabel } from './components/segment-group/segment-group-label.js';
 export { SegmentGroupRoot } from './components/segment-group/segment-group-root.js';
 export { SegmentGroupRootProvider } from './components/segment-group/segment-group-root-provider.js';
+export { segmentGroupAnatomy } from './components/segment-group/segment-group.anatomy.js';
 export { useSegmentGroup } from './components/segment-group/use-segment-group.js';
 export { useSegmentGroupContext } from './components/segment-group/use-segment-group-context.js';
 export { useSegmentGroupItemContext } from './components/segment-group/use-segment-group-item-context.js';
-export { segmentGroupAnatomy } from './components/segment-group/segment-group.anatomy.js';
 import * as segmentGroup from './components/segment-group/segment-group.js';
 export { segmentGroup as SegmentGroup };
 export { SelectClearTrigger } from './components/select/select-clear-trigger.js';
@@ -431,8 +434,8 @@ export { SignaturePadClearTrigger } from './components/signature-pad/signature-p
 export { SignaturePadContext } from './components/signature-pad/signature-pad-context.js';
 export { SignaturePadControl } from './components/signature-pad/signature-pad-control.js';
 export { SignaturePadGuide } from './components/signature-pad/signature-pad-guide.js';
-export { SignaturePadLabel } from './components/signature-pad/signature-pad-label.js';
 export { SignaturePadHiddenInput } from './components/signature-pad/signature-pad-hidden-input.js';
+export { SignaturePadLabel } from './components/signature-pad/signature-pad-label.js';
 export { SignaturePadRoot } from './components/signature-pad/signature-pad-root.js';
 export { SignaturePadRootProvider } from './components/signature-pad/signature-pad-root-provider.js';
 export { SignaturePadSegment } from './components/signature-pad/signature-pad-segment.js';
@@ -543,10 +546,10 @@ export { useTimePickerContext } from './components/time-picker/use-time-picker-c
 import * as timePicker from './components/time-picker/time-picker.js';
 export { timePicker as TimePicker };
 export { TimerActionTrigger } from './components/timer/timer-action-trigger.js';
-export { TimerArea } from './components/timer/timer-area.js';
 export { TimerContext } from './components/timer/timer-context.js';
-export { TimerControl } from './components/timer/timer-control.js';
 export { TimerItem } from './components/timer/timer-item.js';
+export { TimerControl } from './components/timer/timer-control.js';
+export { TimerArea } from './components/timer/timer-area.js';
 export { TimerRoot } from './components/timer/timer-root.js';
 export { TimerRootProvider } from './components/timer/timer-root-provider.js';
 export { TimerSeparator } from './components/timer/timer-separator.js';
@@ -635,6 +638,7 @@ export { anatomy as stepsAnatomy } from '@zag-js/steps';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';
 export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
+export { anatomy as timerAnatomy } from '@zag-js/timer';
 export { anatomy as toastAnatomy } from '@zag-js/toast';
 export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
 export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';

package/dist/types.d.cts

@@ -1,3 +1,2 @@
 export type Assign<T, U> = Omit<T, keyof U> & U;
 export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
-export type CollectionItem = string | object;

package/dist/types.d.ts

@@ -1,3 +1,2 @@
 export type Assign<T, U> = Omit<T, keyof U> & U;
 export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
-export type CollectionItem = string | object;

package/dist/use-debugger.d.cts

@@ -2,7 +2,7 @@ interface Service {
     initialContext: {
         id: string;
     };
-    state: Record<string, unknown>;
+    state: Record<string, any>;
     subscribe: (callback: () => void) => () => void;
 }
 export declare const useDebugger: (service: Service) => void;

package/dist/use-debugger.d.ts

@@ -2,7 +2,7 @@ interface Service {
     initialContext: {
         id: string;
     };
-    state: Record<string, unknown>;
+    state: Record<string, any>;
     subscribe: (callback: () => void) => () => void;
 }
 export declare const useDebugger: (service: Service) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "3.13.0",
+  "version": "4.0.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -72,6 +72,17 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./collection": {
+      "source": "./src/components/collection.ts",
+      "import": {
+        "types": "./dist/components/collection.d.ts",
+        "default": "./dist/components/collection.js"
+      },
+      "require": {
+        "types": "./dist/components/collection.d.cts",
+        "default": "./dist/components/collection.cjs"
+      }
+    },
     "./factory": {
       "source": "./src/components/factory.ts",
       "import": {
@@ -139,6 +150,7 @@
     "@zag-js/checkbox": "0.71.0",
     "@zag-js/clipboard": "0.71.0",
     "@zag-js/collapsible": "0.71.0",
+    "@zag-js/collection": "0.71.0",
     "@zag-js/color-picker": "0.71.0",
     "@zag-js/color-utils": "0.71.0",
     "@zag-js/combobox": "0.71.0",
@@ -183,32 +195,32 @@
   "devDependencies": {
     "@biomejs/biome": "1.9.2",
     "@release-it/keep-a-changelog": "5.0.0",
-    "@storybook/addon-a11y": "8.3.2",
-    "@storybook/addon-essentials": "8.3.2",
-    "@storybook/react-vite": "8.3.2",
-    "@storybook/react": "8.3.2",
+    "@storybook/addon-a11y": "8.3.3",
+    "@storybook/addon-essentials": "8.3.3",
+    "@storybook/react-vite": "8.3.3",
+    "@storybook/react": "8.3.3",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.5.0",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.7",
-    "@types/react": "18.3.8",
+    "@types/react": "18.3.9",
     "@types/react-dom": "18.3.0",
     "@vitejs/plugin-react": "4.3.1",
     "@zag-js/stringify-state": "0.71.0",
     "globby": "14.0.2",
     "jsdom": "25.0.1",
-    "lucide-react": "0.445.0",
+    "lucide-react": "0.446.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.53.0",
     "release-it": "17.6.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "8.3.2",
+    "storybook": "8.3.3",
     "typescript": "5.6.2",
-    "vite": "5.4.7",
-    "vite-plugin-dts": "4.2.1",
+    "vite": "5.4.8",
+    "vite-plugin-dts": "4.2.2",
     "vitest": "2.1.1",
     "vitest-axe": "1.0.0-pre.3"
   },