@limonify/zest-ui 0.1.0

package/lib/number-field/root/NumberFieldRoot.d.ts

@@ -0,0 +1,139 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+import type { ZestChangeEventDetails } from '../../utils/createChangeEventDetails';
+import type { REASONS } from '../../utils/reasons';
+/**
+ * Groups all parts of the number field.
+ * Renders a `<View>`.
+ *
+ * **Not ported from upstream.** `name`/`form`/`required`/`inputRef` (the hidden
+ * input and form submission — see the standing decision in CLAUDE.md);
+ * `allowWheelScrub` (no mouse wheel); and `smallStep`/`largeStep`, which upstream
+ * steps by while the alt/shift key is held — a touch keyboard has neither, the
+ * same reason `Slider` drops `largeStep`. Arrow-key stepping and the
+ * `input-paste` reason go with them: React Native's `TextInput` reports edits
+ * through `onChangeText`, which cannot tell a paste from typing.
+ */
+export declare function NumberFieldRoot(componentProps: NumberFieldRoot.Props): React.JSX.Element;
+export interface NumberFieldRootState {
+    /**
+     * Whether the component should ignore user interaction.
+     */
+    disabled: boolean;
+    /**
+     * Whether the user should be unable to change the field value.
+     */
+    readOnly: boolean;
+    /**
+     * Whether the user must enter a value.
+     */
+    required: boolean;
+    /**
+     * Whether the value is being changed by dragging the scrub area.
+     */
+    scrubbing: boolean;
+    /**
+     * The raw numeric value of the field.
+     */
+    value: number | null;
+    /**
+     * The text currently shown in the input.
+     */
+    inputValue: string;
+    /**
+     * The minimum value of the field.
+     */
+    min: number | undefined;
+    /**
+     * The maximum value of the field.
+     */
+    max: number | undefined;
+}
+export interface NumberFieldRootProps extends Omit<ZestUIComponentProps<typeof View, NumberFieldRootState>, 'id'> {
+    /**
+     * The raw numeric value of the field.
+     */
+    value?: number | null | undefined;
+    /**
+     * The uncontrolled value of the field when it's initially rendered.
+     *
+     * To render a controlled number field, use the `value` prop instead.
+     */
+    defaultValue?: number | undefined;
+    /**
+     * The id of the input element.
+     */
+    id?: string | undefined;
+    /**
+     * The minimum value of the field.
+     */
+    min?: number | undefined;
+    /**
+     * The maximum value of the field.
+     */
+    max?: number | undefined;
+    /**
+     * Amount to increment and decrement with the buttons, or to scrub with a drag
+     * in the scrub area.
+     *
+     * Specify `step="any"` to disable step validation; stepping then uses 1.
+     * @default 1
+     */
+    step?: number | 'any' | undefined;
+    /**
+     * Whether the value should snap to the nearest step when incrementing or
+     * decrementing.
+     * @default false
+     */
+    snapOnStep?: boolean | undefined;
+    /**
+     * When true, typed text may fall outside the `min`/`max` range without
+     * clamping. Step-based interactions (buttons, scrub) still clamp.
+     * @default false
+     */
+    allowOutOfRange?: boolean | undefined;
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Whether the user should be unable to change the field value.
+     * @default false
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Options to format the input value.
+     */
+    format?: Intl.NumberFormatOptions | undefined;
+    /**
+     * The locale of the input element.
+     * Defaults to the user's runtime locale.
+     */
+    locale?: Intl.LocalesArgument | undefined;
+    /**
+     * Callback fired when the number value changes.
+     */
+    onValueChange?: ((value: number | null, eventDetails: NumberFieldRoot.ChangeEventDetails) => void) | undefined;
+    /**
+     * Callback fired when the value is committed: when the input is blurred after
+     * typing, or the press is released after scrubbing or stepping.
+     */
+    onValueCommitted?: ((value: number | null, eventDetails: NumberFieldRoot.ChangeEventDetails) => void) | undefined;
+}
+export type NumberFieldRootChangeEventReason = typeof REASONS.inputChange | typeof REASONS.inputClear | typeof REASONS.inputBlur | typeof REASONS.incrementPress | typeof REASONS.decrementPress | typeof REASONS.scrub | typeof REASONS.none;
+export type NumberFieldRootChangeEventDetails = ZestChangeEventDetails<NumberFieldRootChangeEventReason, {
+    /**
+     * Which way a step went, when the change was a step. Absent for direct text
+     * entry, which must not be directionally snapped.
+     */
+    direction?: 1 | -1 | undefined;
+}>;
+export declare namespace NumberFieldRoot {
+    type State = NumberFieldRootState;
+    type Props = NumberFieldRootProps;
+    type ChangeEventReason = NumberFieldRootChangeEventReason;
+    type ChangeEventDetails = NumberFieldRootChangeEventDetails;
+}
+//# sourceMappingURL=NumberFieldRoot.d.ts.map

