numora-react 3.0.2 → 3.1.0

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../node_modules/.pnpm/react@19.2.3/node_modules/react/cjs/react-jsx-runtime.production.js","../../../node_modules/.pnpm/react@19.2.3/node_modules/react/cjs/react-jsx-runtime.development.js","../../../node_modules/.pnpm/react@19.2.3/node_modules/react/jsx-runtime.js","../src/handlers.ts","../src/index.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import type React from 'react';\nimport {\n  handleOnChangeNumoraInput,\n  handleOnKeyDownNumoraInput,\n  handleOnPasteNumoraInput,\n  formatValueForDisplay,\n  type CaretPositionInfo,\n  type FormattingOptions,\n  FormatOn,\n} from 'numora';\n\ntype ChangeResult = {\n  value: string;\n  rawValue?: string;\n};\n\ntype PasteResult = ChangeResult;\ntype BlurResult = ChangeResult;\n\ntype BaseOptions = {\n  decimalMaxLength: number;\n  caretPositionBeforeChange?: CaretPositionInfo;\n  formattingOptions: FormattingOptions & { rawValueMode?: boolean };\n};\n\nexport function handleNumoraOnChange(\n  e: React.ChangeEvent<HTMLInputElement>,\n  options: BaseOptions\n): ChangeResult {\n  const { formatted, raw } = handleOnChangeNumoraInput(\n    e.nativeEvent as unknown as Event,\n    options.decimalMaxLength,\n    options.caretPositionBeforeChange,\n    options.formattingOptions\n  );\n\n  return {\n    value: formatted,\n    rawValue: raw,\n  };\n}\n\nexport function handleNumoraOnPaste(\n  e: React.ClipboardEvent<HTMLInputElement>,\n  options: Omit<BaseOptions, 'caretPositionBeforeChange'>\n): PasteResult {\n  const { formatted, raw } = handleOnPasteNumoraInput(\n    e.nativeEvent as ClipboardEvent,\n    options.decimalMaxLength,\n    options.formattingOptions\n  );\n\n  return {\n    value: formatted,\n    rawValue: raw,\n  };\n}\n\nexport function handleNumoraOnKeyDown(\n  e: React.KeyboardEvent<HTMLInputElement>,\n  formattingOptions: FormattingOptions\n): CaretPositionInfo | undefined {\n  return handleOnKeyDownNumoraInput(\n    e.nativeEvent as unknown as KeyboardEvent,\n    formattingOptions\n  );\n}\n\nexport function handleNumoraOnBlur(\n  e: React.FocusEvent<HTMLInputElement>,\n  options: {\n    decimalMaxLength: number;\n    formattingOptions: FormattingOptions & { rawValueMode?: boolean };\n  }\n): BlurResult {\n  if (options.formattingOptions.formatOn === FormatOn.Blur) {\n    const { formatted, raw } = formatValueForDisplay(\n      e.target.value,\n      options.decimalMaxLength,\n      { ...options.formattingOptions, formatOn: FormatOn.Change }\n    );\n    return {\n      value: formatted,\n      rawValue: raw,\n    };\n  }\n\n  return {\n    value: e.target.value,\n    rawValue: undefined,\n  };\n}\n","import {\n  useRef,\n  useState,\n  useEffect,\n  useLayoutEffect,\n  forwardRef,\n  useCallback,\n  ClipboardEvent,\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  InputHTMLAttributes\n} from 'react';\nimport {\n  FormatOn,\n  ThousandStyle,\n  formatValueForDisplay,\n  removeThousandSeparators,\n  type CaretPositionInfo,\n  type FormattingOptions,\n} from 'numora';\nimport {\n  handleNumoraOnBlur,\n  handleNumoraOnChange,\n  handleNumoraOnKeyDown,\n  handleNumoraOnPaste,\n} from './handlers';\n\nexport interface NumoraInputProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'onChange' | 'type' | 'inputMode' | 'onFocus' | 'onBlur'\n  > {\n  maxDecimals?: number;\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  onFocus?: (e: FocusEvent<HTMLInputElement>) => void;\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;\n\n  formatOn?: FormatOn;\n  thousandSeparator?: string;\n  thousandStyle?: ThousandStyle;\n  decimalSeparator?: string;\n  decimalMinLength?: number;\n\n  enableCompactNotation?: boolean;\n  enableNegative?: boolean;\n  enableLeadingZeros?: boolean;\n  rawValueMode?: boolean;\n}\n\nconst NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref) => {\n  const {\n    maxDecimals = 2,\n    onChange,\n    onPaste,\n    onBlur,\n    onKeyDown,\n    onFocus,\n    formatOn = FormatOn.Blur,\n    thousandSeparator = ',',\n    thousandStyle = ThousandStyle.Thousand,\n    decimalSeparator = '.',\n    decimalMinLength,\n    enableCompactNotation = false,\n    enableNegative = false,\n    enableLeadingZeros = false,\n    rawValueMode = false,\n    value: controlledValue,\n    defaultValue,\n    ...rest\n  } = props;\n\n  const internalInputRef = useRef<HTMLInputElement>(null);\n  const caretInfoRef = useRef<CaretPositionInfo | undefined>(undefined);\n  const lastCaretPosRef = useRef<number | null>(null);\n\n  const formattingOptions: FormattingOptions = {\n    formatOn,\n    thousandSeparator,\n    ThousandStyle: thousandStyle,\n    decimalSeparator,\n    decimalMinLength,\n    enableCompactNotation,\n    enableNegative,\n    enableLeadingZeros,\n    rawValueMode,\n  };\n\n  const getInitialValue = (): string => {\n    const valueToFormat = controlledValue !== undefined ? controlledValue : defaultValue;\n    if (valueToFormat !== undefined) {\n      const { formatted } = formatValueForDisplay(String(valueToFormat), maxDecimals, formattingOptions);\n      return formatted;\n    }\n    return '';\n  };\n\n  const [displayValue, setDisplayValue] = useState<string>(getInitialValue);\n\n  // Sync external ref with internal ref\n  useLayoutEffect(() => {\n    if (!ref) return;\n    if (typeof ref === 'function') {\n      ref(internalInputRef.current);\n    } else {\n      ref.current = internalInputRef.current;\n    }\n  }, [ref]);\n\n  // When controlled value changes from outside, update display value\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      const { formatted } = formatValueForDisplay(String(controlledValue), maxDecimals, formattingOptions);\n      if (formatted !== displayValue) {\n        setDisplayValue(formatted);\n      }\n    }\n  }, [controlledValue, maxDecimals, formattingOptions.ThousandStyle, formattingOptions.decimalSeparator, formattingOptions.decimalMinLength,\n    formattingOptions.enableCompactNotation, formattingOptions.enableLeadingZeros, formattingOptions.enableNegative,\n    formattingOptions.formatOn, formattingOptions.rawValueMode, formattingOptions.thousandSeparator]);\n\n  // Restore cursor position after render\n  useLayoutEffect(() => {\n    if (internalInputRef.current && lastCaretPosRef.current !== null) {\n      const input = internalInputRef.current;\n      const pos = lastCaretPosRef.current;\n      input.setSelectionRange(pos, pos);\n      lastCaretPosRef.current = null;\n    }\n  });\n\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    console.log('handleChange', e);\n    const { value, rawValue } = handleNumoraOnChange(e, {\n      decimalMaxLength: maxDecimals,\n      caretPositionBeforeChange: caretInfoRef.current,\n      formattingOptions,\n    });\n\n    // Store cursor position AFTER core library has calculated and set it\n    // The core library modifies the DOM element directly during handleNumoraOnChange\n    // Read from the input ref (which is the same element) to get the position set by the core library\n    if (internalInputRef.current) {\n      const cursorPos = internalInputRef.current.selectionStart;\n      if (cursorPos !== null && cursorPos !== undefined) {\n        lastCaretPosRef.current = cursorPos;\n      }\n    }\n\n    caretInfoRef.current = undefined;\n\n    (e.target as any).rawValue = rawValue;\n\n    setDisplayValue(value);\n\n    if (onChange) {\n      onChange(e);\n    }\n  }, [maxDecimals, formattingOptions, onChange]);\n\n  const handleKeyDown = useCallback((e: KeyboardEvent<HTMLInputElement>) => {\n    console.log('handleKeyDown', e);\n    const coreCaretInfo = handleNumoraOnKeyDown(e, formattingOptions);\n\n    // Always capture cursor position info, even if core library doesn't return it\n    // This is needed for cursor position calculation during normal typing (not just Delete/Backspace)\n    if (!coreCaretInfo && internalInputRef.current) {\n      const selectionStart = internalInputRef.current.selectionStart ?? 0;\n      const selectionEnd = internalInputRef.current.selectionEnd ?? 0;\n      caretInfoRef.current = {\n        selectionStart,\n        selectionEnd,\n      };\n    } else {\n      caretInfoRef.current = coreCaretInfo;\n    }\n\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n  }, [formattingOptions, onKeyDown]);\n\n  const handlePaste = useCallback((e: ClipboardEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnPaste(e, {\n      decimalMaxLength: maxDecimals,\n      formattingOptions,\n    });\n\n    // For paste, we often want to move cursor to the end of pasted content\n    // handleNumoraOnPaste already handles DOM value and cursor, but React will overwrite it.\n    // So we capture where the core logic set the cursor.\n    lastCaretPosRef.current = (e.target as HTMLInputElement).selectionStart;\n    (e.target as any).rawValue = rawValue;\n\n    setDisplayValue(value);\n\n    if (onPaste) {\n      onPaste(e);\n    }\n\n    // Trigger onChange manually because paste event doesn't always trigger a ChangeEvent in all React versions\n    // when we preventDefault.\n    if (onChange) {\n      const changeEvent = e as unknown as ChangeEvent<HTMLInputElement>;\n      onChange(changeEvent);\n    }\n  }, [maxDecimals, formattingOptions, onPaste, onChange]);\n\n  const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    console.log('handleFocus', e);\n    if (formattingOptions.formatOn === FormatOn.Blur && formattingOptions.thousandSeparator) {\n      const unformattedValue = removeThousandSeparators(displayValue, formattingOptions.thousandSeparator);\n      setDisplayValue(unformattedValue);\n    }\n\n    if (onFocus) {\n      onFocus(e);\n    }\n  }, [formattingOptions, onFocus, displayValue]);\n\n  const handleBlur = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    console.log('handleBlur', e);\n    const { value, rawValue } = handleNumoraOnBlur(e, {\n      decimalMaxLength: maxDecimals,\n      formattingOptions,\n    });\n\n    (e.target as any).rawValue = rawValue;\n    setDisplayValue(value);\n\n    if (onBlur) {\n      onBlur(e);\n    }\n  }, [maxDecimals, formattingOptions, onBlur]);\n\n  return (\n    <input\n      {...rest}\n      ref={internalInputRef}\n      value={displayValue}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onPaste={handlePaste}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      type=\"text\"\n      inputMode=\"decimal\"\n      spellCheck={false}\n      autoComplete=\"off\"\n    />\n  );\n});\n\nNumoraInput.displayName = 'NumoraInput';\n\nexport { NumoraInput };\nexport { FormatOn, ThousandStyle } from 'numora';\nexport type { FormattingOptions, CaretPositionInfo } from 'numora';\n"],"names":["jsxRuntimeModule","require$$0","require$$1","_jsx"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"index.mjs","sources":["../src/handlers.ts","../src/index.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n  handleOnChangeNumoraInput,\n  handleOnKeyDownNumoraInput,\n  handleOnPasteNumoraInput,\n  formatValueForDisplay,\n  type CaretPositionInfo,\n  type FormattingOptions,\n  FormatOn,\n} from 'numora';\n\ntype ChangeResult = {\n  value: string;\n  rawValue?: string;\n};\n\ntype PasteResult = ChangeResult;\ntype BlurResult = ChangeResult;\n\ntype BaseOptions = {\n  decimalMaxLength: number;\n  caretPositionBeforeChange?: CaretPositionInfo;\n  formattingOptions: FormattingOptions & { rawValueMode?: boolean };\n};\n\nexport function handleNumoraOnChange(\n  e: React.ChangeEvent<HTMLInputElement>,\n  options: BaseOptions\n): ChangeResult {\n  const { formatted, raw } = handleOnChangeNumoraInput(\n    e.nativeEvent as unknown as Event,\n    options.decimalMaxLength,\n    options.caretPositionBeforeChange,\n    options.formattingOptions\n  );\n\n  return {\n    value: formatted,\n    rawValue: raw,\n  };\n}\n\nexport function handleNumoraOnPaste(\n  e: React.ClipboardEvent<HTMLInputElement>,\n  options: Omit<BaseOptions, 'caretPositionBeforeChange'>\n): PasteResult {\n  const { formatted, raw } = handleOnPasteNumoraInput(\n    e.nativeEvent as ClipboardEvent,\n    options.decimalMaxLength,\n    options.formattingOptions\n  );\n\n  return {\n    value: formatted,\n    rawValue: raw,\n  };\n}\n\nexport function handleNumoraOnKeyDown(\n  e: React.KeyboardEvent<HTMLInputElement>,\n  formattingOptions: FormattingOptions\n): CaretPositionInfo | undefined {\n  return handleOnKeyDownNumoraInput(\n    e.nativeEvent as unknown as KeyboardEvent,\n    formattingOptions\n  );\n}\n\nexport function handleNumoraOnBlur(\n  e: React.FocusEvent<HTMLInputElement>,\n  options: {\n    decimalMaxLength: number;\n    formattingOptions: FormattingOptions & { rawValueMode?: boolean };\n  }\n): BlurResult {\n  if (options.formattingOptions.formatOn === FormatOn.Blur) {\n    const { formatted, raw } = formatValueForDisplay(\n      e.target.value,\n      options.decimalMaxLength,\n      { ...options.formattingOptions, formatOn: FormatOn.Change }\n    );\n    return {\n      value: formatted,\n      rawValue: raw,\n    };\n  }\n\n  return {\n    value: e.target.value,\n    rawValue: undefined,\n  };\n}\n","import {\n  useRef,\n  useState,\n  useEffect,\n  useLayoutEffect,\n  forwardRef,\n  useCallback,\n  useMemo,\n  ClipboardEvent,\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  InputHTMLAttributes\n} from 'react';\nimport {\n  FormatOn,\n  ThousandStyle,\n  formatValueForDisplay,\n  removeThousandSeparators,\n  validateNumoraInputOptions,\n  type CaretPositionInfo,\n  type FormattingOptions,\n} from 'numora';\nimport {\n  handleNumoraOnBlur,\n  handleNumoraOnChange,\n  handleNumoraOnKeyDown,\n  handleNumoraOnPaste,\n} from './handlers';\n\nexport interface NumoraHTMLInputElement extends HTMLInputElement {\n  rawValue?: string;\n}\n\nexport type NumoraInputChangeEvent = Omit<ChangeEvent<HTMLInputElement>, 'target'> & {\n  target: NumoraHTMLInputElement;\n};\n\n/**\n * Creates a complete synthetic change event from a real HTMLInputElement.\n * Used when a change needs to be signalled without an actual DOM change event\n * (e.g. after paste with preventDefault, or after a controlled-value reformat).\n */\nfunction createSyntheticChangeEvent(input: HTMLInputElement): NumoraInputChangeEvent {\n  const nativeEvent = new Event('change', { bubbles: true, cancelable: false });\n  return {\n    nativeEvent,\n    target: input as NumoraHTMLInputElement,\n    currentTarget: input,\n    type: 'change',\n    bubbles: true,\n    cancelable: false,\n    defaultPrevented: false,\n    eventPhase: Event.AT_TARGET,\n    isTrusted: false,\n    timeStamp: Date.now(),\n    isDefaultPrevented: () => false,\n    isPropagationStopped: () => false,\n    persist: () => {},\n    preventDefault: () => {},\n    stopPropagation: () => {},\n    stopImmediatePropagation: () => {},\n  } as unknown as NumoraInputChangeEvent;\n}\n\nexport interface NumoraInputProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'onChange' | 'type' | 'inputMode' | 'onFocus' | 'onBlur'\n  > {\n  maxDecimals?: number;\n  onChange?: (e: NumoraInputChangeEvent) => void;\n  onFocus?: (e: FocusEvent<HTMLInputElement>) => void;\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Called with the raw (unformatted) numeric string on every value change. */\n  onRawValueChange?: (rawValue: string | undefined) => void;\n\n  formatOn?: FormatOn;\n  thousandSeparator?: string;\n  thousandStyle?: ThousandStyle;\n  decimalSeparator?: string;\n  decimalMinLength?: number;\n\n  enableCompactNotation?: boolean;\n  enableNegative?: boolean;\n  enableLeadingZeros?: boolean;\n  rawValueMode?: boolean;\n}\n\nconst NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref) => {\n  const {\n    maxDecimals = 2,\n    onChange,\n    onPaste,\n    onBlur,\n    onKeyDown,\n    onFocus,\n    onRawValueChange,\n    formatOn = FormatOn.Blur,\n    thousandSeparator = ',',\n    thousandStyle = ThousandStyle.Thousand,\n    decimalSeparator = '.',\n    decimalMinLength,\n    enableCompactNotation = false,\n    enableNegative = false,\n    enableLeadingZeros = false,\n    rawValueMode = false,\n    value: controlledValue,\n    defaultValue,\n    ...rest\n  } = props;\n\n  validateNumoraInputOptions({\n    decimalMaxLength: maxDecimals,\n    decimalMinLength,\n    formatOn,\n    thousandSeparator,\n    thousandStyle,\n    decimalSeparator,\n    enableCompactNotation,\n    enableNegative,\n    enableLeadingZeros,\n    rawValueMode,\n  });\n\n  const internalInputRef = useRef<HTMLInputElement>(null);\n  const caretInfoRef = useRef<CaretPositionInfo | undefined>(undefined);\n  const lastCaretPosRef = useRef<number | null>(null);\n\n  // Memoize to give callbacks a stable reference - avoids recreating all\n  // useCallback functions on every render when primitive props haven't changed.\n  const formattingOptions: FormattingOptions = useMemo(() => ({\n    formatOn,\n    thousandSeparator,\n    ThousandStyle: thousandStyle,\n    decimalSeparator,\n    decimalMinLength,\n    enableCompactNotation,\n    enableNegative,\n    enableLeadingZeros,\n    rawValueMode,\n  }), [formatOn, thousandSeparator, thousandStyle, decimalSeparator, decimalMinLength,\n    enableCompactNotation, enableNegative, enableLeadingZeros, rawValueMode]);\n\n  const getInitialValue = (): string => {\n    const valueToFormat = controlledValue !== undefined ? controlledValue : defaultValue;\n    if (valueToFormat !== undefined) {\n      const { formatted } = formatValueForDisplay(String(valueToFormat), maxDecimals, formattingOptions);\n      return formatted;\n    }\n    return '';\n  };\n\n  const [displayValue, setDisplayValue] = useState<string>(getInitialValue);\n\n  // Track the current displayValue via a ref so the controlled-value useEffect\n  // can compare against it without adding displayValue as a dependency (which\n  // would cause the effect to re-run on every keystroke).\n  const displayValueRef = useRef<string>(displayValue);\n  displayValueRef.current = displayValue;\n\n  // Sync external ref with internal ref\n  useLayoutEffect(() => {\n    if (!ref) return;\n    if (typeof ref === 'function') {\n      ref(internalInputRef.current);\n    } else {\n      ref.current = internalInputRef.current;\n    }\n  }, [ref]);\n\n  // When the controlled value or formatting options change, reformat the display.\n  // Uses displayValueRef (not displayValue in deps) to avoid re-running on every keystroke.\n  // Does NOT call onChange - that would create a circular loop with react-hook-form Controller.\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      const { formatted, raw } = formatValueForDisplay(String(controlledValue), maxDecimals, formattingOptions);\n      if (formatted !== displayValueRef.current) {\n        setDisplayValue(formatted);\n\n        if (internalInputRef.current) {\n          (internalInputRef.current as NumoraHTMLInputElement).rawValue = raw;\n        }\n        onRawValueChange?.(raw);\n      }\n    }\n  }, [controlledValue, maxDecimals, formattingOptions, onRawValueChange]);\n\n  // Restore cursor position after render.\n  // No dependency array is intentional: this must run after every render so it catches\n  // the re-render triggered by setDisplayValue in handleChange/handlePaste.\n  // lastCaretPosRef is a ref (not reactive), so it cannot be a dependency.\n  useLayoutEffect(() => {\n    if (internalInputRef.current && lastCaretPosRef.current !== null) {\n      const input = internalInputRef.current;\n      const pos = lastCaretPosRef.current;\n      input.setSelectionRange(pos, pos);\n      lastCaretPosRef.current = null;\n    }\n  });\n\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnChange(e, {\n      decimalMaxLength: maxDecimals,\n      caretPositionBeforeChange: caretInfoRef.current,\n      formattingOptions,\n    });\n\n    if (internalInputRef.current) {\n      const cursorPos = internalInputRef.current.selectionStart;\n      if (cursorPos !== null && cursorPos !== undefined) {\n        lastCaretPosRef.current = cursorPos;\n      }\n    }\n\n    caretInfoRef.current = undefined;\n\n    (e.target as NumoraHTMLInputElement).rawValue = rawValue;\n    onRawValueChange?.(rawValue);\n\n    setDisplayValue(value);\n\n    if (onChange) {\n      onChange(e as unknown as NumoraInputChangeEvent);\n    }\n  }, [maxDecimals, formattingOptions, onChange, onRawValueChange]);\n\n  const handleKeyDown = useCallback((e: KeyboardEvent<HTMLInputElement>) => {\n    const coreCaretInfo = handleNumoraOnKeyDown(e, formattingOptions);\n\n    if (!coreCaretInfo && internalInputRef.current) {\n      const selectionStart = internalInputRef.current.selectionStart ?? 0;\n      const selectionEnd = internalInputRef.current.selectionEnd ?? 0;\n      caretInfoRef.current = {\n        selectionStart,\n        selectionEnd,\n      };\n    } else {\n      caretInfoRef.current = coreCaretInfo;\n    }\n\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n  }, [formattingOptions, onKeyDown]);\n\n  const handlePaste = useCallback((e: ClipboardEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnPaste(e, {\n      decimalMaxLength: maxDecimals,\n      formattingOptions,\n    });\n\n    lastCaretPosRef.current = (e.target as HTMLInputElement).selectionStart;\n    (e.target as NumoraHTMLInputElement).rawValue = rawValue;\n    onRawValueChange?.(rawValue);\n\n    setDisplayValue(value);\n\n    if (onPaste) {\n      onPaste(e);\n    }\n\n    // Paste calls e.preventDefault() internally, so React's onChange never fires.\n    // We synthesise a proper change event so consumers see a typed ChangeEvent.\n    if (onChange) {\n      onChange(createSyntheticChangeEvent(e.target as HTMLInputElement));\n    }\n  }, [maxDecimals, formattingOptions, onPaste, onChange, onRawValueChange]);\n\n  const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    if (\n      formattingOptions.formatOn === FormatOn.Blur &&\n      formattingOptions.thousandSeparator &&\n      formattingOptions.ThousandStyle !== ThousandStyle.None\n    ) {\n      // Read directly from the DOM element to avoid a stale displayValue closure\n      // and to eliminate displayValue from the deps array (which would recreate\n      // this callback on every keystroke).\n      const currentValue = (e.target as HTMLInputElement).value;\n      setDisplayValue(removeThousandSeparators(currentValue, formattingOptions.thousandSeparator!));\n    }\n\n    if (onFocus) {\n      onFocus(e);\n    }\n  }, [formattingOptions, onFocus]);\n\n  const handleBlur = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    const { value, rawValue } = handleNumoraOnBlur(e, {\n      decimalMaxLength: maxDecimals,\n      formattingOptions,\n    });\n\n    (e.target as NumoraHTMLInputElement).rawValue = rawValue;\n    onRawValueChange?.(rawValue);\n    setDisplayValue(value);\n\n    if (onBlur) {\n      onBlur(e);\n    }\n  }, [maxDecimals, formattingOptions, onBlur, onRawValueChange]);\n\n  return (\n    <input\n      {...rest}\n      ref={internalInputRef}\n      value={displayValue}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onPaste={handlePaste}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      type=\"text\"\n      inputMode=\"decimal\"\n      spellCheck={false}\n      autoComplete=\"off\"\n    />\n  );\n});\n\nNumoraInput.displayName = 'NumoraInput';\n\nexport { NumoraInput };\nexport { FormatOn, ThousandStyle } from 'numora';\nexport type { FormattingOptions, CaretPositionInfo } from 'numora';\n"],"names":["_jsx"],"mappings":"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"}

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "numora-react",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
+  "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "description": "React component wrapper for Numora",
   "homepage": "https://numora.xyz/",
@@ -11,7 +10,17 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.cjs"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "numora": ">=3.0.2"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
     }
   },
   "sideEffects": false,
