@salt-ds/lab 1.0.0-alpha.70 → 1.0.0-alpha.71

package/dist-es/number-input/NumberInput.js

@@ -1,38 +1,43 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useIcon, useFormFieldProps, useControlled, useForkRef, capitalize, StatusAdornment, Button } from '@salt-ds/core';
+import { makePrefixer, useFormFieldProps, useId, useForkRef, useIcon, useControlled, capitalize, StatusAdornment, Button } from '@salt-ds/core';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
-import { forwardRef, useState, useRef } from 'react';
-import { toFixedDecimalPlaces, toFloat, isOutOfRange, sanitizedInput, isAllowedNonNumeric } from './internal/utils.js';
+import { forwardRef, useRef, useState, useEffect, useLayoutEffect } from 'react';
+import { getNumberPrecision, toFloat, isOutOfRange, sanitizeInput, isEmpty, clampToRange } from './internal/utils.js';
 import css_248z from './NumberInput.css.js';
+import useCaret from './internal/useCaret.js';
 import { useNumberInput } from './useNumberInput.js';
 
 const withBaseName = makePrefixer("saltNumberInput");
 const NumberInput = forwardRef(
   function NumberInput2({
-    bordered,
+    bordered = false,
     className: classNameProp,
-    decimalPlaces = 0,
-    defaultValue: defaultValueProp,
+    clamp = false,
     disabled,
     emptyReadOnlyMarker = "\u2014",
     endAdornment,
+    format,
     hideButtons,
+    id: idProp,
     inputProps: inputPropsProp = {},
     inputRef: inputRefProp,
     max = Number.MAX_SAFE_INTEGER,
     min = Number.MIN_SAFE_INTEGER,
     onChange: onChangeProp,
+    parse,
     placeholder,
+    decimalScale: decimalScaleProp,
     readOnly: readOnlyProp,
     startAdornment,
     step = 1,
-    stepBlock = 10,
+    stepMultiplier = 2,
     textAlign = "left",
     validationStatus: validationStatusProp,
     value: valueProp,
     variant = "primary",
+    defaultValue: defaultValueProp = "",
     ...restProps
   }, ref) {
     const targetWindow = useWindow();
@@ -41,7 +46,6 @@ const NumberInput = forwardRef(
       css: css_248z,
       window: targetWindow
     });
-    const { IncreaseIcon, DecreaseIcon } = useIcon();
     const {
       a11yProps: {
         "aria-describedby": formFieldDescribedBy,
@@ -55,6 +59,12 @@ const NumberInput = forwardRef(
     const isDisabled = disabled || formFieldDisabled;
     const isReadOnly = readOnlyProp || formFieldReadOnly;
     const validationStatus = formFieldValidationStatus ?? validationStatusProp;
+    const isEmptyReadOnly = isReadOnly && !defaultValueProp && !valueProp;
+    const defaultValue = isEmptyReadOnly ? emptyReadOnlyMarker : defaultValueProp;
+    const validationStatusId = useId(idProp);
+    const inputRef = useRef(null);
+    const handleInputRef = useForkRef(inputRefProp, inputRef);
+    const { IncreaseIcon, DecreaseIcon } = useIcon();
     const {
       "aria-describedby": inputDescribedBy,
       "aria-labelledby": inputLabelledBy,
@@ -67,60 +77,112 @@ const NumberInput = forwardRef(
       ...restInputProps
     } = inputPropsProp;
     const isRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : inputRequired;
+    const isAdjustingRef = useRef(false);
+    const [isEditing, setIsEditing] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
+    const [recordCaret, restoreCaret, resetCaret] = useCaret({
+      inputRef
+    });
     const [value, setValue] = useControlled({
       controlled: valueProp,
-      default: typeof defaultValueProp === "number" ? toFixedDecimalPlaces(defaultValueProp, decimalPlaces) : defaultValueProp,
+      default: defaultValue,
       name: "NumberInput",
       state: "value"
     });
-    const [focused, setFocused] = useState(false);
-    const inputRef = useRef(null);
-    const forkedInputRef = useForkRef(inputRef, inputRefProp);
+    const decimalScale = decimalScaleProp || Math.max(getNumberPrecision(value), getNumberPrecision(step));
+    const [displayValue, setDisplayValue] = useState(value);
+    const clampAndFix = (value2) => {
+      const clampedValue = clamp ? clampToRange(min, max, value2) : value2;
+      return !format ? clampedValue.toFixed(decimalScale) : clampedValue;
+    };
     const {
       decrementButtonProps,
       decrementValue,
       incrementButtonProps,
       incrementValue
     } = useNumberInput({
-      inputRef,
-      setValue,
-      decimalPlaces,
+      clampAndFix,
+      decimalScale,
       disabled,
+      format,
+      inputRef,
+      isAdjustingRef,
       max,
       min,
       onChange: onChangeProp,
+      parse,
       readOnly: isReadOnly,
+      setIsEditing,
+      setValue,
       step,
-      stepBlock,
+      stepMultiplier,
       value
     });
+    useEffect(() => {
+      const formatValue = () => {
+        const sanitizedValue = sanitizeInput(value);
+        const floatValue = toFloat(sanitizedValue);
+        if (!isAdjustingRef.current && (isEditing || isEmpty(value) || Number.isNaN(floatValue) || isReadOnly)) {
+          return value;
+        }
+        if (isAdjustingRef.current) {
+          return clampAndFix(toFloat(value));
+        }
+        const clampedValue = clampAndFix(floatValue);
+        return format ? format(clampedValue) : clampedValue;
+      };
+      const updatedValue = formatValue();
+      setDisplayValue(updatedValue);
+    }, [value, isEditing, isReadOnly, format, clamp, decimalScale, min, max]);
+    useLayoutEffect(() => {
+      if (isAdjustingRef.current) {
+        resetCaret();
+      } else {
+        restoreCaret();
+      }
+    }, [displayValue, value]);
     const handleInputFocus = (event) => {
-      setFocused(true);
+      setIsFocused(true);
+      if (isReadOnly) return;
+      const parsedValue = (parse == null ? void 0 : parse(value)) ?? value;
+      const updatedValue = !isEmpty(parsedValue) ? clampAndFix(toFloat(parsedValue)) : parsedValue;
+      setDisplayValue(updatedValue);
       inputOnFocus == null ? void 0 : inputOnFocus(event);
     };
     const handleInputBlur = (event) => {
-      setFocused(false);
-      if (value === void 0) return;
-      const floatValue = toFloat(value);
-      if (Number.isNaN(floatValue)) {
-        setValue(value);
-        onChangeProp == null ? void 0 : onChangeProp(event, value);
-      } else {
-        const roundedValue = toFixedDecimalPlaces(floatValue, decimalPlaces);
-        if (value !== "" && !isAllowedNonNumeric(value)) {
-          setValue(roundedValue);
-        }
-        onChangeProp == null ? void 0 : onChangeProp(event, roundedValue);
+      setIsFocused(false);
+      if (isReadOnly) return;
+      setIsEditing(false);
+      isAdjustingRef.current = false;
+      resetCaret();
+      const inputValue = event.target.value;
+      if (isEmpty(inputValue)) {
+        return;
       }
+      const sanitizedValue = sanitizeInput(event.target.value);
+      const floatValue = toFloat(sanitizedValue);
+      const clampedValue = clampAndFix(floatValue);
+      if (clampedValue.toString() !== value.toString()) {
+        setValue(clampedValue);
+        onChangeProp == null ? void 0 : onChangeProp(event, clampedValue);
+      }
+      const formattedValue = format ? format(clampedValue) : clampedValue;
+      setDisplayValue(formattedValue);
       inputOnBlur == null ? void 0 : inputOnBlur(event);
     };
     const handleInputChange = (event) => {
-      const changedValue = event.target.value;
-      setValue(sanitizedInput(changedValue));
-      onChangeProp == null ? void 0 : onChangeProp(event, sanitizedInput(changedValue));
-      inputOnChange == null ? void 0 : inputOnChange(event);
+      recordCaret();
+      const raw = sanitizeInput(event.target.value);
+      if (raw.toString() === value.toString()) {
+        return;
+      }
+      const parsed = parse && !isEditing ? parse(raw) : raw;
+      setValue(parsed);
+      onChangeProp == null ? void 0 : onChangeProp(event, parsed);
     };
     const handleInputKeyDown = (event) => {
+      setIsEditing(true);
+      isAdjustingRef.current = false;
       switch (event.key) {
         case "ArrowUp": {
           event.preventDefault();
@@ -159,66 +221,69 @@ const NumberInput = forwardRef(
       }
       inputOnKeyDown == null ? void 0 : inputOnKeyDown(event);
     };
+    const handleBeforeInput = () => {
+      setIsEditing(true);
+    };
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: clsx(withBaseName(), classNameProp),
+        className: clsx(
+          withBaseName(),
+          withBaseName(variant),
+          {
+            [withBaseName("focused")]: isFocused,
+            [withBaseName("disabled")]: isDisabled,
+            [withBaseName("readOnly")]: isReadOnly,
+            [withBaseName("hiddenButtons")]: hideButtons,
+            [withBaseName(validationStatus || "")]: validationStatus,
+            [withBaseName("bordered")]: bordered
+          },
+          classNameProp
+        ),
         ...restProps,
         ref,
         children: [
-          /* @__PURE__ */ jsxs(
-            "div",
+          startAdornment && /* @__PURE__ */ jsx("div", { className: withBaseName("startAdornmentContainer"), children: startAdornment }),
+          /* @__PURE__ */ jsx(
+            "input",
             {
+              "aria-describedby": clsx(
+                validationStatusId,
+                formFieldDescribedBy,
+                inputDescribedBy
+              ),
+              "aria-labelledby": clsx(formFieldLabelledBy, inputLabelledBy),
+              "aria-invalid": !isReadOnly ? isOutOfRange(value, min, max) || validationStatus === "error" : void 0,
+              "aria-valuemax": !isReadOnly ? max : void 0,
+              "aria-valuemin": !isReadOnly ? min : void 0,
+              "aria-valuenow": value && !Number.isNaN(toFloat(value)) && !isReadOnly ? toFloat((parse == null ? void 0 : parse(value)) || value) : void 0,
+              ...!isReadOnly && { "aria-valuetext": value.toString() },
               className: clsx(
-                withBaseName("inputContainer"),
-                withBaseName(variant),
-                {
-                  [withBaseName("focused")]: !isDisabled && focused,
-                  [withBaseName("disabled")]: isDisabled,
-                  [withBaseName("readOnly")]: isReadOnly,
-                  [withBaseName(validationStatus || "")]: validationStatus,
-                  [withBaseName("bordered")]: bordered
-                }
+                withBaseName("input"),
+                withBaseName(`inputTextAlign${capitalize(textAlign)}`),
+                inputClassName
               ),
-              children: [
-                startAdornment && /* @__PURE__ */ jsx("div", { className: withBaseName("startAdornmentContainer"), children: startAdornment }),
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    "aria-describedby": clsx(formFieldDescribedBy, inputDescribedBy),
-                    "aria-labelledby": clsx(formFieldLabelledBy, inputLabelledBy),
-                    "aria-invalid": !isReadOnly ? isOutOfRange(value, min, max) : void 0,
-                    "aria-valuemax": !isReadOnly ? toFloat(toFixedDecimalPlaces(max, decimalPlaces)) : void 0,
-                    "aria-valuemin": !isReadOnly ? toFloat(toFixedDecimalPlaces(min, decimalPlaces)) : void 0,
-                    "aria-valuenow": value && !Number.isNaN(toFloat(value)) && !isReadOnly ? toFloat(toFixedDecimalPlaces(toFloat(value), decimalPlaces)) : void 0,
-                    className: clsx(
-                      withBaseName("input"),
-                      withBaseName(`inputTextAlign${capitalize(textAlign)}`),
-                      inputClassName
-                    ),
-                    disabled: isDisabled,
-                    onBlur: handleInputBlur,
-                    onChange: handleInputChange,
-                    onFocus: !isDisabled ? handleInputFocus : void 0,
-                    onKeyDown: handleInputKeyDown,
-                    placeholder,
-                    readOnly: isReadOnly,
-                    "aria-readonly": isReadOnly ? "true" : void 0,
-                    ref: forkedInputRef,
-                    required: isRequired,
-                    role: isReadOnly ? "textbox" : "spinbutton",
-                    tabIndex: isDisabled ? -1 : 0,
-                    value,
-                    ...restInputProps
-                  }
-                ),
-                !isDisabled && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, { status: validationStatus }),
-                endAdornment && /* @__PURE__ */ jsx("div", { className: withBaseName("endAdornmentContainer"), children: endAdornment }),
-                /* @__PURE__ */ jsx("div", { className: withBaseName("activationIndicator") })
-              ]
+              disabled: isDisabled,
+              onBlur: handleInputBlur,
+              onChange: handleInputChange,
+              onFocus: handleInputFocus,
+              onKeyDown: handleInputKeyDown,
+              onBeforeInput: handleBeforeInput,
+              placeholder,
+              readOnly: isReadOnly,
+              "aria-readonly": isReadOnly ? "true" : void 0,
+              ref: handleInputRef,
+              required: isRequired,
+              role: isReadOnly ? "textbox" : "spinbutton",
+              tabIndex: isDisabled ? -1 : 0,
+              value: displayValue,
+              ...restInputProps
             }
           ),
-          !hideButtons && !isReadOnly && /* @__PURE__ */ jsxs("div", { className: withBaseName("buttonContainer"), children: [
+          /* @__PURE__ */ jsx("div", { className: withBaseName("activationIndicator") }),
+          !isDisabled && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, { status: validationStatus, id: validationStatusId }),
+          endAdornment && /* @__PURE__ */ jsx("div", { className: withBaseName("endAdornmentContainer"), children: endAdornment }),
+          !isReadOnly && /* @__PURE__ */ jsxs("div", { className: clsx(withBaseName("buttonContainer")), children: [
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -226,6 +291,7 @@ const NumberInput = forwardRef(
                   withBaseName("numberButton"),
                   withBaseName("numberButtonIncrement")
                 ),
+                appearance: "transparent",
                 ...incrementButtonProps,
                 children: /* @__PURE__ */ jsx(IncreaseIcon, { "aria-hidden": true })
               }
@@ -237,6 +303,7 @@ const NumberInput = forwardRef(
                   withBaseName("numberButton"),
                   withBaseName("numberButtonDecrement")
                 ),
+                appearance: "transparent",
                 ...decrementButtonProps,
                 children: /* @__PURE__ */ jsx(DecreaseIcon, { "aria-hidden": true })
               }

package/dist-es/number-input/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sources":["../src/number-input/NumberInput.tsx"],"sourcesContent":["import {\n  Button,\n  StatusAdornment,\n  type ValidationStatus,\n  capitalize,\n  makePrefixer,\n  useControlled,\n  useForkRef,\n  useFormFieldProps,\n  useIcon,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type SyntheticEvent,\n  forwardRef,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  isAllowedNonNumeric,\n  isOutOfRange,\n  sanitizedInput,\n  toFixedDecimalPlaces,\n  toFloat,\n} from \"./internal/utils\";\n\nimport numberInputCss from \"./NumberInput.css\";\nimport { useNumberInput } from \"./useNumberInput\";\n\nconst withBaseName = makePrefixer(\"saltNumberInput\");\n\nexport interface NumberInputProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /**\n   * A boolean. When `true`, the input will receive a full border.\n   */\n  bordered?: boolean;\n  /**\n   * The number of decimal places to display.\n   */\n  decimalPlaces?: number;\n  /**\n   * Sets the initial default value of the component.\n   */\n  defaultValue?: number | string;\n  /**\n   * If `true`, the number input will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The marker to use in an empty read only Input.\n   * Use `''` to disable this feature. Defaults to '—'.\n   * @default '—'\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Whether to hide the number buttons. Defaults to `false`.\n   * @default false\n   */\n  hideButtons?: boolean;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * Optional ref for the input component\n   */\n  inputRef?: Ref<HTMLInputElement>;\n  /**\n   * The maximum value that can be selected. Defaults to Number.MAX_SAFE_INTEGER.\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /**\n   * The minimum value that can be selected. Defaults to Number.MIN_SAFE_INTEGER.\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /**\n   * Callback when number input value is changed.\n   * @param event - the event triggers value change, could be undefined during increment / decrement button long press\n   */\n  onChange?: (\n    event: SyntheticEvent | undefined,\n    value: number | string,\n  ) => void;\n  /**\n   * A string. Displayed in a dimmed color when the input value is empty.\n   */\n  placeholder?: string | undefined;\n  /**\n   * A boolean. If `true`, the component is not editable by the user.\n   */\n  readOnly?: boolean;\n  /**\n   * Start adornment component\n   */\n  startAdornment?: ReactNode;\n  /**\n   * The amount to increment or decrement the value by when using the number buttons or Up Arrow and Down Arrow keys. Default to 1.\n   * @default 1\n   */\n  step?: number;\n  /**\n   * The amount to change the value when the value is incremented or decremented by holding Shift and pressing Up arrow or Down arrow keys.\n   * Defaults to 10.\n   * @default 10\n   */\n  stepBlock?: number;\n  /**\n   * Alignment of text within container. Defaults to \"left\".\n   * @default \"left\"\n   */\n  textAlign?: \"left\" | \"center\" | \"right\";\n  /**\n   * Validation status.\n   */\n  validationStatus?: Extract<ValidationStatus, \"error\" | \"warning\" | \"success\">;\n  /**\n   * Styling variant. Defaults to \"primary\".\n   * @default \"primary\"\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * The value of the number input. The component will be controlled if this prop is provided.\n   */\n  value?: number | string | undefined;\n}\n\nexport const NumberInput = forwardRef<HTMLDivElement, NumberInputProps>(\n  function NumberInput(\n    {\n      bordered,\n      className: classNameProp,\n      decimalPlaces = 0,\n      defaultValue: defaultValueProp,\n      disabled,\n      emptyReadOnlyMarker = \"—\",\n      endAdornment,\n      hideButtons,\n      inputProps: inputPropsProp = {},\n      inputRef: inputRefProp,\n      max = Number.MAX_SAFE_INTEGER,\n      min = Number.MIN_SAFE_INTEGER,\n      onChange: onChangeProp,\n      placeholder,\n      readOnly: readOnlyProp,\n      startAdornment,\n      step = 1,\n      stepBlock = 10,\n      textAlign = \"left\",\n      validationStatus: validationStatusProp,\n      value: valueProp,\n      variant = \"primary\",\n      ...restProps\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-number-input\",\n      css: numberInputCss,\n      window: targetWindow,\n    });\n\n    const { IncreaseIcon, DecreaseIcon } = useIcon();\n\n    const {\n      a11yProps: {\n        \"aria-describedby\": formFieldDescribedBy,\n        \"aria-labelledby\": formFieldLabelledBy,\n      } = {},\n      disabled: formFieldDisabled,\n      readOnly: formFieldReadOnly,\n      necessity: formFieldRequired,\n      validationStatus: formFieldValidationStatus,\n    } = useFormFieldProps();\n\n    const isDisabled = disabled || formFieldDisabled;\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n    const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n    const {\n      \"aria-describedby\": inputDescribedBy,\n      \"aria-labelledby\": inputLabelledBy,\n      className: inputClassName,\n      onBlur: inputOnBlur,\n      onChange: inputOnChange,\n      onFocus: inputOnFocus,\n      required: inputRequired,\n      onKeyDown: inputOnKeyDown,\n      ...restInputProps\n    } = inputPropsProp;\n\n    const isRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : inputRequired;\n\n    const [value, setValue] = useControlled({\n      controlled: valueProp,\n      default:\n        typeof defaultValueProp === \"number\"\n          ? toFixedDecimalPlaces(defaultValueProp, decimalPlaces)\n          : defaultValueProp,\n      name: \"NumberInput\",\n      state: \"value\",\n    });\n\n    // Won't be needed when `:has` css can be used\n    const [focused, setFocused] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const forkedInputRef = useForkRef(inputRef, inputRefProp);\n\n    const {\n      decrementButtonProps,\n      decrementValue,\n      incrementButtonProps,\n      incrementValue,\n    } = useNumberInput({\n      inputRef,\n      setValue,\n      decimalPlaces,\n      disabled,\n      max,\n      min,\n      onChange: onChangeProp,\n      readOnly: isReadOnly,\n      step,\n      stepBlock,\n      value,\n    });\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(true);\n\n      inputOnFocus?.(event);\n    };\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(false);\n\n      if (value === undefined) return;\n\n      const floatValue = toFloat(value);\n      if (Number.isNaN(floatValue)) {\n        // Keep original value if NaN\n        setValue(value);\n        onChangeProp?.(event, value);\n      } else {\n        const roundedValue = toFixedDecimalPlaces(floatValue, decimalPlaces);\n\n        if (value !== \"\" && !isAllowedNonNumeric(value)) {\n          setValue(roundedValue);\n        }\n\n        onChangeProp?.(event, roundedValue);\n      }\n\n      inputOnBlur?.(event);\n    };\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const changedValue = event.target.value;\n\n      setValue(sanitizedInput(changedValue));\n\n      onChangeProp?.(event, sanitizedInput(changedValue));\n      inputOnChange?.(event);\n    };\n\n    const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      switch (event.key) {\n        case \"ArrowUp\": {\n          event.preventDefault();\n          const block = event.shiftKey;\n          incrementValue(event, block);\n          break;\n        }\n        case \"ArrowDown\": {\n          event.preventDefault();\n          const block = event.shiftKey;\n          decrementValue(event, block);\n          break;\n        }\n        case \"Home\": {\n          event.preventDefault();\n          setValue(min);\n          onChangeProp?.(event, min);\n          break;\n        }\n        case \"End\": {\n          event.preventDefault();\n          setValue(max);\n          onChangeProp?.(event, max);\n          break;\n        }\n        case \"PageUp\": {\n          event.preventDefault();\n          incrementValue(event, true);\n          break;\n        }\n        case \"PageDown\": {\n          event.preventDefault();\n          decrementValue(event, true);\n          break;\n        }\n      }\n\n      inputOnKeyDown?.(event);\n    };\n\n    return (\n      <div\n        className={clsx(withBaseName(), classNameProp)}\n        {...restProps}\n        ref={ref}\n      >\n        <div\n          className={clsx(\n            withBaseName(\"inputContainer\"),\n            withBaseName(variant),\n            {\n              [withBaseName(\"focused\")]: !isDisabled && focused,\n              [withBaseName(\"disabled\")]: isDisabled,\n              [withBaseName(\"readOnly\")]: isReadOnly,\n              [withBaseName(validationStatus || \"\")]: validationStatus,\n              [withBaseName(\"bordered\")]: bordered,\n            },\n          )}\n        >\n          {startAdornment && (\n            <div className={withBaseName(\"startAdornmentContainer\")}>\n              {startAdornment}\n            </div>\n          )}\n          <input\n            aria-describedby={clsx(formFieldDescribedBy, inputDescribedBy)}\n            aria-labelledby={clsx(formFieldLabelledBy, inputLabelledBy)}\n            aria-invalid={\n              !isReadOnly ? isOutOfRange(value, min, max) : undefined\n            }\n            aria-valuemax={\n              !isReadOnly\n                ? toFloat(toFixedDecimalPlaces(max, decimalPlaces))\n                : undefined\n            }\n            aria-valuemin={\n              !isReadOnly\n                ? toFloat(toFixedDecimalPlaces(min, decimalPlaces))\n                : undefined\n            }\n            aria-valuenow={\n              value && !Number.isNaN(toFloat(value)) && !isReadOnly\n                ? toFloat(toFixedDecimalPlaces(toFloat(value), decimalPlaces))\n                : undefined\n            }\n            className={clsx(\n              withBaseName(\"input\"),\n              withBaseName(`inputTextAlign${capitalize(textAlign)}`),\n              inputClassName,\n            )}\n            disabled={isDisabled}\n            onBlur={handleInputBlur}\n            onChange={handleInputChange}\n            onFocus={!isDisabled ? handleInputFocus : undefined}\n            onKeyDown={handleInputKeyDown}\n            placeholder={placeholder}\n            readOnly={isReadOnly}\n            aria-readonly={isReadOnly ? \"true\" : undefined}\n            ref={forkedInputRef}\n            required={isRequired}\n            // Workaround to have readonly conveyed by screen readers (https://github.com/jpmorganchase/salt-ds/issues/4586)\n            role={isReadOnly ? \"textbox\" : \"spinbutton\"}\n            tabIndex={isDisabled ? -1 : 0}\n            value={value}\n            {...restInputProps}\n          />\n          {!isDisabled && validationStatus && (\n            <StatusAdornment status={validationStatus} />\n          )}\n          {endAdornment && (\n            <div className={withBaseName(\"endAdornmentContainer\")}>\n              {endAdornment}\n            </div>\n          )}\n          <div className={withBaseName(\"activationIndicator\")} />\n        </div>\n\n        {!hideButtons && !isReadOnly && (\n          <div className={withBaseName(\"buttonContainer\")}>\n            <Button\n              className={clsx(\n                withBaseName(\"numberButton\"),\n                withBaseName(\"numberButtonIncrement\"),\n              )}\n              {...incrementButtonProps}\n            >\n              <IncreaseIcon aria-hidden />\n            </Button>\n            <Button\n              className={clsx(\n                withBaseName(\"numberButton\"),\n                withBaseName(\"numberButtonDecrement\"),\n              )}\n              {...decrementButtonProps}\n            >\n              <DecreaseIcon aria-hidden />\n            </Button>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["NumberInput","numberInputCss"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","sources":["../src/number-input/NumberInput.tsx"],"sourcesContent":["import {\n  Button,\n  StatusAdornment,\n  type ValidationStatus,\n  capitalize,\n  makePrefixer,\n  useControlled,\n  useForkRef,\n  useFormFieldProps,\n  useIcon,\n  useId,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type SyntheticEvent,\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  clampToRange,\n  getNumberPrecision,\n  isEmpty,\n  isOutOfRange,\n  sanitizeInput,\n  toFloat,\n} from \"./internal/utils\";\n\nimport numberInputCss from \"./NumberInput.css\";\nimport useCaret from \"./internal/useCaret\";\nimport { useNumberInput } from \"./useNumberInput\";\n\nconst withBaseName = makePrefixer(\"saltNumberInput\");\n\nexport interface NumberInputProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /**\n   * Styling variant with full border.\n   * @default false\n   */\n  bordered?: boolean;\n  /**\n   * A boolean that, when true, ensures the input value is clamped within the specified min and max range upon losing focus.\n   * @default false\n   */\n  clamp?: boolean;\n  /**\n   * The default value. Use when the component is uncontrolled.\n   */\n  defaultValue?: number | string;\n  /**\n   * Disable the `NumberInput`.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * The marker to use in an empty read only Input.\n   * Use `''` to disable this feature.\n   * @default \"—\"\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * End adornment component.\n   */\n  endAdornment?: ReactNode;\n  /**\n   * A callback to format the value of the `NumberInput`.\n   */\n  format?: (value: number | string) => string | number;\n  /**\n   * Hide the number buttons.\n   * @default false\n   */\n  hideButtons?: boolean;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * Optional ref for the input component.\n   */\n  inputRef?: Ref<HTMLInputElement>;\n  /**\n   * The maximum value that can be selected.\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /**\n   * The minimum value that can be selected.\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /**\n   * Callback function that is triggered when the value of the `NumberInput` changes.\n   *\n   * @param event - The event that triggers the value change. This may be `undefined` during a long press on the increment or decrement buttons.\n   * @param value - The new value of the `NumberInput`, which can be a number or a string.\n   */\n  onChange?: (\n    event: SyntheticEvent | undefined,\n    value: number | string,\n  ) => void;\n  /**\n   *\n   * A callback to parse the value of the `NumberInput`. To be used alongside\n   * the `format` callback.\n   */\n  parse?: (value: number | string) => string | number;\n  /**\n   * A string displayed in a dimmed color when the `NumberInput` value is empty.\n   */\n  placeholder?: string;\n  /**\n   * The number of decimal places allowed. Defaults to the decimal scale of either the initial value provided or the step, whichever is greater.\n   */\n  decimalScale?: number;\n  /**\n   * A boolean property that controls the editability of the `NumberInput`.\n   * - When set to `true`, the `NumberInput` becomes read-only, preventing user edits.\n   * - When set to `false` or omitted, the `NumberInput` is editable by the user.\n   */\n  readOnly?: boolean;\n  /**\n   * Start adornment component.\n   */\n  startAdornment?: ReactNode;\n  /**\n   * The amount to increment or decrement the value by when using the `NumberInput` buttons or Up Arrow and Down Arrow keys.\n   * @default 1\n   */\n  step?: number;\n  /**\n   * Defines the factor by which the step value is multiplied to determine the maximum increment or decrement when the Shift key\n   * is held while pressing the Up Arrow or Down Arrow keys for faster adjustments of the value.\n   * @default 2\n   */\n  stepMultiplier?: number;\n  /**\n   * Specifies the alignment of the text within the `NumberInput`.\n   *\n   * @default \"left\"\n   */\n  textAlign?: \"left\" | \"center\" | \"right\";\n  /**\n   * Validation status.\n   */\n  validationStatus?: Extract<ValidationStatus, \"error\" | \"warning\" | \"success\">;\n  /**\n   * Styling variant.\n   * @default \"primary\"\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Value of the `NumberInput`, to be used when in a controlled state.\n   */\n  value?: number | string;\n}\n\nexport const NumberInput = forwardRef<HTMLDivElement, NumberInputProps>(\n  function NumberInput(\n    {\n      bordered = false,\n      className: classNameProp,\n      clamp = false,\n      disabled,\n      emptyReadOnlyMarker = \"—\",\n      endAdornment,\n      format,\n      hideButtons,\n      id: idProp,\n      inputProps: inputPropsProp = {},\n      inputRef: inputRefProp,\n      max = Number.MAX_SAFE_INTEGER,\n      min = Number.MIN_SAFE_INTEGER,\n      onChange: onChangeProp,\n      parse,\n      placeholder,\n      decimalScale: decimalScaleProp,\n      readOnly: readOnlyProp,\n      startAdornment,\n      step = 1,\n      stepMultiplier = 2,\n      textAlign = \"left\",\n      validationStatus: validationStatusProp,\n      value: valueProp,\n      variant = \"primary\",\n      defaultValue: defaultValueProp = \"\",\n      ...restProps\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-number-input\",\n      css: numberInputCss,\n      window: targetWindow,\n    });\n\n    const {\n      a11yProps: {\n        \"aria-describedby\": formFieldDescribedBy,\n        \"aria-labelledby\": formFieldLabelledBy,\n      } = {},\n      disabled: formFieldDisabled,\n      readOnly: formFieldReadOnly,\n      necessity: formFieldRequired,\n      validationStatus: formFieldValidationStatus,\n    } = useFormFieldProps();\n\n    const isDisabled = disabled || formFieldDisabled;\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n    const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n    const isEmptyReadOnly = isReadOnly && !defaultValueProp && !valueProp;\n    const defaultValue = isEmptyReadOnly\n      ? emptyReadOnlyMarker\n      : defaultValueProp;\n\n    const validationStatusId = useId(idProp);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleInputRef = useForkRef(inputRefProp, inputRef);\n    const { IncreaseIcon, DecreaseIcon } = useIcon();\n\n    const {\n      \"aria-describedby\": inputDescribedBy,\n      \"aria-labelledby\": inputLabelledBy,\n      className: inputClassName,\n      onBlur: inputOnBlur,\n      onChange: inputOnChange,\n      onFocus: inputOnFocus,\n      required: inputRequired,\n      onKeyDown: inputOnKeyDown,\n      ...restInputProps\n    } = inputPropsProp;\n\n    const isRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : inputRequired;\n\n    const isAdjustingRef = useRef<boolean>(false);\n    const [isEditing, setIsEditing] = useState(false);\n    const [isFocused, setIsFocused] = useState(false);\n\n    const [recordCaret, restoreCaret, resetCaret] = useCaret({\n      inputRef,\n    });\n\n    const [value, setValue] = useControlled({\n      controlled: valueProp,\n      default: defaultValue,\n      name: \"NumberInput\",\n      state: \"value\",\n    });\n\n    const decimalScale =\n      decimalScaleProp ||\n      Math.max(getNumberPrecision(value), getNumberPrecision(step));\n\n    const [displayValue, setDisplayValue] = useState<string | number>(value);\n\n    const clampAndFix = (value: number) => {\n      const clampedValue = clamp ? clampToRange(min, max, value) : value;\n      return !format ? clampedValue.toFixed(decimalScale) : clampedValue;\n    };\n\n    const {\n      decrementButtonProps,\n      decrementValue,\n      incrementButtonProps,\n      incrementValue,\n    } = useNumberInput({\n      clampAndFix,\n      decimalScale,\n      disabled,\n      format,\n      inputRef,\n      isAdjustingRef,\n      max,\n      min,\n      onChange: onChangeProp,\n      parse,\n      readOnly: isReadOnly,\n      setIsEditing,\n      setValue,\n      step,\n      stepMultiplier,\n      value,\n    });\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: We do not want to re-render when  display value changes\n    useEffect(() => {\n      const formatValue = () => {\n        const sanitizedValue = sanitizeInput(value);\n        const floatValue = toFloat(sanitizedValue);\n        if (\n          !isAdjustingRef.current &&\n          (isEditing ||\n            isEmpty(value) ||\n            Number.isNaN(floatValue) ||\n            isReadOnly)\n        ) {\n          return value;\n        }\n        if (isAdjustingRef.current) {\n          return clampAndFix(toFloat(value));\n        }\n        const clampedValue = clampAndFix(floatValue);\n        return format ? format(clampedValue) : clampedValue;\n      };\n      const updatedValue = formatValue();\n      setDisplayValue(updatedValue);\n    }, [value, isEditing, isReadOnly, format, clamp, decimalScale, min, max]);\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: Need to restore caret position when value changes.\n    useLayoutEffect(() => {\n      if (isAdjustingRef.current) {\n        resetCaret();\n      } else {\n        restoreCaret();\n      }\n    }, [displayValue, value]);\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n      setIsFocused(true);\n      if (isReadOnly) return;\n      const parsedValue = parse?.(value) ?? value;\n      const updatedValue = !isEmpty(parsedValue)\n        ? clampAndFix(toFloat(parsedValue))\n        : parsedValue;\n      setDisplayValue(updatedValue);\n      inputOnFocus?.(event);\n    };\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      setIsFocused(false);\n      if (isReadOnly) return;\n      setIsEditing(false);\n      isAdjustingRef.current = false;\n      resetCaret();\n      const inputValue = event.target.value;\n      if (isEmpty(inputValue)) {\n        return;\n      }\n      const sanitizedValue = sanitizeInput(event.target.value);\n      const floatValue = toFloat(sanitizedValue);\n      const clampedValue = clampAndFix(floatValue);\n      // Update the value if it has changed\n      if (clampedValue.toString() !== value.toString()) {\n        setValue(clampedValue);\n        onChangeProp?.(event, clampedValue);\n      }\n      // Ensure the displayValue is updated with the formatted value\n      const formattedValue = format ? format(clampedValue) : clampedValue;\n      setDisplayValue(formattedValue);\n      inputOnBlur?.(event);\n    };\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n      recordCaret();\n      const raw = sanitizeInput(event.target.value);\n      if (raw.toString() === value.toString()) {\n        return;\n      }\n      const parsed = parse && !isEditing ? parse(raw) : raw;\n      setValue(parsed);\n      onChangeProp?.(event, parsed);\n    };\n\n    const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      setIsEditing(true);\n      isAdjustingRef.current = false;\n\n      switch (event.key) {\n        case \"ArrowUp\": {\n          event.preventDefault();\n          const block = event.shiftKey;\n          incrementValue(event, block);\n          break;\n        }\n        case \"ArrowDown\": {\n          event.preventDefault();\n          const block = event.shiftKey;\n          decrementValue(event, block);\n          break;\n        }\n        case \"Home\": {\n          event.preventDefault();\n          setValue(min);\n          onChangeProp?.(event, min);\n          break;\n        }\n        case \"End\": {\n          event.preventDefault();\n          setValue(max);\n          onChangeProp?.(event, max);\n          break;\n        }\n        case \"PageUp\": {\n          event.preventDefault();\n          incrementValue(event, true);\n          break;\n        }\n        case \"PageDown\": {\n          event.preventDefault();\n          decrementValue(event, true);\n          break;\n        }\n      }\n      inputOnKeyDown?.(event);\n    };\n\n    const handleBeforeInput = () => {\n      setIsEditing(true);\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(variant),\n          {\n            [withBaseName(\"focused\")]: isFocused,\n            [withBaseName(\"disabled\")]: isDisabled,\n            [withBaseName(\"readOnly\")]: isReadOnly,\n            [withBaseName(\"hiddenButtons\")]: hideButtons,\n            [withBaseName(validationStatus || \"\")]: validationStatus,\n            [withBaseName(\"bordered\")]: bordered,\n          },\n          classNameProp,\n        )}\n        {...restProps}\n        ref={ref}\n      >\n        {startAdornment && (\n          <div className={withBaseName(\"startAdornmentContainer\")}>\n            {startAdornment}\n          </div>\n        )}\n        <input\n          aria-describedby={clsx(\n            validationStatusId,\n            formFieldDescribedBy,\n            inputDescribedBy,\n          )}\n          aria-labelledby={clsx(formFieldLabelledBy, inputLabelledBy)}\n          aria-invalid={\n            !isReadOnly\n              ? isOutOfRange(value, min, max) || validationStatus === \"error\"\n              : undefined\n          }\n          aria-valuemax={!isReadOnly ? max : undefined}\n          aria-valuemin={!isReadOnly ? min : undefined}\n          aria-valuenow={\n            value && !Number.isNaN(toFloat(value)) && !isReadOnly\n              ? toFloat(parse?.(value) || value)\n              : undefined\n          }\n          // Workaround to have the value announced by screen reader on Safari.\n          {...(!isReadOnly && { \"aria-valuetext\": value.toString() })}\n          className={clsx(\n            withBaseName(\"input\"),\n            withBaseName(`inputTextAlign${capitalize(textAlign)}`),\n            inputClassName,\n          )}\n          disabled={isDisabled}\n          onBlur={handleInputBlur}\n          onChange={handleInputChange}\n          onFocus={handleInputFocus}\n          onKeyDown={handleInputKeyDown}\n          onBeforeInput={handleBeforeInput}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          aria-readonly={isReadOnly ? \"true\" : undefined}\n          ref={handleInputRef}\n          required={isRequired}\n          // Workaround to have readonly conveyed by screen readers (https://github.com/jpmorganchase/salt-ds/issues/4586)\n          role={isReadOnly ? \"textbox\" : \"spinbutton\"}\n          tabIndex={isDisabled ? -1 : 0}\n          value={displayValue}\n          {...restInputProps}\n        />\n        <div className={withBaseName(\"activationIndicator\")} />\n        {!isDisabled && validationStatus && (\n          <StatusAdornment status={validationStatus} id={validationStatusId} />\n        )}\n        {endAdornment && (\n          <div className={withBaseName(\"endAdornmentContainer\")}>\n            {endAdornment}\n          </div>\n        )}\n        {!isReadOnly && (\n          <div className={clsx(withBaseName(\"buttonContainer\"))}>\n            <Button\n              className={clsx(\n                withBaseName(\"numberButton\"),\n                withBaseName(\"numberButtonIncrement\"),\n              )}\n              appearance=\"transparent\"\n              {...incrementButtonProps}\n            >\n              <IncreaseIcon aria-hidden />\n            </Button>\n            <Button\n              className={clsx(\n                withBaseName(\"numberButton\"),\n                withBaseName(\"numberButtonDecrement\"),\n              )}\n              appearance=\"transparent\"\n              {...decrementButtonProps}\n            >\n              <DecreaseIcon aria-hidden />\n            </Button>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["NumberInput","numberInputCss","value"],"mappings":";;;;;;;;;;;AA2CA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA;AA8H5C,MAAM,WAAc,GAAA,UAAA;AAAA,EACzB,SAASA,YACP,CAAA;AAAA,IACE,QAAW,GAAA,KAAA;AAAA,IACX,SAAW,EAAA,aAAA;AAAA,IACX,KAAQ,GAAA,KAAA;AAAA,IACR,QAAA;AAAA,IACA,mBAAsB,GAAA,QAAA;AAAA,IACtB,YAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,EAAI,EAAA,MAAA;AAAA,IACJ,UAAA,EAAY,iBAAiB,EAAC;AAAA,IAC9B,QAAU,EAAA,YAAA;AAAA,IACV,MAAM,MAAO,CAAA,gBAAA;AAAA,IACb,MAAM,MAAO,CAAA,gBAAA;AAAA,IACb,QAAU,EAAA,YAAA;AAAA,IACV,KAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAc,EAAA,gBAAA;AAAA,IACd,QAAU,EAAA,YAAA;AAAA,IACV,cAAA;AAAA,IACA,IAAO,GAAA,CAAA;AAAA,IACP,cAAiB,GAAA,CAAA;AAAA,IACjB,SAAY,GAAA,MAAA;AAAA,IACZ,gBAAkB,EAAA,oBAAA;AAAA,IAClB,KAAO,EAAA,SAAA;AAAA,IACP,OAAU,GAAA,SAAA;AAAA,IACV,cAAc,gBAAmB,GAAA,EAAA;AAAA,IACjC,GAAG;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,mBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAM,MAAA;AAAA,MACJ,SAAW,EAAA;AAAA,QACT,kBAAoB,EAAA,oBAAA;AAAA,QACpB,iBAAmB,EAAA;AAAA,UACjB,EAAC;AAAA,MACL,QAAU,EAAA,iBAAA;AAAA,MACV,QAAU,EAAA,iBAAA;AAAA,MACV,SAAW,EAAA,iBAAA;AAAA,MACX,gBAAkB,EAAA;AAAA,QAChB,iBAAkB,EAAA;AAEtB,IAAA,MAAM,aAAa,QAAY,IAAA,iBAAA;AAC/B,IAAA,MAAM,aAAa,YAAgB,IAAA,iBAAA;AACnC,IAAA,MAAM,mBAAmB,yBAA6B,IAAA,oBAAA;AACtD,IAAA,MAAM,eAAkB,GAAA,UAAA,IAAc,CAAC,gBAAA,IAAoB,CAAC,SAAA;AAC5D,IAAM,MAAA,YAAA,GAAe,kBACjB,mBACA,GAAA,gBAAA;AAEJ,IAAM,MAAA,kBAAA,GAAqB,MAAM,MAAM,CAAA;AACvC,IAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA;AAC9C,IAAM,MAAA,cAAA,GAAiB,UAAW,CAAA,YAAA,EAAc,QAAQ,CAAA;AACxD,IAAA,MAAM,EAAE,YAAA,EAAc,YAAa,EAAA,GAAI,OAAQ,EAAA;AAE/C,IAAM,MAAA;AAAA,MACJ,kBAAoB,EAAA,gBAAA;AAAA,MACpB,iBAAmB,EAAA,eAAA;AAAA,MACnB,SAAW,EAAA,cAAA;AAAA,MACX,MAAQ,EAAA,WAAA;AAAA,MACR,QAAU,EAAA,aAAA;AAAA,MACV,OAAS,EAAA,YAAA;AAAA,MACT,QAAU,EAAA,aAAA;AAAA,MACV,SAAW,EAAA,cAAA;AAAA,MACX,GAAG;AAAA,KACD,GAAA,cAAA;AAEJ,IAAM,MAAA,UAAA,GAAa,oBACf,CAAC,UAAA,EAAY,UAAU,CAAE,CAAA,QAAA,CAAS,iBAAiB,CACnD,GAAA,aAAA;AAEJ,IAAM,MAAA,cAAA,GAAiB,OAAgB,KAAK,CAAA;AAC5C,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,IAAA,MAAM,CAAC,WAAA,EAAa,YAAc,EAAA,UAAU,IAAI,QAAS,CAAA;AAAA,MACvD;AAAA,KACD,CAAA;AAED,IAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,aAAc,CAAA;AAAA,MACtC,UAAY,EAAA,SAAA;AAAA,MACZ,OAAS,EAAA,YAAA;AAAA,MACT,IAAM,EAAA,aAAA;AAAA,MACN,KAAO,EAAA;AAAA,KACR,CAAA;AAED,IAAM,MAAA,YAAA,GACJ,oBACA,IAAK,CAAA,GAAA,CAAI,mBAAmB,KAAK,CAAA,EAAG,kBAAmB,CAAA,IAAI,CAAC,CAAA;AAE9D,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAA0B,KAAK,CAAA;AAEvE,IAAM,MAAA,WAAA,GAAc,CAACC,MAAkB,KAAA;AACrC,MAAA,MAAM,eAAe,KAAQ,GAAA,YAAA,CAAa,GAAK,EAAA,GAAA,EAAKA,MAAK,CAAIA,GAAAA,MAAAA;AAC7D,MAAA,OAAO,CAAC,MAAA,GAAS,YAAa,CAAA,OAAA,CAAQ,YAAY,CAAI,GAAA,YAAA;AAAA,KACxD;AAEA,IAAM,MAAA;AAAA,MACJ,oBAAA;AAAA,MACA,cAAA;AAAA,MACA,oBAAA;AAAA,MACA;AAAA,QACE,cAAe,CAAA;AAAA,MACjB,WAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,KAAA;AAAA,MACA,QAAU,EAAA,UAAA;AAAA,MACV,YAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,KACD,CAAA;AAGD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,MAAM,cAAc,MAAM;AACxB,QAAM,MAAA,cAAA,GAAiB,cAAc,KAAK,CAAA;AAC1C,QAAM,MAAA,UAAA,GAAa,QAAQ,cAAc,CAAA;AACzC,QACE,IAAA,CAAC,cAAe,CAAA,OAAA,KACf,SACC,IAAA,OAAA,CAAQ,KAAK,CAAA,IACb,MAAO,CAAA,KAAA,CAAM,UAAU,CAAA,IACvB,UACF,CAAA,EAAA;AACA,UAAO,OAAA,KAAA;AAAA;AAET,QAAA,IAAI,eAAe,OAAS,EAAA;AAC1B,UAAO,OAAA,WAAA,CAAY,OAAQ,CAAA,KAAK,CAAC,CAAA;AAAA;AAEnC,QAAM,MAAA,YAAA,GAAe,YAAY,UAAU,CAAA;AAC3C,QAAO,OAAA,MAAA,GAAS,MAAO,CAAA,YAAY,CAAI,GAAA,YAAA;AAAA,OACzC;AACA,MAAA,MAAM,eAAe,WAAY,EAAA;AACjC,MAAA,eAAA,CAAgB,YAAY,CAAA;AAAA,KAC9B,EAAG,CAAC,KAAA,EAAO,SAAW,EAAA,UAAA,EAAY,QAAQ,KAAO,EAAA,YAAA,EAAc,GAAK,EAAA,GAAG,CAAC,CAAA;AAGxE,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,IAAI,eAAe,OAAS,EAAA;AAC1B,QAAW,UAAA,EAAA;AAAA,OACN,MAAA;AACL,QAAa,YAAA,EAAA;AAAA;AACf,KACC,EAAA,CAAC,YAAc,EAAA,KAAK,CAAC,CAAA;AAExB,IAAM,MAAA,gBAAA,GAAmB,CAAC,KAAwC,KAAA;AAChE,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,IAAI,UAAY,EAAA;AAChB,MAAM,MAAA,WAAA,GAAA,CAAc,+BAAQ,KAAU,CAAA,KAAA,KAAA;AACtC,MAAM,MAAA,YAAA,GAAe,CAAC,OAAQ,CAAA,WAAW,IACrC,WAAY,CAAA,OAAA,CAAQ,WAAW,CAAC,CAChC,GAAA,WAAA;AACJ,MAAA,eAAA,CAAgB,YAAY,CAAA;AAC5B,MAAe,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,KAAwC,KAAA;AAC/D,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,IAAI,UAAY,EAAA;AAChB,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,cAAA,CAAe,OAAU,GAAA,KAAA;AACzB,MAAW,UAAA,EAAA;AACX,MAAM,MAAA,UAAA,GAAa,MAAM,MAAO,CAAA,KAAA;AAChC,MAAI,IAAA,OAAA,CAAQ,UAAU,CAAG,EAAA;AACvB,QAAA;AAAA;AAEF,MAAA,MAAM,cAAiB,GAAA,aAAA,CAAc,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA;AACvD,MAAM,MAAA,UAAA,GAAa,QAAQ,cAAc,CAAA;AACzC,MAAM,MAAA,YAAA,GAAe,YAAY,UAAU,CAAA;AAE3C,MAAA,IAAI,YAAa,CAAA,QAAA,EAAe,KAAA,KAAA,CAAM,UAAY,EAAA;AAChD,QAAA,QAAA,CAAS,YAAY,CAAA;AACrB,QAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,KAAO,EAAA,YAAA,CAAA;AAAA;AAGxB,MAAA,MAAM,cAAiB,GAAA,MAAA,GAAS,MAAO,CAAA,YAAY,CAAI,GAAA,YAAA;AACvD,MAAA,eAAA,CAAgB,cAAc,CAAA;AAC9B,MAAc,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA,KAAA,CAAA;AAAA,KAChB;AAEA,IAAM,MAAA,iBAAA,GAAoB,CAAC,KAAyC,KAAA;AAClE,MAAY,WAAA,EAAA;AACZ,MAAA,MAAM,GAAM,GAAA,aAAA,CAAc,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA;AAC5C,MAAA,IAAI,GAAI,CAAA,QAAA,EAAe,KAAA,KAAA,CAAM,UAAY,EAAA;AACvC,QAAA;AAAA;AAEF,MAAA,MAAM,SAAS,KAAS,IAAA,CAAC,SAAY,GAAA,KAAA,CAAM,GAAG,CAAI,GAAA,GAAA;AAClD,MAAA,QAAA,CAAS,MAAM,CAAA;AACf,MAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,KAAO,EAAA,MAAA,CAAA;AAAA,KACxB;AAEA,IAAM,MAAA,kBAAA,GAAqB,CAAC,KAA2C,KAAA;AACrE,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,cAAA,CAAe,OAAU,GAAA,KAAA;AAEzB,MAAA,QAAQ,MAAM,GAAK;AAAA,QACjB,KAAK,SAAW,EAAA;AACd,UAAA,KAAA,CAAM,cAAe,EAAA;AACrB,UAAA,MAAM,QAAQ,KAAM,CAAA,QAAA;AACpB,UAAA,cAAA,CAAe,OAAO,KAAK,CAAA;AAC3B,UAAA;AAAA;AACF,QACA,KAAK,WAAa,EAAA;AAChB,UAAA,KAAA,CAAM,cAAe,EAAA;AACrB,UAAA,MAAM,QAAQ,KAAM,CAAA,QAAA;AACpB,UAAA,cAAA,CAAe,OAAO,KAAK,CAAA;AAC3B,UAAA;AAAA;AACF,QACA,KAAK,MAAQ,EAAA;AACX,UAAA,KAAA,CAAM,cAAe,EAAA;AACrB,UAAA,QAAA,CAAS,GAAG,CAAA;AACZ,UAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,KAAO,EAAA,GAAA,CAAA;AACtB,UAAA;AAAA;AACF,QACA,KAAK,KAAO,EAAA;AACV,UAAA,KAAA,CAAM,cAAe,EAAA;AACrB,UAAA,QAAA,CAAS,GAAG,CAAA;AACZ,UAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,KAAO,EAAA,GAAA,CAAA;AACtB,UAAA;AAAA;AACF,QACA,KAAK,QAAU,EAAA;AACb,UAAA,KAAA,CAAM,cAAe,EAAA;AACrB,UAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAC1B,UAAA;AAAA;AACF,QACA,KAAK,UAAY,EAAA;AACf,UAAA,KAAA,CAAM,cAAe,EAAA;AACrB,UAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAC1B,UAAA;AAAA;AACF;AAEF,MAAiB,cAAA,IAAA,IAAA,GAAA,MAAA,GAAA,cAAA,CAAA,KAAA,CAAA;AAAA,KACnB;AAEA,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,YAAA,CAAa,IAAI,CAAA;AAAA,KACnB;AAEA,IACE,uBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb,aAAa,OAAO,CAAA;AAAA,UACpB;AAAA,YACE,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG,SAAA;AAAA,YAC3B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,UAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,UAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,eAAe,CAAC,GAAG,WAAA;AAAA,YACjC,CAAC,YAAA,CAAa,gBAAoB,IAAA,EAAE,CAAC,GAAG,gBAAA;AAAA,YACxC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,WAC9B;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,SAAA;AAAA,QACJ,GAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,cAAA,wBACE,KAAI,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,yBAAyB,GACnD,QACH,EAAA,cAAA,EAAA,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,kBAAkB,EAAA,IAAA;AAAA,gBAChB,kBAAA;AAAA,gBACA,oBAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,iBAAA,EAAiB,IAAK,CAAA,mBAAA,EAAqB,eAAe,CAAA;AAAA,cAC1D,cAAA,EACE,CAAC,UACG,GAAA,YAAA,CAAa,OAAO,GAAK,EAAA,GAAG,CAAK,IAAA,gBAAA,KAAqB,OACtD,GAAA,MAAA;AAAA,cAEN,eAAA,EAAe,CAAC,UAAA,GAAa,GAAM,GAAA,MAAA;AAAA,cACnC,eAAA,EAAe,CAAC,UAAA,GAAa,GAAM,GAAA,MAAA;AAAA,cACnC,eACE,EAAA,KAAA,IAAS,CAAC,MAAA,CAAO,MAAM,OAAQ,CAAA,KAAK,CAAC,CAAA,IAAK,CAAC,UACvC,GAAA,OAAA,CAAA,CAAQ,KAAQ,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,KAAA,CAAA,KAAU,KAAK,CAC/B,GAAA,MAAA;AAAA,cAGL,GAAI,CAAC,UAAA,IAAc,EAAE,gBAAkB,EAAA,KAAA,CAAM,UAAW,EAAA;AAAA,cACzD,SAAW,EAAA,IAAA;AAAA,gBACT,aAAa,OAAO,CAAA;AAAA,gBACpB,YAAa,CAAA,CAAA,cAAA,EAAiB,UAAW,CAAA,SAAS,CAAC,CAAE,CAAA,CAAA;AAAA,gBACrD;AAAA,eACF;AAAA,cACA,QAAU,EAAA,UAAA;AAAA,cACV,MAAQ,EAAA,eAAA;AAAA,cACR,QAAU,EAAA,iBAAA;AAAA,cACV,OAAS,EAAA,gBAAA;AAAA,cACT,SAAW,EAAA,kBAAA;AAAA,cACX,aAAe,EAAA,iBAAA;AAAA,cACf,WAAA;AAAA,cACA,QAAU,EAAA,UAAA;AAAA,cACV,eAAA,EAAe,aAAa,MAAS,GAAA,MAAA;AAAA,cACrC,GAAK,EAAA,cAAA;AAAA,cACL,QAAU,EAAA,UAAA;AAAA,cAEV,IAAA,EAAM,aAAa,SAAY,GAAA,YAAA;AAAA,cAC/B,QAAA,EAAU,aAAa,EAAK,GAAA,CAAA;AAAA,cAC5B,KAAO,EAAA,YAAA;AAAA,cACN,GAAG;AAAA;AAAA,WACN;AAAA,0BACC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,YAAA,CAAa,qBAAqB,CAAG,EAAA,CAAA;AAAA,UACpD,CAAC,cAAc,gBACd,oBAAA,GAAA,CAAC,mBAAgB,MAAQ,EAAA,gBAAA,EAAkB,IAAI,kBAAoB,EAAA,CAAA;AAAA,UAEpE,gCACE,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,YAAa,CAAA,uBAAuB,GACjD,QACH,EAAA,YAAA,EAAA,CAAA;AAAA,UAED,CAAC,8BACC,IAAA,CAAA,KAAA,EAAA,EAAI,WAAW,IAAK,CAAA,YAAA,CAAa,iBAAiB,CAAC,CAClD,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAW,EAAA,IAAA;AAAA,kBACT,aAAa,cAAc,CAAA;AAAA,kBAC3B,aAAa,uBAAuB;AAAA,iBACtC;AAAA,gBACA,UAAW,EAAA,aAAA;AAAA,gBACV,GAAG,oBAAA;AAAA,gBAEJ,QAAA,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA;AAAA;AAAA,aAC5B;AAAA,4BACA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAW,EAAA,IAAA;AAAA,kBACT,aAAa,cAAc,CAAA;AAAA,kBAC3B,aAAa,uBAAuB;AAAA,iBACtC;AAAA,gBACA,UAAW,EAAA,aAAA;AAAA,gBACV,GAAG,oBAAA;AAAA,gBAEJ,QAAA,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA;AAAA;AAAA;AAC5B,WACF,EAAA;AAAA;AAAA;AAAA,KAEJ;AAAA;AAGN;;;;"}

package/dist-es/number-input/internal/useCaret.js

@@ -0,0 +1,32 @@
+import { useRef, useCallback } from 'react';
+
+const useCaret = ({
+  inputRef
+}) => {
+  const caretPositionRef = useRef(null);
+  const recordCaret = useCallback(() => {
+    if (inputRef.current) {
+      const { selectionStart: start, selectionEnd: end } = inputRef.current;
+      caretPositionRef.current = {
+        start,
+        end
+      };
+    }
+  }, []);
+  const restoreCaret = useCallback(() => {
+    if (inputRef.current && caretPositionRef.current) {
+      const { start, end } = caretPositionRef.current;
+      inputRef.current.setSelectionRange(start, end);
+    }
+  }, []);
+  const resetCaret = useCallback(() => {
+    if (inputRef.current) {
+      const txtLength = inputRef.current.value.length;
+      caretPositionRef.current = { start: txtLength, end: txtLength };
+    }
+  }, []);
+  return [recordCaret, restoreCaret, resetCaret];
+};
+
+export { useCaret as default };
+//# sourceMappingURL=useCaret.js.map

package/dist-es/number-input/internal/useCaret.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCaret.js","sources":["../src/number-input/internal/useCaret.ts"],"sourcesContent":["import { type MutableRefObject, useCallback, useRef } from \"react\";\n\nconst useCaret = ({\n  inputRef,\n}: {\n  inputRef: MutableRefObject<HTMLInputElement | null>;\n}) => {\n  const caretPositionRef = useRef<{\n    start: number | null;\n    end: number | null;\n  } | null>(null);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Refs shouldn't be used in dependency arrays\n  const recordCaret = useCallback(() => {\n    if (inputRef.current) {\n      const { selectionStart: start, selectionEnd: end } = inputRef.current;\n      caretPositionRef.current = {\n        start,\n        end,\n      };\n    }\n  }, []);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Refs shouldn't be used in dependency arrays\n  const restoreCaret = useCallback(() => {\n    if (inputRef.current && caretPositionRef.current) {\n      const { start, end } = caretPositionRef.current;\n      inputRef.current.setSelectionRange(start, end);\n    }\n  }, []);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Refs shouldn't be used in dependency arrays\n  const resetCaret = useCallback(() => {\n    if (inputRef.current) {\n      const txtLength = inputRef.current.value.length;\n      caretPositionRef.current = { start: txtLength, end: txtLength };\n    }\n  }, []);\n\n  return [recordCaret, restoreCaret, resetCaret];\n};\n\nexport default useCaret;\n"],"names":[],"mappings":";;AAEA,MAAM,WAAW,CAAC;AAAA,EAChB;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,gBAAA,GAAmB,OAGf,IAAI,CAAA;AAGd,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,IAAI,SAAS,OAAS,EAAA;AACpB,MAAA,MAAM,EAAE,cAAgB,EAAA,KAAA,EAAO,YAAc,EAAA,GAAA,KAAQ,QAAS,CAAA,OAAA;AAC9D,MAAA,gBAAA,CAAiB,OAAU,GAAA;AAAA,QACzB,KAAA;AAAA,QACA;AAAA,OACF;AAAA;AACF,GACF,EAAG,EAAE,CAAA;AAGL,EAAM,MAAA,YAAA,GAAe,YAAY,MAAM;AACrC,IAAI,IAAA,QAAA,CAAS,OAAW,IAAA,gBAAA,CAAiB,OAAS,EAAA;AAChD,MAAA,MAAM,EAAE,KAAA,EAAO,GAAI,EAAA,GAAI,gBAAiB,CAAA,OAAA;AACxC,MAAS,QAAA,CAAA,OAAA,CAAQ,iBAAkB,CAAA,KAAA,EAAO,GAAG,CAAA;AAAA;AAC/C,GACF,EAAG,EAAE,CAAA;AAGL,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,IAAI,SAAS,OAAS,EAAA;AACpB,MAAM,MAAA,SAAA,GAAY,QAAS,CAAA,OAAA,CAAQ,KAAM,CAAA,MAAA;AACzC,MAAA,gBAAA,CAAiB,OAAU,GAAA,EAAE,KAAO,EAAA,SAAA,EAAW,KAAK,SAAU,EAAA;AAAA;AAChE,GACF,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA,CAAC,WAAa,EAAA,YAAA,EAAc,UAAU,CAAA;AAC/C;;;;"}

package/dist-es/number-input/internal/utils.js

@@ -1,5 +1,3 @@
-const ACCEPT_INPUT = /^[-+]?[0-9]*\.?([0-9]+)?/g;
-const toFixedDecimalPlaces = (inputNumber, decimalPlaces) => inputNumber.toFixed(decimalPlaces);
 const isAllowedNonNumeric = (inputCharacter) => {
   if (typeof inputCharacter === "number") return;
   return "-+".includes(inputCharacter) && inputCharacter.length === 1 || inputCharacter === "";
@@ -8,20 +6,64 @@ const toFloat = (inputValue) => {
   if (isAllowedNonNumeric(inputValue)) return 0;
   return Number.parseFloat(inputValue.toString());
 };
-const sanitizedInput = (numberString) => (numberString.match(ACCEPT_INPUT) || []).join("");
-const isAtMax = (value, max) => {
-  if (value === void 0) return true;
-  return toFloat(value) >= max;
+const isValidNumber = (num) => {
+  if (typeof num === "number") {
+    return !Number.isNaN(num);
+  }
+  if (!num) {
+    return false;
+  }
+  return (
+    // Normal type: 11.28
+    /^\s*-?\d+(\.\d+)?\s*$/.test(num) || // Pre-number: 1.
+    /^\s*-?\d+\.\s*$/.test(num) || // Post-number: .1
+    /^\s*-?\.\d+\s*$/.test(num)
+  );
 };
-const isAtMin = (value, min) => {
-  if (value === void 0) return true;
-  return toFloat(value) <= min;
+const sanitizeInput = (value) => {
+  if (typeof value === "number") return value;
+  let sanitizedInput = value.replace(/[^0-9.+-]/g, "");
+  sanitizedInput = sanitizedInput.replace(
+    /^([+-]?)(.*)$/,
+    (match, sign, rest) => {
+      return sign + rest.replace(/[+-]/g, "");
+    }
+  );
+  const parts = sanitizedInput.split(".");
+  if (parts.length > 2) {
+    sanitizedInput = `${parts[0]}.${parts.slice(1).join("")}`;
+  }
+  return sanitizedInput;
 };
 const isOutOfRange = (value, min, max) => {
   if (value === void 0) return true;
   const floatValue = toFloat(value);
   return floatValue > max || floatValue < min;
 };
+const clampToRange = (min, max, value) => {
+  if (value < min) return min;
+  if (value > max) return max;
+  return value;
+};
+const isExponential = (number) => {
+  const str = String(number);
+  return !Number.isNaN(Number(str)) && str.includes("e");
+};
+const getNumberPrecision = (number) => {
+  const numStr = String(sanitizeInput(number));
+  if (isExponential(number)) {
+    let precision = Number(numStr.slice(numStr.indexOf("e-") + 2));
+    const decimalMatch = numStr.match(/\.(\d+)/);
+    if (decimalMatch == null ? void 0 : decimalMatch[1]) {
+      precision += decimalMatch[1].length;
+    }
+    return precision;
+  }
+  return numStr.includes(".") && isValidNumber(numStr) ? numStr.length - numStr.indexOf(".") - 1 : 0;
+};
+const isEmpty = (value) => {
+  return value === "";
+};
 
-export { ACCEPT_INPUT, isAllowedNonNumeric, isAtMax, isAtMin, isOutOfRange, sanitizedInput, toFixedDecimalPlaces, toFloat };
+export { clampToRange, getNumberPrecision, isAllowedNonNumeric, isEmpty, isOutOfRange, isValidNumber, sanitizeInput, toFloat };
 //# sourceMappingURL=utils.js.map

package/dist-es/number-input/internal/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/number-input/internal/utils.ts"],"sourcesContent":["// The input should only accept numbers, decimal points, and plus/minus symbols\nexport const ACCEPT_INPUT = /^[-+]?[0-9]*\\.?([0-9]+)?/g;\n\nexport const toFixedDecimalPlaces = (\n  inputNumber: number,\n  decimalPlaces: number,\n) => inputNumber.toFixed(decimalPlaces);\n\nexport const isAllowedNonNumeric = (inputCharacter: number | string) => {\n  if (typeof inputCharacter === \"number\") return;\n  return (\n    (\"-+\".includes(inputCharacter) && inputCharacter.length === 1) ||\n    inputCharacter === \"\"\n  );\n};\n\nexport const toFloat = (inputValue: number | string) => {\n  // Plus, minus, and empty characters are treated as 0\n  if (isAllowedNonNumeric(inputValue)) return 0;\n  return Number.parseFloat(inputValue.toString());\n};\n\nexport const sanitizedInput = (numberString: string) =>\n  (numberString.match(ACCEPT_INPUT) || []).join(\"\");\n\nexport const isAtMax = (value: number | string | undefined, max: number) => {\n  if (value === undefined) return true;\n  return toFloat(value) >= max;\n};\n\nexport const isAtMin = (value: number | string | undefined, min: number) => {\n  if (value === undefined) return true;\n  return toFloat(value) <= min;\n};\n\nexport const isOutOfRange = (\n  value: number | string | undefined,\n  min: number,\n  max: number,\n) => {\n  if (value === undefined) return true;\n  const floatValue = toFloat(value);\n  return floatValue > max || floatValue < min;\n};\n"],"names":[],"mappings":"AACO,MAAM,YAAe,GAAA;AAErB,MAAM,uBAAuB,CAClC,WAAA,EACA,aACG,KAAA,WAAA,CAAY,QAAQ,aAAa;AAEzB,MAAA,mBAAA,GAAsB,CAAC,cAAoC,KAAA;AACtE,EAAI,IAAA,OAAO,mBAAmB,QAAU,EAAA;AACxC,EAAA,OACG,KAAK,QAAS,CAAA,cAAc,KAAK,cAAe,CAAA,MAAA,KAAW,KAC5D,cAAmB,KAAA,EAAA;AAEvB;AAEa,MAAA,OAAA,GAAU,CAAC,UAAgC,KAAA;AAEtD,EAAI,IAAA,mBAAA,CAAoB,UAAU,CAAA,EAAU,OAAA,CAAA;AAC5C,EAAA,OAAO,MAAO,CAAA,UAAA,CAAW,UAAW,CAAA,QAAA,EAAU,CAAA;AAChD;AAEa,MAAA,cAAA,GAAiB,CAAC,YAAA,KAAA,CAC5B,YAAa,CAAA,KAAA,CAAM,YAAY,CAAK,IAAA,EAAI,EAAA,IAAA,CAAK,EAAE;AAErC,MAAA,OAAA,GAAU,CAAC,KAAA,EAAoC,GAAgB,KAAA;AAC1E,EAAI,IAAA,KAAA,KAAU,QAAkB,OAAA,IAAA;AAChC,EAAO,OAAA,OAAA,CAAQ,KAAK,CAAK,IAAA,GAAA;AAC3B;AAEa,MAAA,OAAA,GAAU,CAAC,KAAA,EAAoC,GAAgB,KAAA;AAC1E,EAAI,IAAA,KAAA,KAAU,QAAkB,OAAA,IAAA;AAChC,EAAO,OAAA,OAAA,CAAQ,KAAK,CAAK,IAAA,GAAA;AAC3B;AAEO,MAAM,YAAe,GAAA,CAC1B,KACA,EAAA,GAAA,EACA,GACG,KAAA;AACH,EAAI,IAAA,KAAA,KAAU,QAAkB,OAAA,IAAA;AAChC,EAAM,MAAA,UAAA,GAAa,QAAQ,KAAK,CAAA;AAChC,EAAO,OAAA,UAAA,GAAa,OAAO,UAAa,GAAA,GAAA;AAC1C;;;;"}
+{"version":3,"file":"utils.js","sources":["../src/number-input/internal/utils.ts"],"sourcesContent":["// The input should only accept numbers, decimal points, and plus/minus symbols\nexport const isAllowedNonNumeric = (inputCharacter: number | string) => {\n  if (typeof inputCharacter === \"number\") return;\n  return (\n    (\"-+\".includes(inputCharacter) && inputCharacter.length === 1) ||\n    inputCharacter === \"\"\n  );\n};\n\nexport const toFloat = (inputValue: number | string) => {\n  // Plus, minus, and empty characters are treated as 0\n  if (isAllowedNonNumeric(inputValue)) return 0;\n  return Number.parseFloat(inputValue.toString());\n};\n\nexport const isValidNumber = (num: string | number) => {\n  if (typeof num === \"number\") {\n    return !Number.isNaN(num);\n  }\n\n  // Empty\n  if (!num) {\n    return false;\n  }\n\n  return (\n    // Normal type: 11.28\n    /^\\s*-?\\d+(\\.\\d+)?\\s*$/.test(num) ||\n    // Pre-number: 1.\n    /^\\s*-?\\d+\\.\\s*$/.test(num) ||\n    // Post-number: .1\n    /^\\s*-?\\.\\d+\\s*$/.test(num)\n  );\n};\n\nexport const sanitizeInput = (value: string | number) => {\n  if (typeof value === \"number\") return value;\n  let sanitizedInput = value.replace(/[^0-9.+-]/g, \"\");\n  sanitizedInput = sanitizedInput.replace(\n    /^([+-]?)(.*)$/,\n    (match, sign, rest) => {\n      return sign + rest.replace(/[+-]/g, \"\");\n    },\n  );\n  const parts = sanitizedInput.split(\".\");\n  if (parts.length > 2) {\n    sanitizedInput = `${parts[0]}.${parts.slice(1).join(\"\")}`;\n  }\n\n  return sanitizedInput;\n};\n\nexport const isOutOfRange = (\n  value: number | string | undefined,\n  min: number,\n  max: number,\n) => {\n  if (value === undefined) return true;\n  const floatValue = toFloat(value);\n  return floatValue > max || floatValue < min;\n};\n\nexport const clampToRange = (min: number, max: number, value: number) => {\n  if (value < min) return min;\n  if (value > max) return max;\n  return value;\n};\n\nconst isExponential = (number: string | number) => {\n  const str = String(number);\n\n  return !Number.isNaN(Number(str)) && str.includes(\"e\");\n};\n\nexport const getNumberPrecision = (number: string | number) => {\n  const numStr: string = String(sanitizeInput(number));\n\n  if (isExponential(number)) {\n    let precision = Number(numStr.slice(numStr.indexOf(\"e-\") + 2));\n\n    const decimalMatch = numStr.match(/\\.(\\d+)/);\n    if (decimalMatch?.[1]) {\n      precision += decimalMatch[1].length;\n    }\n    return precision;\n  }\n\n  return numStr.includes(\".\") && isValidNumber(numStr)\n    ? numStr.length - numStr.indexOf(\".\") - 1\n    : 0;\n};\n\nexport const isEmpty = (value: number | string) => {\n  return value === \"\";\n};\n"],"names":[],"mappings":"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"}