@ark-ui/react 5.38.1 → 5.38.2

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

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

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

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

package/dist/components/pagination/pagination-last-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/pagination/pagination-last-trigger.tsx
 var PaginationLastTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_pagination_context.usePaginationContext().getLastTriggerProps(), props);
+	const pagination = require_use_pagination_context.usePaginationContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(pagination.getLastTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/pagination/pagination-last-trigger.js

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

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

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

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

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

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

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

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

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

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

package/dist/components/password-input/password-input-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/password-input/password-input-input.tsx
 var PasswordInputInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_password_input_context.usePasswordInputContext().getInputProps(), props);
+	const passwordInput = require_use_password_input_context.usePasswordInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(passwordInput.getInputProps(), 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/password-input/password-input-input.js

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

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

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

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

package/dist/components/password-input/password-input-visibility-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/password-input/password-input-visibility-trigger.tsx
 var PasswordInputVisibilityTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_password_input_context.usePasswordInputContext().getVisibilityTriggerProps(), props);
+	const passwordInput = require_use_password_input_context.usePasswordInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(passwordInput.getVisibilityTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/password-input/password-input-visibility-trigger.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/password-input/password-input-visibility-trigger.tsx
 var PasswordInputVisibilityTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(usePasswordInputContext().getVisibilityTriggerProps(), props);
+	const passwordInput = usePasswordInputContext();
+	const mergedProps = mergeProps(passwordInput.getVisibilityTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

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

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

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

package/dist/components/pin-input/pin-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/pin-input/pin-input-hidden-input.tsx
 var PinInputHiddenInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_pin_input_context.usePinInputContext().getHiddenInputProps(), props);
+	const pinInput = require_use_pin_input_context.usePinInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(pinInput.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/pin-input/pin-input-hidden-input.js

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

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

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

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

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

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

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

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

package/dist/components/popover/popover-anchor.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/popover/popover-anchor.tsx
 var PopoverAnchor = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_popover_context.usePopoverContext().getAnchorProps(), props);
+	const popover = require_use_popover_context.usePopoverContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(popover.getAnchorProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/popover/popover-anchor.js

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

package/dist/components/popover/popover-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/popover/popover-arrow-tip.tsx
 var PopoverArrowTip = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_popover_context.usePopoverContext().getArrowTipProps(), props);
+	const popover = require_use_popover_context.usePopoverContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(popover.getArrowTipProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

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

package/dist/components/popover/popover-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/popover/popover-arrow.tsx
 var PopoverArrow = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_popover_context.usePopoverContext().getArrowProps(), props);
+	const popover = require_use_popover_context.usePopoverContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(popover.getArrowProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

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

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

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

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

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

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

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

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

package/dist/components/popover/popover-indicator.js

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

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

@@ -8,10 +8,11 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/popover/popover-root-provider.tsx
 var PopoverRootProvider = (props) => {
 	const [presenceProps, { value: popover, children }] = require_split_presence_props.splitPresenceProps(props);
+	const presence = require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: popover.open }, presenceProps));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_popover_context.PopoverProvider, {
 		value: popover,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_presence_context.PresenceProvider, {
-			value: require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: popover.open }, presenceProps)),
+			value: presence,
 			children
 		})
 	});

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

@@ -8,10 +8,11 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/popover/popover-root-provider.tsx
 var PopoverRootProvider = (props) => {
 	const [presenceProps, { value: popover, children }] = splitPresenceProps(props);
+	const presence = usePresence(mergeProps({ present: popover.open }, presenceProps));
 	return /* @__PURE__ */ jsx(PopoverProvider, {
 		value: popover,
 		children: /* @__PURE__ */ jsx(PresenceProvider, {
-			value: usePresence(mergeProps({ present: popover.open }, presenceProps)),
+			value: presence,
 			children
 		})
 	});

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

@@ -10,10 +10,11 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var PopoverRoot = (props) => {
 	const [presenceProps, { children, ...localProps }] = require_split_presence_props.splitPresenceProps(props);
 	const popover = require_use_popover.usePopover(localProps);
+	const presence = require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: popover.open }, presenceProps));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_popover_context.PopoverProvider, {
 		value: popover,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_presence_context.PresenceProvider, {
-			value: require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: popover.open }, presenceProps)),
+			value: presence,
 			children
 		})
 	});

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

