@ark-ui/react 5.27.1 → 5.29.0

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/index.d.cts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, } from '@zag-js/tags-input';
+export type { FocusOutsideEvent as TagsInputFocusOutsideEvent, HighlightChangeDetails as TagsInputHighlightChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, InteractOutsideEvent as TagsInputInteractOutsideEvent, PointerDownOutsideEvent as TagsInputPointerDownOutsideEvent, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
 export { TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger';
 export { TagsInputContext, type TagsInputContextProps } from './tags-input-context';
 export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps } from './tags-input-control';

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

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, } from '@zag-js/tags-input';
+export type { FocusOutsideEvent as TagsInputFocusOutsideEvent, HighlightChangeDetails as TagsInputHighlightChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, InteractOutsideEvent as TagsInputInteractOutsideEvent, PointerDownOutsideEvent as TagsInputPointerDownOutsideEvent, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
 export { TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger';
 export { TagsInputContext, type TagsInputContextProps } from './tags-input-context';
 export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps } from './tags-input-control';

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/tags-input/tags-input.d.cts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, ValidityChangeDetails, ValueChangeDetails, InputValueChangeDetails, } from '@zag-js/tags-input';
+export type { FocusOutsideEvent, HighlightChangeDetails, InputValueChangeDetails, InteractOutsideEvent, PointerDownOutsideEvent, ValidityChangeDetails, ValueChangeDetails, } from '@zag-js/tags-input';
 export { TagsInputClearTrigger as ClearTrigger, type TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, type TagsInputClearTriggerProps as ClearTriggerProps, } from './tags-input-clear-trigger';
 export { TagsInputContext as Context, type TagsInputContextProps as ContextProps } from './tags-input-context';
 export { TagsInputControl as Control, type TagsInputControlBaseProps as ControlBaseProps, type TagsInputControlProps as ControlProps, } from './tags-input-control';

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

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, ValidityChangeDetails, ValueChangeDetails, InputValueChangeDetails, } from '@zag-js/tags-input';
+export type { FocusOutsideEvent, HighlightChangeDetails, InputValueChangeDetails, InteractOutsideEvent, PointerDownOutsideEvent, ValidityChangeDetails, ValueChangeDetails, } from '@zag-js/tags-input';
 export { TagsInputClearTrigger as ClearTrigger, type TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, type TagsInputClearTriggerProps as ClearTriggerProps, } from './tags-input-clear-trigger';
 export { TagsInputContext as Context, type TagsInputContextProps as ContextProps } from './tags-input-context';
 export { TagsInputControl as Control, type TagsInputControlBaseProps as ControlBaseProps, type TagsInputControlProps as ControlProps, } from './tags-input-control';

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/toast/index.d.cts

