@ark-ui/react 5.28.0 → 5.29.0

package/dist/components/menu/menu-radio-item-group.cjs

@@ -11,12 +11,9 @@ const factory = require('../factory.cjs');
 const useMenuContext = require('./use-menu-context.cjs');
 const useMenuItemGroupContext = require('./use-menu-item-group-context.cjs');
 
+const splitItemGroupProps = createSplitProps.createSplitProps();
 const MenuRadioItemGroup = react.forwardRef((props, ref) => {
-  const [optionalItemGroupProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "id",
-    "onValueChange",
-    "value"
-  ]);
+  const [optionalItemGroupProps, localProps] = splitItemGroupProps(props, ["id", "onValueChange", "value"]);
   const menu = useMenuContext.useMenuContext();
   const id = react.useId();
   const itemGroupProps = { id, ...optionalItemGroupProps };

package/dist/components/menu/menu-radio-item-group.js

@@ -7,12 +7,9 @@ import { ark } from '../factory.js';
 import { useMenuContext } from './use-menu-context.js';
 import { MenuItemGroupProvider } from './use-menu-item-group-context.js';
 
+const splitItemGroupProps = createSplitProps();
 const MenuRadioItemGroup = forwardRef((props, ref) => {
-  const [optionalItemGroupProps, localProps] = createSplitProps()(props, [
-    "id",
-    "onValueChange",
-    "value"
-  ]);
+  const [optionalItemGroupProps, localProps] = splitItemGroupProps(props, ["id", "onValueChange", "value"]);
   const menu = useMenuContext();
   const id = useId();
   const itemGroupProps = { id, ...optionalItemGroupProps };

package/dist/components/menu/menu-radio-item.cjs

@@ -13,8 +13,9 @@ const useMenuItemContext = require('./use-menu-item-context.cjs');
 const useMenuItemGroupContext = require('./use-menu-item-group-context.cjs');
 const useMenuOptionItemPropsContext = require('./use-menu-option-item-props-context.cjs');
 
+const splitOptionItemProps = createSplitProps.createSplitProps();
 const MenuRadioItem = react.forwardRef((props, ref) => {
-  const [partialItemProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [partialItemProps, localProps] = splitOptionItemProps(props, [
     "closeOnSelect",
     "disabled",
     "value",

package/dist/components/menu/menu-radio-item.js

@@ -9,8 +9,9 @@ import { MenuItemProvider } from './use-menu-item-context.js';
 import { useMenuItemGroupContext } from './use-menu-item-group-context.js';
 import { MenuItemPropsProvider } from './use-menu-option-item-props-context.js';
 
+const splitOptionItemProps = createSplitProps();
 const MenuRadioItem = forwardRef((props, ref) => {
-  const [partialItemProps, localProps] = createSplitProps()(props, [
+  const [partialItemProps, localProps] = splitOptionItemProps(props, [
     "closeOnSelect",
     "disabled",
     "value",

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

@@ -16,9 +16,10 @@ const useMenuContext = require('./use-menu-context.cjs');
 const useMenuMachineContext = require('./use-menu-machine-context.cjs');
 const useMenuTriggerItemContext = require('./use-menu-trigger-item-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const MenuRoot = (props) => {
   const [presenceProps, menuProps] = splitPresenceProps.splitPresenceProps(props);
-  const [useMenuProps, localProps] = createSplitProps.createSplitProps()(menuProps, [
+  const [useMenuProps, localProps] = splitRootProps(menuProps, [
     "anchorPoint",
     "aria-label",
     "closeOnSelect",

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

@@ -12,9 +12,10 @@ import { useMenuContext, MenuProvider } from './use-menu-context.js';
 import { useMenuMachineContext, MenuMachineProvider } from './use-menu-machine-context.js';
 import { MenuTriggerItemProvider } from './use-menu-trigger-item-context.js';
 
+const splitRootProps = createSplitProps();
 const MenuRoot = (props) => {
   const [presenceProps, menuProps] = splitPresenceProps(props);
-  const [useMenuProps, localProps] = createSplitProps()(menuProps, [
+  const [useMenuProps, localProps] = splitRootProps(menuProps, [
     "anchorPoint",
     "aria-label",
     "closeOnSelect",

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

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

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

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

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useNumberInput = require('./use-number-input.cjs');
 const useNumberInputContext = require('./use-number-input-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const NumberInputRoot = react.forwardRef((props, ref) => {
-  const [useNumberInputProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useNumberInputProps, localProps] = splitRootProps(props, [
     "allowMouseWheel",
     "allowOverflow",
     "clampValueOnBlur",

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useNumberInput } from './use-number-input.js';
 import { NumberInputProvider } from './use-number-input-context.js';
 
+const splitRootProps = createSplitProps();
 const NumberInputRoot = forwardRef((props, ref) => {
-  const [useNumberInputProps, localProps] = createSplitProps()(props, [
+  const [useNumberInputProps, localProps] = splitRootProps(props, [
     "allowMouseWheel",
     "allowOverflow",
     "clampValueOnBlur",

package/dist/components/pagination/pagination-ellipsis.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const usePaginationContext = require('./use-pagination-context.cjs');
 
+const splitEllipsisProps = createSplitProps.createSplitProps();
 const PaginationEllipsis = react.forwardRef((props, ref) => {
-  const [ellipsisProps, localProps] = createSplitProps.createSplitProps()(props, ["index"]);
+  const [ellipsisProps, localProps] = splitEllipsisProps(props, ["index"]);
   const pagination = usePaginationContext.usePaginationContext();
   const mergedProps = react$1.mergeProps(pagination.getEllipsisProps(ellipsisProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });

package/dist/components/pagination/pagination-ellipsis.js

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { usePaginationContext } from './use-pagination-context.js';
 
+const splitEllipsisProps = createSplitProps();
 const PaginationEllipsis = forwardRef((props, ref) => {
-  const [ellipsisProps, localProps] = createSplitProps()(props, ["index"]);
+  const [ellipsisProps, localProps] = splitEllipsisProps(props, ["index"]);
   const pagination = usePaginationContext();
   const mergedProps = mergeProps(pagination.getEllipsisProps(ellipsisProps), localProps);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });

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

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

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

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

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

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

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

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

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const usePagination = require('./use-pagination.cjs');
 const usePaginationContext = require('./use-pagination-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const PaginationRoot = react.forwardRef((props, ref) => {
-  const [paginationProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [paginationProps, localProps] = splitRootProps(props, [
     "count",
     "defaultPage",
     "defaultPageSize",

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { usePagination } from './use-pagination.js';
 import { PaginationProvider } from './use-pagination-context.js';
 
+const splitRootProps = createSplitProps();
 const PaginationRoot = forwardRef((props, ref) => {
-  const [paginationProps, localProps] = createSplitProps()(props, [
+  const [paginationProps, localProps] = splitRootProps(props, [
     "count",
     "defaultPage",
     "defaultPageSize",

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const usePasswordInput = require('./use-password-input.cjs');
 const usePasswordInputContext = require('./use-password-input-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const PasswordInputRoot = react.forwardRef((props, ref) => {
-  const [usePasswordInputProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [usePasswordInputProps, localProps] = splitRootProps(props, [
     "autoComplete",
     "defaultVisible",
     "disabled",

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { usePasswordInput } from './use-password-input.js';
 import { PasswordInputProvider } from './use-password-input-context.js';
 
+const splitRootProps = createSplitProps();
 const PasswordInputRoot = forwardRef((props, ref) => {
-  const [usePasswordInputProps, localProps] = createSplitProps()(props, [
+  const [usePasswordInputProps, localProps] = splitRootProps(props, [
     "autoComplete",
     "defaultVisible",
     "disabled",

package/dist/components/pin-input/pin-input-input.cjs

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

package/dist/components/pin-input/pin-input-input.js

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

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

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

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

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

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const usePinInput = require('./use-pin-input.cjs');
 const usePinInputContext = require('./use-pin-input-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const PinInputRoot = react.forwardRef((props, ref) => {
-  const [usePinInputProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [usePinInputProps, localProps] = splitRootProps(props, [
     "autoFocus",
     "blurOnComplete",
     "count",

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { usePinInput } from './use-pin-input.js';
 import { PinInputProvider } from './use-pin-input-context.js';
 
+const splitRootProps = createSplitProps();
 const PinInputRoot = forwardRef((props, ref) => {
-  const [usePinInputProps, localProps] = createSplitProps()(props, [
+  const [usePinInputProps, localProps] = splitRootProps(props, [
     "autoFocus",
     "blurOnComplete",
     "count",

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

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

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

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

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useProgress = require('./use-progress.cjs');
 const useProgressContext = require('./use-progress-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const ProgressRoot = react.forwardRef((props, ref) => {
-  const [progressProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [progressProps, localProps] = splitRootProps(props, [
     "defaultValue",
     "formatOptions",
     "id",

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useProgress } from './use-progress.js';
 import { ProgressProvider } from './use-progress-context.js';
 
+const splitRootProps = createSplitProps();
 const ProgressRoot = forwardRef((props, ref) => {
-  const [progressProps, localProps] = createSplitProps()(props, [
+  const [progressProps, localProps] = splitRootProps(props, [
     "defaultValue",
     "formatOptions",
     "id",

package/dist/components/progress/progress-view.cjs

@@ -10,8 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useProgressContext = require('./use-progress-context.cjs');
 
+const splitViewProps = createSplitProps.createSplitProps();
 const ProgressView = react.forwardRef((props, ref) => {
-  const [viewProps, localProps] = createSplitProps.createSplitProps()(props, ["state"]);
+  const [viewProps, localProps] = splitViewProps(props, ["state"]);
   const progress = useProgressContext.useProgressContext();
   const mergedProps = react$1.mergeProps(progress.getViewProps(viewProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });

package/dist/components/progress/progress-view.js

@@ -6,8 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useProgressContext } from './use-progress-context.js';
 
+const splitViewProps = createSplitProps();
 const ProgressView = forwardRef((props, ref) => {
-  const [viewProps, localProps] = createSplitProps()(props, ["state"]);
+  const [viewProps, localProps] = splitViewProps(props, ["state"]);
   const progress = useProgressContext();
   const mergedProps = mergeProps(progress.getViewProps(viewProps), localProps);
   return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });

package/dist/components/qr-code/qr-code-download-trigger.cjs

@@ -10,12 +10,9 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useQrCodeContext = require('./use-qr-code-context.cjs');
 
+const splitDownloadTriggerProps = createSplitProps.createSplitProps();
 const QrCodeDownloadTrigger = react.forwardRef((props, ref) => {
-  const [downloadTriggerProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "fileName",
-    "mimeType",
-    "quality"
-  ]);
+  const [downloadTriggerProps, localProps] = splitDownloadTriggerProps(props, ["fileName", "mimeType", "quality"]);
   const qrCode = useQrCodeContext.useQrCodeContext();
   const mergedProps = react$1.mergeProps(qrCode.getDownloadTriggerProps(downloadTriggerProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });

package/dist/components/qr-code/qr-code-download-trigger.js

@@ -6,12 +6,9 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useQrCodeContext } from './use-qr-code-context.js';
 
+const splitDownloadTriggerProps = createSplitProps();
 const QrCodeDownloadTrigger = forwardRef((props, ref) => {
-  const [downloadTriggerProps, localProps] = createSplitProps()(props, [
-    "fileName",
-    "mimeType",
-    "quality"
-  ]);
+  const [downloadTriggerProps, localProps] = splitDownloadTriggerProps(props, ["fileName", "mimeType", "quality"]);
   const qrCode = useQrCodeContext();
   const mergedProps = mergeProps(qrCode.getDownloadTriggerProps(downloadTriggerProps), localProps);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });

package/dist/components/qr-code/qr-code-root-provider.cjs

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

package/dist/components/qr-code/qr-code-root-provider.js

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

package/dist/components/qr-code/qr-code-root.cjs

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useQrCode = require('./use-qr-code.cjs');
 const useQrCodeContext = require('./use-qr-code-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const QrCodeRoot = react.forwardRef((props, ref) => {
-  const [qrcodeProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [qrcodeProps, localProps] = splitRootProps(props, [
     "defaultValue",
     "encoding",
     "id",

package/dist/components/qr-code/qr-code-root.js

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useQrCode } from './use-qr-code.js';
 import { QrCodeProvider } from './use-qr-code-context.js';
 
+const splitRootProps = createSplitProps();
 const QrCodeRoot = forwardRef((props, ref) => {
-  const [qrcodeProps, localProps] = createSplitProps()(props, [
+  const [qrcodeProps, localProps] = splitRootProps(props, [
     "defaultValue",
     "encoding",
     "id",

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

@@ -12,8 +12,9 @@ const useRadioGroupContext = require('./use-radio-group-context.cjs');
 const useRadioGroupItemContext = require('./use-radio-group-item-context.cjs');
 const useRadioGroupItemPropsContext = require('./use-radio-group-item-props-context.cjs');
 
+const splitItemProps = createSplitProps.createSplitProps();
 const RadioGroupItem = react.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["value", "disabled", "invalid"]);
+  const [itemProps, localProps] = splitItemProps(props, ["value", "disabled", "invalid"]);
   const radioGroup = useRadioGroupContext.useRadioGroupContext();
   const mergedProps = react$1.mergeProps(radioGroup.getItemProps(itemProps), localProps);
   const itemState = radioGroup.getItemState(itemProps);

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

@@ -8,8 +8,9 @@ import { useRadioGroupContext } from './use-radio-group-context.js';
 import { RadioGroupItemProvider } from './use-radio-group-item-context.js';
 import { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.js';
 
+const splitItemProps = createSplitProps();
 const RadioGroupItem = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["value", "disabled", "invalid"]);
+  const [itemProps, localProps] = splitItemProps(props, ["value", "disabled", "invalid"]);
   const radioGroup = useRadioGroupContext();
   const mergedProps = mergeProps(radioGroup.getItemProps(itemProps), localProps);
   const itemState = radioGroup.getItemState(itemProps);

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

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

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

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

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useRadioGroup = require('./use-radio-group.cjs');
 const useRadioGroupContext = require('./use-radio-group-context.cjs');
 
+const splitRootProps = createSplitProps.createSplitProps();
 const RadioGroupRoot = react.forwardRef((props, ref) => {
-  const [useRadioGroupProps, localProps] = createSplitProps.createSplitProps()(props, [
+  const [useRadioGroupProps, localProps] = splitRootProps(props, [
     "defaultValue",
     "disabled",
     "form",

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useRadioGroup } from './use-radio-group.js';
 import { RadioGroupProvider } from './use-radio-group-context.js';
 
+const splitRootProps = createSplitProps();
 const RadioGroupRoot = forwardRef((props, ref) => {
-  const [useRadioGroupProps, localProps] = createSplitProps()(props, [
+  const [useRadioGroupProps, localProps] = splitRootProps(props, [
     "defaultValue",
     "disabled",
     "form",

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

@@ -11,8 +11,9 @@ const factory = require('../factory.cjs');
 const useRatingGroupContext = require('./use-rating-group-context.cjs');
 const useRatingGroupItemContext = require('./use-rating-group-item-context.cjs');
 
+const splitItemProps = createSplitProps.createSplitProps();
 const RatingGroupItem = react.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["index"]);
+  const [itemProps, localProps] = splitItemProps(props, ["index"]);
   const ratingGroup = useRatingGroupContext.useRatingGroupContext();
   const mergedProps = react$1.mergeProps(ratingGroup.getItemProps(itemProps), localProps);
   const itemState = ratingGroup.getItemState(itemProps);

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

@@ -7,8 +7,9 @@ import { ark } from '../factory.js';
 import { useRatingGroupContext } from './use-rating-group-context.js';
 import { RatingGroupItemProvider } from './use-rating-group-item-context.js';
 
+const splitItemProps = createSplitProps();
 const RatingGroupItem = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+  const [itemProps, localProps] = splitItemProps(props, ["index"]);
   const ratingGroup = useRatingGroupContext();
   const mergedProps = mergeProps(ratingGroup.getItemProps(itemProps), localProps);
   const itemState = ratingGroup.getItemState(itemProps);

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

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

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

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