@ark-ui/react 5.28.0 → 5.29.0

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

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { SplitterProvider } from './use-splitter-context.js';
 
+const splitRootProviderProps = createSplitProps();
 const SplitterRootProvider = forwardRef((props, ref) => {
-  const [{ value: splitter }, localProps] = createSplitProps()(props, ["value"]);
+  const [{ value: splitter }, localProps] = splitRootProviderProps(props, ["value"]);
   const mergedProps = mergeProps(splitter.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(SplitterProvider, { value: splitter, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useSplitter = require('./use-splitter.cjs');
 const useSplitterContext = require('./use-splitter-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const SplitterRoot = react.forwardRef((props, ref) => {
-  const [useSplitterProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useSplitterProps, localProps] = splitRootProps(props, [
     "defaultSize",
     "id",
     "ids",

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useSplitter } from './use-splitter.js';
 import { SplitterProvider } from './use-splitter-context.js';
 
+const splitRootProps = createSplitProps();
 const SplitterRoot = forwardRef((props, ref) => {
-  const [useSplitterProps, localProps] = createSplitProps()(props, [
+  const [useSplitterProps, localProps] = splitRootProps(props, [
     "defaultSize",
     "id",
     "ids",

package/dist/components/splitter/splitter.cjs

@@ -2,16 +2,23 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const splitter = require('@zag-js/splitter');
 const splitterContext = require('./splitter-context.cjs');
 const splitterPanel = require('./splitter-panel.cjs');
 const splitterResizeTrigger = require('./splitter-resize-trigger.cjs');
+const splitterResizeTriggerIndicator = require('./splitter-resize-trigger-indicator.cjs');
 const splitterRoot = require('./splitter-root.cjs');
 const splitterRootProvider = require('./splitter-root-provider.cjs');
 
 
 
+Object.defineProperty(exports, "getLayout", {
+  enumerable: true,
+  get: () => splitter.layout
+});
 exports.Context = splitterContext.SplitterContext;
 exports.Panel = splitterPanel.SplitterPanel;
 exports.ResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
+exports.ResizeTriggerIndicator = splitterResizeTriggerIndicator.SplitterResizeTriggerIndicator;
 exports.Root = splitterRoot.SplitterRoot;
 exports.RootProvider = splitterRootProvider.SplitterRootProvider;

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

@@ -1,6 +1,8 @@
+export { layout as getLayout } from '@zag-js/splitter';
 export type { ExpandCollapseDetails, PanelData, ResizeDetails, ResizeEndDetails } from '@zag-js/splitter';
 export { SplitterContext as Context, type SplitterContextProps as ContextProps } from './splitter-context';
 export { SplitterPanel as Panel, type SplitterPanelBaseProps as PanelBaseProps, type SplitterPanelProps as PanelProps, } from './splitter-panel';
 export { SplitterResizeTrigger as ResizeTrigger, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, type SplitterResizeTriggerProps as ResizeTriggerProps, } from './splitter-resize-trigger';
+export { SplitterResizeTriggerIndicator as ResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps as ResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps as ResizeTriggerIndicatorProps, } from './splitter-resize-trigger-indicator';
 export { SplitterRoot as Root, type SplitterRootBaseProps as RootBaseProps, type SplitterRootProps as RootProps, } from './splitter-root';
 export { SplitterRootProvider as RootProvider, type SplitterRootProviderBaseProps as RootProviderBaseProps, type SplitterRootProviderProps as RootProviderProps, } from './splitter-root-provider';

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

@@ -1,6 +1,8 @@
+export { layout as getLayout } from '@zag-js/splitter';
 export type { ExpandCollapseDetails, PanelData, ResizeDetails, ResizeEndDetails } from '@zag-js/splitter';
 export { SplitterContext as Context, type SplitterContextProps as ContextProps } from './splitter-context';
 export { SplitterPanel as Panel, type SplitterPanelBaseProps as PanelBaseProps, type SplitterPanelProps as PanelProps, } from './splitter-panel';
 export { SplitterResizeTrigger as ResizeTrigger, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, type SplitterResizeTriggerProps as ResizeTriggerProps, } from './splitter-resize-trigger';
+export { SplitterResizeTriggerIndicator as ResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps as ResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps as ResizeTriggerIndicatorProps, } from './splitter-resize-trigger-indicator';
 export { SplitterRoot as Root, type SplitterRootBaseProps as RootBaseProps, type SplitterRootProps as RootProps, } from './splitter-root';
 export { SplitterRootProvider as RootProvider, type SplitterRootProviderBaseProps as RootProviderBaseProps, type SplitterRootProviderProps as RootProviderProps, } from './splitter-root-provider';

package/dist/components/splitter/splitter.js

@@ -1,5 +1,7 @@
+export { layout as getLayout } from '@zag-js/splitter';
 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 { SplitterResizeTriggerIndicator as ResizeTriggerIndicator } from './splitter-resize-trigger-indicator.js';
 export { SplitterRoot as Root } from './splitter-root.js';
 export { SplitterRootProvider as RootProvider } from './splitter-root-provider.js';

package/dist/components/splitter/use-splitter-resize-trigger-props-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext] = createContext.createContext({
+  name: "SplitterResizeTriggerPropsContext",
+  hookName: "useSplitterResizeTriggerPropsContext",
+  providerName: "<SplitterResizeTriggerPropsProvider />"
+});
+
+exports.SplitterResizeTriggerPropsProvider = SplitterResizeTriggerPropsProvider;
+exports.useSplitterResizeTriggerPropsContext = useSplitterResizeTriggerPropsContext;

package/dist/components/splitter/use-splitter-resize-trigger-props-context.d.cts

@@ -0,0 +1,3 @@
+import { ResizeTriggerProps } from '@zag-js/splitter';
+import { Provider } from 'react';
+export declare const SplitterResizeTriggerPropsProvider: Provider<ResizeTriggerProps>, useSplitterResizeTriggerPropsContext: () => ResizeTriggerProps;

package/dist/components/splitter/use-splitter-resize-trigger-props-context.d.ts

@@ -0,0 +1,3 @@
+import { ResizeTriggerProps } from '@zag-js/splitter';
+import { Provider } from 'react';
+export declare const SplitterResizeTriggerPropsProvider: Provider<ResizeTriggerProps>, useSplitterResizeTriggerPropsContext: () => ResizeTriggerProps;

package/dist/components/splitter/use-splitter-resize-trigger-props-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext] = createContext({
+  name: "SplitterResizeTriggerPropsContext",
+  hookName: "useSplitterResizeTriggerPropsContext",
+  providerName: "<SplitterResizeTriggerPropsProvider />"
+});
+
+export { SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext };

package/dist/components/steps/steps-content.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useStepsContext = require('./use-steps-context.cjs');
 
+const splitContentProps = createSplitProps.createSplitProps();
 const StepsContent = react.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["index"]);
+  const [itemProps, localProps] = splitContentProps(props, ["index"]);
   const steps = useStepsContext.useStepsContext();
   const mergedProps = react$1.mergeProps(steps.getContentProps(itemProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });

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

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';
 
+const splitContentProps = createSplitProps();
 const StepsContent = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+  const [itemProps, localProps] = splitContentProps(props, ["index"]);
   const steps = useStepsContext();
   const mergedProps = mergeProps(steps.getContentProps(itemProps), localProps);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });

package/dist/components/steps/steps-item.cjs

@@ -12,8 +12,9 @@ const useStepsContext = require('./use-steps-context.cjs');
 const useStepsItemContext = require('./use-steps-item-context.cjs');
 const useStepsItemPropsContext = require('./use-steps-item-props-context.cjs');
 
+const splitItemProps = createSplitProps.createSplitProps();
 const StepsItem = react.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["index"]);
+  const [itemProps, localProps] = splitItemProps(props, ["index"]);
   const steps = useStepsContext.useStepsContext();
   const mergedProps = react$1.mergeProps(steps.getItemProps(itemProps), localProps);
   const itemState = steps.getItemState(itemProps);

package/dist/components/steps/steps-item.js

@@ -8,8 +8,9 @@ import { useStepsContext } from './use-steps-context.js';
 import { StepsItemProvider } from './use-steps-item-context.js';
 import { StepsItemPropsProvider } from './use-steps-item-props-context.js';
 
+const splitItemProps = createSplitProps();
 const StepsItem = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+  const [itemProps, localProps] = splitItemProps(props, ["index"]);
   const steps = useStepsContext();
   const mergedProps = mergeProps(steps.getItemProps(itemProps), localProps);
   const itemState = steps.getItemState(itemProps);

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

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useStepsContext = require('./use-steps-context.cjs');
 
+const splitRootProviderProps = createSplitProps.createSplitProps();
 const StepsRootProvider = react.forwardRef((props, ref) => {
-  const [{ value: steps }, rootProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const [{ value: steps }, rootProps] = splitRootProviderProps(props, ["value"]);
   const mergedProps = react$1.mergeProps(steps.getRootProps(), rootProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useStepsContext.StepsProvider, { value: steps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: props.children }) });
 });

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

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { StepsProvider } from './use-steps-context.js';
 
+const splitRootProviderProps = createSplitProps();
 const StepsRootProvider = forwardRef((props, ref) => {
-  const [{ value: steps }, rootProps] = createSplitProps()(props, ["value"]);
+  const [{ value: steps }, rootProps] = splitRootProviderProps(props, ["value"]);
   const mergedProps = mergeProps(steps.getRootProps(), rootProps);
   return /* @__PURE__ */ jsx(StepsProvider, { value: steps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: props.children }) });
 });

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useSteps = require('./use-steps.cjs');
 const useStepsContext = require('./use-steps-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const StepsRoot = react.forwardRef((props, ref) => {
-  const [useStepsProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useStepsProps, localProps] = splitRootProps(props, [
     "defaultStep",
     "id",
     "ids",

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useSteps } from './use-steps.js';
 import { StepsProvider } from './use-steps-context.js';
 
+const splitRootProps = createSplitProps();
 const StepsRoot = forwardRef((props, ref) => {
-  const [useStepsProps, localProps] = createSplitProps()(props, [
+  const [useStepsProps, localProps] = splitRootProps(props, [
     "defaultStep",
     "id",
     "ids",

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

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useSwitchContext = require('./use-switch-context.cjs');
 
+const splitRootProviderProps = createSplitProps.createSplitProps();
 const SwitchRootProvider = react.forwardRef((props, ref) => {
-  const [{ value: api }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const [{ value: api }, localProps] = splitRootProviderProps(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 }) });
 });

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

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { SwitchProvider } from './use-switch-context.js';
 
+const splitRootProviderProps = createSplitProps();
 const SwitchRootProvider = forwardRef((props, ref) => {
-  const [{ value: api }, localProps] = createSplitProps()(props, ["value"]);
+  const [{ value: api }, localProps] = splitRootProviderProps(props, ["value"]);
   const mergedProps = mergeProps(api.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(SwitchProvider, { value: api, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });
 });

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useSwitch = require('./use-switch.cjs');
 const useSwitchContext = require('./use-switch-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const SwitchRoot = react.forwardRef((props, ref) => {
-  const [switchProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useSwitchProps, localProps] = splitRootProps(props, [
     "checked",
     "defaultChecked",
     "disabled",
@@ -27,7 +28,7 @@ const SwitchRoot = react.forwardRef((props, ref) => {
     "required",
     "value"
   ]);
-  const switchContext = useSwitch.useSwitch(switchProps);
+  const switchContext = useSwitch.useSwitch(useSwitchProps);
   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 }) });
 });

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useSwitch } from './use-switch.js';
 import { SwitchProvider } from './use-switch-context.js';
 
+const splitRootProps = createSplitProps();
 const SwitchRoot = forwardRef((props, ref) => {
-  const [switchProps, localProps] = createSplitProps()(props, [
+  const [useSwitchProps, localProps] = splitRootProps(props, [
     "checked",
     "defaultChecked",
     "disabled",
@@ -23,7 +24,7 @@ const SwitchRoot = forwardRef((props, ref) => {
     "required",
     "value"
   ]);
-  const switchContext = useSwitch(switchProps);
+  const switchContext = useSwitch(useSwitchProps);
   const mergedProps = mergeProps(switchContext.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(SwitchProvider, { value: switchContext, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });
 });

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

@@ -14,8 +14,9 @@ const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useTabsContext = require('./use-tabs-context.cjs');
 
+const splitContentProps = createSplitProps.createSplitProps();
 const TabContent = react.forwardRef((props, ref) => {
-  const [contentProps, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const [contentProps, localProps] = splitContentProps(props, ["value"]);
   const tabs = useTabsContext.useTabsContext();
   const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
   const presence = usePresence.usePresence({

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

@@ -10,8 +10,9 @@ import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
 import { useTabsContext } from './use-tabs-context.js';
 
+const splitContentProps = createSplitProps();
 const TabContent = forwardRef((props, ref) => {
-  const [contentProps, localProps] = createSplitProps()(props, ["value"]);
+  const [contentProps, localProps] = splitContentProps(props, ["value"]);
   const tabs = useTabsContext();
   const renderStrategyProps = useRenderStrategyPropsContext();
   const presence = usePresence({

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

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useTabsContext = require('./use-tabs-context.cjs');
 
+const splitTriggerProps = createSplitProps.createSplitProps();
 const TabTrigger = react.forwardRef((props, ref) => {
-  const [tabProps, localProps] = createSplitProps.createSplitProps()(props, ["disabled", "value"]);
+  const [tabProps, localProps] = splitTriggerProps(props, ["disabled", "value"]);
   const tabs = useTabsContext.useTabsContext();
   const mergedProps = react$1.mergeProps(tabs.getTriggerProps(tabProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });

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

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useTabsContext } from './use-tabs-context.js';
 
+const splitTriggerProps = createSplitProps();
 const TabTrigger = forwardRef((props, ref) => {
-  const [tabProps, localProps] = createSplitProps()(props, ["disabled", "value"]);
+  const [tabProps, localProps] = splitTriggerProps(props, ["disabled", "value"]);
   const tabs = useTabsContext();
   const mergedProps = mergeProps(tabs.getTriggerProps(tabProps), localProps);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });

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

@@ -11,10 +11,11 @@ const renderStrategy = require('../../utils/render-strategy.cjs');
 const factory = require('../factory.cjs');
 const useTabsContext = require('./use-tabs-context.cjs');
 
+const splitRootProviderProps = createSplitProps.createSplitProps();
 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);
+  const [{ value: tabs }, localProps] = splitRootProviderProps(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";

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

@@ -7,10 +7,11 @@ import { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../uti
 import { ark } from '../factory.js';
 import { TabsProvider } from './use-tabs-context.js';
 
+const splitRootProviderProps = createSplitProps();
 const TabsRootProvider = forwardRef((props, ref) => {
   const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
-  const [{ value: tabs }, localprops] = createSplitProps()(tabsProps, ["value"]);
-  const mergedProps = mergeProps(tabs.getRootProps(), localprops);
+  const [{ value: tabs }, localProps] = splitRootProviderProps(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";

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

@@ -12,9 +12,10 @@ const factory = require('../factory.cjs');
 const useTabs = require('./use-tabs.cjs');
 const useTabsContext = require('./use-tabs-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const TabsRoot = react.forwardRef((props, ref) => {
   const [renderStrategyProps, tabsProps] = renderStrategy.splitRenderStrategyProps(props);
-  const [useTabsProps, localprops] = createSplitProps.createSplitProps()(tabsProps, [
+  const [useTabsProps, localProps] = splitRootProps(tabsProps, [
     "activationMode",
     "composite",
     "defaultValue",
@@ -30,7 +31,7 @@ const TabsRoot = react.forwardRef((props, ref) => {
     "value"
   ]);
   const tabs = useTabs.useTabs(useTabsProps);
-  const mergedProps = react$1.mergeProps(tabs.getRootProps(), 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

@@ -8,9 +8,10 @@ import { ark } from '../factory.js';
 import { useTabs } from './use-tabs.js';
 import { TabsProvider } from './use-tabs-context.js';
 
+const splitRootProps = createSplitProps();
 const TabsRoot = forwardRef((props, ref) => {
   const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
-  const [useTabsProps, localprops] = createSplitProps()(tabsProps, [
+  const [useTabsProps, localProps] = splitRootProps(tabsProps, [
     "activationMode",
     "composite",
     "defaultValue",
@@ -26,7 +27,7 @@ const TabsRoot = forwardRef((props, ref) => {
     "value"
   ]);
   const tabs = useTabs(useTabsProps);
-  const mergedProps = mergeProps(tabs.getRootProps(), 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/tags-input/tags-input-item.cjs

@@ -12,8 +12,9 @@ const useTagsInputContext = require('./use-tags-input-context.cjs');
 const useTagsInputItemContext = require('./use-tags-input-item-context.cjs');
 const useTagsInputItemPropsContext = require('./use-tags-input-item-props-context.cjs');
 
+const splitItemProps = createSplitProps.createSplitProps();
 const TagsInputItem = react.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["index", "disabled", "value"]);
+  const [itemProps, localProps] = splitItemProps(props, ["index", "disabled", "value"]);
   const tagsInput = useTagsInputContext.useTagsInputContext();
   const mergedProps = react$1.mergeProps(tagsInput.getItemProps(itemProps), localProps);
   const tagsInputItem = tagsInput.getItemState(itemProps);

package/dist/components/tags-input/tags-input-item.js

@@ -8,8 +8,9 @@ import { useTagsInputContext } from './use-tags-input-context.js';
 import { TagsInputItemProvider } from './use-tags-input-item-context.js';
 import { TagsInputItemPropsProvider } from './use-tags-input-item-props-context.js';
 
+const splitItemProps = createSplitProps();
 const TagsInputItem = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["index", "disabled", "value"]);
+  const [itemProps, localProps] = splitItemProps(props, ["index", "disabled", "value"]);
   const tagsInput = useTagsInputContext();
   const mergedProps = mergeProps(tagsInput.getItemProps(itemProps), localProps);
   const tagsInputItem = tagsInput.getItemState(itemProps);

package/dist/components/tags-input/tags-input-root-provider.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useTagsInputContext = require('./use-tags-input-context.cjs');
 
+const splitRootProviderProps = createSplitProps.createSplitProps();
 const TagsInputRootProvider = react.forwardRef((props, ref) => {
-  const [{ value: tagsInput }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const [{ value: tagsInput }, localProps] = splitRootProviderProps(props, ["value"]);
   const mergedProps = react$1.mergeProps(tagsInput.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useTagsInputContext.TagsInputProvider, { value: tagsInput, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });

package/dist/components/tags-input/tags-input-root-provider.js

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { TagsInputProvider } from './use-tags-input-context.js';
 
+const splitRootProviderProps = createSplitProps();
 const TagsInputRootProvider = forwardRef((props, ref) => {
-  const [{ value: tagsInput }, localProps] = createSplitProps()(props, ["value"]);
+  const [{ value: tagsInput }, localProps] = splitRootProviderProps(props, ["value"]);
   const mergedProps = mergeProps(tagsInput.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(TagsInputProvider, { value: tagsInput, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useTagsInput = require('./use-tags-input.cjs');
 const useTagsInputContext = require('./use-tags-input-context.cjs');
 
+const splitTagsInputProps = createSplitProps.createSplitProps();
 const TagsInputRoot = react.forwardRef((props, ref) => {
-  const [useTagsInputProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useTagsInputProps, localProps] = splitTagsInputProps(props, [
     "addOnPaste",
     "allowOverflow",
     "autoFocus",

package/dist/components/tags-input/tags-input-root.js

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useTagsInput } from './use-tags-input.js';
 import { TagsInputProvider } from './use-tags-input-context.js';
 
+const splitTagsInputProps = createSplitProps();
 const TagsInputRoot = forwardRef((props, ref) => {
-  const [useTagsInputProps, localProps] = createSplitProps()(props, [
+  const [useTagsInputProps, localProps] = splitTagsInputProps(props, [
     "addOnPaste",
     "allowOverflow",
     "autoFocus",

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

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useTimerContext = require('./use-timer-context.cjs');
 
+const splitActionTriggerProps = createSplitProps.createSplitProps();
 const TimerActionTrigger = react.forwardRef((props, ref) => {
-  const [actionTriggerProps, localProps] = createSplitProps.createSplitProps()(props, ["action"]);
+  const [actionTriggerProps, localProps] = splitActionTriggerProps(props, ["action"]);
   const timer = useTimerContext.useTimerContext();
   const mergedProps = react$1.mergeProps(timer.getActionTriggerProps(actionTriggerProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });

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

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useTimerContext } from './use-timer-context.js';
 
+const splitActionTriggerProps = createSplitProps();
 const TimerActionTrigger = forwardRef((props, ref) => {
-  const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
+  const [actionTriggerProps, localProps] = splitActionTriggerProps(props, ["action"]);
   const timer = useTimerContext();
   const mergedProps = mergeProps(timer.getActionTriggerProps(actionTriggerProps), localProps);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });

package/dist/components/timer/timer-item.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useTimerContext = require('./use-timer-context.cjs');
 
+const splitItemProps = createSplitProps.createSplitProps();
 const TimerItem = react.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["type"]);
+  const [itemProps, localProps] = splitItemProps(props, ["type"]);
   const timer = useTimerContext.useTimerContext();
   const mergedProps = react$1.mergeProps(timer.getItemProps(itemProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: timer.formattedTime[itemProps.type] });

package/dist/components/timer/timer-item.js

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useTimerContext } from './use-timer-context.js';
 
+const splitItemProps = createSplitProps();
 const TimerItem = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["type"]);
+  const [itemProps, localProps] = splitItemProps(props, ["type"]);
   const timer = useTimerContext();
   const mergedProps = mergeProps(timer.getItemProps(itemProps), localProps);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: timer.formattedTime[itemProps.type] });

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

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useTimerContext = require('./use-timer-context.cjs');
 
+const splitRootProviderProps = createSplitProps.createSplitProps();
 const TimerRootProvider = react.forwardRef((props, ref) => {
-  const [{ value: timer }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const [{ value: timer }, localProps] = splitRootProviderProps(props, ["value"]);
   const mergedProps = react$1.mergeProps(timer.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useTimerContext.TimerProvider, { value: timer, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });

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

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { TimerProvider } from './use-timer-context.js';
 
+const splitRootProviderProps = createSplitProps();
 const TimerRootProvider = forwardRef((props, ref) => {
-  const [{ value: timer }, localProps] = createSplitProps()(props, ["value"]);
+  const [{ value: timer }, localProps] = splitRootProviderProps(props, ["value"]);
   const mergedProps = mergeProps(timer.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(TimerProvider, { value: timer, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useTimer = require('./use-timer.cjs');
 const useTimerContext = require('./use-timer-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const TimerRoot = react.forwardRef((props, ref) => {
-  const [useTimerProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useTimerProps, localProps] = splitRootProps(props, [
     "id",
     "ids",
     "autoStart",

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useTimer } from './use-timer.js';
 import { TimerProvider } from './use-timer-context.js';
 
+const splitRootProps = createSplitProps();
 const TimerRoot = forwardRef((props, ref) => {
-  const [useTimerProps, localProps] = createSplitProps()(props, [
+  const [useTimerProps, localProps] = splitRootProps(props, [
     "id",
     "ids",
     "autoStart",

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useToggle = require('./use-toggle.cjs');
 const useToggleContext = require('./use-toggle-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const ToggleRoot = react.forwardRef((props, ref) => {
-  const [useToggleProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useToggleProps, localProps] = splitRootProps(props, [
     "pressed",
     "defaultPressed",
     "disabled",