@ark-ui/react 0.15.0 → 1.0.0-beta.0

package/menu/menu-item-group.d.ts

@@ -1,10 +1,8 @@
-import { GroupProps } from '@zag-js/menu';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
+import type { GroupProps } from '@zag-js/menu';
 import { type HTMLArkProps } from '../factory';
 import { type Assign } from '../types';
-import { type UseMenuReturn } from './use-menu';
-type MenuItemGroupParams = Parameters<UseMenuReturn['api']['getItemGroupProps']>[0];
-export type MenuItemGroupProps = Assign<HTMLArkProps<'div'>, MenuItemGroupParams>;
-export declare const MenuItemGroup: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "id"> & GroupProps & RefAttributes<HTMLDivElement>>;
-export {};
+export interface MenuItemGroupProps extends Assign<HTMLArkProps<'div'>, GroupProps> {
+}
+export declare const MenuItemGroup: ForwardRefExoticComponent<MenuItemGroupProps & RefAttributes<HTMLDivElement>>;

package/menu/menu-item-group.mjs

@@ -7,8 +7,8 @@ import { ark } from '../factory.mjs';
 import { useMenuContext } from './menu-context.mjs';
 
 const MenuItemGroup = forwardRef((props, ref) => {
-  const api = useMenuContext();
   const [itemGroupProps, divProps] = createSplitProps()(props, ["id"]);
+  const api = useMenuContext();
   const mergedProps = mergeProps(api?.getItemGroupProps(itemGroupProps) ?? {}, divProps);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });

package/menu/menu-item.cjs

@@ -11,13 +11,13 @@ const factory = require('../factory.cjs');
 const menuContext = require('./menu-context.cjs');
 
 const MenuItem = react.forwardRef((props, ref) => {
-  const api = menuContext.useMenuContext();
   const [menuItemProps, buttonProps] = createSplitProps.createSplitProps()(props, [
     "id",
     "disabled",
     "valueText",
     "closeOnSelect"
   ]);
+  const api = menuContext.useMenuContext();
   const mergedProps = react$1.mergeProps(api?.getItemProps(menuItemProps) ?? {}, buttonProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });

package/menu/menu-item.d.ts

@@ -3,5 +3,6 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import type { ItemProps } from '@zag-js/menu';
 import { type HTMLArkProps } from '../factory';
 import { type Assign } from '../types';
-export type MenuItemProps = Assign<HTMLArkProps<'div'>, ItemProps>;
-export declare const MenuItem: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, keyof ItemProps> & ItemProps & RefAttributes<HTMLDivElement>>;
+export interface MenuItemProps extends Assign<HTMLArkProps<'div'>, ItemProps> {
+}
+export declare const MenuItem: ForwardRefExoticComponent<MenuItemProps & RefAttributes<HTMLDivElement>>;

package/menu/menu-item.mjs

@@ -7,13 +7,13 @@ import { ark } from '../factory.mjs';
 import { useMenuContext } from './menu-context.mjs';
 
 const MenuItem = forwardRef((props, ref) => {
-  const api = useMenuContext();
   const [menuItemProps, buttonProps] = createSplitProps()(props, [
     "id",
     "disabled",
     "valueText",
     "closeOnSelect"
   ]);
+  const api = useMenuContext();
   const mergedProps = mergeProps(api?.getItemProps(menuItemProps) ?? {}, buttonProps);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });

package/menu/menu-option-item.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-require('@zag-js/menu');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const createSplitProps = require('../create-split-props.cjs');
@@ -24,7 +23,7 @@ const MenuOptionItem = react.forwardRef((props, ref) => {
     "value",
     "onCheckedChange"
   ]);
-  const view = runIfFn.runIfFn(children, { isActive: api?.isOptionChecked(optionProps) ?? false });
+  const view = runIfFn.runIfFn(children, api?.getOptionItemState(optionProps));
   const mergedProps = react$1.mergeProps(api?.getOptionItemProps(optionProps) ?? {}, divProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view });
 });

package/menu/menu-option-item.d.ts

