@ark-ui/react 4.0.0-0 → 4.1.0

package/dist/components/color-picker/index.cjs

@@ -3,6 +3,35 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const colorPicker = require('@zag-js/color-picker');
+const colorPickerArea = require('./color-picker-area.cjs');
+const colorPickerAreaBackground = require('./color-picker-area-background.cjs');
+const colorPickerAreaThumb = require('./color-picker-area-thumb.cjs');
+const colorPickerChannelInput = require('./color-picker-channel-input.cjs');
+const colorPickerChannelSlider = require('./color-picker-channel-slider.cjs');
+const colorPickerChannelSliderLabel = require('./color-picker-channel-slider-label.cjs');
+const colorPickerChannelSliderThumb = require('./color-picker-channel-slider-thumb.cjs');
+const colorPickerChannelSliderTrack = require('./color-picker-channel-slider-track.cjs');
+const colorPickerChannelSliderValueText = require('./color-picker-channel-slider-value-text.cjs');
+const colorPickerContent = require('./color-picker-content.cjs');
+const colorPickerContext = require('./color-picker-context.cjs');
+const colorPickerControl = require('./color-picker-control.cjs');
+const colorPickerEyeDropperTrigger = require('./color-picker-eye-dropper-trigger.cjs');
+const colorPickerFormatSelect = require('./color-picker-format-select.cjs');
+const colorPickerFormatTrigger = require('./color-picker-format-trigger.cjs');
+const colorPickerHiddenInput = require('./color-picker-hidden-input.cjs');
+const colorPickerLabel = require('./color-picker-label.cjs');
+const colorPickerPositioner = require('./color-picker-positioner.cjs');
+const colorPickerRoot = require('./color-picker-root.cjs');
+const colorPickerRootProvider = require('./color-picker-root-provider.cjs');
+const colorPickerSwatch = require('./color-picker-swatch.cjs');
+const colorPickerSwatchGroup = require('./color-picker-swatch-group.cjs');
+const colorPickerSwatchIndicator = require('./color-picker-swatch-indicator.cjs');
+const colorPickerSwatchTrigger = require('./color-picker-swatch-trigger.cjs');
+const colorPickerTransparencyGrid = require('./color-picker-transparency-grid.cjs');
+const colorPickerTrigger = require('./color-picker-trigger.cjs');
+const colorPickerValueSwatch = require('./color-picker-value-swatch.cjs');
+const colorPickerValueText = require('./color-picker-value-text.cjs');
+const colorPickerView = require('./color-picker-view.cjs');
 const colorPicker_anatomy = require('./color-picker.anatomy.cjs');
 const useColorPicker = require('./use-color-picker.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
@@ -14,6 +43,35 @@ Object.defineProperty(exports, "parseColor", {
   enumerable: true,
   get: () => colorPicker.parse
 });
+exports.ColorPickerArea = colorPickerArea.ColorPickerArea;
+exports.ColorPickerAreaBackground = colorPickerAreaBackground.ColorPickerAreaBackground;
+exports.ColorPickerAreaThumb = colorPickerAreaThumb.ColorPickerAreaThumb;
+exports.ColorPickerChannelInput = colorPickerChannelInput.ColorPickerChannelInput;
+exports.ColorPickerChannelSlider = colorPickerChannelSlider.ColorPickerChannelSlider;
+exports.ColorPickerChannelSliderLabel = colorPickerChannelSliderLabel.ColorPickerChannelSliderLabel;
+exports.ColorPickerChannelSliderThumb = colorPickerChannelSliderThumb.ColorPickerChannelSliderThumb;
+exports.ColorPickerChannelSliderTrack = colorPickerChannelSliderTrack.ColorPickerChannelSliderTrack;
+exports.ColorPickerChannelSliderValueText = colorPickerChannelSliderValueText.ColorPickerChannelSliderValueText;
+exports.ColorPickerContent = colorPickerContent.ColorPickerContent;
+exports.ColorPickerContext = colorPickerContext.ColorPickerContext;
+exports.ColorPickerControl = colorPickerControl.ColorPickerControl;
+exports.ColorPickerEyeDropperTrigger = colorPickerEyeDropperTrigger.ColorPickerEyeDropperTrigger;
+exports.ColorPickerFormatSelect = colorPickerFormatSelect.ColorPickerFormatSelect;
+exports.ColorPickerFormatTrigger = colorPickerFormatTrigger.ColorPickerFormatTrigger;
+exports.ColorPickerHiddenInput = colorPickerHiddenInput.ColorPickerHiddenInput;
+exports.ColorPickerLabel = colorPickerLabel.ColorPickerLabel;
+exports.ColorPickerPositioner = colorPickerPositioner.ColorPickerPositioner;
+exports.ColorPickerRoot = colorPickerRoot.ColorPickerRoot;
+exports.ColorPickerRootProvider = colorPickerRootProvider.ColorPickerRootProvider;
+exports.ColorPickerSwatch = colorPickerSwatch.ColorPickerSwatch;
+exports.ColorPickerSwatchGroup = colorPickerSwatchGroup.ColorPickerSwatchGroup;
+exports.ColorPickerSwatchIndicator = colorPickerSwatchIndicator.ColorPickerSwatchIndicator;
+exports.ColorPickerSwatchTrigger = colorPickerSwatchTrigger.ColorPickerSwatchTrigger;
+exports.ColorPickerTransparencyGrid = colorPickerTransparencyGrid.ColorPickerTransparencyGrid;
+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;

package/dist/components/color-picker/index.d.cts

@@ -1,4 +1,34 @@
 export { parse as parseColor } from '@zag-js/color-picker';
+export type { Color, ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
+export { ColorPickerArea, type ColorPickerAreaBaseProps, type ColorPickerAreaProps, } from './color-picker-area';
+export { ColorPickerAreaBackground, type ColorPickerAreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps, } from './color-picker-area-background';
+export { ColorPickerAreaThumb, type ColorPickerAreaThumbBaseProps, type ColorPickerAreaThumbProps, } from './color-picker-area-thumb';
+export { ColorPickerChannelInput, type ColorPickerChannelInputBaseProps, type ColorPickerChannelInputProps, } from './color-picker-channel-input';
+export { ColorPickerChannelSlider, type ColorPickerChannelSliderBaseProps, type ColorPickerChannelSliderProps, } from './color-picker-channel-slider';
+export { ColorPickerChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps, } from './color-picker-channel-slider-label';
+export { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
+export { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps, } from './color-picker-channel-slider-track';
+export { ColorPickerChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps, } from './color-picker-channel-slider-value-text';
+export { ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, } from './color-picker-content';
+export { ColorPickerContext, type ColorPickerContextProps, } from './color-picker-context';
+export { ColorPickerControl, type ColorPickerControlBaseProps, type ColorPickerControlProps, } from './color-picker-control';
+export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
+export { ColorPickerFormatSelect, type ColorPickerFormatSelectBaseProps, type ColorPickerFormatSelectProps, } from './color-picker-format-select';
+export { ColorPickerFormatTrigger, type ColorPickerFormatTriggerBaseProps, type ColorPickerFormatTriggerProps, } from './color-picker-format-trigger';
+export { ColorPickerHiddenInput, type ColorPickerHiddenInputBaseProps, type ColorPickerHiddenInputProps, } from './color-picker-hidden-input';
+export { ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps, } from './color-picker-label';
+export { ColorPickerPositioner, type ColorPickerPositionerBaseProps, type ColorPickerPositionerProps, } from './color-picker-positioner';
+export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps, } from './color-picker-root';
+export { ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderProps, } from './color-picker-root-provider';
+export { ColorPickerSwatch, type ColorPickerSwatchBaseProps, type ColorPickerSwatchProps, } from './color-picker-swatch';
+export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupBaseProps, type ColorPickerSwatchGroupProps, } from './color-picker-swatch-group';
+export { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps, } from './color-picker-swatch-indicator';
+export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, } from './color-picker-swatch-trigger';
+export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridBaseProps, type ColorPickerTransparencyGridProps, } from './color-picker-transparency-grid';
+export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, } from './color-picker-trigger';
+export { ColorPickerValueSwatch, type ColorPickerValueSwatchBaseProps, type ColorPickerValueSwatchProps, } from './color-picker-value-swatch';
+export { ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPickerValueTextProps, } from './color-picker-value-text';
+export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps, } from './color-picker-view';
 export { colorPickerAnatomy } from './color-picker.anatomy';
 export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn, } from './use-color-picker';
 export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context';