package/lib/number-field/root/NumberFieldRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldRoot.d.ts","sourceRoot":"","sources":["../../../src/number-field/root/NumberFieldRoot.tsx"],"names":[],"mappings":"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"}

package/lib/number-field/root/NumberFieldRoot.js

@@ -0,0 +1,189 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberFieldRoot = NumberFieldRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useControlled_1 = require("../../hooks/useControlled");
+const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useFieldControlRegistration_1 = require("../../internals/field/useFieldControlRegistration");
+const formatNumber_1 = require("../../utils/formatNumber");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const validate_1 = require("../utils/validate");
+const NumberFieldRootContext_1 = require("./NumberFieldRootContext");
+/**
+ * Groups all parts of the number field.
+ * Renders a `<View>`.
+ *
+ * **Not ported from upstream.** `name`/`form`/`required`/`inputRef` (the hidden
+ * input and form submission — see the standing decision in CLAUDE.md);
+ * `allowWheelScrub` (no mouse wheel); and `smallStep`/`largeStep`, which upstream
+ * steps by while the alt/shift key is held — a touch keyboard has neither, the
+ * same reason `Slider` drops `largeStep`. Arrow-key stepping and the
+ * `input-paste` reason go with them: React Native's `TextInput` reports edits
+ * through `onChangeText`, which cannot tell a paste from typing.
+ */
+function NumberFieldRoot(componentProps) {
+    const { allowOutOfRange = false, className, defaultValue, disabled: disabledProp = false, format, id, locale, max, min, onValueChange, onValueCommitted, readOnly = false, render, snapOnStep = false, step = 1, style, value: valueProp, ref, ...elementProps } = componentProps;
+    const { fieldDisabled, validateField } = (0, useFieldControlRegistration_1.useFieldControlRegistration)();
+    const disabled = disabledProp || fieldDisabled;
+    const minWithDefault = min !== null && min !== void 0 ? min : Number.MIN_SAFE_INTEGER;
+    const maxWithDefault = max !== null && max !== void 0 ? max : Number.MAX_SAFE_INTEGER;
+    // Seeding an empty field steps from 0, but 0 may be out of range.
+    const minWithZeroDefault = min !== null && min !== void 0 ? min : 0;
+    const [value, setValueState] = (0, useControlled_1.useControlled)({
+        controlled: valueProp,
+        default: defaultValue !== null && defaultValue !== void 0 ? defaultValue : null,
+        name: 'NumberField',
+        state: 'value',
+    });
+    const [inputValue, setInputValue] = React.useState(() => (0, formatNumber_1.formatNumber)(value, locale, format));
+    const [scrubbing, setScrubbing] = React.useState(false);
+    const valueRef = React.useRef(value);
+    const lastChangedValueRef = React.useRef(null);
+    const formatOptionsRef = React.useRef(format);
+    // False while the user is typing, so their text is not reformatted underneath
+    // them until blur.
+    const allowInputSyncRef = React.useRef(true);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        valueRef.current = value;
+        formatOptionsRef.current = format;
+    });
+    // A controlled value changing from outside must be reflected in the text, but
+    // not while the user is mid-edit.
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        if (allowInputSyncRef.current) {
+            setInputValue((0, formatNumber_1.formatNumber)(value, locale, format));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value, locale, JSON.stringify(format)]);
+    const getStepAmount = (0, useStableCallback_1.useStableCallback)(() => (step === 'any' ? 1 : step));
+    const setValue = (0, useStableCallback_1.useStableCallback)((unvalidatedValue, eventDetails) => {
+        const direction = eventDetails.direction;
+        // Direct text entry behaves natively; step-based interactions (buttons,
+        // scrub) do not. Every direct-entry reason shares the `input-` prefix.
+        const isInputReason = eventDetails.reason.startsWith('input-') || eventDetails.reason === 'none';
+        const shouldClampValue = !allowOutOfRange || !isInputReason;
+        const validatedValue = (0, validate_1.toValidatedNumber)(unvalidatedValue, direction ? getStepAmount() * direction : undefined, minWithDefault, maxWithDefault, minWithZeroDefault, formatOptionsRef.current, snapOnStep, 
+        // Upstream passes `altKey` here to snap to `smallStep`; there is no alt
+        // key on a touch keyboard, so it is always false.
+        false, shouldClampValue);
+        // Fire even when the number is unchanged for input reasons: the typed text
+        // may clamp or snap back to the current value, and the consumer still needs
+        // to know the text was rejected.
+        const shouldFireChange = validatedValue !== valueRef.current ||
+            (isInputReason &&
+                (unvalidatedValue !== valueRef.current || allowInputSyncRef.current === false));
+        if (shouldFireChange) {
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(validatedValue, eventDetails);
+            if (eventDetails.isCanceled) {
+                return false;
+            }
+            valueRef.current = validatedValue;
+            setValueState(validatedValue);
+            validateField(validatedValue);
+        }
+        lastChangedValueRef.current = validatedValue;
+        if (allowInputSyncRef.current) {
+            setInputValue((0, formatNumber_1.formatNumber)(validatedValue, locale, format));
+        }
+        return shouldFireChange;
+    });
+    const incrementValue = (0, useStableCallback_1.useStableCallback)((amount, { direction, currentValue, reason }) => {
+        const previousValue = currentValue === undefined ? valueRef.current : currentValue;
+        if (typeof previousValue !== 'number') {
+            // Seed an empty field with 0; `setValue` clamps it to the in-range value
+            // nearest 0 (e.g. `max` for a negative range). No `direction`: the seed
+            // is not a step, so it must not be directionally snapped.
+            return setValue(0, (0, createChangeEventDetails_1.createChangeEventDetails)(reason));
+        }
+        return setValue(previousValue + amount * direction, (0, createChangeEventDetails_1.createChangeEventDetails)(reason, undefined, { direction }));
+    });
+    const handleValueCommitted = (0, useStableCallback_1.useStableCallback)((committedValue, eventDetails) => {
+        onValueCommitted === null || onValueCommitted === void 0 ? void 0 : onValueCommitted(committedValue, eventDetails);
+    });
+    const state = React.useMemo(() => ({
+        disabled,
+        readOnly,
+        required: false,
+        scrubbing,
+        value,
+        inputValue,
+        min,
+        max,
+    }), [disabled, readOnly, scrubbing, value, inputValue, min, max]);
+    const contextValue = React.useMemo(() => ({
+        state,
+        id,
+        min,
+        max,
+        minWithDefault,
+        maxWithDefault,
+        locale,
+        setValue,
+        incrementValue,
+        getStepAmount,
+        setInputValue,
+        setScrubbing,
+        allowInputSyncRef,
+        valueRef,
+        lastChangedValueRef,
+        formatOptionsRef,
+        onValueCommitted: handleValueCommitted,
+    }), [
+        state,
+        id,
+        min,
+        max,
+        minWithDefault,
+        maxWithDefault,
+        locale,
+        setValue,
+        incrementValue,
+        getStepAmount,
+        handleValueCommitted,
+    ]);
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: elementProps,
+    });
+    return ((0, jsx_runtime_1.jsx)(NumberFieldRootContext_1.NumberFieldRootContext.Provider, { value: contextValue, children: element }));
+}
+//# sourceMappingURL=NumberFieldRoot.js.map