@@ -61,8 +70,8 @@
     "rollup": "^4.53.5",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.3",
-    "numora": "^3.0.2"
+    "typescript": "^5.8.2",
+    "numora": "^3.1.0"
   },
   "publishConfig": {
     "access": "public"

package/rollup.config.mjs

@@ -2,20 +2,19 @@ import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import typescript from '@rollup/plugin-typescript';
 import peerDepsExternal from 'rollup-plugin-peer-deps-external';
-import packageJson from './package.json' assert { type: 'json' };
 
 export default {
   input: 'src/index.tsx',
   output: [
     {
-      file: packageJson.main,
+      file: 'dist/index.cjs',
       format: 'cjs',
       sourcemap: true,
       exports: 'named',
       interop: 'auto',
     },
     {
-      file: packageJson.module,
+      file: 'dist/index.mjs',
       format: 'esm',
       sourcemap: true,
     },

package/src/index.tsx

@@ -5,6 +5,7 @@ import {
   useLayoutEffect,
   forwardRef,
   useCallback,
+  useMemo,
   ClipboardEvent,
   ChangeEvent,
   FocusEvent,
@@ -16,6 +17,7 @@ import {
   ThousandStyle,
   formatValueForDisplay,
   removeThousandSeparators,
+  validateNumoraInputOptions,
   type CaretPositionInfo,
   type FormattingOptions,
 } from 'numora';
@@ -26,15 +28,52 @@ import {
   handleNumoraOnPaste,
 } from './handlers';
 
+export interface NumoraHTMLInputElement extends HTMLInputElement {
+  rawValue?: string;
+}
+
+export type NumoraInputChangeEvent = Omit<ChangeEvent<HTMLInputElement>, 'target'> & {
+  target: NumoraHTMLInputElement;
+};
+
+/**
+ * Creates a complete synthetic change event from a real HTMLInputElement.
+ * Used when a change needs to be signalled without an actual DOM change event
+ * (e.g. after paste with preventDefault, or after a controlled-value reformat).
+ */
+function createSyntheticChangeEvent(input: HTMLInputElement): NumoraInputChangeEvent {
+  const nativeEvent = new Event('change', { bubbles: true, cancelable: false });
+  return {
+    nativeEvent,
+    target: input as NumoraHTMLInputElement,
+    currentTarget: input,
+    type: 'change',
+    bubbles: true,
+    cancelable: false,
+    defaultPrevented: false,
+    eventPhase: Event.AT_TARGET,
+    isTrusted: false,
+    timeStamp: Date.now(),
+    isDefaultPrevented: () => false,
+    isPropagationStopped: () => false,
+    persist: () => {},
+    preventDefault: () => {},
+    stopPropagation: () => {},
+    stopImmediatePropagation: () => {},
+  } as unknown as NumoraInputChangeEvent;
+}
+
 export interface NumoraInputProps
   extends Omit<
     InputHTMLAttributes<HTMLInputElement>,
     'onChange' | 'type' | 'inputMode' | 'onFocus' | 'onBlur'
   > {
   maxDecimals?: number;
-  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (e: NumoraInputChangeEvent) => void;
   onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
   onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+  /** Called with the raw (unformatted) numeric string on every value change. */
+  onRawValueChange?: (rawValue: string | undefined) => void;
 
   formatOn?: FormatOn;
   thousandSeparator?: string;
@@ -56,6 +95,7 @@ const NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref)
     onBlur,
     onKeyDown,
     onFocus,
+    onRawValueChange,
     formatOn = FormatOn.Blur,
     thousandSeparator = ',',
     thousandStyle = ThousandStyle.Thousand,
@@ -70,11 +110,26 @@ const NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref)
     ...rest
   } = props;
 
+  validateNumoraInputOptions({
+    decimalMaxLength: maxDecimals,
+    decimalMinLength,
+    formatOn,
+    thousandSeparator,
+    thousandStyle,
+    decimalSeparator,
+    enableCompactNotation,
+    enableNegative,
+    enableLeadingZeros,
+    rawValueMode,
+  });
+
   const internalInputRef = useRef<HTMLInputElement>(null);
   const caretInfoRef = useRef<CaretPositionInfo | undefined>(undefined);
   const lastCaretPosRef = useRef<number | null>(null);
 
-  const formattingOptions: FormattingOptions = {
+  // Memoize to give callbacks a stable reference - avoids recreating all
+  // useCallback functions on every render when primitive props haven't changed.
+  const formattingOptions: FormattingOptions = useMemo(() => ({
     formatOn,
     thousandSeparator,
     ThousandStyle: thousandStyle,
@@ -84,7 +139,8 @@ const NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref)
     enableNegative,
     enableLeadingZeros,
     rawValueMode,
-  };
+  }), [formatOn, thousandSeparator, thousandStyle, decimalSeparator, decimalMinLength,
+    enableCompactNotation, enableNegative, enableLeadingZeros, rawValueMode]);
 
   const getInitialValue = (): string => {
     const valueToFormat = controlledValue !== undefined ? controlledValue : defaultValue;
@@ -97,6 +153,12 @@ const NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref)
 
   const [displayValue, setDisplayValue] = useState<string>(getInitialValue);
 
+  // Track the current displayValue via a ref so the controlled-value useEffect
+  // can compare against it without adding displayValue as a dependency (which
+  // would cause the effect to re-run on every keystroke).
+  const displayValueRef = useRef<string>(displayValue);
+  displayValueRef.current = displayValue;
+
   // Sync external ref with internal ref
   useLayoutEffect(() => {
     if (!ref) return;
@@ -107,19 +169,27 @@ const NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref)
     }
   }, [ref]);
 
