@luzmo/lucero 0.0.15 → 0.0.17

package/components/number-field/index.js

@@ -15,296 +15,30 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { luzmoIcon as S, luzmoAngleUp as K, luzmoAngleDown as W } from "@luzmo/icons";
-import { r as Y, E as X, x as N, n as h } from "../base-CawdqE7p.js";
-import { e as Z } from "../query-D_KR_GUc.js";
-import { c as E, a as J, j as Q } from "../platform-BM-uMWpX.js";
-import { L as ee, l as te } from "../language-resolution-8yZa5r_P.js";
-import { s as re } from "../streaming-listener-CCalHg57.js";
+import { $ as b } from "../NumberFormatter-DgOUVrge.js";
+import { $ as f } from "../NumberParser-ci9J5EKv.js";
+import { luzmoIcon as v, luzmoAngleUp as y, luzmoAngleDown as k } from "@luzmo/icons";
+import { r as C, E as F, x as z, n } from "../base-CawdqE7p.js";
+import { e as _ } from "../query-D_KR_GUc.js";
+import { c as g, a as V, j as N } from "../platform-BM-uMWpX.js";
+import { L as P, l as E } from "../language-resolution-8yZa5r_P.js";
+import { s as q } from "../streaming-listener-CCalHg57.js";
 import "../infield-button/index.js";
-import { a as oe } from "../text-field-CvKSS59x.js";
-const G = () => {
+import { a as S } from "../text-field-BTnBJoP9.js";
+const w = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-    const s = document.createElement("style");
-    s.setAttribute("data-luzmo-vars", ""), s.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(s);
+    const p = document.createElement("style");
+    p.setAttribute("data-luzmo-vars", ""), p.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(p);
   }
 };
