@ark-ui/react 3.4.0-0 → 3.4.0

package/dist/components/menu/menu-radio-item.d.ts

@@ -1,12 +1,11 @@
 import { OptionItemProps } from '@zag-js/menu';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>;
-export interface MenuRadioItemBaseProps extends PartialOptionItemProps {
+export interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps {
 }
-export interface MenuRadioItemProps extends Assign<HTMLArkProps<'div'>, MenuRadioItemBaseProps> {
+export interface MenuRadioItemProps extends HTMLProps<'div'>, MenuRadioItemBaseProps {
 }
 export declare const MenuRadioItem: ForwardRefExoticComponent<MenuRadioItemProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -25,8 +25,8 @@ const MenuRadioItem = forwardRef((props, ref) => {
     onCheckedChange: () => itemGroup.onValueChange?.({ value: partialItemProps.value })
   };
   const mergedProps = mergeProps(menu.getOptionItemProps(optionItemProps), localProps);
-  const itemState = menu.getItemState(optionItemProps);
-  return /* @__PURE__ */ jsx(MenuOptionItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsx(MenuItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
+  const optionItemState = menu.getOptionItemState(optionItemProps);
+  return /* @__PURE__ */ jsx(MenuOptionItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsx(MenuItemProvider, { value: optionItemState, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
 });
 MenuRadioItem.displayName = "MenuRadioItem";
 

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

@@ -21,10 +21,8 @@ const MenuRootProvider = (props) => {
   const { api, machine } = menu;
   const presence = usePresence.usePresence(react.mergeProps({ present: api.open }, presenceProps));
   useEffectOnce.useEffectOnce(() => {
-    if (!parentMachine)
-      return;
-    if (!parentApi)
-      return;
+    if (!parentMachine) return;
+    if (!parentApi) return;
     parentApi.setChild(machine);
     api.setParent(parentMachine);
   });

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

@@ -17,10 +17,8 @@ const MenuRootProvider = (props) => {
   const { api, machine } = menu;
   const presence = usePresence(mergeProps({ present: api.open }, presenceProps));
   useEffectOnce(() => {
-    if (!parentMachine)
-      return;
-    if (!parentApi)
-      return;
+    if (!parentMachine) return;
+    if (!parentApi) return;
     parentApi.setChild(machine);
     api.setParent(parentMachine);
   });

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

@@ -44,10 +44,8 @@ const MenuRoot = (props) => {
   const { api, machine } = useMenu.useMenu(useMenuProps);
   const presence = usePresence.usePresence(react.mergeProps({ present: api.open }, presenceProps));
   useEffectOnce.useEffectOnce(() => {
-    if (!parentMachine)
-      return;
-    if (!parentApi)
-      return;
+    if (!parentMachine) return;
+    if (!parentApi) return;
     parentApi.setChild(machine);
     api.setParent(parentMachine);
   });

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

@@ -40,10 +40,8 @@ const MenuRoot = (props) => {
   const { api, machine } = useMenu(useMenuProps);
   const presence = usePresence(mergeProps({ present: api.open }, presenceProps));
   useEffectOnce(() => {
-    if (!parentMachine)
-      return;
-    if (!parentApi)
-      return;
+    if (!parentMachine) return;
+    if (!parentApi) return;
     parentApi.setChild(machine);
     api.setParent(parentMachine);
   });

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuSeparatorBaseProps = {};
-export interface MenuSeparatorProps extends HTMLArkProps<'hr'>, MenuSeparatorBaseProps {
+export interface MenuSeparatorBaseProps extends PolymorphicProps {
+}
+export interface MenuSeparatorProps extends HTMLProps<'hr'>, MenuSeparatorBaseProps {
 }
 export declare const MenuSeparator: ForwardRefExoticComponent<MenuSeparatorProps & RefAttributes<HTMLHRElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuSeparatorBaseProps = {};
-export interface MenuSeparatorProps extends HTMLArkProps<'hr'>, MenuSeparatorBaseProps {
+export interface MenuSeparatorBaseProps extends PolymorphicProps {
+}
+export interface MenuSeparatorProps extends HTMLProps<'hr'>, MenuSeparatorBaseProps {
 }
 export declare const MenuSeparator: ForwardRefExoticComponent<MenuSeparatorProps & RefAttributes<HTMLHRElement>>;

package/dist/components/menu/menu-trigger-item.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuTriggerItemBaseProps = {};
-export interface MenuTriggerItemProps extends HTMLArkProps<'div'>, MenuTriggerItemBaseProps {
+export interface MenuTriggerItemBaseProps extends PolymorphicProps {
+}
+export interface MenuTriggerItemProps extends HTMLProps<'div'>, MenuTriggerItemBaseProps {
 }
 export declare const MenuTriggerItem: ForwardRefExoticComponent<MenuTriggerItemProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuTriggerItemBaseProps = {};
-export interface MenuTriggerItemProps extends HTMLArkProps<'div'>, MenuTriggerItemBaseProps {
+export interface MenuTriggerItemBaseProps extends PolymorphicProps {
+}
+export interface MenuTriggerItemProps extends HTMLProps<'div'>, MenuTriggerItemBaseProps {
 }
 export declare const MenuTriggerItem: ForwardRefExoticComponent<MenuTriggerItemProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuTriggerBaseProps = {};
-export interface MenuTriggerProps extends HTMLArkProps<'button'>, MenuTriggerBaseProps {
+export interface MenuTriggerBaseProps extends PolymorphicProps {
+}
+export interface MenuTriggerProps extends HTMLProps<'button'>, MenuTriggerBaseProps {
 }
 export declare const MenuTrigger: ForwardRefExoticComponent<MenuTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuTriggerBaseProps = {};
-export interface MenuTriggerProps extends HTMLArkProps<'button'>, MenuTriggerBaseProps {
+export interface MenuTriggerBaseProps extends PolymorphicProps {
+}
+export interface MenuTriggerProps extends HTMLProps<'button'>, MenuTriggerBaseProps {
 }
 export declare const MenuTrigger: ForwardRefExoticComponent<MenuTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputControlBaseProps = {};
-export interface NumberInputControlProps extends HTMLArkProps<'div'>, NumberInputControlBaseProps {
+export interface NumberInputControlBaseProps extends PolymorphicProps {
+}
+export interface NumberInputControlProps extends HTMLProps<'div'>, NumberInputControlBaseProps {
 }
 export declare const NumberInputControl: ForwardRefExoticComponent<NumberInputControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputControlBaseProps = {};
-export interface NumberInputControlProps extends HTMLArkProps<'div'>, NumberInputControlBaseProps {
+export interface NumberInputControlBaseProps extends PolymorphicProps {
+}
+export interface NumberInputControlProps extends HTMLProps<'div'>, NumberInputControlBaseProps {
 }
 export declare const NumberInputControl: ForwardRefExoticComponent<NumberInputControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/number-input/number-input-decrement-trigger.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputDecrementTriggerBaseProps = {};
-export interface NumberInputDecrementTriggerProps extends HTMLArkProps<'button'>, NumberInputDecrementTriggerBaseProps {
+export interface NumberInputDecrementTriggerBaseProps extends PolymorphicProps {
+}
+export interface NumberInputDecrementTriggerProps extends HTMLProps<'button'>, NumberInputDecrementTriggerBaseProps {
 }
 export declare const NumberInputDecrementTrigger: ForwardRefExoticComponent<NumberInputDecrementTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputDecrementTriggerBaseProps = {};
-export interface NumberInputDecrementTriggerProps extends HTMLArkProps<'button'>, NumberInputDecrementTriggerBaseProps {
+export interface NumberInputDecrementTriggerBaseProps extends PolymorphicProps {
+}
+export interface NumberInputDecrementTriggerProps extends HTMLProps<'button'>, NumberInputDecrementTriggerBaseProps {
 }
 export declare const NumberInputDecrementTrigger: ForwardRefExoticComponent<NumberInputDecrementTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/number-input/number-input-increment-trigger.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputIncrementTriggerBaseProps = {};
-export interface NumberInputIncrementTriggerProps extends HTMLArkProps<'button'>, NumberInputIncrementTriggerBaseProps {
+export interface NumberInputIncrementTriggerBaseProps extends PolymorphicProps {
+}
+export interface NumberInputIncrementTriggerProps extends HTMLProps<'button'>, NumberInputIncrementTriggerBaseProps {
 }
 export declare const NumberInputIncrementTrigger: ForwardRefExoticComponent<NumberInputIncrementTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputIncrementTriggerBaseProps = {};
-export interface NumberInputIncrementTriggerProps extends HTMLArkProps<'button'>, NumberInputIncrementTriggerBaseProps {
+export interface NumberInputIncrementTriggerBaseProps extends PolymorphicProps {
+}
+export interface NumberInputIncrementTriggerProps extends HTMLProps<'button'>, NumberInputIncrementTriggerBaseProps {
 }
 export declare const NumberInputIncrementTrigger: ForwardRefExoticComponent<NumberInputIncrementTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -7,13 +7,15 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 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);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
+    const field = useFieldContext.useFieldContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
   }
 );
 NumberInputInput.displayName = "NumberInputInput";

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputInputBaseProps = {};
-export interface NumberInputInputProps extends HTMLArkProps<'input'>, NumberInputInputBaseProps {
+export interface NumberInputInputBaseProps extends PolymorphicProps {
+}
+export interface NumberInputInputProps extends HTMLProps<'input'>, NumberInputInputBaseProps {
 }
 export declare const NumberInputInput: ForwardRefExoticComponent<NumberInputInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputInputBaseProps = {};
-export interface NumberInputInputProps extends HTMLArkProps<'input'>, NumberInputInputBaseProps {
+export interface NumberInputInputBaseProps extends PolymorphicProps {
+}
+export interface NumberInputInputProps extends HTMLProps<'input'>, NumberInputInputBaseProps {
 }
 export declare const NumberInputInput: ForwardRefExoticComponent<NumberInputInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -3,13 +3,15 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 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);
-    return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
+    const field = useFieldContext();
+    return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
   }
 );
 NumberInputInput.displayName = "NumberInputInput";

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputLabelBaseProps = {};
-export interface NumberInputLabelProps extends HTMLArkProps<'label'>, NumberInputLabelBaseProps {
+export interface NumberInputLabelBaseProps extends PolymorphicProps {
+}
+export interface NumberInputLabelProps extends HTMLProps<'label'>, NumberInputLabelBaseProps {
 }
 export declare const NumberInputLabel: ForwardRefExoticComponent<NumberInputLabelProps & RefAttributes<HTMLLabelElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputLabelBaseProps = {};
-export interface NumberInputLabelProps extends HTMLArkProps<'label'>, NumberInputLabelBaseProps {
+export interface NumberInputLabelBaseProps extends PolymorphicProps {
+}
+export interface NumberInputLabelProps extends HTMLProps<'label'>, NumberInputLabelBaseProps {
 }
 export declare const NumberInputLabel: ForwardRefExoticComponent<NumberInputLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/number-input/number-input-root-provider.d.cts

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseNumberInputReturn } from './use-number-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseNumberInputReturn;
 }
-export interface NumberInputRootProviderBaseProps extends RootProviderProps {
+export interface NumberInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface NumberInputRootProviderProps extends HTMLArkProps<'div'>, NumberInputRootProviderBaseProps {
+export interface NumberInputRootProviderProps extends HTMLProps<'div'>, NumberInputRootProviderBaseProps {
 }
 export declare const NumberInputRootProvider: ForwardRefExoticComponent<NumberInputRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/number-input/number-input-root-provider.d.ts

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseNumberInputReturn } from './use-number-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseNumberInputReturn;
 }
-export interface NumberInputRootProviderBaseProps extends RootProviderProps {
+export interface NumberInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface NumberInputRootProviderProps extends HTMLArkProps<'div'>, NumberInputRootProviderBaseProps {
+export interface NumberInputRootProviderProps extends HTMLProps<'div'>, NumberInputRootProviderBaseProps {
 }
 export declare const NumberInputRootProvider: ForwardRefExoticComponent<NumberInputRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -34,6 +34,7 @@ const NumberInputRoot = react.forwardRef((props, ref) => {
     "onValueInvalid",
     "pattern",
     "readOnly",
+    "required",
     "spinOnPress",
     "step",
     "translations",

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

@@ -1,10 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseNumberInputProps } from './use-number-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface NumberInputRootBaseProps extends UseNumberInputProps {
+export interface NumberInputRootBaseProps extends UseNumberInputProps, PolymorphicProps {
 }
-export interface NumberInputRootProps extends Assign<HTMLArkProps<'div'>, NumberInputRootBaseProps> {
+export interface NumberInputRootProps extends Assign<HTMLProps<'div'>, NumberInputRootBaseProps> {
 }
 export declare const NumberInputRoot: ForwardRefExoticComponent<NumberInputRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseNumberInputProps } from './use-number-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface NumberInputRootBaseProps extends UseNumberInputProps {
+export interface NumberInputRootBaseProps extends UseNumberInputProps, PolymorphicProps {
 }
-export interface NumberInputRootProps extends Assign<HTMLArkProps<'div'>, NumberInputRootBaseProps> {
+export interface NumberInputRootProps extends Assign<HTMLProps<'div'>, NumberInputRootBaseProps> {
 }
 export declare const NumberInputRoot: ForwardRefExoticComponent<NumberInputRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -30,6 +30,7 @@ const NumberInputRoot = forwardRef((props, ref) => {
     "onValueInvalid",
     "pattern",
     "readOnly",
+    "required",
     "spinOnPress",
     "step",
     "translations",

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputScrubberBaseProps = {};
-export interface NumberInputScrubberProps extends HTMLArkProps<'div'>, NumberInputScrubberBaseProps {
+export interface NumberInputScrubberBaseProps extends PolymorphicProps {
+}
+export interface NumberInputScrubberProps extends HTMLProps<'div'>, NumberInputScrubberBaseProps {
 }
 export declare const NumberInputScrubber: ForwardRefExoticComponent<NumberInputScrubberProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type NumberInputScrubberBaseProps = {};
-export interface NumberInputScrubberProps extends HTMLArkProps<'div'>, NumberInputScrubberBaseProps {
+export interface NumberInputScrubberBaseProps extends PolymorphicProps {
+}
+export interface NumberInputScrubberProps extends HTMLProps<'div'>, NumberInputScrubberBaseProps {
 }
 export declare const NumberInputScrubber: ForwardRefExoticComponent<NumberInputScrubberProps & RefAttributes<HTMLDivElement>>;

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

@@ -9,6 +9,7 @@ const numberInputIncrementTrigger = require('./number-input-increment-trigger.cj
 const numberInputInput = require('./number-input-input.cjs');
 const numberInputLabel = require('./number-input-label.cjs');
 const numberInputRoot = require('./number-input-root.cjs');
+const numberInputRootProvider = require('./number-input-root-provider.cjs');
 const numberInputScrubber = require('./number-input-scrubber.cjs');
 
 
@@ -20,4 +21,5 @@ exports.IncrementTrigger = numberInputIncrementTrigger.NumberInputIncrementTrigg
 exports.Input = numberInputInput.NumberInputInput;
 exports.Label = numberInputLabel.NumberInputLabel;
 exports.Root = numberInputRoot.NumberInputRoot;
+exports.RootProvider = numberInputRootProvider.NumberInputRootProvider;
 exports.Scrubber = numberInputScrubber.NumberInputScrubber;

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

@@ -6,4 +6,5 @@ export { NumberInputIncrementTrigger as IncrementTrigger, type NumberInputIncrem
 export { NumberInputInput as Input, type NumberInputInputProps as InputProps, type NumberInputInputBaseProps as InputBaseProps, } from './number-input-input';
 export { NumberInputLabel as Label, type NumberInputLabelProps as LabelProps, type NumberInputLabelBaseProps as LabelBaseProps, } from './number-input-label';
 export { NumberInputRoot as Root, type NumberInputRootProps as RootProps, type NumberInputRootBaseProps as RootBaseProps, } from './number-input-root';
+export { NumberInputRootProvider as RootProvider, type NumberInputRootProviderProps as RootProviderProps, type NumberInputRootProviderBaseProps as RootProviderBaseProps, } from './number-input-root-provider';
 export { NumberInputScrubber as Scrubber, type NumberInputScrubberProps as ScrubberProps, type NumberInputScrubberBaseProps as ScrubberBaseProps, } from './number-input-scrubber';

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

@@ -6,4 +6,5 @@ export { NumberInputIncrementTrigger as IncrementTrigger, type NumberInputIncrem
 export { NumberInputInput as Input, type NumberInputInputProps as InputProps, type NumberInputInputBaseProps as InputBaseProps, } from './number-input-input';
 export { NumberInputLabel as Label, type NumberInputLabelProps as LabelProps, type NumberInputLabelBaseProps as LabelBaseProps, } from './number-input-label';
 export { NumberInputRoot as Root, type NumberInputRootProps as RootProps, type NumberInputRootBaseProps as RootBaseProps, } from './number-input-root';
+export { NumberInputRootProvider as RootProvider, type NumberInputRootProviderProps as RootProviderProps, type NumberInputRootProviderBaseProps as RootProviderBaseProps, } from './number-input-root-provider';
 export { NumberInputScrubber as Scrubber, type NumberInputScrubberProps as ScrubberProps, type NumberInputScrubberBaseProps as ScrubberBaseProps, } from './number-input-scrubber';

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

@@ -5,4 +5,5 @@ export { NumberInputIncrementTrigger as IncrementTrigger } from './number-input-
 export { NumberInputInput as Input } from './number-input-input.js';
 export { NumberInputLabel as Label } from './number-input-label.js';
 export { NumberInputRoot as Root } from './number-input-root.js';
+export { NumberInputRootProvider as RootProvider } from './number-input-root-provider.js';
 export { NumberInputScrubber as Scrubber } from './number-input-scrubber.js';

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

@@ -9,6 +9,7 @@ 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');
+const useFieldContext = require('../field/use-field-context.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -32,8 +33,17 @@ const numberInput__namespace = /*#__PURE__*/_interopNamespaceDefault(numberInput
 const useNumberInput = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
+  const field = useFieldContext.useFieldContext();
   const initialContext = {
     id: react.useId(),
+    ids: {
+      label: field?.ids.label,
+      input: field?.ids.control
+    },
+    disabled: field?.disabled,
+    readOnly: field?.readOnly,
+    required: field?.required,
+    invalid: field?.invalid,
     dir,
     getRootNode,
     value: props.defaultValue,

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

@@ -5,12 +5,22 @@ 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';
+import { useFieldContext } from '../field/use-field-context.js';
 
 const useNumberInput = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
+  const field = useFieldContext();
   const initialContext = {
     id: useId(),
+    ids: {
+      label: field?.ids.label,
+      input: field?.ids.control
+    },
+    disabled: field?.disabled,
+    readOnly: field?.readOnly,
+    required: field?.required,
+    invalid: field?.invalid,
     dir,
     getRootNode,
     value: props.defaultValue,

package/dist/components/pagination/pagination-ellipsis.d.cts

@@ -1,10 +1,9 @@
 import { EllipsisProps } from '@zag-js/pagination';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface PaginationEllipsisBaseProps extends EllipsisProps {
+export interface PaginationEllipsisBaseProps extends EllipsisProps, PolymorphicProps {
 }
-export interface PaginationEllipsisProps extends Assign<HTMLArkProps<'div'>, PaginationEllipsisBaseProps> {
+export interface PaginationEllipsisProps extends HTMLProps<'div'>, PaginationEllipsisBaseProps {
 }
 export declare const PaginationEllipsis: ForwardRefExoticComponent<PaginationEllipsisProps & RefAttributes<HTMLDivElement>>;

package/dist/components/pagination/pagination-ellipsis.d.ts

@@ -1,10 +1,9 @@
 import { EllipsisProps } from '@zag-js/pagination';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface PaginationEllipsisBaseProps extends EllipsisProps {
+export interface PaginationEllipsisBaseProps extends EllipsisProps, PolymorphicProps {
 }
-export interface PaginationEllipsisProps extends Assign<HTMLArkProps<'div'>, PaginationEllipsisBaseProps> {
+export interface PaginationEllipsisProps extends HTMLProps<'div'>, PaginationEllipsisBaseProps {
 }
 export declare const PaginationEllipsis: ForwardRefExoticComponent<PaginationEllipsisProps & RefAttributes<HTMLDivElement>>;

package/dist/components/pagination/pagination-item.d.cts

@@ -1,10 +1,10 @@
 import { ItemProps } from '@zag-js/pagination';
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface PaginationItemBaseProps extends ItemProps {
+export interface PaginationItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface PaginationItemProps extends Assign<HTMLArkProps<'button'>, PaginationItemBaseProps> {
+export interface PaginationItemProps extends Assign<HTMLProps<'button'>, PaginationItemBaseProps> {
 }
 export declare const PaginationItem: ForwardRefExoticComponent<PaginationItemProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/pagination/pagination-item.d.ts

@@ -1,10 +1,10 @@
 import { ItemProps } from '@zag-js/pagination';
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface PaginationItemBaseProps extends ItemProps {
+export interface PaginationItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface PaginationItemProps extends Assign<HTMLArkProps<'button'>, PaginationItemBaseProps> {
+export interface PaginationItemProps extends Assign<HTMLProps<'button'>, PaginationItemBaseProps> {
 }
 export declare const PaginationItem: ForwardRefExoticComponent<PaginationItemProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/pagination/pagination-next-trigger.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type PaginationNextTriggerBaseProps = {};
-export interface PaginationNextTriggerProps extends HTMLArkProps<'button'>, PaginationNextTriggerBaseProps {
+export interface PaginationNextTriggerBaseProps extends PolymorphicProps {
+}
+export interface PaginationNextTriggerProps extends HTMLProps<'button'>, PaginationNextTriggerBaseProps {
 }
 export declare const PaginationNextTrigger: ForwardRefExoticComponent<PaginationNextTriggerProps & RefAttributes<HTMLButtonElement>>;