@ark-ui/react 5.38.0 → 5.38.2

package/dist/components/field/field-textarea.js

@@ -10,7 +10,8 @@ import { autoresizeTextarea } from "@zag-js/auto-resize";
 var FieldTextarea = forwardRef((props, ref) => {
 	const { autoresize, ...textareaProps } = props;
 	const textareaRef = useRef(null);
-	const mergedProps = mergeProps(useFieldContext()?.getTextareaProps(), { style: { resize: autoresize ? "none" : void 0 } }, textareaProps);
+	const field = useFieldContext();
+	const mergedProps = mergeProps(field?.getTextareaProps(), { style: { resize: autoresize ? "none" : void 0 } }, textareaProps);
 	const composedRefs = useComposedRefs(ref, textareaRef);
 	useEffect(() => {
 		if (!autoresize) return;

package/dist/components/fieldset/fieldset-helper-text.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/fieldset/fieldset-helper-text.tsx
 var FieldsetHelperText = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_fieldset_context.useFieldsetContext().getHelperTextProps(), props);
+	const fieldset = require_use_fieldset_context.useFieldsetContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(fieldset.getHelperTextProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref

package/dist/components/fieldset/fieldset-helper-text.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/fieldset/fieldset-helper-text.tsx
 var FieldsetHelperText = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useFieldsetContext().getHelperTextProps(), props);
+	const fieldset = useFieldsetContext();
+	const mergedProps = mergeProps(fieldset.getHelperTextProps(), props);
 	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref

package/dist/components/fieldset/fieldset-legend.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/fieldset/fieldset-legend.tsx
 var FieldsetLegend = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_fieldset_context.useFieldsetContext().getLegendProps(), props);
+	const fieldset = require_use_fieldset_context.useFieldsetContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(fieldset.getLegendProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.legend, {
 		...mergedProps,
 		ref

package/dist/components/fieldset/fieldset-legend.js

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

package/dist/components/fieldset/use-fieldset.cjs

@@ -8,10 +8,8 @@ let _zag_js_dom_query = require("@zag-js/dom-query");
 var useFieldset = (props = {}) => {
 	const { disabled = false, invalid = false } = props;
 	const env = require_use_environment_context.useEnvironmentContext();
-	const [textElements, setTextElements] = (0, react.useState)({
-		hasErrorText: false,
-		hasHelperText: false
-	});
+	const [hasErrorText, setHasErrorText] = (0, react.useState)(false);
+	const [hasHelperText, setHasHelperText] = (0, react.useState)(false);
 	const uid = (0, react.useId)();
 	const id = props.id ?? uid;
 	const rootRef = (0, react.useRef)(null);
@@ -23,12 +21,8 @@ var useFieldset = (props = {}) => {
 		if (!rootNode) return;
 		const checkTextElements = () => {
 			const docOrShadowRoot = env.getRootNode();
-			const hasErrorText = !!docOrShadowRoot.getElementById(errorTextId);
-			const hasHelperText = !!docOrShadowRoot.getElementById(helperTextId);
-			setTextElements({
-				hasErrorText,
-				hasHelperText
-			});
+			setHasErrorText(!!docOrShadowRoot.getElementById(errorTextId));
+			setHasHelperText(!!docOrShadowRoot.getElementById(helperTextId));
 		};
 		checkTextElements();
 		const observer = new (env.getWindow()).MutationObserver(checkTextElements);
@@ -43,8 +37,8 @@ var useFieldset = (props = {}) => {
 		helperTextId
 	]);
 	const ids = [];
-	if (textElements.hasErrorText && invalid) ids.push(errorTextId);
-	if (textElements.hasHelperText) ids.push(helperTextId);
+	if (hasErrorText && invalid) ids.push(errorTextId);
+	if (hasHelperText) ids.push(helperTextId);
 	const labelIds = ids.length > 0 ? ids.join(" ") : void 0;
 	const getRootProps = () => ({
 		...require_fieldset_anatomy.parts.root.attrs,

package/dist/components/fieldset/use-fieldset.js

@@ -8,10 +8,8 @@ import { dataAttr } from "@zag-js/dom-query";
 var useFieldset = (props = {}) => {
 	const { disabled = false, invalid = false } = props;
 	const env = useEnvironmentContext();
-	const [textElements, setTextElements] = useState({
-		hasErrorText: false,
-		hasHelperText: false
-	});
+	const [hasErrorText, setHasErrorText] = useState(false);
+	const [hasHelperText, setHasHelperText] = useState(false);
 	const uid = useId();
 	const id = props.id ?? uid;
 	const rootRef = useRef(null);
@@ -23,12 +21,8 @@ var useFieldset = (props = {}) => {
 		if (!rootNode) return;
 		const checkTextElements = () => {
 			const docOrShadowRoot = env.getRootNode();
-			const hasErrorText = !!docOrShadowRoot.getElementById(errorTextId);
-			const hasHelperText = !!docOrShadowRoot.getElementById(helperTextId);
-			setTextElements({
-				hasErrorText,
-				hasHelperText
-			});
+			setHasErrorText(!!docOrShadowRoot.getElementById(errorTextId));
+			setHasHelperText(!!docOrShadowRoot.getElementById(helperTextId));
 		};
 		checkTextElements();
 		const observer = new (env.getWindow()).MutationObserver(checkTextElements);
@@ -43,8 +37,8 @@ var useFieldset = (props = {}) => {
 		helperTextId
 	]);
 	const ids = [];
-	if (textElements.hasErrorText && invalid) ids.push(errorTextId);
-	if (textElements.hasHelperText) ids.push(helperTextId);
+	if (hasErrorText && invalid) ids.push(errorTextId);
+	if (hasHelperText) ids.push(helperTextId);
 	const labelIds = ids.length > 0 ? ids.join(" ") : void 0;
 	const getRootProps = () => ({
 		...parts.root.attrs,

package/dist/components/file-upload/file-upload-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/file-upload/file-upload-clear-trigger.tsx
 var FileUploadClearTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_file_upload_context.useFileUploadContext().getClearTriggerProps(), props);
+	const fileUpload = require_use_file_upload_context.useFileUploadContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(fileUpload.getClearTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/file-upload/file-upload-clear-trigger.js

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

package/dist/components/file-upload/file-upload-dropzone.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitDropzoneProps = require_create_split_props.createSplitProps();
 var FileUploadDropzone = (0, react.forwardRef)((props, ref) => {
 	const [dropzoneProps, localProps] = splitDropzoneProps(props, ["disableClick"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_file_upload_context.useFileUploadContext().getDropzoneProps(dropzoneProps), localProps);
+	const fileUpload = require_use_file_upload_context.useFileUploadContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(fileUpload.getDropzoneProps(dropzoneProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/file-upload/file-upload-dropzone.js

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitDropzoneProps = createSplitProps();
 var FileUploadDropzone = forwardRef((props, ref) => {
 	const [dropzoneProps, localProps] = splitDropzoneProps(props, ["disableClick"]);
-	const mergedProps = mergeProps(useFileUploadContext().getDropzoneProps(dropzoneProps), localProps);
+	const fileUpload = useFileUploadContext();
+	const mergedProps = mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/file-upload/file-upload-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/file-upload/file-upload-hidden-input.tsx
 var FileUploadHiddenInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_file_upload_context.useFileUploadContext().getHiddenInputProps(), props);
+	const fileUpload = require_use_file_upload_context.useFileUploadContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(fileUpload.getHiddenInputProps(), props);
 	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/file-upload/file-upload-hidden-input.js

@@ -7,7 +7,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/file-upload/file-upload-hidden-input.tsx
 var FileUploadHiddenInput = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useFileUploadContext().getHiddenInputProps(), props);
+	const fileUpload = useFileUploadContext();
+	const mergedProps = mergeProps(fileUpload.getHiddenInputProps(), props);
 	const field = useFieldContext();
 	return /* @__PURE__ */ jsx(ark.input, {
 		"aria-describedby": field?.ariaDescribedby,

package/dist/components/file-upload/file-upload-item-group.cjs

@@ -10,7 +10,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitItemGroupProps = require_create_split_props.createSplitProps();
 var FileUploadItemGroup = (0, react.forwardRef)((props, ref) => {
 	const [itemGroupProps, localProps] = splitItemGroupProps(props, ["type"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_file_upload_context.useFileUploadContext().getItemGroupProps(itemGroupProps), localProps);
+	const fileUpload = require_use_file_upload_context.useFileUploadContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(fileUpload.getItemGroupProps(itemGroupProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_file_upload_item_group_props_context.FileUploadItemGroupPropsProvider, {
 		value: itemGroupProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.ul, {

package/dist/components/file-upload/file-upload-item-group.js

@@ -10,7 +10,8 @@ import { jsx } from "react/jsx-runtime";
 var splitItemGroupProps = createSplitProps();
 var FileUploadItemGroup = forwardRef((props, ref) => {
 	const [itemGroupProps, localProps] = splitItemGroupProps(props, ["type"]);
-	const mergedProps = mergeProps(useFileUploadContext().getItemGroupProps(itemGroupProps), localProps);
+	const fileUpload = useFileUploadContext();
+	const mergedProps = mergeProps(fileUpload.getItemGroupProps(itemGroupProps), localProps);
 	return /* @__PURE__ */ jsx(FileUploadItemGroupPropsProvider, {
 		value: itemGroupProps,
 		children: /* @__PURE__ */ jsx(ark.ul, {

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

package/dist/components/file-upload/file-upload-label.js

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

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

package/dist/components/file-upload/file-upload-trigger.js

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

package/dist/components/floating-panel/floating-panel-body.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/floating-panel/floating-panel-body.tsx
 var FloatingPanelBody = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_floating_panel_context.useFloatingPanelContext().getBodyProps(), props);
+	const floatingPanel = require_use_floating_panel_context.useFloatingPanelContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(floatingPanel.getBodyProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-body.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-body.tsx
 var FloatingPanelBody = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useFloatingPanelContext().getBodyProps(), props);
+	const floatingPanel = useFloatingPanelContext();
+	const mergedProps = mergeProps(floatingPanel.getBodyProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-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/floating-panel/floating-panel-close-trigger.tsx
 var FloatingPanelCloseTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_floating_panel_context.useFloatingPanelContext().getCloseTriggerProps(), props);
+	const floatingPanel = require_use_floating_panel_context.useFloatingPanelContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(floatingPanel.getCloseTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-close-trigger.js

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

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

package/dist/components/floating-panel/floating-panel-control.js

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

package/dist/components/floating-panel/floating-panel-drag-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/floating-panel/floating-panel-drag-trigger.tsx
 var FloatingPanelDragTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_floating_panel_context.useFloatingPanelContext().getDragTriggerProps(), props);
+	const floatingPanel = require_use_floating_panel_context.useFloatingPanelContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(floatingPanel.getDragTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-drag-trigger.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-drag-trigger.tsx
 var FloatingPanelDragTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useFloatingPanelContext().getDragTriggerProps(), props);
+	const floatingPanel = useFloatingPanelContext();
+	const mergedProps = mergeProps(floatingPanel.getDragTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-header.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/floating-panel/floating-panel-header.tsx
 var FloatingPanelHeader = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_floating_panel_context.useFloatingPanelContext().getHeaderProps(), props);
+	const floatingPanel = require_use_floating_panel_context.useFloatingPanelContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(floatingPanel.getHeaderProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-header.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/floating-panel/floating-panel-header.tsx
 var FloatingPanelHeader = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useFloatingPanelContext().getHeaderProps(), props);
+	const floatingPanel = useFloatingPanelContext();
+	const mergedProps = mergeProps(floatingPanel.getHeaderProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-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/floating-panel/floating-panel-positioner.tsx
 var FloatingPanelPositioner = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_floating_panel_context.useFloatingPanelContext().getPositionerProps(), props);
+	const floatingPanel = require_use_floating_panel_context.useFloatingPanelContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(floatingPanel.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/floating-panel/floating-panel-positioner.js

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

package/dist/components/floating-panel/floating-panel-resize-trigger.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitResizeTriggerProps = require_create_split_props.createSplitProps();
 var FloatingPanelResizeTrigger = (0, react.forwardRef)((props, ref) => {
 	const [resizeProps, localProps] = splitResizeTriggerProps(props, ["axis"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_floating_panel_context.useFloatingPanelContext().getResizeTriggerProps(resizeProps), localProps);
+	const floatingPanel = require_use_floating_panel_context.useFloatingPanelContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(floatingPanel.getResizeTriggerProps(resizeProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-resize-trigger.js

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitResizeTriggerProps = createSplitProps();
 var FloatingPanelResizeTrigger = forwardRef((props, ref) => {
 	const [resizeProps, localProps] = splitResizeTriggerProps(props, ["axis"]);
-	const mergedProps = mergeProps(useFloatingPanelContext().getResizeTriggerProps(resizeProps), localProps);
+	const floatingPanel = useFloatingPanelContext();
+	const mergedProps = mergeProps(floatingPanel.getResizeTriggerProps(resizeProps), localProps);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-root-provider.cjs

@@ -11,10 +11,11 @@ var splitRootProviderProps = require_create_split_props.createSplitProps();
 var FloatingPanelRootProvider = (props) => {
 	const [presenceProps, baseProps] = require_split_presence_props.splitPresenceProps(props);
 	const [{ value: floatingPanel }, localProps] = splitRootProviderProps(baseProps, ["value"]);
+	const presence = require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: floatingPanel.open }, presenceProps));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_floating_panel_context.FloatingPanelProvider, {
 		value: floatingPanel,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_presence_context.PresenceProvider, {
-			value: require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: floatingPanel.open }, presenceProps)),
+			value: presence,
 			children: localProps.children
 		})
 	});

package/dist/components/floating-panel/floating-panel-root-provider.js

@@ -11,10 +11,11 @@ var splitRootProviderProps = createSplitProps();
 var FloatingPanelRootProvider = (props) => {
 	const [presenceProps, baseProps] = splitPresenceProps(props);
 	const [{ value: floatingPanel }, localProps] = splitRootProviderProps(baseProps, ["value"]);
+	const presence = usePresence(mergeProps({ present: floatingPanel.open }, presenceProps));
 	return /* @__PURE__ */ jsx(FloatingPanelProvider, {
 		value: floatingPanel,
 		children: /* @__PURE__ */ jsx(PresenceProvider, {
-			value: usePresence(mergeProps({ present: floatingPanel.open }, presenceProps)),
+			value: presence,
 			children: localProps.children
 		})
 	});

package/dist/components/floating-panel/floating-panel-root.cjs

@@ -46,10 +46,12 @@ var FloatingPanelRoot = (props) => {
 		"translations"
 	]);
 	const floatingPanel = require_use_floating_panel.useFloatingPanel(useFloatingPanelProps);
+	const usePresenceProps = (0, _zag_js_react.mergeProps)({ present: floatingPanel.open }, presenceProps);
+	const presence = require_use_presence.usePresence(usePresenceProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_floating_panel_context.FloatingPanelProvider, {
 		value: floatingPanel,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_presence_context.PresenceProvider, {
-			value: require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: floatingPanel.open }, presenceProps)),
+			value: presence,
 			children: localProps.children
 		})
 	});

package/dist/components/floating-panel/floating-panel-root.js

@@ -46,10 +46,12 @@ var FloatingPanelRoot = (props) => {
 		"translations"
 	]);
 	const floatingPanel = useFloatingPanel(useFloatingPanelProps);
+	const usePresenceProps = mergeProps({ present: floatingPanel.open }, presenceProps);
+	const presence = usePresence(usePresenceProps);
 	return /* @__PURE__ */ jsx(FloatingPanelProvider, {
 		value: floatingPanel,
 		children: /* @__PURE__ */ jsx(PresenceProvider, {
-			value: usePresence(mergeProps({ present: floatingPanel.open }, presenceProps)),
+			value: presence,
 			children: localProps.children
 		})
 	});

package/dist/components/floating-panel/floating-panel-stage-trigger.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitStageTriggerProps = require_create_split_props.createSplitProps();
 var FloatingPanelStageTrigger = (0, react.forwardRef)((props, ref) => {
 	const [stage, localProps] = splitStageTriggerProps(props, ["stage"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_floating_panel_context.useFloatingPanelContext().getStageTriggerProps(stage), localProps);
+	const floatingPanel = require_use_floating_panel_context.useFloatingPanelContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(floatingPanel.getStageTriggerProps(stage), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-stage-trigger.js

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitStageTriggerProps = createSplitProps();
 var FloatingPanelStageTrigger = forwardRef((props, ref) => {
 	const [stage, localProps] = splitStageTriggerProps(props, ["stage"]);
-	const mergedProps = mergeProps(useFloatingPanelContext().getStageTriggerProps(stage), localProps);
+	const floatingPanel = useFloatingPanelContext();
+	const mergedProps = mergeProps(floatingPanel.getStageTriggerProps(stage), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-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/floating-panel/floating-panel-title.tsx
 var FloatingPanelTitle = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_floating_panel_context.useFloatingPanelContext().getTitleProps(), props);
+	const floatingPanel = require_use_floating_panel_context.useFloatingPanelContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(floatingPanel.getTitleProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.h2, {
 		...mergedProps,
 		ref

package/dist/components/floating-panel/floating-panel-title.js

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

package/dist/components/format/format-byte.cjs

@@ -6,10 +6,11 @@ let _zag_js_i18n_utils = require("@zag-js/i18n-utils");
 //#region src/components/format/format-byte.tsx
 var FormatByte = (props) => {
 	const { locale } = require_use_locale_context.useLocaleContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.useMemo)(() => {
+	const text = (0, react.useMemo)(() => {
 		const { value, ...intlOptions } = props;
 		return (0, _zag_js_i18n_utils.formatBytes)(value, locale, intlOptions);
-	}, [props, locale]) });
+	}, [props, locale]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: text });
 };
 FormatByte.displayName = "FormatByte";
 //#endregion

package/dist/components/format/format-byte.js

@@ -6,10 +6,11 @@ import { formatBytes } from "@zag-js/i18n-utils";
 //#region src/components/format/format-byte.tsx
 var FormatByte = (props) => {
 	const { locale } = useLocaleContext();
-	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => {
+	const text = useMemo(() => {
 		const { value, ...intlOptions } = props;
 		return formatBytes(value, locale, intlOptions);
-	}, [props, locale]) });
+	}, [props, locale]);
+	return /* @__PURE__ */ jsx(Fragment$1, { children: text });
 };
 FormatByte.displayName = "FormatByte";
 //#endregion

package/dist/components/format/format-number.cjs

@@ -6,10 +6,11 @@ let _zag_js_i18n_utils = require("@zag-js/i18n-utils");
 //#region src/components/format/format-number.tsx
 var FormatNumber = (props) => {
 	const { locale } = require_use_locale_context.useLocaleContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.useMemo)(() => {
+	const text = (0, react.useMemo)(() => {
 		const { value, ...intlOptions } = props;
 		return (0, _zag_js_i18n_utils.formatNumber)(value, locale, intlOptions);
-	}, [props, locale]) });
+	}, [props, locale]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: text });
 };
 FormatNumber.displayName = "FormatNumber";
 //#endregion

package/dist/components/format/format-number.js

@@ -6,10 +6,11 @@ import { formatNumber } from "@zag-js/i18n-utils";
 //#region src/components/format/format-number.tsx
 var FormatNumber = (props) => {
 	const { locale } = useLocaleContext();
-	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => {
+	const text = useMemo(() => {
 		const { value, ...intlOptions } = props;
 		return formatNumber(value, locale, intlOptions);
-	}, [props, locale]) });
+	}, [props, locale]);
+	return /* @__PURE__ */ jsx(Fragment$1, { children: text });
 };
 FormatNumber.displayName = "FormatNumber";
 //#endregion

package/dist/components/format/format-relative-time.cjs

@@ -6,10 +6,11 @@ let _zag_js_i18n_utils = require("@zag-js/i18n-utils");
 //#region src/components/format/format-relative-time.tsx
 var FormatRelativeTime = (props) => {
 	const { locale } = require_use_locale_context.useLocaleContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.useMemo)(() => {
+	const text = (0, react.useMemo)(() => {
 		const { value, ...intlOptions } = props;
 		return (0, _zag_js_i18n_utils.formatRelativeTime)(value, locale, intlOptions);
-	}, [props, locale]) });
+	}, [props, locale]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: text });
 };
 FormatRelativeTime.displayName = "FormatRelativeTime";
 //#endregion