@@ -10,10 +10,11 @@ import { jsx } from "react/jsx-runtime";
 var PopoverRoot = (props) => {
 	const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
 	const popover = usePopover(localProps);
+	const presence = usePresence(mergeProps({ present: popover.open }, presenceProps));
 	return /* @__PURE__ */ jsx(PopoverProvider, {
 		value: popover,
 		children: /* @__PURE__ */ jsx(PresenceProvider, {
-			value: usePresence(mergeProps({ present: popover.open }, presenceProps)),
+			value: presence,
 			children
 		})
 	});

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

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

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

package/dist/components/presence/presence-gate.cjs

@@ -1,11 +1,11 @@
 "use client";
-let react = require("react");
+const require_react_activity = require("../../utils/react-activity.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/presence/presence-gate.tsx
 var PresenceGate = (props) => {
 	const { presence, children } = props;
 	if (presence.unmounted) return null;
-	if (presence.hideMode === "activity") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Activity, {
+	if (presence.hideMode === "activity" && require_react_activity.Activity) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_react_activity.Activity, {
 		mode: presence.present ? "visible" : "hidden",
 		children
 	});

package/dist/components/presence/presence-gate.js

@@ -1,11 +1,11 @@
 "use client";
-import { Activity } from "react";
+import { Activity } from "../../utils/react-activity.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/presence/presence-gate.tsx
 var PresenceGate = (props) => {
 	const { presence, children } = props;
 	if (presence.unmounted) return null;
-	if (presence.hideMode === "activity") return /* @__PURE__ */ jsx(Activity, {
+	if (presence.hideMode === "activity" && Activity) return /* @__PURE__ */ jsx(Activity, {
 		mode: presence.present ? "visible" : "hidden",
 		children
 	});

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

@@ -1,12 +1,12 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_react_activity = require("../../utils/react-activity.cjs");
 const require_use_event = require("../../utils/use-event.cjs");
 let react = require("react");
 let _zag_js_react = require("@zag-js/react");
 let _zag_js_presence = require("@zag-js/presence");
 _zag_js_presence = require_runtime.__toESM(_zag_js_presence, 1);
 //#region src/components/presence/use-presence.ts
-var supportsActivity = typeof react.Activity !== "undefined";
 var usePresence = (props = {}) => {
 	const { lazyMount, unmountOnExit, hideMode = "display-none", present, skipAnimationOnMount = false, ...rest } = props;
 	const wasEverPresent = (0, react.useRef)(false);
@@ -19,7 +19,7 @@ var usePresence = (props = {}) => {
 	const api = _zag_js_presence.connect(service, _zag_js_react.normalizeProps);
 	if (api.present) wasEverPresent.current = true;
 	const unmounted = !api.present && !wasEverPresent.current && lazyMount || unmountOnExit && !api.present && wasEverPresent.current;
-	const resolvedHideMode = hideMode === "activity" && supportsActivity ? "activity" : "display-none";
+	const resolvedHideMode = hideMode === "activity" && require_react_activity.supportsActivity ? "activity" : "display-none";
 	const getPresenceProps = () => ({
 		"data-state": api.skip && skipAnimationOnMount ? void 0 : present ? "open" : "closed",
 		hidden: resolvedHideMode === "activity" ? false : !api.present

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

@@ -1,10 +1,10 @@
 "use client";
+import { supportsActivity } from "../../utils/react-activity.js";
 import { useEvent } from "../../utils/use-event.js";
-import { Activity, useRef } from "react";
+import { useRef } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
 import * as presence from "@zag-js/presence";
 //#region src/components/presence/use-presence.ts
-var supportsActivity = typeof Activity !== "undefined";
 var usePresence = (props = {}) => {
 	const { lazyMount, unmountOnExit, hideMode = "display-none", present, skipAnimationOnMount = false, ...rest } = props;
 	const wasEverPresent = useRef(false);

package/dist/components/progress/progress-circle-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/progress/progress-circle-range.tsx
 var ProgressCircleRange = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_progress_context.useProgressContext().getCircleRangeProps(), props);
+	const progress = require_use_progress_context.useProgressContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(progress.getCircleRangeProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.circle, {
 		ref,
 		...mergedProps

package/dist/components/progress/progress-circle-range.js

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

package/dist/components/progress/progress-circle-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/progress/progress-circle-track.tsx
 var ProgressCircleTrack = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_progress_context.useProgressContext().getCircleTrackProps(), props);
+	const progress = require_use_progress_context.useProgressContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(progress.getCircleTrackProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.circle, {
 		ref,
 		...mergedProps

package/dist/components/progress/progress-circle-track.js

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

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/progress/progress-circle.tsx
 var ProgressCircle = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_progress_context.useProgressContext().getCircleProps(), props);
+	const progress = require_use_progress_context.useProgressContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(progress.getCircleProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.svg, {
 		ref,
 		...mergedProps