-  // When controlled value changes from outside, update display value
+  // When the controlled value or formatting options change, reformat the display.
+  // Uses displayValueRef (not displayValue in deps) to avoid re-running on every keystroke.
+  // Does NOT call onChange - that would create a circular loop with react-hook-form Controller.
   useEffect(() => {
     if (controlledValue !== undefined) {
-      const { formatted } = formatValueForDisplay(String(controlledValue), maxDecimals, formattingOptions);
-      if (formatted !== displayValue) {
+      const { formatted, raw } = formatValueForDisplay(String(controlledValue), maxDecimals, formattingOptions);
+      if (formatted !== displayValueRef.current) {
         setDisplayValue(formatted);
+
+        if (internalInputRef.current) {
+          (internalInputRef.current as NumoraHTMLInputElement).rawValue = raw;
+        }
+        onRawValueChange?.(raw);
       }
     }
-  }, [controlledValue, maxDecimals, formattingOptions.ThousandStyle, formattingOptions.decimalSeparator, formattingOptions.decimalMinLength,
-    formattingOptions.enableCompactNotation, formattingOptions.enableLeadingZeros, formattingOptions.enableNegative,
-    formattingOptions.formatOn, formattingOptions.rawValueMode, formattingOptions.thousandSeparator]);
+  }, [controlledValue, maxDecimals, formattingOptions, onRawValueChange]);
 
