@ark-ui/react 5.38.1 → 5.39.0

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/anatomy.cjs

@@ -47,6 +47,7 @@ let _zag_js_tabs = require("@zag-js/tabs");
 let _zag_js_tags_input = require("@zag-js/tags-input");
 let _zag_js_timer = require("@zag-js/timer");
 let _zag_js_toast = require("@zag-js/toast");
+let _zag_js_toc = require("@zag-js/toc");
 let _zag_js_toggle_group = require("@zag-js/toggle-group");
 let _zag_js_tooltip = require("@zag-js/tooltip");
 let _zag_js_tree_view = require("@zag-js/tree-view");
@@ -276,6 +277,12 @@ Object.defineProperty(exports, "toastAnatomy", {
 		return _zag_js_toast.anatomy;
 	}
 });
+Object.defineProperty(exports, "tocAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _zag_js_toc.anatomy;
+	}
+});
 exports.toggleAnatomy = require_toggle_anatomy.toggleAnatomy;
 Object.defineProperty(exports, "toggleGroupAnatomy", {
 	enumerable: true,

package/dist/components/anatomy.d.cts

@@ -45,6 +45,7 @@ export { tabsAnatomy } from './tabs/tabs.anatomy.js';
 export { tagsInputAnatomy } from './tags-input/tags-input.anatomy.js';
 export { timerAnatomy } from './timer/timer.anatomy.js';
 export { toastAnatomy } from './toast/toast.anatomy.js';
+export { tocAnatomy } from './toc/toc.anatomy.js';
 export { toggleAnatomy } from './toggle/toggle.anatomy.js';
 export { toggleGroupAnatomy } from './toggle-group/toggle-group.anatomy.js';
 export { tooltipAnatomy } from './tooltip/tooltip.anatomy.js';

package/dist/components/anatomy.d.ts

@@ -45,6 +45,7 @@ export { tabsAnatomy } from './tabs/tabs.anatomy.js';
 export { tagsInputAnatomy } from './tags-input/tags-input.anatomy.js';
 export { timerAnatomy } from './timer/timer.anatomy.js';
 export { toastAnatomy } from './toast/toast.anatomy.js';
+export { tocAnatomy } from './toc/toc.anatomy.js';
 export { toggleAnatomy } from './toggle/toggle.anatomy.js';
 export { toggleGroupAnatomy } from './toggle-group/toggle-group.anatomy.js';
 export { tooltipAnatomy } from './tooltip/tooltip.anatomy.js';

package/dist/components/anatomy.js

@@ -44,10 +44,11 @@ import { tabsAnatomy } from "./tabs/tabs.anatomy.js";
 import { tagsInputAnatomy } from "./tags-input/tags-input.anatomy.js";
 import { timerAnatomy } from "./timer/timer.anatomy.js";
 import { toastAnatomy } from "./toast/toast.anatomy.js";
+import { tocAnatomy } from "./toc/toc.anatomy.js";
 import { toggleAnatomy } from "./toggle/toggle.anatomy.js";
 import { toggleGroupAnatomy } from "./toggle-group/toggle-group.anatomy.js";
 import { tooltipAnatomy } from "./tooltip/tooltip.anatomy.js";
 import { tourAnatomy } from "./tour/tour.anatomy.js";
 import { treeViewAnatomy } from "./tree-view/tree-view.anatomy.js";
 export * from "@zag-js/anatomy";
-export { accordionAnatomy, angleSliderAnatomy, avatarAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, dateInputAnatomy, datePickerAnatomy, dialogAnatomy, drawerAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, menuAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, swapAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };
+export { accordionAnatomy, angleSliderAnatomy, avatarAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, dateInputAnatomy, datePickerAnatomy, dialogAnatomy, drawerAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, menuAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, swapAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, tocAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };

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