@ark-ui/react 5.38.0 → 5.38.2

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

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

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

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

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

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

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

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

package/dist/components/tabs/tab-content.cjs

@@ -15,8 +15,9 @@ var splitContentProps = require_create_split_props.createSplitProps();
 var TabContent = (0, react.forwardRef)((props, ref) => {
 	const [contentProps, localProps] = splitContentProps(props, ["value"]);
 	const tabs = require_use_tabs_context.useTabsContext();
+	const renderStrategyProps = require_render_strategy.useRenderStrategyPropsContext();
 	const presence = require_use_presence.usePresence({
-		...require_render_strategy.useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: tabs.value === props.value,
 		immediate: true
 	});

package/dist/components/tabs/tab-content.js

@@ -15,8 +15,9 @@ var splitContentProps = createSplitProps();
 var TabContent = forwardRef((props, ref) => {
 	const [contentProps, localProps] = splitContentProps(props, ["value"]);
 	const tabs = useTabsContext();
+	const renderStrategyProps = useRenderStrategyPropsContext();
 	const presence = usePresence({
-		...useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: tabs.value === props.value,
 		immediate: true
 	});

package/dist/components/tabs/tab-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/tabs/tab-indicator.tsx
 var TabIndicator = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tabs_context.useTabsContext().getIndicatorProps(), props);
+	const tabs = require_use_tabs_context.useTabsContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tabs.getIndicatorProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/tabs/tab-indicator.js

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

package/dist/components/tabs/tab-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/tabs/tab-list.tsx
 var TabList = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tabs_context.useTabsContext().getListProps(), props);
+	const tabs = require_use_tabs_context.useTabsContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tabs.getListProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/tabs/tab-list.js

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

package/dist/components/tabs/tab-trigger.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitTriggerProps = require_create_split_props.createSplitProps();
 var TabTrigger = (0, react.forwardRef)((props, ref) => {
 	const [tabProps, localProps] = splitTriggerProps(props, ["disabled", "value"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tabs_context.useTabsContext().getTriggerProps(tabProps), localProps);
+	const tabs = require_use_tabs_context.useTabsContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tabs.getTriggerProps(tabProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/tabs/tab-trigger.js

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitTriggerProps = createSplitProps();
 var TabTrigger = forwardRef((props, ref) => {
 	const [tabProps, localProps] = splitTriggerProps(props, ["disabled", "value"]);
-	const mergedProps = mergeProps(useTabsContext().getTriggerProps(tabProps), localProps);
+	const tabs = useTabsContext();
+	const mergedProps = mergeProps(tabs.getTriggerProps(tabProps), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

package/dist/components/tags-input/tags-input-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/tags-input/tags-input-clear-trigger.tsx
 var TagsInputClearTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tags_input_context.useTagsInputContext().getClearTriggerProps(), props);
+	const tagsInput = require_use_tags_input_context.useTagsInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tagsInput.getClearTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/tags-input/tags-input-clear-trigger.js

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

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

package/dist/components/tags-input/tags-input-control.js

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

package/dist/components/tags-input/tags-input-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/tags-input/tags-input-hidden-input.tsx
 var TagsInputHiddenInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tags_input_context.useTagsInputContext().getHiddenInputProps(), props);
+	const tagsInput = require_use_tags_input_context.useTagsInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tagsInput.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/tags-input/tags-input-hidden-input.js

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

package/dist/components/tags-input/tags-input-input.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tags-input/tags-input-input.tsx
 var TagsInputInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tags_input_context.useTagsInputContext().getInputProps(), props);
+	const tagsInput = require_use_tags_input_context.useTagsInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tagsInput.getInputProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
 		...mergedProps,
 		ref

package/dist/components/tags-input/tags-input-input.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/tags-input/tags-input-input.tsx
 var TagsInputInput = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useTagsInputContext().getInputProps(), props);
+	const tagsInput = useTagsInputContext();
+	const mergedProps = mergeProps(tagsInput.getInputProps(), props);
 	return /* @__PURE__ */ jsx(ark.input, {
 		...mergedProps,
 		ref

package/dist/components/tags-input/tags-input-item.cjs

@@ -17,10 +17,11 @@ var TagsInputItem = (0, react.forwardRef)((props, ref) => {
 	]);
 	const tagsInput = require_use_tags_input_context.useTagsInputContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(tagsInput.getItemProps(itemProps), localProps);
+	const tagsInputItem = tagsInput.getItemState(itemProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_tags_input_item_props_context.TagsInputItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_tags_input_item_context.TagsInputItemProvider, {
-			value: tagsInput.getItemState(itemProps),
+			value: tagsInputItem,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 				...mergedProps,
 				ref

package/dist/components/tags-input/tags-input-item.js

@@ -17,10 +17,11 @@ var TagsInputItem = forwardRef((props, ref) => {
 	]);
 	const tagsInput = useTagsInputContext();
 	const mergedProps = mergeProps(tagsInput.getItemProps(itemProps), localProps);
+	const tagsInputItem = tagsInput.getItemState(itemProps);
 	return /* @__PURE__ */ jsx(TagsInputItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ jsx(TagsInputItemProvider, {
-			value: tagsInput.getItemState(itemProps),
+			value: tagsInputItem,
 			children: /* @__PURE__ */ jsx(ark.div, {
 				...mergedProps,
 				ref

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

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

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

package/dist/components/timer/timer-action-trigger.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitActionTriggerProps = require_create_split_props.createSplitProps();
 var TimerActionTrigger = (0, react.forwardRef)((props, ref) => {
 	const [actionTriggerProps, localProps] = splitActionTriggerProps(props, ["action"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_timer_context.useTimerContext().getActionTriggerProps(actionTriggerProps), localProps);
+	const timer = require_use_timer_context.useTimerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(timer.getActionTriggerProps(actionTriggerProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-action-trigger.js

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitActionTriggerProps = createSplitProps();
 var TimerActionTrigger = forwardRef((props, ref) => {
 	const [actionTriggerProps, localProps] = splitActionTriggerProps(props, ["action"]);
-	const mergedProps = mergeProps(useTimerContext().getActionTriggerProps(actionTriggerProps), localProps);
+	const timer = useTimerContext();
+	const mergedProps = mergeProps(timer.getActionTriggerProps(actionTriggerProps), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-area.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/timer/timer-area.tsx
 var TimerArea = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_timer_context.useTimerContext().getAreaProps(), props);
+	const timer = require_use_timer_context.useTimerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(timer.getAreaProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-area.js

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

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

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

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

package/dist/components/timer/timer-separator.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/timer/timer-separator.tsx
 var TimerSeparator = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_timer_context.useTimerContext().getSeparatorProps(), props);
+	const timer = require_use_timer_context.useTimerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(timer.getSeparatorProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/timer/timer-separator.js

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

package/dist/components/toast/toast-action-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/toast/toast-action-trigger.tsx
 var ToastActionTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_toast_context.useToastContext().getActionTriggerProps(), props);
+	const toast = require_use_toast_context.useToastContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toast.getActionTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/toast/toast-action-trigger.js

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

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

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

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

package/dist/components/toast/toast-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/toast/toast-description.tsx
 var ToastDescription = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_toast_context.useToastContext().getDescriptionProps(), props);
+	const toast = require_use_toast_context.useToastContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toast.getDescriptionProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

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

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

@@ -6,8 +6,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/toast/toast-root.tsx
 var ToastRoot = (0, react.forwardRef)((props, ref) => {
 	const toast = require_use_toast_context.useToastContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toast.getRootProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		...(0, _zag_js_react.mergeProps)(toast.getRootProps(), props),
+		...mergedProps,
 		ref,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ...toast.getGhostBeforeProps() }),

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

@@ -6,8 +6,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/toast/toast-root.tsx
 var ToastRoot = forwardRef((props, ref) => {
 	const toast = useToastContext();
+	const mergedProps = mergeProps(toast.getRootProps(), props);
 	return /* @__PURE__ */ jsxs("div", {
-		...mergeProps(toast.getRootProps(), props),
+		...mergedProps,
 		ref,
 		children: [
 			/* @__PURE__ */ jsx("div", { ...toast.getGhostBeforeProps() }),

package/dist/components/toast/toast-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/toast/toast-title.tsx
 var ToastTitle = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_toast_context.useToastContext().getTitleProps(), props);
+	const toast = require_use_toast_context.useToastContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toast.getTitleProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

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

package/dist/components/toast/toaster.cjs

@@ -43,8 +43,9 @@ var ToastActor = (props) => {
 		getRootNode: env.getRootNode
 	};
 	const service = (0, _zag_js_react.useMachine)(_zag_js_toast.machine, { ...localProps });
+	const api = _zag_js_toast.connect(service, _zag_js_react.normalizeProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_toast_context.ToastProvider, {
-		value: _zag_js_toast.connect(service, _zag_js_react.normalizeProps),
+		value: api,
 		children: props.children(props.value)
 	});
 };

package/dist/components/toast/toaster.js

@@ -41,8 +41,9 @@ var ToastActor = (props) => {
 		getRootNode: env.getRootNode
 	};
 	const service = useMachine(toast.machine, { ...localProps });
+	const api = toast.connect(service, normalizeProps);
 	return /* @__PURE__ */ jsx(ToastProvider, {
-		value: toast.connect(service, normalizeProps),
+		value: api,
 		children: props.children(props.value)
 	});
 };

package/dist/components/toggle-group/toggle-group-item.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitItemProps = require_create_split_props.createSplitProps();
 var ToggleGroupItem = (0, react.forwardRef)((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_toggle_group_context.useToggleGroupContext().getItemProps(itemProps), localProps);
+	const toggleGroup = require_use_toggle_group_context.useToggleGroupContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(toggleGroup.getItemProps(itemProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/toggle-group/toggle-group-item.js

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitItemProps = createSplitProps();
 var ToggleGroupItem = forwardRef((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
-	const mergedProps = mergeProps(useToggleGroupContext().getItemProps(itemProps), localProps);
+	const toggleGroup = useToggleGroupContext();
+	const mergedProps = mergeProps(toggleGroup.getItemProps(itemProps), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

package/dist/components/tooltip/tooltip-arrow-tip.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tooltip/tooltip-arrow-tip.tsx
 var TooltipArrowTip = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tooltip_context.useTooltipContext().getArrowTipProps(), props);
+	const tooltip = require_use_tooltip_context.useTooltipContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tooltip.getArrowTipProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/tooltip/tooltip-arrow-tip.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/tooltip/tooltip-arrow-tip.tsx
 var TooltipArrowTip = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useTooltipContext().getArrowTipProps(), props);
+	const tooltip = useTooltipContext();
+	const mergedProps = mergeProps(tooltip.getArrowTipProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/tooltip/tooltip-arrow.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tooltip/tooltip-arrow.tsx
 var TooltipArrow = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tooltip_context.useTooltipContext().getArrowProps(), props);
+	const tooltip = require_use_tooltip_context.useTooltipContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tooltip.getArrowProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/tooltip/tooltip-arrow.js

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

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

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