@ark-ui/react 2.2.3 → 3.0.0-0

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+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.controlProps, props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+DatePickerControl.displayName = "DatePickerControl";
+
+export { DatePickerControl };

package/dist/date-picker/date-picker-input.cjs

@@ -0,0 +1,21 @@
+'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('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+
+const DatePickerInput = react.forwardRef((props, ref) => {
+  const [inputProps, localProps] = createSplitProps.createSplitProps()(props, ["index"]);
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const mergedProps = react$1.mergeProps(datePicker.getInputProps(inputProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
+});
+DatePickerInput.displayName = "DatePickerInput";
+
+exports.DatePickerInput = DatePickerInput;

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

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { Assign } from '../types';
+import { HTMLArkProps } from '../factory';
+import { InputProps } from '@zag-js/date-picker';
+
+export interface DatePickerInputProps extends Assign<HTMLArkProps<'input'>, InputProps> {
+}
+export declare const DatePickerInput: ForwardRefExoticComponent<DatePickerInputProps & RefAttributes<HTMLInputElement>>;

package/dist/date-picker/date-picker-input.d.ts

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { Assign } from '../types';
+import { HTMLArkProps } from '../factory';
+import { InputProps } from '@zag-js/date-picker';
+
+export interface DatePickerInputProps extends Assign<HTMLArkProps<'input'>, InputProps> {
+}
+export declare const DatePickerInput: ForwardRefExoticComponent<DatePickerInputProps & RefAttributes<HTMLInputElement>>;

package/dist/date-picker/date-picker-input.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../create-split-props.js';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+
+const DatePickerInput = forwardRef((props, ref) => {
+  const [inputProps, localProps] = createSplitProps()(props, ["index"]);
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(datePicker.getInputProps(inputProps), localProps);
+  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
+});
+DatePickerInput.displayName = "DatePickerInput";
+
+export { DatePickerInput };

package/dist/date-picker/date-picker-label.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 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);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+});
+DatePickerLabel.displayName = "DatePickerLabel";
+
+exports.DatePickerLabel = DatePickerLabel;

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

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const DatePickerLabel: ForwardRefExoticComponent<DatePickerLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/date-picker/date-picker-label.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const DatePickerLabel: ForwardRefExoticComponent<DatePickerLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/date-picker/date-picker-label.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 { useDatePickerContext } from './use-date-picker-context.js';
+
+const DatePickerLabel = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(datePicker.labelProps, props);
+  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+});
+DatePickerLabel.displayName = "DatePickerLabel";
+
+export { DatePickerLabel };

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

@@ -0,0 +1,21 @@
+'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 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);
+    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/date-picker/date-picker-month-select.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerMonthSelectProps extends HTMLArkProps<'select'> {
+}
+export declare const DatePickerMonthSelect: ForwardRefExoticComponent<DatePickerMonthSelectProps & RefAttributes<HTMLSelectElement>>;

package/dist/date-picker/date-picker-month-select.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerMonthSelectProps extends HTMLArkProps<'select'> {
+}
+export declare const DatePickerMonthSelect: ForwardRefExoticComponent<DatePickerMonthSelectProps & RefAttributes<HTMLSelectElement>>;

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+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.monthSelectProps, 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/date-picker/date-picker-next-trigger.cjs

@@ -0,0 +1,23 @@
+'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 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 });
+  }
+);
+DatePickerNextTrigger.displayName = "DatePickerNextTrigger";
+
+exports.DatePickerNextTrigger = DatePickerNextTrigger;

package/dist/date-picker/date-picker-next-trigger.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerNextTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const DatePickerNextTrigger: ForwardRefExoticComponent<DatePickerNextTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/date-picker/date-picker-next-trigger.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerNextTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const DatePickerNextTrigger: ForwardRefExoticComponent<DatePickerNextTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+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 });
+  }
+);
+DatePickerNextTrigger.displayName = "DatePickerNextTrigger";
+
+export { DatePickerNextTrigger };

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

@@ -0,0 +1,26 @@
+'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 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.positionerProps, props);
+    const presence = usePresenceContext.usePresenceContext();
+    if (presence.isUnmounted) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+DatePickerPositioner.displayName = "DatePickerPositioner";
+
+exports.DatePickerPositioner = DatePickerPositioner;

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

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

package/dist/date-picker/date-picker-positioner.d.ts

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+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.positionerProps, props);
+    const presence = usePresenceContext();
+    if (presence.isUnmounted) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+DatePickerPositioner.displayName = "DatePickerPositioner";
+
+export { DatePickerPositioner };

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

@@ -0,0 +1,25 @@
+'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('../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 });
+  }
+);
+DatePickerPresetTrigger.displayName = "DatePickerPresetTrigger";
+
+exports.DatePickerPresetTrigger = DatePickerPresetTrigger;

package/dist/date-picker/date-picker-preset-trigger.d.cts

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { Assign } from '../types';
+import { HTMLArkProps } from '../factory';
+import { PresetTriggerProps } from '@zag-js/date-picker';
+
+export interface DatePickerPresetTriggerProps extends Assign<HTMLArkProps<'button'>, PresetTriggerProps> {
+}
+export declare const DatePickerPresetTrigger: ForwardRefExoticComponent<DatePickerPresetTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/date-picker/date-picker-preset-trigger.d.ts

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { Assign } from '../types';
+import { HTMLArkProps } from '../factory';
+import { PresetTriggerProps } from '@zag-js/date-picker';
+
+export interface DatePickerPresetTriggerProps extends Assign<HTMLArkProps<'button'>, PresetTriggerProps> {
+}
+export declare const DatePickerPresetTrigger: ForwardRefExoticComponent<DatePickerPresetTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,21 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../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 });
+  }
+);
+DatePickerPresetTrigger.displayName = "DatePickerPresetTrigger";
+
+export { DatePickerPresetTrigger };

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

