@ark-ui/react 3.1.0 → 3.2.1

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

@@ -18,7 +18,7 @@ const SplitterRoot = forwardRef((props, ref) => {
     "size"
   ]);
   const splitter = useSplitter(useSplitterProps);
-  const mergedProps = mergeProps(splitter.rootProps, localProps);
+  const mergedProps = mergeProps(splitter.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(SplitterProvider, { value: splitter, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 SplitterRoot.displayName = "SplitterRoot";

package/dist/components/splitter/splitter.cjs

@@ -6,6 +6,7 @@ const splitterContext = require('./splitter-context.cjs');
 const splitterPanel = require('./splitter-panel.cjs');
 const splitterResizeTrigger = require('./splitter-resize-trigger.cjs');
 const splitterRoot = require('./splitter-root.cjs');
+const splitterRootProvider = require('./splitter-root-provider.cjs');
 
 
 
@@ -13,3 +14,4 @@ exports.Context = splitterContext.SplitterContext;
 exports.Panel = splitterPanel.SplitterPanel;
 exports.ResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
 exports.Root = splitterRoot.SplitterRoot;
+exports.RootProvider = splitterRootProvider.SplitterRootProvider;

package/dist/components/splitter/splitter.d.cts

@@ -3,3 +3,4 @@ export { SplitterContext as Context, type SplitterContextProps as ContextProps,
 export { SplitterPanel as Panel, type SplitterPanelProps as PanelProps } from './splitter-panel';
 export { SplitterResizeTrigger as ResizeTrigger, type SplitterResizeTriggerProps as ResizeTriggerProps, } from './splitter-resize-trigger';
 export { SplitterRoot as Root, type SplitterRootProps as RootProps } from './splitter-root';
+export { SplitterRootProvider as RootProvider, type SplitterRootProviderProps as RootProviderProps, } from './splitter-root-provider';

package/dist/components/splitter/splitter.d.ts

@@ -3,3 +3,4 @@ export { SplitterContext as Context, type SplitterContextProps as ContextProps,
 export { SplitterPanel as Panel, type SplitterPanelProps as PanelProps } from './splitter-panel';
 export { SplitterResizeTrigger as ResizeTrigger, type SplitterResizeTriggerProps as ResizeTriggerProps, } from './splitter-resize-trigger';
 export { SplitterRoot as Root, type SplitterRootProps as RootProps } from './splitter-root';
+export { SplitterRootProvider as RootProvider, type SplitterRootProviderProps as RootProviderProps, } from './splitter-root-provider';

package/dist/components/splitter/splitter.js

@@ -2,3 +2,4 @@ export { SplitterContext as Context } from './splitter-context.js';
 export { SplitterPanel as Panel } from './splitter-panel.js';
 export { SplitterResizeTrigger as ResizeTrigger } from './splitter-resize-trigger.js';
 export { SplitterRoot as Root } from './splitter-root.js';
+export { SplitterRootProvider as RootProvider } from './splitter-root-provider.js';

package/dist/components/switch/index.cjs

@@ -7,7 +7,9 @@ const switchControl = require('./switch-control.cjs');
 const switchHiddenInput = require('./switch-hidden-input.cjs');
 const switchLabel = require('./switch-label.cjs');
 const switchRoot = require('./switch-root.cjs');
+const switchRootProvider = require('./switch-root-provider.cjs');
 const switchThumb = require('./switch-thumb.cjs');
+const useSwitch = require('./use-switch.cjs');
 const useSwitchContext = require('./use-switch-context.cjs');
 const _switch = require('./switch.cjs');
 
@@ -18,6 +20,8 @@ exports.SwitchControl = switchControl.SwitchControl;
 exports.SwitchHiddenInput = switchHiddenInput.SwitchHiddenInput;
 exports.SwitchLabel = switchLabel.SwitchLabel;
 exports.SwitchRoot = switchRoot.SwitchRoot;
+exports.SwitchRootProvider = switchRootProvider.SwitchRootProvider;
 exports.SwitchThumb = switchThumb.SwitchThumb;
+exports.useSwitch = useSwitch.useSwitch;
 exports.useSwitchContext = useSwitchContext.useSwitchContext;
 exports.Switch = _switch;

package/dist/components/switch/index.d.cts

@@ -4,6 +4,8 @@ export { SwitchControl, type SwitchControlProps } from './switch-control';
 export { SwitchHiddenInput, type SwitchHiddenInputProps } from './switch-hidden-input';
 export { SwitchLabel, type SwitchLabelProps } from './switch-label';
 export { SwitchRoot, type SwitchRootProps } from './switch-root';
+export { SwitchRootProvider, type SwitchRootProviderProps } from './switch-root-provider';
 export { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
+export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch';
 export { useSwitchContext, type UseSwitchContext } from './use-switch-context';
 export * as Switch from './switch';

package/dist/components/switch/index.d.ts

@@ -4,6 +4,8 @@ export { SwitchControl, type SwitchControlProps } from './switch-control';
 export { SwitchHiddenInput, type SwitchHiddenInputProps } from './switch-hidden-input';
 export { SwitchLabel, type SwitchLabelProps } from './switch-label';
 export { SwitchRoot, type SwitchRootProps } from './switch-root';
+export { SwitchRootProvider, type SwitchRootProviderProps } from './switch-root-provider';
 export { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
+export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch';
 export { useSwitchContext, type UseSwitchContext } from './use-switch-context';
 export * as Switch from './switch';

package/dist/components/switch/index.js

@@ -3,7 +3,9 @@ export { SwitchControl } from './switch-control.js';
 export { SwitchHiddenInput } from './switch-hidden-input.js';
 export { SwitchLabel } from './switch-label.js';
 export { SwitchRoot } from './switch-root.js';
+export { SwitchRootProvider } from './switch-root-provider.js';
 export { SwitchThumb } from './switch-thumb.js';
+export { useSwitch } from './use-switch.js';
 export { useSwitchContext } from './use-switch-context.js';
 import * as _switch from './switch.js';
 export { _switch as Switch };

package/dist/components/switch/switch-control.cjs

@@ -11,7 +11,7 @@ const useSwitchContext = require('./use-switch-context.cjs');
 
 const SwitchControl = react.forwardRef((props, ref) => {
   const switchContext = useSwitchContext.useSwitchContext();
-  const mergedProps = react$1.mergeProps(switchContext.controlProps, props);
+  const mergedProps = react$1.mergeProps(switchContext.getControlProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
 });
 SwitchControl.displayName = "SwitchControl";

package/dist/components/switch/switch-control.js

@@ -7,7 +7,7 @@ import { useSwitchContext } from './use-switch-context.js';
 
 const SwitchControl = forwardRef((props, ref) => {
   const switchContext = useSwitchContext();
-  const mergedProps = mergeProps(switchContext.controlProps, props);
+  const mergedProps = mergeProps(switchContext.getControlProps(), props);
   return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
 });
 SwitchControl.displayName = "SwitchControl";

package/dist/components/switch/switch-hidden-input.cjs

@@ -12,7 +12,7 @@ const useSwitchContext = require('./use-switch-context.cjs');
 const SwitchHiddenInput = react.forwardRef(
   (props, ref) => {
     const switchContext = useSwitchContext.useSwitchContext();
-    const mergedProps = react$1.mergeProps(switchContext.hiddenInputProps, props);
+    const mergedProps = react$1.mergeProps(switchContext.getHiddenInputProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
   }
 );

package/dist/components/switch/switch-hidden-input.js

@@ -8,7 +8,7 @@ import { useSwitchContext } from './use-switch-context.js';
 const SwitchHiddenInput = forwardRef(
   (props, ref) => {
     const switchContext = useSwitchContext();
-    const mergedProps = mergeProps(switchContext.hiddenInputProps, props);
+    const mergedProps = mergeProps(switchContext.getHiddenInputProps(), props);
     return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
   }
 );

package/dist/components/switch/switch-label.cjs

@@ -11,7 +11,7 @@ const useSwitchContext = require('./use-switch-context.cjs');
 
 const SwitchLabel = react.forwardRef((props, ref) => {
   const switchContext = useSwitchContext.useSwitchContext();
-  const mergedProps = react$1.mergeProps(switchContext.labelProps, props);
+  const mergedProps = react$1.mergeProps(switchContext.getLabelProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
 });
 SwitchLabel.displayName = "SwitchLabel";

package/dist/components/switch/switch-label.js

@@ -7,7 +7,7 @@ import { useSwitchContext } from './use-switch-context.js';
 
 const SwitchLabel = forwardRef((props, ref) => {
   const switchContext = useSwitchContext();
-  const mergedProps = mergeProps(switchContext.labelProps, props);
+  const mergedProps = mergeProps(switchContext.getLabelProps(), props);
   return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
 });
 SwitchLabel.displayName = "SwitchLabel";

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

@@ -0,0 +1,22 @@
+'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 useSwitchContext = require('./use-switch-context.cjs');
+
+const SwitchRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: api }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+    const mergedProps = react$1.mergeProps(api.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useSwitchContext.SwitchProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref }) });
+  }
+);
+SwitchRootProvider.displayName = "SwitchRootProvider";
+
+exports.SwitchRootProvider = SwitchRootProvider;

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

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseSwitchReturn } from './use-switch';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSwitchReturn;
+}
+export interface SwitchRootProviderProps extends HTMLArkProps<'label'>, RootProviderProps {
+}
+export declare const SwitchRootProvider: ForwardRefExoticComponent<SwitchRootProviderProps & RefAttributes<HTMLLabelElement>>;
+export {};

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

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseSwitchReturn } from './use-switch';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSwitchReturn;
+}
+export interface SwitchRootProviderProps extends HTMLArkProps<'label'>, RootProviderProps {
+}
+export declare const SwitchRootProvider: ForwardRefExoticComponent<SwitchRootProviderProps & RefAttributes<HTMLLabelElement>>;
+export {};

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