package/dist/components/color-picker/index.d.ts

@@ -1,4 +1,34 @@
 export { parse as parseColor } from '@zag-js/color-picker';
+export type { Color, ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
+export { ColorPickerArea, type ColorPickerAreaBaseProps, type ColorPickerAreaProps, } from './color-picker-area';
+export { ColorPickerAreaBackground, type ColorPickerAreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps, } from './color-picker-area-background';
+export { ColorPickerAreaThumb, type ColorPickerAreaThumbBaseProps, type ColorPickerAreaThumbProps, } from './color-picker-area-thumb';
+export { ColorPickerChannelInput, type ColorPickerChannelInputBaseProps, type ColorPickerChannelInputProps, } from './color-picker-channel-input';
+export { ColorPickerChannelSlider, type ColorPickerChannelSliderBaseProps, type ColorPickerChannelSliderProps, } from './color-picker-channel-slider';
+export { ColorPickerChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps, } from './color-picker-channel-slider-label';
+export { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
+export { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps, } from './color-picker-channel-slider-track';
+export { ColorPickerChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps, } from './color-picker-channel-slider-value-text';
+export { ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, } from './color-picker-content';
+export { ColorPickerContext, type ColorPickerContextProps, } from './color-picker-context';
+export { ColorPickerControl, type ColorPickerControlBaseProps, type ColorPickerControlProps, } from './color-picker-control';
+export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
+export { ColorPickerFormatSelect, type ColorPickerFormatSelectBaseProps, type ColorPickerFormatSelectProps, } from './color-picker-format-select';
+export { ColorPickerFormatTrigger, type ColorPickerFormatTriggerBaseProps, type ColorPickerFormatTriggerProps, } from './color-picker-format-trigger';
+export { ColorPickerHiddenInput, type ColorPickerHiddenInputBaseProps, type ColorPickerHiddenInputProps, } from './color-picker-hidden-input';
+export { ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps, } from './color-picker-label';
+export { ColorPickerPositioner, type ColorPickerPositionerBaseProps, type ColorPickerPositionerProps, } from './color-picker-positioner';
+export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps, } from './color-picker-root';
+export { ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderProps, } from './color-picker-root-provider';
+export { ColorPickerSwatch, type ColorPickerSwatchBaseProps, type ColorPickerSwatchProps, } from './color-picker-swatch';
+export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupBaseProps, type ColorPickerSwatchGroupProps, } from './color-picker-swatch-group';
+export { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps, } from './color-picker-swatch-indicator';
+export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, } from './color-picker-swatch-trigger';
+export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridBaseProps, type ColorPickerTransparencyGridProps, } from './color-picker-transparency-grid';
+export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, } from './color-picker-trigger';
+export { ColorPickerValueSwatch, type ColorPickerValueSwatchBaseProps, type ColorPickerValueSwatchProps, } from './color-picker-value-swatch';
+export { ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPickerValueTextProps, } from './color-picker-value-text';
+export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps, } from './color-picker-view';
 export { colorPickerAnatomy } from './color-picker.anatomy';
 export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn, } from './use-color-picker';
 export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context';

