@k2b/ui 0.10.0 → 0.12.0

package/dist/browser/inputs/NumberInput.js

@@ -1,8 +1,6 @@
 import { template as _$template } from "solid-js/web";
 import { delegateEvents as _$delegateEvents } from "solid-js/web";
 import { getNextMarker as _$getNextMarker } from "solid-js/web";
-import { spread as _$spread } from "solid-js/web";
-import { mergeProps as _$mergeProps } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
@@ -11,13 +9,18 @@ import { setAttribute as _$setAttribute } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { getNextElement as _$getNextElement } from "solid-js/web";
 import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
-var _tmpl$ = /*#__PURE__*/_$template(`<button type=button class=k2b-number-input__step><i class="ti ti-minus"aria-hidden=true>`),
-  _tmpl$2 = /*#__PURE__*/_$template(`<span class="k2b-input-shell__icon k2b-text-input__icon"aria-hidden=true><i></i><i>`),
-  _tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-input-shell__affix>`),
-  _tmpl$4 = /*#__PURE__*/_$template(`<button type=button class="k2b-input-shell__clear k2b-input-clear-action"><i class="ti ti-x"aria-hidden=true>`),
-  _tmpl$5 = /*#__PURE__*/_$template(`<button type=button class=k2b-number-input__step><i class="ti ti-plus"aria-hidden=true>`),
-  _tmpl$6 = /*#__PURE__*/_$template(`<div class="k2b-input-shell k2b-number-input"><!$><!/><div class=k2b-number-input__value><!$><!/><!$><!/><input><!$><!/><!$><!/></div><!$><!/>`);
+var _tmpl$ = /*#__PURE__*/_$template(`<input>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<button type=button class=k2b-number-input__step><i class="ti ti-minus"aria-hidden=true>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<span class="k2b-input-shell__icon k2b-text-input__icon"aria-hidden=true><i></i><i>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<span class=k2b-input-shell__affix>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<span class=k2b-number-input__sizer>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<button type=button class="k2b-input-shell__clear k2b-input-clear-action"><i class="ti ti-x"aria-hidden=true>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<button type=button class=k2b-number-input__step><i class="ti ti-plus"aria-hidden=true>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<div class="k2b-input-shell k2b-number-input"><!$><!/><div class=k2b-number-input__value><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/>`);
 import { createEffect, createMemo, createSignal, Show, splitProps } from "solid-js";
 import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
 import { decimalSeparator, useLocale } from "../intl/locale";
@@ -30,8 +33,10 @@ function fractionDigits(value) {
   return Math.max(0, fraction - Number(exponent));
 }
 export function NumberInput(props) {
-  const [local, rest] = splitProps(props, ["activeIcon", "allowNegative", "aria-describedby", "aria-label", "class", "clearLabel", "clearable", "decimalPlaces", "decreaseLabel", "description", "disableSteppers", "error", "icon", "id", "increaseLabel", "label", "locale", "max", "min", "onClear", "onValueCommit", "onValueChange", "prefix", "required", "showSteppers", "step", "suffix", "value"]);
+  const [local, rest] = splitProps(props, ["activeIcon", "appearance", "allowNegative", "aria-describedby", "aria-label", "class", "clearLabel", "clearable", "decimalPlaces", "decreaseLabel", "description", "disableSteppers", "error", "formatValue", "icon", "id", "increaseLabel", "label", "locale", "max", "min", "onClear", "onKeyDown", "onValueCommit", "onValueChange", "prefix", "required", "showSteppers", "step", "suffix", "value"]);
   const meta = createFieldMeta(local.id);
+  const plain = () => local.appearance === "plain";
+  let input;
   const [focused, setFocused] = createSignal(false);
   const value = () => resolveMaybeAccessor(local.value);
   const error = () => resolveMaybeAccessor(local.error);
@@ -93,6 +98,107 @@ export function NumberInput(props) {
     if (focused()) return;
     if (parse(raw()) !== value()) setRaw(display(value()));
   });
+  // Enter already committed the current text, so leaving the field does not commit it twice.
+  let committedOnEnter = false;
+  const onKeyDown = event => {
+    const handler = local.onKeyDown;
+    if (typeof handler === "function") handler(event);else if (Array.isArray(handler)) handler[0](handler[1], event);
+    if (!plain() || event.defaultPrevented) return;
+    // Both keys keep focus in the field, so keyboard and screen reader users stay in place.
+    if (event.key === "Enter") {
+      event.preventDefault();
+      commit(parse(raw()), true);
+      committedOnEnter = true;
+    } else if (event.key === "Escape" && parse(raw()) !== value()) {
+      // Only an edit in progress swallows Escape; otherwise it reaches an enclosing panel.
+      event.preventDefault();
+      event.stopPropagation();
+      setRaw(display(value()));
+    }
+  };
+  const placeholderText = () => typeof rest.placeholder === "string" ? rest.placeholder : "";
+  /** What a plain field shows: the formatted value at rest, the text being edited while focused. */
+  const shownText = () => {
+    const current = value();
+    if (!focused() && current != null && local.formatValue) return local.formatValue(current);
+    return raw() || placeholderText();
+  };
+  const valueText = () => {
+    if (rest["aria-valuetext"] !== undefined) return rest["aria-valuetext"];
+    const current = focused() ? parse(raw()) : value();
+    if (current == null) return undefined;
+    if (local.formatValue) return local.formatValue(current);
+    const unit = typeof local.suffix === "string" ? local.suffix : "";
+    return unit ? `${display(current)} ${unit}` : undefined;
+  };
+  const control = () => (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    var _ref$ = input;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$) : input = _el$;
+    _$spread(_el$, _$mergeProps(rest, {
+      get id() {
+        return meta.controlId;
+      },
+      "class": "k2b-input k2b-number-input__control",
+      get ["data-filled"]() {
+        return raw() ? "true" : undefined;
+      },
+      "type": "text",
+      "role": "spinbutton",
+      get inputmode() {
+        return places() === 0 ? "numeric" : "decimal";
+      },
+      get value() {
+        return raw();
+      },
+      get required() {
+        return local.required;
+      }
+    }, () => fieldControlAria(meta, local), {
+      get ["aria-valuemin"]() {
+        return _$memo(() => !!Number.isFinite(min()))() ? min() : undefined;
+      },
+      get ["aria-valuemax"]() {
+        return _$memo(() => !!Number.isFinite(max()))() ? max() : undefined;
+      },
+      get ["aria-valuenow"]() {
+        return (focused() ? parse(raw()) : value()) ?? undefined;
+      },
+      get ["aria-valuetext"]() {
+        return valueText();
+      },
+      get size() {
+        return _$memo(() => !!plain())() ? 1 : rest.size;
+      },
+      "onFocus": () => setFocused(true),
+      "onKeyDown": onKeyDown,
+      "onInput": event => {
+        const input = event.currentTarget;
+        const current = input.value;
+        const selectionStart = input.selectionStart;
+        const selectionEnd = input.selectionEnd;
+        const next = filter(current);
+        // Only write back when the filter actually dropped something —
+        // re-assigning an unchanged value moves the caret to the end.
+        if (current !== next) {
+          input.value = next;
+          if (selectionStart !== null && selectionEnd !== null) {
+            input.setSelectionRange(filter(current.slice(0, selectionStart)).length, filter(current.slice(0, selectionEnd)).length);
+          }
+        }
+        setRaw(next);
+        committedOnEnter = false;
+        emit(parse(next));
+      },
+      "onBlur": () => {
+        if (!committedOnEnter) commit(parse(raw()), true);
+        committedOnEnter = false;
+        setFocused(false);
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
   return _$createComponent(Field, {
     get ["class"]() {
       return local.class;
@@ -114,180 +220,161 @@ export function NumberInput(props) {
       return rest.disabled;
     },
     get children() {
-      var _el$ = _$getNextElement(_tmpl$6),
-        _el$18 = _el$.firstChild,
+      var _el$2 = _$getNextElement(_tmpl$8),
+        _el$21 = _el$2.firstChild,
+        [_el$22, _co$6] = _$getNextMarker(_el$21.nextSibling),
+        _el$4 = _el$22.nextSibling,
+        _el$10 = _el$4.firstChild,
+        [_el$11, _co$] = _$getNextMarker(_el$10.nextSibling),
+        _el$12 = _el$11.nextSibling,
+        [_el$13, _co$2] = _$getNextMarker(_el$12.nextSibling),
+        _el$14 = _el$13.nextSibling,
+        [_el$15, _co$3] = _$getNextMarker(_el$14.nextSibling),
+        _el$16 = _el$15.nextSibling,
+        [_el$17, _co$4] = _$getNextMarker(_el$16.nextSibling),
+        _el$18 = _el$17.nextSibling,
         [_el$19, _co$5] = _$getNextMarker(_el$18.nextSibling),
-        _el$3 = _el$19.nextSibling,
-        _el$1 = _el$3.firstChild,
-        [_el$10, _co$] = _$getNextMarker(_el$1.nextSibling),
-        _el$11 = _el$10.nextSibling,
-        [_el$12, _co$2] = _$getNextMarker(_el$11.nextSibling),
-        _el$8 = _el$12.nextSibling,
-        _el$13 = _el$8.nextSibling,
-        [_el$14, _co$3] = _$getNextMarker(_el$13.nextSibling),
-        _el$15 = _el$14.nextSibling,
-        [_el$16, _co$4] = _$getNextMarker(_el$15.nextSibling),
-        _el$20 = _el$3.nextSibling,
-        [_el$21, _co$6] = _$getNextMarker(_el$20.nextSibling);
-      _$insert(_el$, _$createComponent(Show, {
+        _el$23 = _el$4.nextSibling,
+        [_el$24, _co$7] = _$getNextMarker(_el$23.nextSibling);
+      _el$2.$$click = event => {
+        if (plain() && event.target !== input && !rest.disabled) input?.focus();
+      };
+      _$insert(_el$2, _$createComponent(Show, {
         get when() {
-          return local.showSteppers ?? true;
+          return local.showSteppers ?? !plain();
         },
         get children() {
-          var _el$2 = _$getNextElement(_tmpl$);
-          _el$2.$$click = () => stepBy(-1);
+          var _el$3 = _$getNextElement(_tmpl$2);
+          _el$3.$$click = () => stepBy(-1);
           _$effect(_p$ => {
             var _v$ = local.decreaseLabel ?? messages().decreaseValue,
               _v$2 = rest.disabled || local.disableSteppers || value() !== null && value() !== undefined && value() <= min();
-            _v$ !== _p$.e && _$setAttribute(_el$2, "aria-label", _p$.e = _v$);
-            _v$2 !== _p$.t && _$setProperty(_el$2, "disabled", _p$.t = _v$2);
+            _v$ !== _p$.e && _$setAttribute(_el$3, "aria-label", _p$.e = _v$);
+            _v$2 !== _p$.t && _$setProperty(_el$3, "disabled", _p$.t = _v$2);
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
           _$runHydrationEvents();
-          return _el$2;
+          return _el$3;
         }
-      }), _el$19, _co$5);
-      _$insert(_el$3, _$createComponent(Show, {
+      }), _el$22, _co$6);
+      _$insert(_el$4, _$createComponent(Show, {
         get when() {
           return local.icon;
         },
         get children() {
-          var _el$4 = _$getNextElement(_tmpl$2),
-            _el$5 = _el$4.firstChild,
-            _el$6 = _el$5.nextSibling;
+          var _el$5 = _$getNextElement(_tmpl$3),
+            _el$6 = _el$5.firstChild,
+            _el$7 = _el$6.nextSibling;
           _$effect(_p$ => {
             var _v$3 = local.icon,
               _v$4 = local.activeIcon ?? local.icon;
-            _v$3 !== _p$.e && _$className(_el$5, _p$.e = _v$3);
-            _v$4 !== _p$.t && _$className(_el$6, _p$.t = _v$4);
+            _v$3 !== _p$.e && _$className(_el$6, _p$.e = _v$3);
+            _v$4 !== _p$.t && _$className(_el$7, _p$.t = _v$4);
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
-          return _el$4;
+          return _el$5;
         }
-      }), _el$10, _co$);
-      _$insert(_el$3, _$createComponent(Show, {
+      }), _el$11, _co$);
+      _$insert(_el$4, _$createComponent(Show, {
         get when() {
           return local.prefix;
         },
         get children() {
-          var _el$7 = _$getNextElement(_tmpl$3);
-          _$insert(_el$7, () => local.prefix);
-          return _el$7;
-        }
-      }), _el$12, _co$2);
-      _$spread(_el$8, _$mergeProps(rest, {
-        get id() {
-          return meta.controlId;
-        },
-        "class": "k2b-input k2b-number-input__control",
-        get ["data-filled"]() {
-          return raw() ? "true" : undefined;
-        },
-        "type": "text",
-        "role": "spinbutton",
-        get inputmode() {
-          return places() === 0 ? "numeric" : "decimal";
-        },
-        get value() {
-          return raw();
-        },
-        get required() {
-          return local.required;
+          var _el$8 = _$getNextElement(_tmpl$4);
+          _$insert(_el$8, () => local.prefix);
+          return _el$8;
         }
-      }, () => fieldControlAria(meta, local), {
-        get ["aria-valuemin"]() {
-          return _$memo(() => !!Number.isFinite(min()))() ? min() : undefined;
-        },
-        get ["aria-valuemax"]() {
-          return _$memo(() => !!Number.isFinite(max()))() ? max() : undefined;
+      }), _el$13, _co$2);
+      _$insert(_el$4, _$createComponent(Show, {
+        get when() {
+          return plain();
         },
-        get ["aria-valuenow"]() {
-          return (focused() ? parse(raw()) : value()) ?? undefined;
+        get fallback() {
+          return control();
         },
-        "onFocus": () => setFocused(true),
-        "onInput": event => {
-          const input = event.currentTarget;
-          const current = input.value;
-          const selectionStart = input.selectionStart;
-          const selectionEnd = input.selectionEnd;
-          const next = filter(current);
-          // Only write back when the filter actually dropped something —
-          // re-assigning an unchanged value moves the caret to the end.
-          if (current !== next) {
-            input.value = next;
-            if (selectionStart !== null && selectionEnd !== null) {
-              input.setSelectionRange(filter(current.slice(0, selectionStart)).length, filter(current.slice(0, selectionEnd)).length);
-            }
-          }
-          setRaw(next);
-          emit(parse(next));
-        },
-        "onBlur": () => {
-          commit(parse(raw()), true);
-          setFocused(false);
+        get children() {
+          var _el$9 = _$getNextElement(_tmpl$5);
+          _$insert(_el$9, control);
+          _$effect(_p$ => {
+            var _v$5 = shownText(),
+              _v$6 = raw() ? undefined : "true",
+              _v$7 = focused() ? "true" : undefined;
+            _v$5 !== _p$.e && _$setAttribute(_el$9, "data-value", _p$.e = _v$5);
+            _v$6 !== _p$.t && _$setAttribute(_el$9, "data-placeholder", _p$.t = _v$6);
+            _v$7 !== _p$.a && _$setAttribute(_el$9, "data-editing", _p$.a = _v$7);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined
+          });
+          return _el$9;
         }
-      }), false, false);
-      _$insert(_el$3, _$createComponent(Show, {
+      }), _el$15, _co$3);
+      _$insert(_el$4, _$createComponent(Show, {
         get when() {
-          return local.suffix;
+          return _$memo(() => !!local.suffix)() && (!plain() || raw() && (focused() || !local.formatValue));
         },
         get children() {
-          var _el$9 = _$getNextElement(_tmpl$3);
-          _$insert(_el$9, () => local.suffix);
-          return _el$9;
+          var _el$0 = _$getNextElement(_tmpl$4);
+          _$insert(_el$0, () => local.suffix);
+          return _el$0;
         }
-      }), _el$14, _co$3);
-      _$insert(_el$3, _$createComponent(Show, {
+      }), _el$17, _co$4);
+      _$insert(_el$4, _$createComponent(Show, {
         get when() {
-          return _$memo(() => !!(local.clearable && raw() && !rest.disabled))() && !rest.readOnly;
+          return _$memo(() => !!(local.clearable && raw() && !rest.disabled && !rest.readOnly))() && !plain();
         },
         get children() {
-          var _el$0 = _$getNextElement(_tmpl$4);
-          _el$0.$$click = () => local.onClear ? local.onClear() : commit(null);
-          _$effect(() => _$setAttribute(_el$0, "aria-label", local.clearLabel ?? messages().clear));
+          var _el$1 = _$getNextElement(_tmpl$6);
+          _el$1.$$click = () => local.onClear ? local.onClear() : commit(null);
+          _$effect(() => _$setAttribute(_el$1, "aria-label", local.clearLabel ?? messages().clear));
           _$runHydrationEvents();
-          return _el$0;
+          return _el$1;
         }
-      }), _el$16, _co$4);
-      _$insert(_el$, _$createComponent(Show, {
+      }), _el$19, _co$5);
+      _$insert(_el$2, _$createComponent(Show, {
         get when() {
-          return local.showSteppers ?? true;
+          return local.showSteppers ?? !plain();
         },
         get children() {
-          var _el$17 = _$getNextElement(_tmpl$5);
-          _el$17.$$click = () => stepBy(1);
+          var _el$20 = _$getNextElement(_tmpl$7);
+          _el$20.$$click = () => stepBy(1);
           _$effect(_p$ => {
-            var _v$5 = local.increaseLabel ?? messages().increaseValue,
-              _v$6 = rest.disabled || local.disableSteppers || value() !== null && value() !== undefined && value() >= max();
-            _v$5 !== _p$.e && _$setAttribute(_el$17, "aria-label", _p$.e = _v$5);
-            _v$6 !== _p$.t && _$setProperty(_el$17, "disabled", _p$.t = _v$6);
+            var _v$8 = local.increaseLabel ?? messages().increaseValue,
+              _v$9 = rest.disabled || local.disableSteppers || value() !== null && value() !== undefined && value() >= max();
+            _v$8 !== _p$.e && _$setAttribute(_el$20, "aria-label", _p$.e = _v$8);
+            _v$9 !== _p$.t && _$setProperty(_el$20, "disabled", _p$.t = _v$9);
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
           _$runHydrationEvents();
-          return _el$17;
+          return _el$20;
         }
-      }), _el$21, _co$6);
+      }), _el$24, _co$7);
       _$effect(_p$ => {
-        var _v$7 = rest.disabled ? "true" : undefined,
-          _v$8 = error() ? "true" : undefined;
-        _v$7 !== _p$.e && _$setAttribute(_el$, "data-disabled", _p$.e = _v$7);
-        _v$8 !== _p$.t && _$setAttribute(_el$, "data-invalid", _p$.t = _v$8);
+        var _v$0 = local.appearance ?? "field",
+          _v$1 = rest.disabled ? "true" : undefined,
+          _v$10 = error() ? "true" : undefined;
+        _v$0 !== _p$.e && _$setAttribute(_el$2, "data-appearance", _p$.e = _v$0);
+        _v$1 !== _p$.t && _$setAttribute(_el$2, "data-disabled", _p$.t = _v$1);
+        _v$10 !== _p$.a && _$setAttribute(_el$2, "data-invalid", _p$.a = _v$10);
         return _p$;
       }, {
         e: undefined,
-        t: undefined
+        t: undefined,
+        a: undefined
       });
       _$runHydrationEvents();
-      return _el$;
+      return _el$2;
     }
   });
 }

package/dist/browser/inputs/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/NumberInput.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { decimalSeparator, useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type NumberInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"max\" | \"min\" | \"onChange\" | \"onInput\" | \"prefix\" | \"step\" | \"type\" | \"value\" | keyof ValueFieldProps<number | null>\n> &\n  ValueFieldProps<number | null> & {\n    max?: number;\n    min?: number;\n    /** Stepper increment and commit grid; defaults to `1`. A fractional step also sets the default `decimalPlaces`. */\n    step?: number;\n    /** Accepted fraction digits. Defaults to the fraction digits of `step` (`0.01` → `2`, `1` → `0`); an explicit value wins. */\n    decimalPlaces?: number;\n    allowNegative?: boolean;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    increaseLabel?: string;\n    decreaseLabel?: string;\n    /** Explicit locale for the decimal separator; defaults to the inherited render locale. */\n    locale?: string;\n    showSteppers?: boolean;\n    disableSteppers?: boolean;\n    icon?: string;\n    activeIcon?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n  };\n\nfunction fractionDigits(value: number): number {\n  if (!Number.isFinite(value)) return 0;\n  const [mantissa = \"\", exponent = \"0\"] = String(value).split(\"e\");\n  const fraction = mantissa.split(\".\")[1]?.length ?? 0;\n  return Math.max(0, fraction - Number(exponent));\n}\n\nexport function NumberInput(props: NumberInputProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"allowNegative\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"decimalPlaces\",\n    \"decreaseLabel\",\n    \"description\",\n    \"disableSteppers\",\n    \"error\",\n    \"icon\",\n    \"id\",\n    \"increaseLabel\",\n    \"label\",\n    \"locale\",\n    \"max\",\n    \"min\",\n    \"onClear\",\n    \"onValueCommit\",\n    \"onValueChange\",\n    \"prefix\",\n    \"required\",\n    \"showSteppers\",\n    \"step\",\n    \"suffix\",\n    \"value\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const [focused, setFocused] = createSignal(false);\n  const value = () => resolveMaybeAccessor(local.value);\n  const error = () => resolveMaybeAccessor(local.error);\n  const contextLocale = useLocale();\n  const messages = useUiMessages();\n  const separator = createMemo(() => decimalSeparator(local.locale ?? contextLocale()));\n  // The visible text keeps the canonical number, only the decimal separator\n  // follows the effective locale; grouping is never rendered while editing.\n  const display = (value: number | null | undefined) => (value == null ? \"\" : String(value).replace(\".\", separator()));\n  const [raw, setRaw] = createSignal(display(value()));\n  const min = () => local.min ?? -Infinity;\n  const max = () => local.max ?? Infinity;\n  const step = () => local.step ?? 1;\n  // `step` and the accepted decimals never disagree: a fractional step implies\n  // its own precision unless the caller states `decimalPlaces` explicitly.\n  const places = () => Math.max(0, local.decimalPlaces ?? fractionDigits(step()));\n\n  const filter = (input: string) => {\n    let output = \"\";\n    let decimal = false;\n    for (const character of input) {\n      if (/\\d/.test(character)) output += character;\n      else if (character === \"-\" && output === \"\" && (local.allowNegative ?? true)) output += character;\n      else if ((character === \".\" || character === \",\" || character === separator()) && !decimal && places() > 0) {\n        output += separator();\n        decimal = true;\n      }\n    }\n    if (decimal) {\n      const [integer = \"\", fraction = \"\"] = output.split(separator());\n      return `${integer}${separator()}${fraction.slice(0, places())}`;\n    }\n    return output;\n  };\n  const parse = (input: string) => {\n    const canonical = input.replace(separator(), \".\");\n    if (!canonical || canonical === \"-\" || canonical === \".\") return null;\n    const number = places() === 0 ? Number.parseInt(canonical, 10) : Number(canonical);\n    return Number.isFinite(number) ? number : null;\n  };\n  const normalize = (value: number | null) => {\n    if (value === null) return null;\n    const clamped = Math.max(min(), Math.min(max(), value));\n    const anchor = Number.isFinite(min()) ? min() : 0;\n    const snapped = step() > 0 ? Math.round((clamped - anchor) / step()) * step() + anchor : clamped;\n    const bounded = Math.max(min(), Math.min(max(), snapped));\n    return places() === 0 ? Math.round(bounded) : Number(bounded.toFixed(places()));\n  };\n  const emit = (value: number | null) => local.onValueChange?.(value);\n  const commit = (value: number | null, changeAlreadyEmitted = false) => {\n    const next = normalize(value);\n    setRaw(display(next));\n    if (!changeAlreadyEmitted || !Object.is(next, value)) emit(next);\n    local.onValueCommit?.(next);\n  };\n  const stepBy = (direction: number) => {\n    if (rest.disabled || local.disableSteppers) return;\n    const seed = value() ?? (Number.isFinite(min()) ? min() : 0);\n    commit(seed + direction * step());\n  };\n\n  createEffect(() => {\n    if (focused()) return;\n    if (parse(raw()) !== value()) setRaw(display(value()));\n  });\n\n  return (\n    <Field\n      class={local.class}\n      label={local.label}\n      description={local.description}\n      error={error()}\n      meta={meta}\n      required={local.required}\n      disabled={rest.disabled}\n    >\n      <div\n        class=\"k2b-input-shell k2b-number-input\"\n        data-disabled={rest.disabled ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n      >\n        <Show when={local.showSteppers ?? true}>\n          <button\n            type=\"button\"\n            class=\"k2b-number-input__step\"\n            aria-label={local.decreaseLabel ?? messages().decreaseValue}\n            disabled={rest.disabled || local.disableSteppers || (value() !== null && value() !== undefined && value()! <= min())}\n            onClick={() => stepBy(-1)}\n          >\n            <i class=\"ti ti-minus\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <div class=\"k2b-number-input__value\">\n          <Show when={local.icon}>\n            <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n              <i class={local.icon} />\n              <i class={local.activeIcon ?? local.icon} />\n            </span>\n          </Show>\n          <Show when={local.prefix}>\n            <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n          </Show>\n          <input\n            {...rest}\n            id={meta.controlId}\n            class=\"k2b-input k2b-number-input__control\"\n            data-filled={raw() ? \"true\" : undefined}\n            type=\"text\"\n            role=\"spinbutton\"\n            inputmode={places() === 0 ? \"numeric\" : \"decimal\"}\n            value={raw()}\n            required={local.required}\n            {...fieldControlAria(meta, local)}\n            aria-valuemin={Number.isFinite(min()) ? min() : undefined}\n            aria-valuemax={Number.isFinite(max()) ? max() : undefined}\n            aria-valuenow={(focused() ? parse(raw()) : value()) ?? undefined}\n            onFocus={() => setFocused(true)}\n            onInput={(event) => {\n              const input = event.currentTarget;\n              const current = input.value;\n              const selectionStart = input.selectionStart;\n              const selectionEnd = input.selectionEnd;\n              const next = filter(current);\n              // Only write back when the filter actually dropped something —\n              // re-assigning an unchanged value moves the caret to the end.\n              if (current !== next) {\n                input.value = next;\n                if (selectionStart !== null && selectionEnd !== null) {\n                  input.setSelectionRange(filter(current.slice(0, selectionStart)).length, filter(current.slice(0, selectionEnd)).length);\n                }\n              }\n              setRaw(next);\n              emit(parse(next));\n            }}\n            onBlur={() => {\n              commit(parse(raw()), true);\n              setFocused(false);\n            }}\n          />\n          <Show when={local.suffix}>\n            <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n          </Show>\n          <Show when={local.clearable && raw() && !rest.disabled && !rest.readOnly}>\n            <button\n              type=\"button\"\n              class=\"k2b-input-shell__clear k2b-input-clear-action\"\n              aria-label={local.clearLabel ?? messages().clear}\n              onClick={() => (local.onClear ? local.onClear() : commit(null))}\n            >\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </button>\n          </Show>\n        </div>\n        <Show when={local.showSteppers ?? true}>\n          <button\n            type=\"button\"\n            class=\"k2b-number-input__step\"\n            aria-label={local.increaseLabel ?? messages().increaseValue}\n            disabled={rest.disabled || local.disableSteppers || (value() !== null && value() !== undefined && value()! >= max())}\n            onClick={() => stepBy(1)}\n          >\n            <i class=\"ti ti-plus\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport default NumberInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/NumberInput.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { decimalSeparator, useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\nimport type { ChoiceAppearance } from \"./Select\";\n\nexport type NumberInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"max\" | \"min\" | \"onChange\" | \"onInput\" | \"prefix\" | \"step\" | \"type\" | \"value\" | keyof ValueFieldProps<number | null>\n> &\n  ValueFieldProps<number | null> & {\n    max?: number;\n    min?: number;\n    /** Stepper increment and commit grid; defaults to `1`. A fractional step also sets the default `decimalPlaces`. */\n    step?: number;\n    /** Accepted fraction digits. Defaults to the fraction digits of `step` (`0.01` → `2`, `1` → `0`); an explicit value wins. */\n    decimalPlaces?: number;\n    allowNegative?: boolean;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    increaseLabel?: string;\n    decreaseLabel?: string;\n    /** Explicit locale for the decimal separator; defaults to the inherited render locale. */\n    locale?: string;\n    showSteppers?: boolean;\n    disableSteppers?: boolean;\n    icon?: string;\n    activeIcon?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n    /**\n     * `plain` edits the value in place for property rows: no box and no steppers\n     * or clear button. The field sizes to its text, Enter commits, Escape\n     * restores the current value, and clearing the text clears the value. Focus\n     * stays in the field.\n     */\n    appearance?: ChoiceAppearance;\n    /**\n     * Text for a set value while a plain field is not being edited, such as\n     * `90` as \"1 h 30 min\". It also names the value for assistive technology.\n     * The suffix then shows only while editing.\n     */\n    formatValue?: (value: number) => string;\n  };\n\nfunction fractionDigits(value: number): number {\n  if (!Number.isFinite(value)) return 0;\n  const [mantissa = \"\", exponent = \"0\"] = String(value).split(\"e\");\n  const fraction = mantissa.split(\".\")[1]?.length ?? 0;\n  return Math.max(0, fraction - Number(exponent));\n}\n\nexport function NumberInput(props: NumberInputProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"appearance\",\n    \"allowNegative\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"decimalPlaces\",\n    \"decreaseLabel\",\n    \"description\",\n    \"disableSteppers\",\n    \"error\",\n    \"formatValue\",\n    \"icon\",\n    \"id\",\n    \"increaseLabel\",\n    \"label\",\n    \"locale\",\n    \"max\",\n    \"min\",\n    \"onClear\",\n    \"onKeyDown\",\n    \"onValueCommit\",\n    \"onValueChange\",\n    \"prefix\",\n    \"required\",\n    \"showSteppers\",\n    \"step\",\n    \"suffix\",\n    \"value\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const plain = () => local.appearance === \"plain\";\n  let input: HTMLInputElement | undefined;\n  const [focused, setFocused] = createSignal(false);\n  const value = () => resolveMaybeAccessor(local.value);\n  const error = () => resolveMaybeAccessor(local.error);\n  const contextLocale = useLocale();\n  const messages = useUiMessages();\n  const separator = createMemo(() => decimalSeparator(local.locale ?? contextLocale()));\n  // The visible text keeps the canonical number, only the decimal separator\n  // follows the effective locale; grouping is never rendered while editing.\n  const display = (value: number | null | undefined) => (value == null ? \"\" : String(value).replace(\".\", separator()));\n  const [raw, setRaw] = createSignal(display(value()));\n  const min = () => local.min ?? -Infinity;\n  const max = () => local.max ?? Infinity;\n  const step = () => local.step ?? 1;\n  // `step` and the accepted decimals never disagree: a fractional step implies\n  // its own precision unless the caller states `decimalPlaces` explicitly.\n  const places = () => Math.max(0, local.decimalPlaces ?? fractionDigits(step()));\n\n  const filter = (input: string) => {\n    let output = \"\";\n    let decimal = false;\n    for (const character of input) {\n      if (/\\d/.test(character)) output += character;\n      else if (character === \"-\" && output === \"\" && (local.allowNegative ?? true)) output += character;\n      else if ((character === \".\" || character === \",\" || character === separator()) && !decimal && places() > 0) {\n        output += separator();\n        decimal = true;\n      }\n    }\n    if (decimal) {\n      const [integer = \"\", fraction = \"\"] = output.split(separator());\n      return `${integer}${separator()}${fraction.slice(0, places())}`;\n    }\n    return output;\n  };\n  const parse = (input: string) => {\n    const canonical = input.replace(separator(), \".\");\n    if (!canonical || canonical === \"-\" || canonical === \".\") return null;\n    const number = places() === 0 ? Number.parseInt(canonical, 10) : Number(canonical);\n    return Number.isFinite(number) ? number : null;\n  };\n  const normalize = (value: number | null) => {\n    if (value === null) return null;\n    const clamped = Math.max(min(), Math.min(max(), value));\n    const anchor = Number.isFinite(min()) ? min() : 0;\n    const snapped = step() > 0 ? Math.round((clamped - anchor) / step()) * step() + anchor : clamped;\n    const bounded = Math.max(min(), Math.min(max(), snapped));\n    return places() === 0 ? Math.round(bounded) : Number(bounded.toFixed(places()));\n  };\n  const emit = (value: number | null) => local.onValueChange?.(value);\n  const commit = (value: number | null, changeAlreadyEmitted = false) => {\n    const next = normalize(value);\n    setRaw(display(next));\n    if (!changeAlreadyEmitted || !Object.is(next, value)) emit(next);\n    local.onValueCommit?.(next);\n  };\n  const stepBy = (direction: number) => {\n    if (rest.disabled || local.disableSteppers) return;\n    const seed = value() ?? (Number.isFinite(min()) ? min() : 0);\n    commit(seed + direction * step());\n  };\n\n  createEffect(() => {\n    if (focused()) return;\n    if (parse(raw()) !== value()) setRaw(display(value()));\n  });\n  // Enter already committed the current text, so leaving the field does not commit it twice.\n  let committedOnEnter = false;\n  const onKeyDown: JSX.EventHandler<HTMLInputElement, KeyboardEvent> = (event) => {\n    const handler = local.onKeyDown;\n    if (typeof handler === \"function\") handler(event);\n    else if (Array.isArray(handler)) handler[0](handler[1], event);\n    if (!plain() || event.defaultPrevented) return;\n    // Both keys keep focus in the field, so keyboard and screen reader users stay in place.\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n      commit(parse(raw()), true);\n      committedOnEnter = true;\n    } else if (event.key === \"Escape\" && parse(raw()) !== value()) {\n      // Only an edit in progress swallows Escape; otherwise it reaches an enclosing panel.\n      event.preventDefault();\n      event.stopPropagation();\n      setRaw(display(value()));\n    }\n  };\n  const placeholderText = () => (typeof rest.placeholder === \"string\" ? rest.placeholder : \"\");\n  /** What a plain field shows: the formatted value at rest, the text being edited while focused. */\n  const shownText = () => {\n    const current = value();\n    if (!focused() && current != null && local.formatValue) return local.formatValue(current);\n    return raw() || placeholderText();\n  };\n  const valueText = () => {\n    if (rest[\"aria-valuetext\"] !== undefined) return rest[\"aria-valuetext\"];\n    const current = focused() ? parse(raw()) : value();\n    if (current == null) return undefined;\n    if (local.formatValue) return local.formatValue(current);\n    const unit = typeof local.suffix === \"string\" ? local.suffix : \"\";\n    return unit ? `${display(current)} ${unit}` : undefined;\n  };\n  const control = () => (\n    <input\n      {...rest}\n      ref={input}\n      id={meta.controlId}\n      class=\"k2b-input k2b-number-input__control\"\n      data-filled={raw() ? \"true\" : undefined}\n      type=\"text\"\n      role=\"spinbutton\"\n      inputmode={places() === 0 ? \"numeric\" : \"decimal\"}\n      value={raw()}\n      required={local.required}\n      {...fieldControlAria(meta, local)}\n      aria-valuemin={Number.isFinite(min()) ? min() : undefined}\n      aria-valuemax={Number.isFinite(max()) ? max() : undefined}\n      aria-valuenow={(focused() ? parse(raw()) : value()) ?? undefined}\n      aria-valuetext={valueText()}\n      // The plain sizer sets the width; the smallest intrinsic size keeps the input from widening it.\n      size={plain() ? 1 : rest.size}\n      onFocus={() => setFocused(true)}\n      onKeyDown={onKeyDown}\n      onInput={(event) => {\n        const input = event.currentTarget;\n        const current = input.value;\n        const selectionStart = input.selectionStart;\n        const selectionEnd = input.selectionEnd;\n        const next = filter(current);\n        // Only write back when the filter actually dropped something —\n        // re-assigning an unchanged value moves the caret to the end.\n        if (current !== next) {\n          input.value = next;\n          if (selectionStart !== null && selectionEnd !== null) {\n            input.setSelectionRange(filter(current.slice(0, selectionStart)).length, filter(current.slice(0, selectionEnd)).length);\n          }\n        }\n        setRaw(next);\n        committedOnEnter = false;\n        emit(parse(next));\n      }}\n      onBlur={() => {\n        if (!committedOnEnter) commit(parse(raw()), true);\n        committedOnEnter = false;\n        setFocused(false);\n      }}\n    />\n  );\n\n  return (\n    <Field\n      class={local.class}\n      label={local.label}\n      description={local.description}\n      error={error()}\n      meta={meta}\n      required={local.required}\n      disabled={rest.disabled}\n    >\n      {/* biome-ignore lint/a11y/noStaticElementInteractions lint/a11y/useKeyWithClickEvents: the input inside is the keyboard target; a plain field's row only forwards a pointer click beside the text to it. */}\n      <div\n        class=\"k2b-input-shell k2b-number-input\"\n        data-appearance={local.appearance ?? \"field\"}\n        data-disabled={rest.disabled ? \"true\" : undefined}\n        data-invalid={error() ? \"true\" : undefined}\n        onClick={(event) => {\n          if (plain() && event.target !== input && !rest.disabled) input?.focus();\n        }}\n      >\n        <Show when={local.showSteppers ?? !plain()}>\n          <button\n            type=\"button\"\n            class=\"k2b-number-input__step\"\n            aria-label={local.decreaseLabel ?? messages().decreaseValue}\n            disabled={rest.disabled || local.disableSteppers || (value() !== null && value() !== undefined && value()! <= min())}\n            onClick={() => stepBy(-1)}\n          >\n            <i class=\"ti ti-minus\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n        <div class=\"k2b-number-input__value\">\n          <Show when={local.icon}>\n            <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n              <i class={local.icon} />\n              <i class={local.activeIcon ?? local.icon} />\n            </span>\n          </Show>\n          <Show when={local.prefix}>\n            <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n          </Show>\n          <Show when={plain()} fallback={control()}>\n            {/* The sizer shows the text in the input's grid cell, so the field is as wide as what it shows. At rest it is\n                the visible value; while editing the input takes over. */}\n            <span\n              class=\"k2b-number-input__sizer\"\n              data-value={shownText()}\n              data-placeholder={raw() ? undefined : \"true\"}\n              data-editing={focused() ? \"true\" : undefined}\n            >\n              {control()}\n            </span>\n          </Show>\n          <Show when={local.suffix && (!plain() || (raw() && (focused() || !local.formatValue)))}>\n            <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n          </Show>\n          <Show when={local.clearable && raw() && !rest.disabled && !rest.readOnly && !plain()}>\n            <button\n              type=\"button\"\n              class=\"k2b-input-shell__clear k2b-input-clear-action\"\n              aria-label={local.clearLabel ?? messages().clear}\n              onClick={() => (local.onClear ? local.onClear() : commit(null))}\n            >\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </button>\n          </Show>\n        </div>\n        <Show when={local.showSteppers ?? !plain()}>\n          <button\n            type=\"button\"\n            class=\"k2b-number-input__step\"\n            aria-label={local.increaseLabel ?? messages().increaseValue}\n            disabled={rest.disabled || local.disableSteppers || (value() !== null && value() !== undefined && value()! >= max())}\n            onClick={() => stepBy(1)}\n          >\n            <i class=\"ti ti-plus\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n      </div>\n    </Field>\n  );\n}\n\nexport default NumberInput;\n"],"mappings":"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","ignoreList":[]}