@@ -1,18 +1,9 @@
-import { ItemProps, type OptionItemProps } from '@zag-js/menu';
+import type { OptionItemProps, OptionItemState } from '@zag-js/menu';
 import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
 import { type HTMLArkProps } from '../factory';
 import { type Assign } from '../types';
-export type MenuOptionItemState = {
-    isActive: boolean;
-};
-export type MenuOptionItemProps = Assign<HTMLArkProps<'div'>, OptionItemProps & {
-    children?: ReactNode | ((state: MenuOptionItemState) => ReactNode);
-}>;
-export declare const MenuOptionItem: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "name" | "value" | "children" | "type" | keyof ItemProps | "onCheckedChange"> & Partial<ItemProps> & {
-    name: string;
-    type: "checkbox" | "radio";
-    value: string;
-    onCheckedChange?: ((checked: boolean) => void) | undefined;
-} & {
-    children?: ReactNode | ((state: MenuOptionItemState) => ReactNode);
-} & RefAttributes<HTMLDivElement>>;
+export interface MenuOptionItemProps extends Assign<HTMLArkProps<'div'>, OptionItemProps & {
+    children?: ReactNode | ((state: OptionItemState) => ReactNode);
+}> {
+}
+export declare const MenuOptionItem: ForwardRefExoticComponent<MenuOptionItemProps & RefAttributes<HTMLDivElement>>;

package/menu/menu-option-item.mjs

@@ -1,6 +1,5 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import '@zag-js/menu';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
@@ -20,7 +19,7 @@ const MenuOptionItem = forwardRef((props, ref) => {
     "value",
     "onCheckedChange"
   ]);
-  const view = runIfFn(children, { isActive: api?.isOptionChecked(optionProps) ?? false });
+  const view = runIfFn(children, api?.getOptionItemState(optionProps));
   const mergedProps = mergeProps(api?.getOptionItemProps(optionProps) ?? {}, divProps);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view });
 });

package/menu/menu-positioner.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type MenuPositionerProps = HTMLArkProps<'div'>;
-export declare const MenuPositioner: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;
+export interface MenuPositionerProps extends HTMLArkProps<'div'> {
+}
+export declare const MenuPositioner: ForwardRefExoticComponent<MenuPositionerProps & RefAttributes<HTMLDivElement>>;

package/menu/menu-separator.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type MenuSeparatorProps = HTMLArkProps<'hr'>;
-export declare const MenuSeparator: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLHRElement>>;
+export interface MenuSeparatorProps extends HTMLArkProps<'hr'> {
+}
+export declare const MenuSeparator: ForwardRefExoticComponent<MenuSeparatorProps & RefAttributes<HTMLHRElement>>;

package/menu/menu-trigger-item.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type MenuTriggerItemProps = HTMLArkProps<'div'>;
-export declare const MenuTriggerItem: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;
+export interface MenuTriggerItemProps extends HTMLArkProps<'div'> {
+}
+export declare const MenuTriggerItem: ForwardRefExoticComponent<MenuTriggerItemProps & RefAttributes<HTMLDivElement>>;

package/menu/menu-trigger.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type MenuTriggerProps = HTMLArkProps<'button'>;
-export declare const MenuTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLButtonElement>>;
+export interface MenuTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const MenuTrigger: ForwardRefExoticComponent<MenuTriggerProps & RefAttributes<HTMLButtonElement>>;

package/menu/menu.cjs

