@ark-ui/react 5.38.0 → 5.38.2

package/dist/components/date-input/date-input-hidden-input.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitHiddenInputProps = require_create_split_props.createSplitProps();
 var DateInputHiddenInput = (0, react.forwardRef)((props, ref) => {
 	const [hiddenInputProps, localProps] = splitHiddenInputProps(props, ["index", "name"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_input_context.useDateInputContext().getHiddenInputProps(hiddenInputProps), localProps);
+	const dateInput = require_use_date_input_context.useDateInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(dateInput.getHiddenInputProps(hiddenInputProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
 		...mergedProps,
 		ref

package/dist/components/date-input/date-input-hidden-input.js

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitHiddenInputProps = createSplitProps();
 var DateInputHiddenInput = forwardRef((props, ref) => {
 	const [hiddenInputProps, localProps] = splitHiddenInputProps(props, ["index", "name"]);
-	const mergedProps = mergeProps(useDateInputContext().getHiddenInputProps(hiddenInputProps), localProps);
+	const dateInput = useDateInputContext();
+	const mergedProps = mergeProps(dateInput.getHiddenInputProps(hiddenInputProps), localProps);
 	return /* @__PURE__ */ jsx(ark.input, {
 		...mergedProps,
 		ref

package/dist/components/date-input/date-input-label.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/date-input/date-input-label.tsx
 var DateInputLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_input_context.useDateInputContext().getLabelProps(), props);
+	const dateInput = require_use_date_input_context.useDateInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(dateInput.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {
 		...mergedProps,
 		ref

package/dist/components/date-input/date-input-label.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/date-input/date-input-label.tsx
 var DateInputLabel = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDateInputContext().getLabelProps(), props);
+	const dateInput = useDateInputContext();
+	const mergedProps = mergeProps(dateInput.getLabelProps(), props);
 	return /* @__PURE__ */ jsx(ark.label, {
 		...mergedProps,
 		ref

package/dist/components/date-input/date-input-segment-group.cjs

@@ -10,7 +10,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitSegmentGroupProps = require_create_split_props.createSplitProps();
 var DateInputSegmentGroup = (0, react.forwardRef)((props, ref) => {
 	const [segmentGroupProps, localProps] = splitSegmentGroupProps(props, ["index"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_input_context.useDateInputContext().getSegmentGroupProps(segmentGroupProps), localProps);
+	const dateInput = require_use_date_input_context.useDateInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(dateInput.getSegmentGroupProps(segmentGroupProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_date_input_segment_group_props_context.DateInputSegmentGroupPropsProvider, {
 		value: segmentGroupProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {

package/dist/components/date-input/date-input-segment-group.js

@@ -10,7 +10,8 @@ import { jsx } from "react/jsx-runtime";
 var splitSegmentGroupProps = createSplitProps();
 var DateInputSegmentGroup = forwardRef((props, ref) => {
 	const [segmentGroupProps, localProps] = splitSegmentGroupProps(props, ["index"]);
-	const mergedProps = mergeProps(useDateInputContext().getSegmentGroupProps(segmentGroupProps), localProps);
+	const dateInput = useDateInputContext();
+	const mergedProps = mergeProps(dateInput.getSegmentGroupProps(segmentGroupProps), localProps);
 	return /* @__PURE__ */ jsx(DateInputSegmentGroupPropsProvider, {
 		value: segmentGroupProps,
 		children: /* @__PURE__ */ jsx(ark.div, {

package/dist/components/date-input/date-input-segment.cjs

@@ -11,7 +11,8 @@ var splitSegmentProps = require_create_split_props.createSplitProps();
 var DateInputSegment = (0, react.forwardRef)((props, ref) => {
 	const [segmentProps, localProps] = splitSegmentProps(props, ["segment"]);
 	const segmentGroupProps = require_use_date_input_segment_group_props_context.useDateInputSegmentGroupPropsContext();
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_input_context.useDateInputContext().getSegmentProps({
+	const dateInput = require_use_date_input_context.useDateInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(dateInput.getSegmentProps({
 		...segmentProps,
 		index: segmentGroupProps.index
 	}), localProps);

package/dist/components/date-input/date-input-segment.js

@@ -11,7 +11,8 @@ var splitSegmentProps = createSplitProps();
 var DateInputSegment = forwardRef((props, ref) => {
 	const [segmentProps, localProps] = splitSegmentProps(props, ["segment"]);
 	const segmentGroupProps = useDateInputSegmentGroupPropsContext();
-	const mergedProps = mergeProps(useDateInputContext().getSegmentProps({
+	const dateInput = useDateInputContext();
+	const mergedProps = mergeProps(dateInput.getSegmentProps({
 		...segmentProps,
 		index: segmentGroupProps.index
 	}), localProps);

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/date-picker/date-picker-clear-trigger.tsx
 var DatePickerClearTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_picker_context.useDatePickerContext().getClearTriggerProps(), props);
+	const datePicker = require_use_date_picker_context.useDatePickerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(datePicker.getClearTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/date-picker/date-picker-clear-trigger.tsx
 var DatePickerClearTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDatePickerContext().getClearTriggerProps(), props);
+	const datePicker = useDatePickerContext();
+	const mergedProps = mergeProps(datePicker.getClearTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/date-picker/date-picker-control.tsx
 var DatePickerControl = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_picker_context.useDatePickerContext().getControlProps(), props);
+	const datePicker = require_use_date_picker_context.useDatePickerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(datePicker.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/date-picker/date-picker-control.tsx
 var DatePickerControl = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDatePickerContext().getControlProps(), props);
+	const datePicker = useDatePickerContext();
+	const mergedProps = mergeProps(datePicker.getControlProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

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

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitInputProps = require_create_split_props.createSplitProps();
 var DatePickerInput = (0, react.forwardRef)((props, ref) => {
 	const [inputProps, localProps] = splitInputProps(props, ["index", "fixOnBlur"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_picker_context.useDatePickerContext().getInputProps(inputProps), localProps);
+	const datePicker = require_use_date_picker_context.useDatePickerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(datePicker.getInputProps(inputProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
 		...mergedProps,
 		ref

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

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitInputProps = createSplitProps();
 var DatePickerInput = forwardRef((props, ref) => {
 	const [inputProps, localProps] = splitInputProps(props, ["index", "fixOnBlur"]);
-	const mergedProps = mergeProps(useDatePickerContext().getInputProps(inputProps), localProps);
+	const datePicker = useDatePickerContext();
+	const mergedProps = mergeProps(datePicker.getInputProps(inputProps), localProps);
 	return /* @__PURE__ */ jsx(ark.input, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/date-picker/date-picker-label.tsx
 var DatePickerLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_picker_context.useDatePickerContext().getLabelProps(), props);
+	const datePicker = require_use_date_picker_context.useDatePickerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(datePicker.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/date-picker/date-picker-label.tsx
 var DatePickerLabel = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDatePickerContext().getLabelProps(), props);
+	const datePicker = useDatePickerContext();
+	const mergedProps = mergeProps(datePicker.getLabelProps(), props);
 	return /* @__PURE__ */ jsx(ark.label, {
 		...mergedProps,
 		ref

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

@@ -7,7 +7,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/date-picker/date-picker-positioner.tsx
 var DatePickerPositioner = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_picker_context.useDatePickerContext().getPositionerProps(), props);
+	const datePicker = require_use_date_picker_context.useDatePickerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(datePicker.getPositionerProps(), props);
 	if (require_use_presence_context.usePresenceContext().unmounted) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,

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

@@ -7,7 +7,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/date-picker/date-picker-positioner.tsx
 var DatePickerPositioner = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDatePickerContext().getPositionerProps(), props);
+	const datePicker = useDatePickerContext();
+	const mergedProps = mergeProps(datePicker.getPositionerProps(), props);
 	if (usePresenceContext().unmounted) return null;
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,

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

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitPresetTriggerProps = require_create_split_props.createSplitProps();
 var DatePickerPresetTrigger = (0, react.forwardRef)((props, ref) => {
 	const [presetTriggerProps, localProps] = splitPresetTriggerProps(props, ["value"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_picker_context.useDatePickerContext().getPresetTriggerProps(presetTriggerProps), localProps);
+	const datePicker = require_use_date_picker_context.useDatePickerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(datePicker.getPresetTriggerProps(presetTriggerProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

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

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitPresetTriggerProps = createSplitProps();
 var DatePickerPresetTrigger = forwardRef((props, ref) => {
 	const [presetTriggerProps, localProps] = splitPresetTriggerProps(props, ["value"]);
-	const mergedProps = mergeProps(useDatePickerContext().getPresetTriggerProps(presetTriggerProps), localProps);
+	const datePicker = useDatePickerContext();
+	const mergedProps = mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

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

@@ -16,7 +16,8 @@ var DatePickerTableCellTrigger = (0, react.forwardRef)((props, ref) => {
 		month: datePicker.getMonthTableCellTriggerProps,
 		year: datePicker.getYearTableCellTriggerProps
 	}[viewProps.view];
-	const mergedProps = (0, _zag_js_react.mergeProps)(viewFn(tableCellProps), props);
+	const triggerProps = viewFn(tableCellProps);
+	const mergedProps = (0, _zag_js_react.mergeProps)(triggerProps, props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		ref,
 		...mergedProps

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

@@ -16,7 +16,8 @@ var DatePickerTableCellTrigger = forwardRef((props, ref) => {
 		month: datePicker.getMonthTableCellTriggerProps,
 		year: datePicker.getYearTableCellTriggerProps
 	}[viewProps.view];
-	const mergedProps = mergeProps(viewFn(tableCellProps), props);
+	const triggerProps = viewFn(tableCellProps);
+	const mergedProps = mergeProps(triggerProps, props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		ref,
 		...mergedProps

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

@@ -18,11 +18,12 @@ var DatePickerTableCell = (0, react.forwardRef)((props, ref) => {
 	]);
 	const datePicker = require_use_date_picker_context.useDatePickerContext();
 	const viewProps = require_use_date_picker_view_props_context.useDatePickerViewPropsContext();
-	const mergedProps = (0, _zag_js_react.mergeProps)({
+	const tableCellProps = {
 		day: datePicker.getDayTableCellProps,
 		month: datePicker.getMonthTableCellProps,
 		year: datePicker.getYearTableCellProps
-	}[viewProps.view](cellProps), localProps);
+	}[viewProps.view](cellProps);
+	const mergedProps = (0, _zag_js_react.mergeProps)(tableCellProps, localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_date_picker_table_cell_props_context.DatePickerTableCellPropsProvider, {
 		value: cellProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.td, {

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

@@ -18,11 +18,12 @@ var DatePickerTableCell = forwardRef((props, ref) => {
 	]);
 	const datePicker = useDatePickerContext();
 	const viewProps = useDatePickerViewPropsContext();
-	const mergedProps = mergeProps({
+	const tableCellProps = {
 		day: datePicker.getDayTableCellProps,
 		month: datePicker.getMonthTableCellProps,
 		year: datePicker.getYearTableCellProps
-	}[viewProps.view](cellProps), localProps);
+	}[viewProps.view](cellProps);
+	const mergedProps = mergeProps(tableCellProps, localProps);
 	return /* @__PURE__ */ jsx(DatePickerTableCellPropsProvider, {
 		value: cellProps,
 		children: /* @__PURE__ */ jsx(ark.td, {

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/date-picker/date-picker-trigger.tsx
 var DatePickerTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_picker_context.useDatePickerContext().getTriggerProps(), props);
+	const datePicker = require_use_date_picker_context.useDatePickerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(datePicker.getTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/date-picker/date-picker-trigger.tsx
 var DatePickerTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDatePickerContext().getTriggerProps(), props);
+	const datePicker = useDatePickerContext();
+	const mergedProps = mergeProps(datePicker.getTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

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

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitWeekNumberCellProps = require_create_split_props.createSplitProps();
 var DatePickerWeekNumberCell = (0, react.forwardRef)((props, ref) => {
 	const [cellProps, localProps] = splitWeekNumberCellProps(props, ["weekIndex", "week"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_date_picker_context.useDatePickerContext().getWeekNumberCellProps(cellProps), localProps);
+	const datePicker = require_use_date_picker_context.useDatePickerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(datePicker.getWeekNumberCellProps(cellProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.td, {
 		...mergedProps,
 		ref

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

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitWeekNumberCellProps = createSplitProps();
 var DatePickerWeekNumberCell = forwardRef((props, ref) => {
 	const [cellProps, localProps] = splitWeekNumberCellProps(props, ["weekIndex", "week"]);
-	const mergedProps = mergeProps(useDatePickerContext().getWeekNumberCellProps(cellProps), localProps);
+	const datePicker = useDatePickerContext();
+	const mergedProps = mergeProps(datePicker.getWeekNumberCellProps(cellProps), localProps);
 	return /* @__PURE__ */ jsx(ark.td, {
 		...mergedProps,
 		ref

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

@@ -11,8 +11,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog-backdrop.tsx
 var DialogBackdrop = (0, react.forwardRef)((props, ref) => {
 	const dialog = require_use_dialog_context.useDialogContext();
+	const renderStrategyProps = require_render_strategy.useRenderStrategyPropsContext();
 	const presence = require_use_presence.usePresence({
-		...require_render_strategy.useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: dialog.open
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(dialog.getBackdropProps(), presence.getPresenceProps(), props);

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

@@ -11,8 +11,9 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/dialog/dialog-backdrop.tsx
 var DialogBackdrop = forwardRef((props, ref) => {
 	const dialog = useDialogContext();
+	const renderStrategyProps = useRenderStrategyPropsContext();
 	const presence = usePresence({
-		...useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: dialog.open
 	});
 	const mergedProps = mergeProps(dialog.getBackdropProps(), presence.getPresenceProps(), props);

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog-close-trigger.tsx
 var DialogCloseTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_dialog_context.useDialogContext().getCloseTriggerProps(), props);
+	const dialog = require_use_dialog_context.useDialogContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(dialog.getCloseTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dialog/dialog-close-trigger.tsx
 var DialogCloseTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDialogContext().getCloseTriggerProps(), props);
+	const dialog = useDialogContext();
+	const mergedProps = mergeProps(dialog.getCloseTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog-description.tsx
 var DialogDescription = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_dialog_context.useDialogContext().getDescriptionProps(), props);
+	const dialog = require_use_dialog_context.useDialogContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(dialog.getDescriptionProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dialog/dialog-description.tsx
 var DialogDescription = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDialogContext().getDescriptionProps(), props);
+	const dialog = useDialogContext();
+	const mergedProps = mergeProps(dialog.getDescriptionProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

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

@@ -7,7 +7,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog-positioner.tsx
 var DialogPositioner = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_dialog_context.useDialogContext().getPositionerProps(), props);
+	const dialog = require_use_dialog_context.useDialogContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(dialog.getPositionerProps(), props);
 	if (require_use_presence_context.usePresenceContext().unmounted) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,

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

@@ -7,7 +7,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dialog/dialog-positioner.tsx
 var DialogPositioner = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDialogContext().getPositionerProps(), props);
+	const dialog = useDialogContext();
+	const mergedProps = mergeProps(dialog.getPositionerProps(), props);
 	if (usePresenceContext().unmounted) return null;
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,

package/dist/components/dialog/dialog-root-provider.cjs

@@ -10,12 +10,13 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var DialogRootProvider = (props) => {
 	const [presenceProps, { value: dialog, children }] = require_split_presence_props.splitPresenceProps(props);
 	const [renderStrategyProps] = require_render_strategy.splitRenderStrategyProps(presenceProps);
+	const presence = require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: dialog.open }, presenceProps));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_dialog_context.DialogProvider, {
 		value: dialog,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_render_strategy.RenderStrategyPropsProvider, {
 			value: renderStrategyProps,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_presence_context.PresenceProvider, {
-				value: require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: dialog.open }, presenceProps)),
+				value: presence,
 				children
 			})
 		})

package/dist/components/dialog/dialog-root-provider.js

@@ -10,12 +10,13 @@ import { jsx } from "react/jsx-runtime";
 var DialogRootProvider = (props) => {
 	const [presenceProps, { value: dialog, children }] = splitPresenceProps(props);
 	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const presence = usePresence(mergeProps({ present: dialog.open }, presenceProps));
 	return /* @__PURE__ */ jsx(DialogProvider, {
 		value: dialog,
 		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
 			value: renderStrategyProps,
 			children: /* @__PURE__ */ jsx(PresenceProvider, {
-				value: usePresence(mergeProps({ present: dialog.open }, presenceProps)),
+				value: presence,
 				children
 			})
 		})

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

@@ -12,12 +12,13 @@ var DialogRoot = (props) => {
 	const [presenceProps, { children, ...localProps }] = require_split_presence_props.splitPresenceProps(props);
 	const [renderStrategyProps] = require_render_strategy.splitRenderStrategyProps(presenceProps);
 	const dialog = require_use_dialog.useDialog(localProps);
+	const presence = require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: dialog.open }, presenceProps));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_dialog_context.DialogProvider, {
 		value: dialog,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_render_strategy.RenderStrategyPropsProvider, {
 			value: renderStrategyProps,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_presence_context.PresenceProvider, {
-				value: require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: dialog.open }, presenceProps)),
+				value: presence,
 				children
 			})
 		})

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

@@ -12,12 +12,13 @@ var DialogRoot = (props) => {
 	const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
 	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
 	const dialog = useDialog(localProps);
+	const presence = usePresence(mergeProps({ present: dialog.open }, presenceProps));
 	return /* @__PURE__ */ jsx(DialogProvider, {
 		value: dialog,
 		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
 			value: renderStrategyProps,
 			children: /* @__PURE__ */ jsx(PresenceProvider, {
-				value: usePresence(mergeProps({ present: dialog.open }, presenceProps)),
+				value: presence,
 				children
 			})
 		})

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog-title.tsx
 var DialogTitle = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_dialog_context.useDialogContext().getTitleProps(), props);
+	const dialog = require_use_dialog_context.useDialogContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(dialog.getTitleProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.h2, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dialog/dialog-title.tsx
 var DialogTitle = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDialogContext().getTitleProps(), props);
+	const dialog = useDialogContext();
+	const mergedProps = mergeProps(dialog.getTitleProps(), props);
 	return /* @__PURE__ */ jsx(ark.h2, {
 		...mergedProps,
 		ref

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

@@ -11,8 +11,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/drawer/drawer-backdrop.tsx
 var DrawerBackdrop = (0, react.forwardRef)((props, ref) => {
 	const drawer = require_use_drawer_context.useDrawerContext();
+	const renderStrategyProps = require_render_strategy.useRenderStrategyPropsContext();
 	const presence = require_use_presence.usePresence({
-		...require_render_strategy.useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: drawer.open
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(drawer.getBackdropProps(), presence.getPresenceProps(), props);

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

@@ -11,8 +11,9 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/drawer/drawer-backdrop.tsx
 var DrawerBackdrop = forwardRef((props, ref) => {
 	const drawer = useDrawerContext();
+	const renderStrategyProps = useRenderStrategyPropsContext();
 	const presence = usePresence({
-		...useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: drawer.open
 	});
 	const mergedProps = mergeProps(drawer.getBackdropProps(), presence.getPresenceProps(), props);

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/drawer/drawer-close-trigger.tsx
 var DrawerCloseTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_drawer_context.useDrawerContext().getCloseTriggerProps(), props);
+	const drawer = require_use_drawer_context.useDrawerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(drawer.getCloseTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/drawer/drawer-close-trigger.tsx
 var DrawerCloseTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDrawerContext().getCloseTriggerProps(), props);
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps(drawer.getCloseTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/drawer/drawer-description.tsx
 var DrawerDescription = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_drawer_context.useDrawerContext().getDescriptionProps(), props);
+	const drawer = require_use_drawer_context.useDrawerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(drawer.getDescriptionProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/drawer/drawer-description.tsx
 var DrawerDescription = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDrawerContext().getDescriptionProps(), props);
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps(drawer.getDescriptionProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/drawer/drawer-grabber-indicator.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/drawer/drawer-grabber-indicator.tsx
 var DrawerGrabberIndicator = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_drawer_context.useDrawerContext().getGrabberIndicatorProps(), props);
+	const drawer = require_use_drawer_context.useDrawerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(drawer.getGrabberIndicatorProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/drawer/drawer-grabber-indicator.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/drawer/drawer-grabber-indicator.tsx
 var DrawerGrabberIndicator = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useDrawerContext().getGrabberIndicatorProps(), props);
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps(drawer.getGrabberIndicatorProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/drawer/drawer-grabber.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/drawer/drawer-grabber.tsx
 var DrawerGrabber = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_drawer_context.useDrawerContext().getGrabberProps(), props);
+	const drawer = require_use_drawer_context.useDrawerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(drawer.getGrabberProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref