@zag-js/number-input 0.21.0 → 0.22.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, Context, NormalizeProps } from '@zag-js/types';
+import { RequiredBy, PropTypes, LocaleProperties, CommonProperties, Context, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_core from '@zag-js/core';
 import { StateMachine } from '@zag-js/core';
 
@@ -11,7 +11,6 @@ interface ValueChangeDetails {
 }
 interface FocusChangeDetails extends ValueChangeDetails {
     focused: boolean;
-    srcElement?: HTMLElement | null;
 }
 type ValidityState = "rangeUnderflow" | "rangeOverflow";
 interface ValueInvalidDetails extends ValueChangeDetails {
@@ -41,7 +40,7 @@ type IntlTranslations = {
      */
     decrementLabel: string;
 };
-interface PublicContext extends DirectionProperty, CommonProperties {
+interface PublicContext extends LocaleProperties, CommonProperties {
     /**
      * The ids of the elements in the number input. Useful for composition.
      */
@@ -98,11 +97,6 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      * @default true
      */
     allowOverflow: boolean;
-    /**
-     * Whether the pressed key should be allowed in the input.
-     * The default behavior is to allow DOM floating point characters defined by /^[Ee0-9+\-.]$/
-     */
-    validateCharacter?: (char: string) => boolean;
     /**
      * Whether to clamp the value when the input loses focus (blur)
      * @default true
@@ -118,13 +112,9 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      */
     translations: IntlTranslations;
     /**
-     * If using a custom display format, this converts the custom format to a format `parseFloat` understands.
-     */
-    parse?: (value: string) => string;
-    /**
-     * If using a custom display format, this converts the default format to the custom format.
+     * The options to pass to the `Intl.NumberFormat` constructor
      */
-    format?: (value: string) => string | number;
+    formatOptions?: Intl.NumberFormatOptions;
     /**
      * Hints at the type of data that might be entered by the user. It also determines
      * the type of keyboard shown to the user on mobile devices
@@ -143,14 +133,6 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      * Function invoked when the number input is focused
      */
     onFocusChange?: (details: FocusChangeDetails) => void;
-    /**
-     * The minimum number of fraction digits to use. Possible values are from 0 to 20
-     */
-    minFractionDigits?: number;
-    /**
-     * 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
      */
@@ -183,6 +165,11 @@ type ComputedContext = Readonly<{
      * Whether the value is empty
      */
     isValueEmpty: boolean;
+    /**
+     * @computed
+     * Whether the color picker is disabled
+     */
+    isDisabled: boolean;
     /**
      * @computed
      * Whether the increment button is enabled
@@ -267,10 +254,6 @@ interface MachineApi<T extends PropTypes = PropTypes> {
      * Function to focus the input.
      */
     focus(): void;
-    /**
-     * Function to blur the input.
-     */
-    blur(): void;
     rootProps: T["element"];
     labelProps: T["label"];
     controlProps: T["element"];

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, Context, NormalizeProps } from '@zag-js/types';
+import { RequiredBy, PropTypes, LocaleProperties, CommonProperties, Context, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_core from '@zag-js/core';
 import { StateMachine } from '@zag-js/core';
 
@@ -11,7 +11,6 @@ interface ValueChangeDetails {
 }
 interface FocusChangeDetails extends ValueChangeDetails {
     focused: boolean;
-    srcElement?: HTMLElement | null;
 }
 type ValidityState = "rangeUnderflow" | "rangeOverflow";
 interface ValueInvalidDetails extends ValueChangeDetails {
@@ -41,7 +40,7 @@ type IntlTranslations = {
      */
     decrementLabel: string;
 };
-interface PublicContext extends DirectionProperty, CommonProperties {
+interface PublicContext extends LocaleProperties, CommonProperties {
     /**
      * The ids of the elements in the number input. Useful for composition.
      */
@@ -98,11 +97,6 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      * @default true
      */
     allowOverflow: boolean;
-    /**
-     * Whether the pressed key should be allowed in the input.
-     * The default behavior is to allow DOM floating point characters defined by /^[Ee0-9+\-.]$/
-     */
-    validateCharacter?: (char: string) => boolean;
     /**
      * Whether to clamp the value when the input loses focus (blur)
      * @default true
@@ -118,13 +112,9 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      */
     translations: IntlTranslations;
     /**
-     * If using a custom display format, this converts the custom format to a format `parseFloat` understands.
-     */
-    parse?: (value: string) => string;
-    /**
-     * If using a custom display format, this converts the default format to the custom format.
+     * The options to pass to the `Intl.NumberFormat` constructor
      */
-    format?: (value: string) => string | number;
+    formatOptions?: Intl.NumberFormatOptions;
     /**
      * Hints at the type of data that might be entered by the user. It also determines
      * the type of keyboard shown to the user on mobile devices
@@ -143,14 +133,6 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      * Function invoked when the number input is focused
      */
     onFocusChange?: (details: FocusChangeDetails) => void;
-    /**
-     * The minimum number of fraction digits to use. Possible values are from 0 to 20
-     */
-    minFractionDigits?: number;
-    /**
-     * 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
      */
@@ -183,6 +165,11 @@ type ComputedContext = Readonly<{
      * Whether the value is empty
      */
     isValueEmpty: boolean;
+    /**
+     * @computed
+     * Whether the color picker is disabled
+     */
+    isDisabled: boolean;
     /**
      * @computed
      * Whether the increment button is enabled
@@ -267,10 +254,6 @@ interface MachineApi<T extends PropTypes = PropTypes> {
      * Function to focus the input.
      */
     focus(): void;
-    /**
-     * Function to blur the input.
-     */
-    blur(): void;
     rootProps: T["element"];
     labelProps: T["label"];
     controlProps: T["element"];