@ark-ui/react 4.9.2 → 5.0.0

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

@@ -12,26 +12,24 @@ const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerTableCellPropsContext = require('./use-date-picker-table-cell-props-context.cjs');
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
-const DatePickerTableCell = react.forwardRef(
-  (props, ref) => {
-    const [cellProps, localProps] = createSplitProps.createSplitProps()(props, [
-      "disabled",
-      "value",
-      "visibleRange",
-      "columns"
-    ]);
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
-    const tableCellProps = {
-      day: datePicker.getDayTableCellProps,
-      month: datePicker.getMonthTableCellProps,
-      year: datePicker.getYearTableCellProps
-      // @ts-expect-error value is number filter
-    }[viewProps.view](cellProps);
-    const mergedProps = react$1.mergeProps(tableCellProps, localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(useDatePickerTableCellPropsContext.DatePickerTableCellPropsProvider, { value: cellProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.td, { ref, ...mergedProps }) });
-  }
-);
+const DatePickerTableCell = react.forwardRef((props, ref) => {
+  const [cellProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "disabled",
+    "value",
+    "visibleRange",
+    "columns"
+  ]);
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
+  const tableCellProps = {
+    day: datePicker.getDayTableCellProps,
+    month: datePicker.getMonthTableCellProps,
+    year: datePicker.getYearTableCellProps
+    // @ts-expect-error value is number filter
+  }[viewProps.view](cellProps);
+  const mergedProps = react$1.mergeProps(tableCellProps, localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useDatePickerTableCellPropsContext.DatePickerTableCellPropsProvider, { value: cellProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.td, { ref, ...mergedProps }) });
+});
 DatePickerTableCell.displayName = "DatePickerTableCell";
 
 exports.DatePickerTableCell = DatePickerTableCell;

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

@@ -8,26 +8,24 @@ import { useDatePickerContext } from './use-date-picker-context.js';
 import { DatePickerTableCellPropsProvider } from './use-date-picker-table-cell-props-context.js';
 import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
 
-const DatePickerTableCell = forwardRef(
-  (props, ref) => {
-    const [cellProps, localProps] = createSplitProps()(props, [
-      "disabled",
-      "value",
-      "visibleRange",
-      "columns"
-    ]);
-    const datePicker = useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext();
-    const tableCellProps = {
-      day: datePicker.getDayTableCellProps,
-      month: datePicker.getMonthTableCellProps,
-      year: datePicker.getYearTableCellProps
-      // @ts-expect-error value is number filter
-    }[viewProps.view](cellProps);
-    const mergedProps = mergeProps(tableCellProps, localProps);
-    return /* @__PURE__ */ jsx(DatePickerTableCellPropsProvider, { value: cellProps, children: /* @__PURE__ */ jsx(ark.td, { ref, ...mergedProps }) });
-  }
-);
+const DatePickerTableCell = forwardRef((props, ref) => {
+  const [cellProps, localProps] = createSplitProps()(props, [
+    "disabled",
+    "value",
+    "visibleRange",
+    "columns"
+  ]);
+  const datePicker = useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext();
+  const tableCellProps = {
+    day: datePicker.getDayTableCellProps,
+    month: datePicker.getMonthTableCellProps,
+    year: datePicker.getYearTableCellProps
+    // @ts-expect-error value is number filter
+  }[viewProps.view](cellProps);
+  const mergedProps = mergeProps(tableCellProps, localProps);
+  return /* @__PURE__ */ jsx(DatePickerTableCellPropsProvider, { value: cellProps, children: /* @__PURE__ */ jsx(ark.td, { ref, ...mergedProps }) });
+});
 DatePickerTableCell.displayName = "DatePickerTableCell";
 
 export { DatePickerTableCell };

package/dist/components/date-picker/date-picker-table-head.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 DatePickerTableHead = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getTableHeadProps(tableProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.thead, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableHead = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getTableHeadProps(tableProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.thead, { ...mergedProps, ref });
+});
 DatePickerTableHead.displayName = "DatePickerTableHead";
 
 exports.DatePickerTableHead = DatePickerTableHead;

package/dist/components/date-picker/date-picker-table-head.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 DatePickerTableHead = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext();
-    const mergedProps = mergeProps(datePicker.getTableHeadProps(tableProps), props);
-    return /* @__PURE__ */ jsx(ark.thead, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableHead = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext();
+  const mergedProps = mergeProps(datePicker.getTableHeadProps(tableProps), props);
+  return /* @__PURE__ */ jsx(ark.thead, { ...mergedProps, ref });
+});
 DatePickerTableHead.displayName = "DatePickerTableHead";
 
 export { DatePickerTableHead };

