@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/primitives/input-number.cjs

@@ -1 +1,439 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DecrementButton:()=>InputNumberDecrementButton,InputNumberField:()=>InputNumberField,InputNumberDecrementButton:()=>InputNumberDecrementButton,IncrementButton:()=>InputNumberIncrementButton,Root:()=>InputNumber,InputNumber:()=>InputNumber,Field:()=>InputNumberField,InputNumberIncrementButton:()=>InputNumberIncrementButton,createInputNumberScope:()=>createInputNumberScope});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),external_input_cjs_namespaceObject=require("./input.cjs"),primitive_namespaceObject=require("@radix-ui/primitive"),react_context_namespaceObject=require("@radix-ui/react-context"),react_use_controllable_state_namespaceObject=require("@radix-ui/react-use-controllable-state"),NUMBER_INPUT_NAME="InputNumber",[createInputNumberContext,createInputNumberScope]=(0,react_context_namespaceObject.createContextScope)(NUMBER_INPUT_NAME,[external_input_cjs_namespaceObject.createInputScope]),useInputScope=(0,external_input_cjs_namespaceObject.createInputScope)(),[InputNumberContextProvider,useInputNumberContext]=createInputNumberContext(NUMBER_INPUT_NAME);function InputNumber(e){let{__scopeInputNumber:t,ariaDecrementLabel:r,ariaIncrementLabel:n,defaultValue:a,formatOptions:c={minimumFractionDigits:0,style:"decimal"},id:u,locale:_,max:p,min:o,onChange:l,step:s=1,value:m,...i}=e,b=useInputScope(t),x=(0,external_react_namespaceObject.useRef)(null),[N,d]=(0,react_use_controllable_state_namespaceObject.useControllableState)({defaultProp:a,onChange:l,prop:m}),{decimalSeparator:I,thousandSeparator:f}=(0,external_react_namespaceObject.useMemo)(()=>getNumberFormatSeparators(_),[_]),j=(0,external_react_namespaceObject.useCallback)(e=>void 0===e||Number.isNaN(e)?"":new Intl.NumberFormat(_,c).format(e),[c,_]),O=(0,external_react_namespaceObject.useCallback)(e=>{if("number"==typeof e)return clamp(e,o,p);if("string"!=typeof e)return NaN;let t=e.trim().replaceAll(/[^\d.,\-()]/g,"");if(""===t)return NaN;let r=Number.parseFloat(normalizeInputValue(t,f,I));return"percent"===c.style&&(r/=100),Number.isNaN(r)?0:clamp(r,o,p)},[I,c.style,p,o,f]),k=(0,external_react_namespaceObject.useCallback)(e=>{let t=x.current;if(!t||i.disabled||i.readOnly)return;let r=clamp(e(O(t.value)||0),o,p);t.value=j(r),d(r)},[i.disabled,j,p,o,O,i.readOnly,d]),v=(0,external_react_namespaceObject.useCallback)(()=>{k(e=>e+s)},[k,s]),w=(0,external_react_namespaceObject.useCallback)(()=>{k(e=>e-s)},[k,s]),y=(0,external_react_namespaceObject.useCallback)(()=>{k(e=>p??e+s)},[k,p,s]),B=(0,external_react_namespaceObject.useCallback)(()=>{k(e=>o??e-s)},[k,o,s]);return(0,jsx_runtime_namespaceObject.jsx)(InputNumberContextProvider,{ariaDecrementLabel:r,ariaIncrementLabel:n,defaultValue:a,disabled:i.disabled,formatOptions:c,formatValue:j,id:u,inputRef:x,max:p,min:o,parseValue:O,readOnly:i.readOnly,scope:t,value:N,onChange:d,onDecrement:w,onDecrementToMin:B,onIncrement:v,onIncrementToMax:y,children:(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Root,{...b,...i})})}const NUMBER_INPUT_FIELD_NAME="InputNumberField";function InputNumberField({__scopeInputNumber:e,onBlur:t,onKeyDown:r,...n}){let a=useInputScope(e),{defaultValue:c,disabled:u,formatValue:_,id:p,inputRef:o,max:l,min:s,onChange:m,onDecrement:i,onDecrementToMin:b,onIncrement:x,onIncrementToMax:N,parseValue:d,readOnly:I,step:f,value:j}=useInputNumberContext("InputNumberField",e),O=(0,external_react_namespaceObject.useCallback)(e=>{let t=d(e.target.value),r=_(t);r!==e.target.value&&(e.target.value=r),m(t)},[_,m,d]),k=(0,external_react_namespaceObject.useCallback)(e=>{switch(e.key){case"ArrowUp":x(),e.preventDefault();break;case"PageUp":N(),e.preventDefault();break;case"ArrowDown":i(),e.preventDefault();break;case"PageDown":b(),e.preventDefault()}},[x,N,i,b]),v=(0,external_react_namespaceObject.useCallback)(e=>{switch(e.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"PageUp":case"PageDown":case"Tab":case"Escape":case"Enter":case"Backspace":case"Delete":case"Home":case"End":case".":case",":case"-":case"%":return;default:if(isNumberKey(e.key)||isModifierKey(e)||isFunctionKey(e.key))return;e.preventDefault()}},[]),w=(0,external_react_namespaceObject.useCallback)(e=>{let t=o.current;if("Enter"!==e.key||!t)return;let r=d(t.value),n=_(r);n!==t.value&&(t.value=n),m(r)},[_,o,m,d]),y=(0,external_react_namespaceObject.useCallback)(e=>{(0,primitive_namespaceObject.composeEventHandlers)(r,chain(v,k,w))(e)},[r,k,w,v]);return(0,external_react_namespaceObject.useEffect)(()=>{let e=e=>{let t=o.current;!t||u||I||document.activeElement!==t||(e.preventDefault(),e.deltaY>0?x():i())},t=o.current;return t?.addEventListener("wheel",e),()=>{t?.removeEventListener("wheel",e)}},[x,i,o,u,I]),(0,external_react_namespaceObject.useEffect)(()=>{let e=o.current;e&&e!==document.activeElement&&(e.value=_(j))},[_,o,j]),(0,external_react_namespaceObject.useEffect)(()=>{let e=o.current;if(!e)return;let t=()=>{m(d(c))},r=e.form;return r?.addEventListener("reset",t),()=>{r?.removeEventListener("reset",t)}},[c,o,m,d]),(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Field,{ref:o,defaultValue:_(j),disabled:u,id:p,inputMode:"decimal",max:l,min:s,readOnly:I,step:f,onBlur:(0,primitive_namespaceObject.composeEventHandlers)(t,O),onKeyDown:y,...a,...n})}const NUMBER_STEPPER_BUTTON_NAME="NumberStepperButton";function NumberStepperButton({__scopeInputNumber:e,operation:t,...r}){let{ariaDecrementLabel:n,ariaIncrementLabel:a,disabled:c,id:u,max:_,min:p,onDecrement:o,onIncrement:l,value:s}=useInputNumberContext("NumberStepperButton",e),m=(0,external_react_namespaceObject.useMemo)(()=>{let e=void 0!==p&&void 0!==s&&s<=p,t=void 0!==_&&void 0!==s&&s>=_;return(c??e)||t},[p,_,s,c]),i=(0,external_react_namespaceObject.useRef)(null),b=(0,external_react_namespaceObject.useCallback)(e=>{let t=()=>{e(),i.current=setTimeout(t,100)};e(),i.current=setTimeout(t,200)},[]),x=(0,external_react_namespaceObject.useCallback)(()=>{i.current&&(clearTimeout(i.current),i.current=null)},[]),N=(0,external_react_namespaceObject.useCallback)(()=>{b("increment"===t?l:o)},[o,l,t,b]),d=(0,external_react_namespaceObject.useCallback)(e=>{e.preventDefault()},[]),I=(0,external_react_namespaceObject.useCallback)(e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),("increment"===t?l:o)())},[o,l,t]);return(0,jsx_runtime_namespaceObject.jsx)("button",{"aria-controls":u,"aria-label":"increment"===t?a:n,"aria-live":"polite",disabled:m,type:"button",onContextMenu:d,onKeyDown:I,onPointerCancel:x,onPointerDown:N,onPointerLeave:x,onPointerUp:x,...r})}function InputNumberIncrementButton(e){return(0,jsx_runtime_namespaceObject.jsx)(NumberStepperButton,{operation:"increment",...e})}function InputNumberDecrementButton(e){return(0,jsx_runtime_namespaceObject.jsx)(NumberStepperButton,{operation:"decrement",...e})}function chain(...e){return(...t)=>{for(let r of e)r(...t)}}function getNumberFormatSeparators(e){let t=new Intl.NumberFormat(e).formatToParts(12345.6),r="",n="";for(let e of t)if("group"===e.type&&(r=e.value),"decimal"===e.type&&(n=e.value),r&&n)break;return{decimalSeparator:n,thousandSeparator:r}}function normalizeInputValue(e,t,r){return e.replaceAll(RegExp(`\\${t}`,"g"),"").replace(RegExp(`\\${r}`),".").replaceAll(/[()]/g,"-")}function isModifierKey(e){return e.ctrlKey||e.altKey||e.metaKey||e.shiftKey}function isFunctionKey(e){return e.startsWith("F")&&e.length>1}function isNumberKey(e){return!Number.isNaN(Number(e))}function clamp(e,t=-1/0,r=1/0){return Math.min(Math.max(e,t),r)}for(var __webpack_i__ in exports.DecrementButton=__webpack_exports__.DecrementButton,exports.Field=__webpack_exports__.Field,exports.IncrementButton=__webpack_exports__.IncrementButton,exports.InputNumber=__webpack_exports__.InputNumber,exports.InputNumberDecrementButton=__webpack_exports__.InputNumberDecrementButton,exports.InputNumberField=__webpack_exports__.InputNumberField,exports.InputNumberIncrementButton=__webpack_exports__.InputNumberIncrementButton,exports.Root=__webpack_exports__.Root,exports.createInputNumberScope=__webpack_exports__.createInputNumberScope,__webpack_exports__)-1===["DecrementButton","Field","IncrementButton","InputNumber","InputNumberDecrementButton","InputNumberField","InputNumberIncrementButton","Root","createInputNumberScope"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DecrementButton: ()=>InputNumberDecrementButton,
+    InputNumberField: ()=>InputNumberField,
+    InputNumberDecrementButton: ()=>InputNumberDecrementButton,
+    IncrementButton: ()=>InputNumberIncrementButton,
+    Root: ()=>InputNumber,
+    InputNumber: ()=>InputNumber,
+    Field: ()=>InputNumberField,
+    InputNumberIncrementButton: ()=>InputNumberIncrementButton,
+    createInputNumberScope: ()=>createInputNumberScope
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const primitive_namespaceObject = require("@radix-ui/primitive");
+const react_context_namespaceObject = require("@radix-ui/react-context");
+const react_use_controllable_state_namespaceObject = require("@radix-ui/react-use-controllable-state");
+const external_react_namespaceObject = require("react");
+const external_input_cjs_namespaceObject = require("./input.cjs");
+const NUMBER_INPUT_NAME = "InputNumber";
+const [createInputNumberContext, createInputNumberScope] = (0, react_context_namespaceObject.createContextScope)(NUMBER_INPUT_NAME, [
+    external_input_cjs_namespaceObject.createInputScope
+]);
+const useInputScope = (0, external_input_cjs_namespaceObject.createInputScope)();
+const [InputNumberContextProvider, useInputNumberContext] = createInputNumberContext(NUMBER_INPUT_NAME);
+function InputNumber(numberInputProps) {
+    const { __scopeInputNumber, ariaDecrementLabel, ariaIncrementLabel, defaultValue, formatOptions = {
+        minimumFractionDigits: 0,
+        style: "decimal"
+    }, id, locale, max, min, onChange, step = 1, value: valueProperty, ...props } = numberInputProps;
+    const inputScope = useInputScope(__scopeInputNumber);
+    const inputRef = (0, external_react_namespaceObject.useRef)(null);
+    const [value, setValue] = (0, react_use_controllable_state_namespaceObject.useControllableState)({
+        defaultProp: defaultValue,
+        onChange,
+        prop: valueProperty
+    });
+    const { decimalSeparator, thousandSeparator } = (0, external_react_namespaceObject.useMemo)(()=>getNumberFormatSeparators(locale), [
+        locale
+    ]);
+    const formatValue = (0, external_react_namespaceObject.useCallback)((inputValue)=>{
+        if (void 0 === inputValue || Number.isNaN(inputValue)) return "";
+        return new Intl.NumberFormat(locale, formatOptions).format(inputValue);
+    }, [
+        formatOptions,
+        locale
+    ]);
+    const parseValue = (0, external_react_namespaceObject.useCallback)((inputValue)=>{
+        if ("number" == typeof inputValue) return clamp(inputValue, min, max);
+        if ("string" != typeof inputValue) return NaN;
+        const cleanedValue = inputValue.trim().replaceAll(/[^\d.,\-()]/g, "");
+        if ("" === cleanedValue) return NaN;
+        const normalizedValue = normalizeInputValue(cleanedValue, thousandSeparator, decimalSeparator);
+        let parsedValue = Number.parseFloat(normalizedValue);
+        if ("percent" === formatOptions.style) parsedValue /= 100;
+        return Number.isNaN(parsedValue) ? 0 : clamp(parsedValue, min, max);
+    }, [
+        decimalSeparator,
+        formatOptions.style,
+        max,
+        min,
+        thousandSeparator
+    ]);
+    const changeNumberValue = (0, external_react_namespaceObject.useCallback)((operation)=>{
+        const inputElement = inputRef.current;
+        if (!inputElement || props.disabled || props.readOnly) return;
+        const currentValue = parseValue(inputElement.value) || 0;
+        const newValue = clamp(operation(currentValue), min, max);
+        inputElement.value = formatValue(newValue);
+        setValue(newValue);
+    }, [
+        props.disabled,
+        formatValue,
+        max,
+        min,
+        parseValue,
+        props.readOnly,
+        setValue
+    ]);
+    const handleIncrement = (0, external_react_namespaceObject.useCallback)(()=>{
+        changeNumberValue((number)=>number + step);
+    }, [
+        changeNumberValue,
+        step
+    ]);
+    const handleDecrement = (0, external_react_namespaceObject.useCallback)(()=>{
+        changeNumberValue((number)=>number - step);
+    }, [
+        changeNumberValue,
+        step
+    ]);
+    const handleIncrementToMax = (0, external_react_namespaceObject.useCallback)(()=>{
+        changeNumberValue((number)=>max ?? number + step);
+    }, [
+        changeNumberValue,
+        max,
+        step
+    ]);
+    const handleDecrementToMin = (0, external_react_namespaceObject.useCallback)(()=>{
+        changeNumberValue((number)=>min ?? number - step);
+    }, [
+        changeNumberValue,
+        min,
+        step
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InputNumberContextProvider, {
+        ariaDecrementLabel: ariaDecrementLabel,
+        ariaIncrementLabel: ariaIncrementLabel,
+        defaultValue: defaultValue,
+        disabled: props.disabled,
+        formatOptions: formatOptions,
+        formatValue: formatValue,
+        id: id,
+        inputRef: inputRef,
+        max: max,
+        min: min,
+        parseValue: parseValue,
+        readOnly: props.readOnly,
+        scope: __scopeInputNumber,
+        value: value,
+        onChange: setValue,
+        onDecrement: handleDecrement,
+        onDecrementToMin: handleDecrementToMin,
+        onIncrement: handleIncrement,
+        onIncrementToMax: handleIncrementToMax,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Root, {
+            ...inputScope,
+            ...props
+        })
+    });
+}
+const NUMBER_INPUT_FIELD_NAME = "InputNumberField";
+function InputNumberField({ __scopeInputNumber, onBlur, onKeyDown, ...props }) {
+    const inputScope = useInputScope(__scopeInputNumber);
+    const { defaultValue, disabled, formatValue, id, inputRef, max, min, onChange, onDecrement, onDecrementToMin, onIncrement, onIncrementToMax, parseValue, readOnly, step, value } = useInputNumberContext(NUMBER_INPUT_FIELD_NAME, __scopeInputNumber);
+    const handleBlur = (0, external_react_namespaceObject.useCallback)((event)=>{
+        const numericValue = parseValue(event.target.value);
+        const formattedValue = formatValue(numericValue);
+        if (formattedValue !== event.target.value) event.target.value = formattedValue;
+        onChange(numericValue);
+    }, [
+        formatValue,
+        onChange,
+        parseValue
+    ]);
+    const handleKeyDown = (0, external_react_namespaceObject.useCallback)((event)=>{
+        switch(event.key){
+            case "ArrowUp":
+                onIncrement();
+                event.preventDefault();
+                break;
+            case "PageUp":
+                onIncrementToMax();
+                event.preventDefault();
+                break;
+            case "ArrowDown":
+                onDecrement();
+                event.preventDefault();
+                break;
+            case "PageDown":
+                onDecrementToMin();
+                event.preventDefault();
+                break;
+            default:
+                break;
+        }
+    }, [
+        onIncrement,
+        onIncrementToMax,
+        onDecrement,
+        onDecrementToMin
+    ]);
+    const handleKeyDownPrevent = (0, external_react_namespaceObject.useCallback)((event)=>{
+        switch(event.key){
+            case "ArrowUp":
+            case "ArrowDown":
+            case "ArrowLeft":
+            case "ArrowRight":
+            case "PageUp":
+            case "PageDown":
+            case "Tab":
+            case "Escape":
+            case "Enter":
+            case "Backspace":
+            case "Delete":
+            case "Home":
+            case "End":
+            case ".":
+            case ",":
+            case "-":
+            case "%":
+                return;
+            default:
+                if (isNumberKey(event.key) || isModifierKey(event) || isFunctionKey(event.key)) return;
+                event.preventDefault();
+        }
+    }, []);
+    const handleKeyDownEnter = (0, external_react_namespaceObject.useCallback)((event)=>{
+        const inputElement = inputRef.current;
+        if ("Enter" !== event.key || !inputElement) return;
+        const numericValue = parseValue(inputElement.value);
+        const formattedValue = formatValue(numericValue);
+        if (formattedValue !== inputElement.value) inputElement.value = formattedValue;
+        onChange(numericValue);
+    }, [
+        formatValue,
+        inputRef,
+        onChange,
+        parseValue
+    ]);
+    const combinedKeyDownHandler = (0, external_react_namespaceObject.useCallback)((event)=>{
+        (0, primitive_namespaceObject.composeEventHandlers)(onKeyDown, chain(handleKeyDownPrevent, handleKeyDown, handleKeyDownEnter))(event);
+    }, [
+        onKeyDown,
+        handleKeyDown,
+        handleKeyDownEnter,
+        handleKeyDownPrevent
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const handleWheel = (event)=>{
+            const inputElement = inputRef.current;
+            if (!inputElement || disabled || readOnly || document.activeElement !== inputElement) return;
+            event.preventDefault();
+            if (event.deltaY > 0) onIncrement();
+            else onDecrement();
+        };
+        const inputElement = inputRef.current;
+        inputElement?.addEventListener("wheel", handleWheel);
+        return ()=>{
+            inputElement?.removeEventListener("wheel", handleWheel);
+        };
+    }, [
+        onIncrement,
+        onDecrement,
+        inputRef,
+        disabled,
+        readOnly
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const inputElement = inputRef.current;
+        if (inputElement && inputElement !== document.activeElement) inputElement.value = formatValue(value);
+    }, [
+        formatValue,
+        inputRef,
+        value
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const inputElement = inputRef.current;
+        if (!inputElement) return;
+        const handleReset = ()=>{
+            onChange(parseValue(defaultValue));
+        };
+        const form = inputElement.form;
+        form?.addEventListener("reset", handleReset);
+        return ()=>{
+            form?.removeEventListener("reset", handleReset);
+        };
+    }, [
+        defaultValue,
+        inputRef,
+        onChange,
+        parseValue
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Field, {
+        ref: inputRef,
+        defaultValue: formatValue(value),
+        disabled: disabled,
+        id: id,
+        inputMode: "decimal",
+        max: max,
+        min: min,
+        readOnly: readOnly,
+        step: step,
+        onBlur: (0, primitive_namespaceObject.composeEventHandlers)(onBlur, handleBlur),
+        onKeyDown: combinedKeyDownHandler,
+        ...inputScope,
+        ...props
+    });
+}
+const NUMBER_STEPPER_BUTTON_NAME = "NumberStepperButton";
+function NumberStepperButton({ __scopeInputNumber, operation, ...props }) {
+    const { ariaDecrementLabel, ariaIncrementLabel, disabled, id, max, min, onDecrement, onIncrement, value } = useInputNumberContext(NUMBER_STEPPER_BUTTON_NAME, __scopeInputNumber);
+    const isDisabled = (0, external_react_namespaceObject.useMemo)(()=>{
+        const atMin = void 0 !== min && void 0 !== value && value <= min;
+        const atMax = void 0 !== max && void 0 !== value && value >= max;
+        return (disabled ?? atMin) || atMax;
+    }, [
+        min,
+        max,
+        value,
+        disabled
+    ]);
+    const timeoutIdRef = (0, external_react_namespaceObject.useRef)(null);
+    const startActionInterval = (0, external_react_namespaceObject.useCallback)((callback)=>{
+        const interval = 100;
+        const repeatAction = ()=>{
+            callback();
+            timeoutIdRef.current = setTimeout(repeatAction, interval);
+        };
+        callback();
+        timeoutIdRef.current = setTimeout(repeatAction, 2 * interval);
+    }, []);
+    const clearActionInterval = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (timeoutIdRef.current) {
+            clearTimeout(timeoutIdRef.current);
+            timeoutIdRef.current = null;
+        }
+    }, []);
+    const handlePointerDown = (0, external_react_namespaceObject.useCallback)(()=>{
+        const action = "increment" === operation ? onIncrement : onDecrement;
+        startActionInterval(action);
+    }, [
+        onDecrement,
+        onIncrement,
+        operation,
+        startActionInterval
+    ]);
+    const handleContextMenu = (0, external_react_namespaceObject.useCallback)((event)=>{
+        event.preventDefault();
+    }, []);
+    const handleKeyDown = (0, external_react_namespaceObject.useCallback)((event)=>{
+        if ("Enter" === event.key || " " === event.key) {
+            event.preventDefault();
+            const action = "increment" === operation ? onIncrement : onDecrement;
+            action();
+        }
+    }, [
+        onDecrement,
+        onIncrement,
+        operation
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        "aria-controls": id,
+        "aria-label": "increment" === operation ? ariaIncrementLabel : ariaDecrementLabel,
+        "aria-live": "polite",
+        disabled: isDisabled,
+        type: "button",
+        onContextMenu: handleContextMenu,
+        onKeyDown: handleKeyDown,
+        onPointerCancel: clearActionInterval,
+        onPointerDown: handlePointerDown,
+        onPointerLeave: clearActionInterval,
+        onPointerUp: clearActionInterval,
+        ...props
+    });
+}
+function InputNumberIncrementButton(props) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NumberStepperButton, {
+        operation: "increment",
+        ...props
+    });
+}
+function InputNumberDecrementButton(props) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NumberStepperButton, {
+        operation: "decrement",
+        ...props
+    });
+}
+function chain(...callbacks) {
+    return (...args)=>{
+        for (const callback of callbacks)callback(...args);
+    };
+}
+function getNumberFormatSeparators(locale) {
+    const numberFormat = new Intl.NumberFormat(locale);
+    const parts = numberFormat.formatToParts(12345.6);
+    let thousandSeparator = "";
+    let decimalSeparator = "";
+    for (const part of parts){
+        if ("group" === part.type) thousandSeparator = part.value;
+        if ("decimal" === part.type) decimalSeparator = part.value;
+        if (thousandSeparator && decimalSeparator) break;
+    }
+    return {
+        decimalSeparator,
+        thousandSeparator
+    };
+}
+function normalizeInputValue(value, thousandSeparator, decimalSeparator) {
+    return value.replaceAll(new RegExp(`\\${thousandSeparator}`, "g"), "").replace(new RegExp(`\\${decimalSeparator}`), ".").replaceAll(/[()]/g, "-");
+}
+function isModifierKey(event) {
+    return event.ctrlKey || event.altKey || event.metaKey || event.shiftKey;
+}
+function isFunctionKey(key) {
+    return key.startsWith("F") && key.length > 1;
+}
+function isNumberKey(key) {
+    return !Number.isNaN(Number(key));
+}
+function clamp(value, min = -1 / 0, max = 1 / 0) {
+    return Math.min(Math.max(value, min), max);
+}
+exports.DecrementButton = __webpack_exports__.DecrementButton;
+exports.Field = __webpack_exports__.Field;
+exports.IncrementButton = __webpack_exports__.IncrementButton;
+exports.InputNumber = __webpack_exports__.InputNumber;
+exports.InputNumberDecrementButton = __webpack_exports__.InputNumberDecrementButton;
+exports.InputNumberField = __webpack_exports__.InputNumberField;
+exports.InputNumberIncrementButton = __webpack_exports__.InputNumberIncrementButton;
+exports.Root = __webpack_exports__.Root;
+exports.createInputNumberScope = __webpack_exports__.createInputNumberScope;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DecrementButton",
+    "Field",
+    "IncrementButton",
+    "InputNumber",
+    "InputNumberDecrementButton",
+    "InputNumberField",
+    "InputNumberIncrementButton",
+    "Root",
+    "createInputNumberScope"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
 import type { Scope } from "@radix-ui/react-context";
+import type { ComponentProps, JSX } from "react";
 import * as InputPrimitive from "./input";
 /**
  * Props that include an optional scope for the InputNumber component.