package/dist/components/color-picker/index.js

@@ -1,4 +1,33 @@
 export { parse as parseColor } from '@zag-js/color-picker';
+export { ColorPickerArea } from './color-picker-area.js';
+export { ColorPickerAreaBackground } from './color-picker-area-background.js';
+export { ColorPickerAreaThumb } from './color-picker-area-thumb.js';
+export { ColorPickerChannelInput } from './color-picker-channel-input.js';
+export { ColorPickerChannelSlider } from './color-picker-channel-slider.js';
+export { ColorPickerChannelSliderLabel } from './color-picker-channel-slider-label.js';
+export { ColorPickerChannelSliderThumb } from './color-picker-channel-slider-thumb.js';
+export { ColorPickerChannelSliderTrack } from './color-picker-channel-slider-track.js';
+export { ColorPickerChannelSliderValueText } from './color-picker-channel-slider-value-text.js';
+export { ColorPickerContent } from './color-picker-content.js';
+export { ColorPickerContext } from './color-picker-context.js';
+export { ColorPickerControl } from './color-picker-control.js';
+export { ColorPickerEyeDropperTrigger } from './color-picker-eye-dropper-trigger.js';
+export { ColorPickerFormatSelect } from './color-picker-format-select.js';
+export { ColorPickerFormatTrigger } from './color-picker-format-trigger.js';
+export { ColorPickerHiddenInput } from './color-picker-hidden-input.js';
+export { ColorPickerLabel } from './color-picker-label.js';
+export { ColorPickerPositioner } from './color-picker-positioner.js';
+export { ColorPickerRoot } from './color-picker-root.js';
+export { ColorPickerRootProvider } from './color-picker-root-provider.js';
+export { ColorPickerSwatch } from './color-picker-swatch.js';
+export { ColorPickerSwatchGroup } from './color-picker-swatch-group.js';
+export { ColorPickerSwatchIndicator } from './color-picker-swatch-indicator.js';
+export { ColorPickerSwatchTrigger } from './color-picker-swatch-trigger.js';
+export { ColorPickerTransparencyGrid } from './color-picker-transparency-grid.js';
+export { ColorPickerTrigger } from './color-picker-trigger.js';
+export { ColorPickerValueSwatch } from './color-picker-value-swatch.js';
+export { ColorPickerValueText } from './color-picker-value-text.js';
+export { ColorPickerView } from './color-picker-view.js';
 export { colorPickerAnatomy } from './color-picker.anatomy.js';
 export { useColorPicker } from './use-color-picker.js';
 export { useColorPickerContext } from './use-color-picker-context.js';