@@ -1,4 +1,4 @@
-export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, Type as ToastType, } from '@zag-js/toast';
+export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, StoreProps as ToastStoreProps, Type as ToastType, } from '@zag-js/toast';
 export { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster';
 export { ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger';
 export { ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps } from './toast-close-trigger';
@@ -7,6 +7,6 @@ export { ToastDescription, type ToastDescriptionBaseProps, type ToastDescription
 export { ToastRoot, type ToastRootBaseProps, type ToastRootProps } from './toast-root';
 export { ToastTitle, type ToastTitleBaseProps, type ToastTitleProps } from './toast-title';
 export { toastAnatomy } from './toast.anatomy';
-export { Toaster, type ToasterBaseProps, type ToasterProps } from './toaster';
+export { Toaster, type ToasterBaseProps, type ToasterProps, type ToastOptions } from './toaster';
 export { useToastContext, type UseToastContext } from './use-toast-context';
 export * as Toast from './toast';

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

@@ -1,4 +1,4 @@
-export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, Type as ToastType, } from '@zag-js/toast';
+export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, StoreProps as ToastStoreProps, Type as ToastType, } from '@zag-js/toast';
 export { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster';
 export { ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger';
 export { ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps } from './toast-close-trigger';
@@ -7,6 +7,6 @@ export { ToastDescription, type ToastDescriptionBaseProps, type ToastDescription
 export { ToastRoot, type ToastRootBaseProps, type ToastRootProps } from './toast-root';
 export { ToastTitle, type ToastTitleBaseProps, type ToastTitleProps } from './toast-title';
 export { toastAnatomy } from './toast.anatomy';
-export { Toaster, type ToasterBaseProps, type ToasterProps } from './toaster';
+export { Toaster, type ToasterBaseProps, type ToasterProps, type ToastOptions } from './toaster';
 export { useToastContext, type UseToastContext } from './use-toast-context';
 export * as Toast from './toast';

package/dist/components/toast/toast.d.cts

@@ -1,3 +1,5 @@
+export type { ActionOptions, Placement, PromiseOptions, Status, StatusChangeDetails, StoreProps, Type, } from '@zag-js/toast';
+export type { ToastOptions as Options } from './toaster';
 export { ToastActionTrigger as ActionTrigger, type ToastActionTriggerBaseProps as ActionTriggerBaseProps, type ToastActionTriggerProps as ActionTriggerProps, } from './toast-action-trigger';
 export { ToastCloseTrigger as CloseTrigger, type ToastCloseTriggerBaseProps as CloseTriggerBaseProps, type ToastCloseTriggerProps as CloseTriggerProps, } from './toast-close-trigger';
 export { ToastContext as Context, type ToastContextProps as ContextProps } from './toast-context';

package/dist/components/toast/toast.d.ts

@@ -1,3 +1,5 @@
+export type { ActionOptions, Placement, PromiseOptions, Status, StatusChangeDetails, StoreProps, Type, } from '@zag-js/toast';
+export type { ToastOptions as Options } from './toaster';
 export { ToastActionTrigger as ActionTrigger, type ToastActionTriggerBaseProps as ActionTriggerBaseProps, type ToastActionTriggerProps as ActionTriggerProps, } from './toast-action-trigger';
 export { ToastCloseTrigger as CloseTrigger, type ToastCloseTriggerBaseProps as CloseTriggerBaseProps, type ToastCloseTriggerProps as CloseTriggerProps, } from './toast-close-trigger';
 export { ToastContext as Context, type ToastContextProps as ContextProps } from './toast-context';

package/dist/components/toast/toaster.d.cts

@@ -3,9 +3,10 @@ import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { CreateToasterReturn } from './create-toaster';
 import * as toast from '@zag-js/toast';
+export type ToastOptions = toast.Options<ReactNode>;
 export interface ToasterBaseProps extends PolymorphicProps, Omit<toast.GroupProps, 'store' | 'id'> {
     toaster: CreateToasterReturn;
-    children: (toast: toast.Options<ReactNode>) => ReactNode;
+    children: (toast: ToastOptions) => ReactNode;
 }
 export interface ToasterProps extends Assign<HTMLProps<'div'>, ToasterBaseProps> {
 }

package/dist/components/toast/toaster.d.ts

@@ -3,9 +3,10 @@ import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { CreateToasterReturn } from './create-toaster';
 import * as toast from '@zag-js/toast';
+export type ToastOptions = toast.Options<ReactNode>;
 export interface ToasterBaseProps extends PolymorphicProps, Omit<toast.GroupProps, 'store' | 'id'> {
     toaster: CreateToasterReturn;
-    children: (toast: toast.Options<ReactNode>) => ReactNode;
+    children: (toast: ToastOptions) => ReactNode;
 }
 export interface ToasterProps extends Assign<HTMLProps<'div'>, ToasterBaseProps> {
 }

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",

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useToggle } from './use-toggle.js';
 import { ToggleProvider } from './use-toggle-context.js';
 
+const splitRootProps = createSplitProps();
 const ToggleRoot = forwardRef((props, ref) => {
-  const [useToggleProps, localProps] = createSplitProps()(props, [
+  const [useToggleProps, localProps] = splitRootProps(props, [
     "pressed",
     "defaultPressed",
     "disabled",

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

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useToggleGroupContext = require('./use-toggle-group-context.cjs');
 
+const splitItemProps = createSplitProps.createSplitProps();
 const ToggleGroupItem = react.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["value", "disabled"]);
+  const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
   const toggleGroup = useToggleGroupContext.useToggleGroupContext();
   const mergedProps = react$1.mergeProps(toggleGroup.getItemProps(itemProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });

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

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useToggleGroupContext } from './use-toggle-group-context.js';
 
+const splitItemProps = createSplitProps();
 const ToggleGroupItem = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["value", "disabled"]);
+  const [itemProps, localProps] = splitItemProps(props, ["value", "disabled"]);
   const toggleGroup = useToggleGroupContext();
   const mergedProps = mergeProps(toggleGroup.getItemProps(itemProps), localProps);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });

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

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

package/dist/components/toggle-group/toggle-group-root-provider.js

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

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useToggleGroup = require('./use-toggle-group.cjs');
 const useToggleGroupContext = require('./use-toggle-group-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const ToggleGroupRoot = react.forwardRef((props, ref) => {
-  const [useToggleGroupProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useToggleGroupProps, localProps] = splitRootProps(props, [
     "defaultValue",
     "deselectable",
     "disabled",