@zag-js/number-input 2.0.0-next.0 → 2.0.0-next.1

package/dist/index.d.mts

@@ -2,7 +2,7 @@ export { anatomy } from './number-input.anatomy.mjs';
 export { connect } from './number-input.connect.mjs';
 export { machine } from './number-input.machine.mjs';
 export { props, splitProps } from './number-input.props.mjs';
-export { NumberInputApi as Api, ElementIds, FocusChangeDetails, HintValue, InputMode, IntlTranslations, NumberInputMachine as Machine, NumberInputProps as Props, NumberInputService as Service, ValidityState, ValueChangeDetails, ValueInvalidDetails } from './number-input.types.mjs';
+export { NumberInputApi as Api, DecrementTriggerState, ElementIds, FocusChangeDetails, HintValue, IncrementTriggerState, InputMode, InputState, IntlTranslations, NumberInputMachine as Machine, NumberInputProps as Props, RootState, NumberInputService as Service, ValidityState, ValueChangeDetails, ValueInvalidDetails } from './number-input.types.mjs';
 import '@zag-js/anatomy';
 import '@zag-js/types';
 import '@zag-js/core';

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { anatomy } from './number-input.anatomy.js';
 export { connect } from './number-input.connect.js';
 export { machine } from './number-input.machine.js';
 export { props, splitProps } from './number-input.props.js';
-export { NumberInputApi as Api, ElementIds, FocusChangeDetails, HintValue, InputMode, IntlTranslations, NumberInputMachine as Machine, NumberInputProps as Props, NumberInputService as Service, ValidityState, ValueChangeDetails, ValueInvalidDetails } from './number-input.types.js';
+export { NumberInputApi as Api, DecrementTriggerState, ElementIds, FocusChangeDetails, HintValue, IncrementTriggerState, InputMode, InputState, IntlTranslations, NumberInputMachine as Machine, NumberInputProps as Props, RootState, NumberInputService as Service, ValidityState, ValueChangeDetails, ValueInvalidDetails } from './number-input.types.js';
 import '@zag-js/anatomy';
 import '@zag-js/types';
 import '@zag-js/core';

package/dist/number-input.connect.js