package/lib/number-field/root/NumberFieldRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldRoot.js","sourceRoot":"","sources":["../../../src/number-field/root/NumberFieldRoot.tsx"],"names":[],"mappings":"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"}

package/lib/number-field/root/NumberFieldRootContext.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import type { NumberFieldRoot, NumberFieldRootState } from './NumberFieldRoot';
+export interface NumberFieldRootContext {
+    state: NumberFieldRootState;
+    id: string | undefined;
+    min: number | undefined;
+    max: number | undefined;
+    minWithDefault: number;
+    maxWithDefault: number;
+    locale: Intl.LocalesArgument;
+    /**
+     * Commits a value, validated against min/max/step. Returns whether it was
+     * applied — a vetoed change reports `false` so callers do not commit a value
+     * that was never stored.
+     */
+    setValue: (value: number | null, eventDetails: NumberFieldRoot.ChangeEventDetails) => boolean;
+    /**
+     * Steps the value by `amount * direction` from the current value, seeding an
+     * empty field with 0.
+     */
+    incrementValue: (amount: number, params: NumberFieldIncrementParameters) => boolean;
+    getStepAmount: () => number;
+    setInputValue: React.Dispatch<React.SetStateAction<string>>;
+    setScrubbing: (scrubbing: boolean) => void;
+    /**
+     * Whether the visible text may be overwritten with the formatted value. It is
+     * false while the user is typing, so their text is not reformatted underneath
+     * them until blur.
+     */
+    allowInputSyncRef: React.RefObject<boolean>;
+    valueRef: React.RefObject<number | null>;
+    lastChangedValueRef: React.RefObject<number | null>;
+    formatOptionsRef: React.RefObject<Intl.NumberFormatOptions | undefined>;
+    onValueCommitted: (value: number | null, eventDetails: NumberFieldRoot.ChangeEventDetails) => void;
+}
+export interface NumberFieldIncrementParameters {
+    direction: 1 | -1;
+    reason: NumberFieldRoot.ChangeEventReason;
+    currentValue?: number | null | undefined;
+}
+export declare const NumberFieldRootContext: React.Context<NumberFieldRootContext | undefined>;
+export declare function useNumberFieldRootContext(): NumberFieldRootContext;
+//# sourceMappingURL=NumberFieldRootContext.d.ts.map

package/lib/number-field/root/NumberFieldRootContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldRootContext.d.ts","sourceRoot":"","sources":["../../../src/number-field/root/NumberFieldRootContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,YAAY,EAAE,eAAe,CAAC,kBAAkB,KAAK,OAAO,CAAC;IAC9F;;;OAGG;IACH,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,8BAA8B,KAAK,OAAO,CAAC;IACpF,aAAa,EAAE,MAAM,MAAM,CAAC;IAC5B,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5D,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACzC,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpD,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC,CAAC;IACxE,gBAAgB,EAAE,CAChB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,YAAY,EAAE,eAAe,CAAC,kBAAkB,KAC7C,IAAI,CAAC;CACX;AAED,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAClB,MAAM,EAAE,eAAe,CAAC,iBAAiB,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC1C;AAED,eAAO,MAAM,sBAAsB,mDAElC,CAAC;AAEF,wBAAgB,yBAAyB,2BASxC"}

package/lib/number-field/root/NumberFieldRootContext.js

@@ -0,0 +1,48 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberFieldRootContext = void 0;
+exports.useNumberFieldRootContext = useNumberFieldRootContext;
+const React = __importStar(require("react"));
+exports.NumberFieldRootContext = React.createContext(undefined);
+function useNumberFieldRootContext() {
+    const context = React.useContext(exports.NumberFieldRootContext);
+    if (context === undefined) {
+        throw new Error('Zest: NumberFieldRootContext is missing. NumberField parts must be placed within <NumberField.Root>.');
+    }
+    return context;
+}
+//# sourceMappingURL=NumberFieldRootContext.js.map

package/lib/number-field/root/NumberFieldRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldRootContext.js","sourceRoot":"","sources":["../../../src/number-field/root/NumberFieldRootContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDb,8DASC;AA3DD,6CAA+B;AA8ClB,QAAA,sBAAsB,GAAG,KAAK,CAAC,aAAa,CACvD,SAAS,CACV,CAAC;AAEF,SAAgB,yBAAyB;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,8BAAsB,CAAC,CAAC;IACzD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,sGAAsG,CACvG,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/number-field/root/useNumberFieldStepperButton.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { Pressable } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+import type { NumberFieldRootState } from './NumberFieldRoot';
+/**
+ * Shared implementation of the increment and decrement buttons. They differ only
+ * in which way they step and which boundary (`max` vs `min`) disables them.
+ *
+ * Holding the button steps repeatedly, as on the web. Upstream builds that on
+ * `usePressAndHold`, which tracks pointer movement to tell a hold from a scroll;
+ * React Native's `Pressable` already cancels a press that turns into a scroll and
+ * calls `onPressOut`, so a timeout and an interval are the whole mechanism here.
+ */
+export declare function useNumberFieldStepperButton(componentProps: NumberFieldStepperButtonProps, isIncrement: boolean): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export interface NumberFieldStepperButtonState extends NumberFieldRootState {
+    /**
+     * Whether the button is currently pressed.
+     */
+    pressed: boolean;
+}
+export interface NumberFieldStepperButtonProps extends ZestUIComponentProps<typeof Pressable, NumberFieldStepperButtonState> {
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+}
+//# sourceMappingURL=useNumberFieldStepperButton.d.ts.map

package/lib/number-field/root/useNumberFieldStepperButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNumberFieldStepperButton.d.ts","sourceRoot":"","sources":["../../../src/number-field/root/useNumberFieldStepperButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG9D;;;;;;;;GAQG;AACH,wBAAgB,2BAA2B,CACzC,cAAc,EAAE,6BAA6B,EAC7C,WAAW,EAAE,OAAO,0EA6FrB;AAED,MAAM,WAAW,6BAA8B,SAAQ,oBAAoB;IACzE;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,6BACf,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,6BAA6B,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}

package/lib/number-field/root/useNumberFieldStepperButton.js

@@ -0,0 +1,116 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNumberFieldStepperButton = useNumberFieldStepperButton;
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const NumberFieldRootContext_1 = require("./NumberFieldRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useButton_1 = require("../../internals/use-button/useButton");
+const useInterval_1 = require("../../hooks/useInterval");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+const useTimeout_1 = require("../../hooks/useTimeout");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+const constants_1 = require("../utils/constants");
+/**
+ * Shared implementation of the increment and decrement buttons. They differ only
+ * in which way they step and which boundary (`max` vs `min`) disables them.
+ *
+ * Holding the button steps repeatedly, as on the web. Upstream builds that on
+ * `usePressAndHold`, which tracks pointer movement to tell a hold from a scroll;
+ * React Native's `Pressable` already cancels a press that turns into a scroll and
+ * calls `onPressOut`, so a timeout and an interval are the whole mechanism here.
+ */
+function useNumberFieldStepperButton(componentProps, isIncrement) {
+    const { render, className, disabled: disabledProp = false, style, ref, ...elementProps } = componentProps;
+    const { getStepAmount, incrementValue, lastChangedValueRef, maxWithDefault, minWithDefault, onValueCommitted, state, valueRef, } = (0, NumberFieldRootContext_1.useNumberFieldRootContext)();
+    const { disabled: contextDisabled, readOnly, value } = state;
+    const startTimeout = (0, useTimeout_1.useTimeout)();
+    const tickInterval = (0, useInterval_1.useInterval)();
+    const isAtBoundary = value != null && (isIncrement ? value >= maxWithDefault : value <= minWithDefault);
+    const disabled = disabledProp || contextDisabled || readOnly || isAtBoundary;
+    const reason = isIncrement ? reasons_1.REASONS.incrementPress : reasons_1.REASONS.decrementPress;
+    const direction = isIncrement ? 1 : -1;
+    const [pressed, setPressed] = React.useState(false);
+    const step = (0, useStableCallback_1.useStableCallback)(() => incrementValue(getStepAmount(), { direction, reason }));
+    const stop = (0, useStableCallback_1.useStableCallback)(() => {
+        startTimeout.clear();
+        tickInterval.clear();
+        setPressed(false);
+    });
+    // A hold that runs past a boundary must stop repeating, even though the button
+    // only re-renders as disabled afterwards.
+    React.useEffect(() => {
+        if (disabled) {
+            startTimeout.clear();
+            tickInterval.clear();
+        }
+    }, [disabled, startTimeout, tickInterval]);
+    React.useEffect(() => stop, [stop]);
+    const { getButtonProps } = (0, useButton_1.useButton)({ disabled });
+    const buttonState = { ...state, pressed };
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
+        state: buttonState,
+        ref,
+        props: [
+            {
+                onPressIn() {
+                    if (disabled) {
+                        return;
+                    }
+                    setPressed(true);
+                    step();
+                    startTimeout.start(constants_1.START_AUTO_CHANGE_DELAY, () => {
+                        tickInterval.start(constants_1.CHANGE_VALUE_TICK_DELAY, step);
+                    });
+                },
+                onPressOut() {
+                    var _a;
+                    if (!pressed) {
+                        return;
+                    }
+                    stop();
+                    onValueCommitted((_a = lastChangedValueRef.current) !== null && _a !== void 0 ? _a : valueRef.current, (0, createChangeEventDetails_1.createChangeEventDetails)(reason));
+                },
+                accessibilityState: { disabled: disabled || undefined },
+            },
+            elementProps,
+            getButtonProps,
+        ],
+    });
+}
+//# sourceMappingURL=useNumberFieldStepperButton.js.map