@@ -22,10 +22,9 @@ const Menu = (props) => {
     "id",
     "ids",
     "loop",
-    "onClose",
     "onFocusOutside",
     "onInteractOutside",
-    "onOpen",
+    "onOpenChange",
     "onPointerDownOutside",
     "onSelect",
     "onValueChange",

package/menu/menu.d.ts

@@ -2,13 +2,14 @@ import { JSX } from 'react/jsx-runtime';
 import { type ReactNode } from 'react';
 import { type Assign } from '../types';
 import { type UseMenuProps } from './use-menu';
-type MenuState = {
+interface MenuState {
     isOpen: boolean;
     onClose: () => void;
-};
-export type MenuProps = Assign<UseMenuProps, {
+}
+export interface MenuProps extends Assign<UseMenuProps, {
     children?: ReactNode | ((state: MenuState) => ReactNode);
     isOpen?: boolean;
-}>;
+}> {
+}
 export declare const Menu: (props: MenuProps) => JSX.Element;
 export {};

package/menu/menu.mjs

@@ -18,10 +18,9 @@ const Menu = (props) => {
     "id",
     "ids",
     "loop",
-    "onClose",
     "onFocusOutside",
     "onInteractOutside",
-    "onOpen",
+    "onOpenChange",
     "onPointerDownOutside",
     "onSelect",
     "onValueChange",

package/menu/use-menu.cjs

@@ -7,6 +7,7 @@ const menu = require('@zag-js/menu');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 require('../environment/index.cjs');
+const useEvent = require('../use-event.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -28,12 +29,14 @@ function _interopNamespaceDefault(e) {
 
 const menu__namespace = /*#__PURE__*/_interopNamespaceDefault(menu);
 
-const useMenu = (props) => {
-  const getRootNode = environmentContext.useEnvironmentContext();
+const useMenu = (props = {}) => {
   const context = {
     id: react.useId(),
-    getRootNode,
-    ...props
+    getRootNode: environmentContext.useEnvironmentContext(),
+    ...props,
+    onOpenChange: useEvent.useEvent(props.onOpenChange),
+    onSelect: useEvent.useEvent(props.onSelect),
+    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true })
   };
   const [state, send, machine] = react$1.useMachine(menu__namespace.machine(context), { context });
   const api = menu__namespace.connect(state, send, react$1.normalizeProps);

package/menu/use-menu.d.ts

@@ -2,8 +2,8 @@ import * as menu from '@zag-js/menu';
 import { type Optional } from '../types';
 export interface UseMenuProps extends Optional<menu.Context, 'id'> {
 }
-export type UseMenuReturn = {
+export interface UseMenuReturn {
     machine: ReturnType<typeof menu.machine>;
     api: menu.Api;
-};
-export declare const useMenu: (props: UseMenuProps) => UseMenuReturn;
+}
+export declare const useMenu: (props?: UseMenuProps) => UseMenuReturn;

package/menu/use-menu.mjs

@@ -3,14 +3,17 @@ import * as menu from '@zag-js/menu';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
 import '../environment/index.mjs';
+import { useEvent } from '../use-event.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
-const useMenu = (props) => {
-  const getRootNode = useEnvironmentContext();
+const useMenu = (props = {}) => {
   const context = {
     id: useId(),
-    getRootNode,
-    ...props
+    getRootNode: useEnvironmentContext(),
+    ...props,
+    onOpenChange: useEvent(props.onOpenChange),
+    onSelect: useEvent(props.onSelect),
+    onValueChange: useEvent(props.onValueChange, { sync: true })
   };
   const [state, send, machine] = useMachine(menu.machine(context), { context });
   const api = menu.connect(state, send, normalizeProps);

package/number-input/index.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const numberInput$1 = require('./number-input.cjs');
+const numberInput = require('./number-input.cjs');
 const numberInputContext = require('./number-input-context.cjs');
 const numberInputControl = require('./number-input-control.cjs');
 const numberInputDecrementTrigger = require('./number-input-decrement-trigger.cjs');
@@ -11,10 +11,9 @@ const numberInputField = require('./number-input-field.cjs');
 const numberInputIncrementTrigger = require('./number-input-increment-trigger.cjs');
 const numberInputLabel = require('./number-input-label.cjs');
 const numberInputScrubber = require('./number-input-scrubber.cjs');
-const numberInput = require('@zag-js/number-input');
 
-const NumberInput = Object.assign(numberInput$1.NumberInput, {
-  Root: numberInput$1.NumberInput,
+const NumberInput = Object.assign(numberInput.NumberInput, {
+  Root: numberInput.NumberInput,
   Control: numberInputControl.NumberInputControl,
   DecrementTrigger: numberInputDecrementTrigger.NumberInputDecrementTrigger,
   Input: numberInputField.NumberInputInput,
@@ -30,8 +29,4 @@ exports.NumberInputInput = numberInputField.NumberInputInput;
 exports.NumberInputIncrementTrigger = numberInputIncrementTrigger.NumberInputIncrementTrigger;
 exports.NumberInputLabel = numberInputLabel.NumberInputLabel;
 exports.NumberInputScrubber = numberInputScrubber.NumberInputScrubber;
-Object.defineProperty(exports, 'numberInputAnatomy', {
-  enumerable: true,
-  get: () => numberInput.anatomy
-});
 exports.NumberInput = NumberInput;

package/number-input/index.d.ts

@@ -1,6 +1,4 @@
-import { UseNumberInputProps } from './use-number-input';
-import { HTMLArkProps } from '..';
-import { ForwardRefExoticComponent, RefAttributes, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type NumberInputProps } from './number-input';
 import { useNumberInputContext, type NumberInputContext } from './number-input-context';
@@ -10,27 +8,14 @@ import { NumberInputInput, type NumberInputInputProps } from './number-input-fie
 import { NumberInputIncrementTrigger, type NumberInputIncrementTriggerProps } from './number-input-increment-trigger';
 import { NumberInputLabel, type NumberInputLabelProps } from './number-input-label';
 import { NumberInputScrubber, type NumberInputScrubberProps } from './number-input-scrubber';
-import { numberInputAnatomy } from './number-input.anatomy';
-declare const NumberInput: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, keyof UseNumberInputProps> & UseNumberInputProps & RefAttributes<HTMLDivElement>> & {
-    Root: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, keyof UseNumberInputProps> & UseNumberInputProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLDivElement>>;
-    DecrementTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLButtonElement>>;
-    Input: ForwardRefExoticComponent<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLInputElement>>;
-    IncrementTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLButtonElement>>;
-    Label: ForwardRefExoticComponent<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLLabelElement>>;
-    Scrubber: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLDivElement>>;
+declare const NumberInput: ForwardRefExoticComponent<NumberInputProps & RefAttributes<HTMLDivElement>> & {
+    Root: ForwardRefExoticComponent<NumberInputProps & RefAttributes<HTMLDivElement>>;
+    Control: ForwardRefExoticComponent<NumberInputControlProps & RefAttributes<HTMLDivElement>>;
+    DecrementTrigger: ForwardRefExoticComponent<NumberInputDecrementTriggerProps & RefAttributes<HTMLButtonElement>>;
+    Input: ForwardRefExoticComponent<NumberInputInputProps & RefAttributes<HTMLInputElement>>;
+    IncrementTrigger: ForwardRefExoticComponent<NumberInputIncrementTriggerProps & RefAttributes<HTMLButtonElement>>;
+    Label: ForwardRefExoticComponent<NumberInputLabelProps & RefAttributes<HTMLLabelElement>>;
+    Scrubber: ForwardRefExoticComponent<NumberInputScrubberProps & RefAttributes<HTMLDivElement>>;
 };
-export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputScrubber, numberInputAnatomy, useNumberInputContext, };
+export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputScrubber, useNumberInputContext, };
 export type { NumberInputContext, NumberInputControlProps, NumberInputDecrementTriggerProps, NumberInputIncrementTriggerProps, NumberInputInputProps, NumberInputLabelProps, NumberInputProps, NumberInputScrubberProps, };

package/number-input/index.mjs

@@ -7,7 +7,6 @@ import { NumberInputInput } from './number-input-field.mjs';
 import { NumberInputIncrementTrigger } from './number-input-increment-trigger.mjs';
 import { NumberInputLabel } from './number-input-label.mjs';
 import { NumberInputScrubber } from './number-input-scrubber.mjs';
-export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 
 const NumberInput = Object.assign(NumberInput$1, {
   Root: NumberInput$1,

package/number-input/number-input-context.d.ts

@@ -1,5 +1,6 @@
 import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseNumberInputReturn } from './use-number-input';
-export type NumberInputContext = UseNumberInputReturn;
-export declare const NumberInputProvider: Provider<UseNumberInputReturn>, useNumberInputContext: () => UseNumberInputReturn;
+export interface NumberInputContext extends UseNumberInputReturn {
+}
+export declare const NumberInputProvider: Provider<NumberInputContext>, useNumberInputContext: () => NumberInputContext;

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

@@ -11,8 +11,8 @@ const numberInputContext = require('./number-input-context.cjs');
 
 const NumberInputControl = react.forwardRef(
   (props, ref) => {
-    const { controlProps } = numberInputContext.useNumberInputContext();
-    const mergedProps = react$1.mergeProps(controlProps, props);
+    const api = numberInputContext.useNumberInputContext();
+    const mergedProps = react$1.mergeProps(api.controlProps, props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );

package/number-input/number-input-control.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type NumberInputControlProps = HTMLArkProps<'div'>;
-export declare const NumberInputControl: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;
+export interface NumberInputControlProps extends HTMLArkProps<'div'> {
+}
+export declare const NumberInputControl: ForwardRefExoticComponent<NumberInputControlProps & RefAttributes<HTMLDivElement>>;

package/number-input/number-input-control.mjs

@@ -7,8 +7,8 @@ import { useNumberInputContext } from './number-input-context.mjs';
 
 const NumberInputControl = forwardRef(
   (props, ref) => {
-    const { controlProps } = useNumberInputContext();
-    const mergedProps = mergeProps(controlProps, props);
+    const api = useNumberInputContext();
+    const mergedProps = mergeProps(api.controlProps, props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );

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

@@ -10,8 +10,8 @@ const factory = require('../factory.cjs');
 const numberInputContext = require('./number-input-context.cjs');
 
 const NumberInputDecrementTrigger = react.forwardRef((props, ref) => {
-  const { decrementTriggerProps } = numberInputContext.useNumberInputContext();
-  const mergedProps = react$1.mergeProps(decrementTriggerProps, props);
+  const api = numberInputContext.useNumberInputContext();
+  const mergedProps = react$1.mergeProps(api.decrementTriggerProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
 NumberInputDecrementTrigger.displayName = "NumberInputDecrementTrigger";

package/number-input/number-input-decrement-trigger.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type NumberInputDecrementTriggerProps = HTMLArkProps<'button'>;
-export declare const NumberInputDecrementTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLButtonElement>>;
+export interface NumberInputDecrementTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const NumberInputDecrementTrigger: ForwardRefExoticComponent<NumberInputDecrementTriggerProps & RefAttributes<HTMLButtonElement>>;

package/number-input/number-input-decrement-trigger.mjs

@@ -6,8 +6,8 @@ import { ark } from '../factory.mjs';
 import { useNumberInputContext } from './number-input-context.mjs';
 
 const NumberInputDecrementTrigger = forwardRef((props, ref) => {
-  const { decrementTriggerProps } = useNumberInputContext();
-  const mergedProps = mergeProps(decrementTriggerProps, props);
+  const api = useNumberInputContext();
+  const mergedProps = mergeProps(api.decrementTriggerProps, props);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
 NumberInputDecrementTrigger.displayName = "NumberInputDecrementTrigger";

package/number-input/number-input-field.cjs

@@ -11,8 +11,8 @@ const numberInputContext = require('./number-input-context.cjs');
 
 const NumberInputInput = react.forwardRef(
   (props, ref) => {
-    const { inputProps } = numberInputContext.useNumberInputContext();
-    const mergedProps = react$1.mergeProps(inputProps, props);
+    const api = numberInputContext.useNumberInputContext();
+    const mergedProps = react$1.mergeProps(api.inputProps, props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
   }
 );

package/number-input/number-input-field.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type NumberInputInputProps = HTMLArkProps<'input'>;
-export declare const NumberInputInput: ForwardRefExoticComponent<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLInputElement>>;
+export interface NumberInputInputProps extends HTMLArkProps<'input'> {
+}
+export declare const NumberInputInput: ForwardRefExoticComponent<NumberInputInputProps & RefAttributes<HTMLInputElement>>;

package/number-input/number-input-field.mjs

@@ -7,8 +7,8 @@ import { useNumberInputContext } from './number-input-context.mjs';
 
 const NumberInputInput = forwardRef(
   (props, ref) => {
-    const { inputProps } = useNumberInputContext();
-    const mergedProps = mergeProps(inputProps, props);
+    const api = useNumberInputContext();
+    const mergedProps = mergeProps(api.inputProps, props);
     return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
   }
 );

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

@@ -10,8 +10,8 @@ const factory = require('../factory.cjs');
 const numberInputContext = require('./number-input-context.cjs');
 
 const NumberInputIncrementTrigger = react.forwardRef((props, ref) => {
-  const { incrementTriggerProps } = numberInputContext.useNumberInputContext();
-  const mergedProps = react$1.mergeProps(incrementTriggerProps, props);
+  const api = numberInputContext.useNumberInputContext();
+  const mergedProps = react$1.mergeProps(api.incrementTriggerProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
 NumberInputIncrementTrigger.displayName = "NumberInputIncrementTrigger";

package/number-input/number-input-increment-trigger.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type NumberInputIncrementTriggerProps = HTMLArkProps<'button'>;
-export declare const NumberInputIncrementTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLButtonElement>>;
+export interface NumberInputIncrementTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const NumberInputIncrementTrigger: ForwardRefExoticComponent<NumberInputIncrementTriggerProps & RefAttributes<HTMLButtonElement>>;

package/number-input/number-input-increment-trigger.mjs

@@ -6,8 +6,8 @@ import { ark } from '../factory.mjs';
 import { useNumberInputContext } from './number-input-context.mjs';
 
 const NumberInputIncrementTrigger = forwardRef((props, ref) => {
-  const { incrementTriggerProps } = useNumberInputContext();
-  const mergedProps = mergeProps(incrementTriggerProps, props);
+  const api = useNumberInputContext();
+  const mergedProps = mergeProps(api.incrementTriggerProps, props);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
 NumberInputIncrementTrigger.displayName = "NumberInputIncrementTrigger";

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

@@ -11,8 +11,8 @@ const numberInputContext = require('./number-input-context.cjs');
 
 const NumberInputLabel = react.forwardRef(
   (props, ref) => {
-    const { labelProps } = numberInputContext.useNumberInputContext();
-    const mergedProps = react$1.mergeProps(labelProps, props);
+    const api = numberInputContext.useNumberInputContext();
+    const mergedProps = react$1.mergeProps(api.labelProps, props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
   }
 );

package/number-input/number-input-label.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type NumberInputLabelProps = HTMLArkProps<'label'>;
-export declare const NumberInputLabel: ForwardRefExoticComponent<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLLabelElement>>;
+export interface NumberInputLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const NumberInputLabel: ForwardRefExoticComponent<NumberInputLabelProps & RefAttributes<HTMLLabelElement>>;

package/number-input/number-input-label.mjs

@@ -7,8 +7,8 @@ import { useNumberInputContext } from './number-input-context.mjs';
 
 const NumberInputLabel = forwardRef(
   (props, ref) => {
-    const { labelProps } = useNumberInputContext();
-    const mergedProps = mergeProps(labelProps, props);
+    const api = useNumberInputContext();
+    const mergedProps = mergeProps(api.labelProps, props);
     return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
   }
 );

package/number-input/number-input-scrubber.cjs

@@ -11,8 +11,8 @@ const numberInputContext = require('./number-input-context.cjs');
 
 const NumberInputScrubber = react.forwardRef(
   (props, ref) => {
-    const { scrubberProps } = numberInputContext.useNumberInputContext();
-    const mergedProps = react$1.mergeProps(scrubberProps, props);
+    const api = numberInputContext.useNumberInputContext();
+    const mergedProps = react$1.mergeProps(api.scrubberProps, props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );

package/number-input/number-input-scrubber.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type NumberInputScrubberProps = HTMLArkProps<'div'>;
-export declare const NumberInputScrubber: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;
+export interface NumberInputScrubberProps extends HTMLArkProps<'div'> {
+}
+export declare const NumberInputScrubber: ForwardRefExoticComponent<NumberInputScrubberProps & RefAttributes<HTMLDivElement>>;