@zag-js/number-input 0.1.13 → 0.1.16

package/dist/index.d.ts

@@ -26,6 +26,10 @@ declare type IntlMessages = {
      */
     decrementLabel: string;
 };
+declare type Value = {
+    value: string;
+    valueAsNumber: number;
+};
 declare type PublicContext = DirectionProperty & CommonProperties & {
     /**
      * The ids of the elements in the number input. Useful for composition.
@@ -115,18 +119,23 @@ declare type PublicContext = DirectionProperty & CommonProperties & {
     /**
      * Function invoked when the value changes
      */
-    onChange?: (details: {
-        value: string;
-        valueAsNumber: number;
-    }) => void;
+    onChange?: (details: Value) => void;
     /**
      * Function invoked when the value overflows or underflows the min/max range
      */
-    onInvalid?: (details: {
+    onInvalid?: (details: Value & {
         reason: ValidityState;
-        value: string;
-        valueAsNumber: number;
     }) => void;
+    /**
+     * Function invoked when the number input is focused
+     */
+    onFocus?: (details: Value & {
+        srcElement: HTMLElement | null;
+    }) => void;
+    /**
+     * The value of the input when it is blurred
+     */
+    onBlur?: (details: Value) => void;
     /**
      * The minimum number of fraction digits to use. Possible values are from 0 to 20
      */
@@ -135,6 +144,10 @@ declare type PublicContext = DirectionProperty & CommonProperties & {
      * The maximum number of fraction digits to use. Possible values are from 0 to 20;
      */
     maxFractionDigits?: number;
+    /**
+     * Whether to spin the value when the increment/decrement button is pressed
+     */
+    spinOnPress?: boolean;
 };
 declare type UserDefinedContext = RequiredBy<PublicContext, "id">;
 declare type ComputedContext = Readonly<{
@@ -211,6 +224,7 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
     setToMax(): void;
     setToMin(): void;
     focus(): void;
+    blur(): void;
     rootProps: T["element"];
     labelProps: T["label"];
     groupProps: T["element"];