@ark-ui/react 5.28.0 → 5.29.0

package/dist/components/color-picker/color-picker-root-provider.js

@@ -9,9 +9,10 @@ import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
 import { ColorPickerProvider } from './use-color-picker-context.js';
 
+const splitRootProviderProps = createSplitProps();
 const ColorPickerRootProvider = forwardRef((props, ref) => {
   const [presenceProps, colorPickerProps] = splitPresenceProps(props);
-  const [{ value: colorPicker }, localProps] = createSplitProps()(colorPickerProps, ["value"]);
+  const [{ value: colorPicker }, localProps] = splitRootProviderProps(colorPickerProps, ["value"]);
   const presence = usePresence(mergeProps({ present: colorPicker.open }, presenceProps));
   const mergedProps = mergeProps(colorPicker.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(ColorPickerProvider, { value: colorPicker, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });

package/dist/components/color-picker/color-picker-root.cjs

@@ -14,9 +14,10 @@ const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useColorPicker = require('./use-color-picker.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const ColorPickerRoot = react.forwardRef((props, ref) => {
   const [presenceProps, colorPickerProps] = splitPresenceProps.splitPresenceProps(props);
-  const [useColorPickerProps, localProps] = createSplitProps.createSplitProps()(colorPickerProps, [
+  const [useColorPickerProps, localProps] = splitRootProps(colorPickerProps, [
     "closeOnSelect",
     "defaultOpen",
     "defaultValue",

package/dist/components/color-picker/color-picker-root.js

@@ -10,9 +10,10 @@ import { PresenceProvider } from '../presence/use-presence-context.js';
 import { useColorPicker } from './use-color-picker.js';
 import { ColorPickerProvider } from './use-color-picker-context.js';
 
+const splitRootProps = createSplitProps();
 const ColorPickerRoot = forwardRef((props, ref) => {
   const [presenceProps, colorPickerProps] = splitPresenceProps(props);
-  const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, [
+  const [useColorPickerProps, localProps] = splitRootProps(colorPickerProps, [
     "closeOnSelect",
     "defaultOpen",
     "defaultValue",

package/dist/components/color-picker/color-picker-swatch-trigger.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
+const splitSwatchTriggerProps = createSplitProps.createSplitProps();
 const ColorPickerSwatchTrigger = react.forwardRef((props, ref) => {
-  const [triggerProps, localProps] = createSplitProps.createSplitProps()(props, ["value", "disabled"]);
+  const [triggerProps, localProps] = splitSwatchTriggerProps(props, ["value", "disabled"]);
   const colorPicker = useColorPickerContext.useColorPickerContext();
   const mergedProps = react$1.mergeProps(colorPicker.getSwatchTriggerProps(triggerProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });

package/dist/components/color-picker/color-picker-swatch-trigger.js

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 
+const splitSwatchTriggerProps = createSplitProps();
 const ColorPickerSwatchTrigger = forwardRef((props, ref) => {
-  const [triggerProps, localProps] = createSplitProps()(props, ["value", "disabled"]);
+  const [triggerProps, localProps] = splitSwatchTriggerProps(props, ["value", "disabled"]);
   const colorPicker = useColorPickerContext();
   const mergedProps = mergeProps(colorPicker.getSwatchTriggerProps(triggerProps), localProps);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });

package/dist/components/color-picker/color-picker-swatch.cjs

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 const useColorPickerSwatchPropsContext = require('./use-color-picker-swatch-props-context.cjs');
 
+const splitSwatchProps = createSplitProps.createSplitProps();
 const ColorPickerSwatch = react.forwardRef((props, ref) => {
-  const [swatwchProps, localProps] = createSplitProps.createSplitProps()(props, ["respectAlpha", "value"]);
+  const [swatwchProps, localProps] = splitSwatchProps(props, ["respectAlpha", "value"]);
   const colorPicker = useColorPickerContext.useColorPickerContext();
   const mergedProps = react$1.mergeProps(colorPicker.getSwatchProps(swatwchProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useColorPickerSwatchPropsContext.ColorPickerSwatchPropsProvider, { value: swatwchProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });

package/dist/components/color-picker/color-picker-swatch.js

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 import { ColorPickerSwatchPropsProvider } from './use-color-picker-swatch-props-context.js';
 
+const splitSwatchProps = createSplitProps();
 const ColorPickerSwatch = forwardRef((props, ref) => {
-  const [swatwchProps, localProps] = createSplitProps()(props, ["respectAlpha", "value"]);
+  const [swatwchProps, localProps] = splitSwatchProps(props, ["respectAlpha", "value"]);
   const colorPicker = useColorPickerContext();
   const mergedProps = mergeProps(colorPicker.getSwatchProps(swatwchProps), localProps);
   return /* @__PURE__ */ jsx(ColorPickerSwatchPropsProvider, { value: swatwchProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });

package/dist/components/color-picker/color-picker-transparency-grid.cjs

@@ -10,9 +10,10 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
+const splitTransparencyGridProps = createSplitProps.createSplitProps();
 const ColorPickerTransparencyGrid = react.forwardRef(
   (props, ref) => {
-    const [gridProps, localProps] = createSplitProps.createSplitProps()(props, ["size"]);
+    const [gridProps, localProps] = splitTransparencyGridProps(props, ["size"]);
     const colorPicker = useColorPickerContext.useColorPickerContext();
     const mergedProps = react$1.mergeProps(colorPicker.getTransparencyGridProps(gridProps), localProps);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });

package/dist/components/color-picker/color-picker-transparency-grid.js

@@ -6,9 +6,10 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 
+const splitTransparencyGridProps = createSplitProps();
 const ColorPickerTransparencyGrid = forwardRef(
   (props, ref) => {
-    const [gridProps, localProps] = createSplitProps()(props, ["size"]);
+    const [gridProps, localProps] = splitTransparencyGridProps(props, ["size"]);
     const colorPicker = useColorPickerContext();
     const mergedProps = mergeProps(colorPicker.getTransparencyGridProps(gridProps), localProps);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });

package/dist/components/color-picker/color-picker-value-swatch.cjs

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 const useColorPickerSwatchPropsContext = require('./use-color-picker-swatch-props-context.cjs');
 
+const splitValueSwatchProps = createSplitProps.createSplitProps();
 const ColorPickerValueSwatch = react.forwardRef((props, ref) => {
-  const [{ respectAlpha }, localProps] = createSplitProps.createSplitProps()(props, ["respectAlpha"]);
+  const [{ respectAlpha }, localProps] = splitValueSwatchProps(props, ["respectAlpha"]);
   const colorPicker = useColorPickerContext.useColorPickerContext();
   const swatchProps = {
     respectAlpha,

package/dist/components/color-picker/color-picker-value-swatch.js

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 import { ColorPickerSwatchPropsProvider } from './use-color-picker-swatch-props-context.js';
 
+const splitValueSwatchProps = createSplitProps();
 const ColorPickerValueSwatch = forwardRef((props, ref) => {
-  const [{ respectAlpha }, localProps] = createSplitProps()(props, ["respectAlpha"]);
+  const [{ respectAlpha }, localProps] = splitValueSwatchProps(props, ["respectAlpha"]);
   const colorPicker = useColorPickerContext();
   const swatchProps = {
     respectAlpha,

package/dist/components/color-picker/color-picker-view.cjs

@@ -11,9 +11,10 @@ const colorPicker_anatomy = require('./color-picker.anatomy.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 const useColorPickerFormatContext = require('./use-color-picker-format-context.cjs');
 
+const splitFormatOptions = createSplitProps.createSplitProps();
 const ColorPickerView = react.forwardRef((props, ref) => {
   const colorPicker = useColorPickerContext.useColorPickerContext();
-  const [formatProps, restProps] = createSplitProps.createSplitProps()(props, ["format"]);
+  const [formatProps, restProps] = splitFormatOptions(props, ["format"]);
   if (colorPicker.format !== formatProps.format) {
     return null;
   }

package/dist/components/color-picker/color-picker-view.js

@@ -7,9 +7,10 @@ import { colorPickerAnatomy } from './color-picker.anatomy.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 import { ColorPickerFormatPropsProvider } from './use-color-picker-format-context.js';
 
+const splitFormatOptions = createSplitProps();
 const ColorPickerView = forwardRef((props, ref) => {
   const colorPicker = useColorPickerContext();
-  const [formatProps, restProps] = createSplitProps()(props, ["format"]);
+  const [formatProps, restProps] = splitFormatOptions(props, ["format"]);
   if (colorPicker.format !== formatProps.format) {
     return null;
   }

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

@@ -11,9 +11,10 @@ const factory = require('../factory.cjs');
 const useComboboxContext = require('./use-combobox-context.cjs');
 const useComboboxItemGroupPropsContext = require('./use-combobox-item-group-props-context.cjs');
 
+const splitItemGroupProps = createSplitProps.createSplitProps();
 const ComboboxItemGroup = react.forwardRef((props, ref) => {
   const id = react.useId();
-  const [_itemGroupProps, localProps] = createSplitProps.createSplitProps()(props, ["id"]);
+  const [_itemGroupProps, localProps] = splitItemGroupProps(props, ["id"]);
   const itemGroupProps = { id, ..._itemGroupProps };
   const combobox = useComboboxContext.useComboboxContext();
   const mergedProps = react$1.mergeProps(combobox.getItemGroupProps(itemGroupProps), localProps);

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

@@ -7,9 +7,10 @@ import { ark } from '../factory.js';
 import { useComboboxContext } from './use-combobox-context.js';
 import { ComboboxItemGroupPropsProvider } from './use-combobox-item-group-props-context.js';
 
+const splitItemGroupProps = createSplitProps();
 const ComboboxItemGroup = forwardRef((props, ref) => {
   const id = useId();
-  const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+  const [_itemGroupProps, localProps] = splitItemGroupProps(props, ["id"]);
   const itemGroupProps = { id, ..._itemGroupProps };
   const combobox = useComboboxContext();
   const mergedProps = mergeProps(combobox.getItemGroupProps(itemGroupProps), localProps);

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

@@ -12,8 +12,9 @@ const useComboboxContext = require('./use-combobox-context.cjs');
 const useComboboxItemContext = require('./use-combobox-item-context.cjs');
 const useComboboxItemPropsContext = require('./use-combobox-item-props-context.cjs');
 
+const splitItemProps = createSplitProps.createSplitProps();
 const ComboboxItem = react.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["item", "persistFocus"]);
+  const [itemProps, localProps] = splitItemProps(props, ["item", "persistFocus"]);
   const combobox = useComboboxContext.useComboboxContext();
   const mergedProps = react$1.mergeProps(combobox.getItemProps(itemProps), localProps);
   const itemState = combobox.getItemState(itemProps);

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

@@ -8,8 +8,9 @@ import { useComboboxContext } from './use-combobox-context.js';
 import { ComboboxItemProvider } from './use-combobox-item-context.js';
 import { ComboboxItemPropsProvider } from './use-combobox-item-props-context.js';
 
+const splitItemProps = createSplitProps();
 const ComboboxItem = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["item", "persistFocus"]);
+  const [itemProps, localProps] = splitItemProps(props, ["item", "persistFocus"]);
   const combobox = useComboboxContext();
   const mergedProps = mergeProps(combobox.getItemProps(itemProps), localProps);
   const itemState = combobox.getItemState(itemProps);

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

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

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

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

package/dist/components/date-picker/date-picker-input.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
+const splitInputProps = createSplitProps.createSplitProps();
 const DatePickerInput = react.forwardRef((props, ref) => {
-  const [inputProps, localProps] = createSplitProps.createSplitProps()(props, ["index", "fixOnBlur"]);
+  const [inputProps, localProps] = splitInputProps(props, ["index", "fixOnBlur"]);
   const datePicker = useDatePickerContext.useDatePickerContext();
   const mergedProps = react$1.mergeProps(datePicker.getInputProps(inputProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });

package/dist/components/date-picker/date-picker-input.js

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 
+const splitInputProps = createSplitProps();
 const DatePickerInput = forwardRef((props, ref) => {
-  const [inputProps, localProps] = createSplitProps()(props, ["index", "fixOnBlur"]);
+  const [inputProps, localProps] = splitInputProps(props, ["index", "fixOnBlur"]);
   const datePicker = useDatePickerContext();
   const mergedProps = mergeProps(datePicker.getInputProps(inputProps), localProps);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });

package/dist/components/date-picker/date-picker-preset-trigger.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
+const splitPresetTriggerProps = createSplitProps.createSplitProps();
 const DatePickerPresetTrigger = react.forwardRef((props, ref) => {
-  const [presetTriggerProps, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const [presetTriggerProps, localProps] = splitPresetTriggerProps(props, ["value"]);
   const datePicker = useDatePickerContext.useDatePickerContext();
   const mergedProps = react$1.mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });

package/dist/components/date-picker/date-picker-preset-trigger.js

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 
+const splitPresetTriggerProps = createSplitProps();
 const DatePickerPresetTrigger = forwardRef((props, ref) => {
-  const [presetTriggerProps, localProps] = createSplitProps()(props, ["value"]);
+  const [presetTriggerProps, localProps] = splitPresetTriggerProps(props, ["value"]);
   const datePicker = useDatePickerContext();
   const mergedProps = mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), localProps);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });

package/dist/components/date-picker/date-picker-root-provider.cjs

@@ -13,9 +13,10 @@ const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
+const splitRootProviderProps = createSplitProps.createSplitProps();
 const DatePickerRootProvider = react.forwardRef((props, ref) => {
   const [presenceProps, datePickerProps] = splitPresenceProps.splitPresenceProps(props);
-  const [{ value: datePicker }, localProps] = createSplitProps.createSplitProps()(datePickerProps, ["value"]);
+  const [{ value: datePicker }, localProps] = splitRootProviderProps(datePickerProps, ["value"]);
   const presence = usePresence.usePresence(react$1.mergeProps({ present: datePicker.open }, presenceProps));
   const mergedProps = react$1.mergeProps(datePicker.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useDatePickerContext.DatePickerProvider, { value: datePicker, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });

package/dist/components/date-picker/date-picker-root-provider.js

@@ -9,9 +9,10 @@ import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
 import { DatePickerProvider } from './use-date-picker-context.js';
 
+const splitRootProviderProps = createSplitProps();
 const DatePickerRootProvider = forwardRef((props, ref) => {
   const [presenceProps, datePickerProps] = splitPresenceProps(props);
-  const [{ value: datePicker }, localProps] = createSplitProps()(datePickerProps, ["value"]);
+  const [{ value: datePicker }, localProps] = splitRootProviderProps(datePickerProps, ["value"]);
   const presence = usePresence(mergeProps({ present: datePicker.open }, presenceProps));
   const mergedProps = mergeProps(datePicker.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(DatePickerProvider, { value: datePicker, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });

package/dist/components/date-picker/date-picker-root.cjs

@@ -14,9 +14,10 @@ const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDatePicker = require('./use-date-picker.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const DatePickerRoot = react.forwardRef((props, ref) => {
   const [presenceProps, datePickerProps] = splitPresenceProps.splitPresenceProps(props);
-  const [useDatePickerProps, localProps] = createSplitProps.createSplitProps()(datePickerProps, [
+  const [useDatePickerProps, localProps] = splitRootProps(datePickerProps, [
     "closeOnSelect",
     "defaultFocusedValue",
     "defaultOpen",

package/dist/components/date-picker/date-picker-root.js

@@ -10,9 +10,10 @@ import { PresenceProvider } from '../presence/use-presence-context.js';
 import { useDatePicker } from './use-date-picker.js';
 import { DatePickerProvider } from './use-date-picker-context.js';
 
+const splitRootProps = createSplitProps();
 const DatePickerRoot = forwardRef((props, ref) => {
   const [presenceProps, datePickerProps] = splitPresenceProps(props);
-  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, [
+  const [useDatePickerProps, localProps] = splitRootProps(datePickerProps, [
     "closeOnSelect",
     "defaultFocusedValue",
     "defaultOpen",

package/dist/components/date-picker/date-picker-table-cell.cjs

@@ -12,13 +12,9 @@ const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerTableCellPropsContext = require('./use-date-picker-table-cell-props-context.cjs');
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
+const splitTableCellProps = createSplitProps.createSplitProps();
 const DatePickerTableCell = react.forwardRef((props, ref) => {
-  const [cellProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "disabled",
-    "value",
-    "visibleRange",
-    "columns"
-  ]);
+  const [cellProps, localProps] = splitTableCellProps(props, ["disabled", "value", "visibleRange", "columns"]);
   const datePicker = useDatePickerContext.useDatePickerContext();
   const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
   const tableCellProps = {

package/dist/components/date-picker/date-picker-table-cell.js

@@ -8,13 +8,9 @@ import { useDatePickerContext } from './use-date-picker-context.js';
 import { DatePickerTableCellPropsProvider } from './use-date-picker-table-cell-props-context.js';
 import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
 
+const splitTableCellProps = createSplitProps();
 const DatePickerTableCell = forwardRef((props, ref) => {
-  const [cellProps, localProps] = createSplitProps()(props, [
-    "disabled",
-    "value",
-    "visibleRange",
-    "columns"
-  ]);
+  const [cellProps, localProps] = splitTableCellProps(props, ["disabled", "value", "visibleRange", "columns"]);
   const datePicker = useDatePickerContext();
   const viewProps = useDatePickerViewPropsContext();
   const tableCellProps = {

package/dist/components/date-picker/date-picker-table.cjs

@@ -12,8 +12,9 @@ const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerTablePropsContext = require('./use-date-picker-table-props-context.cjs');
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
+const splitTableProps = createSplitProps.createSplitProps();
 const DatePickerTable = react.forwardRef((props, ref) => {
-  const [{ columns }, localProps] = createSplitProps.createSplitProps()(props, ["columns"]);
+  const [{ columns }, localProps] = splitTableProps(props, ["columns"]);
   const datePicker = useDatePickerContext.useDatePickerContext();
   const viewProps = useDatePickerViewPropsContext.useDatePickerViewPropsContext();
   const tableProps = { columns, id: react.useId(), ...viewProps };

package/dist/components/date-picker/date-picker-table.js

@@ -8,8 +8,9 @@ import { useDatePickerContext } from './use-date-picker-context.js';
 import { DatePickerTablePropsProvider } from './use-date-picker-table-props-context.js';
 import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js';
 
+const splitTableProps = createSplitProps();
 const DatePickerTable = forwardRef((props, ref) => {
-  const [{ columns }, localProps] = createSplitProps()(props, ["columns"]);
+  const [{ columns }, localProps] = splitTableProps(props, ["columns"]);
   const datePicker = useDatePickerContext();
   const viewProps = useDatePickerViewPropsContext();
   const tableProps = { columns, id: useId(), ...viewProps };

package/dist/components/date-picker/date-picker-view.cjs

@@ -11,8 +11,9 @@ const datePicker_anatomy = require('./date-picker.anatomy.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
+const splitViewProps = createSplitProps.createSplitProps();
 const DatePickerView = react.forwardRef((props, ref) => {
-  const [viewProps, localProps] = createSplitProps.createSplitProps()(props, ["view"]);
+  const [viewProps, localProps] = splitViewProps(props, ["view"]);
   const datePicker = useDatePickerContext.useDatePickerContext();
   return /* @__PURE__ */ jsxRuntime.jsx(useDatePickerViewPropsContext.DatePickerViewPropsProvider, { value: viewProps, children: /* @__PURE__ */ jsxRuntime.jsx(
     factory.ark.div,

package/dist/components/date-picker/date-picker-view.js

@@ -7,8 +7,9 @@ import { datePickerAnatomy } from './date-picker.anatomy.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 import { DatePickerViewPropsProvider } from './use-date-picker-view-props-context.js';
 
+const splitViewProps = createSplitProps();
 const DatePickerView = forwardRef((props, ref) => {
-  const [viewProps, localProps] = createSplitProps()(props, ["view"]);
+  const [viewProps, localProps] = splitViewProps(props, ["view"]);
   const datePicker = useDatePickerContext();
   return /* @__PURE__ */ jsx(DatePickerViewPropsProvider, { value: viewProps, children: /* @__PURE__ */ jsx(
     ark.div,

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

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

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

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

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useEditable = require('./use-editable.cjs');
 const useEditableContext = require('./use-editable-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const EditableRoot = react.forwardRef((props, ref) => {
-  const [useEditableProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useEditableProps, localProps] = splitRootProps(props, [
     "activationMode",
     "autoResize",
     "defaultEdit",

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useEditable } from './use-editable.js';
 import { EditableProvider } from './use-editable-context.js';
 
+const splitRootProps = createSplitProps();
 const EditableRoot = forwardRef((props, ref) => {
-  const [useEditableProps, localProps] = createSplitProps()(props, [
+  const [useEditableProps, localProps] = splitRootProps(props, [
     "activationMode",
     "autoResize",
     "defaultEdit",

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

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

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

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

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

@@ -12,8 +12,9 @@ const factory = require('../factory.cjs');
 const useField = require('./use-field.cjs');
 const useFieldContext = require('./use-field-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const FieldRoot = react.forwardRef((props, ref) => {
-  const [useFieldProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useFieldProps, localProps] = splitRootProps(props, [
     "id",
     "ids",
     "disabled",

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

@@ -8,8 +8,9 @@ import { ark } from '../factory.js';
 import { useField } from './use-field.js';
 import { FieldProvider } from './use-field-context.js';
 
+const splitRootProps = createSplitProps();
 const FieldRoot = forwardRef((props, ref) => {
-  const [useFieldProps, localProps] = createSplitProps()(props, [
+  const [useFieldProps, localProps] = splitRootProps(props, [
     "id",
     "ids",
     "disabled",

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

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

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

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

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

@@ -12,8 +12,9 @@ const factory = require('../factory.cjs');
 const useFieldset = require('./use-fieldset.cjs');
 const useFieldsetContext = require('./use-fieldset-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const FieldsetRoot = react.forwardRef((props, ref) => {
-  const [useFieldsetProps, localProps] = createSplitProps.createSplitProps()(props, ["id", "disabled", "invalid"]);
+  const [useFieldsetProps, localProps] = splitRootProps(props, ["id", "disabled", "invalid"]);
   const fieldset = useFieldset.useFieldset(useFieldsetProps);
   const mergedProps = react$1.mergeProps(fieldset.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useFieldsetContext.FieldsetProvider, { value: fieldset, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.fieldset, { ...mergedProps, ref: composeRefs.composeRefs(ref, fieldset.refs.rootRef) }) });

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

@@ -8,8 +8,9 @@ import { ark } from '../factory.js';
 import { useFieldset } from './use-fieldset.js';
 import { FieldsetProvider } from './use-fieldset-context.js';
 
+const splitRootProps = createSplitProps();
 const FieldsetRoot = forwardRef((props, ref) => {
-  const [useFieldsetProps, localProps] = createSplitProps()(props, ["id", "disabled", "invalid"]);
+  const [useFieldsetProps, localProps] = splitRootProps(props, ["id", "disabled", "invalid"]);
   const fieldset = useFieldset(useFieldsetProps);
   const mergedProps = mergeProps(fieldset.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(FieldsetProvider, { value: fieldset, children: /* @__PURE__ */ jsx(ark.fieldset, { ...mergedProps, ref: composeRefs(ref, fieldset.refs.rootRef) }) });

package/dist/components/file-upload/file-upload-dropzone.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 
+const splitDropzoneProps = createSplitProps.createSplitProps();
 const FileUploadDropzone = react.forwardRef((props, ref) => {
-  const [dropzoneProps, localProps] = createSplitProps.createSplitProps()(props, ["disableClick"]);
+  const [dropzoneProps, localProps] = splitDropzoneProps(props, ["disableClick"]);
   const fileUpload = useFileUploadContext.useFileUploadContext();
   const mergedProps = react$1.mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });

package/dist/components/file-upload/file-upload-dropzone.js

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
 
+const splitDropzoneProps = createSplitProps();
 const FileUploadDropzone = forwardRef((props, ref) => {
-  const [dropzoneProps, localProps] = createSplitProps()(props, ["disableClick"]);
+  const [dropzoneProps, localProps] = splitDropzoneProps(props, ["disableClick"]);
   const fileUpload = useFileUploadContext();
   const mergedProps = mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });