@ark-ui/react 5.38.0 → 5.38.2

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

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

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

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

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

@@ -10,10 +10,11 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var TooltipRoot = (props) => {
 	const [presenceProps, { children, ...localProps }] = require_split_presence_props.splitPresenceProps(props);
 	const tooltip = require_use_tooltip.useTooltip(localProps);
+	const presence = require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: tooltip.open }, presenceProps));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_tooltip_context.TooltipProvider, {
 		value: tooltip,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_presence_context.PresenceProvider, {
-			value: require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: tooltip.open }, presenceProps)),
+			value: presence,
 			children
 		})
 	});

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/tour/tour-backdrop.cjs

@@ -11,8 +11,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tour/tour-backdrop.tsx
 var TourBackdrop = (0, react.forwardRef)((props, ref) => {
 	const tour = require_use_tour_context.useTourContext();
+	const renderStrategyProps = require_render_strategy.useRenderStrategyPropsContext();
 	const presence = require_use_presence.usePresence({
-		...require_render_strategy.useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: tour.open
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(tour.getBackdropProps(), presence.getPresenceProps(), props);

package/dist/components/tour/tour-backdrop.js

@@ -11,8 +11,9 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/tour/tour-backdrop.tsx
 var TourBackdrop = forwardRef((props, ref) => {
 	const tour = useTourContext();
+	const renderStrategyProps = useRenderStrategyPropsContext();
 	const presence = usePresence({
-		...useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: tour.open
 	});
 	const mergedProps = mergeProps(tour.getBackdropProps(), presence.getPresenceProps(), props);

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

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

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

package/dist/components/tour/tour-positioner.cjs

@@ -7,7 +7,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tour/tour-positioner.tsx
 var TourPositioner = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tour_context.useTourContext().getPositionerProps(), props);
+	const tour = require_use_tour_context.useTourContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(tour.getPositionerProps(), props);
 	if (require_use_presence_context.usePresenceContext().unmounted) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,

package/dist/components/tour/tour-positioner.js

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

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

@@ -10,12 +10,13 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var TourRoot = (props) => {
 	const [presenceProps, { children, tour }] = require_split_presence_props.splitPresenceProps(props);
 	const [renderStrategyProps] = require_render_strategy.splitRenderStrategyProps(presenceProps);
+	const presence = require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: tour.open }, presenceProps));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_tour_context.TourProvider, {
 		value: tour,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_render_strategy.RenderStrategyPropsProvider, {
 			value: renderStrategyProps,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_presence_context.PresenceProvider, {
-				value: require_use_presence.usePresence((0, _zag_js_react.mergeProps)({ present: tour.open }, presenceProps)),
+				value: presence,
 				children
 			})
 		})

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

@@ -10,12 +10,13 @@ import { jsx } from "react/jsx-runtime";
 var TourRoot = (props) => {
 	const [presenceProps, { children, tour }] = splitPresenceProps(props);
 	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const presence = usePresence(mergeProps({ present: tour.open }, presenceProps));
 	return /* @__PURE__ */ jsx(TourProvider, {
 		value: tour,
 		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
 			value: renderStrategyProps,
 			children: /* @__PURE__ */ jsx(PresenceProvider, {
-				value: usePresence(mergeProps({ present: tour.open }, presenceProps)),
+				value: presence,
 				children
 			})
 		})

package/dist/components/tour/tour-spotlight.cjs

@@ -11,8 +11,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tour/tour-spotlight.tsx
 var TourSpotlight = (0, react.forwardRef)((props, ref) => {
 	const tour = require_use_tour_context.useTourContext();
+	const renderStrategyProps = require_render_strategy.useRenderStrategyPropsContext();
 	const presence = require_use_presence.usePresence({
-		...require_render_strategy.useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: tour.open
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(tour.getSpotlightProps(), presence.getPresenceProps(), props);

package/dist/components/tour/tour-spotlight.js

@@ -11,8 +11,9 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/tour/tour-spotlight.tsx
 var TourSpotlight = forwardRef((props, ref) => {
 	const tour = useTourContext();
+	const renderStrategyProps = useRenderStrategyPropsContext();
 	const presence = usePresence({
-		...useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: tour.open
 	});
 	const mergedProps = mergeProps(tour.getSpotlightProps(), presence.getPresenceProps(), props);

package/dist/components/tour/tour.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const tourAnatomy: AnatomyInstance<"control" | "progressText" | "positioner" | "content" | "actionTrigger" | "closeTrigger" | "title" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
+export declare const tourAnatomy: AnatomyInstance<"control" | "progressText" | "positioner" | "content" | "title" | "actionTrigger" | "closeTrigger" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;

package/dist/components/tour/tour.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const tourAnatomy: AnatomyInstance<"control" | "progressText" | "positioner" | "content" | "actionTrigger" | "closeTrigger" | "title" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
+export declare const tourAnatomy: AnatomyInstance<"control" | "progressText" | "positioner" | "content" | "title" | "actionTrigger" | "closeTrigger" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;

package/dist/components/tree-view/tree-view-branch-content.js

@@ -12,9 +12,10 @@ var TreeViewBranchContent = forwardRef((props, ref) => {
 	const treeView = useTreeViewContext();
 	const nodeProps = useTreeViewNodePropsContext();
 	const [, branchContentProps] = splitVisibilityProps(treeView.getBranchContentProps(nodeProps), ["hidden", "data-state"]);
+	const mergedProps = mergeProps(branchContentProps, props);
 	return /* @__PURE__ */ jsx(CollapsibleContent, {
 		ref,
-		...mergeProps(branchContentProps, props)
+		...mergedProps
 	});
 });
 TreeViewBranchContent.displayName = "TreeViewBranchContent";

package/dist/components/tree-view/tree-view-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/tree-view/tree-view-label.tsx
 var TreeViewLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tree_view_context.useTreeViewContext().getLabelProps(), props);
+	const treeView = require_use_tree_view_context.useTreeViewContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(treeView.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.h3, {
 		...mergedProps,
 		ref

package/dist/components/tree-view/tree-view-label.js

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

package/dist/components/tree-view/tree-view-node-provider.cjs

@@ -8,8 +8,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitNodeProps = require_create_split_props.createSplitProps();
 function TreeViewNodeProvider(props) {
 	const [nodeProps, localProps] = splitNodeProps(props, ["indexPath", "node"]);
+	const nodeState = require_use_tree_view_context.useTreeViewContext().getNodeState(nodeProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_tree_view_node_context.TreeViewNodeStateProvider, {
-		value: require_use_tree_view_context.useTreeViewContext().getNodeState(nodeProps),
+		value: nodeState,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_tree_view_node_props_context.TreeViewNodePropsProvider, {
 			value: nodeProps,
 			children: localProps.children

package/dist/components/tree-view/tree-view-node-provider.js

@@ -8,8 +8,9 @@ import { jsx } from "react/jsx-runtime";
 var splitNodeProps = createSplitProps();
 function TreeViewNodeProvider(props) {
 	const [nodeProps, localProps] = splitNodeProps(props, ["indexPath", "node"]);
+	const nodeState = useTreeViewContext().getNodeState(nodeProps);
 	return /* @__PURE__ */ jsx(TreeViewNodeStateProvider, {
-		value: useTreeViewContext().getNodeState(nodeProps),
+		value: nodeState,
 		children: /* @__PURE__ */ jsx(TreeViewNodePropsProvider, {
 			value: nodeProps,
 			children: localProps.children

package/dist/components/tree-view/tree-view-tree.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/tree-view/tree-view-tree.tsx
 var TreeViewTree = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_tree_view_context.useTreeViewContext().getTreeProps(), props);
+	const treeView = require_use_tree_view_context.useTreeViewContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(treeView.getTreeProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/tree-view/tree-view-tree.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/tree-view/tree-view-tree.tsx
 var TreeViewTree = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useTreeViewContext().getTreeProps(), props);
+	const treeView = useTreeViewContext();
+	const mergedProps = mergeProps(treeView.getTreeProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/providers/environment/environment-provider.cjs

@@ -11,12 +11,13 @@ var EnvironmentProvider = (props) => {
 	const getRootNode = (0, react.useMemo)(() => {
 		return () => require_run_if_fn.runIfFn(value) ?? spanRef?.getRootNode() ?? document;
 	}, [value, spanRef]);
+	const environment = (0, react.useMemo)(() => ({
+		getRootNode,
+		getWindow: () => (0, _zag_js_dom_query.getWindow)(getRootNode()),
+		getDocument: () => (0, _zag_js_dom_query.getDocument)(getRootNode())
+	}), [getRootNode]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_use_environment_context.EnvironmentContextProvider, {
-		value: (0, react.useMemo)(() => ({
-			getRootNode,
-			getWindow: () => (0, _zag_js_dom_query.getWindow)(getRootNode()),
-			getDocument: () => (0, _zag_js_dom_query.getDocument)(getRootNode())
-		}), [getRootNode]),
+		value: environment,
 		children: [children, !value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			hidden: true,
 			ref: setSpanRef

package/dist/providers/environment/environment-provider.js

@@ -11,12 +11,13 @@ var EnvironmentProvider = (props) => {
 	const getRootNode = useMemo(() => {
 		return () => runIfFn(value) ?? spanRef?.getRootNode() ?? document;
 	}, [value, spanRef]);
+	const environment = useMemo(() => ({
+		getRootNode,
+		getWindow: () => getWindow(getRootNode()),
+		getDocument: () => getDocument(getRootNode())
+	}), [getRootNode]);
 	return /* @__PURE__ */ jsxs(EnvironmentContextProvider, {
-		value: useMemo(() => ({
-			getRootNode,
-			getWindow: () => getWindow(getRootNode()),
-			getDocument: () => getDocument(getRootNode())
-		}), [getRootNode]),
+		value: environment,
 		children: [children, !value && /* @__PURE__ */ jsx("span", {
 			hidden: true,
 			ref: setSpanRef

package/dist/providers/interaction/use-focus-visible.cjs

@@ -6,7 +6,7 @@ let _zag_js_focus_visible = require("@zag-js/focus-visible");
 function useFocusVisible(props = {}) {
 	const { isTextInput, autoFocus } = props;
 	const { getRootNode } = require_use_environment_context.useEnvironmentContext();
-	return (0, react.useSyncExternalStore)((0, react.useCallback)((onStoreChange) => (0, _zag_js_focus_visible.trackFocusVisible)({
+	const subscribe = (0, react.useCallback)((onStoreChange) => (0, _zag_js_focus_visible.trackFocusVisible)({
 		root: getRootNode(),
 		isTextInput,
 		autoFocus,
@@ -15,7 +15,9 @@ function useFocusVisible(props = {}) {
 		getRootNode,
 		isTextInput,
 		autoFocus
-	]), (0, react.useCallback)(() => autoFocus || (0, _zag_js_focus_visible.isFocusVisible)(), [autoFocus]), () => false);
+	]);
+	const getSnapshot = (0, react.useCallback)(() => autoFocus || (0, _zag_js_focus_visible.isFocusVisible)(), [autoFocus]);
+	return (0, react.useSyncExternalStore)(subscribe, getSnapshot, () => false);
 }
 //#endregion
 exports.useFocusVisible = useFocusVisible;

package/dist/providers/interaction/use-focus-visible.js

@@ -6,7 +6,7 @@ import { isFocusVisible, trackFocusVisible } from "@zag-js/focus-visible";
 function useFocusVisible(props = {}) {
 	const { isTextInput, autoFocus } = props;
 	const { getRootNode } = useEnvironmentContext();
-	return useSyncExternalStore(useCallback((onStoreChange) => trackFocusVisible({
+	const subscribe = useCallback((onStoreChange) => trackFocusVisible({
 		root: getRootNode(),
 		isTextInput,
 		autoFocus,
@@ -15,7 +15,9 @@ function useFocusVisible(props = {}) {
 		getRootNode,
 		isTextInput,
 		autoFocus
-	]), useCallback(() => autoFocus || isFocusVisible(), [autoFocus]), () => false);
+	]);
+	const getSnapshot = useCallback(() => autoFocus || isFocusVisible(), [autoFocus]);
+	return useSyncExternalStore(subscribe, getSnapshot, () => false);
 }
 //#endregion
 export { useFocusVisible };

package/dist/providers/locale/locale-provider.cjs

@@ -5,11 +5,12 @@ let _zag_js_i18n_utils = require("@zag-js/i18n-utils");
 //#region src/providers/locale/locale-provider.tsx
 var LocaleProvider = (props) => {
 	const { children, locale } = props;
+	const context = {
+		locale,
+		dir: (0, _zag_js_i18n_utils.isRTL)(locale) ? "rtl" : "ltr"
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_locale_context.LocaleContextProvider, {
-		value: {
-			locale,
-			dir: (0, _zag_js_i18n_utils.isRTL)(locale) ? "rtl" : "ltr"
-		},
+		value: context,
 		children
 	});
 };

package/dist/providers/locale/locale-provider.js

@@ -5,11 +5,12 @@ import { isRTL } from "@zag-js/i18n-utils";
 //#region src/providers/locale/locale-provider.tsx
 var LocaleProvider = (props) => {
 	const { children, locale } = props;
+	const context = {
+		locale,
+		dir: isRTL(locale) ? "rtl" : "ltr"
+	};
 	return /* @__PURE__ */ jsx(LocaleContextProvider, {
-		value: {
-			locale,
-			dir: isRTL(locale) ? "rtl" : "ltr"
-		},
+		value: context,
 		children
 	});
 };

package/dist/utils/compose-refs.cjs

@@ -3,11 +3,20 @@ let react = require("react");
 function composeRefs(...refs) {
 	return (node) => {
 		const cleanUps = [];
+		let hasCustomCleanUp = false;
 		for (const ref of refs) if (typeof ref === "function") {
 			const cb = ref(node);
-			if (typeof cb === "function") cleanUps.push(cb);
-		} else if (ref) ref.current = node;
-		if (cleanUps.length) return () => {
+			if (typeof cb === "function") {
+				hasCustomCleanUp = true;
+				cleanUps.push(cb);
+			} else cleanUps.push(() => ref(null));
+		} else if (ref) {
+			ref.current = node;
+			cleanUps.push(() => {
+				ref.current = null;
+			});
+		}
+		if (hasCustomCleanUp) return () => {
 			for (const cleanUp of cleanUps) cleanUp();
 		};
 	};

package/dist/utils/compose-refs.js

@@ -3,11 +3,20 @@ import { useCallback } from "react";
 function composeRefs(...refs) {
 	return (node) => {
 		const cleanUps = [];
+		let hasCustomCleanUp = false;
 		for (const ref of refs) if (typeof ref === "function") {
 			const cb = ref(node);
-			if (typeof cb === "function") cleanUps.push(cb);
-		} else if (ref) ref.current = node;
-		if (cleanUps.length) return () => {
+			if (typeof cb === "function") {
+				hasCustomCleanUp = true;
+				cleanUps.push(cb);
+			} else cleanUps.push(() => ref(null));
+		} else if (ref) {
+			ref.current = node;
+			cleanUps.push(() => {
+				ref.current = null;
+			});
+		}
+		if (hasCustomCleanUp) return () => {
 			for (const cleanUp of cleanUps) cleanUp();
 		};
 	};

package/dist/utils/react-activity.cjs

@@ -0,0 +1,12 @@
+"use client";
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+//#region src/utils/react-activity.ts
+var getActivity = (react$1) => Reflect.get(react$1, "Activity");
+var Activity = getActivity(react);
+var supportsActivity = Activity !== void 0;
+//#endregion
+exports.Activity = Activity;
+exports.getActivity = getActivity;
+exports.supportsActivity = supportsActivity;

package/dist/utils/react-activity.d.cts

@@ -0,0 +1,10 @@
+import { ComponentType, ReactNode } from 'react';
+interface ActivityProps {
+    children?: ReactNode | undefined;
+    mode: 'visible' | 'hidden';
+}
+type ActivityComponent = ComponentType<ActivityProps>;
+export declare const getActivity: (react: object) => ActivityComponent | undefined;
+export declare const Activity: ActivityComponent | undefined;
+export declare const supportsActivity: boolean;
+export {};

package/dist/utils/react-activity.d.ts

@@ -0,0 +1,10 @@
+import { ComponentType, ReactNode } from 'react';
+interface ActivityProps {
+    children?: ReactNode | undefined;
+    mode: 'visible' | 'hidden';
+}
+type ActivityComponent = ComponentType<ActivityProps>;
+export declare const getActivity: (react: object) => ActivityComponent | undefined;
+export declare const Activity: ActivityComponent | undefined;
+export declare const supportsActivity: boolean;
+export {};

package/dist/utils/react-activity.js

@@ -0,0 +1,8 @@
+"use client";
+import * as React from "react";
+//#region src/utils/react-activity.ts
+var getActivity = (react) => Reflect.get(react, "Activity");
+var Activity = getActivity(React);
+var supportsActivity = Activity !== void 0;
+//#endregion
+export { Activity, getActivity, supportsActivity };

package/dist/utils/react-activity.test.d.cts

@@ -0,0 +1 @@
+export {};

package/dist/utils/react-activity.test.d.ts

@@ -0,0 +1 @@
+export {};