npm - @ark-ui/react - Versions diffs - 5.38.1 → 5.39.0 - Mend

@ark-ui/react 5.38.1 → 5.39.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (735) hide show

package/dist/components/toc/use-toc.d.cts ADDED Viewed

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as toc from '@zag-js/toc';
+export interface UseTocProps extends Optional<Omit<toc.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseTocReturn extends toc.Api<PropTypes> {
+}
+export declare const useToc: (props?: UseTocProps) => UseTocReturn;

package/dist/components/toc/use-toc.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as toc from '@zag-js/toc';
+export interface UseTocProps extends Optional<Omit<toc.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseTocReturn extends toc.Api<PropTypes> {
+}
+export declare const useToc: (props?: UseTocProps) => UseTocReturn;

package/dist/components/toc/use-toc.js ADDED Viewed

@@ -0,0 +1,22 @@
+import { useEnvironmentContext } from "../../providers/environment/use-environment-context.js";
+import { useLocaleContext } from "../../providers/locale/use-locale-context.js";
+import * as toc from "@zag-js/toc";
+import { useId } from "react";
+import { normalizeProps, useMachine } from "@zag-js/react";
+//#region src/components/toc/use-toc.ts
+var useToc = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		items: [],
+		...props
+	};
+	const service = useMachine(toc.machine, machineProps);
+	return toc.connect(service, normalizeProps);
+};
+//#endregion
+export { useToc };

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/tooltip/tooltip-positioner.cjs CHANGED Viewed

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

package/dist/components/tooltip/tooltip-positioner.js CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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