@ark-ui/react 5.38.0 → 5.38.2

package/dist/_virtual/_rolldown/runtime.cjs

@@ -24,7 +24,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));

package/dist/components/accordion/accordion-item-content.js

@@ -12,9 +12,10 @@ var AccordionItemContent = forwardRef((props, ref) => {
 	const accordion = useAccordionContext();
 	const itemProps = useAccordionItemPropsContext();
 	const [, itemContentProps] = splitVisibilityProps(accordion.getItemContentProps(itemProps), ["hidden", "data-state"]);
+	const mergedProps = mergeProps(itemContentProps, props);
 	return /* @__PURE__ */ jsx(CollapsibleContent, {
 		ref,
-		...mergeProps(itemContentProps, props)
+		...mergedProps
 	});
 });
 AccordionItemContent.displayName = "AccordionItemContent";

package/dist/components/angle-slider/angle-slider-control.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/angle-slider/angle-slider-control.tsx
 var AngleSliderControl = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_angle_slider_context.useAngleSliderContext().getControlProps(), props);
+	const angleSlider = require_use_angle_slider_context.useAngleSliderContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(angleSlider.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

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

package/dist/components/angle-slider/angle-slider-hidden-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/angle-slider/angle-slider-hidden-input.tsx
 var AngleSliderHiddenInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_angle_slider_context.useAngleSliderContext().getHiddenInputProps(), props);
+	const angleSlider = require_use_angle_slider_context.useAngleSliderContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(angleSlider.getHiddenInputProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
 		...mergedProps,
 		ref

package/dist/components/angle-slider/angle-slider-hidden-input.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/angle-slider/angle-slider-hidden-input.tsx
 var AngleSliderHiddenInput = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useAngleSliderContext().getHiddenInputProps(), props);