package/lib/number-field/root/useNumberFieldStepperButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNumberFieldStepperButton.js","sourceRoot":"","sources":["../../../src/number-field/root/useNumberFieldStepperButton.tsx"],"names":[],"mappings":"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"}

package/lib/number-field/scrub-area/NumberFieldScrubArea.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { NumberFieldRootState } from '../root/NumberFieldRoot';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * An area where the user can drag to change the field value.
+ * Renders a `<View>` wrapped in a `GestureDetector`.
+ *
+ * **Diverges from the web deliberately.** Upstream holds a pointer lock and reads
+ * `movementX`/`movementY`, which lets the mouse scrub forever in place. A touch
+ * cannot be locked and has no movement deltas, so this is an ordinary drag: the
+ * value steps once for every `pixelSensitivity` pixels travelled. Upstream's
+ * `teleportDistance` and the `ScrubAreaCursor` part go with the pointer lock —
+ * both exist to manage a virtual cursor that a touch screen never shows.
+ *
+ * Requires `react-native-gesture-handler`, and the app to be wrapped in
+ * `<GestureHandlerRootView>`.
+ */
+export declare function NumberFieldScrubArea(componentProps: NumberFieldScrubArea.Props): React.JSX.Element;
+export interface NumberFieldScrubAreaState extends NumberFieldRootState {
+}
+export interface NumberFieldScrubAreaProps extends ZestUIComponentProps<typeof View, NumberFieldScrubAreaState> {
+    /**
+     * The direction the drag is read along.
+     * @default 'horizontal'
+     */
+    direction?: 'horizontal' | 'vertical' | undefined;
+    /**
+     * How many pixels the drag must travel before the value steps once. A higher
+     * value makes scrubbing less sensitive.
+     * @default 2
+     */
+    pixelSensitivity?: number | undefined;
+}
+export declare namespace NumberFieldScrubArea {
+    type State = NumberFieldScrubAreaState;
+    type Props = NumberFieldScrubAreaProps;
+}
+//# sourceMappingURL=NumberFieldScrubArea.d.ts.map

package/lib/number-field/scrub-area/NumberFieldScrubArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldScrubArea.d.ts","sourceRoot":"","sources":["../../../src/number-field/scrub-area/NumberFieldScrubArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB,CAAC,cAAc,EAAE,oBAAoB,CAAC,KAAK,qBAwF9E;AAED,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;CAAG;AAE1E,MAAM,WAAW,yBACf,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,yBAAyB,CAAC;IACpE;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC;IAClD;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC;AAED,yBAAiB,oBAAoB,CAAC;IACpC,KAAY,KAAK,GAAG,yBAAyB,CAAC;IAC9C,KAAY,KAAK,GAAG,yBAAyB,CAAC;CAC/C"}