package/dist/components/date-picker/date-picker-table-header.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 DatePickerTableHeader = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getTableHeaderProps(tableProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.th, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableHeader = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getTableHeaderProps(tableProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.th, { ...mergedProps, ref });
+});
 DatePickerTableHeader.displayName = "DatePickerTableHeader";
 
 exports.DatePickerTableHeader = DatePickerTableHeader;

package/dist/components/date-picker/date-picker-table-header.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 DatePickerTableHeader = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext();
-    const mergedProps = mergeProps(datePicker.getTableHeaderProps(tableProps), props);
-    return /* @__PURE__ */ jsx(ark.th, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableHeader = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext();
+  const mergedProps = mergeProps(datePicker.getTableHeaderProps(tableProps), props);
+  return /* @__PURE__ */ jsx(ark.th, { ...mergedProps, ref });
+});
 DatePickerTableHeader.displayName = "DatePickerTableHeader";
 
 export { DatePickerTableHeader };

package/dist/components/date-picker/date-picker-table-row.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 DatePickerTableRow = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getTableRowProps(tableProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.tr, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableRow = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getTableRowProps(tableProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.tr, { ...mergedProps, ref });
+});
 DatePickerTableRow.displayName = "DatePickerTableRow";
 
 exports.DatePickerTableRow = DatePickerTableRow;

package/dist/components/date-picker/date-picker-table-row.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 DatePickerTableRow = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const tableProps = useDatePickerTablePropsContext();
-    const mergedProps = mergeProps(datePicker.getTableRowProps(tableProps), props);
-    return /* @__PURE__ */ jsx(ark.tr, { ...mergedProps, ref });
-  }
-);
+const DatePickerTableRow = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext();
+  const mergedProps = mergeProps(datePicker.getTableRowProps(tableProps), props);
+  return /* @__PURE__ */ jsx(ark.tr, { ...mergedProps, ref });
+});
 DatePickerTableRow.displayName = "DatePickerTableRow";
 
 export { DatePickerTableRow };

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