+	const angleSlider = useAngleSliderContext();
+	const mergedProps = mergeProps(angleSlider.getHiddenInputProps(), props);
 	return /* @__PURE__ */ jsx(ark.input, {
 		...mergedProps,
 		ref

package/dist/components/angle-slider/angle-slider-label.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/angle-slider/angle-slider-label.tsx
 var AngleSliderLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_angle_slider_context.useAngleSliderContext().getLabelProps(), props);
+	const angleSlider = require_use_angle_slider_context.useAngleSliderContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(angleSlider.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {
 		...mergedProps,
 		ref

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

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

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

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

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

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

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

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

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

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

package/dist/components/angle-slider/angle-slider-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/angle-slider/angle-slider-thumb.tsx
 var AngleSliderThumb = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_angle_slider_context.useAngleSliderContext().getThumbProps(), props);
+	const angleSlider = require_use_angle_slider_context.useAngleSliderContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(angleSlider.getThumbProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

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

package/dist/components/avatar/avatar-fallback.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/avatar/avatar-fallback.tsx
 var AvatarFallback = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_avatar_context.useAvatarContext().getFallbackProps(), props);
+	const avatar = require_use_avatar_context.useAvatarContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(avatar.getFallbackProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref

package/dist/components/avatar/avatar-fallback.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/avatar/avatar-fallback.tsx
 var AvatarFallback = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useAvatarContext().getFallbackProps(), props);
+	const avatar = useAvatarContext();
+	const mergedProps = mergeProps(avatar.getFallbackProps(), props);
 	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref

package/dist/components/avatar/avatar-image.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/avatar/avatar-image.tsx
 var AvatarImage = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_avatar_context.useAvatarContext().getImageProps(), props);
+	const avatar = require_use_avatar_context.useAvatarContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(avatar.getImageProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.img, {
 		...mergedProps,
 		ref

package/dist/components/avatar/avatar-image.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/avatar/avatar-image.tsx
 var AvatarImage = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useAvatarContext().getImageProps(), props);
+	const avatar = useAvatarContext();
+	const mergedProps = mergeProps(avatar.getImageProps(), props);
 	return /* @__PURE__ */ jsx(ark.img, {
 		...mergedProps,
 		ref

package/dist/components/carousel/carousel-autoplay-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/carousel/carousel-autoplay-trigger.tsx
 var CarouselAutoplayTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_carousel_context.useCarouselContext().getAutoplayTriggerProps(), props);
+	const carousel = require_use_carousel_context.useCarouselContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(carousel.getAutoplayTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/carousel/carousel-autoplay-trigger.js

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

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

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

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

package/dist/components/carousel/carousel-indicator-group.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/carousel/carousel-indicator-group.tsx
 var CarouselIndicatorGroup = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_carousel_context.useCarouselContext().getIndicatorGroupProps(), props);
+	const carousel = require_use_carousel_context.useCarouselContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(carousel.getIndicatorGroupProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/carousel/carousel-indicator-group.js

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

package/dist/components/carousel/carousel-indicator.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitIndicatorProps = require_create_split_props.createSplitProps();
 var CarouselIndicator = (0, react.forwardRef)((props, ref) => {
 	const [indicatorProps, localProps] = splitIndicatorProps(props, ["readOnly", "index"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_carousel_context.useCarouselContext().getIndicatorProps(indicatorProps), localProps);
+	const carousel = require_use_carousel_context.useCarouselContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(carousel.getIndicatorProps(indicatorProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

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

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitIndicatorProps = createSplitProps();
 var CarouselIndicator = forwardRef((props, ref) => {
 	const [indicatorProps, localProps] = splitIndicatorProps(props, ["readOnly", "index"]);
-	const mergedProps = mergeProps(useCarouselContext().getIndicatorProps(indicatorProps), localProps);
+	const carousel = useCarouselContext();
+	const mergedProps = mergeProps(carousel.getIndicatorProps(indicatorProps), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/carousel/carousel-item-group.tsx
 var CarouselItemGroup = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_carousel_context.useCarouselContext().getItemGroupProps(), props);
+	const carousel = require_use_carousel_context.useCarouselContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(carousel.getItemGroupProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

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

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

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitItemProps = require_create_split_props.createSplitProps();
 var CarouselItem = (0, react.forwardRef)((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["index", "snapAlign"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_carousel_context.useCarouselContext().getItemProps(itemProps), localProps);
+	const carousel = require_use_carousel_context.useCarouselContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(carousel.getItemProps(itemProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitItemProps = createSplitProps();
 var CarouselItem = forwardRef((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["index", "snapAlign"]);
-	const mergedProps = mergeProps(useCarouselContext().getItemProps(itemProps), localProps);
+	const carousel = useCarouselContext();
+	const mergedProps = mergeProps(carousel.getItemProps(itemProps), localProps);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

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

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

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

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

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

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

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

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

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

package/dist/components/checkbox/checkbox-group.cjs

@@ -19,8 +19,9 @@ var CheckboxGroup = (0, react.forwardRef)((props, ref) => {
 		"name",
 		"maxSelectedValues"
 	]);
+	const checkboxGroup = require_use_checkbox_group.useCheckboxGroup(checkboxGroupProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_checkbox_group_context.CheckboxGroupContextProvider, {
-		value: require_use_checkbox_group.useCheckboxGroup(checkboxGroupProps),
+		value: checkboxGroup,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			ref,
 			role: "group",

package/dist/components/checkbox/checkbox-group.js

@@ -19,8 +19,9 @@ var CheckboxGroup = forwardRef((props, ref) => {
 		"name",
 		"maxSelectedValues"
 	]);
+	const checkboxGroup = useCheckboxGroup(checkboxGroupProps);
 	return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, {
-		value: useCheckboxGroup(checkboxGroupProps),
+		value: checkboxGroup,
 		children: /* @__PURE__ */ jsx(ark.div, {
 			ref,
 			role: "group",

package/dist/components/checkbox/checkbox-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/checkbox/checkbox-hidden-input.tsx
 var CheckboxHiddenInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_checkbox_context.useCheckboxContext().getHiddenInputProps(), props);
+	const checkbox = require_use_checkbox_context.useCheckboxContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(checkbox.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/checkbox/checkbox-hidden-input.js

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

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

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

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

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

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

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

package/dist/components/clipboard/clipboard-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/clipboard/clipboard-input.tsx
 var ClipboardInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_clipboard_context.useClipboardContext().getInputProps(), props);
+	const clipboard = require_use_clipboard_context.useClipboardContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(clipboard.getInputProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
 		...mergedProps,
 		ref

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

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

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

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

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

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

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

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

package/dist/components/collapsible/collapsible-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/collapsible/collapsible-gate.tsx
 var CollapsibleGate = (props) => {
 	const { collapsible, children } = props;
 	if (collapsible.isUnmounted) return null;
-	if (collapsible.hideMode === "activity") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Activity, {
+	if (collapsible.hideMode === "activity" && require_react_activity.Activity) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_react_activity.Activity, {
 		mode: collapsible.visible ? "visible" : "hidden",
 		children
 	});

package/dist/components/collapsible/collapsible-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/collapsible/collapsible-gate.tsx
 var CollapsibleGate = (props) => {
 	const { collapsible, children } = props;
 	if (collapsible.isUnmounted) return null;
-	if (collapsible.hideMode === "activity") return /* @__PURE__ */ jsx(Activity, {
+	if (collapsible.hideMode === "activity" && Activity) return /* @__PURE__ */ jsx(Activity, {
 		mode: collapsible.visible ? "visible" : "hidden",
 		children
 	});

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