@ark-ui/react 5.39.3 → 6.0.0-next.0

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

@@ -1,9 +1,9 @@
 "use client";
-const require_date_picker_anatomy = require("./date-picker.anatomy.cjs");
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_date_picker_context = require("./use-date-picker-context.cjs");
 const require_use_date_picker_view_props_context = require("./use-date-picker-view-props-context.cjs");
+let _zag_js_react = require("@zag-js/react");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/date-picker/date-picker-view.tsx
@@ -11,12 +11,11 @@ var splitViewProps = require_create_split_props.createSplitProps();
 var DatePickerView = (0, react.forwardRef)((props, ref) => {
 	const [viewProps, localProps] = splitViewProps(props, ["view"]);
 	const datePicker = require_use_date_picker_context.useDatePickerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(datePicker.getViewProps(viewProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_date_picker_view_props_context.DatePickerViewPropsProvider, {
 		value: viewProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
-			hidden: datePicker.view !== viewProps.view,
-			...require_date_picker_anatomy.datePickerAnatomy.build().view.attrs,
-			...localProps,
+			...mergedProps,
 			ref
 		})
 	});

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

@@ -1,9 +1,9 @@
 "use client";
-import { datePickerAnatomy } from "./date-picker.anatomy.js";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useDatePickerContext } from "./use-date-picker-context.js";
 import { DatePickerViewPropsProvider } from "./use-date-picker-view-props-context.js";