-G();
-let w = /* @__PURE__ */ new Map(), F = !1;
-try {
-  F = new Intl.NumberFormat("de-DE", {
-    signDisplay: "exceptZero"
-  }).resolvedOptions().signDisplay === "exceptZero";
-} catch {
-}
-let z = !1;
-try {
-  z = new Intl.NumberFormat("de-DE", {
-    style: "unit",
-    unit: "degree"
-  }).resolvedOptions().style === "unit";
-} catch {
-}
-const q = {
-  degree: {
-    narrow: {
-      default: "°",
-      "ja-JP": " 度",
-      "zh-TW": "度",
-      "sl-SI": " °"
-    }
-  }
-};
-class g {
-  /** Formats a number value as a string, according to the locale and options provided to the constructor. */
-  format(e) {
-    let t = "";
-    if (!F && this.options.signDisplay != null ? t = se(this.numberFormatter, this.options.signDisplay, e) : t = this.numberFormatter.format(e), this.options.style === "unit" && !z) {
-      var r;
-      let { unit: o, unitDisplay: i = "short", locale: l } = this.resolvedOptions();
-      if (!o) return t;
-      let a = (r = q[o]) === null || r === void 0 ? void 0 : r[i];
-      t += a[l] || a.default;
-    }
-    return t;
-  }
-  /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */
-  formatToParts(e) {
-    return this.numberFormatter.formatToParts(e);
-  }
-  /** Formats a number range as a string. */
-  formatRange(e, t) {
-    if (typeof this.numberFormatter.formatRange == "function") return this.numberFormatter.formatRange(e, t);
-    if (t < e) throw new RangeError("End date must be >= start date");
-    return `${this.format(e)} – ${this.format(t)}`;
-  }
-  /** Formats a number range as an array of parts. */
-  formatRangeToParts(e, t) {
-    if (typeof this.numberFormatter.formatRangeToParts == "function") return this.numberFormatter.formatRangeToParts(e, t);
-    if (t < e) throw new RangeError("End date must be >= start date");
-    let r = this.numberFormatter.formatToParts(e), o = this.numberFormatter.formatToParts(t);
-    return [
-      ...r.map((i) => ({
-        ...i,
-        source: "startRange"
-      })),
-      {
-        type: "literal",
-        value: " – ",
-        source: "shared"
-      },
-      ...o.map((i) => ({
-        ...i,
-        source: "endRange"
-      }))
-    ];
-  }
-  /** Returns the resolved formatting options based on the values passed to the constructor. */
-  resolvedOptions() {
-    let e = this.numberFormatter.resolvedOptions();
-    return !F && this.options.signDisplay != null && (e = {
-      ...e,
-      signDisplay: this.options.signDisplay
-    }), !z && this.options.style === "unit" && (e = {
-      ...e,
-      style: "unit",
-      unit: this.options.unit,
-      unitDisplay: this.options.unitDisplay
-    }), e;
-  }
-  constructor(e, t = {}) {
-    this.numberFormatter = ie(e, t), this.options = t;
-  }
-}
-function ie(s, e = {}) {
-  let { numberingSystem: t } = e;
-  if (t && s.includes("-nu-") && (s.includes("-u-") || (s += "-u-"), s += `-nu-${t}`), e.style === "unit" && !z) {
-    var r;
-    let { unit: l, unitDisplay: a = "short" } = e;
-    if (!l) throw new Error('unit option must be provided with style: "unit"');
-    if (!(!((r = q[l]) === null || r === void 0) && r[a])) throw new Error(`Unsupported unit ${l} with unitDisplay = ${a}`);
-    e = {
-      ...e,
-      style: "decimal"
-    };
-  }
-  let o = s + (e ? Object.entries(e).sort((l, a) => l[0] < a[0] ? -1 : 1).join() : "");
-  if (w.has(o)) return w.get(o);
-  let i = new Intl.NumberFormat(s, e);
-  return w.set(o, i), i;
-}
-function se(s, e, t) {
-  if (e === "auto") return s.format(t);
-  if (e === "never") return s.format(Math.abs(t));
-  {
-    let r = !1;
-    if (e === "always" ? r = t > 0 || Object.is(t, 0) : e === "exceptZero" && (Object.is(t, -0) || Object.is(t, 0) ? t = Math.abs(t) : r = t > 0), r) {
-      let o = s.format(-t), i = s.format(t), l = o.replace(i, "").replace(/\u200e|\u061C/, "");
-      return [
-        ...l
-      ].length !== 1 && console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"), o.replace(i, "!!!").replace(l, "+").replace("!!!", i);
-    } else return s.format(t);
-  }
-}
-const le = new RegExp("^.*\\(.*\\).*$"), ae = [
-  "latn",
-  "arab",
-  "hanidec",
-  "deva",
-  "beng"
-];
-class $ {
-  /**
-  * Parses the given string to a number. Returns NaN if a valid number could not be parsed.
-  */
-  parse(e) {
-    return k(this.locale, this.options, e).parse(e);
-  }
-  /**
-  * Returns whether the given string could potentially be a valid number. This should be used to
-  * validate user input as the user types. If a `minValue` or `maxValue` is provided, the validity
-  * of the minus/plus sign characters can be checked.
-  */
-  isValidPartialNumber(e, t, r) {
-    return k(this.locale, this.options, e).isValidPartialNumber(e, t, r);
-  }
-  /**
-  * Returns a numbering system for which the given string is valid in the current locale.
-  * If no numbering system could be detected, the default numbering system for the current
-  * locale is returned.
-  */
-  getNumberingSystem(e) {
-    return k(this.locale, this.options, e).options.numberingSystem;
-  }
-  constructor(e, t = {}) {
-    this.locale = e, this.options = t;
-  }
-}
-const _ = /* @__PURE__ */ new Map();
-function k(s, e, t) {
-  let r = D(s, e);
-  if (!s.includes("-nu-") && !r.isValidPartialNumber(t)) {
-    for (let o of ae) if (o !== r.options.numberingSystem) {
-      let i = D(s + (s.includes("-u-") ? "-nu-" : "-u-nu-") + o, e);
-      if (i.isValidPartialNumber(t)) return i;
-    }
-  }
-  return r;
-}
-function D(s, e) {
-  let t = s + (e ? Object.entries(e).sort((o, i) => o[0] < i[0] ? -1 : 1).join() : ""), r = _.get(t);
-  return r || (r = new ne(s, e), _.set(t, r)), r;
-}
-class ne {
-  parse(e) {
-    let t = this.sanitize(e);
-    if (this.symbols.group && (t = f(t, this.symbols.group, "")), this.symbols.decimal && (t = t.replace(this.symbols.decimal, ".")), this.symbols.minusSign && (t = t.replace(this.symbols.minusSign, "-")), t = t.replace(this.symbols.numeral, this.symbols.index), this.options.style === "percent") {
-      let l = t.indexOf("-");
-      t = t.replace("-", "");
-      let a = t.indexOf(".");
-      a === -1 && (a = t.length), t = t.replace(".", ""), a - 2 === 0 ? t = `0.${t}` : a - 2 === -1 ? t = `0.0${t}` : a - 2 === -2 ? t = "0.00" : t = `${t.slice(0, a - 2)}.${t.slice(a - 2)}`, l > -1 && (t = `-${t}`);
-    }
-    let r = t ? +t : NaN;
-    if (isNaN(r)) return NaN;
-    if (this.options.style === "percent") {
-      var o, i;
-      let l = {
-        ...this.options,
-        style: "decimal",
-        minimumFractionDigits: Math.min(((o = this.options.minimumFractionDigits) !== null && o !== void 0 ? o : 0) + 2, 20),
-        maximumFractionDigits: Math.min(((i = this.options.maximumFractionDigits) !== null && i !== void 0 ? i : 0) + 2, 20)
-      };
-      return new $(this.locale, l).parse(new g(this.locale, l).format(r));
-    }
-    return this.options.currencySign === "accounting" && le.test(e) && (r = -1 * r), r;
-  }
-  sanitize(e) {
-    return e = e.replace(this.symbols.literals, ""), this.symbols.minusSign && (e = e.replace("-", this.symbols.minusSign)), this.options.numberingSystem === "arab" && (this.symbols.decimal && (e = e.replace(",", this.symbols.decimal), e = e.replace("،", this.symbols.decimal)), this.symbols.group && (e = f(e, ".", this.symbols.group))), this.options.locale === "fr-FR" && (e = f(e, ".", " ")), e;
-  }
-  isValidPartialNumber(e, t = -1 / 0, r = 1 / 0) {
-    return e = this.sanitize(e), this.symbols.minusSign && e.startsWith(this.symbols.minusSign) && t < 0 ? e = e.slice(this.symbols.minusSign.length) : this.symbols.plusSign && e.startsWith(this.symbols.plusSign) && r > 0 && (e = e.slice(this.symbols.plusSign.length)), this.symbols.group && e.startsWith(this.symbols.group) || this.symbols.decimal && e.indexOf(this.symbols.decimal) > -1 && this.options.maximumFractionDigits === 0 ? !1 : (this.symbols.group && (e = f(e, this.symbols.group, "")), e = e.replace(this.symbols.numeral, ""), this.symbols.decimal && (e = e.replace(this.symbols.decimal, "")), e.length === 0);
-  }
-  constructor(e, t = {}) {
-    this.locale = e, this.formatter = new Intl.NumberFormat(e, t), this.options = this.formatter.resolvedOptions(), this.symbols = ue(e, this.formatter, this.options, t);
-    var r, o;
-    this.options.style === "percent" && (((r = this.options.minimumFractionDigits) !== null && r !== void 0 ? r : 0) > 18 || ((o = this.options.maximumFractionDigits) !== null && o !== void 0 ? o : 0) > 18) && console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.");
-  }
-}
-const V = /* @__PURE__ */ new Set([
-  "decimal",
-  "fraction",
-  "integer",
-  "minusSign",
-  "plusSign",
-  "group"
-]), de = [
-  0,
-  4,
-  2,
-  1,
-  11,
-  20,
-  3,
-  7,
-  100,
-  21,
-  0.1,
-  1.1
-];
-function ue(s, e, t, r) {
-  var o, i, l, a;
-  let d = new Intl.NumberFormat(s, {
-    ...t,
-    // Resets so we get the full range of symbols
-    minimumSignificantDigits: 1,
-    maximumSignificantDigits: 21,
-    roundingIncrement: 1,
-    roundingPriority: "auto",
-    roundingMode: "halfExpand"
-  }), u = d.formatToParts(-10000.111), b = d.formatToParts(10000.111), M = de.map((n) => d.formatToParts(n));
-  var y;
-  let O = (y = (o = u.find((n) => n.type === "minusSign")) === null || o === void 0 ? void 0 : o.value) !== null && y !== void 0 ? y : "-", x = (i = b.find((n) => n.type === "plusSign")) === null || i === void 0 ? void 0 : i.value;
-  !x && ((r == null ? void 0 : r.signDisplay) === "exceptZero" || (r == null ? void 0 : r.signDisplay) === "always") && (x = "+");
-  let A = (l = new Intl.NumberFormat(s, {
-    ...t,
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }).formatToParts(1e-3).find((n) => n.type === "decimal")) === null || l === void 0 ? void 0 : l.value, L = (a = u.find((n) => n.type === "group")) === null || a === void 0 ? void 0 : a.value, U = u.filter((n) => !V.has(n.type)).map((n) => R(n.value)), T = M.flatMap((n) => n.filter((m) => !V.has(m.type)).map((m) => R(m.value))), P = [
-    .../* @__PURE__ */ new Set([
-      ...U,
-      ...T
-    ])
-  ].sort((n, m) => m.length - n.length), B = P.length === 0 ? new RegExp("[\\p{White_Space}]", "gu") : new RegExp(`${P.join("|")}|[\\p{White_Space}]`, "gu"), C = [
-    ...new Intl.NumberFormat(t.locale, {
-      useGrouping: !1
-    }).format(9876543210)
-  ].reverse(), j = new Map(C.map((n, m) => [
-    n,
-    m
-  ])), H = new RegExp(`[${C.join("")}]`, "g");
-  return {
-    minusSign: O,
-    plusSign: x,
-    decimal: A,
-    group: L,
-    literals: B,
-    numeral: H,
-    index: (n) => String(j.get(n))
-  };
-}
-function f(s, e, t) {
-  return s.replaceAll ? s.replaceAll(e, t) : s.split(e).join(t);
-}
-function R(s) {
-  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-const pe = '#text-field{--stepper-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--stepper-min-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color, var( --luzmo-stepper-buttons-border-color, var(--stepper-buttons-border-color) ) );--luzmo-infield-button-border-width: var( --luzmo-stepper-button-border-width, var(--stepper-button-border-width) );--luzmo-infield-button-border-radius-reset: var( --stepper-button-border-radius-reset );--luzmo-text-field-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );inline-size:var(--luzmo-stepper-width, var(--stepper-width));block-size:var(--luzmo-stepper-height, var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:"";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var( --luzmo-stepper-buttons-border-color-focus, var(--stepper-buttons-border-color-focus) ) )}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) )}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus, var(--luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-stepper-border-color-hover: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) );--luzmo-stepper-border-color-focus: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) );--luzmo-stepper-border-color-focus-hover: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) );--luzmo-stepper-border-color-keyboard-focus: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-text-field-icon-spacing-inline-start-invalid: 0}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) )}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) )}:host([disabled]) #text-field{--luzmo-stepper-border-color: var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-keyboard-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-buttons-background-color: var( --stepper-buttons-background-color-disabled );--luzmo-infield-button-border-width: var( --stepper-button-border-width-disabled );--luzmo-infield-button-border-color: var( --stepper-button-border-color-disabled );--luzmo-text-field-border-color-disabled: var( --stepper-button-border-color-disabled )}#text-field .input{border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;block-size:var(--luzmo-stepper-height, var(--stepper-height));inline-size:var(--luzmo-stepper-button-width, var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style, var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width, var(--luzmo-stepper-buttons-border-width, var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color, var(--luzmo-stepper-buttons-background-color, var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration, var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color: transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color: transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked: var( --luzmo-stepper-button-width-quiet, var(--stepper-button-width) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-quiet, var(--stepper-button-border-color-quiet) );--luzmo-infield-button-stacked-bottom-border-block-end-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );--luzmo-infield-button-stacked-bottom-border-radius-end-end: 0;--luzmo-infield-button-stacked-bottom-border-radius-end-start: 0;--luzmo-infield-button-fill-justify-content: flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) )}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus) ) );outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)))}@media (hover: hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var( --luzmo-stepper-buttons-border-color-hover, var(--stepper-buttons-border-color-hover) ) )}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) )}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover, var(--luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) )}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) )}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover) ) )}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}}@media (forced-colors: active){:host{--highcontrast-stepper-border-color: CanvasText;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: CanvasText;--highcontrast-stepper-button-background-color-default: Canvas;--highcontrast-stepper-button-background-color-hover: Canvas;--highcontrast-stepper-button-background-color-focus: Canvas;--highcontrast-stepper-button-background-color-keyboard-focus: Canvas;--highcontrast-stepper-focus-indicator-color: Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color: Highlight;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: Highlight;--highcontrast-infield-button-border-color: Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color: GrayText;--highcontrast-infield-button-border-color: GrayText;--highcontrast-stepper-buttons-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) )}}:host{--text-field-minimum-width-multiplier: 1.75;--stepper-border-width: var(--luzmo-border-width);--stepper-border-color: var(--luzmo-border-color);--stepper-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover: var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus: var(--luzmo-border-color-full-focus);--stepper-border-radius: var(--luzmo-border-radius-s);--stepper-min-width-multiplier: 1.5;--stepper-animation-duration: var(--luzmo-animation-duration);--stepper-buttons-background-color: var(--luzmo-background-color);--stepper-buttons-border-style: none;--stepper-buttons-border-width: 0;--stepper-buttons-border-color: var(--luzmo-border-color);--stepper-buttons-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus: var( --luzmo-border-color-focus );--stepper-button-padding: 0px;--stepper-button-border-radius-reset: 0;--stepper-button-border-width: var(--luzmo-border-width);--stepper-button-background-color-focus: var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus: var( --luzmo-background-color-focus );--stepper-border-color-invalid: var(--luzmo-color-negative);--stepper-border-color-hover-invalid: var(--luzmo-color-negative-hover);--stepper-border-color-focus-invalid: var(--luzmo-color-negative-focus);--stepper-border-color-focus-hover-invalid: var(--luzmo-color-negative-focus);--stepper-border-color-keyboard-focus-invalid: var( --luzmo-color-negative-focus );--stepper-focus-indicator-width: var(--luzmo-indicator-width);--stepper-focus-indicator-gap: calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color: var(--luzmo-indicator-color);--stepper-button-border-color-quiet: transparent;--stepper-button-border-color-disabled: var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled: var(--luzmo-border-width);--stepper-buttons-background-color-disabled: var( --luzmo-background-color-disabled );--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height)}:host([size=s]) #text-field{--stepper-button-width: 16px;--stepper-height: var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width: 20px;--stepper-height: var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width: 36px;--stepper-height: var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width, var(--stepper-width));--swc-number-field-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--text-field-minimum-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-width: var(--unset-value-resets-inheritance);--stepper-width: var(--swc-number-field-width)}:host([size=s]){--stepper-width: calc(var(--swc-number-field-width) / 5 * 4)}:host([size=l]){--stepper-width: calc(var(--swc-number-field-width) * 1.25)}:host([size=xl]){--stepper-width: calc(var(--swc-number-field-width) * 1.25 * 1.25)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-text-field-border-width, var(--text-field-border-width)) solid var(--luzmo-text-field-border-color, var(--text-field-border-color));border-radius:var(--text-field-corner-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color: var( --luzmo-infield-border-color-quiet, transparent );--luzmo-infield-button-edge-to-fill: 0;--luzmo-infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}';
-var ce = Object.defineProperty, he = Object.getOwnPropertyDescriptor, c = (s, e, t, r) => {
-  for (var o = r > 1 ? void 0 : r ? he(e, t) : e, i = s.length - 1, l; i >= 0; i--)
-    (l = s[i]) && (o = (r ? l(e, t, o) : l(o)) || o);
-  return r && o && ce(e, t, o), o;
+w();
+const D = '#text-field{--stepper-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--stepper-min-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color, var( --luzmo-stepper-buttons-border-color, var(--stepper-buttons-border-color) ) );--luzmo-infield-button-border-width: var( --luzmo-stepper-button-border-width, var(--stepper-button-border-width) );--luzmo-infield-button-border-radius-reset: var( --stepper-button-border-radius-reset );--luzmo-text-field-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );inline-size:var(--luzmo-stepper-width, var(--stepper-width));block-size:var(--luzmo-stepper-height, var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:"";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var( --luzmo-stepper-buttons-border-color-focus, var(--stepper-buttons-border-color-focus) ) )}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) )}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus, var(--luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-stepper-border-color-hover: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) );--luzmo-stepper-border-color-focus: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) );--luzmo-stepper-border-color-focus-hover: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) );--luzmo-stepper-border-color-keyboard-focus: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-text-field-icon-spacing-inline-start-invalid: 0}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) )}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) )}:host([disabled]) #text-field{--luzmo-stepper-border-color: var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-keyboard-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-buttons-background-color: var( --stepper-buttons-background-color-disabled );--luzmo-infield-button-border-width: var( --stepper-button-border-width-disabled );--luzmo-infield-button-border-color: var( --stepper-button-border-color-disabled );--luzmo-text-field-border-color-disabled: var( --stepper-button-border-color-disabled )}#text-field .input{border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;block-size:var(--luzmo-stepper-height, var(--stepper-height));inline-size:var(--luzmo-stepper-button-width, var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style, var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width, var(--luzmo-stepper-buttons-border-width, var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color, var(--luzmo-stepper-buttons-background-color, var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration, var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color: transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color: transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked: var( --luzmo-stepper-button-width-quiet, var(--stepper-button-width) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-quiet, var(--stepper-button-border-color-quiet) );--luzmo-infield-button-stacked-bottom-border-block-end-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );--luzmo-infield-button-stacked-bottom-border-radius-end-end: 0;--luzmo-infield-button-stacked-bottom-border-radius-end-start: 0;--luzmo-infield-button-fill-justify-content: flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) )}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus) ) );outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)))}@media (hover: hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var( --luzmo-stepper-buttons-border-color-hover, var(--stepper-buttons-border-color-hover) ) )}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) )}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover, var(--luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) )}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) )}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover) ) )}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}}@media (forced-colors: active){:host{--highcontrast-stepper-border-color: CanvasText;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: CanvasText;--highcontrast-stepper-button-background-color-default: Canvas;--highcontrast-stepper-button-background-color-hover: Canvas;--highcontrast-stepper-button-background-color-focus: Canvas;--highcontrast-stepper-button-background-color-keyboard-focus: Canvas;--highcontrast-stepper-focus-indicator-color: Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color: Highlight;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: Highlight;--highcontrast-infield-button-border-color: Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color: GrayText;--highcontrast-infield-button-border-color: GrayText;--highcontrast-stepper-buttons-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) )}}:host{--text-field-minimum-width-multiplier: 1.75;--stepper-border-width: var(--luzmo-border-width);--stepper-border-color: var(--luzmo-border-color);--stepper-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover: var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus: var(--luzmo-border-color-full-focus);--stepper-border-radius: var(--luzmo-border-radius-s);--stepper-min-width-multiplier: 1.5;--stepper-animation-duration: var(--luzmo-animation-duration);--stepper-buttons-background-color: var(--luzmo-background-color);--stepper-buttons-border-style: none;--stepper-buttons-border-width: 0;--stepper-buttons-border-color: var(--luzmo-border-color);--stepper-buttons-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus: var( --luzmo-border-color-focus );--stepper-button-padding: 0px;--stepper-button-border-radius-reset: 0;--stepper-button-border-width: var(--luzmo-border-width);--stepper-button-background-color-focus: var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus: var( --luzmo-background-color-focus );--stepper-border-color-invalid: var(--luzmo-negative-color);--stepper-border-color-hover-invalid: var(--luzmo-negative-color-hover);--stepper-border-color-focus-invalid: var(--luzmo-negative-color-focus);--stepper-border-color-focus-hover-invalid: var(--luzmo-negative-color-focus);--stepper-border-color-keyboard-focus-invalid: var( --luzmo-negative-color-focus );--stepper-focus-indicator-width: var(--luzmo-indicator-width);--stepper-focus-indicator-gap: calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color: var(--luzmo-indicator-color);--stepper-button-border-color-quiet: transparent;--stepper-button-border-color-disabled: var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled: var(--luzmo-border-width);--stepper-buttons-background-color-disabled: var( --luzmo-background-color-disabled );--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height)}:host([size=s]) #text-field{--stepper-button-width: 16px;--stepper-height: var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width: 20px;--stepper-height: var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width: 36px;--stepper-height: var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width, var(--stepper-width));--swc-number-field-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--text-field-minimum-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-width: var(--unset-value-resets-inheritance);--stepper-width: var(--swc-number-field-width)}:host([size=s]){--stepper-width: calc(var(--swc-number-field-width) / 5 * 4)}:host([size=l]){--stepper-width: calc(var(--swc-number-field-width) * 1.25)}:host([size=xl]){--stepper-width: calc(var(--swc-number-field-width) * 1.25 * 1.25)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-text-field-border-width, var(--text-field-border-width)) solid var(--luzmo-text-field-border-color, var(--text-field-border-color));border-radius:var(--luzmo-border-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color: var( --luzmo-infield-border-color-quiet, transparent );--luzmo-infield-button-edge-to-fill: 0;--luzmo-infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}';
+var I = Object.defineProperty, R = Object.getOwnPropertyDescriptor, a = (p, e, o, r) => {
+  for (var t = r > 1 ? void 0 : r ? R(e, o) : e, i = p.length - 1, u; i >= 0; i--)
+    (u = p[i]) && (t = (r ? u(e, o, t) : u(t)) || t);
+  return r && t && I(e, o, t), t;
 };
-const me = 5, be = 100, v = "-", I = {
+const $ = 5, O = 100, h = "-", x = {
   "１": "1",
   "２": "2",
   "３": "3",
@@ -333,22 +67,22 @@ const me = 5, be = 100, v = "-", I = {
   九: "9",
   零: "0"
 };
-class p extends oe {
+class l extends S {
   constructor() {
-    super(...arguments), this.focused = !1, this._forcedUnit = "", this.formatOptions = {}, this.hideStepper = !1, this.indeterminate = !1, this.keyboardFocused = !1, this.managedInput = !1, this.stepModifier = 10, this._value = Number.NaN, this._trackingValue = "", this.decimalsChars = /* @__PURE__ */ new Set([".", ","]), this.valueBeforeFocus = "", this.isIntentDecimal = !1, this.changeCount = 0, this.languageResolver = new ee(this), this.wasIndeterminate = !1, this.hasRecentlyReceivedPointerDown = !1, this.applyFocusElementLabel = (e) => {
+    super(...arguments), this.focused = !1, this._forcedUnit = "", this.formatOptions = {}, this.hideStepper = !1, this.indeterminate = !1, this.keyboardFocused = !1, this.managedInput = !1, this.stepModifier = 10, this._value = Number.NaN, this._trackingValue = "", this.decimalsChars = /* @__PURE__ */ new Set([".", ","]), this.valueBeforeFocus = "", this.isIntentDecimal = !1, this.changeCount = 0, this.languageResolver = new P(this), this.wasIndeterminate = !1, this.hasRecentlyReceivedPointerDown = !1, this.applyFocusElementLabel = (e) => {
       this.appliedLabel = e;
     }, this.isComposing = !1;
   }
   static get styles() {
-    return [...super.styles, Y(pe)];
+    return [...super.styles, C(D)];
   }
   set value(e) {
-    const t = this.validateInput(e);
-    if (t === this.value)
+    const o = this.validateInput(e);
+    if (o === this.value)
       return;
-    this.lastCommitedValue = t;
+    this.lastCommitedValue = o;
     const r = this._value;
-    this._value = t, this.requestUpdate("value", r);
+    this._value = o, this.requestUpdate("value", r);
   }
   get value() {
     return this._value;
@@ -357,8 +91,8 @@ class p extends oe {
     return this.indeterminate ? this.formattedValue : this.inputElement.value;
   }
   setValue(e = this.value) {
-    const t = this.lastCommitedValue;
-    this.value = e, !(t === void 0 || t === this.value) && (this.lastCommitedValue = this.value, this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
+    const o = this.lastCommitedValue;
+    this.value = e, !(o === void 0 || o === this.value) && (this.lastCommitedValue = this.value, this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
   }
   /**
    * Retreive the value of the element parsed to a Number.
@@ -373,28 +107,28 @@ class p extends oe {
     return Number.isNaN(this.value) ? "" : this.numberFormatter.format(this.value) + (this.focused ? "" : this._forcedUnit);
   }
   convertValueToNumber(e) {
-    let t = [...e].map((i) => I[i] || i).join("");
+    let o = [...e].map((i) => x[i] || i).join("");
     const r = [...this.valueBeforeFocus].filter(
       (i) => this.decimalsChars.has(i)
-    ), o = new Set(r);
-    if (E() && this.inputElement.inputMode === "decimal" && t !== this.valueBeforeFocus) {
-      const l = this.numberFormatter.formatToParts(1000.1).find(
-        (u) => u.type === "decimal"
+    ), t = new Set(r);
+    if (g() && this.inputElement.inputMode === "decimal" && o !== this.valueBeforeFocus) {
+      const u = this.numberFormatter.formatToParts(1000.1).find(
+        (d) => d.type === "decimal"
       ).value;
-      for (const u of o)
-        !(u === l) && !this.isIntentDecimal && (t = t.replaceAll(
-          new RegExp(u, "g"),
+      for (const d of t)
+        !(d === u) && !this.isIntentDecimal && (o = o.replaceAll(
+          new RegExp(d, "g"),
           ""
         ));
-      let a = !1;
-      const d = [...t];
-      for (let u = d.length - 1; u >= 0; u--) {
-        const b = d[u];
-        this.decimalsChars.has(b) && (a ? d[u] = "" : (d[u] = l, a = !0));
+      let c = !1;
+      const s = [...o];
+      for (let d = s.length - 1; d >= 0; d--) {
+        const m = s[d];
+        this.decimalsChars.has(m) && (c ? s[d] = "" : (s[d] = u, c = !0));
       }
-      t = d.join("");
+      o = s.join("");
     }
-    return this.numberParser.parse(t);
+    return this.numberParser.parse(o);
   }
   get _step() {
     var e;
@@ -406,9 +140,9 @@ class p extends oe {
       return;
     }
     this.managedInput = !0, this.buttons.setPointerCapture(e.pointerId);
-    const t = this.buttons.children[0].getBoundingClientRect(), r = this.buttons.children[1].getBoundingClientRect();
-    this.findChange = (o) => {
-      o.clientX >= t.x && o.clientY >= t.y && o.clientX <= t.x + t.width && o.clientY <= t.y + t.height ? this.change = (i) => this.increment(i.shiftKey ? this.stepModifier : 1) : o.clientX >= r.x && o.clientY >= r.y && o.clientX <= r.x + r.width && o.clientY <= r.y + r.height && (this.change = (i) => this.decrement(i.shiftKey ? this.stepModifier : 1));
+    const o = this.buttons.children[0].getBoundingClientRect(), r = this.buttons.children[1].getBoundingClientRect();
+    this.findChange = (t) => {
+      t.clientX >= o.x && t.clientY >= o.y && t.clientX <= o.x + o.width && t.clientY <= o.y + o.height ? this.change = (i) => this.increment(i.shiftKey ? this.stepModifier : 1) : t.clientX >= r.x && t.clientY >= r.y && t.clientX <= r.x + r.width && t.clientY <= r.y + r.height && (this.change = (i) => this.decrement(i.shiftKey ? this.stepModifier : 1));
     }, this.findChange(e), this.startChange(e);
   }
   startChange(e) {
@@ -426,16 +160,16 @@ class p extends oe {
     this.buttons.releasePointerCapture(e.pointerId), cancelAnimationFrame(this.nextChange), clearTimeout(this.safty), this.managedInput = !1, this.setValue();
   }
   doNextChange(e) {
-    return this.changeCount += 1, this.changeCount % me === 0 && this.doChange(e), requestAnimationFrame(() => {
+    return this.changeCount += 1, this.changeCount % $ === 0 && this.doChange(e), requestAnimationFrame(() => {
       this.nextChange = this.doNextChange(e);
     });
   }
   stepBy(e) {
     if (this.disabled || this.readonly)
       return;
-    const t = this.min === void 0 ? 0 : this.min;
+    const o = this.min === void 0 ? 0 : this.min;
     let r = this.value;
-    r += e * this._step, Number.isNaN(this.value) && (r = t), r = this.valueWithLimits(r), this.requestUpdate(), this._value = this.validateInput(r), this.inputElement.value = this.numberFormatter.format(r), this.inputElement.dispatchEvent(
+    r += e * this._step, Number.isNaN(this.value) && (r = o), r = this.valueWithLimits(r), this.requestUpdate(), this._value = this.validateInput(r), this.inputElement.value = this.numberFormatter.format(r), this.inputElement.dispatchEvent(
       new Event("input", { bubbles: !0, composed: !0 })
     ), this.indeterminate = !1, this.focus();
   }
@@ -460,10 +194,10 @@ class p extends oe {
   }
   onScroll(e) {
     e.preventDefault(), this.managedInput = !0;
-    const t = e.shiftKey ? e.deltaX / Math.abs(e.deltaX) : e.deltaY / Math.abs(e.deltaY);
-    t !== 0 && !Number.isNaN(t) && (this.stepBy(t * (e.shiftKey ? this.stepModifier : 1)), clearTimeout(this.queuedChangeEvent), this.queuedChangeEvent = setTimeout(() => {
+    const o = e.shiftKey ? e.deltaX / Math.abs(e.deltaX) : e.deltaY / Math.abs(e.deltaY);
+    o !== 0 && !Number.isNaN(o) && (this.stepBy(o * (e.shiftKey ? this.stepModifier : 1)), clearTimeout(this.queuedChangeEvent), this.queuedChangeEvent = setTimeout(() => {
       this.setValue();
-    }, be)), this.managedInput = !1;
+    }, O)), this.managedInput = !1;
   }
   onFocus() {
     super.onFocus(), this._trackingValue = this.inputValue, this.keyboardFocused = !this.readonly && !0, this.addEventListener("wheel", this.onScroll, { passive: !1 }), this.valueBeforeFocus = this.inputElement.value;
@@ -508,47 +242,47 @@ class p extends oe {
   handleInput(e) {
     if (this.isComposing) {
       if (e.data) {
-        const d = this.convertValueToNumber(e.data);
-        Number.isNaN(d) && (this.inputElement.value = this.indeterminate ? v : this._trackingValue, this.isComposing = !1);
+        const s = this.convertValueToNumber(e.data);
+        Number.isNaN(s) && (this.inputElement.value = this.indeterminate ? h : this._trackingValue, this.isComposing = !1);
       }
       e.stopPropagation();
       return;
     }
     this.indeterminate && (this.wasIndeterminate = !0, this.indeterminateValue = this.value, this.inputElement.value = this.inputElement.value.replace(
-      v,
+      h,
       ""
     )), e.data && this.decimalsChars.has(e.data) && (this.isIntentDecimal = !0);
-    const { value: t, selectionStart: r } = this.inputElement, o = [...t].map((d) => I[d] || d).join("");
-    if (this.numberParser.isValidPartialNumber(o)) {
+    const { value: o, selectionStart: r } = this.inputElement, t = [...o].map((s) => x[s] || s).join("");
+    if (this.numberParser.isValidPartialNumber(t)) {
       this.lastCommitedValue = this.lastCommitedValue ?? this.value;
-      const d = this.convertValueToNumber(o);
-      !o && this.indeterminateValue ? (this.indeterminate = !0, this._value = this.indeterminateValue) : (this.indeterminate = !1, this._value = this.validateInput(d)), this._trackingValue = o, this.inputElement.value = o, this.inputElement.setSelectionRange(r, r);
+      const s = this.convertValueToNumber(t);
+      !t && this.indeterminateValue ? (this.indeterminate = !0, this._value = this.indeterminateValue) : (this.indeterminate = !1, this._value = this.validateInput(s)), this._trackingValue = t, this.inputElement.value = t, this.inputElement.setSelectionRange(r, r);
       return;
     }
-    this.inputElement.value = this.indeterminate ? v : this._trackingValue, e.stopPropagation();
-    const i = o.length, l = this._trackingValue.length, a = (r || i) - (i - l);
-    this.inputElement.setSelectionRange(a, a);
+    this.inputElement.value = this.indeterminate ? h : this._trackingValue, e.stopPropagation();
+    const i = t.length, u = this._trackingValue.length, c = (r || i) - (i - u);
+    this.inputElement.setSelectionRange(c, c);
   }
   valueWithLimits(e) {
-    let t = e;
-    return this.min !== void 0 && (t = Math.max(this.min, t)), this.max !== void 0 && (t = Math.min(this.max, t)), t;
+    let o = e;
+    return this.min !== void 0 && (o = Math.max(this.min, o)), this.max !== void 0 && (o = Math.min(this.max, o)), o;
   }
   validateInput(e) {
     e = this.valueWithLimits(e);
-    const t = e < 0 ? -1 : 1;
-    if (e *= t, this.step) {
-      const r = this.min === void 0 ? 0 : this.min, o = Number.parseFloat(
+    const o = e < 0 ? -1 : 1;
+    if (e *= o, this.step) {
+      const r = this.min === void 0 ? 0 : this.min, t = Number.parseFloat(
         this.valueFormatter.format((e - r) % this.step)
       );
-      if (o === 0 || (Math.round(o / this.step) === 1 ? e += this.step - o : e -= o), this.max !== void 0)
+      if (t === 0 || (Math.round(t / this.step) === 1 ? e += this.step - t : e -= t), this.max !== void 0)
         for (; e > this.max; )
           e -= this.step;
       e = Number.parseFloat(this.valueFormatter.format(e));
     }
-    return e *= t, e;
+    return e *= o, e;
   }
   get displayValue() {
-    const e = this.focused ? "" : v;
+    const e = this.focused ? "" : h;
     return this.indeterminate ? e : this.formattedValue;
   }
   clearNumberFormatterCache() {
@@ -558,21 +292,21 @@ class p extends oe {
     if (!this._numberFormatter || !this._numberFormatterFocused) {
       const {
         style: e,
-        unit: t,
+        unit: o,
         unitDisplay: r,
-        ...o
+        ...t
       } = this.formatOptions;
-      e !== "unit" && (o.style = e), this._numberFormatterFocused = new g(
+      e !== "unit" && (t.style = e), this._numberFormatterFocused = new b(
         this.languageResolver.language,
-        o
+        t
       );
       try {
-        this._numberFormatter = new g(
+        this._numberFormatter = new b(
           this.languageResolver.language,
           this.formatOptions
         ), this._forcedUnit = "", this._numberFormatter.format(1);
       } catch {
-        e === "unit" && (this._forcedUnit = t), this._numberFormatter = this._numberFormatterFocused;
+        e === "unit" && (this._forcedUnit = o), this._numberFormatter = this._numberFormatterFocused;
       }
     }
     return this.focused ? this._numberFormatterFocused : this._numberFormatter;
@@ -583,7 +317,7 @@ class p extends oe {
   get valueFormatter() {
     if (!this._valueFormatter) {
       const e = this.step ? this.step === Math.floor(this.step) ? 0 : this.step.toString().split(".")[1].length : 0;
-      this._valueFormatter = new g("en", {
+      this._valueFormatter = new b("en", {
         useGrouping: !1,
         maximumFractionDigits: e
       });
@@ -594,34 +328,34 @@ class p extends oe {
     if (!this._numberParser || !this._numberParserFocused) {
       const {
         style: e,
-        unit: t,
+        unit: o,
         unitDisplay: r,
-        ...o
+        ...t
       } = this.formatOptions;
-      e !== "unit" && (o.style = e), this._numberParserFocused = new $(
+      e !== "unit" && (t.style = e), this._numberParserFocused = new f(
         this.languageResolver.language,
-        o
+        t
       );
       try {
-        this._numberParser = new $(
+        this._numberParser = new f(
           this.languageResolver.language,
           this.formatOptions
         ), this._forcedUnit = "", this._numberParser.parse("0");
       } catch {
-        e === "unit" && (this._forcedUnit = t), this._numberParser = this._numberParserFocused;
+        e === "unit" && (this._forcedUnit = o), this._numberParser = this._numberParserFocused;
       }
     }
     return this.focused ? this._numberParserFocused : this._numberParser;
   }
   renderField() {
-    return this.autocomplete = "off", N`
+    return this.autocomplete = "off", z`
       ${super.renderField()}
-      ${this.hideStepper ? X : N`
+      ${this.hideStepper ? F : z`
             <span
               class="buttons"
               @focusin=${this.handleFocusin}
               @focusout=${this.handleFocusout}
-              ${re({
+              ${q({
       start: ["pointerdown", this.handlePointerdown],
       streamInside: [
         [
@@ -651,7 +385,7 @@ class p extends oe {
                 ?disabled=${this.disabled || this.readonly || this.max !== void 0 && this.value === this.max}
                 ?quiet=${this.quiet}
               >
-                ${S(K)}
+                ${v(y)}
               </luzmo-infield-button>
               <luzmo-infield-button
                 inline="end"
@@ -665,7 +399,7 @@ class p extends oe {
                 ?disabled=${this.disabled || this.readonly || this.min !== void 0 && this.value === this.min}
                 ?quiet=${this.quiet}
               >
-                ${S(W)}
+                ${v(k)}
               </luzmo-infield-button>
             </span>
           `}
@@ -673,15 +407,15 @@ class p extends oe {
   }
   update(e) {
     if ((e.has("formatOptions") || e.has("resolvedLanguage")) && this.clearNumberFormatterCache(), e.has("value") || e.has("max") || e.has("min") || e.has("step")) {
-      const t = this.numberParser.parse(
+      const o = this.numberParser.parse(
         this.formattedValue.replace(this._forcedUnit, "")
       );
-      this.value = t, this.clearValueFormatterCache();
+      this.value = o, this.clearValueFormatterCache();
     }
     super.update(e);
   }
   willUpdate(e) {
-    this.multiline = !1, e.has(te) && this.clearNumberFormatterCache();
+    this.multiline = !1, e.has(E) && this.clearNumberFormatterCache();
   }
   firstUpdated(e) {
     super.firstUpdated(e), this.addEventListener("keydown", this.handleKeydown), this.addEventListener("compositionstart", this.handleCompositionStart), this.addEventListener("compositionend", this.handleCompositionEnd);
@@ -689,48 +423,48 @@ class p extends oe {
   updated(e) {
     if (!(!this.inputElement || !this.isConnected)) {
       if (e.has("min") || e.has("formatOptions")) {
-        const t = this.min !== void 0 && this.min >= 0, { maximumFractionDigits: r } = this.numberFormatter.resolvedOptions(), o = r && r > 0;
+        const o = this.min !== void 0 && this.min >= 0, { maximumFractionDigits: r } = this.numberFormatter.resolvedOptions(), t = r && r > 0;
         let i = "numeric";
-        J() && !t ? i = "text" : (E() && o || Q() && o && t) && (i = "decimal"), this.inputElement.inputMode = i;
+        V() && !o ? i = "text" : (g() && t || N() && t && o) && (i = "decimal"), this.inputElement.inputMode = i;
       }
       e.has("focused") && this.focused && !this.hasRecentlyReceivedPointerDown && this.formatOptions.unit && this.setSelectionRange(0, this.displayValue.length);
     }
   }
 }
-c([
-  Z(".buttons")
-], p.prototype, "buttons", 2);
-c([
-  h({ type: Boolean, reflect: !0 })
-], p.prototype, "focused", 2);
-c([
-  h({ type: Object, attribute: "format-options" })
-], p.prototype, "formatOptions", 2);
-c([
-  h({ type: Boolean, reflect: !0, attribute: "hide-stepper" })
-], p.prototype, "hideStepper", 2);
-c([
-  h({ type: Boolean, reflect: !0 })
-], p.prototype, "indeterminate", 2);
-c([
-  h({ type: Boolean, reflect: !0, attribute: "keyboard-focused" })
-], p.prototype, "keyboardFocused", 2);
-c([
-  h({ type: Number })
-], p.prototype, "max", 2);
-c([
-  h({ type: Number })
-], p.prototype, "min", 2);
-c([
-  h({ type: Number })
-], p.prototype, "step", 2);
-c([
-  h({ type: Number, reflect: !0, attribute: "step-modifier" })
-], p.prototype, "stepModifier", 2);
-c([
-  h({ type: Number })
-], p.prototype, "value", 1);
-customElements.get("luzmo-number-field") || customElements.define("luzmo-number-field", p);
+a([
+  _(".buttons")
+], l.prototype, "buttons", 2);
+a([
+  n({ type: Boolean, reflect: !0 })
+], l.prototype, "focused", 2);
+a([
+  n({ type: Object, attribute: "format-options" })
+], l.prototype, "formatOptions", 2);
+a([
+  n({ type: Boolean, reflect: !0, attribute: "hide-stepper" })
+], l.prototype, "hideStepper", 2);
+a([
+  n({ type: Boolean, reflect: !0 })
+], l.prototype, "indeterminate", 2);
+a([
+  n({ type: Boolean, reflect: !0, attribute: "keyboard-focused" })
+], l.prototype, "keyboardFocused", 2);
+a([
+  n({ type: Number })
+], l.prototype, "max", 2);
+a([
+  n({ type: Number })
+], l.prototype, "min", 2);
+a([
+  n({ type: Number })
+], l.prototype, "step", 2);
+a([
+  n({ type: Number, reflect: !0, attribute: "step-modifier" })
+], l.prototype, "stepModifier", 2);
+a([
+  n({ type: Number })
+], l.prototype, "value", 1);
+customElements.get("luzmo-number-field") || customElements.define("luzmo-number-field", l);
 export {
-  p as LuzmoNumberField
+  l as LuzmoNumberField
 };