@@ -0,0 +1,18 @@
+'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 { SwitchProvider } from './use-switch-context.js';
+
+const SwitchRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: api }, localProps] = createSplitProps()(props, ["value"]);
+    const mergedProps = mergeProps(api.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(SwitchProvider, { value: api, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });
+  }
+);
+SwitchRootProvider.displayName = "SwitchRootProvider";
+
+export { SwitchRootProvider };

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

@@ -28,7 +28,7 @@ const SwitchRoot = react.forwardRef((props, ref) => {
     "value"
   ]);
   const switchContext = useSwitch.useSwitch(switchProps);
-  const mergedProps = react$1.mergeProps(switchContext.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(switchContext.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useSwitchContext.SwitchProvider, { value: switchContext, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref }) });
 });
 SwitchRoot.displayName = "SwitchRoot";

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

@@ -24,7 +24,7 @@ const SwitchRoot = forwardRef((props, ref) => {
     "value"
   ]);
   const switchContext = useSwitch(switchProps);
-  const mergedProps = mergeProps(switchContext.rootProps, localProps);
+  const mergedProps = mergeProps(switchContext.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(SwitchProvider, { value: switchContext, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });
 });
 SwitchRoot.displayName = "SwitchRoot";

package/dist/components/switch/switch-thumb.cjs