@@ -13,9 +13,7 @@ const useDatePickerTablePropsContext = require('./use-date-picker-table-props-co
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
 const DatePickerTable = react.forwardRef((props, ref) => {
-  const [{ columns }, localProps] = createSplitProps.createSplitProps()(props, [
-    "columns"
-  ]);
+  const [{ columns }, localProps] = createSplitProps.createSplitProps()(props, ["columns"]);
   const datePicker = useDatePickerContext.useDatePickerContext();
   const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
   const tableProps = { columns, id: react.useId(), ...viewProps };

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

@@ -9,9 +9,7 @@ import { DatePickerTablePropsProvider } from './use-date-picker-table-props-cont
 import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
 
 const DatePickerTable = forwardRef((props, ref) => {
-  const [{ columns }, localProps] = createSplitProps()(props, [
-    "columns"
-  ]);
+  const [{ columns }, localProps] = createSplitProps()(props, ["columns"]);
   const datePicker = useDatePickerContext();
   const viewProps = useDatePickerViewPropsContext();
   const tableProps = { columns, id: useId(), ...viewProps };

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

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

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

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

package/dist/components/date-picker/date-picker-view-control.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 DatePickerViewControl = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getViewControlProps(viewProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const DatePickerViewControl = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getViewControlProps(viewProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 DatePickerViewControl.displayName = "DatePickerViewControl";
 
 exports.DatePickerViewControl = DatePickerViewControl;

package/dist/components/date-picker/date-picker-view-control.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 DatePickerViewControl = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext();
-    const mergedProps = mergeProps(datePicker.getViewControlProps(viewProps), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const DatePickerViewControl = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext();
+  const mergedProps = mergeProps(datePicker.getViewControlProps(viewProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 DatePickerViewControl.displayName = "DatePickerViewControl";
 
 export { DatePickerViewControl };

package/dist/components/date-picker/date-picker-view-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 DatePickerViewTrigger = react.forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext.useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
-    const mergedProps = react$1.mergeProps(datePicker.getViewTriggerProps(viewProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerViewTrigger = react.forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext.useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
+  const mergedProps = react$1.mergeProps(datePicker.getViewTriggerProps(viewProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 DatePickerViewTrigger.displayName = "DatePickerViewTrigger";
 
 exports.DatePickerViewTrigger = DatePickerViewTrigger;

package/dist/components/date-picker/date-picker-view-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 DatePickerViewTrigger = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const viewProps = useDatePickerViewPropsContext();
-    const mergedProps = mergeProps(datePicker.getViewTriggerProps(viewProps), props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const DatePickerViewTrigger = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext();
+  const mergedProps = mergeProps(datePicker.getViewTriggerProps(viewProps), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 DatePickerViewTrigger.displayName = "DatePickerViewTrigger";
 
 export { DatePickerViewTrigger };

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

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
-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: datePicker.getYears().map((year, i) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: year.value, children: year.label }, i)) });
-  }
-);
+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: datePicker.getYears().map((year, i) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: year.value, children: year.label }, i)) });
+});
 DatePickerYearSelect.displayName = "DatePickerYearSelect";
 
 exports.DatePickerYearSelect = DatePickerYearSelect;

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 
-const DatePickerYearSelect = forwardRef(
-  (props, ref) => {
-    const datePicker = useDatePickerContext();
-    const mergedProps = mergeProps(datePicker.getYearSelectProps(), props);
-    return /* @__PURE__ */ jsx(ark.select, { ...mergedProps, ref, children: datePicker.getYears().map((year, i) => /* @__PURE__ */ jsx("option", { value: year.value, children: year.label }, i)) });
-  }
-);
+const DatePickerYearSelect = forwardRef((props, ref) => {
+  const datePicker = useDatePickerContext();
+  const mergedProps = mergeProps(datePicker.getYearSelectProps(), props);
+  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";
 
 export { DatePickerYearSelect };

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

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "clearTrigger" | "monthSelect" | "nextTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger">;
+export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "nextTrigger" | "prevTrigger" | "control" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;

package/dist/components/date-picker/date-picker.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "clearTrigger" | "monthSelect" | "nextTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger">;
+export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "nextTrigger" | "prevTrigger" | "control" | "positioner" | "clearTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl">;

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

@@ -1,7 +1,7 @@
 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 { DatePickerContext as Context, type DatePickerContextProps as ContextProps } from './date-picker-context';
 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';

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

@@ -1,7 +1,7 @@
 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 { DatePickerContext as Context, type DatePickerContextProps as ContextProps } from './date-picker-context';
 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';

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

@@ -1,28 +1,28 @@
 export { parse as parseDate } from '@zag-js/date-picker';
 export type { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, DateValue, } from '@zag-js/date-picker';
 export { DatePickerClearTrigger, type DatePickerClearTriggerBaseProps, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger';
-export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps, } from './date-picker-content';
+export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps } from './date-picker-content';
 export { DatePickerContext, type DatePickerContextProps } from './date-picker-context';
-export { DatePickerControl, type DatePickerControlBaseProps, type DatePickerControlProps, } from './date-picker-control';
-export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps, } from './date-picker-input';
-export { DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps, } from './date-picker-label';
+export { DatePickerControl, type DatePickerControlBaseProps, type DatePickerControlProps } from './date-picker-control';
+export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps } from './date-picker-input';
+export { DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps } from './date-picker-label';
 export { DatePickerMonthSelect, type DatePickerMonthSelectBaseProps, type DatePickerMonthSelectProps, } from './date-picker-month-select';
 export { DatePickerNextTrigger, type DatePickerNextTriggerBaseProps, type DatePickerNextTriggerProps, } from './date-picker-next-trigger';
 export { DatePickerPositioner, type DatePickerPositionerBaseProps, type DatePickerPositionerProps, } from './date-picker-positioner';
 export { DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, } from './date-picker-preset-trigger';
 export { DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text';
-export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps, } from './date-picker-root';
+export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root';
 export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider';
-export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps, } from './date-picker-table';
+export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table';
 export { DatePickerTableBody, type DatePickerTableBodyBaseProps, type DatePickerTableBodyProps, } from './date-picker-table-body';
 export { DatePickerTableCell, type DatePickerTableCellBaseProps, type DatePickerTableCellProps, } from './date-picker-table-cell';
 export { DatePickerTableCellTrigger, type DatePickerTableCellTriggerBaseProps, type DatePickerTableCellTriggerProps, } from './date-picker-table-cell-trigger';
 export { DatePickerTableHead, type DatePickerTableHeadBaseProps, type DatePickerTableHeadProps, } from './date-picker-table-head';
 export { DatePickerTableHeader, type DatePickerTableHeaderBaseProps, type DatePickerTableHeaderProps, } from './date-picker-table-header';
 export { DatePickerTableRow, type DatePickerTableRowBaseProps, type DatePickerTableRowProps, } from './date-picker-table-row';
-export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps, } from './date-picker-trigger';
-export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps, } from './date-picker-view';
+export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps } from './date-picker-trigger';
+export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps } from './date-picker-view';
 export { DatePickerViewControl, type DatePickerViewControlBaseProps, type DatePickerViewControlProps, } from './date-picker-view-control';
 export { DatePickerViewTrigger, type DatePickerViewTriggerBaseProps, type DatePickerViewTriggerProps, } from './date-picker-view-trigger';
 export { DatePickerYearSelect, type DatePickerYearSelectBaseProps, type DatePickerYearSelectProps, } from './date-picker-year-select';

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

