@ark-ui/react 3.1.0 → 3.2.0

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

@@ -9,7 +9,7 @@ import { useTooltipContext } from './use-tooltip-context.js';
 const TooltipContent = forwardRef((props, ref) => {
   const tooltip = useTooltipContext();
   const presence = usePresenceContext();
-  const mergedProps = mergeProps(tooltip.contentProps, presence.getPresenceProps(ref), props);
+  const mergedProps = mergeProps(tooltip.getContentProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }

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

@@ -13,7 +13,7 @@ const useTooltipContext = require('./use-tooltip-context.cjs');
 const TooltipPositioner = react.forwardRef(
   (props, ref) => {
     const tooltip = useTooltipContext.useTooltipContext();
-    const mergedProps = react$1.mergeProps(tooltip.positionerProps, props);
+    const mergedProps = react$1.mergeProps(tooltip.getPositionerProps(), props);
     const presence = usePresenceContext.usePresenceContext();
     if (presence.unmounted) {
       return null;

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

@@ -9,7 +9,7 @@ import { useTooltipContext } from './use-tooltip-context.js';
 const TooltipPositioner = forwardRef(
   (props, ref) => {
     const tooltip = useTooltipContext();
-    const mergedProps = mergeProps(tooltip.positionerProps, props);
+    const mergedProps = mergeProps(tooltip.getPositionerProps(), props);
     const presence = usePresenceContext();
     if (presence.unmounted) {
       return null;

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

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useTooltipContext = require('./use-tooltip-context.cjs');
+
+const TooltipRootProvider = (props) => {
+  const [presenceProps, { value: tooltip, children }] = splitPresenceProps.splitPresenceProps(props);
+  const presence = usePresence.usePresence(react.mergeProps({ present: tooltip.open }, presenceProps));
+  return /* @__PURE__ */ jsxRuntime.jsx(useTooltipContext.TooltipProvider, { value: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children }) });
+};
+
+exports.TooltipRootProvider = TooltipRootProvider;

package/dist/components/tooltip/tooltip-root-provider.d.cts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseTooltipReturn } from './use-tooltip';
+
+interface RootProviderProps {
+    children?: ReactNode;
+    value: UseTooltipReturn;
+}
+export interface TooltipRootProviderProps extends RootProviderProps, UsePresenceProps {
+}
+export declare const TooltipRootProvider: (props: TooltipRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tooltip/tooltip-root-provider.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseTooltipReturn } from './use-tooltip';
+
+interface RootProviderProps {
+    children?: ReactNode;
+    value: UseTooltipReturn;
+}
+export interface TooltipRootProviderProps extends RootProviderProps, UsePresenceProps {
+}
+export declare const TooltipRootProvider: (props: TooltipRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { splitPresenceProps } from '../presence/split-presence-props.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { TooltipProvider } from './use-tooltip-context.js';
+
+const 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: presence, children }) });
+};
+
+export { TooltipRootProvider };

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

@@ -11,7 +11,7 @@ const useTooltipContext = require('./use-tooltip-context.cjs');
 
 const TooltipTrigger = react.forwardRef((props, ref) => {
   const tooltip = useTooltipContext.useTooltipContext();
-  const mergedProps = react$1.mergeProps(tooltip.triggerProps, props);
+  const mergedProps = react$1.mergeProps(tooltip.getTriggerProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
 TooltipTrigger.displayName = "TooltipTrigger";

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

@@ -7,7 +7,7 @@ import { useTooltipContext } from './use-tooltip-context.js';
 
 const TooltipTrigger = forwardRef((props, ref) => {
   const tooltip = useTooltipContext();
-  const mergedProps = mergeProps(tooltip.triggerProps, props);
+  const mergedProps = mergeProps(tooltip.getTriggerProps(), props);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
 TooltipTrigger.displayName = "TooltipTrigger";

package/dist/components/tooltip/tooltip.cjs

@@ -8,6 +8,7 @@ const tooltipContent = require('./tooltip-content.cjs');
 const tooltipContext = require('./tooltip-context.cjs');
 const tooltipPositioner = require('./tooltip-positioner.cjs');
 const tooltipRoot = require('./tooltip-root.cjs');
+const tooltipRootProvider = require('./tooltip-root-provider.cjs');
 const tooltipTrigger = require('./tooltip-trigger.cjs');
 
 
@@ -18,4 +19,5 @@ exports.Content = tooltipContent.TooltipContent;
 exports.Context = tooltipContext.TooltipContext;
 exports.Positioner = tooltipPositioner.TooltipPositioner;
 exports.Root = tooltipRoot.TooltipRoot;
+exports.RootProvider = tooltipRootProvider.TooltipRootProvider;
 exports.Trigger = tooltipTrigger.TooltipTrigger;

package/dist/components/tooltip/tooltip.d.cts

@@ -5,4 +5,5 @@ export { TooltipContent as Content, type TooltipContentProps as ContentProps, }
 export { TooltipContext as Context, type TooltipContextProps as ContextProps, } from './tooltip-context';
 export { TooltipPositioner as Positioner, type TooltipPositionerProps as PositionerProps, } from './tooltip-positioner';
 export { TooltipRoot as Root, type TooltipRootProps as RootProps } from './tooltip-root';
+export { TooltipRootProvider as RootProvider, type TooltipRootProviderProps as RootProviderProps, } from './tooltip-root-provider';
 export { TooltipTrigger as Trigger, type TooltipTriggerProps as TriggerProps, } from './tooltip-trigger';

package/dist/components/tooltip/tooltip.d.ts

@@ -5,4 +5,5 @@ export { TooltipContent as Content, type TooltipContentProps as ContentProps, }
 export { TooltipContext as Context, type TooltipContextProps as ContextProps, } from './tooltip-context';
 export { TooltipPositioner as Positioner, type TooltipPositionerProps as PositionerProps, } from './tooltip-positioner';
 export { TooltipRoot as Root, type TooltipRootProps as RootProps } from './tooltip-root';
+export { TooltipRootProvider as RootProvider, type TooltipRootProviderProps as RootProviderProps, } from './tooltip-root-provider';
 export { TooltipTrigger as Trigger, type TooltipTriggerProps as TriggerProps, } from './tooltip-trigger';

package/dist/components/tooltip/tooltip.js

@@ -4,4 +4,5 @@ export { TooltipContent as Content } from './tooltip-content.js';
 export { TooltipContext as Context } from './tooltip-context.js';
 export { TooltipPositioner as Positioner } from './tooltip-positioner.js';
 export { TooltipRoot as Root } from './tooltip-root.js';
+export { TooltipRootProvider as RootProvider } from './tooltip-root-provider.js';
 export { TooltipTrigger as Trigger } from './tooltip-trigger.js';

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

@@ -15,7 +15,9 @@ const treeViewItemIndicator = require('./tree-view-item-indicator.cjs');
 const treeViewItemText = require('./tree-view-item-text.cjs');
 const treeViewLabel = require('./tree-view-label.cjs');
 const treeViewRoot = require('./tree-view-root.cjs');
+const treeViewRootProvider = require('./tree-view-root-provider.cjs');
 const treeViewTree = require('./tree-view-tree.cjs');
+const useTreeView = require('./use-tree-view.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewItemContext = require('./use-tree-view-item-context.cjs');
 const treeView = require('./tree-view.cjs');
@@ -35,7 +37,9 @@ exports.TreeViewItemIndicator = treeViewItemIndicator.TreeViewItemIndicator;
 exports.TreeViewItemText = treeViewItemText.TreeViewItemText;
 exports.TreeViewLabel = treeViewLabel.TreeViewLabel;
 exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
+exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
+exports.useTreeView = useTreeView.useTreeView;
 exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
 exports.useTreeViewItemContext = useTreeViewItemContext.useTreeViewItemContext;
 exports.TreeView = treeView;

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

@@ -12,7 +12,9 @@ export { TreeViewItemIndicator, type TreeViewItemIndicatorProps } from './tree-v
 export { TreeViewItemText, type TreeViewItemTextProps } from './tree-view-item-text';
 export { TreeViewLabel, type TreeViewLabelProps } from './tree-view-label';
 export { TreeViewRoot, type TreeViewRootProps } from './tree-view-root';
+export { TreeViewRootProvider, type TreeViewRootProviderProps } from './tree-view-root-provider';
 export { TreeViewTree, type TreeViewTreeProps } from './tree-view-tree';
-export { type UseTreeViewContext, useTreeViewContext } from './use-tree-view-context';
-export { type UseTreeViewItemContext, useTreeViewItemContext } from './use-tree-view-item-context';
+export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
+export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
+export { useTreeViewItemContext, type UseTreeViewItemContext } from './use-tree-view-item-context';
 export * as TreeView from './tree-view';

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

@@ -12,7 +12,9 @@ export { TreeViewItemIndicator, type TreeViewItemIndicatorProps } from './tree-v
 export { TreeViewItemText, type TreeViewItemTextProps } from './tree-view-item-text';
 export { TreeViewLabel, type TreeViewLabelProps } from './tree-view-label';
 export { TreeViewRoot, type TreeViewRootProps } from './tree-view-root';
+export { TreeViewRootProvider, type TreeViewRootProviderProps } from './tree-view-root-provider';
 export { TreeViewTree, type TreeViewTreeProps } from './tree-view-tree';
-export { type UseTreeViewContext, useTreeViewContext } from './use-tree-view-context';
-export { type UseTreeViewItemContext, useTreeViewItemContext } from './use-tree-view-item-context';
+export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
+export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
+export { useTreeViewItemContext, type UseTreeViewItemContext } from './use-tree-view-item-context';
 export * as TreeView from './tree-view';

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

@@ -11,7 +11,9 @@ export { TreeViewItemIndicator } from './tree-view-item-indicator.js';
 export { TreeViewItemText } from './tree-view-item-text.js';
 export { TreeViewLabel } from './tree-view-label.js';
 export { TreeViewRoot } from './tree-view-root.js';
+export { TreeViewRootProvider } from './tree-view-root-provider.js';
 export { TreeViewTree } from './tree-view-tree.js';
+export { useTreeView } from './use-tree-view.js';
 export { useTreeViewContext } from './use-tree-view-context.js';
 export { useTreeViewItemContext } from './use-tree-view-item-context.js';
 import * as treeView from './tree-view.js';

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

@@ -11,7 +11,7 @@ const useTreeViewContext = require('./use-tree-view-context.cjs');
 
 const TreeViewLabel = react.forwardRef((props, ref) => {
   const treeView = useTreeViewContext.useTreeViewContext();
-  const mergedProps = react$1.mergeProps(treeView.labelProps, props);
+  const mergedProps = react$1.mergeProps(treeView.getLabelProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
 TreeViewLabel.displayName = "TreeViewLabel";

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

@@ -7,7 +7,7 @@ import { useTreeViewContext } from './use-tree-view-context.js';
 
 const TreeViewLabel = forwardRef((props, ref) => {
   const treeView = useTreeViewContext();
-  const mergedProps = mergeProps(treeView.labelProps, props);
+  const mergedProps = mergeProps(treeView.getLabelProps(), props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
 TreeViewLabel.displayName = "TreeViewLabel";

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

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useTreeViewContext = require('./use-tree-view-context.cjs');
+
+const TreeViewRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: treeView }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = react$1.mergeProps(treeView.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useTreeViewContext.TreeViewProvider, { value: treeView, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+TreeViewRootProvider.displayName = "TreeViewRootProvider";
+
+exports.TreeViewRootProvider = TreeViewRootProvider;

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

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseTreeViewReturn } from './use-tree-view';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseTreeViewReturn;
+}
+export interface TreeViewRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const TreeViewRootProvider: ForwardRefExoticComponent<TreeViewRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/tree-view/tree-view-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseTreeViewReturn } from './use-tree-view';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseTreeViewReturn;
+}
+export interface TreeViewRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const TreeViewRootProvider: ForwardRefExoticComponent<TreeViewRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { TreeViewProvider } from './use-tree-view-context.js';
+
+const TreeViewRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: treeView }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = mergeProps(treeView.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(TreeViewProvider, { value: treeView, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+TreeViewRootProvider.displayName = "TreeViewRootProvider";
+
+export { TreeViewRootProvider };

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

@@ -28,7 +28,7 @@ const TreeViewRoot = react.forwardRef((props, ref) => {
     "typeahead"
   ]);
   const treeView = useTreeView.useTreeView(useTreeViewProps);
-  const mergedProps = react$1.mergeProps(treeView.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(treeView.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useTreeViewContext.TreeViewProvider, { value: treeView, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
 TreeViewRoot.displayName = "TreeViewRoot";

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

@@ -24,7 +24,7 @@ const TreeViewRoot = forwardRef((props, ref) => {
     "typeahead"
   ]);
   const treeView = useTreeView(useTreeViewProps);
-  const mergedProps = mergeProps(treeView.rootProps, localProps);
+  const mergedProps = mergeProps(treeView.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(TreeViewProvider, { value: treeView, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 TreeViewRoot.displayName = "TreeViewRoot";

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

@@ -12,7 +12,7 @@ const useTreeViewDepthContext = require('./use-tree-view-depth-context.cjs');
 
 const TreeViewTree = react.forwardRef((props, ref) => {
   const treeView = useTreeViewContext.useTreeViewContext();
-  const mergedProps = react$1.mergeProps(treeView.treeProps, props);
+  const mergedProps = react$1.mergeProps(treeView.getTreeProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(useTreeViewDepthContext.TreeViewDepthProvider, { value: 1, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.ul, { ...mergedProps, ref }) });
 });
 TreeViewTree.displayName = "TreeViewTree";

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

@@ -8,7 +8,7 @@ import { TreeViewDepthProvider } from './use-tree-view-depth-context.js';
 
 const TreeViewTree = forwardRef((props, ref) => {
   const treeView = useTreeViewContext();
-  const mergedProps = mergeProps(treeView.treeProps, props);
+  const mergedProps = mergeProps(treeView.getTreeProps(), props);
   return /* @__PURE__ */ jsx(TreeViewDepthProvider, { value: 1, children: /* @__PURE__ */ jsx(ark.ul, { ...mergedProps, ref }) });
 });
 TreeViewTree.displayName = "TreeViewTree";

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

@@ -15,6 +15,7 @@ const treeViewItemIndicator = require('./tree-view-item-indicator.cjs');
 const treeViewItemText = require('./tree-view-item-text.cjs');
 const treeViewLabel = require('./tree-view-label.cjs');
 const treeViewRoot = require('./tree-view-root.cjs');
+const treeViewRootProvider = require('./tree-view-root-provider.cjs');
 const treeViewTree = require('./tree-view-tree.cjs');
 
 
@@ -32,4 +33,5 @@ exports.ItemIndicator = treeViewItemIndicator.TreeViewItemIndicator;
 exports.ItemText = treeViewItemText.TreeViewItemText;
 exports.Label = treeViewLabel.TreeViewLabel;
 exports.Root = treeViewRoot.TreeViewRoot;
+exports.RootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.Tree = treeViewTree.TreeViewTree;

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

@@ -12,4 +12,5 @@ export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorProps
 export { TreeViewItemText as ItemText, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text';
 export { TreeViewLabel as Label, type TreeViewLabelProps as LabelProps } from './tree-view-label';
 export { TreeViewRoot as Root, type TreeViewRootProps as RootProps } from './tree-view-root';
+export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree as Tree, type TreeViewTreeProps as TreeProps } from './tree-view-tree';

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

@@ -12,4 +12,5 @@ export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorProps
 export { TreeViewItemText as ItemText, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text';
 export { TreeViewLabel as Label, type TreeViewLabelProps as LabelProps } from './tree-view-label';
 export { TreeViewRoot as Root, type TreeViewRootProps as RootProps } from './tree-view-root';
+export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree as Tree, type TreeViewTreeProps as TreeProps } from './tree-view-tree';

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

@@ -11,4 +11,5 @@ export { TreeViewItemIndicator as ItemIndicator } from './tree-view-item-indicat
 export { TreeViewItemText as ItemText } from './tree-view-item-text.js';
 export { TreeViewLabel as Label } from './tree-view-label.js';
 export { TreeViewRoot as Root } from './tree-view-root.js';
+export { TreeViewRootProvider as RootProvider } from './tree-view-root-provider.js';
 export { TreeViewTree as Tree } from './tree-view-tree.js';