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

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-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) => {

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

@@ -1,10 +1,10 @@
 "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_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-trigger.tsx
 var splitTriggerProps = require_create_split_props.createSplitProps();
@@ -19,7 +19,8 @@ var DialogTrigger = (0, react.forwardRef)((props, ref) => {
 	}, localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: dialog.getTriggerState(triggerProps)
 	});
 });
 DialogTrigger.displayName = "DialogTrigger";

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

@@ -1,8 +1,10 @@
-import { TriggerProps } from '@zag-js/dialog';
+import { TriggerProps, TriggerState } from '@zag-js/dialog';
 import { Assign } from '../../types.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DialogTriggerBaseProps extends TriggerProps, PolymorphicProps {
+export interface DialogTriggerState extends TriggerState {
+}
+export interface DialogTriggerBaseProps extends TriggerProps, PolymorphicProps<DialogTriggerState> {
 }
 export interface DialogTriggerProps extends Assign<HTMLProps<'button'>, DialogTriggerBaseProps> {
 }

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

@@ -1,8 +1,10 @@
-import { TriggerProps } from '@zag-js/dialog';
+import { TriggerProps, TriggerState } from '@zag-js/dialog';
 import { Assign } from '../../types.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DialogTriggerBaseProps extends TriggerProps, PolymorphicProps {
+export interface DialogTriggerState extends TriggerState {
+}
+export interface DialogTriggerBaseProps extends TriggerProps, PolymorphicProps<DialogTriggerState> {
 }
 export interface DialogTriggerProps extends Assign<HTMLProps<'button'>, DialogTriggerBaseProps> {
 }

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

@@ -1,10 +1,10 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.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-trigger.tsx
 var splitTriggerProps = createSplitProps();
@@ -19,7 +19,8 @@ var DialogTrigger = forwardRef((props, ref) => {
 	}, localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: dialog.getTriggerState(triggerProps)
 	});
 });
 DialogTrigger.displayName = "DialogTrigger";

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

@@ -1,11 +1,11 @@
 export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, TriggerValueChangeDetails, } from '@zag-js/dialog';
-export { DialogBackdrop as Backdrop, type DialogBackdropBaseProps as BackdropBaseProps, type DialogBackdropProps as BackdropProps, } from './dialog-backdrop.js';
+export { DialogBackdrop as Backdrop, type DialogBackdropBaseProps as BackdropBaseProps, type DialogBackdropProps as BackdropProps, type DialogBackdropState as BackdropState, } from './dialog-backdrop.js';
 export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerBaseProps as CloseTriggerBaseProps, type DialogCloseTriggerProps as CloseTriggerProps, } from './dialog-close-trigger.js';
-export { DialogContent as Content, type DialogContentBaseProps as ContentBaseProps, type DialogContentProps as ContentProps, } from './dialog-content.js';
+export { DialogContent as Content, type DialogContentBaseProps as ContentBaseProps, type DialogContentProps as ContentProps, type DialogContentState as ContentState, } from './dialog-content.js';
 export { DialogContext as Context, type DialogContextProps as ContextProps } from './dialog-context.js';
 export { DialogDescription as Description, type DialogDescriptionBaseProps as DescriptionBaseProps, type DialogDescriptionProps as DescriptionProps, } from './dialog-description.js';
-export { DialogPositioner as Positioner, type DialogPositionerBaseProps as PositionerBaseProps, type DialogPositionerProps as PositionerProps, } from './dialog-positioner.js';
+export { DialogPositioner as Positioner, type DialogPositionerBaseProps as PositionerBaseProps, type DialogPositionerProps as PositionerProps, type DialogPositionerState as PositionerState, } from './dialog-positioner.js';
 export { DialogRoot as Root, type DialogRootBaseProps as RootBaseProps, type DialogRootProps as RootProps, } from './dialog-root.js';
 export { DialogRootProvider as RootProvider, type DialogRootProviderBaseProps as RootProviderBaseProps, type DialogRootProviderProps as RootProviderProps, } from './dialog-root-provider.js';
 export { DialogTitle as Title, type DialogTitleBaseProps as TitleBaseProps, type DialogTitleProps as TitleProps, } from './dialog-title.js';
-export { DialogTrigger as Trigger, type DialogTriggerBaseProps as TriggerBaseProps, type DialogTriggerProps as TriggerProps, } from './dialog-trigger.js';
+export { DialogTrigger as Trigger, type DialogTriggerBaseProps as TriggerBaseProps, type DialogTriggerProps as TriggerProps, type DialogTriggerState as TriggerState, } from './dialog-trigger.js';

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

@@ -1,11 +1,11 @@
 export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, TriggerValueChangeDetails, } from '@zag-js/dialog';
-export { DialogBackdrop as Backdrop, type DialogBackdropBaseProps as BackdropBaseProps, type DialogBackdropProps as BackdropProps, } from './dialog-backdrop.js';
+export { DialogBackdrop as Backdrop, type DialogBackdropBaseProps as BackdropBaseProps, type DialogBackdropProps as BackdropProps, type DialogBackdropState as BackdropState, } from './dialog-backdrop.js';
 export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerBaseProps as CloseTriggerBaseProps, type DialogCloseTriggerProps as CloseTriggerProps, } from './dialog-close-trigger.js';