@@ -1,28 +1,28 @@
 export { parse as parseDate } from '@zag-js/date-picker';
 export type { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, DateValue, } from '@zag-js/date-picker';
 export { DatePickerClearTrigger, type DatePickerClearTriggerBaseProps, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger';
-export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps, } from './date-picker-content';
+export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps } from './date-picker-content';
 export { DatePickerContext, type DatePickerContextProps } from './date-picker-context';
-export { DatePickerControl, type DatePickerControlBaseProps, type DatePickerControlProps, } from './date-picker-control';
-export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps, } from './date-picker-input';
-export { DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps, } from './date-picker-label';
+export { DatePickerControl, type DatePickerControlBaseProps, type DatePickerControlProps } from './date-picker-control';
+export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps } from './date-picker-input';
+export { DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps } from './date-picker-label';
 export { DatePickerMonthSelect, type DatePickerMonthSelectBaseProps, type DatePickerMonthSelectProps, } from './date-picker-month-select';
 export { DatePickerNextTrigger, type DatePickerNextTriggerBaseProps, type DatePickerNextTriggerProps, } from './date-picker-next-trigger';
 export { DatePickerPositioner, type DatePickerPositionerBaseProps, type DatePickerPositionerProps, } from './date-picker-positioner';
 export { DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, } from './date-picker-preset-trigger';
 export { DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text';
-export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps, } from './date-picker-root';
+export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root';
 export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider';
-export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps, } from './date-picker-table';
+export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table';
 export { DatePickerTableBody, type DatePickerTableBodyBaseProps, type DatePickerTableBodyProps, } from './date-picker-table-body';
 export { DatePickerTableCell, type DatePickerTableCellBaseProps, type DatePickerTableCellProps, } from './date-picker-table-cell';
 export { DatePickerTableCellTrigger, type DatePickerTableCellTriggerBaseProps, type DatePickerTableCellTriggerProps, } from './date-picker-table-cell-trigger';
 export { DatePickerTableHead, type DatePickerTableHeadBaseProps, type DatePickerTableHeadProps, } from './date-picker-table-head';
 export { DatePickerTableHeader, type DatePickerTableHeaderBaseProps, type DatePickerTableHeaderProps, } from './date-picker-table-header';
 export { DatePickerTableRow, type DatePickerTableRowBaseProps, type DatePickerTableRowProps, } from './date-picker-table-row';
-export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps, } from './date-picker-trigger';
-export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps, } from './date-picker-view';
+export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps } from './date-picker-trigger';
+export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps } from './date-picker-view';
 export { DatePickerViewControl, type DatePickerViewControlBaseProps, type DatePickerViewControlProps, } from './date-picker-view-control';
 export { DatePickerViewTrigger, type DatePickerViewTriggerBaseProps, type DatePickerViewTriggerProps, } from './date-picker-view-trigger';
 export { DatePickerYearSelect, type DatePickerYearSelectBaseProps, type DatePickerYearSelectProps, } from './date-picker-year-select';

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

@@ -8,7 +8,6 @@ const react$1 = require('@zag-js/react');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
-const useEvent = require('../../utils/use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -30,31 +29,18 @@ function _interopNamespaceDefault(e) {
 const datePicker__namespace = /*#__PURE__*/_interopNamespaceDefault(datePicker);
 
 const useDatePicker = (props = {}) => {
+  const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
-  const { dir } = useLocaleContext.useLocaleContext();
-  const initialContext = {
-    id: react.useId(),
+  const { dir, locale } = useLocaleContext.useLocaleContext();
+  const machineProps = {
+    id,
     dir,
+    locale,
     getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
-    value: props.defaultValue,
-    view: props.defaultView,
     ...props
   };
-  const context = {
-    ...initialContext,
-    value: props.value,
-    view: props.view,
-    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true }),
-    onFocusChange: useEvent.useEvent(props.onFocusChange),
-    onViewChange: useEvent.useEvent(props.onViewChange),
-    onOpenChange: useEvent.useEvent(props.onOpenChange)
-  };
-  const [state, send] = react$1.useMachine(datePicker__namespace.machine(initialContext), {
-    context
-  });
-  return datePicker__namespace.connect(state, send, react$1.normalizeProps);
+  const service = react$1.useMachine(datePicker__namespace.machine, machineProps);
+  return datePicker__namespace.connect(service, react$1.normalizeProps);
 };
 
 exports.useDatePicker = useDatePicker;