@@ -50,6 +50,18 @@ function connect(service, normalize) {
   const isIncrementDisabled = disabled || !computed("canIncrement") || readOnly;
   const isDecrementDisabled = disabled || !computed("canDecrement") || readOnly;
   const translations = prop("translations");
+  function getRootState() {
+    return { disabled, focused, invalid, scrubbing };
+  }
+  function getInputState() {
+    return { disabled, invalid, readOnly, scrubbing };
+  }
+  function getIncrementTriggerState() {
+    return { disabled: isIncrementDisabled };
+  }
+  function getDecrementTriggerState() {
+    return { disabled: isDecrementDisabled };
+  }
   return {
     focused,
     scrubbing,
@@ -78,14 +90,16 @@ function connect(service, normalize) {
     focus() {
       dom.getInputEl(scope)?.focus();
     },
+    getRootState,
     getRootProps() {
+      const rootState = getRootState();
       return normalize.element({
         ...import_number_input.parts.root.attrs(scope.id),
         dir: prop("dir"),
-        "data-disabled": (0, import_dom_query.dataAttr)(disabled),
-        "data-focus": (0, import_dom_query.dataAttr)(focused),
-        "data-invalid": (0, import_dom_query.dataAttr)(invalid),
-        "data-scrubbing": (0, import_dom_query.dataAttr)(scrubbing)
+        "data-disabled": (0, import_dom_query.dataAttr)(rootState.disabled),
+        "data-focus": (0, import_dom_query.dataAttr)(rootState.focused),
+        "data-invalid": (0, import_dom_query.dataAttr)(rootState.invalid),
+        "data-scrubbing": (0, import_dom_query.dataAttr)(rootState.scrubbing)
       });
     },
     getLabelProps() {
@@ -129,7 +143,9 @@ function connect(service, normalize) {
         "data-scrubbing": (0, import_dom_query.dataAttr)(scrubbing)
       });
     },
+    getInputState,
     getInputProps() {
+      const inputState = getInputState();
       return normalize.input({
         ...import_number_input.parts.input.attrs(scope.id),
         dir: prop("dir"),
@@ -140,11 +156,11 @@ function connect(service, normalize) {
         defaultValue: computed("formattedValue"),
         pattern: prop("formatOptions") ? void 0 : prop("pattern"),
         inputMode: prop("inputMode"),
-        "aria-invalid": (0, import_dom_query.ariaAttr)(invalid),
-        "data-invalid": (0, import_dom_query.dataAttr)(invalid),
-        disabled,
-        "data-disabled": (0, import_dom_query.dataAttr)(disabled),
-        readOnly,
+        "aria-invalid": (0, import_dom_query.ariaAttr)(inputState.invalid),
+        "data-invalid": (0, import_dom_query.dataAttr)(inputState.invalid),
+        disabled: inputState.disabled,
+        "data-disabled": (0, import_dom_query.dataAttr)(inputState.disabled),
+        readOnly: inputState.readOnly,
         required: prop("required"),
         autoComplete: "off",
         autoCorrect: "off",
@@ -155,7 +171,7 @@ function connect(service, normalize) {
         "aria-valuemax": prop("max"),
         "aria-valuenow": Number.isNaN(computed("valueAsNumber")) ? void 0 : computed("valueAsNumber"),
         "aria-valuetext": computed("valueText"),
-        "data-scrubbing": (0, import_dom_query.dataAttr)(scrubbing),
+        "data-scrubbing": (0, import_dom_query.dataAttr)(inputState.scrubbing),
         onFocus() {
           send({ type: "INPUT.FOCUS" });
         },
@@ -181,7 +197,7 @@ function connect(service, normalize) {
           if (event.defaultPrevented) return;
           if (readOnly) return;
           if ((0, import_dom_query.isComposingEvent)(event)) return;
-          const step = (0, import_dom_query.getEventStep)(event, {
+          const step = (0, import_dom_query.getEventStepValue)(event, {
             step: prop("step"),
             largeStep: prop("largeStep"),
             smallStep: prop("smallStep")
@@ -190,20 +206,24 @@ function connect(service, normalize) {
             ArrowUp() {
               send({ type: "INPUT.ARROW_UP", step });
               event.preventDefault();
+              event.stopPropagation();
             },
             ArrowDown() {
               send({ type: "INPUT.ARROW_DOWN", step });
               event.preventDefault();
+              event.stopPropagation();
             },
             Home() {
               if ((0, import_dom_query.isModifierKey)(event)) return;
               send({ type: "INPUT.HOME" });
               event.preventDefault();
+              event.stopPropagation();
             },
             End() {
               if ((0, import_dom_query.isModifierKey)(event)) return;
               send({ type: "INPUT.END" });
               event.preventDefault();
+              event.stopPropagation();
             },
             Enter(event2) {
               const selection = (0, import_cursor.recordCursor)(event2.currentTarget, scope);
@@ -215,19 +235,21 @@ function connect(service, normalize) {
         }
       });
     },
+    getDecrementTriggerState,
     getDecrementTriggerProps() {
+      const decrementTriggerState = getDecrementTriggerState();
       return normalize.button({
         ...import_number_input.parts.decrementTrigger.attrs(scope.id),
         dir: prop("dir"),
-        disabled: isDecrementDisabled,
-        "data-disabled": (0, import_dom_query.dataAttr)(isDecrementDisabled),
+        disabled: decrementTriggerState.disabled,
+        "data-disabled": (0, import_dom_query.dataAttr)(decrementTriggerState.disabled),
         "aria-label": translations.decrementLabel,
         type: "button",
         tabIndex: -1,
         "aria-controls": dom.getInputId(scope),
         "data-scrubbing": (0, import_dom_query.dataAttr)(scrubbing),
         onPointerDown(event) {
-          if (isDecrementDisabled) return;
+          if (decrementTriggerState.disabled) return;
           if (!(0, import_dom_query.isLeftClick)(event)) return;
           send({ type: "TRIGGER.PRESS_DOWN", hint: "decrement", pointerType: event.pointerType });
           if (event.pointerType === "mouse") {
@@ -241,24 +263,26 @@ function connect(service, normalize) {
           send({ type: "TRIGGER.PRESS_UP", hint: "decrement", pointerType: event.pointerType });
         },
         onPointerLeave() {
-          if (isDecrementDisabled) return;
+          if (decrementTriggerState.disabled) return;
           send({ type: "TRIGGER.PRESS_UP", hint: "decrement" });
         }
       });
     },
+    getIncrementTriggerState,
     getIncrementTriggerProps() {
+      const incrementTriggerState = getIncrementTriggerState();
       return normalize.button({
         ...import_number_input.parts.incrementTrigger.attrs(scope.id),
         dir: prop("dir"),
-        disabled: isIncrementDisabled,
-        "data-disabled": (0, import_dom_query.dataAttr)(isIncrementDisabled),
+        disabled: incrementTriggerState.disabled,
+        "data-disabled": (0, import_dom_query.dataAttr)(incrementTriggerState.disabled),
         "aria-label": translations.incrementLabel,
         type: "button",
         tabIndex: -1,
         "aria-controls": dom.getInputId(scope),
         "data-scrubbing": (0, import_dom_query.dataAttr)(scrubbing),
         onPointerDown(event) {
-          if (isIncrementDisabled || !(0, import_dom_query.isLeftClick)(event)) return;
+          if (incrementTriggerState.disabled || !(0, import_dom_query.isLeftClick)(event)) return;
           send({ type: "TRIGGER.PRESS_DOWN", hint: "increment", pointerType: event.pointerType });
           if (event.pointerType === "mouse") {
             event.preventDefault();

package/dist/number-input.connect.mjs

@@ -3,7 +3,7 @@ import {
   ariaAttr,
   dataAttr,
   getEventPoint,
-  getEventStep,
+  getEventStepValue,
   getWindow,
   MAX_Z_INDEX,
   isComposingEvent,
@@ -28,6 +28,18 @@ function connect(service, normalize) {
   const isIncrementDisabled = disabled || !computed("canIncrement") || readOnly;
   const isDecrementDisabled = disabled || !computed("canDecrement") || readOnly;
   const translations = prop("translations");
+  function getRootState() {
+    return { disabled, focused, invalid, scrubbing };
+  }
+  function getInputState() {
+    return { disabled, invalid, readOnly, scrubbing };
+  }
+  function getIncrementTriggerState() {
+    return { disabled: isIncrementDisabled };
+  }
+  function getDecrementTriggerState() {
+    return { disabled: isDecrementDisabled };
+  }
   return {
     focused,
     scrubbing,
@@ -56,14 +68,16 @@ function connect(service, normalize) {
     focus() {
       dom.getInputEl(scope)?.focus();
     },
+    getRootState,
     getRootProps() {
+      const rootState = getRootState();
       return normalize.element({
         ...parts.root.attrs(scope.id),
         dir: prop("dir"),
-        "data-disabled": dataAttr(disabled),
-        "data-focus": dataAttr(focused),
-        "data-invalid": dataAttr(invalid),
-        "data-scrubbing": dataAttr(scrubbing)
+        "data-disabled": dataAttr(rootState.disabled),
+        "data-focus": dataAttr(rootState.focused),
+        "data-invalid": dataAttr(rootState.invalid),
+        "data-scrubbing": dataAttr(rootState.scrubbing)
       });
     },
     getLabelProps() {
@@ -107,7 +121,9 @@ function connect(service, normalize) {
         "data-scrubbing": dataAttr(scrubbing)
       });
     },
+    getInputState,
     getInputProps() {
+      const inputState = getInputState();
       return normalize.input({
         ...parts.input.attrs(scope.id),
         dir: prop("dir"),
@@ -118,11 +134,11 @@ function connect(service, normalize) {
         defaultValue: computed("formattedValue"),
         pattern: prop("formatOptions") ? void 0 : prop("pattern"),
         inputMode: prop("inputMode"),
-        "aria-invalid": ariaAttr(invalid),
-        "data-invalid": dataAttr(invalid),
-        disabled,
-        "data-disabled": dataAttr(disabled),
-        readOnly,
+        "aria-invalid": ariaAttr(inputState.invalid),
+        "data-invalid": dataAttr(inputState.invalid),
+        disabled: inputState.disabled,
+        "data-disabled": dataAttr(inputState.disabled),
+        readOnly: inputState.readOnly,
         required: prop("required"),
         autoComplete: "off",
         autoCorrect: "off",
@@ -133,7 +149,7 @@ function connect(service, normalize) {
         "aria-valuemax": prop("max"),
         "aria-valuenow": Number.isNaN(computed("valueAsNumber")) ? void 0 : computed("valueAsNumber"),
         "aria-valuetext": computed("valueText"),
-        "data-scrubbing": dataAttr(scrubbing),
+        "data-scrubbing": dataAttr(inputState.scrubbing),
         onFocus() {
           send({ type: "INPUT.FOCUS" });
         },
@@ -159,7 +175,7 @@ function connect(service, normalize) {
           if (event.defaultPrevented) return;
           if (readOnly) return;
           if (isComposingEvent(event)) return;
-          const step = getEventStep(event, {
+          const step = getEventStepValue(event, {
             step: prop("step"),
             largeStep: prop("largeStep"),
             smallStep: prop("smallStep")
@@ -168,20 +184,24 @@ function connect(service, normalize) {
             ArrowUp() {
               send({ type: "INPUT.ARROW_UP", step });
               event.preventDefault();
+              event.stopPropagation();
             },
             ArrowDown() {
               send({ type: "INPUT.ARROW_DOWN", step });
               event.preventDefault();
+              event.stopPropagation();
             },
             Home() {
               if (isModifierKey(event)) return;
               send({ type: "INPUT.HOME" });
               event.preventDefault();
+              event.stopPropagation();
             },
             End() {
               if (isModifierKey(event)) return;
               send({ type: "INPUT.END" });
               event.preventDefault();
+              event.stopPropagation();
             },
             Enter(event2) {
               const selection = recordCursor(event2.currentTarget, scope);
@@ -193,19 +213,21 @@ function connect(service, normalize) {
         }
       });
     },
+    getDecrementTriggerState,
     getDecrementTriggerProps() {
+      const decrementTriggerState = getDecrementTriggerState();
       return normalize.button({
         ...parts.decrementTrigger.attrs(scope.id),
         dir: prop("dir"),
-        disabled: isDecrementDisabled,
-        "data-disabled": dataAttr(isDecrementDisabled),
+        disabled: decrementTriggerState.disabled,
+        "data-disabled": dataAttr(decrementTriggerState.disabled),
         "aria-label": translations.decrementLabel,
         type: "button",
         tabIndex: -1,
         "aria-controls": dom.getInputId(scope),
         "data-scrubbing": dataAttr(scrubbing),
         onPointerDown(event) {
-          if (isDecrementDisabled) return;
+          if (decrementTriggerState.disabled) return;
           if (!isLeftClick(event)) return;
           send({ type: "TRIGGER.PRESS_DOWN", hint: "decrement", pointerType: event.pointerType });
           if (event.pointerType === "mouse") {
@@ -219,24 +241,26 @@ function connect(service, normalize) {
           send({ type: "TRIGGER.PRESS_UP", hint: "decrement", pointerType: event.pointerType });
         },
         onPointerLeave() {
-          if (isDecrementDisabled) return;
+          if (decrementTriggerState.disabled) return;
           send({ type: "TRIGGER.PRESS_UP", hint: "decrement" });
         }
       });
     },
+    getIncrementTriggerState,
     getIncrementTriggerProps() {
+      const incrementTriggerState = getIncrementTriggerState();
       return normalize.button({
         ...parts.incrementTrigger.attrs(scope.id),
         dir: prop("dir"),
-        disabled: isIncrementDisabled,
-        "data-disabled": dataAttr(isIncrementDisabled),
+        disabled: incrementTriggerState.disabled,
+        "data-disabled": dataAttr(incrementTriggerState.disabled),
         "aria-label": translations.incrementLabel,
         type: "button",
         tabIndex: -1,
         "aria-controls": dom.getInputId(scope),
         "data-scrubbing": dataAttr(scrubbing),
         onPointerDown(event) {
-          if (isIncrementDisabled || !isLeftClick(event)) return;
+          if (incrementTriggerState.disabled || !isLeftClick(event)) return;
           send({ type: "TRIGGER.PRESS_DOWN", hint: "increment", pointerType: event.pointerType });
           if (event.pointerType === "mouse") {
             event.preventDefault();

package/dist/number-input.machine.js

@@ -54,8 +54,6 @@ var machine = createMachine({
       pattern: "-?[0-9]*(.[0-9]+)?",
       defaultValue: "",
       step,
-      largeStep: props.largeStep ?? step * 10,
-      smallStep: props.smallStep ?? step * 0.1,
       min: Number.MIN_SAFE_INTEGER,
       max: Number.MAX_SAFE_INTEGER,
       spinOnPress: true,
@@ -63,6 +61,8 @@ var machine = createMachine({
       scrubberDirection: "horizontal",
       snapOnStep: false,
       ...props,
+      largeStep: props.largeStep ?? 10 * step,
+      smallStep: props.smallStep ?? step / 10,
       translations: {
         incrementLabel: "increment value",
         decrementLabel: "decrease value",
@@ -396,7 +396,7 @@ var machine = createMachine({
         context.set("value", (0, import_number_input.formatValue)(nextValue, { computed, prop }));
       },
       setRawValue({ context, event, prop, computed }) {
-        let nextValue = (0, import_number_input.parseValue)(event.value, { computed, prop });
+        let nextValue = typeof event.value === "number" ? event.value : (0, import_number_input.parseValue)(event.value, { computed, prop });
         if (!prop("allowOverflow")) nextValue = (0, import_utils.clampValue)(nextValue, prop("min"), prop("max"));
         context.set("value", (0, import_number_input.formatValue)(nextValue, { computed, prop }));
       },

package/dist/number-input.machine.mjs

@@ -38,8 +38,6 @@ var machine = createMachine({
       pattern: "-?[0-9]*(.[0-9]+)?",
       defaultValue: "",
       step,
-      largeStep: props.largeStep ?? step * 10,
-      smallStep: props.smallStep ?? step * 0.1,
       min: Number.MIN_SAFE_INTEGER,
       max: Number.MAX_SAFE_INTEGER,
       spinOnPress: true,
@@ -47,6 +45,8 @@ var machine = createMachine({
       scrubberDirection: "horizontal",
       snapOnStep: false,
       ...props,
+      largeStep: props.largeStep ?? 10 * step,
+      smallStep: props.smallStep ?? step / 10,
       translations: {
         incrementLabel: "increment value",
         decrementLabel: "decrease value",
@@ -380,7 +380,7 @@ var machine = createMachine({
         context.set("value", formatValue(nextValue, { computed, prop }));
       },
       setRawValue({ context, event, prop, computed }) {
-        let nextValue = parseValue(event.value, { computed, prop });
+        let nextValue = typeof event.value === "number" ? event.value : parseValue(event.value, { computed, prop });
         if (!prop("allowOverflow")) nextValue = clampValue(nextValue, prop("min"), prop("max"));
         context.set("value", formatValue(nextValue, { computed, prop }));
       },

package/dist/number-input.types.d.mts

@@ -183,7 +183,7 @@ interface NumberInputProps extends LocaleProperties, CommonProperties {
      */
     snapOnStep?: boolean | undefined;
 }
-type PropsWithDefault = "dir" | "locale" | "focusInputOnChange" | "clampValueOnBlur" | "allowOverflow" | "inputMode" | "pattern" | "translations" | "step" | "spinOnPress" | "min" | "max" | "largeStep" | "smallStep" | "scrubberPixelSensitivity" | "scrubberDirection" | "snapOnStep";
+type PropsWithDefault = "dir" | "locale" | "focusInputOnChange" | "clampValueOnBlur" | "allowOverflow" | "inputMode" | "pattern" | "translations" | "step" | "largeStep" | "smallStep" | "spinOnPress" | "min" | "max" | "scrubberPixelSensitivity" | "scrubberDirection" | "snapOnStep";
 type ComputedContext = Readonly<{
     /**
      * The value of the input as a number
@@ -285,6 +285,54 @@ interface NumberInputSchema {
 }
 type NumberInputService = Service<NumberInputSchema>;
 type NumberInputMachine = Machine<NumberInputSchema>;
+interface RootState {
+    /**
+     * Whether the number input is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Whether the number input is focused.
+     */
+    focused: boolean;
+    /**
+     * Whether the number input is invalid.
+     */
+    invalid: boolean;
+    /**
+     * Whether the number input is being scrubbed.
+     */
+    scrubbing: boolean;
+}
+interface InputState {
+    /**
+     * Whether the input is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Whether the input is invalid.
+     */
+    invalid: boolean;
+    /**
+     * Whether the input is read-only.
+     */
+    readOnly: boolean;
+    /**
+     * Whether the input is being scrubbed.
+     */
+    scrubbing: boolean;
+}
+interface IncrementTriggerState {
+    /**
+     * Whether the increment trigger is disabled.
+     */
+    disabled: boolean;
+}
+interface DecrementTriggerState {
+    /**
+     * Whether the decrement trigger is disabled.
+     */
+    disabled: boolean;
+}
 interface NumberInputApi<T extends PropTypes = PropTypes> {
     /**
      * Whether the input is focused.
@@ -338,15 +386,31 @@ interface NumberInputApi<T extends PropTypes = PropTypes> {
      * Function to focus the input.
      */
     focus: VoidFunction;
+    /**
+     * Returns the state of the root.
+     */
+    getRootState: () => RootState;
     getRootProps: () => T["element"];
     getLabelProps: () => T["label"];
     getControlProps: () => T["element"];
     getValueTextProps: () => T["element"];
+    /**
+     * Returns the state of the input.
+     */
+    getInputState: () => InputState;
     getInputProps: () => T["input"];
+    /**
+     * Returns the state of the decrement trigger.
+     */
+    getDecrementTriggerState: () => DecrementTriggerState;
     getDecrementTriggerProps: () => T["button"];
+    /**
+     * Returns the state of the increment trigger.
+     */
+    getIncrementTriggerState: () => IncrementTriggerState;
     getIncrementTriggerProps: () => T["button"];
     getScrubberProps: () => T["element"];
     getScrubberCursorProps: () => T["element"];
 }
 
-export type { ElementIds, FocusChangeDetails, HintValue, InputMode, IntlTranslations, NumberInputApi, NumberInputMachine, NumberInputProps, NumberInputSchema, NumberInputService, ValidityState, ValueChangeDetails, ValueInvalidDetails };
+export type { DecrementTriggerState, ElementIds, FocusChangeDetails, HintValue, IncrementTriggerState, InputMode, InputState, IntlTranslations, NumberInputApi, NumberInputMachine, NumberInputProps, NumberInputSchema, NumberInputService, RootState, ValidityState, ValueChangeDetails, ValueInvalidDetails };

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

@@ -183,7 +183,7 @@ interface NumberInputProps extends LocaleProperties, CommonProperties {
      */
     snapOnStep?: boolean | undefined;
 }
-type PropsWithDefault = "dir" | "locale" | "focusInputOnChange" | "clampValueOnBlur" | "allowOverflow" | "inputMode" | "pattern" | "translations" | "step" | "spinOnPress" | "min" | "max" | "largeStep" | "smallStep" | "scrubberPixelSensitivity" | "scrubberDirection" | "snapOnStep";
+type PropsWithDefault = "dir" | "locale" | "focusInputOnChange" | "clampValueOnBlur" | "allowOverflow" | "inputMode" | "pattern" | "translations" | "step" | "largeStep" | "smallStep" | "spinOnPress" | "min" | "max" | "scrubberPixelSensitivity" | "scrubberDirection" | "snapOnStep";
 type ComputedContext = Readonly<{
     /**
      * The value of the input as a number
@@ -285,6 +285,54 @@ interface NumberInputSchema {
 }
 type NumberInputService = Service<NumberInputSchema>;
 type NumberInputMachine = Machine<NumberInputSchema>;
+interface RootState {
+    /**
+     * Whether the number input is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Whether the number input is focused.
+     */
+    focused: boolean;
+    /**
+     * Whether the number input is invalid.
+     */
+    invalid: boolean;
+    /**
+     * Whether the number input is being scrubbed.
+     */
+    scrubbing: boolean;
+}
+interface InputState {
+    /**
+     * Whether the input is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Whether the input is invalid.
+     */
+    invalid: boolean;
+    /**
+     * Whether the input is read-only.
+     */
+    readOnly: boolean;
+    /**
+     * Whether the input is being scrubbed.
+     */
+    scrubbing: boolean;
+}
+interface IncrementTriggerState {
+    /**
+     * Whether the increment trigger is disabled.
+     */
+    disabled: boolean;
+}
+interface DecrementTriggerState {
+    /**
+     * Whether the decrement trigger is disabled.
+     */
+    disabled: boolean;
+}
 interface NumberInputApi<T extends PropTypes = PropTypes> {
     /**
      * Whether the input is focused.
@@ -338,15 +386,31 @@ interface NumberInputApi<T extends PropTypes = PropTypes> {
      * Function to focus the input.
      */
     focus: VoidFunction;
+    /**
+     * Returns the state of the root.
+     */
+    getRootState: () => RootState;
     getRootProps: () => T["element"];
     getLabelProps: () => T["label"];
     getControlProps: () => T["element"];
     getValueTextProps: () => T["element"];
+    /**
+     * Returns the state of the input.
+     */
+    getInputState: () => InputState;
     getInputProps: () => T["input"];
+    /**
+     * Returns the state of the decrement trigger.
+     */
+    getDecrementTriggerState: () => DecrementTriggerState;
     getDecrementTriggerProps: () => T["button"];
+    /**
+     * Returns the state of the increment trigger.
+     */
+    getIncrementTriggerState: () => IncrementTriggerState;
     getIncrementTriggerProps: () => T["button"];
     getScrubberProps: () => T["element"];
     getScrubberCursorProps: () => T["element"];
 }
 
-export type { ElementIds, FocusChangeDetails, HintValue, InputMode, IntlTranslations, NumberInputApi, NumberInputMachine, NumberInputProps, NumberInputSchema, NumberInputService, ValidityState, ValueChangeDetails, ValueInvalidDetails };
+export type { DecrementTriggerState, ElementIds, FocusChangeDetails, HintValue, IncrementTriggerState, InputMode, InputState, IntlTranslations, NumberInputApi, NumberInputMachine, NumberInputProps, NumberInputSchema, NumberInputService, RootState, ValidityState, ValueChangeDetails, ValueInvalidDetails };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/number-input",
-  "version": "2.0.0-next.0",
+  "version": "2.0.0-next.1",
   "description": "Core logic for the number-input widget implemented as a state machine",
   "keywords": [
     "js",
@@ -14,7 +14,10 @@
   "author": "Segun Adebayo <sage@adebayosegun.com>",
   "homepage": "https://github.com/chakra-ui/zag#readme",
   "license": "MIT",
-  "repository": "https://github.com/chakra-ui/zag/tree/main/packages/number-input",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/chakra-ui/zag/tree/main/packages/number-input"
+  },
   "sideEffects": false,
   "files": [
     "dist"
@@ -26,12 +29,12 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@internationalized/number": "3.6.6",
-    "@zag-js/anatomy": "2.0.0-next.0",
-    "@zag-js/core": "2.0.0-next.0",
-    "@zag-js/dom-query": "2.0.0-next.0",
-    "@zag-js/types": "2.0.0-next.0",
-    "@zag-js/utils": "2.0.0-next.0"
+    "@internationalized/number": "3.6.7",
+    "@zag-js/anatomy": "2.0.0-next.1",
+    "@zag-js/core": "2.0.0-next.1",
+    "@zag-js/dom-query": "2.0.0-next.1",
+    "@zag-js/types": "2.0.0-next.1",
+    "@zag-js/utils": "2.0.0-next.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"