package/dist/components/combobox/combobox-content.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
 const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useComboboxContext = require('./use-combobox-context.cjs');
@@ -13,11 +14,11 @@ const useComboboxContext = require('./use-combobox-context.cjs');
 const ComboboxContent = react.forwardRef((props, ref) => {
   const combobox = useComboboxContext.useComboboxContext();
   const presence = usePresenceContext.usePresenceContext();
-  const mergedProps = react$1.mergeProps(combobox.getContentProps(), presence.getPresenceProps(ref), props);
+  const mergedProps = react$1.mergeProps(combobox.getContentProps(), presence.getPresenceProps(), props);
   if (presence.unmounted) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps });
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
 });
 ComboboxContent.displayName = "ComboboxContent";
 

package/dist/components/combobox/combobox-content.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
 import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useComboboxContext } from './use-combobox-context.js';
@@ -9,11 +10,11 @@ import { useComboboxContext } from './use-combobox-context.js';
 const ComboboxContent = forwardRef((props, ref) => {
   const combobox = useComboboxContext();
   const presence = usePresenceContext();
-  const mergedProps = mergeProps(combobox.getContentProps(), presence.getPresenceProps(ref), props);
+  const mergedProps = mergeProps(combobox.getContentProps(), presence.getPresenceProps(), props);
   if (presence.unmounted) {
     return null;
   }
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps });
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
 });
 ComboboxContent.displayName = "ComboboxContent";
 

package/dist/components/combobox/index.cjs

@@ -3,6 +3,23 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const collection = require('../collection.cjs');
+const comboboxClearTrigger = require('./combobox-clear-trigger.cjs');
+const comboboxContent = require('./combobox-content.cjs');
+const comboboxContext = require('./combobox-context.cjs');
+const comboboxControl = require('./combobox-control.cjs');
+const comboboxInput = require('./combobox-input.cjs');
+const comboboxItem = require('./combobox-item.cjs');
+const comboboxItemContext = require('./combobox-item-context.cjs');
+const comboboxItemGroup = require('./combobox-item-group.cjs');
+const comboboxItemGroupLabel = require('./combobox-item-group-label.cjs');
+const comboboxItemIndicator = require('./combobox-item-indicator.cjs');
+const comboboxItemText = require('./combobox-item-text.cjs');
+const comboboxLabel = require('./combobox-label.cjs');
+const comboboxList = require('./combobox-list.cjs');
+const comboboxPositioner = require('./combobox-positioner.cjs');
+const comboboxRoot = require('./combobox-root.cjs');
+const comboboxRootProvider = require('./combobox-root-provider.cjs');
+const comboboxTrigger = require('./combobox-trigger.cjs');
 const useCombobox = require('./use-combobox.cjs');
 const useComboboxContext = require('./use-combobox-context.cjs');
 const useComboboxItemContext = require('./use-combobox-item-context.cjs');
@@ -12,11 +29,28 @@ const combobox = require('@zag-js/combobox');
 
 
 exports.createListCollection = collection.createListCollection;
+exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
+exports.ComboboxContent = comboboxContent.ComboboxContent;
+exports.ComboboxContext = comboboxContext.ComboboxContext;
+exports.ComboboxControl = comboboxControl.ComboboxControl;
+exports.ComboboxInput = comboboxInput.ComboboxInput;
+exports.ComboboxItem = comboboxItem.ComboboxItem;
+exports.ComboboxItemContext = comboboxItemContext.ComboboxItemContext;
+exports.ComboboxItemGroup = comboboxItemGroup.ComboboxItemGroup;
+exports.ComboboxItemGroupLabel = comboboxItemGroupLabel.ComboboxItemGroupLabel;
+exports.ComboboxItemIndicator = comboboxItemIndicator.ComboboxItemIndicator;
+exports.ComboboxItemText = comboboxItemText.ComboboxItemText;
+exports.ComboboxLabel = comboboxLabel.ComboboxLabel;
+exports.ComboboxList = comboboxList.ComboboxList;
+exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
+exports.ComboboxRoot = comboboxRoot.ComboboxRoot;
+exports.ComboboxRootProvider = comboboxRootProvider.ComboboxRootProvider;
+exports.ComboboxTrigger = comboboxTrigger.ComboboxTrigger;
 exports.useCombobox = useCombobox.useCombobox;
 exports.useComboboxContext = useComboboxContext.useComboboxContext;
 exports.useComboboxItemContext = useComboboxItemContext.useComboboxItemContext;
 exports.Combobox = combobox$1;
 Object.defineProperty(exports, "comboboxAnatomy", {
-	enumerable: true,
-	get: () => combobox.anatomy
+  enumerable: true,
+  get: () => combobox.anatomy
 });