-  // Restore cursor position after render
+  // Restore cursor position after render.
+  // No dependency array is intentional: this must run after every render so it catches
+  // the re-render triggered by setDisplayValue in handleChange/handlePaste.
+  // lastCaretPosRef is a ref (not reactive), so it cannot be a dependency.
   useLayoutEffect(() => {
     if (internalInputRef.current && lastCaretPosRef.current !== null) {
       const input = internalInputRef.current;
@@ -130,16 +200,12 @@ const NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref)
   });
 
   const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {
-    console.log('handleChange', e);
     const { value, rawValue } = handleNumoraOnChange(e, {
       decimalMaxLength: maxDecimals,
       caretPositionBeforeChange: caretInfoRef.current,
       formattingOptions,
     });
 
-    // Store cursor position AFTER core library has calculated and set it
-    // The core library modifies the DOM element directly during handleNumoraOnChange
-    // Read from the input ref (which is the same element) to get the position set by the core library
     if (internalInputRef.current) {
       const cursorPos = internalInputRef.current.selectionStart;
       if (cursorPos !== null && cursorPos !== undefined) {
@@ -149,21 +215,19 @@ const NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref)
 
     caretInfoRef.current = undefined;
 
-    (e.target as any).rawValue = rawValue;
+    (e.target as NumoraHTMLInputElement).rawValue = rawValue;
+    onRawValueChange?.(rawValue);
 
     setDisplayValue(value);
 
     if (onChange) {
-      onChange(e);
+      onChange(e as unknown as NumoraInputChangeEvent);
     }
-  }, [maxDecimals, formattingOptions, onChange]);
+  }, [maxDecimals, formattingOptions, onChange, onRawValueChange]);
 
   const handleKeyDown = useCallback((e: KeyboardEvent<HTMLInputElement>) => {
-    console.log('handleKeyDown', e);
     const coreCaretInfo = handleNumoraOnKeyDown(e, formattingOptions);
 
-    // Always capture cursor position info, even if core library doesn't return it
-    // This is needed for cursor position calculation during normal typing (not just Delete/Backspace)
     if (!coreCaretInfo && internalInputRef.current) {
       const selectionStart = internalInputRef.current.selectionStart ?? 0;
       const selectionEnd = internalInputRef.current.selectionEnd ?? 0;
@@ -186,11 +250,9 @@ const NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref)
       formattingOptions,
     });
 