+import { mergeProps } from "@zag-js/react";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/date-picker/date-picker-view.tsx
@@ -11,12 +11,11 @@ var splitViewProps = createSplitProps();
 var DatePickerView = forwardRef((props, ref) => {
 	const [viewProps, localProps] = splitViewProps(props, ["view"]);
 	const datePicker = useDatePickerContext();
+	const mergedProps = mergeProps(datePicker.getViewProps(viewProps), localProps);
 	return /* @__PURE__ */ jsx(DatePickerViewPropsProvider, {
 		value: viewProps,
 		children: /* @__PURE__ */ jsx(ark.div, {
-			hidden: datePicker.view !== viewProps.view,
-			...datePickerAnatomy.build().view.attrs,
-			...localProps,
+			...mergedProps,
 			ref
 		})
 	});

package/dist/components/date-picker/date-picker-week-number-cell.cjs

@@ -1,9 +1,9 @@
 "use client";
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_date_picker_context = require("./use-date-picker-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/date-picker/date-picker-week-number-cell.tsx
 var splitWeekNumberCellProps = require_create_split_props.createSplitProps();

package/dist/components/date-picker/date-picker-week-number-cell.js

@@ -1,9 +1,9 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useDatePickerContext } from "./use-date-picker-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/date-picker/date-picker-week-number-cell.tsx
 var splitWeekNumberCellProps = createSplitProps();

package/dist/components/date-picker/date-picker-week-number-header-cell.cjs

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_date_picker_context = require("./use-date-picker-context.cjs");
 const require_use_date_picker_table_props_context = require("./use-date-picker-table-props-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/date-picker/date-picker-week-number-header-cell.tsx
 var DatePickerWeekNumberHeaderCell = (0, react.forwardRef)((props, ref) => {

package/dist/components/date-picker/date-picker-week-number-header-cell.js

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { useDatePickerContext } from "./use-date-picker-context.js";
 import { useDatePickerTablePropsContext } from "./use-date-picker-table-props-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/date-picker/date-picker-week-number-header-cell.tsx
 var DatePickerWeekNumberHeaderCell = forwardRef((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_date_picker_context = require("./use-date-picker-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/date-picker/date-picker-year-select.tsx
 var DatePickerYearSelect = (0, react.forwardRef)((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useDatePickerContext } from "./use-date-picker-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/date-picker/date-picker-year-select.tsx
 var DatePickerYearSelect = forwardRef((props, ref) => {

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

@@ -1,9 +1,9 @@
 export type { DateRangePreset, DateValue, DateView, FocusChangeDetails, OpenChangeDetails, SelectionMode, ValueChangeDetails, ViewChangeDetails, VisibleRangeChangeDetails, } from '@zag-js/date-picker';
 export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, type DatePickerClearTriggerProps as ClearTriggerProps, } from './date-picker-clear-trigger.js';
-export { DatePickerContent as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, } from './date-picker-content.js';
+export { DatePickerContent as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, type DatePickerContentState as ContentState, } from './date-picker-content.js';
 export { DatePickerContext as Context, type DatePickerContextProps as ContextProps } from './date-picker-context.js';
 export { DatePickerControl as Control, type DatePickerControlBaseProps as ControlBaseProps, type DatePickerControlProps as ControlProps, } from './date-picker-control.js';
-export { DatePickerInput as Input, type DatePickerInputBaseProps as InputBaseProps, type DatePickerInputProps as InputProps, } from './date-picker-input.js';
+export { DatePickerInput as Input, type DatePickerInputBaseProps as InputBaseProps, type DatePickerInputProps as InputProps, type DatePickerInputState as InputState, } from './date-picker-input.js';
 export { DatePickerLabel as Label, type DatePickerLabelBaseProps as LabelBaseProps, type DatePickerLabelProps as LabelProps, } from './date-picker-label.js';
 export { DatePickerMonthSelect as MonthSelect, type DatePickerMonthSelectBaseProps as MonthSelectBaseProps, type DatePickerMonthSelectProps as MonthSelectProps, } from './date-picker-month-select.js';
 export { DatePickerNextTrigger as NextTrigger, type DatePickerNextTriggerBaseProps as NextTriggerBaseProps, type DatePickerNextTriggerProps as NextTriggerProps, } from './date-picker-next-trigger.js';
@@ -12,8 +12,8 @@ export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerB
 export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger.js';
 export { DatePickerRangeText as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text.js';
 export { DatePickerValueText as ValueText, type DatePickerValueTextBaseProps as ValueTextBaseProps, type DatePickerValueTextProps as ValueTextProps, type DatePickerValueTextRenderProps as ValueTextRenderProps, } from './date-picker-value-text.js';
-export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, } from './date-picker-root.js';
-export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, } from './date-picker-root-provider.js';
+export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, type DatePickerRootState as RootState, } from './date-picker-root.js';
+export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, type DatePickerRootProviderState as RootProviderState, } from './date-picker-root-provider.js';
 export { DatePickerTable as Table, type DatePickerTableBaseProps as TableBaseProps, type DatePickerTableProps as TableProps, } from './date-picker-table.js';
 export { DatePickerTableBody as TableBody, type DatePickerTableBodyBaseProps as TableBodyBaseProps, type DatePickerTableBodyProps as TableBodyProps, } from './date-picker-table-body.js';
 export { DatePickerTableCell as TableCell, type DatePickerTableCellBaseProps as TableCellBaseProps, type DatePickerTableCellProps as TableCellProps, } from './date-picker-table-cell.js';
@@ -23,7 +23,7 @@ export { DatePickerTableHeader as TableHeader, type DatePickerTableHeaderBasePro
 export { DatePickerWeekNumberHeaderCell as WeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps as WeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps as WeekNumberHeaderCellProps, } from './date-picker-week-number-header-cell.js';
 export { DatePickerWeekNumberCell as WeekNumberCell, type DatePickerWeekNumberCellBaseProps as WeekNumberCellBaseProps, type DatePickerWeekNumberCellProps as WeekNumberCellProps, } from './date-picker-week-number-cell.js';
 export { DatePickerTableRow as TableRow, type DatePickerTableRowBaseProps as TableRowBaseProps, type DatePickerTableRowProps as TableRowProps, } from './date-picker-table-row.js';
-export { DatePickerTrigger as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, } from './date-picker-trigger.js';
+export { DatePickerTrigger as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, type DatePickerTriggerState as TriggerState, } from './date-picker-trigger.js';
 export { DatePickerView as View, type DatePickerViewBaseProps as ViewBaseProps, type DatePickerViewProps as ViewProps, } from './date-picker-view.js';
 export { DatePickerViewControl as ViewControl, type DatePickerViewControlBaseProps as ViewControlBaseProps, type DatePickerViewControlProps as ViewControlProps, } from './date-picker-view-control.js';
 export { DatePickerViewTrigger as ViewTrigger, type DatePickerViewTriggerBaseProps as ViewTriggerBaseProps, type DatePickerViewTriggerProps as ViewTriggerProps, } from './date-picker-view-trigger.js';

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

@@ -1,9 +1,9 @@
 export type { DateRangePreset, DateValue, DateView, FocusChangeDetails, OpenChangeDetails, SelectionMode, ValueChangeDetails, ViewChangeDetails, VisibleRangeChangeDetails, } from '@zag-js/date-picker';
 export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, type DatePickerClearTriggerProps as ClearTriggerProps, } from './date-picker-clear-trigger.js';
-export { DatePickerContent as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, } from './date-picker-content.js';
+export { DatePickerContent as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, type DatePickerContentState as ContentState, } from './date-picker-content.js';
 export { DatePickerContext as Context, type DatePickerContextProps as ContextProps } from './date-picker-context.js';
 export { DatePickerControl as Control, type DatePickerControlBaseProps as ControlBaseProps, type DatePickerControlProps as ControlProps, } from './date-picker-control.js';
-export { DatePickerInput as Input, type DatePickerInputBaseProps as InputBaseProps, type DatePickerInputProps as InputProps, } from './date-picker-input.js';
+export { DatePickerInput as Input, type DatePickerInputBaseProps as InputBaseProps, type DatePickerInputProps as InputProps, type DatePickerInputState as InputState, } from './date-picker-input.js';
 export { DatePickerLabel as Label, type DatePickerLabelBaseProps as LabelBaseProps, type DatePickerLabelProps as LabelProps, } from './date-picker-label.js';
 export { DatePickerMonthSelect as MonthSelect, type DatePickerMonthSelectBaseProps as MonthSelectBaseProps, type DatePickerMonthSelectProps as MonthSelectProps, } from './date-picker-month-select.js';
 export { DatePickerNextTrigger as NextTrigger, type DatePickerNextTriggerBaseProps as NextTriggerBaseProps, type DatePickerNextTriggerProps as NextTriggerProps, } from './date-picker-next-trigger.js';
@@ -12,8 +12,8 @@ export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerB
 export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger.js';
 export { DatePickerRangeText as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text.js';
 export { DatePickerValueText as ValueText, type DatePickerValueTextBaseProps as ValueTextBaseProps, type DatePickerValueTextProps as ValueTextProps, type DatePickerValueTextRenderProps as ValueTextRenderProps, } from './date-picker-value-text.js';
-export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, } from './date-picker-root.js';
-export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, } from './date-picker-root-provider.js';
+export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, type DatePickerRootState as RootState, } from './date-picker-root.js';
+export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, type DatePickerRootProviderState as RootProviderState, } from './date-picker-root-provider.js';
 export { DatePickerTable as Table, type DatePickerTableBaseProps as TableBaseProps, type DatePickerTableProps as TableProps, } from './date-picker-table.js';
 export { DatePickerTableBody as TableBody, type DatePickerTableBodyBaseProps as TableBodyBaseProps, type DatePickerTableBodyProps as TableBodyProps, } from './date-picker-table-body.js';
 export { DatePickerTableCell as TableCell, type DatePickerTableCellBaseProps as TableCellBaseProps, type DatePickerTableCellProps as TableCellProps, } from './date-picker-table-cell.js';
@@ -23,7 +23,7 @@ export { DatePickerTableHeader as TableHeader, type DatePickerTableHeaderBasePro
 export { DatePickerWeekNumberHeaderCell as WeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps as WeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps as WeekNumberHeaderCellProps, } from './date-picker-week-number-header-cell.js';
 export { DatePickerWeekNumberCell as WeekNumberCell, type DatePickerWeekNumberCellBaseProps as WeekNumberCellBaseProps, type DatePickerWeekNumberCellProps as WeekNumberCellProps, } from './date-picker-week-number-cell.js';
 export { DatePickerTableRow as TableRow, type DatePickerTableRowBaseProps as TableRowBaseProps, type DatePickerTableRowProps as TableRowProps, } from './date-picker-table-row.js';
-export { DatePickerTrigger as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, } from './date-picker-trigger.js';
+export { DatePickerTrigger as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, type DatePickerTriggerState as TriggerState, } from './date-picker-trigger.js';
 export { DatePickerView as View, type DatePickerViewBaseProps as ViewBaseProps, type DatePickerViewProps as ViewProps, } from './date-picker-view.js';
 export { DatePickerViewControl as ViewControl, type DatePickerViewControlBaseProps as ViewControlBaseProps, type DatePickerViewControlProps as ViewControlProps, } from './date-picker-view-control.js';
 export { DatePickerViewTrigger as ViewTrigger, type DatePickerViewTriggerBaseProps as ViewTriggerBaseProps, type DatePickerViewTriggerProps as ViewTriggerProps, } from './date-picker-view-trigger.js';

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

@@ -1,10 +1,10 @@
 export { parse as parseDate } from '@zag-js/date-picker';
 export type { DateRangePreset as DatePickerDateRangePreset, DateValue, DateView as DatePickerDateView, FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, SelectionMode as DatePickerSelectionMode, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, VisibleRangeChangeDetails as DatePickerVisibleRangeChangeDetails, } from '@zag-js/date-picker';
 export { DatePickerClearTrigger, type DatePickerClearTriggerBaseProps, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger.js';
-export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps, } from './date-picker-content.js';
+export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps, type DatePickerContentState, } from './date-picker-content.js';
 export { DatePickerContext, type DatePickerContextProps } from './date-picker-context.js';
 export { DatePickerControl, type DatePickerControlBaseProps, type DatePickerControlProps, } from './date-picker-control.js';
-export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps } from './date-picker-input.js';
+export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps, type DatePickerInputState, } from './date-picker-input.js';
 export { DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps } from './date-picker-label.js';
 export { DatePickerMonthSelect, type DatePickerMonthSelectBaseProps, type DatePickerMonthSelectProps, } from './date-picker-month-select.js';
 export { DatePickerNextTrigger, type DatePickerNextTriggerBaseProps, type DatePickerNextTriggerProps, } from './date-picker-next-trigger.js';
@@ -13,8 +13,8 @@ export { DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type Da
 export { DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger.js';
 export { DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text.js';
 export { DatePickerValueText, type DatePickerValueTextBaseProps, type DatePickerValueTextProps, type DatePickerValueTextRenderProps, } from './date-picker-value-text.js';
-export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root.js';
-export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider.js';
+export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps, type DatePickerRootState, } from './date-picker-root.js';
+export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, type DatePickerRootProviderState, } from './date-picker-root-provider.js';
 export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table.js';
 export { DatePickerTableBody, type DatePickerTableBodyBaseProps, type DatePickerTableBodyProps, } from './date-picker-table-body.js';
 export { DatePickerTableCell, type DatePickerTableCellBaseProps, type DatePickerTableCellProps, } from './date-picker-table-cell.js';
@@ -24,7 +24,7 @@ export { DatePickerTableHeader, type DatePickerTableHeaderBaseProps, type DatePi
 export { DatePickerWeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps, } from './date-picker-week-number-header-cell.js';
 export { DatePickerWeekNumberCell, type DatePickerWeekNumberCellBaseProps, type DatePickerWeekNumberCellProps, } from './date-picker-week-number-cell.js';
 export { DatePickerTableRow, type DatePickerTableRowBaseProps, type DatePickerTableRowProps, } from './date-picker-table-row.js';
-export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps, } from './date-picker-trigger.js';
+export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps, type DatePickerTriggerState, } from './date-picker-trigger.js';
 export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps } from './date-picker-view.js';
 export { DatePickerViewControl, type DatePickerViewControlBaseProps, type DatePickerViewControlProps, } from './date-picker-view-control.js';
 export { DatePickerViewTrigger, type DatePickerViewTriggerBaseProps, type DatePickerViewTriggerProps, } from './date-picker-view-trigger.js';

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

@@ -1,10 +1,10 @@
 export { parse as parseDate } from '@zag-js/date-picker';
 export type { DateRangePreset as DatePickerDateRangePreset, DateValue, DateView as DatePickerDateView, FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, SelectionMode as DatePickerSelectionMode, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, VisibleRangeChangeDetails as DatePickerVisibleRangeChangeDetails, } from '@zag-js/date-picker';
 export { DatePickerClearTrigger, type DatePickerClearTriggerBaseProps, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger.js';
-export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps, } from './date-picker-content.js';
+export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps, type DatePickerContentState, } from './date-picker-content.js';
 export { DatePickerContext, type DatePickerContextProps } from './date-picker-context.js';
 export { DatePickerControl, type DatePickerControlBaseProps, type DatePickerControlProps, } from './date-picker-control.js';