package/dist/components/combobox/index.d.cts

@@ -1,4 +1,22 @@
-export { createListCollection, type CollectionItem } from '../collection';
+export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails, } from '@zag-js/combobox';
+export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
+export { ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, } from './combobox-clear-trigger';
+export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, } from './combobox-content';
+export { ComboboxContext, type ComboboxContextProps, } from './combobox-context';
+export { ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps, } from './combobox-control';
+export { ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps, } from './combobox-input';
+export { ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps, } from './combobox-item';
+export { ComboboxItemContext, type ComboboxItemContextProps, } from './combobox-item-context';
+export { ComboboxItemGroup, type ComboboxItemGroupBaseProps, type ComboboxItemGroupProps, } from './combobox-item-group';
+export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps, } from './combobox-item-group-label';
+export { ComboboxItemIndicator, type ComboboxItemIndicatorBaseProps, type ComboboxItemIndicatorProps, } from './combobox-item-indicator';
+export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemTextProps, } from './combobox-item-text';
+export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps, } from './combobox-label';
+export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps, } from './combobox-list';
+export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner';
+export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, } from './combobox-root';
+export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider';
+export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, } from './combobox-trigger';
 export { comboboxAnatomy } from './combobox.anatomy';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';
 export { useComboboxContext, type UseComboboxContext } from './use-combobox-context';

package/dist/components/combobox/index.d.ts

@@ -1,4 +1,22 @@
-export { createListCollection, type CollectionItem } from '../collection';
+export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails, } from '@zag-js/combobox';
+export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
+export { ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, } from './combobox-clear-trigger';
+export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, } from './combobox-content';
+export { ComboboxContext, type ComboboxContextProps, } from './combobox-context';
+export { ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps, } from './combobox-control';
+export { ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps, } from './combobox-input';
+export { ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps, } from './combobox-item';
+export { ComboboxItemContext, type ComboboxItemContextProps, } from './combobox-item-context';
+export { ComboboxItemGroup, type ComboboxItemGroupBaseProps, type ComboboxItemGroupProps, } from './combobox-item-group';
+export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps, } from './combobox-item-group-label';
+export { ComboboxItemIndicator, type ComboboxItemIndicatorBaseProps, type ComboboxItemIndicatorProps, } from './combobox-item-indicator';
+export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemTextProps, } from './combobox-item-text';
+export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps, } from './combobox-label';
+export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps, } from './combobox-list';
+export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner';
+export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, } from './combobox-root';
+export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider';
+export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, } from './combobox-trigger';
 export { comboboxAnatomy } from './combobox.anatomy';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';
 export { useComboboxContext, type UseComboboxContext } from './use-combobox-context';

package/dist/components/combobox/index.js

@@ -1,4 +1,21 @@
 export { createListCollection } from '../collection.js';
+export { ComboboxClearTrigger } from './combobox-clear-trigger.js';
+export { ComboboxContent } from './combobox-content.js';
+export { ComboboxContext } from './combobox-context.js';
+export { ComboboxControl } from './combobox-control.js';
+export { ComboboxInput } from './combobox-input.js';
+export { ComboboxItem } from './combobox-item.js';
+export { ComboboxItemContext } from './combobox-item-context.js';
+export { ComboboxItemGroup } from './combobox-item-group.js';
+export { ComboboxItemGroupLabel } from './combobox-item-group-label.js';
+export { ComboboxItemIndicator } from './combobox-item-indicator.js';
+export { ComboboxItemText } from './combobox-item-text.js';
+export { ComboboxLabel } from './combobox-label.js';
+export { ComboboxList } from './combobox-list.js';
+export { ComboboxPositioner } from './combobox-positioner.js';
+export { ComboboxRoot } from './combobox-root.js';
+export { ComboboxRootProvider } from './combobox-root-provider.js';
+export { ComboboxTrigger } from './combobox-trigger.js';
 export { useCombobox } from './use-combobox.js';
 export { useComboboxContext } from './use-combobox-context.js';
 export { useComboboxItemContext } from './use-combobox-item-context.js';

package/dist/components/combobox/use-combobox.cjs

@@ -53,18 +53,23 @@ const useCombobox = (props) => {
     "open.controlled": props.open !== void 0,
     ...comboboxProps
   };
