@ark-ui/react 4.9.2 → 5.0.0

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

@@ -6,16 +6,12 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useTourContext } from './use-tour-context.js';
 
-const TourActionTrigger = forwardRef(
-  (props, ref) => {
-    const [actionTriggerProps, localProps] = createSplitProps()(props, [
-      "action"
-    ]);
-    const tour = useTourContext();
-    const mergedProps = mergeProps(tour.getActionTriggerProps(actionTriggerProps), localProps);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref, children: mergedProps.children || actionTriggerProps.action.label });
-  }
-);
+const TourActionTrigger = forwardRef((props, ref) => {
+  const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
+  const tour = useTourContext();
+  const mergedProps = mergeProps(tour.getActionTriggerProps(actionTriggerProps), localProps);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref, children: mergedProps.children || actionTriggerProps.action.label });
+});
 TourActionTrigger.displayName = "TourActionTrigger";
 
 export { TourActionTrigger };

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

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useTourContext = require('./use-tour-context.cjs');
 
-const TourCloseTrigger = react.forwardRef(
-  (props, ref) => {
-    const tour = useTourContext.useTourContext();
-    const mergedProps = react$1.mergeProps(tour.getCloseTriggerProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const TourCloseTrigger = react.forwardRef((props, ref) => {
+  const tour = useTourContext.useTourContext();
+  const mergedProps = react$1.mergeProps(tour.getCloseTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 TourCloseTrigger.displayName = "TourCloseTrigger";
 
 exports.TourCloseTrigger = TourCloseTrigger;

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useTourContext } from './use-tour-context.js';
 
-const TourCloseTrigger = forwardRef(
-  (props, ref) => {
-    const tour = useTourContext();
-    const mergedProps = mergeProps(tour.getCloseTriggerProps(), props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const TourCloseTrigger = forwardRef((props, ref) => {
+  const tour = useTourContext();
+  const mergedProps = mergeProps(tour.getCloseTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 TourCloseTrigger.displayName = "TourCloseTrigger";
 
 export { TourCloseTrigger };

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

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

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

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

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

@@ -11,6 +11,6 @@ export { TourControl as Control, type TourControlBaseProps as ControlBaseProps,
 export { TourDescription as Description, type TourDescriptionBaseProps as DescriptionBaseProps, type TourDescriptionProps as DescriptionProps, } from './tour-description';
 export { TourPositioner as Positioner, type TourPositionerBaseProps as PositionerBaseProps, type TourPositionerProps as PositionerProps, } from './tour-positioner';
 export { TourProgressText as ProgressText, type TourProgressTextBaseProps as ProgressTextBaseProps, type TourProgressTextProps as ProgressTextProps, } from './tour-progress-text';
-export { TourRoot as Root, type TourRootBaseProps as RootBaseProps, type TourRootProps as RootProps, } from './tour-root';
+export { TourRoot as Root, type TourRootBaseProps as RootBaseProps, type TourRootProps as RootProps } from './tour-root';
 export { TourSpotlight as Spotlight, type TourSpotlightBaseProps as SpotlightBaseProps, type TourSpotlightProps as SpotlightProps, } from './tour-spotlight';
 export { TourTitle as Title, type TourTitleBaseProps as TitleBaseProps, type TourTitleProps as TitleProps, } from './tour-title';

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

@@ -11,6 +11,6 @@ export { TourControl as Control, type TourControlBaseProps as ControlBaseProps,
 export { TourDescription as Description, type TourDescriptionBaseProps as DescriptionBaseProps, type TourDescriptionProps as DescriptionProps, } from './tour-description';
 export { TourPositioner as Positioner, type TourPositionerBaseProps as PositionerBaseProps, type TourPositionerProps as PositionerProps, } from './tour-positioner';
 export { TourProgressText as ProgressText, type TourProgressTextBaseProps as ProgressTextBaseProps, type TourProgressTextProps as ProgressTextProps, } from './tour-progress-text';
-export { TourRoot as Root, type TourRootBaseProps as RootBaseProps, type TourRootProps as RootProps, } from './tour-root';
+export { TourRoot as Root, type TourRootBaseProps as RootBaseProps, type TourRootProps as RootProps } from './tour-root';
 export { TourSpotlight as Spotlight, type TourSpotlightBaseProps as SpotlightBaseProps, type TourSpotlightProps as SpotlightProps, } from './tour-spotlight';
 export { TourTitle as Title, type TourTitleBaseProps as TitleBaseProps, type TourTitleProps as TitleProps, } from './tour-title';

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

@@ -8,7 +8,6 @@ const tour = require('@zag-js/tour');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
-const useEvent = require('../../utils/use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -30,20 +29,17 @@ function _interopNamespaceDefault(e) {
 const tour__namespace = /*#__PURE__*/_interopNamespaceDefault(tour);
 
 const useTour = (props = {}) => {
+  const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
-  const initialContext = {
-    id: react.useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
     ...props
   };
-  const context = {
-    ...initialContext,
-    onStatusChange: useEvent.useEvent(props.onStatusChange)
-  };
-  const [state, send] = react$1.useMachine(tour__namespace.machine(initialContext), { context });
-  return tour__namespace.connect(state, send, react$1.normalizeProps);
+  const service = react$1.useMachine(tour__namespace.machine, machineProps);
+  return tour__namespace.connect(service, react$1.normalizeProps);
 };
 
 exports.useTour = useTour;

package/dist/components/tour/use-tour.d.cts

@@ -1,7 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as tour from '@zag-js/tour';
-export interface UseTourProps extends Optional<Omit<tour.Context, 'dir' | 'getRootNode'>, 'id'> {
+export interface UseTourProps extends Optional<Omit<tour.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseTourReturn extends tour.Api<PropTypes> {
 }

package/dist/components/tour/use-tour.d.ts

@@ -1,7 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as tour from '@zag-js/tour';
-export interface UseTourProps extends Optional<Omit<tour.Context, 'dir' | 'getRootNode'>, 'id'> {
+export interface UseTourProps extends Optional<Omit<tour.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseTourReturn extends tour.Api<PropTypes> {
 }

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

@@ -4,23 +4,19 @@ import * as tour from '@zag-js/tour';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
-import { useEvent } from '../../utils/use-event.js';
 
 const useTour = (props = {}) => {
+  const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
-  const initialContext = {
-    id: useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
     ...props
   };
-  const context = {
-    ...initialContext,
-    onStatusChange: useEvent(props.onStatusChange)
-  };
-  const [state, send] = useMachine(tour.machine(initialContext), { context });
-  return tour.connect(state, send, normalizeProps);
+  const service = useMachine(tour.machine, machineProps);
+  return tour.connect(service, normalizeProps);
 };
 
 export { useTour };

package/dist/components/tree-view/index.d.cts

@@ -1,6 +1,6 @@
 export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
-export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode, } from '../collection';
-export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps, } from './tree-view-branch';
+export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
+export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, } from './tree-view-branch-control';
 export { TreeViewBranchIndentGuide, type TreeViewBranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps, } from './tree-view-branch-indent-guide';
@@ -10,8 +10,8 @@ export { TreeViewBranchTrigger, type TreeViewBranchTriggerBaseProps, type TreeVi
 export { TreeViewContext, type TreeViewContextProps } from './tree-view-context';
 export { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item';
 export { TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps, type TreeViewItemIndicatorProps, } from './tree-view-item-indicator';
-export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text';
-export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps, } from './tree-view-label';
+export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps } from './tree-view-item-text';
+export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label';
 export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context';
 export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider';
 export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps } from './tree-view-root';

package/dist/components/tree-view/index.d.ts

@@ -1,6 +1,6 @@
 export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
-export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode, } from '../collection';
-export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps, } from './tree-view-branch';
+export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
+export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, } from './tree-view-branch-control';
 export { TreeViewBranchIndentGuide, type TreeViewBranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps, } from './tree-view-branch-indent-guide';
@@ -10,8 +10,8 @@ export { TreeViewBranchTrigger, type TreeViewBranchTriggerBaseProps, type TreeVi
 export { TreeViewContext, type TreeViewContextProps } from './tree-view-context';
 export { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item';
 export { TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps, type TreeViewItemIndicatorProps, } from './tree-view-item-indicator';
-export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text';
-export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps, } from './tree-view-label';
+export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps } from './tree-view-item-text';
+export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label';
 export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context';
 export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider';
 export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps } from './tree-view-root';

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

@@ -12,16 +12,14 @@ const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
 const splitVisibilityProps = createSplitProps.createSplitProps();
-const TreeViewBranchContent = react.forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext.useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
-    const contentProps = treeView.getBranchContentProps(nodeProps);
-    const [, branchContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
-    const mergedProps = react$1.mergeProps(branchContentProps, props);
-    return /* @__PURE__ */ jsxRuntime.jsx(collapsibleContent.CollapsibleContent, { ref, ...mergedProps });
-  }
-);
+const TreeViewBranchContent = react.forwardRef((props, ref) => {
+  const treeView = useTreeViewContext.useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+  const contentProps = treeView.getBranchContentProps(nodeProps);
+  const [, branchContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
+  const mergedProps = react$1.mergeProps(branchContentProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(collapsibleContent.CollapsibleContent, { ref, ...mergedProps });
+});
 TreeViewBranchContent.displayName = "TreeViewBranchContent";
 
 exports.TreeViewBranchContent = TreeViewBranchContent;

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

@@ -8,16 +8,14 @@ import { useTreeViewContext } from './use-tree-view-context.js';
 import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
 
 const splitVisibilityProps = createSplitProps();
-const TreeViewBranchContent = forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext();
-    const contentProps = treeView.getBranchContentProps(nodeProps);
-    const [, branchContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
-    const mergedProps = mergeProps(branchContentProps, props);
-    return /* @__PURE__ */ jsx(CollapsibleContent, { ref, ...mergedProps });
-  }
-);
+const TreeViewBranchContent = forwardRef((props, ref) => {
+  const treeView = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const contentProps = treeView.getBranchContentProps(nodeProps);
+  const [, branchContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
+  const mergedProps = mergeProps(branchContentProps, props);
+  return /* @__PURE__ */ jsx(CollapsibleContent, { ref, ...mergedProps });
+});
 TreeViewBranchContent.displayName = "TreeViewBranchContent";
 
 export { TreeViewBranchContent };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
-const TreeViewBranchControl = react.forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext.useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
-    const mergedProps = react$1.mergeProps(treeView.getBranchControlProps(nodeProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const TreeViewBranchControl = react.forwardRef((props, ref) => {
+  const treeView = useTreeViewContext.useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+  const mergedProps = react$1.mergeProps(treeView.getBranchControlProps(nodeProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 TreeViewBranchControl.displayName = "TreeViewBranchControl";
 
 exports.TreeViewBranchControl = TreeViewBranchControl;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useTreeViewContext } from './use-tree-view-context.js';
 import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
 
-const TreeViewBranchControl = forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext();
-    const mergedProps = mergeProps(treeView.getBranchControlProps(nodeProps), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const TreeViewBranchControl = forwardRef((props, ref) => {
+  const treeView = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(treeView.getBranchControlProps(nodeProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 TreeViewBranchControl.displayName = "TreeViewBranchControl";
 
 export { TreeViewBranchControl };

package/dist/components/tree-view/tree-view-branch-indent-guide.cjs

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
-const TreeViewBranchIndentGuide = react.forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext.useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
-    const mergedProps = react$1.mergeProps(treeView.getBranchIndentGuideProps(nodeProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const TreeViewBranchIndentGuide = react.forwardRef((props, ref) => {
+  const treeView = useTreeViewContext.useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+  const mergedProps = react$1.mergeProps(treeView.getBranchIndentGuideProps(nodeProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 TreeViewBranchIndentGuide.displayName = "TreeViewBranchIndentGuide";
 
 exports.TreeViewBranchIndentGuide = TreeViewBranchIndentGuide;

package/dist/components/tree-view/tree-view-branch-indent-guide.js

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useTreeViewContext } from './use-tree-view-context.js';
 import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
 
-const TreeViewBranchIndentGuide = forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext();
-    const mergedProps = mergeProps(treeView.getBranchIndentGuideProps(nodeProps), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const TreeViewBranchIndentGuide = forwardRef((props, ref) => {
+  const treeView = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(treeView.getBranchIndentGuideProps(nodeProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 TreeViewBranchIndentGuide.displayName = "TreeViewBranchIndentGuide";
 
 export { TreeViewBranchIndentGuide };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
-const TreeViewBranchIndicator = react.forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext.useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
-    const mergedProps = react$1.mergeProps(treeView.getBranchIndicatorProps(nodeProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const TreeViewBranchIndicator = react.forwardRef((props, ref) => {
+  const treeView = useTreeViewContext.useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+  const mergedProps = react$1.mergeProps(treeView.getBranchIndicatorProps(nodeProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 TreeViewBranchIndicator.displayName = "TreeViewBranchIndicator";
 
 exports.TreeViewBranchIndicator = TreeViewBranchIndicator;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useTreeViewContext } from './use-tree-view-context.js';
 import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
 
-const TreeViewBranchIndicator = forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext();
-    const mergedProps = mergeProps(treeView.getBranchIndicatorProps(nodeProps), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const TreeViewBranchIndicator = forwardRef((props, ref) => {
+  const treeView = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(treeView.getBranchIndicatorProps(nodeProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 TreeViewBranchIndicator.displayName = "TreeViewBranchIndicator";
 
 export { TreeViewBranchIndicator };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
-const TreeViewBranchText = react.forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext.useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
-    const mergedProps = react$1.mergeProps(treeView.getBranchTextProps(nodeProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
-  }
-);
+const TreeViewBranchText = react.forwardRef((props, ref) => {
+  const treeView = useTreeViewContext.useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+  const mergedProps = react$1.mergeProps(treeView.getBranchTextProps(nodeProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
+});
 TreeViewBranchText.displayName = "TreeViewBranchText";
 
 exports.TreeViewBranchText = TreeViewBranchText;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useTreeViewContext } from './use-tree-view-context.js';
 import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
 
-const TreeViewBranchText = forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext();
-    const mergedProps = mergeProps(treeView.getBranchTextProps(nodeProps), props);
-    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
-  }
-);
+const TreeViewBranchText = forwardRef((props, ref) => {
+  const treeView = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(treeView.getBranchTextProps(nodeProps), props);
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
+});
 TreeViewBranchText.displayName = "TreeViewBranchText";
 
 export { TreeViewBranchText };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
-const TreeViewBranchTrigger = react.forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext.useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
-    const mergedProps = react$1.mergeProps(treeView.getBranchTriggerProps(nodeProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const TreeViewBranchTrigger = react.forwardRef((props, ref) => {
+  const treeView = useTreeViewContext.useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+  const mergedProps = react$1.mergeProps(treeView.getBranchTriggerProps(nodeProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 TreeViewBranchTrigger.displayName = "TreeViewBranchTrigger";
 
 exports.TreeViewBranchTrigger = TreeViewBranchTrigger;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useTreeViewContext } from './use-tree-view-context.js';
 import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
 
-const TreeViewBranchTrigger = forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext();
-    const mergedProps = mergeProps(treeView.getBranchTriggerProps(nodeProps), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const TreeViewBranchTrigger = forwardRef((props, ref) => {
+  const treeView = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(treeView.getBranchTriggerProps(nodeProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 TreeViewBranchTrigger.displayName = "TreeViewBranchTrigger";
 
 export { TreeViewBranchTrigger };

package/dist/components/tree-view/tree-view-context.d.cts

@@ -4,4 +4,4 @@ import { ReactNode } from 'react';
 export interface TreeViewContextProps<T extends TreeNode> {
     children: (context: UseTreeViewContext<T>) => React.ReactNode;
 }
-export declare const TreeViewContext: <T extends unknown>(props: TreeViewContextProps<T>) => ReactNode;
+export declare const TreeViewContext: <T extends TreeNode>(props: TreeViewContextProps<T>) => ReactNode;

package/dist/components/tree-view/tree-view-context.d.ts

@@ -4,4 +4,4 @@ import { ReactNode } from 'react';
 export interface TreeViewContextProps<T extends TreeNode> {
     children: (context: UseTreeViewContext<T>) => React.ReactNode;
 }
-export declare const TreeViewContext: <T extends unknown>(props: TreeViewContextProps<T>) => ReactNode;
+export declare const TreeViewContext: <T extends TreeNode>(props: TreeViewContextProps<T>) => ReactNode;

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
-const TreeViewItemIndicator = react.forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext.useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
-    const mergedProps = react$1.mergeProps(treeView.getItemIndicatorProps(nodeProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const TreeViewItemIndicator = react.forwardRef((props, ref) => {
+  const treeView = useTreeViewContext.useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+  const mergedProps = react$1.mergeProps(treeView.getItemIndicatorProps(nodeProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 TreeViewItemIndicator.displayName = "TreeViewItemIndicator";
 
 exports.TreeViewItemIndicator = TreeViewItemIndicator;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useTreeViewContext } from './use-tree-view-context.js';
 import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
 
-const TreeViewItemIndicator = forwardRef(
-  (props, ref) => {
-    const treeView = useTreeViewContext();
-    const nodeProps = useTreeViewNodePropsContext();
-    const mergedProps = mergeProps(treeView.getItemIndicatorProps(nodeProps), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const TreeViewItemIndicator = forwardRef((props, ref) => {
+  const treeView = useTreeViewContext();
+  const nodeProps = useTreeViewNodePropsContext();
+  const mergedProps = mergeProps(treeView.getItemIndicatorProps(nodeProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 TreeViewItemIndicator.displayName = "TreeViewItemIndicator";
 
 export { TreeViewItemIndicator };

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

@@ -13,10 +13,7 @@ const useTreeViewContext = require('./use-tree-view-context.cjs');
 
 const TreeViewImpl = (props, ref) => {
   const [renderStrategyProps, treeViewProps] = renderStrategy.splitRenderStrategyProps(props);
-  const [{ value: treeView }, localProps] = createSplitProps.createSplitProps()(
-    treeViewProps,
-    ["value"]
-  );
+  const [{ value: treeView }, localProps] = createSplitProps.createSplitProps()(treeViewProps, ["value"]);
   const mergedProps = react$1.mergeProps(treeView.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useTreeViewContext.TreeViewProvider, { value: treeView, children: /* @__PURE__ */ jsxRuntime.jsx(renderStrategy.RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
 };

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

@@ -9,10 +9,7 @@ import { TreeViewProvider } from './use-tree-view-context.js';
 
 const TreeViewImpl = (props, ref) => {
   const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
-  const [{ value: treeView }, localProps] = createSplitProps()(
-    treeViewProps,
-    ["value"]
-  );
+  const [{ value: treeView }, localProps] = createSplitProps()(treeViewProps, ["value"]);
   const mergedProps = mergeProps(treeView.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(TreeViewProvider, { value: treeView, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
 };

package/dist/components/tree-view/tree-view.d.cts

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails } from '@zag-js/tree-view';
 export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
 export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';
@@ -6,7 +6,7 @@ export { TreeViewBranchIndentGuide as BranchIndentGuide, type TreeViewBranchInde
 export { TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorBaseProps as BranchIndicatorBaseProps, type TreeViewBranchIndicatorProps as BranchIndicatorProps, } from './tree-view-branch-indicator';
 export { TreeViewBranchText as BranchText, type TreeViewBranchTextBaseProps as BranchTextBaseProps, type TreeViewBranchTextProps as BranchTextProps, } from './tree-view-branch-text';
 export { TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerBaseProps as BranchTriggerBaseProps, type TreeViewBranchTriggerProps as BranchTriggerProps, } from './tree-view-branch-trigger';
-export { TreeViewContext as Context, type TreeViewContextProps as ContextProps, } from './tree-view-context';
+export { TreeViewContext as Context, type TreeViewContextProps as ContextProps } from './tree-view-context';
 export { TreeViewItem as Item, type TreeViewItemBaseProps as ItemBaseProps, type TreeViewItemProps as ItemProps, } from './tree-view-item';
 export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorBaseProps as ItemIndicatorBaseProps, type TreeViewItemIndicatorProps as ItemIndicatorProps, } from './tree-view-item-indicator';
 export { TreeViewItemText as ItemText, type TreeViewItemTextBaseProps as ItemTextBaseProps, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text';