@ark-ui/react 5.38.0 → 5.38.2

package/dist/components/select/select-item.cjs

@@ -13,10 +13,11 @@ var SelectItem = (0, react.forwardRef)((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["item", "persistFocus"]);
 	const select = require_use_select_context.useSelectContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(select.getItemProps(itemProps), localProps);
+	const itemState = select.getItemState(itemProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_select_item_props_context.SelectItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_select_item_context.SelectItemProvider, {
-			value: select.getItemState(itemProps),
+			value: itemState,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 				...mergedProps,
 				ref

package/dist/components/select/select-item.js

@@ -13,10 +13,11 @@ var SelectItem = forwardRef((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["item", "persistFocus"]);
 	const select = useSelectContext();
 	const mergedProps = mergeProps(select.getItemProps(itemProps), localProps);
+	const itemState = select.getItemState(itemProps);
 	return /* @__PURE__ */ jsx(SelectItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ jsx(SelectItemProvider, {
-			value: select.getItemState(itemProps),
+			value: itemState,
 			children: /* @__PURE__ */ jsx(ark.div, {
 				...mergedProps,
 				ref

package/dist/components/select/select-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/select/select-label.tsx
 var SelectLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_select_context.useSelectContext().getLabelProps(), props);
+	const select = require_use_select_context.useSelectContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(select.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {
 		...mergedProps,
 		ref

package/dist/components/select/select-label.js

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

package/dist/components/select/select-list.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/select/select-list.tsx
 var SelectList = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_select_context.useSelectContext().getListProps(), props);
+	const select = require_use_select_context.useSelectContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(select.getListProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/select/select-list.js

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

package/dist/components/select/select-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/select/select-positioner.tsx
 var SelectPositioner = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_select_context.useSelectContext().getPositionerProps(), props);
+	const select = require_use_select_context.useSelectContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(select.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/select/select-positioner.js

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

package/dist/components/select/select-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/select/select-trigger.tsx
 var SelectTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_select_context.useSelectContext().getTriggerProps(), props);
+	const select = require_use_select_context.useSelectContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(select.getTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

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

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

package/dist/components/signature-pad/signature-pad-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/signature-pad/signature-pad-clear-trigger.tsx
 var SignaturePadClearTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_signature_pad_context.useSignaturePadContext().getClearTriggerProps(), props);
+	const signaturePad = require_use_signature_pad_context.useSignaturePadContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(signaturePad.getClearTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/signature-pad/signature-pad-clear-trigger.js

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

package/dist/components/signature-pad/signature-pad-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/signature-pad/signature-pad-control.tsx
 var SignaturePadControl = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_signature_pad_context.useSignaturePadContext().getControlProps(), props);
+	const signaturePad = require_use_signature_pad_context.useSignaturePadContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(signaturePad.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/signature-pad/signature-pad-control.js

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

package/dist/components/signature-pad/signature-pad-guide.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/signature-pad/signature-pad-guide.tsx
 var SignaturePadGuide = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_signature_pad_context.useSignaturePadContext().getGuideProps(), props);
+	const signaturePad = require_use_signature_pad_context.useSignaturePadContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(signaturePad.getGuideProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/signature-pad/signature-pad-guide.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/signature-pad/signature-pad-guide.tsx
 var SignaturePadGuide = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useSignaturePadContext().getGuideProps(), props);
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps(signaturePad.getGuideProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/signature-pad/signature-pad-hidden-input.cjs

@@ -10,7 +10,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitHiddenInputProps = require_create_split_props.createSplitProps();
 var SignaturePadHiddenInput = (0, react.forwardRef)((props, ref) => {
 	const [hiddenInputProps, localProps] = splitHiddenInputProps(props, ["value"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_signature_pad_context.useSignaturePadContext().getHiddenInputProps(hiddenInputProps), localProps);
+	const signaturePad = require_use_signature_pad_context.useSignaturePadContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(signaturePad.getHiddenInputProps(hiddenInputProps), localProps);
 	const field = require_use_field_context.useFieldContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
 		"aria-describedby": field?.ariaDescribedby,

package/dist/components/signature-pad/signature-pad-hidden-input.js

@@ -10,7 +10,8 @@ import { jsx } from "react/jsx-runtime";
 var splitHiddenInputProps = createSplitProps();
 var SignaturePadHiddenInput = forwardRef((props, ref) => {
 	const [hiddenInputProps, localProps] = splitHiddenInputProps(props, ["value"]);
-	const mergedProps = mergeProps(useSignaturePadContext().getHiddenInputProps(hiddenInputProps), localProps);
+	const signaturePad = useSignaturePadContext();
+	const mergedProps = mergeProps(signaturePad.getHiddenInputProps(hiddenInputProps), localProps);
 	const field = useFieldContext();
 	return /* @__PURE__ */ jsx(ark.input, {
 		"aria-describedby": field?.ariaDescribedby,

package/dist/components/signature-pad/signature-pad-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/signature-pad/signature-pad-label.tsx
 var SignaturePadLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_signature_pad_context.useSignaturePadContext().getLabelProps(), props);
+	const signaturePad = require_use_signature_pad_context.useSignaturePadContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(signaturePad.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {
 		...mergedProps,
 		ref

package/dist/components/signature-pad/signature-pad-label.js

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

package/dist/components/slider/slider-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/slider/slider-control.tsx
 var SliderControl = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_slider_context.useSliderContext().getControlProps(), props);
+	const slider = require_use_slider_context.useSliderContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(slider.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/slider/slider-control.js

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

package/dist/components/slider/slider-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/slider/slider-label.tsx
 var SliderLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_slider_context.useSliderContext().getLabelProps(), props);
+	const slider = require_use_slider_context.useSliderContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(slider.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {
 		...mergedProps,
 		ref

package/dist/components/slider/slider-label.js

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

package/dist/components/slider/slider-marker-group.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/slider/slider-marker-group.tsx
 var SliderMarkerGroup = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_slider_context.useSliderContext().getMarkerGroupProps(), props);
+	const slider = require_use_slider_context.useSliderContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(slider.getMarkerGroupProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/slider/slider-marker-group.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/slider/slider-marker-group.tsx
 var SliderMarkerGroup = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useSliderContext().getMarkerGroupProps(), props);
+	const slider = useSliderContext();
+	const mergedProps = mergeProps(slider.getMarkerGroupProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/slider/slider-marker.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitMarkerProps = require_create_split_props.createSplitProps();
 var SliderMarker = (0, react.forwardRef)((props, ref) => {
 	const [markerProps, localProps] = splitMarkerProps(props, ["value"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_slider_context.useSliderContext().getMarkerProps(markerProps), localProps);
+	const slider = require_use_slider_context.useSliderContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(slider.getMarkerProps(markerProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref

package/dist/components/slider/slider-marker.js

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitMarkerProps = createSplitProps();
 var SliderMarker = forwardRef((props, ref) => {
 	const [markerProps, localProps] = splitMarkerProps(props, ["value"]);
-	const mergedProps = mergeProps(useSliderContext().getMarkerProps(markerProps), localProps);
+	const slider = useSliderContext();
+	const mergedProps = mergeProps(slider.getMarkerProps(markerProps), localProps);
 	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref

package/dist/components/slider/slider-range.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/slider/slider-range.tsx
 var SliderRange = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_slider_context.useSliderContext().getRangeProps(), props);
+	const slider = require_use_slider_context.useSliderContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(slider.getRangeProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/slider/slider-range.js

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

package/dist/components/slider/slider-thumb.cjs

@@ -10,7 +10,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitThumbProps = require_create_split_props.createSplitProps();
 var SliderThumb = (0, react.forwardRef)((props, ref) => {
 	const [thumbProps, localProps] = splitThumbProps(props, ["index", "name"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_slider_context.useSliderContext().getThumbProps(thumbProps), localProps);
+	const slider = require_use_slider_context.useSliderContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(slider.getThumbProps(thumbProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_slider_thumb_props_context.SliderThumbPropsProvider, {
 		value: thumbProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {

package/dist/components/slider/slider-thumb.js

@@ -10,7 +10,8 @@ import { jsx } from "react/jsx-runtime";
 var splitThumbProps = createSplitProps();
 var SliderThumb = forwardRef((props, ref) => {
 	const [thumbProps, localProps] = splitThumbProps(props, ["index", "name"]);
-	const mergedProps = mergeProps(useSliderContext().getThumbProps(thumbProps), localProps);
+	const slider = useSliderContext();
+	const mergedProps = mergeProps(slider.getThumbProps(thumbProps), localProps);
 	return /* @__PURE__ */ jsx(SliderThumbPropsProvider, {
 		value: thumbProps,
 		children: /* @__PURE__ */ jsx(ark.div, {

package/dist/components/slider/slider-track.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/slider/slider-track.tsx
 var SliderTrack = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_slider_context.useSliderContext().getTrackProps(), props);
+	const slider = require_use_slider_context.useSliderContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(slider.getTrackProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/slider/slider-track.js

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

package/dist/components/splitter/splitter-panel.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitPanelProps = require_create_split_props.createSplitProps();
 var SplitterPanel = (0, react.forwardRef)((props, ref) => {
 	const [splitterPanelProps, localProps] = splitPanelProps(props, ["id"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_splitter_context.useSplitterContext().getPanelProps(splitterPanelProps), localProps);
+	const splitter = require_use_splitter_context.useSplitterContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(splitter.getPanelProps(splitterPanelProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/splitter/splitter-panel.js

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitPanelProps = createSplitProps();
 var SplitterPanel = forwardRef((props, ref) => {
 	const [splitterPanelProps, localProps] = splitPanelProps(props, ["id"]);
-	const mergedProps = mergeProps(useSplitterContext().getPanelProps(splitterPanelProps), localProps);
+	const splitter = useSplitterContext();
+	const mergedProps = mergeProps(splitter.getPanelProps(splitterPanelProps), localProps);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/splitter/splitter-resize-trigger.cjs

@@ -10,7 +10,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitResizeTriggerProps = require_create_split_props.createSplitProps();
 var SplitterResizeTrigger = (0, react.forwardRef)((props, ref) => {
 	const [triggerProps, localProps] = splitResizeTriggerProps(props, ["disabled", "id"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_splitter_context.useSplitterContext().getResizeTriggerProps(triggerProps), localProps);
+	const splitter = require_use_splitter_context.useSplitterContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(splitter.getResizeTriggerProps(triggerProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_splitter_resize_trigger_props_context.SplitterResizeTriggerPropsProvider, {
 		value: triggerProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {

package/dist/components/splitter/splitter-resize-trigger.js

@@ -10,7 +10,8 @@ import { jsx } from "react/jsx-runtime";
 var splitResizeTriggerProps = createSplitProps();
 var SplitterResizeTrigger = forwardRef((props, ref) => {
 	const [triggerProps, localProps] = splitResizeTriggerProps(props, ["disabled", "id"]);
-	const mergedProps = mergeProps(useSplitterContext().getResizeTriggerProps(triggerProps), localProps);
+	const splitter = useSplitterContext();
+	const mergedProps = mergeProps(splitter.getResizeTriggerProps(triggerProps), localProps);
 	return /* @__PURE__ */ jsx(SplitterResizeTriggerPropsProvider, {
 		value: triggerProps,
 		children: /* @__PURE__ */ jsx(ark.button, {

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

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitContentProps = require_create_split_props.createSplitProps();
 var StepsContent = (0, react.forwardRef)((props, ref) => {
 	const [itemProps, localProps] = splitContentProps(props, ["index"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_steps_context.useStepsContext().getContentProps(itemProps), localProps);
+	const steps = require_use_steps_context.useStepsContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(steps.getContentProps(itemProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitContentProps = createSplitProps();
 var StepsContent = forwardRef((props, ref) => {
 	const [itemProps, localProps] = splitContentProps(props, ["index"]);
-	const mergedProps = mergeProps(useStepsContext().getContentProps(itemProps), localProps);
+	const steps = useStepsContext();
+	const mergedProps = mergeProps(steps.getContentProps(itemProps), localProps);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/steps/steps-item.cjs

@@ -13,10 +13,11 @@ var StepsItem = (0, react.forwardRef)((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["index"]);
 	const steps = require_use_steps_context.useStepsContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(steps.getItemProps(itemProps), localProps);
+	const itemState = steps.getItemState(itemProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_steps_item_props_context.StepsItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_steps_item_context.StepsItemProvider, {
-			value: steps.getItemState(itemProps),
+			value: itemState,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 				...mergedProps,
 				ref

package/dist/components/steps/steps-item.js

@@ -13,10 +13,11 @@ var StepsItem = forwardRef((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["index"]);
 	const steps = useStepsContext();
 	const mergedProps = mergeProps(steps.getItemProps(itemProps), localProps);
+	const itemState = steps.getItemState(itemProps);
 	return /* @__PURE__ */ jsx(StepsItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ jsx(StepsItemProvider, {
-			value: steps.getItemState(itemProps),
+			value: itemState,
 			children: /* @__PURE__ */ jsx(ark.div, {
 				...mergedProps,
 				ref

package/dist/components/steps/steps-list.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/steps/steps-list.tsx
 var StepsList = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_steps_context.useStepsContext().getListProps(), props);
+	const steps = require_use_steps_context.useStepsContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(steps.getListProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/steps/steps-list.js

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

package/dist/components/steps/steps-next-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/steps/steps-next-trigger.tsx
 var StepsNextTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_steps_context.useStepsContext().getNextTriggerProps(), props);
+	const steps = require_use_steps_context.useStepsContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(steps.getNextTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/steps/steps-next-trigger.js

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

package/dist/components/steps/steps-prev-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/steps/steps-prev-trigger.tsx
 var StepsPrevTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_steps_context.useStepsContext().getPrevTriggerProps(), props);
+	const steps = require_use_steps_context.useStepsContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(steps.getPrevTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/steps/steps-prev-trigger.js

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

package/dist/components/steps/steps-progress.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/steps/steps-progress.tsx
 var StepsProgress = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_steps_context.useStepsContext().getProgressProps(), props);
+	const steps = require_use_steps_context.useStepsContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(steps.getProgressProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/steps/steps-progress.js

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

package/dist/components/switch/switch-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/switch/switch-control.tsx
 var SwitchControl = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_switch_context.useSwitchContext().getControlProps(), props);
+	const switchContext = require_use_switch_context.useSwitchContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(switchContext.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref

package/dist/components/switch/switch-control.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/switch/switch-control.tsx
 var SwitchControl = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useSwitchContext().getControlProps(), props);
+	const switchContext = useSwitchContext();
+	const mergedProps = mergeProps(switchContext.getControlProps(), props);
 	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref

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

@@ -7,7 +7,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/switch/switch-hidden-input.tsx
 var SwitchHiddenInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_switch_context.useSwitchContext().getHiddenInputProps(), props);
+	const switchContext = require_use_switch_context.useSwitchContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(switchContext.getHiddenInputProps(), props);
 	const field = require_use_field_context.useFieldContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
 		"aria-describedby": field?.ariaDescribedby,