@ark-ui/react 4.9.2 → 5.0.0

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

@@ -1,19 +1,18 @@
 'use client';
 import * as combobox from '@zag-js/combobox';
 import { useMachine, normalizeProps } from '@zag-js/react';
-import { useId, useEffect } from 'react';
+import { useId } 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';
 import { useFieldContext } from '../field/use-field-context.js';
 
 const useCombobox = (props) => {
-  const { collection, ...comboboxProps } = props;
+  const id = useId();
   const { dir } = useLocaleContext();
   const { getRootNode } = useEnvironmentContext();
   const field = useFieldContext();
-  const initialContext = {
-    id: useId(),
+  const machineProps = {
+    id,
     ids: {
       label: field?.ids.label,
       input: field?.ids.control
@@ -24,30 +23,10 @@ const useCombobox = (props) => {
     invalid: field?.invalid,
     dir,
     getRootNode,
-    collection,
-    open: props.defaultOpen,
-    value: props.defaultValue,
-    "open.controlled": props.open !== void 0,
-    ...comboboxProps
+    ...props
   };
-  const context = (() => {
-    const { collection: _, ...restProps } = initialContext;
-    return {
-      ...restProps,
-      value: props.value,
-      onValueChange: useEvent(props.onValueChange),
-      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);
+  const service = useMachine(combobox.machine, machineProps);
+  return combobox.connect(service, normalizeProps);
 };
 
 export { useCombobox };

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

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

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 
-const DatePickerClearTrigger = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.getClearTriggerProps(), props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerClearTrigger = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(datePicker.getClearTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 DatePickerClearTrigger.displayName = "DatePickerClearTrigger";
 
 export { DatePickerClearTrigger };

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

@@ -11,17 +11,15 @@ const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
-const DatePickerContent = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const presence = usePresenceContext.usePresenceContext();
-    const mergedProps = react$1.mergeProps(datePicker.getContentProps(), presence.getPresenceProps(), props);
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
+const DatePickerContent = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const presence = usePresenceContext.usePresenceContext();
+  const mergedProps = react$1.mergeProps(datePicker.getContentProps(), presence.getPresenceProps(), props);
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
+});
 DatePickerContent.displayName = "DatePickerContent";
 
 exports.DatePickerContent = DatePickerContent;

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

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

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

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

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 
-const DatePickerControl = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.getControlProps(), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const DatePickerControl = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(datePicker.getControlProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 DatePickerControl.displayName = "DatePickerControl";
 
 export { DatePickerControl };

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

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
-const DatePickerMonthSelect = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    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)) });
-  }
-);
+const DatePickerMonthSelect = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  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)) });
+});
 DatePickerMonthSelect.displayName = "DatePickerMonthSelect";
 
 exports.DatePickerMonthSelect = DatePickerMonthSelect;

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 
-const DatePickerMonthSelect = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    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)) });
-  }
-);
+const DatePickerMonthSelect = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  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)) });
+});
 DatePickerMonthSelect.displayName = "DatePickerMonthSelect";
 
 export { DatePickerMonthSelect };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