-export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps } from './date-picker-input.js';
+export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps, type DatePickerInputState, } from './date-picker-input.js';
 export { DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps } from './date-picker-label.js';
 export { DatePickerMonthSelect, type DatePickerMonthSelectBaseProps, type DatePickerMonthSelectProps, } from './date-picker-month-select.js';
 export { DatePickerNextTrigger, type DatePickerNextTriggerBaseProps, type DatePickerNextTriggerProps, } from './date-picker-next-trigger.js';
@@ -13,8 +13,8 @@ export { DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type Da
 export { DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger.js';
 export { DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text.js';
 export { DatePickerValueText, type DatePickerValueTextBaseProps, type DatePickerValueTextProps, type DatePickerValueTextRenderProps, } from './date-picker-value-text.js';
-export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root.js';
-export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider.js';
+export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps, type DatePickerRootState, } from './date-picker-root.js';
+export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, type DatePickerRootProviderState, } from './date-picker-root-provider.js';
 export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table.js';
 export { DatePickerTableBody, type DatePickerTableBodyBaseProps, type DatePickerTableBodyProps, } from './date-picker-table-body.js';
 export { DatePickerTableCell, type DatePickerTableCellBaseProps, type DatePickerTableCellProps, } from './date-picker-table-cell.js';
@@ -24,7 +24,7 @@ export { DatePickerTableHeader, type DatePickerTableHeaderBaseProps, type DatePi
 export { DatePickerWeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps, } from './date-picker-week-number-header-cell.js';
 export { DatePickerWeekNumberCell, type DatePickerWeekNumberCellBaseProps, type DatePickerWeekNumberCellProps, } from './date-picker-week-number-cell.js';
 export { DatePickerTableRow, type DatePickerTableRowBaseProps, type DatePickerTableRowProps, } from './date-picker-table-row.js';
-export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps, } from './date-picker-trigger.js';
+export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps, type DatePickerTriggerState, } from './date-picker-trigger.js';
 export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps } from './date-picker-view.js';
 export { DatePickerViewControl, type DatePickerViewControlBaseProps, type DatePickerViewControlProps, } from './date-picker-view-control.js';
 export { DatePickerViewTrigger, type DatePickerViewTriggerBaseProps, type DatePickerViewTriggerProps, } from './date-picker-view-trigger.js';

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

