@ark-ui/react 4.9.2 → 5.0.0

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

@@ -11,16 +11,18 @@ const factory = require('../factory.cjs');
 const useMenuContext = require('./use-menu-context.cjs');
 const useMenuItemGroupContext = require('./use-menu-item-group-context.cjs');
 
-const MenuRadioItemGroup = react.forwardRef(
-  (props, ref) => {
-    const [optionalItemGroupProps, localProps] = createSplitProps.createSplitProps()(props, ["id", "onValueChange", "value"]);
-    const menu = useMenuContext.useMenuContext();
-    const id = react.useId();
-    const itemGroupProps = { id, ...optionalItemGroupProps };
-    const mergedProps = react$1.mergeProps(menu.getItemGroupProps({ id: itemGroupProps.id }), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(useMenuItemGroupContext.MenuItemGroupProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
-  }
-);
+const MenuRadioItemGroup = react.forwardRef((props, ref) => {
+  const [optionalItemGroupProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "id",
+    "onValueChange",
+    "value"
+  ]);
+  const menu = useMenuContext.useMenuContext();
+  const id = react.useId();
+  const itemGroupProps = { id, ...optionalItemGroupProps };
+  const mergedProps = react$1.mergeProps(menu.getItemGroupProps({ id: itemGroupProps.id }), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useMenuItemGroupContext.MenuItemGroupProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
 MenuRadioItemGroup.displayName = "MenuRadioItemGroup";
 
 exports.MenuRadioItemGroup = MenuRadioItemGroup;

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

@@ -7,16 +7,18 @@ import { ark } from '../factory.js';
 import { useMenuContext } from './use-menu-context.js';
 import { MenuItemGroupProvider } from './use-menu-item-group-context.js';
 
-const MenuRadioItemGroup = forwardRef(
-  (props, ref) => {
-    const [optionalItemGroupProps, localProps] = createSplitProps()(props, ["id", "onValueChange", "value"]);
-    const menu = useMenuContext();
-    const id = useId();
-    const itemGroupProps = { id, ...optionalItemGroupProps };
-    const mergedProps = mergeProps(menu.getItemGroupProps({ id: itemGroupProps.id }), localProps);
-    return /* @__PURE__ */ jsx(MenuItemGroupProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
-  }
-);
+const MenuRadioItemGroup = forwardRef((props, ref) => {
+  const [optionalItemGroupProps, localProps] = createSplitProps()(props, [
+    "id",
+    "onValueChange",
+    "value"
+  ]);
+  const menu = useMenuContext();
+  const id = useId();
+  const itemGroupProps = { id, ...optionalItemGroupProps };
+  const mergedProps = mergeProps(menu.getItemGroupProps({ id: itemGroupProps.id }), localProps);
+  return /* @__PURE__ */ jsx(MenuItemGroupProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
 MenuRadioItemGroup.displayName = "MenuRadioItemGroup";
 
 export { MenuRadioItemGroup };

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

@@ -18,19 +18,16 @@ const MenuRootProvider = (props) => {
   const parentApi = useMenuContext.useMenuContext();
   const parentMachine = useMenuMachineContext.useMenuMachineContext();
   const [presenceProps, { value: menu, children }] = splitPresenceProps.splitPresenceProps(props);
-  const { api, machine } = menu;
+  const { api, service } = menu;
   const presence = usePresence.usePresence(react.mergeProps({ present: api.open }, presenceProps));
   useEffectOnce.useEffectOnce(() => {
     if (!parentMachine) return;
     if (!parentApi) return;
-    parentApi.setChild(machine);
+    parentApi.setChild(service);
     api.setParent(parentMachine);
   });
-  const triggerItemContext = react$1.useCallback(
-    () => parentApi?.getTriggerItemProps(api),
-    [api, parentApi]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(useMenuTriggerItemContext.MenuTriggerItemProvider, { value: triggerItemContext, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuMachineContext.MenuMachineProvider, { value: machine, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuContext.MenuProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children }) }) }) });
+  const triggerItemContext = react$1.useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]);
+  return /* @__PURE__ */ jsxRuntime.jsx(useMenuTriggerItemContext.MenuTriggerItemProvider, { value: triggerItemContext, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuMachineContext.MenuMachineProvider, { value: service, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuContext.MenuProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children }) }) }) });
 };
 
 exports.MenuRootProvider = MenuRootProvider;

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

