@zag-js/number-input 0.1.10 → 0.1.13

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

@@ -1,198 +0,0 @@
-import type { StateMachine as S } from "@zag-js/core";
-import { FormatDecimalOptions } from "@zag-js/number-utils";
-import type { Point } from "@zag-js/rect-utils";
-import type { Context, DirectionProperty } from "@zag-js/types";
-declare type ValidityState = "rangeUnderflow" | "rangeOverflow";
-declare type ElementIds = Partial<{
-    root: string;
-    label: string;
-    input: string;
-    incBtn: string;
-    decBtn: string;
-    scrubber: string;
-}>;
-declare type IntlMessages = {
-    /**
-     * Function that returns the human-readable value.
-     * It is used to set the `aria-valuetext` property of the input
-     */
-    valueText?: (value: string) => string;
-    /**
-     * The label foe the increment button
-     */
-    incrementLabel: string;
-    /**
-     * The label for the decrement button
-     */
-    decrementLabel: string;
-};
-declare type PublicContext = DirectionProperty & FormatDecimalOptions & {
-    /**
-     * The ids of the elements in the number input. Useful for composition.
-     */
-    ids?: ElementIds;
-    /**
-     * The name attribute of the number input. Useful for form submission.
-     */
-    name?: string;
-    /**
-     * Whether the number input is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Whether the number input is readonly
-     */
-    readonly?: boolean;
-    /**
-     * Whether the number input value is invalid.
-     */
-    invalid?: boolean;
-    /**
-     * The pattern used to check the <input> element's value against
-     *
-     * @default
-     * "[0-9]*(.[0-9]+)?"
-     */
-    pattern: string;
-    /**
-     * The value of the input
-     */
-    value: string;
-    /**
-     * The minimum value of the number input
-     */
-    min: number;
-    /**
-     * The maximum value of the number input
-     */
-    max: number;
-    /**
-     * The amount to increment or decrement the value by
-     */
-    step: number;
-    /**
-     * Whether to allow mouse wheel to change the value
-     */
-    allowMouseWheel?: boolean;
-    /**
-     * Whether to allow the value overflow the min/max range
-     * @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
-     */
-    clampValueOnBlur: boolean;
-    /**
-     * Whether to focus input when the value changes
-     * @default true
-     */
-    focusInputOnChange: boolean;
-    /**
-     * Specifies the localized strings that identifies the accessibility elements and their states
-     */
-    messages: IntlMessages;
-    /**
-     * 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.
-     */
-    format?: (value: string) => string | number;
-    /**
-     * 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
-     * @default "decimal"
-     */
-    inputMode: "text" | "tel" | "numeric" | "decimal";
-    /**
-     * Function invoked when the value changes
-     */
-    onChange?: (details: {
-        value: string;
-        valueAsNumber: number;
-    }) => void;
-    /**
-     * Function invoked when the value overflows or underflows the min/max range
-     */
-    onInvalid?: (details: {
-        reason: ValidityState;
-        value: string;
-        valueAsNumber: number;
-    }) => void;
-};
-export declare type UserDefinedContext = Partial<PublicContext>;
-declare type ComputedContext = Readonly<{
-    /**
-     * @computed
-     * The value of the input as a number
-     */
-    valueAsNumber: number;
-    /**
-     * @computed
-     * Whether the value is at the min
-     */
-    isAtMin: boolean;
-    /**
-     * @computed
-     * Whether the value is at the max
-     */
-    isAtMax: boolean;
-    /**
-     * @computed
-     * Whether the value is out of the min/max range
-     */
-    isOutOfRange: boolean;
-    /**
-     * @computed
-     * Whether the increment button is enabled
-     */
-    canIncrement: boolean;
-    /**
-     * @computed
-     * Whether the decrement button is enabled
-     */
-    canDecrement: boolean;
-    /**
-     * @computed
-     * The `aria-valuetext` attribute of the input
-     */
-    valueText: string | undefined;
-    /**
-     * @computed
-     * The formatted value of the input
-     */
-    formattedValue: string;
-    /**
-     * @computed
-     * Whether the writing direction is RTL
-     */
-    isRtl: boolean;
-}>;
-declare type PrivateContext = Context<{
-    /**
-     * @internal
-     * The hint that determines if we're incrementing or decrementing
-     */
-    hint: "increment" | "decrement" | "set" | null;
-    /**
-     * @internal
-     * The scrubber cursor position
-     */
-    scrubberCursorPoint: Point | null;
-}>;
-export declare type MachineContext = PublicContext & PrivateContext & ComputedContext;
-export declare type MachineState = {
-    value: "unknown" | "idle" | "focused" | "spinning" | "before:spin" | "scrubbing";
-    tags: "focus";
-};
-export declare type State = S.State<MachineContext, MachineState>;
-export declare type Send = S.Send<S.AnyEventObject>;
-export {};

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

@@ -1,13 +0,0 @@
-import type { KeyboardEvent } from "react";
-import type { MachineContext as Ctx } from "./number-input.types";
-export declare const utils: {
-    isValidNumericEvent: (ctx: Ctx, event: KeyboardEvent) => boolean;
-    isFloatingPoint: (v: string) => boolean;
-    sanitize: (ctx: Ctx, value: string) => string;
-    increment: (ctx: Ctx, step?: number) => string;
-    decrement: (ctx: Ctx, step?: number) => string;
-    clamp: (ctx: Ctx) => string;
-    parse: (ctx: Ctx, value: string) => string;
-    format: (ctx: Ctx, value: string | number) => string | number;
-    round: (ctx: Ctx) => string;
-};