@@ -4,8 +4,8 @@ const require_use_environment_context = require("../../providers/environment/use
 const require_use_locale_context = require("../../providers/locale/use-locale-context.cjs");
 let _zag_js_date_picker = require("@zag-js/date-picker");
 _zag_js_date_picker = require_runtime.__toESM(_zag_js_date_picker, 1);
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 //#region src/components/date-picker/use-date-picker.ts
 var useDatePicker = (props) => {
 	const id = (0, react.useId)();

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

@@ -2,8 +2,8 @@
 import { useEnvironmentContext } from "../../providers/environment/use-environment-context.js";
 import { useLocaleContext } from "../../providers/locale/use-locale-context.js";
 import * as datePicker from "@zag-js/date-picker";
-import { useId } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
+import { useId } from "react";
 //#region src/components/date-picker/use-date-picker.ts
 var useDatePicker = (props) => {
 	const id = useId();

package/dist/components/dialog/dialog-backdrop.cjs

@@ -1,12 +1,12 @@
 "use client";
-const require_render_strategy = require("../../utils/render-strategy.cjs");
 const require_compose_refs = require("../../utils/compose-refs.cjs");
 const require_factory = require("../factory.cjs");
+const require_render_strategy = require("../../utils/render-strategy.cjs");
 const require_presence_gate = require("../presence/presence-gate.cjs");
 const require_use_presence = require("../presence/use-presence.cjs");
 const require_use_dialog_context = require("./use-dialog-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog-backdrop.tsx
 var DialogBackdrop = (0, react.forwardRef)((props, ref) => {
@@ -22,7 +22,8 @@ var DialogBackdrop = (0, react.forwardRef)((props, ref) => {
 		presence,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			...mergedProps,
-			ref: composedRefs
+			ref: composedRefs,
+			state: dialog.getBackdropState()
 		})
 	});
 });

package/dist/components/dialog/dialog-backdrop.d.cts

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { BackdropState } from '@zag-js/dialog';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DialogBackdropBaseProps extends PolymorphicProps {
+export interface DialogBackdropState extends BackdropState {
+}
+export interface DialogBackdropBaseProps extends PolymorphicProps<DialogBackdropState> {
 }
 export interface DialogBackdropProps extends HTMLProps<'div'>, DialogBackdropBaseProps {
 }

package/dist/components/dialog/dialog-backdrop.d.ts

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { BackdropState } from '@zag-js/dialog';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DialogBackdropBaseProps extends PolymorphicProps {
+export interface DialogBackdropState extends BackdropState {
+}
+export interface DialogBackdropBaseProps extends PolymorphicProps<DialogBackdropState> {
 }
 export interface DialogBackdropProps extends HTMLProps<'div'>, DialogBackdropBaseProps {
 }

package/dist/components/dialog/dialog-backdrop.js

@@ -1,12 +1,12 @@
 "use client";
-import { useRenderStrategyPropsContext } from "../../utils/render-strategy.js";
 import { useComposedRefs } from "../../utils/compose-refs.js";
 import { ark } from "../factory.js";
+import { useRenderStrategyPropsContext } from "../../utils/render-strategy.js";
 import { PresenceGate } from "../presence/presence-gate.js";
 import { usePresence } from "../presence/use-presence.js";
 import { useDialogContext } from "./use-dialog-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dialog/dialog-backdrop.tsx
 var DialogBackdrop = forwardRef((props, ref) => {
@@ -22,7 +22,8 @@ var DialogBackdrop = forwardRef((props, ref) => {
 		presence,
 		children: /* @__PURE__ */ jsx(ark.div, {
 			...mergedProps,
-			ref: composedRefs
+			ref: composedRefs,
+			state: dialog.getBackdropState()
 		})
 	});
 });

package/dist/components/dialog/dialog-close-trigger.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_dialog_context = require("./use-dialog-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog-close-trigger.tsx
 var DialogCloseTrigger = (0, react.forwardRef)((props, ref) => {

package/dist/components/dialog/dialog-close-trigger.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useDialogContext } from "./use-dialog-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dialog/dialog-close-trigger.tsx
 var DialogCloseTrigger = forwardRef((props, ref) => {

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

@@ -4,8 +4,8 @@ const require_factory = require("../factory.cjs");
 const require_presence_gate = require("../presence/presence-gate.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_dialog_context = require("./use-dialog-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog-content.tsx
 var DialogContent = (0, react.forwardRef)((props, ref) => {
@@ -17,7 +17,8 @@ var DialogContent = (0, react.forwardRef)((props, ref) => {
 		presence,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			...mergedProps,
-			ref: composedRefs
+			ref: composedRefs,
+			state: dialog.getContentState()
 		})
 	});
 });

package/dist/components/dialog/dialog-content.d.cts

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ContentState } from '@zag-js/dialog';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DialogContentBaseProps extends PolymorphicProps {
+export interface DialogContentState extends ContentState {
+}
+export interface DialogContentBaseProps extends PolymorphicProps<DialogContentState> {
 }
 export interface DialogContentProps extends HTMLProps<'div'>, DialogContentBaseProps {
 }

package/dist/components/dialog/dialog-content.d.ts

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ContentState } from '@zag-js/dialog';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DialogContentBaseProps extends PolymorphicProps {
+export interface DialogContentState extends ContentState {
+}
+export interface DialogContentBaseProps extends PolymorphicProps<DialogContentState> {
 }
 export interface DialogContentProps extends HTMLProps<'div'>, DialogContentBaseProps {
 }

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

@@ -4,8 +4,8 @@ import { ark } from "../factory.js";
 import { PresenceGate } from "../presence/presence-gate.js";
 import { usePresenceContext } from "../presence/use-presence-context.js";
 import { useDialogContext } from "./use-dialog-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dialog/dialog-content.tsx
 var DialogContent = forwardRef((props, ref) => {
@@ -17,7 +17,8 @@ var DialogContent = forwardRef((props, ref) => {
 		presence,
 		children: /* @__PURE__ */ jsx(ark.div, {
 			...mergedProps,
-			ref: composedRefs
+			ref: composedRefs,
+			state: dialog.getContentState()
 		})
 	});
 });

package/dist/components/dialog/dialog-description.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_dialog_context = require("./use-dialog-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog-description.tsx
 var DialogDescription = (0, react.forwardRef)((props, ref) => {

package/dist/components/dialog/dialog-description.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useDialogContext } from "./use-dialog-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dialog/dialog-description.tsx
 var DialogDescription = forwardRef((props, ref) => {

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

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_dialog_context = require("./use-dialog-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog-positioner.tsx
 var DialogPositioner = (0, react.forwardRef)((props, ref) => {
@@ -12,7 +12,8 @@ var DialogPositioner = (0, react.forwardRef)((props, ref) => {
 	if (require_use_presence_context.usePresenceContext().unmounted) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
-		ref
+		ref,
+		state: dialog.getPositionerState()
 	});
 });
 DialogPositioner.displayName = "DialogPositioner";

package/dist/components/dialog/dialog-positioner.d.cts

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { PositionerState } from '@zag-js/dialog';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DialogPositionerBaseProps extends PolymorphicProps {
+export interface DialogPositionerState extends PositionerState {
+}
+export interface DialogPositionerBaseProps extends PolymorphicProps<DialogPositionerState> {
 }
 export interface DialogPositionerProps extends HTMLProps<'div'>, DialogPositionerBaseProps {
 }

package/dist/components/dialog/dialog-positioner.d.ts

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { PositionerState } from '@zag-js/dialog';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DialogPositionerBaseProps extends PolymorphicProps {
+export interface DialogPositionerState extends PositionerState {
+}
+export interface DialogPositionerBaseProps extends PolymorphicProps<DialogPositionerState> {
 }
 export interface DialogPositionerProps extends HTMLProps<'div'>, DialogPositionerBaseProps {
 }

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

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { usePresenceContext } from "../presence/use-presence-context.js";
 import { useDialogContext } from "./use-dialog-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dialog/dialog-positioner.tsx
 var DialogPositioner = forwardRef((props, ref) => {
@@ -12,7 +12,8 @@ var DialogPositioner = forwardRef((props, ref) => {
 	if (usePresenceContext().unmounted) return null;
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
-		ref
+		ref,
+		state: dialog.getPositionerState()
 	});
 });
 DialogPositioner.displayName = "DialogPositioner";

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

@@ -10,5 +10,5 @@ export interface DialogRootProviderBaseProps extends RootProviderProps, UsePrese
 export interface DialogRootProviderProps extends DialogRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const DialogRootProvider: (props: DialogRootProviderProps) => import('react').JSX.Element;
+export declare const DialogRootProvider: (props: DialogRootProviderProps) => import("react").JSX.Element;
 export {};

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

@@ -10,5 +10,5 @@ export interface DialogRootProviderBaseProps extends RootProviderProps, UsePrese
 export interface DialogRootProviderProps extends DialogRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const DialogRootProvider: (props: DialogRootProviderProps) => import('react').JSX.Element;
+export declare const DialogRootProvider: (props: DialogRootProviderProps) => import("react").JSX.Element;
 export {};

package/dist/components/dialog/dialog-root.d.cts

@@ -6,4 +6,4 @@ export interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {
 export interface DialogRootProps extends DialogRootBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const DialogRoot: (props: DialogRootProps) => import('react').JSX.Element;
+export declare const DialogRoot: (props: DialogRootProps) => import("react").JSX.Element;

package/dist/components/dialog/dialog-root.d.ts

@@ -6,4 +6,4 @@ export interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {
 export interface DialogRootProps extends DialogRootBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const DialogRoot: (props: DialogRootProps) => import('react').JSX.Element;
+export declare const DialogRoot: (props: DialogRootProps) => import("react").JSX.Element;

package/dist/components/dialog/dialog-title.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_dialog_context = require("./use-dialog-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog-title.tsx
 var DialogTitle = (0, react.forwardRef)((props, ref) => {

package/dist/components/dialog/dialog-title.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useDialogContext } from "./use-dialog-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dialog/dialog-title.tsx
 var DialogTitle = forwardRef((props, ref) => {