-export { DialogContent as Content, type DialogContentBaseProps as ContentBaseProps, type DialogContentProps as ContentProps, } from './dialog-content.js';
+export { DialogContent as Content, type DialogContentBaseProps as ContentBaseProps, type DialogContentProps as ContentProps, type DialogContentState as ContentState, } from './dialog-content.js';
 export { DialogContext as Context, type DialogContextProps as ContextProps } from './dialog-context.js';
 export { DialogDescription as Description, type DialogDescriptionBaseProps as DescriptionBaseProps, type DialogDescriptionProps as DescriptionProps, } from './dialog-description.js';
-export { DialogPositioner as Positioner, type DialogPositionerBaseProps as PositionerBaseProps, type DialogPositionerProps as PositionerProps, } from './dialog-positioner.js';
+export { DialogPositioner as Positioner, type DialogPositionerBaseProps as PositionerBaseProps, type DialogPositionerProps as PositionerProps, type DialogPositionerState as PositionerState, } from './dialog-positioner.js';
 export { DialogRoot as Root, type DialogRootBaseProps as RootBaseProps, type DialogRootProps as RootProps, } from './dialog-root.js';
 export { DialogRootProvider as RootProvider, type DialogRootProviderBaseProps as RootProviderBaseProps, type DialogRootProviderProps as RootProviderProps, } from './dialog-root-provider.js';
 export { DialogTitle as Title, type DialogTitleBaseProps as TitleBaseProps, type DialogTitleProps as TitleProps, } from './dialog-title.js';
-export { DialogTrigger as Trigger, type DialogTriggerBaseProps as TriggerBaseProps, type DialogTriggerProps as TriggerProps, } from './dialog-trigger.js';
+export { DialogTrigger as Trigger, type DialogTriggerBaseProps as TriggerBaseProps, type DialogTriggerProps as TriggerProps, type DialogTriggerState as TriggerState, } from './dialog-trigger.js';

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

@@ -1,14 +1,14 @@
 export type { FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, TriggerValueChangeDetails as DialogTriggerValueChangeDetails, } from '@zag-js/dialog';
-export { DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps } from './dialog-backdrop.js';
+export { DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps, type DialogBackdropState, } from './dialog-backdrop.js';
 export { DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, } from './dialog-close-trigger.js';
-export { DialogContent, type DialogContentBaseProps, type DialogContentProps } from './dialog-content.js';
+export { DialogContent, type DialogContentBaseProps, type DialogContentProps, type DialogContentState, } from './dialog-content.js';
 export { DialogContext, type DialogContextProps } from './dialog-context.js';
 export { DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps, } from './dialog-description.js';
-export { DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps } from './dialog-positioner.js';
+export { DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps, type DialogPositionerState, } from './dialog-positioner.js';
 export { DialogRoot, type DialogRootBaseProps, type DialogRootProps } from './dialog-root.js';
 export { DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderProps, } from './dialog-root-provider.js';
 export { DialogTitle, type DialogTitleBaseProps, type DialogTitleProps } from './dialog-title.js';
-export { DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps } from './dialog-trigger.js';
+export { DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps, type DialogTriggerState, } from './dialog-trigger.js';
 export { dialogAnatomy } from './dialog.anatomy.js';
 export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog.js';
 export { useDialogContext, type UseDialogContext } from './use-dialog-context.js';

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

@@ -1,14 +1,14 @@
 export type { FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, TriggerValueChangeDetails as DialogTriggerValueChangeDetails, } from '@zag-js/dialog';
-export { DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps } from './dialog-backdrop.js';
+export { DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps, type DialogBackdropState, } from './dialog-backdrop.js';
 export { DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, } from './dialog-close-trigger.js';
-export { DialogContent, type DialogContentBaseProps, type DialogContentProps } from './dialog-content.js';
+export { DialogContent, type DialogContentBaseProps, type DialogContentProps, type DialogContentState, } from './dialog-content.js';
 export { DialogContext, type DialogContextProps } from './dialog-context.js';
 export { DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps, } from './dialog-description.js';
-export { DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps } from './dialog-positioner.js';
+export { DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps, type DialogPositionerState, } from './dialog-positioner.js';
 export { DialogRoot, type DialogRootBaseProps, type DialogRootProps } from './dialog-root.js';
 export { DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderProps, } from './dialog-root-provider.js';
 export { DialogTitle, type DialogTitleBaseProps, type DialogTitleProps } from './dialog-title.js';
-export { DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps } from './dialog-trigger.js';
+export { DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps, type DialogTriggerState, } from './dialog-trigger.js';
 export { dialogAnatomy } from './dialog.anatomy.js';
 export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog.js';
 export { useDialogContext, type UseDialogContext } from './use-dialog-context.js';

package/dist/components/dialog/use-dialog.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_dialog = require("@zag-js/dialog");
 _zag_js_dialog = require_runtime.__toESM(_zag_js_dialog, 1);
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 //#region src/components/dialog/use-dialog.ts
 var useDialog = (props) => {
 	const id = (0, react.useId)();

package/dist/components/dialog/use-dialog.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 dialog from "@zag-js/dialog";
-import { useId } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
+import { useId } from "react";
 //#region src/components/dialog/use-dialog.ts
 var useDialog = (props) => {
 	const id = useId();

package/dist/components/drawer/drawer-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_drawer_context = require("./use-drawer-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/drawer/drawer-backdrop.tsx
 var DrawerBackdrop = (0, react.forwardRef)((props, ref) => {
@@ -22,7 +22,8 @@ var DrawerBackdrop = (0, react.forwardRef)((props, ref) => {
 		presence,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			...mergedProps,
-			ref: composedRefs
+			ref: composedRefs,
+			state: drawer.getBackdropState()
 		})
 	});
 });