@@ -11,7 +11,7 @@ const useSwitchContext = require('./use-switch-context.cjs');
 
 const SwitchThumb = react.forwardRef((props, ref) => {
   const switchContext = useSwitchContext.useSwitchContext();
-  const mergedProps = react$1.mergeProps(switchContext.thumbProps, props);
+  const mergedProps = react$1.mergeProps(switchContext.getThumbProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
 });
 SwitchThumb.displayName = "SwitchThumb";

package/dist/components/switch/switch-thumb.js

@@ -7,7 +7,7 @@ import { useSwitchContext } from './use-switch-context.js';
 
 const SwitchThumb = forwardRef((props, ref) => {
   const switchContext = useSwitchContext();
-  const mergedProps = mergeProps(switchContext.thumbProps, props);
+  const mergedProps = mergeProps(switchContext.getThumbProps(), props);
   return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
 });
 SwitchThumb.displayName = "SwitchThumb";

package/dist/components/switch/switch.cjs

@@ -7,6 +7,7 @@ const switchControl = require('./switch-control.cjs');
 const switchHiddenInput = require('./switch-hidden-input.cjs');
 const switchLabel = require('./switch-label.cjs');
 const switchRoot = require('./switch-root.cjs');
+const switchRootProvider = require('./switch-root-provider.cjs');
 const switchThumb = require('./switch-thumb.cjs');
 
 
@@ -16,4 +17,5 @@ exports.Control = switchControl.SwitchControl;
 exports.HiddenInput = switchHiddenInput.SwitchHiddenInput;
 exports.Label = switchLabel.SwitchLabel;
 exports.Root = switchRoot.SwitchRoot;
+exports.RootProvider = switchRootProvider.SwitchRootProvider;
 exports.Thumb = switchThumb.SwitchThumb;

package/dist/components/switch/switch.d.cts

@@ -4,4 +4,5 @@ export { SwitchControl as Control, type SwitchControlProps as ControlProps } fro
 export { SwitchHiddenInput as HiddenInput, type SwitchHiddenInputProps as HiddenInputProps, } from './switch-hidden-input';
 export { SwitchLabel as Label, type SwitchLabelProps as LabelProps } from './switch-label';
 export { SwitchRoot as Root, type SwitchRootProps as RootProps } from './switch-root';
+export { SwitchRootProvider as RootProvider, type SwitchRootProviderProps as RootProviderProps, } from './switch-root-provider';
 export { SwitchThumb as Thumb, type SwitchThumbProps as ThumbProps } from './switch-thumb';

package/dist/components/switch/switch.d.ts

@@ -4,4 +4,5 @@ export { SwitchControl as Control, type SwitchControlProps as ControlProps } fro
 export { SwitchHiddenInput as HiddenInput, type SwitchHiddenInputProps as HiddenInputProps, } from './switch-hidden-input';
 export { SwitchLabel as Label, type SwitchLabelProps as LabelProps } from './switch-label';
 export { SwitchRoot as Root, type SwitchRootProps as RootProps } from './switch-root';
+export { SwitchRootProvider as RootProvider, type SwitchRootProviderProps as RootProviderProps, } from './switch-root-provider';
 export { SwitchThumb as Thumb, type SwitchThumbProps as ThumbProps } from './switch-thumb';

package/dist/components/switch/switch.js

@@ -3,4 +3,5 @@ export { SwitchControl as Control } from './switch-control.js';
 export { SwitchHiddenInput as HiddenInput } from './switch-hidden-input.js';
 export { SwitchLabel as Label } from './switch-label.js';
 export { SwitchRoot as Root } from './switch-root.js';
+export { SwitchRootProvider as RootProvider } from './switch-root-provider.js';
 export { SwitchThumb as Thumb } from './switch-thumb.js';

package/dist/components/tabs/index.cjs

@@ -8,6 +8,8 @@ const tabList = require('./tab-list.cjs');
 const tabTrigger = require('./tab-trigger.cjs');
 const tabsContext = require('./tabs-context.cjs');
 const tabsRoot = require('./tabs-root.cjs');
+const tabsRootProvider = require('./tabs-root-provider.cjs');
+const useTabs = require('./use-tabs.cjs');
 const useTabsContext = require('./use-tabs-context.cjs');
 const tabs = require('./tabs.cjs');
 
@@ -19,5 +21,7 @@ exports.TabList = tabList.TabList;
 exports.TabTrigger = tabTrigger.TabTrigger;
 exports.TabsContext = tabsContext.TabsContext;
 exports.TabsRoot = tabsRoot.TabsRoot;
+exports.TabsRootProvider = tabsRootProvider.TabsRootProvider;
+exports.useTabs = useTabs.useTabs;
 exports.useTabsContext = useTabsContext.useTabsContext;
 exports.Tabs = tabs;

package/dist/components/tabs/index.d.cts

@@ -5,5 +5,7 @@ export { TabList, type TabListProps } from './tab-list';
 export { TabTrigger, type TabTriggerProps } from './tab-trigger';
 export { TabsContext, type TabsContextProps } from './tabs-context';
 export { TabsRoot, type TabsRootProps } from './tabs-root';
-export { type UseTabsContext, useTabsContext } from './use-tabs-context';
+export { TabsRootProvider, type TabsRootProviderProps } from './tabs-root-provider';
+export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
+export { useTabsContext, type UseTabsContext } from './use-tabs-context';
 export * as Tabs from './tabs';

package/dist/components/tabs/index.d.ts

@@ -5,5 +5,7 @@ export { TabList, type TabListProps } from './tab-list';
 export { TabTrigger, type TabTriggerProps } from './tab-trigger';
 export { TabsContext, type TabsContextProps } from './tabs-context';
 export { TabsRoot, type TabsRootProps } from './tabs-root';
-export { type UseTabsContext, useTabsContext } from './use-tabs-context';
+export { TabsRootProvider, type TabsRootProviderProps } from './tabs-root-provider';
+export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
+export { useTabsContext, type UseTabsContext } from './use-tabs-context';
 export * as Tabs from './tabs';

package/dist/components/tabs/index.js

@@ -4,6 +4,8 @@ export { TabList } from './tab-list.js';
 export { TabTrigger } from './tab-trigger.js';
 export { TabsContext } from './tabs-context.js';
 export { TabsRoot } from './tabs-root.js';
+export { TabsRootProvider } from './tabs-root-provider.js';
+export { useTabs } from './use-tabs.js';
 export { useTabsContext } from './use-tabs-context.js';
 import * as tabs from './tabs.js';
 export { tabs as Tabs };

package/dist/components/tabs/tab-indicator.cjs

@@ -11,7 +11,7 @@ const useTabsContext = require('./use-tabs-context.cjs');
 
 const TabIndicator = react.forwardRef((props, ref) => {
   const tabs = useTabsContext.useTabsContext();
-  const mergedProps = react$1.mergeProps(tabs.indicatorProps, props);
+  const mergedProps = react$1.mergeProps(tabs.getIndicatorProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 TabIndicator.displayName = "TabIndicator";

package/dist/components/tabs/tab-indicator.js

@@ -7,7 +7,7 @@ import { useTabsContext } from './use-tabs-context.js';
 
 const TabIndicator = forwardRef((props, ref) => {
   const tabs = useTabsContext();
-  const mergedProps = mergeProps(tabs.indicatorProps, props);
+  const mergedProps = mergeProps(tabs.getIndicatorProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 TabIndicator.displayName = "TabIndicator";

package/dist/components/tabs/tab-list.cjs

@@ -11,7 +11,7 @@ const useTabsContext = require('./use-tabs-context.cjs');
 
 const TabList = react.forwardRef((props, ref) => {
   const tabs = useTabsContext.useTabsContext();
-  const mergedProps = react$1.mergeProps(tabs.listProps, props);
+  const mergedProps = react$1.mergeProps(tabs.getListProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 TabList.displayName = "TabList";

package/dist/components/tabs/tab-list.js

@@ -7,7 +7,7 @@ import { useTabsContext } from './use-tabs-context.js';
 
 const TabList = forwardRef((props, ref) => {
   const tabs = useTabsContext();
-  const mergedProps = mergeProps(tabs.listProps, props);
+  const mergedProps = mergeProps(tabs.getListProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 TabList.displayName = "TabList";

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

@@ -0,0 +1,22 @@
+'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 renderStrategy = require('../../utils/render-strategy.cjs');
+const factory = require('../factory.cjs');
+const useTabsContext = require('./use-tabs-context.cjs');
+
+const TabsRootProvider = react.forwardRef((props, ref) => {
+  const [renderStrategyProps, tabsProps] = renderStrategy.splitRenderStrategyProps(props);
+  const [{ value: tabs }, localprops] = createSplitProps.createSplitProps()(tabsProps, ["value"]);
+  const mergedProps = react$1.mergeProps(tabs.getRootProps(), localprops);
+  return /* @__PURE__ */ jsxRuntime.jsx(useTabsContext.TabsProvider, { value: tabs, children: /* @__PURE__ */ jsxRuntime.jsx(renderStrategy.RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
+});
+TabsRootProvider.displayName = "TabsRootProvider";
+
+exports.TabsRootProvider = TabsRootProvider;

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

@@ -0,0 +1,12 @@
+import { RenderStrategyProps } from '../../utils/render-strategy';
+import { HTMLArkProps } from '../factory';
+import { UseTabsReturn } from './use-tabs';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseTabsReturn;
+}
+export interface TabsRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, RenderStrategyProps {
+}
+export declare const TabsRootProvider: ForwardRefExoticComponent<TabsRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,12 @@
+import { RenderStrategyProps } from '../../utils/render-strategy';
+import { HTMLArkProps } from '../factory';
+import { UseTabsReturn } from './use-tabs';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseTabsReturn;
+}
+export interface TabsRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, RenderStrategyProps {
+}
+export declare const TabsRootProvider: ForwardRefExoticComponent<TabsRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,18 @@
+'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 { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';
+import { ark } from '../factory.js';
+import { TabsProvider } from './use-tabs-context.js';
+
+const TabsRootProvider = forwardRef((props, ref) => {
+  const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
+  const [{ value: tabs }, localprops] = createSplitProps()(tabsProps, ["value"]);
+  const mergedProps = mergeProps(tabs.getRootProps(), localprops);
+  return /* @__PURE__ */ jsx(TabsProvider, { value: tabs, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
+});
+TabsRootProvider.displayName = "TabsRootProvider";
+
+export { TabsRootProvider };

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

@@ -28,7 +28,7 @@ const TabsRoot = react.forwardRef((props, ref) => {
     "value"
   ]);
   const tabs = useTabs.useTabs(useTabsProps);
-  const mergedProps = react$1.mergeProps(tabs.rootProps, localprops);
+  const mergedProps = react$1.mergeProps(tabs.getRootProps(), localprops);
   return /* @__PURE__ */ jsxRuntime.jsx(useTabsContext.TabsProvider, { value: tabs, children: /* @__PURE__ */ jsxRuntime.jsx(renderStrategy.RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
 });
 TabsRoot.displayName = "TabsRoot";

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

@@ -24,7 +24,7 @@ const TabsRoot = forwardRef((props, ref) => {
     "value"
   ]);
   const tabs = useTabs(useTabsProps);
-  const mergedProps = mergeProps(tabs.rootProps, localprops);
+  const mergedProps = mergeProps(tabs.getRootProps(), localprops);
   return /* @__PURE__ */ jsx(TabsProvider, { value: tabs, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
 });
 TabsRoot.displayName = "TabsRoot";

package/dist/components/tabs/tabs.cjs

@@ -8,6 +8,7 @@ const tabList = require('./tab-list.cjs');
 const tabTrigger = require('./tab-trigger.cjs');
 const tabsContext = require('./tabs-context.cjs');
 const tabsRoot = require('./tabs-root.cjs');
+const tabsRootProvider = require('./tabs-root-provider.cjs');
 
 
 
@@ -17,3 +18,4 @@ exports.List = tabList.TabList;
 exports.Trigger = tabTrigger.TabTrigger;
 exports.Context = tabsContext.TabsContext;
 exports.Root = tabsRoot.TabsRoot;
+exports.RootProvider = tabsRootProvider.TabsRootProvider;

package/dist/components/tabs/tabs.d.cts

@@ -5,3 +5,4 @@ export { TabList as List, type TabListProps as ListProps } from './tab-list';
 export { TabTrigger as Trigger, type TabTriggerProps as TriggerProps } from './tab-trigger';
 export { TabsContext as Context, type TabsContextProps as ContextProps } from './tabs-context';
 export { TabsRoot as Root, type TabsRootProps as RootProps } from './tabs-root';
+export { TabsRootProvider as RootProvider, type TabsRootProviderProps as RootProviderProps, } from './tabs-root-provider';

package/dist/components/tabs/tabs.d.ts

@@ -5,3 +5,4 @@ export { TabList as List, type TabListProps as ListProps } from './tab-list';
 export { TabTrigger as Trigger, type TabTriggerProps as TriggerProps } from './tab-trigger';
 export { TabsContext as Context, type TabsContextProps as ContextProps } from './tabs-context';
 export { TabsRoot as Root, type TabsRootProps as RootProps } from './tabs-root';
+export { TabsRootProvider as RootProvider, type TabsRootProviderProps as RootProviderProps, } from './tabs-root-provider';

package/dist/components/tabs/tabs.js

@@ -4,3 +4,4 @@ export { TabList as List } from './tab-list.js';
 export { TabTrigger as Trigger } from './tab-trigger.js';
 export { TabsContext as Context } from './tabs-context.js';
 export { TabsRoot as Root } from './tabs-root.js';
+export { TabsRootProvider as RootProvider } from './tabs-root-provider.js';

package/dist/components/tags-input/index.cjs

@@ -5,16 +5,18 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const tagsInputClearTrigger = require('./tags-input-clear-trigger.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 const tagsInputControl = require('./tags-input-control.cjs');
+const tagsInputHiddenInput = require('./tags-input-hidden-input.cjs');
 const tagsInputInput = require('./tags-input-input.cjs');
 const tagsInputItem = require('./tags-input-item.cjs');
 const tagsInputItemContext = require('./tags-input-item-context.cjs');
 const tagsInputItemDeleteTrigger = require('./tags-input-item-delete-trigger.cjs');
 const tagsInputItemInput = require('./tags-input-item-input.cjs');
-const tagsInputHiddenInput = require('./tags-input-hidden-input.cjs');
 const tagsInputItemPreview = require('./tags-input-item-preview.cjs');
 const tagsInputItemText = require('./tags-input-item-text.cjs');
 const tagsInputLabel = require('./tags-input-label.cjs');
 const tagsInputRoot = require('./tags-input-root.cjs');
+const tagsInputRootProvider = require('./tags-input-root-provider.cjs');
+const useTagsInput = require('./use-tags-input.cjs');
 const useTagsInputContext = require('./use-tags-input-context.cjs');
 const useTagsInputItemContext = require('./use-tags-input-item-context.cjs');
 const tagsInput = require('./tags-input.cjs');
@@ -24,16 +26,18 @@ const tagsInput = require('./tags-input.cjs');
 exports.TagsInputClearTrigger = tagsInputClearTrigger.TagsInputClearTrigger;
 exports.TagsInputContext = tagsInputContext.TagsInputContext;
 exports.TagsInputControl = tagsInputControl.TagsInputControl;
+exports.TagsInputHiddenInput = tagsInputHiddenInput.TagsInputHiddenInput;
 exports.TagsInputInput = tagsInputInput.TagsInputInput;
 exports.TagsInputItem = tagsInputItem.TagsInputItem;
 exports.TagsInputItemContext = tagsInputItemContext.TagsInputItemContext;
 exports.TagsInputItemDeleteTrigger = tagsInputItemDeleteTrigger.TagsInputItemDeleteTrigger;
 exports.TagsInputItemInput = tagsInputItemInput.TagsInputItemInput;
-exports.TagsInputHiddenInput = tagsInputHiddenInput.TagsInputHiddenInput;
 exports.TagsInputItemPreview = tagsInputItemPreview.TagsInputItemPreview;
 exports.TagsInputItemText = tagsInputItemText.TagsInputItemText;
 exports.TagsInputLabel = tagsInputLabel.TagsInputLabel;
 exports.TagsInputRoot = tagsInputRoot.TagsInputRoot;
+exports.TagsInputRootProvider = tagsInputRootProvider.TagsInputRootProvider;
+exports.useTagsInput = useTagsInput.useTagsInput;
 exports.useTagsInputContext = useTagsInputContext.useTagsInputContext;
 exports.useTagsInputItemContext = useTagsInputItemContext.useTagsInputItemContext;
 exports.TagsInput = tagsInput;

package/dist/components/tags-input/index.d.cts

@@ -2,16 +2,18 @@ export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, Validit
 export { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
 export { TagsInputContext, type TagsInputContextProps } from './tags-input-context';
 export { TagsInputControl, type TagsInputControlProps } from './tags-input-control';
+export { TagsInputHiddenInput, type TagsInputHiddenInputProps } from './tags-input-hidden-input';
 export { TagsInputInput, type TagsInputInputProps } from './tags-input-input';
 export { TagsInputItem, type TagsInputItemProps } from './tags-input-item';
 export { TagsInputItemContext, type TagsInputItemContextProps } from './tags-input-item-context';
 export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps, } from './tags-input-item-delete-trigger';
 export { TagsInputItemInput, type TagsInputItemInputProps } from './tags-input-item-input';
-export { TagsInputHiddenInput, type TagsInputHiddenInputProps } from './tags-input-hidden-input';
 export { TagsInputItemPreview, type TagsInputItemPreviewProps } from './tags-input-item-preview';
 export { TagsInputItemText, type TagsInputItemTextProps } from './tags-input-item-text';
 export { TagsInputLabel, type TagsInputLabelProps } from './tags-input-label';
 export { TagsInputRoot, type TagsInputRootProps } from './tags-input-root';
-export { type UseTagsInputContext, useTagsInputContext } from './use-tags-input-context';
-export { type UseTagsInputItemContext, useTagsInputItemContext, } from './use-tags-input-item-context';
+export { TagsInputRootProvider, type TagsInputRootProviderProps } from './tags-input-root-provider';
+export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
+export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context';
+export { useTagsInputItemContext, type UseTagsInputItemContext, } from './use-tags-input-item-context';
 export * as TagsInput from './tags-input';

package/dist/components/tags-input/index.d.ts

@@ -2,16 +2,18 @@ export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, Validit
 export { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
 export { TagsInputContext, type TagsInputContextProps } from './tags-input-context';
 export { TagsInputControl, type TagsInputControlProps } from './tags-input-control';
+export { TagsInputHiddenInput, type TagsInputHiddenInputProps } from './tags-input-hidden-input';
 export { TagsInputInput, type TagsInputInputProps } from './tags-input-input';
 export { TagsInputItem, type TagsInputItemProps } from './tags-input-item';
 export { TagsInputItemContext, type TagsInputItemContextProps } from './tags-input-item-context';
 export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps, } from './tags-input-item-delete-trigger';
 export { TagsInputItemInput, type TagsInputItemInputProps } from './tags-input-item-input';
-export { TagsInputHiddenInput, type TagsInputHiddenInputProps } from './tags-input-hidden-input';
 export { TagsInputItemPreview, type TagsInputItemPreviewProps } from './tags-input-item-preview';
 export { TagsInputItemText, type TagsInputItemTextProps } from './tags-input-item-text';
 export { TagsInputLabel, type TagsInputLabelProps } from './tags-input-label';
 export { TagsInputRoot, type TagsInputRootProps } from './tags-input-root';
-export { type UseTagsInputContext, useTagsInputContext } from './use-tags-input-context';
-export { type UseTagsInputItemContext, useTagsInputItemContext, } from './use-tags-input-item-context';
+export { TagsInputRootProvider, type TagsInputRootProviderProps } from './tags-input-root-provider';
+export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
+export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context';
+export { useTagsInputItemContext, type UseTagsInputItemContext, } from './use-tags-input-item-context';
 export * as TagsInput from './tags-input';