-  const context = {
-    ...initialContext,
-    collection,
-    value: props.value,
-    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true }),
-    onInputValueChange: useEvent.useEvent(props.onInputValueChange, { sync: true }),
-    onHighlightChange: useEvent.useEvent(props.onHighlightChange),
-    onOpenChange: useEvent.useEvent(props.onOpenChange)
-  };
-  const [state, send] = react$1.useMachine(combobox__namespace.machine(initialContext), {
+  const context = (() => {
+    const { collection: _, ...restProps } = initialContext;
+    return {
+      ...restProps,
+      value: props.value,
+      onValueChange: useEvent.useEvent(props.onValueChange, { sync: true }),
+      onInputValueChange: useEvent.useEvent(props.onInputValueChange, { sync: true }),
+      onHighlightChange: useEvent.useEvent(props.onHighlightChange),
+      onOpenChange: useEvent.useEvent(props.onOpenChange)
+    };
+  })();
+  const [state, send, service] = react$1.useMachine(combobox__namespace.machine(initialContext), {
     context
   });
+  react.useEffect(() => {
+    service.setContext({ collection });
+  }, [collection]);
   return combobox__namespace.connect(state, send, react$1.normalizeProps);
 };
 

package/dist/components/combobox/use-combobox.js

@@ -1,7 +1,7 @@
 'use client';
 import * as combobox from '@zag-js/combobox';
 import { useMachine, normalizeProps } from '@zag-js/react';
-import { useId } from 'react';
+import { useId, useEffect } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useEvent } from '../../utils/use-event.js';
@@ -30,18 +30,23 @@ const useCombobox = (props) => {
     "open.controlled": props.open !== void 0,
     ...comboboxProps
   };
-  const context = {
-    ...initialContext,
-    collection,
-    value: props.value,
-    onValueChange: useEvent(props.onValueChange, { sync: true }),
-    onInputValueChange: useEvent(props.onInputValueChange, { sync: true }),
-    onHighlightChange: useEvent(props.onHighlightChange),
-    onOpenChange: useEvent(props.onOpenChange)
-  };
-  const [state, send] = useMachine(combobox.machine(initialContext), {
+  const context = (() => {
+    const { collection: _, ...restProps } = initialContext;
+    return {
+      ...restProps,
+      value: props.value,
+      onValueChange: useEvent(props.onValueChange, { sync: true }),
+      onInputValueChange: useEvent(props.onInputValueChange, { sync: true }),
+      onHighlightChange: useEvent(props.onHighlightChange),
+      onOpenChange: useEvent(props.onOpenChange)
+    };
+  })();
+  const [state, send, service] = useMachine(combobox.machine(initialContext), {
     context
   });
+  useEffect(() => {
+    service.setContext({ collection });
+  }, [collection]);
   return combobox.connect(state, send, normalizeProps);
 };
 

package/dist/components/date-picker/date-picker-content.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
 const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
@@ -14,15 +15,11 @@ const DatePickerContent = react.forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext.useDatePickerContext();
     const presence = usePresenceContext.usePresenceContext();
-    const mergedProps = react$1.mergeProps(
-      datePicker.getContentProps(),
-      presence.getPresenceProps(ref),
-      props
-    );
+    const mergedProps = react$1.mergeProps(datePicker.getContentProps(), presence.getPresenceProps(), props);
     if (presence.unmounted) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps });
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
   }
 );
 DatePickerContent.displayName = "DatePickerContent";

package/dist/components/date-picker/date-picker-content.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
 import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
@@ -10,15 +11,11 @@ const DatePickerContent = forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext();
     const presence = usePresenceContext();
-    const mergedProps = mergeProps(
-      datePicker.getContentProps(),
-      presence.getPresenceProps(ref),
-      props
-    );
+    const mergedProps = mergeProps(datePicker.getContentProps(), presence.getPresenceProps(), props);
     if (presence.unmounted) {
       return null;
     }
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps });
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
   }
 );
 DatePickerContent.displayName = "DatePickerContent";

package/dist/components/date-picker/date-picker-year-select.cjs

@@ -13,16 +13,9 @@ const DatePickerYearSelect = react.forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext.useDatePickerContext();
     const mergedProps = react$1.mergeProps(datePicker.getYearSelectProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.select, { ...mergedProps, ref, children: getYearsRange({ from: 1e3, to: 4e3 }).map((year, i) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: year, children: year }, i)) });
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.select, { ...mergedProps, ref, children: datePicker.getYears().map((year, i) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: year.value, children: year.label }, i)) });
   }
 );
 DatePickerYearSelect.displayName = "DatePickerYearSelect";
-function getYearsRange(range) {
-  const years = [];
-  for (let year = range.from; year <= range.to; year += 1) {
-    years.push(year);
-  }
-  return years;
-}
 
 exports.DatePickerYearSelect = DatePickerYearSelect;

package/dist/components/date-picker/date-picker-year-select.js

@@ -9,16 +9,9 @@ const DatePickerYearSelect = forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext();
     const mergedProps = mergeProps(datePicker.getYearSelectProps(), props);