-const DatePickerNextTrigger = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getNextTriggerProps(viewProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerNextTrigger = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getNextTriggerProps(viewProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 DatePickerNextTrigger.displayName = "DatePickerNextTrigger";
 
 exports.DatePickerNextTrigger = DatePickerNextTrigger;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
 
-const DatePickerNextTrigger = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext();
-    const mergedProps = mergeProps(datePicker.getNextTriggerProps(viewProps), props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerNextTrigger = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext();
+  const mergedProps = mergeProps(datePicker.getNextTriggerProps(viewProps), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 DatePickerNextTrigger.displayName = "DatePickerNextTrigger";
 
 export { DatePickerNextTrigger };

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

@@ -10,17 +10,15 @@ const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
-const DatePickerPositioner = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const mergedProps = react$1.mergeProps(datePicker.getPositionerProps(), props);
-    const presence = usePresenceContext.usePresenceContext();
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+const DatePickerPositioner = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const mergedProps = react$1.mergeProps(datePicker.getPositionerProps(), props);
+  const presence = usePresenceContext.usePresenceContext();
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 DatePickerPositioner.displayName = "DatePickerPositioner";
 
 exports.DatePickerPositioner = DatePickerPositioner;

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

@@ -6,17 +6,15 @@ import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 
-const DatePickerPositioner = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.getPositionerProps(), props);
-    const presence = usePresenceContext();
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+const DatePickerPositioner = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(datePicker.getPositionerProps(), props);
+  const presence = usePresenceContext();
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 DatePickerPositioner.displayName = "DatePickerPositioner";
 
 export { DatePickerPositioner };

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

@@ -10,16 +10,12 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
-const DatePickerPresetTrigger = react.forwardRef(
-  (props, ref) => {
-    const [presetTriggerProps, localProps] = createSplitProps.createSplitProps()(props, [
-      "value"
-    ]);
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const mergedProps = react$1.mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerPresetTrigger = react.forwardRef((props, ref) => {
+  const [presetTriggerProps, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const mergedProps = react$1.mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 DatePickerPresetTrigger.displayName = "DatePickerPresetTrigger";
 
 exports.DatePickerPresetTrigger = DatePickerPresetTrigger;

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

@@ -6,16 +6,12 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 
-const DatePickerPresetTrigger = forwardRef(
-  (props, ref) => {
-    const [presetTriggerProps, localProps] = createSplitProps()(props, [
-      "value"
-    ]);
-    const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), localProps);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerPresetTrigger = forwardRef((props, ref) => {
+  const [presetTriggerProps, localProps] = createSplitProps()(props, ["value"]);
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), localProps);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 DatePickerPresetTrigger.displayName = "DatePickerPresetTrigger";
 
 export { DatePickerPresetTrigger };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
-const DatePickerPrevTrigger = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getPrevTriggerProps(viewProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerPrevTrigger = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getPrevTriggerProps(viewProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 DatePickerPrevTrigger.displayName = "DatePickerPrevTrigger";
 
 exports.DatePickerPrevTrigger = DatePickerPrevTrigger;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
 
-const DatePickerPrevTrigger = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext();
-    const mergedProps = mergeProps(datePicker.getPrevTriggerProps(viewProps), props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerPrevTrigger = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext();
+  const mergedProps = mergeProps(datePicker.getPrevTriggerProps(viewProps), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 DatePickerPrevTrigger.displayName = "DatePickerPrevTrigger";
 
 export { DatePickerPrevTrigger };

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

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

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 
-const DatePickerRangeText = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.getRangeTextProps(), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: datePicker.visibleRangeText.start });
-  }
-);
+const DatePickerRangeText = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(datePicker.getRangeTextProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: datePicker.visibleRangeText.start });
+});
 DatePickerRangeText.displayName = "DatePickerRangeText";
 
 export { DatePickerRangeText };

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

@@ -13,18 +13,13 @@ 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 }) }) });
-  }
-);
+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.js

@@ -9,18 +9,13 @@ import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
 import { DatePickerProvider } from './use-date-picker-context.js';
 
-const DatePickerRootProvider = forwardRef(
-  (props, ref) => {
-    const [presenceProps, datePickerProps] = splitPresenceProps(props);
-    const [{ value: datePicker }, localProps] = createSplitProps()(
-      datePickerProps,
-      ["value"]
-    );
-    const presence = usePresence(mergeProps({ present: datePicker.open }, presenceProps));
-    const mergedProps = mergeProps(datePicker.getRootProps(), localProps);
-    return /* @__PURE__ */ jsx(DatePickerProvider, { value: datePicker, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
-  }
-);
+const DatePickerRootProvider = forwardRef((props, ref) => {
+  const [presenceProps, datePickerProps] = splitPresenceProps(props);
+  const [{ value: datePicker }, localProps] = createSplitProps()(datePickerProps, ["value"]);
+  const presence = usePresence(mergeProps({ present: datePicker.open }, presenceProps));
+  const mergedProps = mergeProps(datePicker.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(DatePickerProvider, { value: datePicker, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
+});
 DatePickerRootProvider.displayName = "DatePickerRootProvider";
 
 export { DatePickerRootProvider };

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

@@ -21,6 +21,7 @@ const DatePickerRoot = react.forwardRef((props, ref) => {
     "defaultOpen",
     "defaultValue",
     "defaultView",
+    "defaultFocusedValue",
     "disabled",
     "fixedWeeks",
     "focusedValue",

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

@@ -17,6 +17,7 @@ const DatePickerRoot = forwardRef((props, ref) => {
     "defaultOpen",
     "defaultValue",
     "defaultView",
+    "defaultFocusedValue",
     "disabled",
     "fixedWeeks",
     "focusedValue",

package/dist/components/date-picker/date-picker-table-body.cjs

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerTablePropsContext = require('./use-date-picker-table-props-context.cjs');
 
-const DatePickerTableBody = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getTableBodyProps(tableProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.tbody, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableBody = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getTableBodyProps(tableProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.tbody, { ...mergedProps, ref });
+});
 DatePickerTableBody.displayName = "DatePickerTableBody";
 
 exports.DatePickerTableBody = DatePickerTableBody;

package/dist/components/date-picker/date-picker-table-body.js

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js';
 
-const DatePickerTableBody = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext();
-    const mergedProps = mergeProps(datePicker.getTableBodyProps(tableProps), props);
-    return /* @__PURE__ */ jsx(ark.tbody, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableBody = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext();
+  const mergedProps = mergeProps(datePicker.getTableBodyProps(tableProps), props);
+  return /* @__PURE__ */ jsx(ark.tbody, { ...mergedProps, ref });
+});
 DatePickerTableBody.displayName = "DatePickerTableBody";
 
 export { DatePickerTableBody };