@ark-ui/react 5.28.0 → 5.29.1

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

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

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useToggleGroup } from './use-toggle-group.js';
 import { ToggleGroupProvider } from './use-toggle-group-context.js';
 
+const splitRootProps = createSplitProps();
 const ToggleGroupRoot = forwardRef((props, ref) => {
-  const [useToggleGroupProps, localProps] = createSplitProps()(props, [
+  const [useToggleGroupProps, localProps] = splitRootProps(props, [
     "defaultValue",
     "deselectable",
     "disabled",

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

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

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

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

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

@@ -9,8 +9,9 @@ const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
+const splitNodeProps = createSplitProps.createSplitProps();
 function TreeViewNodeProvider(props) {
-  const [nodeProps, localProps] = createSplitProps.createSplitProps()(props, ["indexPath", "node"]);
+  const [nodeProps, localProps] = splitNodeProps(props, ["indexPath", "node"]);
   const treeView = useTreeViewContext.useTreeViewContext();
   const nodeState = treeView.getNodeState(nodeProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useTreeViewNodeContext.TreeViewNodeStateProvider, { value: nodeState, children: /* @__PURE__ */ jsxRuntime.jsx(useTreeViewNodePropsContext.TreeViewNodePropsProvider, { value: nodeProps, children: localProps.children }) });

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

@@ -5,8 +5,9 @@ import { useTreeViewContext } from './use-tree-view-context.js';
 import { TreeViewNodeStateProvider } from './use-tree-view-node-context.js';
 import { TreeViewNodePropsProvider } from './use-tree-view-node-props-context.js';
 
+const splitNodeProps = createSplitProps();
 function TreeViewNodeProvider(props) {
-  const [nodeProps, localProps] = createSplitProps()(props, ["indexPath", "node"]);
+  const [nodeProps, localProps] = splitNodeProps(props, ["indexPath", "node"]);
   const treeView = useTreeViewContext();
   const nodeState = treeView.getNodeState(nodeProps);
   return /* @__PURE__ */ jsx(TreeViewNodeStateProvider, { value: nodeState, children: /* @__PURE__ */ jsx(TreeViewNodePropsProvider, { value: nodeProps, children: localProps.children }) });

package/dist/index.cjs

@@ -562,9 +562,11 @@ const sliderValueText = require('./components/slider/slider-value-text.cjs');
 const useSlider = require('./components/slider/use-slider.cjs');
 const useSliderContext = require('./components/slider/use-slider-context.cjs');
 const slider$1 = require('./components/slider/slider.cjs');
+const splitter = require('@zag-js/splitter');
 const splitterContext = require('./components/splitter/splitter-context.cjs');
 const splitterPanel = require('./components/splitter/splitter-panel.cjs');
 const splitterResizeTrigger = require('./components/splitter/splitter-resize-trigger.cjs');
+const splitterResizeTriggerIndicator = require('./components/splitter/splitter-resize-trigger-indicator.cjs');
 const splitterRoot = require('./components/splitter/splitter-root.cjs');
 const splitterRootProvider = require('./components/splitter/splitter-root-provider.cjs');
 const useSplitter = require('./components/splitter/use-splitter.cjs');
@@ -750,7 +752,6 @@ const scrollArea = require('@zag-js/scroll-area');
 const select = require('@zag-js/select');
 const signaturePad = require('@zag-js/signature-pad');
 const slider = require('@zag-js/slider');
-const splitter = require('@zag-js/splitter');
 const steps = require('@zag-js/steps');
 const zagSwitch = require('@zag-js/switch');
 const tabs = require('@zag-js/tabs');
@@ -1332,9 +1333,18 @@ exports.SliderValueText = sliderValueText.SliderValueText;
 exports.useSlider = useSlider.useSlider;
 exports.useSliderContext = useSliderContext.useSliderContext;
 exports.Slider = slider$1;
+Object.defineProperty(exports, "getSplitterLayout", {
+	enumerable: true,
+	get: () => splitter.layout
+});
+Object.defineProperty(exports, "splitterAnatomy", {
+	enumerable: true,
+	get: () => splitter.anatomy
+});
 exports.SplitterContext = splitterContext.SplitterContext;
 exports.SplitterPanel = splitterPanel.SplitterPanel;
 exports.SplitterResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
+exports.SplitterResizeTriggerIndicator = splitterResizeTriggerIndicator.SplitterResizeTriggerIndicator;
 exports.SplitterRoot = splitterRoot.SplitterRoot;
 exports.SplitterRootProvider = splitterRootProvider.SplitterRootProvider;
 exports.useSplitter = useSplitter.useSplitter;
@@ -1604,10 +1614,6 @@ Object.defineProperty(exports, "sliderAnatomy", {
 	enumerable: true,
 	get: () => slider.anatomy
 });
-Object.defineProperty(exports, "splitterAnatomy", {
-	enumerable: true,
-	get: () => splitter.anatomy
-});
 Object.defineProperty(exports, "stepsAnatomy", {
 	enumerable: true,
 	get: () => steps.anatomy

package/dist/index.js

@@ -596,9 +596,11 @@ export { useSlider } from './components/slider/use-slider.js';
 export { useSliderContext } from './components/slider/use-slider-context.js';
 import * as slider from './components/slider/slider.js';
 export { slider as Slider };
+export { layout as getSplitterLayout, anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { SplitterContext } from './components/splitter/splitter-context.js';
 export { SplitterPanel } from './components/splitter/splitter-panel.js';
 export { SplitterResizeTrigger } from './components/splitter/splitter-resize-trigger.js';
+export { SplitterResizeTriggerIndicator } from './components/splitter/splitter-resize-trigger-indicator.js';
 export { SplitterRoot } from './components/splitter/splitter-root.js';
 export { SplitterRootProvider } from './components/splitter/splitter-root-provider.js';
 export { useSplitter } from './components/splitter/use-splitter.js';
@@ -796,7 +798,6 @@ export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';
 export { anatomy as selectAnatomy } from '@zag-js/select';
 export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
 export { anatomy as sliderAnatomy } from '@zag-js/slider';
-export { anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { anatomy as stepsAnatomy } from '@zag-js/steps';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';

package/dist/utils/create-context.cjs

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const utils = require('@zag-js/utils');
 const react = require('react');
 
 function getErrorMessage(hook, provider) {
@@ -24,7 +25,9 @@ function createContext(options = {}) {
     if (!context && strict) {
       const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
       error.name = "ContextError";
-      Error.captureStackTrace?.(error, useContext);
+      if (utils.hasProp(Error, "captureStackTrace") && utils.isFunction(Error.captureStackTrace)) {
+        Error.captureStackTrace(error, useContext);
+      }
       throw error;
     }
     return context;

package/dist/utils/create-context.js

@@ -1,4 +1,5 @@
 'use client';
+import { hasProp, isFunction } from '@zag-js/utils';
 import { createContext as createContext$1, useContext } from 'react';
 
 function getErrorMessage(hook, provider) {
@@ -20,7 +21,9 @@ function createContext(options = {}) {
     if (!context && strict) {
       const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
       error.name = "ContextError";
-      Error.captureStackTrace?.(error, useContext$1);
+      if (hasProp(Error, "captureStackTrace") && isFunction(Error.captureStackTrace)) {
+        Error.captureStackTrace(error, useContext$1);
+      }
       throw error;
     }
     return context;