@@ -0,0 +1,23 @@
+'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 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 });
+  }
+);
+DatePickerPrevTrigger.displayName = "DatePickerPrevTrigger";
+
+exports.DatePickerPrevTrigger = DatePickerPrevTrigger;

package/dist/date-picker/date-picker-prev-trigger.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerPrevTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const DatePickerPrevTrigger: ForwardRefExoticComponent<DatePickerPrevTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/date-picker/date-picker-prev-trigger.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerPrevTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const DatePickerPrevTrigger: ForwardRefExoticComponent<DatePickerPrevTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+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 });
+  }
+);
+DatePickerPrevTrigger.displayName = "DatePickerPrevTrigger";
+
+export { DatePickerPrevTrigger };

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

@@ -0,0 +1,21 @@
+'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 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);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: datePicker.visibleRangeText.start });
+  }
+);
+DatePickerRangeText.displayName = "DatePickerRangeText";
+
+exports.DatePickerRangeText = DatePickerRangeText;

package/dist/date-picker/date-picker-range-text.d.cts

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

package/dist/date-picker/date-picker-range-text.d.ts

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

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+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.rangeTextProps, props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: datePicker.visibleRangeText.start });
+  }
+);
+DatePickerRangeText.displayName = "DatePickerRangeText";
+
+export { DatePickerRangeText };

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

@@ -0,0 +1,59 @@
+'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('../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 useDatePicker = require('./use-date-picker.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+
+const DatePickerRoot = react.forwardRef((props, ref) => {
+  const [presenceProps, datePickerProps] = splitPresenceProps.splitPresenceProps(props);
+  const [useDatePickerProps, localProps] = createSplitProps.createSplitProps()(datePickerProps, [
+    "closeOnSelect",
+    "defaultValue",
+    "dir",
+    "disabled",
+    "fixedWeeks",
+    "focusedValue",
+    "format",
+    "getRootNode",
+    "id",
+    "ids",
+    "isDateUnavailable",
+    "isDateUnavailable",
+    "locale",
+    "max",
+    "min",
+    "modal",
+    "name",
+    "numOfMonths",
+    "onFocusChange",
+    "onOpenChange",
+    "onValueChange",
+    "onViewChange",
+    "open",
+    "positioning",
+    "readOnly",
+    "selectionMode",
+    "startOfWeek",
+    "timeZone",
+    "translations",
+    "value",
+    "view"
+  ]);
+  const datePicker = useDatePicker.useDatePicker(useDatePickerProps);
+  const presence = usePresence.usePresence(react$1.mergeProps({ present: datePicker.isOpen }, presenceProps));
+  const mergedProps = react$1.mergeProps(datePicker.rootProps, 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 }) }) });
+});
+DatePickerRoot.displayName = "DatePickerRoot";
+
+exports.DatePickerRoot = DatePickerRoot;

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

@@ -0,0 +1,9 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { UseDatePickerProps } from './use-date-picker';
+import { Assign } from '../types';
+import { UsePresenceProps } from '../presence';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerRootProps extends Assign<HTMLArkProps<'div'>, UseDatePickerProps>, UsePresenceProps {
+}
+export declare const DatePickerRoot: ForwardRefExoticComponent<DatePickerRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { UseDatePickerProps } from './use-date-picker';
+import { Assign } from '../types';
+import { UsePresenceProps } from '../presence';
+import { HTMLArkProps } from '../factory';
+
+export interface DatePickerRootProps extends Assign<HTMLArkProps<'div'>, UseDatePickerProps>, UsePresenceProps {
+}
+export declare const DatePickerRoot: ForwardRefExoticComponent<DatePickerRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,55 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../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 { useDatePicker } from './use-date-picker.js';
+import { DatePickerProvider } from './use-date-picker-context.js';
+
+const DatePickerRoot = forwardRef((props, ref) => {
+  const [presenceProps, datePickerProps] = splitPresenceProps(props);
+  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, [
+    "closeOnSelect",
+    "defaultValue",
+    "dir",
+    "disabled",
+    "fixedWeeks",
+    "focusedValue",
+    "format",
+    "getRootNode",
+    "id",
+    "ids",
+    "isDateUnavailable",
+    "isDateUnavailable",
+    "locale",
+    "max",
+    "min",
+    "modal",
+    "name",
+    "numOfMonths",
+    "onFocusChange",
+    "onOpenChange",
+    "onValueChange",
+    "onViewChange",
+    "open",
+    "positioning",
+    "readOnly",
+    "selectionMode",
+    "startOfWeek",
+    "timeZone",
+    "translations",
+    "value",
+    "view"
+  ]);
+  const datePicker = useDatePicker(useDatePickerProps);
+  const presence = usePresence(mergeProps({ present: datePicker.isOpen }, presenceProps));
+  const mergedProps = mergeProps(datePicker.rootProps, localProps);
+  return /* @__PURE__ */ jsx(DatePickerProvider, { value: datePicker, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
+});
+DatePickerRoot.displayName = "DatePickerRoot";
+
+export { DatePickerRoot };