-    return /* @__PURE__ */ jsx(ark.select, { ...mergedProps, ref, children: getYearsRange({ from: 1e3, to: 4e3 }).map((year, i) => /* @__PURE__ */ jsx("option", { value: year, children: year }, i)) });
+    return /* @__PURE__ */ jsx(ark.select, { ...mergedProps, ref, children: datePicker.getYears().map((year, i) => /* @__PURE__ */ jsx("option", { value: year.value, children: year.label }, i)) });
   }
 );
 DatePickerYearSelect.displayName = "DatePickerYearSelect";
-function getYearsRange(range) {
-  const years = [];
-  for (let year = range.from; year <= range.to; year += 1) {
-    years.push(year);
-  }
-  return years;
-}
 
 export { DatePickerYearSelect };

package/dist/components/date-picker/date-picker.d.cts

@@ -1,27 +1,27 @@
-export type { FocusChangeDetails, OpenChangeDetails, ValueChangeDetails, ViewChangeDetails, } from '@zag-js/date-picker';
-export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerProps as ClearTriggerProps, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, } from './date-picker-clear-trigger';
-export { DatePickerContent as Content, type DatePickerContentProps as ContentProps, type DatePickerContentBaseProps as ContentBaseProps, } from './date-picker-content';
+export type { DateValue, FocusChangeDetails, OpenChangeDetails, ValueChangeDetails, ViewChangeDetails, } from '@zag-js/date-picker';
+export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, type DatePickerClearTriggerProps as ClearTriggerProps, } from './date-picker-clear-trigger';
+export { DatePickerContent as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, } from './date-picker-content';
 export { DatePickerContext as Context, type DatePickerContextProps as ContextProps, } from './date-picker-context';
