@ark-ui/react 3.1.0 → 3.2.1

package/dist/components/combobox/combobox-clear-trigger.cjs

@@ -12,7 +12,7 @@ const useComboboxContext = require('./use-combobox-context.cjs');
 const ComboboxClearTrigger = react.forwardRef(
   (props, ref) => {
     const combobox = useComboboxContext.useComboboxContext();
-    const mergedProps = react$1.mergeProps(combobox.clearTriggerProps, props);
+    const mergedProps = react$1.mergeProps(combobox.getClearTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/combobox/combobox-clear-trigger.js

@@ -8,7 +8,7 @@ import { useComboboxContext } from './use-combobox-context.js';
 const ComboboxClearTrigger = forwardRef(
   (props, ref) => {
     const combobox = useComboboxContext();
-    const mergedProps = mergeProps(combobox.clearTriggerProps, props);
+    const mergedProps = mergeProps(combobox.getClearTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

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

@@ -13,7 +13,7 @@ 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.contentProps, presence.getPresenceProps(ref), props);
+  const mergedProps = react$1.mergeProps(combobox.getContentProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }

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

@@ -9,7 +9,7 @@ import { useComboboxContext } from './use-combobox-context.js';
 const ComboboxContent = forwardRef((props, ref) => {
   const combobox = useComboboxContext();
   const presence = usePresenceContext();
-  const mergedProps = mergeProps(combobox.contentProps, presence.getPresenceProps(ref), props);
+  const mergedProps = mergeProps(combobox.getContentProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }

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

@@ -11,7 +11,7 @@ const useComboboxContext = require('./use-combobox-context.cjs');
 
 const ComboboxControl = react.forwardRef((props, ref) => {
   const combobox = useComboboxContext.useComboboxContext();
-  const mergedProps = react$1.mergeProps(combobox.controlProps, props);
+  const mergedProps = react$1.mergeProps(combobox.getControlProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 ComboboxControl.displayName = "ComboboxControl";

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

@@ -7,7 +7,7 @@ import { useComboboxContext } from './use-combobox-context.js';
 
 const ComboboxControl = forwardRef((props, ref) => {
   const combobox = useComboboxContext();
-  const mergedProps = mergeProps(combobox.controlProps, props);
+  const mergedProps = mergeProps(combobox.getControlProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 ComboboxControl.displayName = "ComboboxControl";

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

@@ -11,7 +11,7 @@ const useComboboxContext = require('./use-combobox-context.cjs');
 
 const ComboboxInput = react.forwardRef((props, ref) => {
   const combobox = useComboboxContext.useComboboxContext();
-  const mergedProps = react$1.mergeProps(combobox.inputProps, props);
+  const mergedProps = react$1.mergeProps(combobox.getInputProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
 });
 ComboboxInput.displayName = "ComboboxInput";

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

@@ -7,7 +7,7 @@ import { useComboboxContext } from './use-combobox-context.js';
 
 const ComboboxInput = forwardRef((props, ref) => {
   const combobox = useComboboxContext();
-  const mergedProps = mergeProps(combobox.inputProps, props);
+  const mergedProps = mergeProps(combobox.getInputProps(), props);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
 });
 ComboboxInput.displayName = "ComboboxInput";

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

@@ -11,7 +11,7 @@ const useComboboxContext = require('./use-combobox-context.cjs');
 
 const ComboboxLabel = react.forwardRef((props, ref) => {
   const combobox = useComboboxContext.useComboboxContext();
-  const mergedProps = react$1.mergeProps(combobox.labelProps, props);
+  const mergedProps = react$1.mergeProps(combobox.getLabelProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
 ComboboxLabel.displayName = "ComboboxLabel";

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

@@ -7,7 +7,7 @@ import { useComboboxContext } from './use-combobox-context.js';
 
 const ComboboxLabel = forwardRef((props, ref) => {
   const combobox = useComboboxContext();
-  const mergedProps = mergeProps(combobox.labelProps, props);
+  const mergedProps = mergeProps(combobox.getLabelProps(), props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
 ComboboxLabel.displayName = "ComboboxLabel";

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

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+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 factory = require('../factory.cjs');
+const useComboboxContext = require('./use-combobox-context.cjs');
+
+const ComboboxList = react.forwardRef((props, ref) => {
+  const combobox = useComboboxContext.useComboboxContext();
+  const mergedProps = react$1.mergeProps(combobox.getListProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ComboboxList.displayName = "ComboboxList";
+
+exports.ComboboxList = ComboboxList;

package/dist/components/combobox/combobox-list.d.cts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface ComboboxListProps extends HTMLArkProps<'div'> {
+}
+export declare const ComboboxList: ForwardRefExoticComponent<ComboboxListProps & RefAttributes<HTMLDivElement>>;

package/dist/components/combobox/combobox-list.d.ts

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface ComboboxListProps extends HTMLArkProps<'div'> {
+}
+export declare const ComboboxList: ForwardRefExoticComponent<ComboboxListProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useComboboxContext } from './use-combobox-context.js';
+
+const ComboboxList = forwardRef((props, ref) => {
+  const combobox = useComboboxContext();
+  const mergedProps = mergeProps(combobox.getListProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ComboboxList.displayName = "ComboboxList";
+
+export { ComboboxList };

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

@@ -14,7 +14,7 @@ const ComboboxPositioner = react.forwardRef(
   (props, ref) => {
     const combobox = useComboboxContext.useComboboxContext();
     const presence = usePresenceContext.usePresenceContext();
-    const mergedProps = react$1.mergeProps(combobox.positionerProps, props);
+    const mergedProps = react$1.mergeProps(combobox.getPositionerProps(), props);
     if (presence.unmounted) {
       return null;
     }

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

@@ -10,7 +10,7 @@ const ComboboxPositioner = forwardRef(
   (props, ref) => {
     const combobox = useComboboxContext();
     const presence = usePresenceContext();
-    const mergedProps = mergeProps(combobox.positionerProps, props);
+    const mergedProps = mergeProps(combobox.getPositionerProps(), props);
     if (presence.unmounted) {
       return null;
     }

package/dist/components/combobox/combobox-root-provider.cjs

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useComboboxContext = require('./use-combobox-context.cjs');
+
+const ComboboxImpl = (props, ref) => {
+  const [presenceProps, comboboxProps] = splitPresenceProps.splitPresenceProps(props);
+  const [{ value: combobox }, localProps] = createSplitProps.createSplitProps()(
+    comboboxProps,
+    ["value"]
+  );
+  const presence = usePresence.usePresence(react$1.mergeProps({ present: combobox.open }, presenceProps));
+  const mergedProps = react$1.mergeProps(combobox.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useComboboxContext.ComboboxProvider, { value: combobox, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
+};
+const ComboboxRootProvider = react.forwardRef(ComboboxImpl);
+
+exports.ComboboxRootProvider = ComboboxRootProvider;

package/dist/components/combobox/combobox-root-provider.d.cts

@@ -0,0 +1,14 @@
+import { JSX, RefAttributes } from 'react';
+import { CollectionItem } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UsePresenceProps } from '../presence';
+import { UseComboboxReturn } from './use-combobox';
+
+interface RootProviderProps<T extends CollectionItem> {
+    value: UseComboboxReturn<T>;
+}
+export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLArkProps<'div'>, RootProviderProps<T>, UsePresenceProps {
+}
+export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProviderProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ComboboxRootProvider: ComboboxComponent;
+export {};

package/dist/components/combobox/combobox-root-provider.d.ts

@@ -0,0 +1,14 @@
+import { JSX, RefAttributes } from 'react';
+import { CollectionItem } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UsePresenceProps } from '../presence';
+import { UseComboboxReturn } from './use-combobox';
+
+interface RootProviderProps<T extends CollectionItem> {
+    value: UseComboboxReturn<T>;
+}
+export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLArkProps<'div'>, RootProviderProps<T>, UsePresenceProps {
+}
+export type ComboboxComponent = <T extends CollectionItem>(props: ComboboxRootProviderProps<T> & RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const ComboboxRootProvider: ComboboxComponent;
+export {};

package/dist/components/combobox/combobox-root-provider.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { splitPresenceProps } from '../presence/split-presence-props.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { ComboboxProvider } from './use-combobox-context.js';
+
+const ComboboxImpl = (props, ref) => {
+  const [presenceProps, comboboxProps] = splitPresenceProps(props);
+  const [{ value: combobox }, localProps] = createSplitProps()(
+    comboboxProps,
+    ["value"]
+  );
+  const presence = usePresence(mergeProps({ present: combobox.open }, presenceProps));
+  const mergedProps = mergeProps(combobox.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(ComboboxProvider, { value: combobox, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
+};
+const ComboboxRootProvider = forwardRef(ComboboxImpl);
+
+export { ComboboxRootProvider };

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

@@ -62,7 +62,7 @@ const ComboboxImpl = (props, ref) => {
   ]);
   const combobox = useCombobox.useCombobox(useComboboxProps);
   const presence = usePresence.usePresence(react$1.mergeProps({ present: combobox.open }, presenceProps));
-  const mergedProps = react$1.mergeProps(combobox.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(combobox.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useComboboxContext.ComboboxProvider, { value: combobox, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
 };
 const ComboboxRoot = react.forwardRef(ComboboxImpl);

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

@@ -58,7 +58,7 @@ const ComboboxImpl = (props, ref) => {
   ]);
   const combobox = useCombobox(useComboboxProps);
   const presence = usePresence(mergeProps({ present: combobox.open }, presenceProps));
-  const mergedProps = mergeProps(combobox.rootProps, localProps);
+  const mergedProps = mergeProps(combobox.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(ComboboxProvider, { value: combobox, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
 };
 const ComboboxRoot = forwardRef(ComboboxImpl);

package/dist/components/combobox/combobox.cjs

@@ -14,8 +14,10 @@ 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');
 
 
@@ -32,6 +34,8 @@ exports.ItemGroupLabel = comboboxItemGroupLabel.ComboboxItemGroupLabel;
 exports.ItemIndicator = comboboxItemIndicator.ComboboxItemIndicator;
 exports.ItemText = comboboxItemText.ComboboxItemText;
 exports.Label = comboboxLabel.ComboboxLabel;
+exports.List = comboboxList.ComboboxList;
 exports.Positioner = comboboxPositioner.ComboboxPositioner;
 exports.Root = comboboxRoot.ComboboxRoot;
+exports.RootProvider = comboboxRootProvider.ComboboxRootProvider;
 exports.Trigger = comboboxTrigger.ComboboxTrigger;

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

@@ -12,6 +12,8 @@ export { ComboboxItemGroupLabel as ItemGroupLabel, type ComboboxItemGroupLabelPr
 export { ComboboxItemIndicator as ItemIndicator, type ComboboxItemIndicatorProps as ItemIndicatorProps, } from './combobox-item-indicator';
 export { ComboboxItemText as ItemText, type ComboboxItemTextProps as ItemTextProps, } from './combobox-item-text';
 export { ComboboxLabel as Label, type ComboboxLabelProps as LabelProps } from './combobox-label';
+export { ComboboxList as List, type ComboboxListProps as ListProps } from './combobox-list';
 export { ComboboxPositioner as Positioner, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
 export { ComboboxRoot as Root, type ComboboxRootProps as RootProps } from './combobox-root';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
 export { ComboboxTrigger as Trigger, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger';

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

@@ -12,6 +12,8 @@ export { ComboboxItemGroupLabel as ItemGroupLabel, type ComboboxItemGroupLabelPr
 export { ComboboxItemIndicator as ItemIndicator, type ComboboxItemIndicatorProps as ItemIndicatorProps, } from './combobox-item-indicator';
 export { ComboboxItemText as ItemText, type ComboboxItemTextProps as ItemTextProps, } from './combobox-item-text';
 export { ComboboxLabel as Label, type ComboboxLabelProps as LabelProps } from './combobox-label';
+export { ComboboxList as List, type ComboboxListProps as ListProps } from './combobox-list';
 export { ComboboxPositioner as Positioner, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
 export { ComboboxRoot as Root, type ComboboxRootProps as RootProps } from './combobox-root';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
 export { ComboboxTrigger as Trigger, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger';

package/dist/components/combobox/combobox.js

@@ -10,6 +10,8 @@ export { ComboboxItemGroupLabel as ItemGroupLabel } from './combobox-item-group-
 export { ComboboxItemIndicator as ItemIndicator } from './combobox-item-indicator.js';
 export { ComboboxItemText as ItemText } from './combobox-item-text.js';
 export { ComboboxLabel as Label } from './combobox-label.js';
+export { ComboboxList as List } from './combobox-list.js';
 export { ComboboxPositioner as Positioner } from './combobox-positioner.js';
 export { ComboboxRoot as Root } from './combobox-root.js';
+export { ComboboxRootProvider as RootProvider } from './combobox-root-provider.js';
 export { ComboboxTrigger as Trigger } from './combobox-trigger.js';

package/dist/components/combobox/index.cjs

@@ -14,9 +14,12 @@ 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');
 const combobox = require('./combobox.cjs');
@@ -35,9 +38,12 @@ 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;

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

@@ -12,9 +12,12 @@ export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelProps, } from './com
 export { ComboboxItemIndicator, type ComboboxItemIndicatorProps } from './combobox-item-indicator';
 export { ComboboxItemText, type ComboboxItemTextProps } from './combobox-item-text';
 export { ComboboxLabel, type ComboboxLabelProps } from './combobox-label';
+export { ComboboxList, type ComboboxListProps } from './combobox-list';
 export { ComboboxPositioner, type ComboboxPositionerProps } from './combobox-positioner';
 export { ComboboxRoot, type ComboboxRootProps } from './combobox-root';
+export { ComboboxRootProvider, type ComboboxRootProviderProps } from './combobox-root-provider';
 export { ComboboxTrigger, type ComboboxTriggerProps } from './combobox-trigger';
+export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';
 export { useComboboxContext, type UseComboboxContext } from './use-combobox-context';
 export { useComboboxItemContext, type UseComboboxItemContext } from './use-combobox-item-context';
 export * as Combobox from './combobox';

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

@@ -12,9 +12,12 @@ export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelProps, } from './com
 export { ComboboxItemIndicator, type ComboboxItemIndicatorProps } from './combobox-item-indicator';
 export { ComboboxItemText, type ComboboxItemTextProps } from './combobox-item-text';
 export { ComboboxLabel, type ComboboxLabelProps } from './combobox-label';
+export { ComboboxList, type ComboboxListProps } from './combobox-list';
 export { ComboboxPositioner, type ComboboxPositionerProps } from './combobox-positioner';
 export { ComboboxRoot, type ComboboxRootProps } from './combobox-root';
+export { ComboboxRootProvider, type ComboboxRootProviderProps } from './combobox-root-provider';
 export { ComboboxTrigger, type ComboboxTriggerProps } from './combobox-trigger';
+export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';
 export { useComboboxContext, type UseComboboxContext } from './use-combobox-context';
 export { useComboboxItemContext, type UseComboboxItemContext } from './use-combobox-item-context';
 export * as Combobox from './combobox';

package/dist/components/combobox/index.js

@@ -10,9 +10,12 @@ 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';
 import * as combobox from './combobox.js';

package/dist/components/date-picker/date-picker-clear-trigger.cjs

@@ -12,7 +12,7 @@ const useDatePickerContext = require('./use-date-picker-context.cjs');
 const DatePickerClearTrigger = react.forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext.useDatePickerContext();
-    const mergedProps = react$1.mergeProps(datePicker.clearTriggerProps, props);
+    const mergedProps = react$1.mergeProps(datePicker.getClearTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/date-picker/date-picker-clear-trigger.js

@@ -8,7 +8,7 @@ import { useDatePickerContext } from './use-date-picker-context.js';
 const DatePickerClearTrigger = forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.clearTriggerProps, props);
+    const mergedProps = mergeProps(datePicker.getClearTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

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

@@ -14,7 +14,11 @@ const DatePickerContent = react.forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext.useDatePickerContext();
     const presence = usePresenceContext.usePresenceContext();
-    const mergedProps = react$1.mergeProps(datePicker.contentProps, presence.getPresenceProps(ref), props);
+    const mergedProps = react$1.mergeProps(
+      datePicker.getContentProps(),
+      presence.getPresenceProps(ref),
+      props
+    );
     if (presence.unmounted) {
       return null;
     }

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

@@ -10,7 +10,11 @@ const DatePickerContent = forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext();
     const presence = usePresenceContext();
-    const mergedProps = mergeProps(datePicker.contentProps, presence.getPresenceProps(ref), props);
+    const mergedProps = mergeProps(
+      datePicker.getContentProps(),
+      presence.getPresenceProps(ref),
+      props
+    );
     if (presence.unmounted) {
       return null;
     }

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

@@ -12,7 +12,7 @@ const useDatePickerContext = require('./use-date-picker-context.cjs');
 const DatePickerControl = react.forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext.useDatePickerContext();
-    const mergedProps = react$1.mergeProps(datePicker.controlProps, props);
+    const mergedProps = react$1.mergeProps(datePicker.getControlProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );

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

@@ -8,7 +8,7 @@ import { useDatePickerContext } from './use-date-picker-context.js';
 const DatePickerControl = forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.controlProps, props);
+    const mergedProps = mergeProps(datePicker.getControlProps(), props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );

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

@@ -11,7 +11,7 @@ const useDatePickerContext = require('./use-date-picker-context.cjs');
 
 const DatePickerLabel = react.forwardRef((props, ref) => {
   const datePicker = useDatePickerContext.useDatePickerContext();
-  const mergedProps = react$1.mergeProps(datePicker.labelProps, props);
+  const mergedProps = react$1.mergeProps(datePicker.getLabelProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
 DatePickerLabel.displayName = "DatePickerLabel";

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

@@ -7,7 +7,7 @@ import { useDatePickerContext } from './use-date-picker-context.js';
 
 const DatePickerLabel = forwardRef((props, ref) => {
   const datePicker = useDatePickerContext();
-  const mergedProps = mergeProps(datePicker.labelProps, props);
+  const mergedProps = mergeProps(datePicker.getLabelProps(), props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
 DatePickerLabel.displayName = "DatePickerLabel";

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

@@ -12,7 +12,7 @@ const useDatePickerContext = require('./use-date-picker-context.cjs');
 const DatePickerMonthSelect = react.forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext.useDatePickerContext();
-    const mergedProps = react$1.mergeProps(datePicker.monthSelectProps, props);
+    const mergedProps = react$1.mergeProps(datePicker.getMonthSelectProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.select, { ...mergedProps, ref, children: datePicker.getMonths().map((month, i) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: month.value, children: month.label }, i)) });
   }
 );

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

@@ -8,7 +8,7 @@ import { useDatePickerContext } from './use-date-picker-context.js';
 const DatePickerMonthSelect = forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.monthSelectProps, props);
+    const mergedProps = mergeProps(datePicker.getMonthSelectProps(), props);
     return /* @__PURE__ */ jsx(ark.select, { ...mergedProps, ref, children: datePicker.getMonths().map((month, i) => /* @__PURE__ */ jsx("option", { value: month.value, children: month.label }, i)) });
   }
 );

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

@@ -13,7 +13,7 @@ const useDatePickerContext = require('./use-date-picker-context.cjs');
 const DatePickerPositioner = react.forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext.useDatePickerContext();
-    const mergedProps = react$1.mergeProps(datePicker.positionerProps, props);
+    const mergedProps = react$1.mergeProps(datePicker.getPositionerProps(), props);
     const presence = usePresenceContext.usePresenceContext();
     if (presence.unmounted) {
       return null;

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

@@ -9,7 +9,7 @@ import { useDatePickerContext } from './use-date-picker-context.js';
 const DatePickerPositioner = forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.positionerProps, props);
+    const mergedProps = mergeProps(datePicker.getPositionerProps(), props);
     const presence = usePresenceContext();
     if (presence.unmounted) {
       return null;

package/dist/components/date-picker/date-picker-range-text.cjs

@@ -12,7 +12,7 @@ const useDatePickerContext = require('./use-date-picker-context.cjs');
 const DatePickerRangeText = react.forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext.useDatePickerContext();
-    const mergedProps = react$1.mergeProps(datePicker.rangeTextProps, props);
+    const mergedProps = react$1.mergeProps(datePicker.getRangeTextProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: datePicker.visibleRangeText.start });
   }
 );

package/dist/components/date-picker/date-picker-range-text.js

@@ -8,7 +8,7 @@ import { useDatePickerContext } from './use-date-picker-context.js';
 const DatePickerRangeText = forwardRef(
   (props, ref) => {
     const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.rangeTextProps, props);
+    const mergedProps = mergeProps(datePicker.getRangeTextProps(), props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: datePicker.visibleRangeText.start });
   }
 );

package/dist/components/date-picker/date-picker-root-provider.cjs

@@ -0,0 +1,30 @@
+'use client';
+'use strict';
+
+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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+
+const DatePickerRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [presenceProps, datePickerProps] = splitPresenceProps.splitPresenceProps(props);
+    const [{ value: datePicker }, localProps] = createSplitProps.createSplitProps()(
+      datePickerProps,
+      ["value"]
+    );
+    const presence = usePresence.usePresence(react$1.mergeProps({ present: datePicker.open }, presenceProps));
+    const mergedProps = react$1.mergeProps(datePicker.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useDatePickerContext.DatePickerProvider, { value: datePicker, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
+  }
+);
+DatePickerRootProvider.displayName = "DatePickerRootProvider";
+
+exports.DatePickerRootProvider = DatePickerRootProvider;

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

@@ -0,0 +1,12 @@
+import { HTMLArkProps } from '../factory';
+import { UsePresenceProps } from '../presence';
+import { UseDatePickerReturn } from './use-date-picker';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseDatePickerReturn;
+}
+export interface DatePickerRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, UsePresenceProps {
+}
+export declare const DatePickerRootProvider: ForwardRefExoticComponent<DatePickerRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/date-picker/date-picker-root-provider.d.ts

@@ -0,0 +1,12 @@
+import { HTMLArkProps } from '../factory';
+import { UsePresenceProps } from '../presence';
+import { UseDatePickerReturn } from './use-date-picker';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseDatePickerReturn;
+}
+export interface DatePickerRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, UsePresenceProps {
+}
+export declare const DatePickerRootProvider: ForwardRefExoticComponent<DatePickerRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};