@@ -14,19 +14,16 @@ const MenuRootProvider = (props) => {
   const parentApi = useMenuContext();
   const parentMachine = useMenuMachineContext();
   const [presenceProps, { value: menu, children }] = splitPresenceProps(props);
-  const { api, machine } = menu;
+  const { api, service } = menu;
   const presence = usePresence(mergeProps({ present: api.open }, presenceProps));
   useEffectOnce(() => {
     if (!parentMachine) return;
     if (!parentApi) return;
-    parentApi.setChild(machine);
+    parentApi.setChild(service);
     api.setParent(parentMachine);
   });
-  const triggerItemContext = useCallback(
-    () => parentApi?.getTriggerItemProps(api),
-    [api, parentApi]
-  );
-  return /* @__PURE__ */ jsx(MenuTriggerItemProvider, { value: triggerItemContext, children: /* @__PURE__ */ jsx(MenuMachineProvider, { value: machine, children: /* @__PURE__ */ jsx(MenuProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) }) });
+  const triggerItemContext = useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]);
+  return /* @__PURE__ */ jsx(MenuTriggerItemProvider, { value: triggerItemContext, children: /* @__PURE__ */ jsx(MenuMachineProvider, { value: service, children: /* @__PURE__ */ jsx(MenuProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) }) });
 };
 
 export { MenuRootProvider };

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

@@ -23,6 +23,7 @@ const MenuRoot = (props) => {
     "aria-label",
     "closeOnSelect",
     "composite",
+    "defaultHighlightedValue",
     "defaultOpen",
     "highlightedValue",
     "id",
@@ -42,19 +43,16 @@ const MenuRoot = (props) => {
   ]);
   const parentApi = useMenuContext.useMenuContext();
   const parentMachine = useMenuMachineContext.useMenuMachineContext();
-  const { api, machine } = useMenu.useMenu(useMenuProps);
+  const { api, service } = useMenu.useMenu(useMenuProps);
   const presence = usePresence.usePresence(react.mergeProps({ present: api.open }, presenceProps));
   useEffectOnce.useEffectOnce(() => {
     if (!parentMachine) return;
     if (!parentApi) return;
-    parentApi.setChild(machine);
+    parentApi.setChild(service);
     api.setParent(parentMachine);
   });
-  const triggerItemContext = react$1.useCallback(
-    () => parentApi?.getTriggerItemProps(api),
-    [api, parentApi]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(useMenuTriggerItemContext.MenuTriggerItemProvider, { value: triggerItemContext, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuMachineContext.MenuMachineProvider, { value: machine, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuContext.MenuProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, ...localProps }) }) }) });
+  const triggerItemContext = react$1.useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]);
+  return /* @__PURE__ */ jsxRuntime.jsx(useMenuTriggerItemContext.MenuTriggerItemProvider, { value: triggerItemContext, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuMachineContext.MenuMachineProvider, { value: service, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuContext.MenuProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, ...localProps }) }) }) });
 };
 
 exports.MenuRoot = MenuRoot;

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

@@ -19,6 +19,7 @@ const MenuRoot = (props) => {
     "aria-label",
     "closeOnSelect",
     "composite",
+    "defaultHighlightedValue",
     "defaultOpen",
     "highlightedValue",
     "id",
@@ -38,19 +39,16 @@ const MenuRoot = (props) => {
   ]);
   const parentApi = useMenuContext();
   const parentMachine = useMenuMachineContext();
-  const { api, machine } = useMenu(useMenuProps);
+  const { api, service } = useMenu(useMenuProps);
   const presence = usePresence(mergeProps({ present: api.open }, presenceProps));
   useEffectOnce(() => {
     if (!parentMachine) return;
     if (!parentApi) return;
-    parentApi.setChild(machine);
+    parentApi.setChild(service);
     api.setParent(parentMachine);
   });