-    // For paste, we often want to move cursor to the end of pasted content
-    // handleNumoraOnPaste already handles DOM value and cursor, but React will overwrite it.
-    // So we capture where the core logic set the cursor.
     lastCaretPosRef.current = (e.target as HTMLInputElement).selectionStart;
-    (e.target as any).rawValue = rawValue;
+    (e.target as NumoraHTMLInputElement).rawValue = rawValue;
+    onRawValueChange?.(rawValue);
 
     setDisplayValue(value);
 
@@ -198,40 +260,45 @@ const NumoraInput = forwardRef<HTMLInputElement, NumoraInputProps>((props, ref)
       onPaste(e);
     }
 
-    // Trigger onChange manually because paste event doesn't always trigger a ChangeEvent in all React versions
-    // when we preventDefault.
+    // Paste calls e.preventDefault() internally, so React's onChange never fires.
+    // We synthesise a proper change event so consumers see a typed ChangeEvent.
     if (onChange) {
-      const changeEvent = e as unknown as ChangeEvent<HTMLInputElement>;
-      onChange(changeEvent);
+      onChange(createSyntheticChangeEvent(e.target as HTMLInputElement));
     }
-  }, [maxDecimals, formattingOptions, onPaste, onChange]);
+  }, [maxDecimals, formattingOptions, onPaste, onChange, onRawValueChange]);
 
   const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {
-    console.log('handleFocus', e);
-    if (formattingOptions.formatOn === FormatOn.Blur && formattingOptions.thousandSeparator) {
-      const unformattedValue = removeThousandSeparators(displayValue, formattingOptions.thousandSeparator);
-      setDisplayValue(unformattedValue);
+    if (
+      formattingOptions.formatOn === FormatOn.Blur &&
+      formattingOptions.thousandSeparator &&
+      formattingOptions.ThousandStyle !== ThousandStyle.None
+    ) {
+      // Read directly from the DOM element to avoid a stale displayValue closure
+      // and to eliminate displayValue from the deps array (which would recreate
+      // this callback on every keystroke).
+      const currentValue = (e.target as HTMLInputElement).value;
+      setDisplayValue(removeThousandSeparators(currentValue, formattingOptions.thousandSeparator!));
     }
 
     if (onFocus) {
       onFocus(e);
     }
-  }, [formattingOptions, onFocus, displayValue]);
+  }, [formattingOptions, onFocus]);
 
   const handleBlur = useCallback((e: FocusEvent<HTMLInputElement>) => {
-    console.log('handleBlur', e);
     const { value, rawValue } = handleNumoraOnBlur(e, {
       decimalMaxLength: maxDecimals,
       formattingOptions,
     });
 
-    (e.target as any).rawValue = rawValue;
+    (e.target as NumoraHTMLInputElement).rawValue = rawValue;
+    onRawValueChange?.(rawValue);
     setDisplayValue(value);
 
     if (onBlur) {
       onBlur(e);
     }
-  }, [maxDecimals, formattingOptions, onBlur]);
+  }, [maxDecimals, formattingOptions, onBlur, onRawValueChange]);
 
   return (
     <input

package/tsconfig.json

@@ -9,7 +9,7 @@
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "allowSyntheticDefaultImports": true,
     "lib": ["ESNext", "DOM"]
   },