-export { DatePickerControl as Control, type DatePickerControlProps as ControlProps, type DatePickerControlBaseProps as ControlBaseProps, } from './date-picker-control';
-export { DatePickerInput as Input, type DatePickerInputProps as InputProps, type DatePickerInputBaseProps as InputBaseProps, } from './date-picker-input';
-export { DatePickerLabel as Label, type DatePickerLabelProps as LabelProps, type DatePickerLabelBaseProps as LabelBaseProps, } from './date-picker-label';
-export { DatePickerMonthSelect as MonthSelect, type DatePickerMonthSelectProps as MonthSelectProps, type DatePickerMonthSelectBaseProps as MonthSelectBaseProps, } from './date-picker-month-select';
-export { DatePickerNextTrigger as NextTrigger, type DatePickerNextTriggerProps as NextTriggerProps, type DatePickerNextTriggerBaseProps as NextTriggerBaseProps, } from './date-picker-next-trigger';
-export { DatePickerPositioner as Positioner, type DatePickerPositionerProps as PositionerProps, type DatePickerPositionerBaseProps as PositionerBaseProps, } from './date-picker-positioner';
-export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerProps as PresetTriggerProps, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, } from './date-picker-preset-trigger';
-export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerProps as PrevTriggerProps, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, } from './date-picker-prev-trigger';
-export { DatePickerRangeText as RangeText, type DatePickerRangeTextProps as RangeTextProps, type DatePickerRangeTextBaseProps as RangeTextBaseProps, } from './date-picker-range-text';
-export { DatePickerRoot as Root, type DatePickerRootProps as RootProps, type DatePickerRootBaseProps as RootBaseProps, } from './date-picker-root';
-export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderProps as RootProviderProps, type DatePickerRootProviderBaseProps as RootProviderBaseProps, } from './date-picker-root-provider';
-export { DatePickerTable as Table, type DatePickerTableProps as TableProps, type DatePickerTableBaseProps as TableBaseProps, } from './date-picker-table';
-export { DatePickerTableBody as TableBody, type DatePickerTableBodyProps as TableBodyProps, type DatePickerTableBodyBaseProps as TableBodyBaseProps, } from './date-picker-table-body';
-export { DatePickerTableCell as TableCell, type DatePickerTableCellProps as TableCellProps, type DatePickerTableCellBaseProps as TableCellBaseProps, } from './date-picker-table-cell';
-export { DatePickerTableCellTrigger as TableCellTrigger, type DatePickerTableCellTriggerProps as TableCellTriggerProps, type DatePickerTableCellTriggerBaseProps as TableCellTriggerBaseProps, } from './date-picker-table-cell-trigger';
-export { DatePickerTableHead as TableHead, type DatePickerTableHeadProps as TableHeadProps, type DatePickerTableHeadBaseProps as TableHeadBaseProps, } from './date-picker-table-head';
-export { DatePickerTableHeader as TableHeader, type DatePickerTableHeaderProps as TableHeaderProps, type DatePickerTableHeaderBaseProps as TableHeaderBaseProps, } from './date-picker-table-header';
-export { DatePickerTableRow as TableRow, type DatePickerTableRowProps as TableRowProps, type DatePickerTableRowBaseProps as TableRowBaseProps, } from './date-picker-table-row';
-export { DatePickerTrigger as Trigger, type DatePickerTriggerProps as TriggerProps, type DatePickerTriggerBaseProps as TriggerBaseProps, } from './date-picker-trigger';
-export { DatePickerView as View, type DatePickerViewProps as ViewProps, type DatePickerViewBaseProps as ViewBaseProps, } from './date-picker-view';
-export { DatePickerViewControl as ViewControl, type DatePickerViewControlProps as ViewControlProps, type DatePickerViewControlBaseProps as ViewControlBaseProps, } from './date-picker-view-control';
-export { DatePickerViewTrigger as ViewTrigger, type DatePickerViewTriggerProps as ViewTriggerProps, type DatePickerViewTriggerBaseProps as ViewTriggerBaseProps, } from './date-picker-view-trigger';
-export { DatePickerYearSelect as YearSelect, type DatePickerYearSelectProps as YearSelectProps, type DatePickerYearSelectBaseProps as YearSelectBaseProps, } from './date-picker-year-select';
+export { DatePickerControl as Control, type DatePickerControlBaseProps as ControlBaseProps, type DatePickerControlProps as ControlProps, } from './date-picker-control';
+export { DatePickerInput as Input, type DatePickerInputBaseProps as InputBaseProps, type DatePickerInputProps as InputProps, } from './date-picker-input';
+export { DatePickerLabel as Label, type DatePickerLabelBaseProps as LabelBaseProps, type DatePickerLabelProps as LabelProps, } from './date-picker-label';
+export { DatePickerMonthSelect as MonthSelect, type DatePickerMonthSelectBaseProps as MonthSelectBaseProps, type DatePickerMonthSelectProps as MonthSelectProps, } from './date-picker-month-select';
+export { DatePickerNextTrigger as NextTrigger, type DatePickerNextTriggerBaseProps as NextTriggerBaseProps, type DatePickerNextTriggerProps as NextTriggerProps, } from './date-picker-next-trigger';
+export { DatePickerPositioner as Positioner, type DatePickerPositionerBaseProps as PositionerBaseProps, type DatePickerPositionerProps as PositionerProps, } from './date-picker-positioner';
+export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, type DatePickerPresetTriggerProps as PresetTriggerProps, } from './date-picker-preset-trigger';
+export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger';
+export { DatePickerRangeText as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text';
+export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, } from './date-picker-root';
+export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, } from './date-picker-root-provider';
+export { DatePickerTable as Table, type DatePickerTableBaseProps as TableBaseProps, type DatePickerTableProps as TableProps, } from './date-picker-table';
+export { DatePickerTableBody as TableBody, type DatePickerTableBodyBaseProps as TableBodyBaseProps, type DatePickerTableBodyProps as TableBodyProps, } from './date-picker-table-body';
+export { DatePickerTableCell as TableCell, type DatePickerTableCellBaseProps as TableCellBaseProps, type DatePickerTableCellProps as TableCellProps, } from './date-picker-table-cell';
+export { DatePickerTableCellTrigger as TableCellTrigger, type DatePickerTableCellTriggerBaseProps as TableCellTriggerBaseProps, type DatePickerTableCellTriggerProps as TableCellTriggerProps, } from './date-picker-table-cell-trigger';
+export { DatePickerTableHead as TableHead, type DatePickerTableHeadBaseProps as TableHeadBaseProps, type DatePickerTableHeadProps as TableHeadProps, } from './date-picker-table-head';
+export { DatePickerTableHeader as TableHeader, type DatePickerTableHeaderBaseProps as TableHeaderBaseProps, type DatePickerTableHeaderProps as TableHeaderProps, } from './date-picker-table-header';
+export { DatePickerTableRow as TableRow, type DatePickerTableRowBaseProps as TableRowBaseProps, type DatePickerTableRowProps as TableRowProps, } from './date-picker-table-row';
+export { DatePickerTrigger as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, } from './date-picker-trigger';
+export { DatePickerView as View, type DatePickerViewBaseProps as ViewBaseProps, type DatePickerViewProps as ViewProps, } from './date-picker-view';
+export { DatePickerViewControl as ViewControl, type DatePickerViewControlBaseProps as ViewControlBaseProps, type DatePickerViewControlProps as ViewControlProps, } from './date-picker-view-control';
+export { DatePickerViewTrigger as ViewTrigger, type DatePickerViewTriggerBaseProps as ViewTriggerBaseProps, type DatePickerViewTriggerProps as ViewTriggerProps, } from './date-picker-view-trigger';
+export { DatePickerYearSelect as YearSelect, type DatePickerYearSelectBaseProps as YearSelectBaseProps, type DatePickerYearSelectProps as YearSelectProps, } from './date-picker-year-select';