-  const triggerItemContext = useCallback(
-    () => parentApi?.getTriggerItemProps(api),
-    [api, parentApi]
-  );
-  return /* @__PURE__ */ jsx(MenuTriggerItemProvider, { value: triggerItemContext, children: /* @__PURE__ */ jsx(MenuMachineProvider, { value: machine, children: /* @__PURE__ */ jsx(MenuProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, ...localProps }) }) }) });
+  const triggerItemContext = useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]);
+  return /* @__PURE__ */ jsx(MenuTriggerItemProvider, { value: triggerItemContext, children: /* @__PURE__ */ jsx(MenuMachineProvider, { value: service, children: /* @__PURE__ */ jsx(MenuProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, ...localProps }) }) }) });
 };
 
 export { MenuRoot };

package/dist/components/menu/menu.d.cts

@@ -6,8 +6,8 @@ export { MenuContent as Content, type MenuContentBaseProps as ContentBaseProps,
 export { MenuContext as Context, type MenuContextProps as ContextProps } from './menu-context';
 export { MenuContextTrigger as ContextTrigger, type MenuContextTriggerBaseProps as ContextTriggerBaseProps, type MenuContextTriggerProps as ContextTriggerProps, } from './menu-context-trigger';
 export { MenuIndicator as Indicator, type MenuIndicatorBaseProps as IndicatorBaseProps, type MenuIndicatorProps as IndicatorProps, } from './menu-indicator';
-export { MenuItem as Item, type MenuItemBaseProps as ItemBaseProps, type MenuItemProps as ItemProps, } from './menu-item';
-export { MenuItemContext as ItemContext, type MenuItemContextProps as ItemContextProps, } from './menu-item-context';
+export { MenuItem as Item, type MenuItemBaseProps as ItemBaseProps, type MenuItemProps as ItemProps } from './menu-item';
+export { MenuItemContext as ItemContext, type MenuItemContextProps as ItemContextProps } from './menu-item-context';
 export { MenuItemGroup as ItemGroup, type MenuItemGroupBaseProps as ItemGroupBaseProps, type MenuItemGroupProps as ItemGroupProps, } from './menu-item-group';
 export { MenuItemGroupLabel as ItemGroupLabel, type MenuItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type MenuItemGroupLabelProps as ItemGroupLabelProps, } from './menu-item-group-label';
 export { MenuItemIndicator as ItemIndicator, type MenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type MenuItemIndicatorProps as ItemIndicatorProps, } from './menu-item-indicator';
@@ -15,7 +15,7 @@ export { MenuItemText as ItemText, type MenuItemTextBaseProps as ItemTextBasePro
 export { MenuPositioner as Positioner, type MenuPositionerBaseProps as PositionerBaseProps, type MenuPositionerProps as PositionerProps, } from './menu-positioner';
 export { MenuRadioItem as RadioItem, type MenuRadioItemBaseProps as RadioItemBaseProps, type MenuRadioItemProps as RadioItemProps, } from './menu-radio-item';
 export { MenuRadioItemGroup as RadioItemGroup, type MenuRadioItemGroupBaseProps as RadioItemGroupBaseProps, type MenuRadioItemGroupProps as RadioItemGroupProps, } from './menu-radio-item-group';
-export { MenuRoot as Root, type MenuRootBaseProps as RootBaseProps, type MenuRootProps as RootProps, } from './menu-root';
+export { MenuRoot as Root, type MenuRootBaseProps as RootBaseProps, type MenuRootProps as RootProps } from './menu-root';
 export { MenuRootProvider as RootProvider, type MenuRootProviderBaseProps as RootProviderBaseProps, type MenuRootProviderProps as RootProviderProps, } from './menu-root-provider';
 export { MenuSeparator as Separator, type MenuSeparatorBaseProps as SeparatorBaseProps, type MenuSeparatorProps as SeparatorProps, } from './menu-separator';
 export { MenuTrigger as Trigger, type MenuTriggerBaseProps as TriggerBaseProps, type MenuTriggerProps as TriggerProps, } from './menu-trigger';

package/dist/components/menu/menu.d.ts

@@ -6,8 +6,8 @@ export { MenuContent as Content, type MenuContentBaseProps as ContentBaseProps,
 export { MenuContext as Context, type MenuContextProps as ContextProps } from './menu-context';
 export { MenuContextTrigger as ContextTrigger, type MenuContextTriggerBaseProps as ContextTriggerBaseProps, type MenuContextTriggerProps as ContextTriggerProps, } from './menu-context-trigger';
 export { MenuIndicator as Indicator, type MenuIndicatorBaseProps as IndicatorBaseProps, type MenuIndicatorProps as IndicatorProps, } from './menu-indicator';
-export { MenuItem as Item, type MenuItemBaseProps as ItemBaseProps, type MenuItemProps as ItemProps, } from './menu-item';
-export { MenuItemContext as ItemContext, type MenuItemContextProps as ItemContextProps, } from './menu-item-context';
+export { MenuItem as Item, type MenuItemBaseProps as ItemBaseProps, type MenuItemProps as ItemProps } from './menu-item';
+export { MenuItemContext as ItemContext, type MenuItemContextProps as ItemContextProps } from './menu-item-context';
 export { MenuItemGroup as ItemGroup, type MenuItemGroupBaseProps as ItemGroupBaseProps, type MenuItemGroupProps as ItemGroupProps, } from './menu-item-group';
 export { MenuItemGroupLabel as ItemGroupLabel, type MenuItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type MenuItemGroupLabelProps as ItemGroupLabelProps, } from './menu-item-group-label';
 export { MenuItemIndicator as ItemIndicator, type MenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type MenuItemIndicatorProps as ItemIndicatorProps, } from './menu-item-indicator';
@@ -15,7 +15,7 @@ export { MenuItemText as ItemText, type MenuItemTextBaseProps as ItemTextBasePro
 export { MenuPositioner as Positioner, type MenuPositionerBaseProps as PositionerBaseProps, type MenuPositionerProps as PositionerProps, } from './menu-positioner';
 export { MenuRadioItem as RadioItem, type MenuRadioItemBaseProps as RadioItemBaseProps, type MenuRadioItemProps as RadioItemProps, } from './menu-radio-item';
 export { MenuRadioItemGroup as RadioItemGroup, type MenuRadioItemGroupBaseProps as RadioItemGroupBaseProps, type MenuRadioItemGroupProps as RadioItemGroupProps, } from './menu-radio-item-group';
-export { MenuRoot as Root, type MenuRootBaseProps as RootBaseProps, type MenuRootProps as RootProps, } from './menu-root';
+export { MenuRoot as Root, type MenuRootBaseProps as RootBaseProps, type MenuRootProps as RootProps } from './menu-root';
 export { MenuRootProvider as RootProvider, type MenuRootProviderBaseProps as RootProviderBaseProps, type MenuRootProviderProps as RootProviderProps, } from './menu-root-provider';
 export { MenuSeparator as Separator, type MenuSeparatorBaseProps as SeparatorBaseProps, type MenuSeparatorProps as SeparatorProps, } from './menu-separator';
 export { MenuTrigger as Trigger, type MenuTriggerBaseProps as TriggerBaseProps, type MenuTriggerProps as TriggerProps, } from './menu-trigger';

package/dist/components/menu/use-menu-machine-context.d.cts

@@ -1,4 +1,4 @@
 import { UseMenuReturn } from './use-menu';
 import { Provider } from 'react';
-export type UseMenuMachineContext = UseMenuReturn['machine'] | undefined;
+export type UseMenuMachineContext = UseMenuReturn['service'] | undefined;
 export declare const MenuMachineProvider: Provider<UseMenuMachineContext>, useMenuMachineContext: () => UseMenuMachineContext;

package/dist/components/menu/use-menu-machine-context.d.ts

@@ -1,4 +1,4 @@
 import { UseMenuReturn } from './use-menu';
 import { Provider } from 'react';
-export type UseMenuMachineContext = UseMenuReturn['machine'] | undefined;
+export type UseMenuMachineContext = UseMenuReturn['service'] | undefined;
 export declare const MenuMachineProvider: Provider<UseMenuMachineContext>, useMenuMachineContext: () => UseMenuMachineContext;

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

@@ -8,7 +8,6 @@ const react$1 = require('@zag-js/react');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
-const useEvent = require('../../utils/use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -30,24 +29,18 @@ function _interopNamespaceDefault(e) {
 const menu__namespace = /*#__PURE__*/_interopNamespaceDefault(menu);
 
 const useMenu = (props = {}) => {
+  const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
-  const initialContext = {
-    id: react.useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...props
   };
-  const context = {
-    ...initialContext,
-    onOpenChange: useEvent.useEvent(props.onOpenChange),
-    onSelect: useEvent.useEvent(props.onSelect)
-  };
-  const [state, send, machine] = react$1.useMachine(menu__namespace.machine(initialContext), { context });
-  const api = menu__namespace.connect(state, send, react$1.normalizeProps);
-  return { api, machine };
+  const service = react$1.useMachine(menu__namespace.machine, machineProps);
+  const api = menu__namespace.connect(service, react$1.normalizeProps);
+  return { api, service };
 };
 
 exports.useMenu = useMenu;

package/dist/components/menu/use-menu.d.cts

@@ -1,15 +1,10 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as menu from '@zag-js/menu';
-export interface UseMenuProps extends Optional<Omit<menu.Context, 'open.controlled' | 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The initial open state of the menu when it is first rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: menu.Context['open'];
+export interface UseMenuProps extends Optional<Omit<menu.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseMenuReturn {
-    machine: menu.Service;
     api: menu.Api<PropTypes>;
+    service: menu.Service;
 }
 export declare const useMenu: (props?: UseMenuProps) => UseMenuReturn;

package/dist/components/menu/use-menu.d.ts

@@ -1,15 +1,10 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as menu from '@zag-js/menu';
-export interface UseMenuProps extends Optional<Omit<menu.Context, 'open.controlled' | 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The initial open state of the menu when it is first rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: menu.Context['open'];
+export interface UseMenuProps extends Optional<Omit<menu.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseMenuReturn {
-    machine: menu.Service;
     api: menu.Api<PropTypes>;
+    service: menu.Service;
 }
 export declare const useMenu: (props?: UseMenuProps) => UseMenuReturn;

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

@@ -4,27 +4,20 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
-import { useEvent } from '../../utils/use-event.js';
 
 const useMenu = (props = {}) => {
+  const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
-  const initialContext = {
-    id: useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...props
   };
-  const context = {
-    ...initialContext,
-    onOpenChange: useEvent(props.onOpenChange),
-    onSelect: useEvent(props.onSelect)
-  };
-  const [state, send, machine] = useMachine(menu.machine(initialContext), { context });
-  const api = menu.connect(state, send, normalizeProps);
-  return { api, machine };
+  const service = useMachine(menu.machine, machineProps);
+  const api = menu.connect(service, normalizeProps);
+  return { api, service };
 };
 
 export { useMenu };

package/dist/components/number-input/index.d.cts

@@ -3,13 +3,13 @@ export { NumberInputContext, type NumberInputContextProps } from './number-input
 export { NumberInputControl, type NumberInputControlBaseProps, type NumberInputControlProps, } from './number-input-control';
 export { NumberInputDecrementTrigger, type NumberInputDecrementTriggerBaseProps, type NumberInputDecrementTriggerProps, } from './number-input-decrement-trigger';
 export { NumberInputIncrementTrigger, type NumberInputIncrementTriggerBaseProps, type NumberInputIncrementTriggerProps, } from './number-input-increment-trigger';
-export { NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps, } from './number-input-input';
-export { NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps, } from './number-input-label';
-export { NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootProps, } from './number-input-root';
+export { NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps } from './number-input-input';
+export { NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps } from './number-input-label';
+export { NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootProps } from './number-input-root';
 export { NumberInputRootProvider, type NumberInputRootProviderBaseProps, type NumberInputRootProviderProps, } from './number-input-root-provider';
 export { NumberInputScrubber, type NumberInputScrubberBaseProps, type NumberInputScrubberProps, } from './number-input-scrubber';
 export { NumberInputValueText, type NumberInputValueTextBaseProps, type NumberInputValueTextProps, } from './number-input-value-text';
 export { numberInputAnatomy } from './number-input.anatomy';
-export { useNumberInput, type UseNumberInputProps, type UseNumberInputReturn, } from './use-number-input';
+export { useNumberInput, type UseNumberInputProps, type UseNumberInputReturn } from './use-number-input';
 export { useNumberInputContext, type UseNumberInputContext } from './use-number-input-context';
 export * as NumberInput from './number-input';

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

@@ -3,13 +3,13 @@ export { NumberInputContext, type NumberInputContextProps } from './number-input
 export { NumberInputControl, type NumberInputControlBaseProps, type NumberInputControlProps, } from './number-input-control';
 export { NumberInputDecrementTrigger, type NumberInputDecrementTriggerBaseProps, type NumberInputDecrementTriggerProps, } from './number-input-decrement-trigger';
 export { NumberInputIncrementTrigger, type NumberInputIncrementTriggerBaseProps, type NumberInputIncrementTriggerProps, } from './number-input-increment-trigger';
-export { NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps, } from './number-input-input';
-export { NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps, } from './number-input-label';
-export { NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootProps, } from './number-input-root';
+export { NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps } from './number-input-input';
+export { NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps } from './number-input-label';
+export { NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootProps } from './number-input-root';
 export { NumberInputRootProvider, type NumberInputRootProviderBaseProps, type NumberInputRootProviderProps, } from './number-input-root-provider';
 export { NumberInputScrubber, type NumberInputScrubberBaseProps, type NumberInputScrubberProps, } from './number-input-scrubber';
 export { NumberInputValueText, type NumberInputValueTextBaseProps, type NumberInputValueTextProps, } from './number-input-value-text';
 export { numberInputAnatomy } from './number-input.anatomy';
-export { useNumberInput, type UseNumberInputProps, type UseNumberInputReturn, } from './use-number-input';
+export { useNumberInput, type UseNumberInputProps, type UseNumberInputReturn } from './use-number-input';
 export { useNumberInputContext, type UseNumberInputContext } from './use-number-input-context';
 export * as NumberInput from './number-input';

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

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useNumberInputContext = require('./use-number-input-context.cjs');
 
-const NumberInputControl = react.forwardRef(
-  (props, ref) => {
-    const numberInput = useNumberInputContext.useNumberInputContext();
-    const mergedProps = react$1.mergeProps(numberInput.getControlProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const NumberInputControl = react.forwardRef((props, ref) => {
+  const numberInput = useNumberInputContext.useNumberInputContext();
+  const mergedProps = react$1.mergeProps(numberInput.getControlProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 NumberInputControl.displayName = "NumberInputControl";
 
 exports.NumberInputControl = NumberInputControl;

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useNumberInputContext } from './use-number-input-context.js';
 
-const NumberInputControl = forwardRef(
-  (props, ref) => {
-    const numberInput = useNumberInputContext();
-    const mergedProps = mergeProps(numberInput.getControlProps(), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const NumberInputControl = forwardRef((props, ref) => {
+  const numberInput = useNumberInputContext();
+  const mergedProps = mergeProps(numberInput.getControlProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 NumberInputControl.displayName = "NumberInputControl";
 
 export { NumberInputControl };

package/dist/components/number-input/number-input-decrement-trigger.cjs

@@ -9,11 +9,13 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useNumberInputContext = require('./use-number-input-context.cjs');
 
-const NumberInputDecrementTrigger = react.forwardRef((props, ref) => {
-  const numberInput = useNumberInputContext.useNumberInputContext();
-  const mergedProps = react$1.mergeProps(numberInput.getDecrementTriggerProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
+const NumberInputDecrementTrigger = react.forwardRef(
+  (props, ref) => {
+    const numberInput = useNumberInputContext.useNumberInputContext();
+    const mergedProps = react$1.mergeProps(numberInput.getDecrementTriggerProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
 NumberInputDecrementTrigger.displayName = "NumberInputDecrementTrigger";
 
 exports.NumberInputDecrementTrigger = NumberInputDecrementTrigger;

package/dist/components/number-input/number-input-decrement-trigger.js

@@ -5,11 +5,13 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useNumberInputContext } from './use-number-input-context.js';
 
-const NumberInputDecrementTrigger = forwardRef((props, ref) => {
-  const numberInput = useNumberInputContext();
-  const mergedProps = mergeProps(numberInput.getDecrementTriggerProps(), props);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
+const NumberInputDecrementTrigger = forwardRef(
+  (props, ref) => {
+    const numberInput = useNumberInputContext();
+    const mergedProps = mergeProps(numberInput.getDecrementTriggerProps(), props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
 NumberInputDecrementTrigger.displayName = "NumberInputDecrementTrigger";
 
 export { NumberInputDecrementTrigger };

package/dist/components/number-input/number-input-increment-trigger.cjs

@@ -9,11 +9,13 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useNumberInputContext = require('./use-number-input-context.cjs');
 
-const NumberInputIncrementTrigger = react.forwardRef((props, ref) => {
-  const numberInput = useNumberInputContext.useNumberInputContext();
-  const mergedProps = react$1.mergeProps(numberInput.getIncrementTriggerProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
+const NumberInputIncrementTrigger = react.forwardRef(
+  (props, ref) => {
+    const numberInput = useNumberInputContext.useNumberInputContext();
+    const mergedProps = react$1.mergeProps(numberInput.getIncrementTriggerProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
 NumberInputIncrementTrigger.displayName = "NumberInputIncrementTrigger";
 
 exports.NumberInputIncrementTrigger = NumberInputIncrementTrigger;

package/dist/components/number-input/number-input-increment-trigger.js

@@ -5,11 +5,13 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useNumberInputContext } from './use-number-input-context.js';
 
-const NumberInputIncrementTrigger = forwardRef((props, ref) => {
-  const numberInput = useNumberInputContext();
-  const mergedProps = mergeProps(numberInput.getIncrementTriggerProps(), props);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
+const NumberInputIncrementTrigger = forwardRef(
+  (props, ref) => {
+    const numberInput = useNumberInputContext();
+    const mergedProps = mergeProps(numberInput.getIncrementTriggerProps(), props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
 NumberInputIncrementTrigger.displayName = "NumberInputIncrementTrigger";
 
 export { NumberInputIncrementTrigger };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useFieldContext = require('../field/use-field-context.cjs');
 const useNumberInputContext = require('./use-number-input-context.cjs');
 
-const NumberInputInput = react.forwardRef(
-  (props, ref) => {
-    const numberInput = useNumberInputContext.useNumberInputContext();
-    const mergedProps = react$1.mergeProps(numberInput.getInputProps(), props);
-    const field = useFieldContext.useFieldContext();
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
-  }
-);
+const NumberInputInput = react.forwardRef((props, ref) => {
+  const numberInput = useNumberInputContext.useNumberInputContext();
+  const mergedProps = react$1.mergeProps(numberInput.getInputProps(), props);
+  const field = useFieldContext.useFieldContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
+});
 NumberInputInput.displayName = "NumberInputInput";
 
 exports.NumberInputInput = NumberInputInput;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useFieldContext } from '../field/use-field-context.js';
 import { useNumberInputContext } from './use-number-input-context.js';
 
-const NumberInputInput = forwardRef(
-  (props, ref) => {
-    const numberInput = useNumberInputContext();
-    const mergedProps = mergeProps(numberInput.getInputProps(), props);
-    const field = useFieldContext();
-    return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
-  }
-);
+const NumberInputInput = forwardRef((props, ref) => {
+  const numberInput = useNumberInputContext();
+  const mergedProps = mergeProps(numberInput.getInputProps(), props);
+  const field = useFieldContext();
+  return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
+});
 NumberInputInput.displayName = "NumberInputInput";
 
 export { NumberInputInput };

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

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useNumberInputContext = require('./use-number-input-context.cjs');
 
-const NumberInputLabel = react.forwardRef(
-  (props, ref) => {
-    const numberInput = useNumberInputContext.useNumberInputContext();
-    const mergedProps = react$1.mergeProps(numberInput.getLabelProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
-  }
-);
+const NumberInputLabel = react.forwardRef((props, ref) => {
+  const numberInput = useNumberInputContext.useNumberInputContext();
+  const mergedProps = react$1.mergeProps(numberInput.getLabelProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+});
 NumberInputLabel.displayName = "NumberInputLabel";
 
 exports.NumberInputLabel = NumberInputLabel;

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useNumberInputContext } from './use-number-input-context.js';
 
-const NumberInputLabel = forwardRef(
-  (props, ref) => {
-    const numberInput = useNumberInputContext();
-    const mergedProps = mergeProps(numberInput.getLabelProps(), props);
-    return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
-  }
-);
+const NumberInputLabel = forwardRef((props, ref) => {
+  const numberInput = useNumberInputContext();
+  const mergedProps = mergeProps(numberInput.getLabelProps(), props);
+  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+});
 NumberInputLabel.displayName = "NumberInputLabel";
 
 export { NumberInputLabel };