@timeax/form-palette 0.1.27 → 0.1.29

package/dist/extra.mjs

@@ -10771,7 +10771,11 @@ var Input = React74.forwardRef(
           children: [
             renderBaseInput({
               inner: false,
-              className: cx(baseBoxClasses, boxPaddingClasses, className),
+              className: cx(
+                baseBoxClasses,
+                boxPaddingClasses,
+                className
+              ),
               style: varsStyle
             }),
             hasLeadingIcons && /* @__PURE__ */ jsx(
@@ -10875,7 +10879,7 @@ var Input = React74.forwardRef(
                       className: "absolute inset-y-0 left-0 flex items-center cursor-pointer",
                       style: {
                         gap: leadingGap,
-                        paddingLeft: `${pxDefault}px`
+                        paddingLeft: hasLeadingControl ? void 0 : `${pxDefault}px`
                       },
                       "data-slot": "leading-icons",
                       onMouseDown: handleIconMouseDown,
@@ -10896,7 +10900,7 @@ var Input = React74.forwardRef(
                       className: "absolute inset-y-0 right-0 flex items-center cursor-pointer",
                       style: {
                         gap: trailingGap,
-                        paddingRight: `${pxDefault}px`
+                        paddingRight: hasTrailingControl ? void 0 : `${pxDefault}px`
                       },
                       "data-slot": "trailing-icons",
                       onMouseDown: handleIconMouseDown,
@@ -11220,9 +11224,98 @@ var textVariant = {
     tags: ["text", "input", "string"]
   }
 };
+function clampToLimits(n3, min2, max2) {
+  let out = n3;
+  if (min2 != null && out < min2) out = min2;
+  if (max2 != null && out > max2) out = max2;
+  return out;
+}
+function isFiniteNumber(n3) {
+  return typeof n3 === "number" && Number.isFinite(n3);
+}
+function resolveLocale(explicit) {
+  if (explicit) return explicit;
+  if (typeof navigator !== "undefined" && navigator.language)
+    return navigator.language;
+  return "en-US";
+}
+function getDecimalSeparator(locale) {
+  const s3 = new Intl.NumberFormat(locale, { useGrouping: false }).format(1.1);
+  const m2 = s3.match(/1(.?)1/);
+  return (m2 == null ? void 0 : m2[1]) || ".";
+}
+function stripAffixes(text, prefix, suffix) {
+  let t4 = text != null ? text : "";
+  if (prefix && t4.startsWith(prefix)) t4 = t4.slice(prefix.length);
+  if (suffix && t4.endsWith(suffix)) t4 = t4.slice(0, -suffix.length);
+  return t4;
+}
+function stripGrouping(text, locale) {
+  const group = new Intl.NumberFormat(locale, { useGrouping: true }).format(1e6).replace(/[0-9]/g, "").trim().charAt(0);
+  if (!group) return text;
+  const re3 = new RegExp(`\\${group}`, "g");
+  return text.replace(re3, "");
+}
+function parseEditable(editable, locale, decimalSep) {
+  const t4 = editable.trim();
+  if (!t4 || t4 === "-" || t4 === decimalSep) return null;
+  const noGroup = stripGrouping(t4, locale);
+  const normalized = decimalSep === "." ? noGroup : noGroup.replace(decimalSep, ".");
+  const cleaned = normalized.endsWith(".") ? normalized.slice(0, -1) : normalized;
+  if (!cleaned || cleaned === "-") return null;
+  const n3 = Number(cleaned);
+  return Number.isFinite(n3) ? n3 : null;
+}
+function formatDisplayNumber(n3, locale, opts, prefix, suffix) {
+  const f2 = new Intl.NumberFormat(locale, opts).format(n3);
+  return `${prefix != null ? prefix : ""}${f2}${suffix != null ? suffix : ""}`;
+}
+function applyFractionLimitReplace(next, prev, locale, decimalSep, maxFractionDigits, inputEl) {
+  var _a, _b, _c;
+  if (maxFractionDigits == null)
+    return { text: next, caret: (_a = inputEl.selectionStart) != null ? _a : next.length };
+  const selStart = (_b = inputEl.selectionStart) != null ? _b : 0;
+  const selEnd = (_c = inputEl.selectionEnd) != null ? _c : selStart;
+  const decIndex = next.indexOf(decimalSep);
+  if (decIndex === -1) return { text: next, caret: selStart };
+  const frac = next.slice(decIndex + 1);
+  if (frac.length <= maxFractionDigits)
+    return { text: next, caret: selStart };
+  if (selEnd > selStart) {
+    const trimmed2 = next.slice(0, decIndex + 1 + maxFractionDigits);
+    const caret2 = Math.min(selStart, trimmed2.length);
+    return { text: trimmed2, caret: caret2 };
+  }
+  const caret = selStart;
+  const fracStart = decIndex + 1;
+  const fracEnd = fracStart + maxFractionDigits;
+  const trimmed = next.slice(0, fracEnd);
+  const clampedCaret = Math.min(caret, trimmed.length);
+  return { text: trimmed, caret: clampedCaret };
+}
+function normalizeEditable(raw, locale, decimalSep, allowMinus) {
+  let t4 = raw;
+  t4 = stripGrouping(t4, locale);
+  const allowed = new RegExp(`[^0-9\\${decimalSep}\\-]`, "g");
+  t4 = t4.replace(allowed, "");
+  const minusCount = (t4.match(/\-/g) || []).length;
+  if (minusCount) {
+    t4 = t4.replace(/\-/g, "");
+    if (allowMinus) t4 = "-" + t4;
+  }
+  const firstDec = t4.indexOf(decimalSep);
+  if (firstDec !== -1) {
+    const before = t4.slice(0, firstDec + 1);
+    const after = t4.slice(firstDec + 1).replace(new RegExp(`\\${decimalSep}`, "g"), "");
+    t4 = before + after;
+  }
+  if (t4 === "-" + decimalSep) t4 = "-0" + decimalSep;
+  if (t4 === decimalSep) t4 = "0" + decimalSep;
+  return t4;
+}
 var InputNumber = React74.memo(
   React74.forwardRef((inProps, ref) => {
-    var _a, _b;
+    var _a;
     const props = {
       allowEmpty: true,
       autoFocus: false,
@@ -11236,35 +11329,19 @@ var InputNumber = React74.memo(
       type: "text",
       ...inProps
     };
-    const [focusedState, setFocusedState] = React74.useState(false);
-    React74.useRef(null);
-    const inputRef = React74.useRef(null);
-    const timer = React74.useRef(void 0);
-    const lastValue = React74.useRef("");
-    const numberFormat = React74.useRef(null);
-    const groupChar = React74.useRef("");
-    const prefixChar = React74.useRef("");
-    const suffixChar = React74.useRef("");
-    const _numeral = React74.useRef(null);
-    const _group = React74.useRef(null);
-    const _minusSign = React74.useRef(null);
-    const _currency = React74.useRef(null);
-    const _decimal = React74.useRef(null);
-    const _decimalSeparator = React74.useRef(".");
-    const _suffix = React74.useRef(null);
-    const _prefix = React74.useRef(null);
-    const _index = React74.useRef(() => 0);
-    const isFocusedByClick = React74.useRef(false);
-    const resolveLocale = React74.useCallback(() => {
-      if (props.locale) return props.locale;
-      if (typeof navigator !== "undefined" && navigator.language) {
-        return navigator.language;
-      }
-      return "en-US";
-    }, [props.locale]);
-    const _locale = resolveLocale();
-    const inputMode = props.inputMode || (props.mode === "decimal" && !props.minFractionDigits && !props.maxFractionDigits ? "numeric" : "decimal");
-    const getOptions = React74.useCallback(() => {
+    const locale = React74.useMemo(
+      () => resolveLocale(props.locale),
+      [props.locale]
+    );
+    const decimalSep = React74.useMemo(
+      () => getDecimalSeparator(locale),
+      [locale]
+    );
+    const allowMinus = React74.useMemo(
+      () => props.min == null || props.min < 0,
+      [props.min]
+    );
+    const fmtOptions = React74.useMemo(() => {
       return {
         localeMatcher: props.localeMatcher,
         style: props.mode,
@@ -11285,262 +11362,27 @@ var InputNumber = React74.memo(
       props.maxFractionDigits,
       props.roundingMode
     ]);
-    const escapeRegExp = (text) => text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
-    const constructParser = React74.useCallback(() => {
-      const loc = _locale;
-      numberFormat.current = new Intl.NumberFormat(loc, getOptions());
-      const numerals = [
-        ...new Intl.NumberFormat(loc, { useGrouping: false }).format(9876543210)
-      ].reverse();
-      const index = new Map(numerals.map((d, i3) => [d, i3]));
-      _numeral.current = new RegExp("[" + numerals.join("") + "]", "g");
-      _index.current = (d) => {
-        var _a2;
-        return (_a2 = index.get(d)) != null ? _a2 : 0;
-      };
-      const formatterGroup = new Intl.NumberFormat(loc, { useGrouping: true });
-      groupChar.current = formatterGroup.format(1e6).trim().replace(_numeral.current, "").charAt(0);
-      _group.current = new RegExp("[" + groupChar.current + "]", "g");
-      const formatterMinus = new Intl.NumberFormat(loc, { useGrouping: false });
-      const minusString = formatterMinus.format(-1).trim().replace(_numeral.current, "");
-      _minusSign.current = new RegExp("[" + minusString + "]", "g");
-      if (props.currency) {
-        const formatterCurrency = new Intl.NumberFormat(loc, {
-          style: "currency",
-          currency: props.currency,
-          currencyDisplay: props.currencyDisplay,
-          minimumFractionDigits: 0,
-          maximumFractionDigits: 0,
-          roundingMode: props.roundingMode
-        });
-        _currency.current = new RegExp(
-          "[" + formatterCurrency.format(1).replace(/\s/g, "").replace(_numeral.current, "").replace(_group.current, "") + "]",
-          "g"
-        );
-      } else {
-        _currency.current = new RegExp("[]", "g");
-      }
-      const formatterDecimal = new Intl.NumberFormat(loc, {
-        useGrouping: false
-      });
-      const decSample = formatterDecimal.format(1.1).trim().replace(_numeral.current, "");
-      _decimalSeparator.current = decSample || ".";
-      const formatterDecOptions = new Intl.NumberFormat(loc, {
-        ...getOptions(),
-        useGrouping: false
-      });
-      _decimal.current = new RegExp(
-        "[" + formatterDecOptions.format(1.1).replace(_currency.current, "").trim().replace(_numeral.current, "") + "]",
-        "g"
-      );
-      if (props.prefix) {
-        prefixChar.current = props.prefix;
-      } else {
-        const formatterPrefix = new Intl.NumberFormat(loc, {
-          style: props.mode,
-          currency: props.currency,
-          currencyDisplay: props.currencyDisplay
-        });
-        prefixChar.current = formatterPrefix.format(1).split("1")[0];
-      }
-      _prefix.current = new RegExp(escapeRegExp(prefixChar.current || ""), "g");
-      if (props.suffix) {
-        suffixChar.current = props.suffix;
-      } else {
-        const formatterSuffix = new Intl.NumberFormat(loc, {
-          style: props.mode,
-          currency: props.currency,
-          currencyDisplay: props.currencyDisplay,
-          minimumFractionDigits: 0,
-          maximumFractionDigits: 0,
-          roundingMode: props.roundingMode
-        });
-        suffixChar.current = formatterSuffix.format(1).split("1")[1];
-      }
-      _suffix.current = new RegExp(escapeRegExp(suffixChar.current || ""), "g");
-    }, [
-      _locale,
-      getOptions,
-      props.currency,
-      props.currencyDisplay,
-      props.mode,
-      props.prefix,
-      props.roundingMode,
-      props.suffix
-    ]);
-    const formatValue = React74.useCallback(
-      (value2) => {
-        if (value2 == null) return "";
-        if (value2 === "-") return "-";
-        const numeric = typeof value2 === "number" ? value2 : typeof value2 === "string" ? Number(value2) : Number.NaN;
-        if (Number.isNaN(numeric)) return "";
-        if (props.format) {
-          const formatter = numberFormat.current || new Intl.NumberFormat(_locale, getOptions());
-          let formatted = formatter.format(numeric);
-          if (props.prefix) {
-            formatted = props.prefix + formatted;
-          }
-          if (props.suffix) {
-            formatted = formatted + props.suffix;
-          }
-          return formatted;
-        }
-        return numeric.toString();
+    const inputRef = React74.useRef(null);
+    React74.useImperativeHandle(ref, () => inputRef.current);
+    const [display, setDisplay] = React74.useState("");
+    const [focused, setFocused] = React74.useState(false);
+    const toEditableFromNumber = React74.useCallback(
+      (n3) => {
+        const s3 = String(n3);
+        return decimalSep === "." ? s3 : s3.replace(".", decimalSep);
       },
-      [getOptions, _locale, props.format, props.prefix, props.suffix]
+      [decimalSep]
     );
-    const parseValue = React74.useCallback(
-      (text) => {
-        if (!text) return null;
-        let filteredText = text;
-        if (_suffix.current) {
-          filteredText = filteredText.replace(_suffix.current, "");
-        }
-        if (_prefix.current) {
-          filteredText = filteredText.replace(_prefix.current, "");
-        }
-        filteredText = filteredText.trim().replace(/\s/g, "").replace(_currency.current, "").replace(_group.current, "").replace(_minusSign.current, "-").replace(_decimal.current, ".").replace(
-          _numeral.current,
-          (d) => {
-            var _a2;
-            return String((_a2 = _index.current(d)) != null ? _a2 : "");
-          }
-        );
-        if (!filteredText) return null;
-        if (filteredText === "-") {
-          return "-";
-        }
-        const parsedValue = +filteredText;
-        return Number.isNaN(parsedValue) ? null : parsedValue;
-      },
-      []
+    const clampModel = React74.useCallback(
+      (n3) => clampToLimits(n3, props.min, props.max),
+      [props.min, props.max]
     );
-    const addWithPrecision = (base, increment, precision = 10) => Math.round((base + increment) * precision) / precision;
-    const clearTimer = () => {
-      if (timer.current != null) {
-        window.clearInterval(timer.current);
-        timer.current = void 0;
-      }
-    };
-    const allowMinusSign = () => props.min == null || props.min < 0;
-    const isMinusSign = (ch) => {
-      if (_minusSign.current && _minusSign.current.test(ch) || ch === "-") {
-        _minusSign.current && (_minusSign.current.lastIndex = 0);
-        return true;
-      }
-      return false;
-    };
-    const isDecimalMode = () => props.mode === "decimal";
-    const isFloat = (val) => {
-      const formatter = new Intl.NumberFormat(_locale, getOptions());
-      const parsed = parseValue(formatter.format(val));
-      if (parsed === null || typeof parsed !== "number") {
-        return false;
-      }
-      return parsed % 1 !== 0;
-    };
-    const replaceDecimalSeparator = (val) => {
-      if (typeof val === "number" && isFloat(val)) {
-        return val.toString().replace(/\.(?=[^.]*$)/, _decimalSeparator.current);
-      }
-      return val;
-    };
-    const isDecimalSign = (ch) => {
-      if (_decimal.current && (_decimal.current.test(ch) || isFloat(Number(ch)))) {
-        _decimal.current.lastIndex = 0;
-        return true;
-      }
-      return false;
-    };
-    const getDecimalCharIndexes = (val) => {
-      let decimalCharIndex = -1;
-      let decimalCharIndexWithoutPrefix = -1;
-      if (_decimal.current) {
-        decimalCharIndex = val.search(_decimal.current);
-        _decimal.current.lastIndex = 0;
-        let filteredVal = val;
-        if (_prefix.current) {
-          filteredVal = filteredVal.replace(_prefix.current, "");
-        }
-        filteredVal = filteredVal.trim().replace(/\s/g, "").replace(_currency.current, "");
-        decimalCharIndexWithoutPrefix = filteredVal.search(_decimal.current);
-        _decimal.current.lastIndex = 0;
-      }
-      return { decimalCharIndex, decimalCharIndexWithoutPrefix };
-    };
-    const getCharIndexes = (val) => {
-      let decimalCharIndex = -1;
-      let minusCharIndex = -1;
-      let suffixCharIndex = -1;
-      let currencyCharIndex = -1;
-      if (_decimal.current) {
-        decimalCharIndex = val.search(_decimal.current);
-        _decimal.current.lastIndex = 0;
-      }
-      if (_minusSign.current) {
-        minusCharIndex = val.search(_minusSign.current);
-        _minusSign.current.lastIndex = 0;
-      }
-      if (_suffix.current) {
-        suffixCharIndex = val.search(_suffix.current);
-        _suffix.current.lastIndex = 0;
-      }
-      if (_currency.current) {
-        currencyCharIndex = val.search(_currency.current);
-        if (currencyCharIndex === 0 && prefixChar.current && prefixChar.current.length > 1) {
-          currencyCharIndex = prefixChar.current.trim().length;
-        }
-        _currency.current.lastIndex = 0;
-      }
-      return { decimalCharIndex, minusCharIndex, suffixCharIndex, currencyCharIndex };
-    };
-    const resetRegex = () => {
-      if (_numeral.current) _numeral.current.lastIndex = 0;
-      if (_decimal.current) _decimal.current.lastIndex = 0;
-      if (_group.current) _group.current.lastIndex = 0;
-      if (_minusSign.current) _minusSign.current.lastIndex = 0;
-    };
-    const isNumeralChar = (ch) => {
-      if (ch.length === 1 && (_numeral.current && _numeral.current.test(ch) || _decimal.current && _decimal.current.test(ch) || _group.current && _group.current.test(ch) || _minusSign.current && _minusSign.current.test(ch))) {
-        resetRegex();
-        return true;
-      }
-      return false;
-    };
-    const evaluateEmpty = (newValue) => {
-      var _a2;
-      if ((newValue == null || newValue === "") && !props.allowEmpty) {
-        return (_a2 = props.min) != null ? _a2 : 0;
-      }
-      return newValue;
-    };
-    const validateValueByLimit = (value2) => {
-      if (value2 === "-" || value2 === null || value2 === "") {
-        return null;
-      }
-      let num = typeof value2 === "number" ? value2 : Number(value2);
-      if (Number.isNaN(num)) {
-        return null;
-      }
-      if (props.min != null && num < props.min) num = props.min;
-      if (props.max != null && num > props.max) num = props.max;
-      return num;
-    };
-    const validateValue = (value2) => {
-      if (value2 === "-") return null;
-      return validateValueByLimit(value2);
-    };
-    const formattedValue = (val) => {
-      const newVal = evaluateEmpty(val);
-      return formatValue(newVal);
-    };
-    const updateModel = (event, value2) => {
-      var _a2, _b2;
-      const finalValue = value2;
-      if (props.onValueChange) {
-        props.onValueChange({
+    const emit = React74.useCallback(
+      (event, value2) => {
+        var _a2, _b, _c;
+        (_c = props.onValueChange) == null ? void 0 : _c.call(props, {
           originalEvent: event,
-          value: finalValue,
+          value: value2,
           stopPropagation() {
             event == null ? void 0 : event.stopPropagation();
           },
@@ -11549,600 +11391,160 @@ var InputNumber = React74.memo(
           },
           target: {
             name: (_a2 = props.name) != null ? _a2 : null,
-            id: (_b2 = props.id) != null ? _b2 : null,
-            value: finalValue
+            id: (_b = props.id) != null ? _b : null,
+            value: value2
           }
         });
-      }
-      if (props.onChange && event) {
-        props.onChange({ originalEvent: event, value: finalValue });
-      }
-    };
-    const handleOnChange = (event, currentValue, newValue) => {
-      if (!props.onChange) return;
-      const parsedCurrent = typeof currentValue === "string" ? parseValue(currentValue) : null;
-      const changed = newValue !== parsedCurrent;
-      if (changed) {
-        props.onChange({ originalEvent: event, value: newValue });
-      }
-    };
-    const concatValues = (val1, val2) => {
-      if (val1 && val2) {
-        const decimalCharIndex = val2.search(_decimal.current);
-        _decimal.current.lastIndex = 0;
-        const newVal1 = replaceDecimalSeparator(val1);
-        const base = newVal1.split(_decimal.current)[0].replace(_suffix.current, "").trim();
-        return decimalCharIndex !== -1 ? base + val2.slice(decimalCharIndex) : val1;
-      }
-      return val1;
-    };
-    const getDecimalLength = (value2) => {
-      if (value2) {
-        const valueSplit = value2.split(_decimal.current);
-        if (valueSplit.length === 2) {
-          return valueSplit[1].replace(_suffix.current, "").length;
-        }
-      }
-      return 0;
-    };
-    const deleteRange = (value2, start, end) => {
-      if (end - start === value2.length) {
-        return "";
-      } else if (start === 0) {
-        return value2.slice(end);
-      } else if (end === value2.length) {
-        return value2.slice(0, start);
-      }
-      return value2.slice(0, start) + value2.slice(end);
-    };
-    const replaceSuffix = (value2) => value2 ? value2.replace(_suffix.current, "").trim().replace(/\s/g, "").replace(_currency.current, "") : value2;
-    const insertText = (value2, text, start, end) => {
-      const textSplit = isDecimalSign(text) ? text : text.split(_decimal.current);
-      if (textSplit.length === 2) {
-        const local = value2.slice(start, end);
-        const decimalCharIndex = local.search(_decimal.current);
-        _decimal.current.lastIndex = 0;
-        return decimalCharIndex > 0 ? value2.slice(0, start) + formatValue(text) + replaceSuffix(value2).slice(end) : value2 || formatValue(text);
-      }
-      if (isDecimalSign(text) && value2.length === 0) {
-        return formatValue("0.");
-      }
-      if (end - start === value2.length) {
-        return formatValue(text);
-      }
-      if (start === 0) {
-        const suffix = /[A-Za-z]$/.test(value2[end]) ? end - 1 : end;
-        return text + value2.slice(suffix);
-      }
-      if (end === value2.length) {
-        return value2.slice(0, start) + text;
-      }
-      const selectionValue = value2.slice(start, end);
-      const space = /\s$/.test(selectionValue) ? " " : "";
-      return value2.slice(0, start) + text + space + value2.slice(end);
-    };
-    const evaluateEmptyForUpdate = (newValue) => evaluateEmpty(newValue);
-    const updateInput = (value2, insertedValueStr, operation, valueStr) => {
-      var _a2, _b2;
-      insertedValueStr = insertedValueStr || "";
-      const inputEl = inputRef.current;
-      if (!inputEl) return;
-      const inputValue = inputEl.value;
-      let newValue = formatValue(value2);
-      const currentLength = inputValue.length;
-      if (newValue !== valueStr && valueStr != null) {
-        newValue = concatValues(newValue, valueStr);
-      }
-      if (currentLength === 0) {
-        inputEl.value = newValue;
-        inputEl.setSelectionRange(0, 0);
-        const index = initCursor();
-        const selectionEnd = index + insertedValueStr.length + (isDecimalSign(insertedValueStr) ? 1 : 0);
-        inputEl.setSelectionRange(selectionEnd, selectionEnd);
-      } else {
-        let selectionStart = (_a2 = inputEl.selectionStart) != null ? _a2 : 0;
-        let selectionEnd = (_b2 = inputEl.selectionEnd) != null ? _b2 : 0;
-        if (props.maxLength && props.maxLength < newValue.length) {
-          return;
-        }
-        inputEl.value = newValue;
-        const newLength = newValue.length;
-        if (operation === "range-insert") {
-          const startValue = parseValue((inputValue || "").slice(0, selectionStart));
-          const startValueStr = startValue != null ? String(startValue) : "";
-          const startExpr = startValueStr.split("").join("(" + groupChar.current + ")?");
-          const sRegex = new RegExp(startExpr, "g");
-          sRegex.test(newValue);
-          const tExpr = insertedValueStr.split("").join("(" + groupChar.current + ")?");
-          const tRegex = new RegExp(tExpr, "g");
-          tRegex.test(newValue.slice(sRegex.lastIndex));
-          selectionEnd = sRegex.lastIndex + tRegex.lastIndex;
-          inputEl.setSelectionRange(selectionEnd, selectionEnd);
-        } else if (newLength === currentLength) {
-          if (operation === "insert" || operation === "delete-back-single") {
-            let newSelectionEnd = selectionEnd;
-            if (insertedValueStr === "0") {
-              newSelectionEnd = selectionEnd + 1;
-            } else {
-              newSelectionEnd = newSelectionEnd + Number(isDecimalSign(value2) || isDecimalSign(insertedValueStr));
-            }
-            inputEl.setSelectionRange(newSelectionEnd, newSelectionEnd);
-          } else if (operation === "delete-single") {
-            inputEl.setSelectionRange(selectionEnd - 1, selectionEnd - 1);
-          } else if (operation === "delete-range" || operation === "spin") {
-            inputEl.setSelectionRange(selectionEnd, selectionEnd);
-          }
-        } else if (operation === "delete-back-single") {
-          const prevChar = inputValue.charAt(selectionEnd - 1);
-          const nextChar = inputValue.charAt(selectionEnd);
-          const diff = currentLength - newLength;
-          const isGroupChar = _group.current.test(nextChar);
-          if (isGroupChar && diff === 1) {
-            selectionEnd = selectionEnd + 1;
-          } else if (!isGroupChar && isNumeralChar(prevChar)) {
-            selectionEnd = selectionEnd + (-1 * diff + 1);
-          }
-          _group.current.lastIndex = 0;
-          inputEl.setSelectionRange(selectionEnd, selectionEnd);
-        } else if (inputValue === "-" && operation === "insert") {
-          inputEl.setSelectionRange(0, 0);
-          const idx = initCursor();
-          const end = idx + insertedValueStr.length + 1;
-          inputEl.setSelectionRange(end, end);
-        } else {
-          selectionEnd = selectionEnd + (newLength - currentLength);
-          inputEl.setSelectionRange(selectionEnd, selectionEnd);
+        if (props.onChange && event) {
+          props.onChange({ originalEvent: event, value: value2 });
         }
-      }
-      inputEl.setAttribute("aria-valuenow", value2 == null ? "" : String(value2));
-    };
-    const updateInputValue = (newValue) => {
-      const evaluated = evaluateEmptyForUpdate(newValue);
-      const inputEl = inputRef.current;
-      if (!inputEl) return;
-      const current = inputEl.value;
-      const formatted = formattedValue(evaluated);
-      if (current !== formatted) {
-        inputEl.value = formatted;
-        inputEl.setAttribute("aria-valuenow", evaluated == null ? "" : String(evaluated));
-      }
-    };
-    const isValueChanged = (currentValue, newValue) => {
-      if (newValue == null && currentValue != null) return true;
-      if (newValue != null) {
-        const parsedCurrent = typeof currentValue === "string" ? parseValue(currentValue) : null;
-        return newValue !== parsedCurrent;
-      }
-      return false;
-    };
-    const updateValue = (event, valueStr, insertedValueStr, operation) => {
-      const inputEl = inputRef.current;
-      if (!inputEl) return;
-      const currentValue = inputEl.value;
-      if (valueStr != null) {
-        const parsed = parseValue(valueStr);
-        evaluateEmpty(parsed);
-        const limited = validateValueByLimit(parsed);
-        updateInput(limited, insertedValueStr, operation, valueStr);
-        if (event && typeof currentValue === "string" && typeof limited === "number" && isValueChanged(currentValue, limited)) {
-          handleOnChange(event, currentValue, limited);
+      },
+      [props]
+    );
+    const setCaret = (pos) => {
+      const el = inputRef.current;
+      if (!el) return;
+      queueMicrotask(() => {
+        try {
+          el.setSelectionRange(pos, pos);
+        } catch {
         }
-        updateModel(event, limited);
-      }
-    };
-    const spin = (event, dir) => {
-      var _a2, _b2;
-      const inputEl = inputRef.current;
-      if (!inputEl) return;
-      const step = ((_a2 = props.step) != null ? _a2 : 1) * dir;
-      const currentValue = (_b2 = parseValue(inputEl.value)) != null ? _b2 : 0;
-      const newValue = validateValue(addWithPrecision(currentValue, step));
-      if (newValue == null) return;
-      if (props.maxLength && props.maxLength < formatValue(newValue).length) {
-        return;
-      }
-      handleOnChange(event, inputEl.value, newValue);
-      updateInput(newValue, null, "spin");
-      updateModel(event, newValue);
+      });
     };
-    const insert = (event, text, sign = {
-      isDecimalSign: false,
-      isMinusSign: false
-    }) => {
-      var _a2, _b2, _c, _d;
-      const inputEl = inputRef.current;
-      if (!inputEl) return;
-      const minusCharIndexOnText = text.search(_minusSign.current);
-      _minusSign.current.lastIndex = 0;
-      if (!allowMinusSign() && minusCharIndexOnText !== -1) {
-        return;
-      }
-      let selectionStart = (_a2 = inputEl.selectionStart) != null ? _a2 : 0;
-      let selectionEnd = (_b2 = inputEl.selectionEnd) != null ? _b2 : 0;
-      const inputValue = inputEl.value.trim();
-      const { decimalCharIndex, minusCharIndex, suffixCharIndex, currencyCharIndex } = getCharIndexes(inputValue);
-      const maxFractionDigits = (_d = (_c = numberFormat.current) == null ? void 0 : _c.resolvedOptions().maximumFractionDigits) != null ? _d : 0;
-      const hasBoundOrAffix = !!(props.min || props.max || props.suffix || props.prefix);
-      let newValueStr = null;
-      if (sign.isMinusSign) {
-        const isNewMinusSign = minusCharIndex === -1;
-        if (selectionStart === 0 || selectionStart === currencyCharIndex + 1) {
-          newValueStr = inputValue;
-          if (isNewMinusSign || selectionEnd !== 0) {
-            newValueStr = insertText(inputValue, text, 0, selectionEnd);
-          }
-          updateValue(event, newValueStr, text, "insert");
-        }
-      } else if (sign.isDecimalSign) {
-        if (decimalCharIndex > 0 && selectionStart === decimalCharIndex) {
-          updateValue(event, inputValue, text, "insert");
-        } else if (decimalCharIndex > selectionStart && decimalCharIndex < selectionEnd) {
-          newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
-          updateValue(event, newValueStr, text, "insert");
-        } else if (decimalCharIndex === -1 && (maxFractionDigits || props.maxFractionDigits)) {
-          const allowedDecimal = inputMode !== "numeric" || inputMode === "numeric" && hasBoundOrAffix;
-          if (allowedDecimal) {
-            newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
-            updateValue(event, newValueStr, text, "insert");
-          }
-        }
-      } else {
-        const operation = selectionStart !== selectionEnd ? "range-insert" : "insert";
-        if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {
-          if (selectionStart + text.length - (decimalCharIndex + 1) <= maxFractionDigits) {
-            const charIndex = currencyCharIndex >= selectionStart ? currencyCharIndex - 1 : suffixCharIndex >= selectionStart ? suffixCharIndex : inputValue.length;
-            newValueStr = inputValue.slice(0, selectionStart) + text + inputValue.slice(selectionStart + text.length, charIndex) + inputValue.slice(charIndex);
-            updateValue(event, newValueStr, text, operation);
-          }
-        } else {
-          newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
-          updateValue(event, newValueStr, text, operation);
+    const formatFromModel = React74.useCallback(
+      (n3) => {
+        if (n3 == null) return "";
+        if (!props.format) return toEditableFromNumber(n3);
+        const formatted = formatDisplayNumber(
+          n3,
+          locale,
+          fmtOptions,
+          props.prefix,
+          props.suffix
+        );
+        return formatted;
+      },
+      [
+        props.format,
+        props.prefix,
+        props.suffix,
+        locale,
+        fmtOptions,
+        toEditableFromNumber
+      ]
+    );
+    const getModelFromDisplay = React74.useCallback(
+      (text) => {
+        const stripped = stripAffixes(text, props.prefix, props.suffix);
+        const withoutGroup = stripGrouping(stripped, locale);
+        const candidate = decimalSep !== "." ? withoutGroup.replace(".", decimalSep) : withoutGroup;
+        const n3 = parseEditable(candidate, locale, decimalSep);
+        if (n3 == null) return null;
+        const clamped = clampModel(n3);
+        return clamped;
+      },
+      [props.prefix, props.suffix, locale, decimalSep, clampModel]
+    );
+    const syncFromPropsValue = React74.useCallback(
+      (v2) => {
+        if (v2 == null) {
+          setDisplay("");
+          return;
         }
-      }
-    };
-    const initCursor = () => {
+        const clamped = clampModel(v2);
+        setDisplay(
+          focused ? toEditableFromNumber(clamped) : formatFromModel(clamped)
+        );
+      },
+      [clampModel, focused, toEditableFromNumber, formatFromModel]
+    );
+    React74.useEffect(() => {
       var _a2;
-      const inputEl = inputRef.current;
-      if (!inputEl) return 0;
-      let selectionStart = (_a2 = inputEl.selectionStart) != null ? _a2 : 0;
-      let inputValue = inputEl.value;
-      const valueLength = inputValue.length;
-      let index = null;
-      const prefixLength = (prefixChar.current || "").length;
-      inputValue = inputValue.replace(_prefix.current, "");
-      selectionStart = selectionStart - prefixLength;
-      let ch = inputValue.charAt(selectionStart);
-      if (isNumeralChar(ch)) {
-        return selectionStart + prefixLength;
-      }
-      let i3 = selectionStart - 1;
-      while (i3 >= 0) {
-        ch = inputValue.charAt(i3);
-        if (isNumeralChar(ch)) {
-          index = i3 + prefixLength;
-          break;
-        }
-        i3--;
-      }
-      if (index != null) {
-        inputEl.setSelectionRange(index + 1, index + 1);
-      } else {
-        i3 = selectionStart;
-        while (i3 < valueLength) {
-          ch = inputValue.charAt(i3);
-          if (isNumeralChar(ch)) {
-            index = i3 + prefixLength;
-            break;
-          }
-          i3++;
-        }
-        if (index != null) {
-          inputEl.setSelectionRange(index, index);
-        }
-      }
-      return index != null ? index : 0;
-    };
-    const onInputPointerDown = () => {
-      isFocusedByClick.current = true;
-    };
-    const onInputClick = () => {
-      initCursor();
-    };
-    const onInput = (event) => {
-      if (props.disabled || props.readOnly) return;
-      if (utilsIsSpecialChar.current) {
-        event.currentTarget.value = lastValue.current;
-        utilsIsSpecialChar.current = false;
-      }
-    };
-    const utilsIsSpecialChar = React74.useRef(false);
-    const onInputAndroidKey = (event) => {
+      syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
+    }, []);
+    React74.useEffect(() => {
       var _a2;
-      const isAndroid2 = /Android/i.test(navigator.userAgent);
-      if (!isAndroid2 || props.disabled || props.readOnly) return;
-      (_a2 = props.onKeyUp) == null ? void 0 : _a2.call(props, event);
-      if (event.defaultPrevented) return;
-      const code = event.which || event.keyCode;
-      if (code !== 13) {
-        event.preventDefault();
-      }
-      const ch = String.fromCharCode(code);
-      const decimal = isDecimalSign(ch);
-      const minus = isMinusSign(ch);
-      if (code >= 48 && code <= 57 || minus || decimal) {
-        insert(event, ch, { isDecimalSign: decimal, isMinusSign: minus });
-      } else {
-        const inputVal = event.target.value;
-        updateValue(event, inputVal, null, "delete-single");
-      }
-    };
-    const onInputKeyDown = (event) => {
-      var _a2, _b2, _c;
-      if (props.disabled || props.readOnly) return;
-      if (event.altKey || event.ctrlKey || event.metaKey) {
-        if (event.key.toLowerCase() === "x" && (event.ctrlKey || event.metaKey)) {
-          utilsIsSpecialChar.current = false;
-        } else {
-          utilsIsSpecialChar.current = true;
-        }
-        return;
-      }
-      (_a2 = props.onKeyDown) == null ? void 0 : _a2.call(props, event);
-      if (event.defaultPrevented) return;
-      const inputEl = event.currentTarget;
-      lastValue.current = inputEl.value;
-      const isAndroid2 = /Android/i.test(navigator.userAgent);
-      if (isAndroid2) return;
-      let selectionStart = (_b2 = inputEl.selectionStart) != null ? _b2 : 0;
-      let selectionEnd = (_c = inputEl.selectionEnd) != null ? _c : 0;
-      const inputValue = inputEl.value;
-      let newValueStr = null;
-      switch (event.code) {
-        case "ArrowUp":
-          spin(event, 1);
-          event.preventDefault();
-          break;
-        case "ArrowDown":
-          spin(event, -1);
-          event.preventDefault();
-          break;
-        case "ArrowLeft": {
-          const charPrev = inputValue.charAt(selectionStart - 1);
-          if (!isNumeralChar(charPrev)) {
-            event.preventDefault();
-          }
-          break;
-        }
-        case "ArrowRight": {
-          const charNext = inputValue.charAt(selectionStart);
-          if (!isNumeralChar(charNext)) {
-            event.preventDefault();
-          }
-          break;
-        }
-        case "Tab":
-        case "Enter":
-        case "NumpadEnter": {
-          const parsedVal = validateValue(parseValue(inputValue));
-          inputRef.current.value = formatValue(parsedVal);
-          inputRef.current.setAttribute("aria-valuenow", parsedVal == null ? "" : String(parsedVal));
-          updateModel(event, parsedVal);
-          break;
-        }
-        case "Backspace": {
-          event.preventDefault();
-          if (selectionStart === selectionEnd) {
-            const deleteChar = inputValue.charAt(selectionStart - 1);
-            if (isNumeralChar(deleteChar)) {
-              const {
-                decimalCharIndex,
-                decimalCharIndexWithoutPrefix
-              } = getDecimalCharIndexes(inputValue);
-              const decimalLength = getDecimalLength(inputValue);
-              if (_group.current.test(deleteChar)) {
-                _group.current.lastIndex = 0;
-                newValueStr = inputValue.slice(0, selectionStart - 2) + inputValue.slice(selectionStart - 1);
-              } else if (_decimal.current.test(deleteChar)) {
-                _decimal.current.lastIndex = 0;
-                if (decimalLength) {
-                  inputRef.current.setSelectionRange(selectionStart - 1, selectionStart - 1);
-                } else {
-                  newValueStr = inputValue.slice(0, selectionStart - 1) + inputValue.slice(selectionStart);
-                }
-              } else if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {
-                const insertedText = isDecimalMode() && (props.minFractionDigits || 0) < decimalLength ? "" : "0";
-                newValueStr = inputValue.slice(0, selectionStart - 1) + insertedText + inputValue.slice(selectionStart);
-              } else if (decimalCharIndexWithoutPrefix === 1) {
-                newValueStr = inputValue.slice(0, selectionStart - 1) + "0" + inputValue.slice(selectionStart);
-                newValueStr = parseValue(newValueStr) > 0 ? newValueStr : "";
-              } else {
-                newValueStr = inputValue.slice(0, selectionStart - 1) + inputValue.slice(selectionStart);
-              }
-            } else if (_currency.current.test(deleteChar)) {
-              const {
-                minusCharIndex,
-                currencyCharIndex
-              } = getCharIndexes(inputValue);
-              if (minusCharIndex === currencyCharIndex - 1) {
-                newValueStr = inputValue.slice(0, minusCharIndex) + inputValue.slice(selectionStart);
-              }
-            }
-            updateValue(event, newValueStr, null, "delete-single");
-          } else {
-            newValueStr = deleteRange(inputValue, selectionStart, selectionEnd);
-            updateValue(event, newValueStr, null, "delete-range");
-          }
-          break;
-        }
-        case "Delete": {
-          event.preventDefault();
-          if (selectionStart === selectionEnd) {
-            const deleteChar = inputValue.charAt(selectionStart);
-            const {
-              decimalCharIndex,
-              decimalCharIndexWithoutPrefix
-            } = getDecimalCharIndexes(inputValue);
-            if (isNumeralChar(deleteChar)) {
-              const decimalLength = getDecimalLength(inputValue);
-              if (_group.current.test(deleteChar)) {
-                _group.current.lastIndex = 0;
-                newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 2);
-              } else if (_decimal.current.test(deleteChar)) {
-                _decimal.current.lastIndex = 0;
-                if (decimalLength) {
-                  inputRef.current.setSelectionRange(selectionStart + 1, selectionStart + 1);
-                } else {
-                  newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1);
-                }
-              } else if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {
-                const insertedText = isDecimalMode() && (props.minFractionDigits || 0) < decimalLength ? "" : "0";
-                newValueStr = inputValue.slice(0, selectionStart) + insertedText + inputValue.slice(selectionStart + 1);
-              } else if (decimalCharIndexWithoutPrefix === 1) {
-                newValueStr = inputValue.slice(0, selectionStart) + "0" + inputValue.slice(selectionStart + 1);
-                newValueStr = parseValue(newValueStr) > 0 ? newValueStr : "";
-              } else {
-                newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1);
-              }
-            }
-            updateValue(event, newValueStr, null, "delete-back-single");
-          } else {
-            newValueStr = deleteRange(inputValue, selectionStart, selectionEnd);
-            updateValue(event, newValueStr, null, "delete-range");
-          }
-          break;
-        }
-        case "End":
-          event.preventDefault();
-          if (props.max != null) {
-            updateModel(event, props.max);
-            updateInputValue(props.max);
-          }
-          break;
-        case "Home":
-          event.preventDefault();
-          if (props.min != null) {
-            updateModel(event, props.min);
-            updateInputValue(props.min);
-          }
-          break;
-        default: {
-          event.preventDefault();
-          let ch = event.key;
-          if (!ch) break;
-          if (ch === ".") {
-            ch = _decimalSeparator.current;
-          }
-          const decimal = isDecimalSign(ch);
-          const minus = isMinusSign(ch);
-          if (ch >= "0" && ch <= "9" || minus || decimal) {
-            insert(event, ch, { isDecimalSign: decimal, isMinusSign: minus });
-          }
-          break;
-        }
-      }
-    };
-    const onPaste = (event) => {
-      event.preventDefault();
-      if (props.disabled || props.readOnly) return;
-      const data = (event.clipboardData || window.clipboardData).getData("Text");
-      if (!data) return;
-      const filteredData = parseValue(data);
-      if (filteredData != null) {
-        if (typeof filteredData === "number" && isFloat(filteredData)) {
-          const formatted = formatValue(filteredData);
-          if (inputRef.current) {
-            inputRef.current.value = formatted;
-          }
-          updateModel(event, filteredData);
-        } else {
-          insert(event, String(filteredData));
-        }
-      }
-    };
-    const onInputFocus = (event) => {
+      if (focused) return;
+      syncFromPropsValue((_a2 = props.value) != null ? _a2 : null);
+    }, [props.value, focused, syncFromPropsValue]);
+    const onFocus = (e4) => {
       var _a2;
-      setFocusedState(true);
-      (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, event);
-      if ((props.suffix || props.currency || props.prefix) && inputRef.current && !isFocusedByClick.current) {
-        const inputValue = inputRef.current.value;
-        const prefixLength = (prefixChar.current || "").length;
-        const suffixLength = (suffixChar.current || "").length;
-        const end = inputValue.length === 0 ? 0 : inputValue.length - suffixLength;
-        inputRef.current.setSelectionRange(prefixLength, end);
-      }
+      setFocused(true);
+      (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e4);
+      const model = isFiniteNumber(props.value) ? clampModel(props.value) : getModelFromDisplay(display);
+      const editable = model == null ? stripAffixes(display, props.prefix, props.suffix) : toEditableFromNumber(model);
+      const normalized = normalizeEditable(
+        editable,
+        locale,
+        decimalSep,
+        allowMinus
+      );
+      setDisplay(normalized);
+      queueMicrotask(() => {
+        var _a3, _b;
+        setCaret(((_b = (_a3 = inputRef.current) == null ? void 0 : _a3.value) != null ? _b : "").length);
+      });
     };
-    const onInputBlur = (event) => {
-      var _a2, _b2;
-      setFocusedState(false);
-      isFocusedByClick.current = false;
-      if (inputRef.current) {
-        const currentValue = inputRef.current.value;
-        if (isValueChanged(currentValue, (_a2 = props.value) != null ? _a2 : null)) {
-          const newValue = validateValue(parseValue(currentValue));
-          updateInputValue(newValue);
-          updateModel(event, newValue);
-        }
-      }
-      (_b2 = props.onBlur) == null ? void 0 : _b2.call(props, event);
+    const onBlur = (e4) => {
+      var _a2, _b;
+      setFocused(false);
+      const el = e4.currentTarget;
+      const raw = stripAffixes(el.value, props.prefix, props.suffix);
+      const normalized = normalizeEditable(
+        raw,
+        locale,
+        decimalSep,
+        allowMinus
+      );
+      const parsed = parseEditable(normalized, locale, decimalSep);
+      let model = parsed == null ? null : clampModel(parsed);
+      if (model == null && props.allowEmpty === false) {
+        const fallback = (_a2 = props.min) != null ? _a2 : 0;
+        model = clampModel(fallback);
+      }
+      setDisplay(formatFromModel(model));
+      emit(e4, model);
+      (_b = props.onBlur) == null ? void 0 : _b.call(props, e4);
     };
-    const changeValue = () => {
-      const val = validateValueByLimit(props.value);
-      updateInputValue(props.format ? val : replaceDecimalSeparator(val));
-      const newValue = validateValue(props.value);
-      if (props.value != null && props.value !== newValue) {
-        updateModel(null, newValue);
+    const onChangeText = (e4) => {
+      var _a2, _b;
+      if (props.disabled || props.readOnly) return;
+      const el = e4.currentTarget;
+      const caretBefore = (_a2 = el.selectionStart) != null ? _a2 : el.value.length;
+      const stripped = stripAffixes(el.value, props.prefix, props.suffix);
+      let next = normalizeEditable(
+        stripped,
+        locale,
+        decimalSep,
+        allowMinus
+      );
+      const fracLimit = props.maxFractionDigits;
+      if (fracLimit != null) {
+        const applied = applyFractionLimitReplace(
+          next,
+          display,
+          locale,
+          decimalSep,
+          fracLimit,
+          el
+        );
+        next = applied.text;
+        setDisplay(next);
+        setCaret(applied.caret);
+      } else {
+        setDisplay(next);
+        setCaret(caretBefore);
       }
+      const parsed = parseEditable(next, locale, decimalSep);
+      const model = parsed == null ? null : clampModel(parsed);
+      const finalModel = model == null && props.allowEmpty === false ? clampModel((_b = props.min) != null ? _b : 0) : model;
+      emit(e4, finalModel);
     };
-    React74.useImperativeHandle(ref, () => inputRef.current);
-    React74.useEffect(() => {
-      if (props.inputRef) {
-        if (typeof props.inputRef === "function") {
-          props.inputRef(inputRef.current);
-        } else {
-          props.inputRef.current = inputRef.current;
-        }
-      }
-    }, [props.inputRef]);
-    React74.useEffect(
-      () => () => {
-        clearTimer();
-      },
-      []
-    );
-    React74.useEffect(() => {
-      constructParser();
-      const newValue = validateValue(props.value);
-      if (props.value != null && props.value !== newValue) {
-        updateModel(null, newValue);
-      }
-    }, []);
-    React74.useEffect(() => {
-      constructParser();
-      changeValue();
-    }, [
-      _locale,
-      props.locale,
-      props.localeMatcher,
-      props.mode,
-      props.currency,
-      props.currencyDisplay,
-      props.useGrouping,
-      props.minFractionDigits,
-      props.maxFractionDigits,
-      props.suffix,
-      props.prefix
-    ]);
-    React74.useEffect(() => {
-      changeValue();
-    }, [props.value]);
-    React74.useEffect(() => {
-      if (props.disabled) clearTimer();
-    }, [props.disabled]);
+    const inputMode = props.inputMode || (props.mode === "decimal" && props.maxFractionDigits == null && props.minFractionDigits == null ? "numeric" : "decimal");
     const inputClassName = [
       props.inputClassName,
       props.invalid ? "p-invalid" : void 0
     ].filter(Boolean).join(" ");
-    const valueToRender = formattedValue((_a = props.value) != null ? _a : null);
     const {
       inputId,
       inputStyle,
@@ -12153,34 +11555,32 @@ var InputNumber = React74.memo(
       value,
       icon,
       iconGap,
-      // anything you *don’t* want to pass down can be pulled out here too
-      // e.g. internal-only props
       ...passThroughProps
-      // everything else goes straight to ShadcnTextVariant
     } = props;
     return (
       //@ts-ignore
       /* @__PURE__ */ jsx(
         Input,
         {
-          value,
-          ref: inputRef,
+          ref: (node) => {
+            inputRef.current = node;
+            if (typeof props.inputRef === "function")
+              props.inputRef(node);
+            else if (props.inputRef && typeof props.inputRef === "object") {
+              props.inputRef.current = node;
+            }
+          },
           ...passThroughProps,
           id: inputId != null ? inputId : props.id,
           style: inputStyle != null ? inputStyle : props.style,
           role: "spinbutton",
           className: inputClassName || props.className,
-          defaultValue: valueToRender,
-          type: (_b = props.type) != null ? _b : "text",
+          type: (_a = props.type) != null ? _a : "text",
           inputMode,
-          onKeyDown: onInputKeyDown,
-          onKeyPress: onInputAndroidKey,
-          onInput,
-          onClick: onInputClick,
-          onPointerDown: onInputPointerDown,
-          onBlur: onInputBlur,
-          onFocus: onInputFocus,
-          onPaste,
+          value: display,
+          onFocus,
+          onBlur,
+          onChange: onChangeText,
           leadingControl,
           trailingControl,
           leadingControlClassName,
@@ -20581,17 +19981,21 @@ function normalizeItems(items, mappers, optionValueKey, optionLabelKey) {
       label: mappers.getLabel(item, index),
       description: mappers.getDescription ? mappers.getDescription(item, index) : void 0,
       disabled: mappers.isDisabled ? mappers.isDisabled(item, index) : false,
-      key: mappers.getKey ? mappers.getKey(item, index) : index
+      key: mappers.getKey ? mappers.getKey(item, index) : index,
+      raw: item
     }));
   }
   if (optionValueKey || optionLabelKey) {
     return items.map((item, index) => {
-      return globalNormalizeCheckBasedOptions(
-        item,
-        index,
-        optionLabelKey,
-        optionValueKey
-      );
+      return {
+        ...globalNormalizeCheckBasedOptions(
+          item,
+          index,
+          optionLabelKey,
+          optionValueKey
+        ),
+        raw: item
+      };
     });
   }
   return items.map((item, index) => {
@@ -20602,7 +20006,8 @@ function normalizeItems(items, mappers, optionValueKey, optionLabelKey) {
         label: String(item),
         description: void 0,
         disabled: false,
-        key: index
+        key: index,
+        raw: item
       };
     }
     return item;
@@ -20665,11 +20070,12 @@ var InnerShadcnRadioVariant = (props, ref) => {
     return found ? String(found.value) : void 0;
   }, [normalized, value]);
   const handleSelect = React74.useCallback(
-    (next) => {
+    (next, selectedRaw) => {
       if (!onValue || disabled) return;
       const detail = {
         source: "variant",
-        raw: next,
+        raw: selectedRaw != null ? selectedRaw : next,
+        selectedOptions: [selectedRaw != null ? selectedRaw : next],
         nativeEvent: void 0,
         meta: void 0
       };
@@ -20679,9 +20085,10 @@ var InnerShadcnRadioVariant = (props, ref) => {
   );
   const handleRadioChange = React74.useCallback(
     (raw) => {
+      var _a;
       const found = normalized.find((item) => String(item.value) === raw);
       if (!found) return;
-      handleSelect(found.value);
+      handleSelect(found.value, (_a = found.raw) != null ? _a : found.value);
     },
     [normalized, handleSelect]
   );
@@ -20927,7 +20334,8 @@ function normalizeItems2(items, mappers, optionValueKey, optionLabelKey) {
       description: mappers.getDescription ? mappers.getDescription(item, index) : void 0,
       disabled: mappers.isDisabled ? mappers.isDisabled(item, index) : false,
       key: mappers.getKey ? mappers.getKey(item, index) : index,
-      tristate: mappers.getTristate ? mappers.getTristate(item, index) : void 0
+      tristate: mappers.getTristate ? mappers.getTristate(item, index) : void 0,
+      raw: item
     }));
   }
   if (optionValueKey || optionLabelKey) {
@@ -20942,7 +20350,8 @@ function normalizeItems2(items, mappers, optionValueKey, optionLabelKey) {
       const tristate = anyItem.tristate;
       return {
         ...normalised,
-        tristate
+        tristate,
+        raw: item
       };
     });
   }
@@ -20955,7 +20364,8 @@ function normalizeItems2(items, mappers, optionValueKey, optionLabelKey) {
         description: void 0,
         disabled: false,
         key: index,
-        tristate: void 0
+        tristate: void 0,
+        raw: item
       };
     }
     return item;
@@ -20966,7 +20376,17 @@ function isEqualValue2(a3, b2) {
 }
 function asGroupValue(value) {
   if (!value) return void 0;
-  if (Array.isArray(value)) return value;
+  if (Array.isArray(value)) {
+    if (value.length === 0) return void 0;
+    const first = value[0];
+    if (first && typeof first === "object" && "value" in first && "state" in first) {
+      return value;
+    }
+    return value.map((item) => ({
+      value: item,
+      state: true
+    }));
+  }
   if (typeof value == "object")
     return Object.keys(value).map(
       (key) => ({
@@ -21022,11 +20442,21 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
   } = props;
   const hasError = !!error;
   const isSingle = !!single;
+  const normalized = React74.useMemo(
+    () => normalizeItems2(
+      items != null ? items : options,
+      mappers,
+      optionValue,
+      optionLabel
+    ),
+    [items, options, mappers, optionValue, optionLabel]
+  );
   if (isSingle) {
     const singleVal = asSingleValue(value);
     const effectiveTristate = !!tristateDefault;
     const internalState = effectiveTristate ? singleVal != null ? singleVal : "none" : !!singleVal;
     const handleSingleChange = (next) => {
+      var _a;
       if (!onValue || disabled) return;
       let nextPublic;
       if (effectiveTristate) {
@@ -21037,6 +20467,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
       const detail = {
         source: "variant",
         raw: nextPublic,
+        selectedOptions: nextPublic === true ? normalized[0] ? [(_a = normalized[0].raw) != null ? _a : normalized[0].value] : [] : [],
         nativeEvent: void 0,
         meta: void 0
       };
@@ -21095,15 +20526,6 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     );
   }
   const groupValue = asGroupValue(value);
-  const normalized = React74.useMemo(
-    () => normalizeItems2(
-      items != null ? items : options,
-      mappers,
-      optionValue,
-      optionLabel
-    ),
-    [items, options, mappers, optionValue, optionLabel]
-  );
   const {
     groupStyle,
     groupClasses,
@@ -21123,6 +20545,13 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     labelTextSizeClass: labelTextSize2(size),
     descriptionTextSizeClass: descriptionTextSize2(size)
   });
+  const hasAnyTristate = React74.useMemo(
+    () => normalized.some((item) => {
+      var _a, _b;
+      return (_b = (_a = item.tristate) != null ? _a : tristateDefault) != null ? _b : false;
+    }),
+    [normalized, tristateDefault]
+  );
   const findEntryIndex = React74.useCallback(
     (val) => {
       if (!groupValue) return -1;
@@ -21195,14 +20624,28 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
       const detail = {
         source: "variant",
         raw: nextList,
+        selectedOptions: nextList.map(
+          (entry) => {
+            var _a, _b;
+            return (_b = (_a = normalized.find(
+              (item) => isEqualValue2(item.value, entry.value)
+            )) == null ? void 0 : _a.raw) != null ? _b : entry.value;
+          }
+        ),
         nativeEvent: void 0,
         meta: void 0
       };
-      const value2 = {};
-      nextList.forEach((item) => value2[item.value] = item.state);
-      onValue(value2, detail);
+      if (hasAnyTristate) {
+        const value2 = {};
+        nextList.forEach(
+          (item) => value2[item.value] = item.state
+        );
+        onValue(value2, detail);
+        return;
+      }
+      onValue(nextList.map((item) => item.value), detail);
     },
-    [onValue, disabled, groupValue]
+    [onValue, disabled, groupValue, normalized, hasAnyTristate]
   );
   return /* @__PURE__ */ jsx(
     "div",
@@ -21478,13 +20921,14 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
   );
   const handleChange = React74.useCallback(
     (rawKey) => {
-      var _a2, _b2, _c;
+      var _a2, _b2, _c, _d;
       if (!onValue || rawKey === "") return;
       const primitive = (_a2 = valueMap.get(rawKey)) != null ? _a2 : rawKey;
       const item = (_b2 = items.find((it) => String(it.value) === String(primitive))) != null ? _b2 : null;
       const detail = {
         source: "variant",
         raw: (_c = item == null ? void 0 : item.raw) != null ? _c : primitive,
+        selectedOptions: [(_d = item == null ? void 0 : item.raw) != null ? _d : primitive],
         nativeEvent: void 0,
         meta: void 0
       };
@@ -21586,6 +21030,7 @@ var ShadcnSelectVariant = React74.forwardRef(function ShadcnSelectVariant2(props
             const detail = {
               source: "variant",
               raw: void 0,
+              selectedOptions: [],
               nativeEvent: void 0,
               meta: { action: "clear" }
             };
@@ -22220,7 +21665,12 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
         next = [...current, primitive];
       }
       const final = next.length ? next : void 0;
-      const values = next == null ? void 0 : next.map((item) => keyedItems[item].raw);
+      const values = next == null ? void 0 : next.map(
+        (item) => {
+          var _a2, _b;
+          return (_b = (_a2 = keyedItems[item]) == null ? void 0 : _a2.raw) != null ? _b : item;
+        }
+      );
       const detail = {
         source: "variant",
         raw: {
@@ -22229,12 +21679,13 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
           next: final,
           values
         },
+        selectedOptions: values != null ? values : [],
         nativeEvent: void 0,
         meta: void 0
       };
       onValue(final, detail);
     },
-    [onValue, value, disabled, readOnly]
+    [onValue, value, disabled, readOnly, keyedItems]
   );
   const handleSelectAll = React74.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
@@ -22250,7 +21701,10 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
       next = Array.from(merged);
     }
     const final = next.length ? next : void 0;
-    const values = next.map((item) => keyedItems[item].raw);
+    const values = next.map((item) => {
+      var _a2, _b;
+      return (_b = (_a2 = keyedItems[item]) == null ? void 0 : _a2.raw) != null ? _b : item;
+    });
     const detail = {
       source: "variant",
       raw: {
@@ -22258,6 +21712,7 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
         next: final,
         values
       },
+      selectedOptions: values,
       nativeEvent: void 0,
       meta: {
         allSelected: !currentlyAllSelected
@@ -22270,7 +21725,8 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
     disabled,
     readOnly,
     allSelectableValues,
-    selectedValues
+    selectedValues,
+    keyedItems
   ]);
   const handleClearAll = React74.useCallback(() => {
     if (!onValue || disabled || readOnly) return;
@@ -22279,6 +21735,7 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
       raw: {
         type: "clear"
       },
+      selectedOptions: [],
       nativeEvent: void 0,
       meta: void 0
     };
@@ -22294,9 +21751,14 @@ var ShadcnMultiSelectVariant = React74.forwardRef(function ShadcnMultiSelectVari
           selectedValues,
           item.value
         );
+        const selectedOptions = (updated != null ? updated : []).map((value2) => {
+          var _a2, _b;
+          return (_b = (_a2 = keyedItems[value2]) == null ? void 0 : _a2.raw) != null ? _b : value2;
+        });
         const detail = {
           source: "variant",
           raw: item,
+          selectedOptions,
           nativeEvent: void 0,
           meta: { action: "remove", removed: value }
         };
@@ -24221,9 +23683,16 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
         setOpen(false);
       }
       const nextSelectedValues = Array.isArray(nextValue) ? nextValue : nextValue !== void 0 && nextValue !== null ? [nextValue] : [];
+      const nextSelectedOptions = nextSelectedValues.map(
+        (val) => {
+          var _a, _b;
+          return (_b = (_a = allNodesFlat.find((node) => node.value === val)) == null ? void 0 : _a.raw) != null ? _b : val;
+        }
+      );
       const detail = {
         source: "variant",
         raw: item.raw,
+        selectedOptions: nextSelectedOptions,
         nativeEvent: void 0,
         meta: {
           toggled: item.value,
@@ -24238,7 +23707,8 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
       multiple,
       selectedValues,
       onValue,
-      toggleExpanded
+      toggleExpanded,
+      allNodesFlat
     ]
   );
   const handleClear = React74.useCallback(() => {
@@ -24246,6 +23716,7 @@ var ShadcnTreeSelectVariant = React74.forwardRef(function ShadcnTreeSelectVarian
     const detail = {
       source: "variant",
       raw: void 0,
+      selectedOptions: [],
       nativeEvent: void 0,
       meta: { action: "clear" }
     };
@@ -26019,6 +25490,7 @@ var ShadcnToggleVariant3 = React74.forwardRef(function ShadcnToggleVariant4(prop
         source: "variant",
         raw: rawSelection,
         // original item(s)
+        selectedOptions: Array.isArray(rawSelection) ? rawSelection : rawSelection === void 0 ? [] : [rawSelection],
         nativeEvent: void 0,
         meta: { action: "toggle" }
       };
@@ -30798,7 +30270,7 @@ var ShadcnIconVariant = React74.forwardRef(function ShadcnIconVariant2(props, re
         PopoverContent,
         {
           className: cn(
-            "w-(--radix-popover-trigger-width) p-0",
+            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height)",
             popoverClassName
           ),
           align: "start",
@@ -31648,7 +31120,7 @@ var ShadcnImageIconVariant = React74.forwardRef(function ShadcnImageIconVariant2
         PopoverContent,
         {
           className: cn(
-            "w-(--radix-popover-trigger-width) p-0",
+            "w-(--radix-popover-trigger-width) p-0 max-h-(--radix-popper-available-height)",
             popoverClassName
           ),
           align: "start",