@orchidui/dashboard 1.8.1-93 → 1.8.1-96

package/dist/ui/number-field/index.js

@@ -0,0 +1,682 @@
+import { ref as E, computed as S, defineComponent as w, toRefs as Ne, createBlock as $, openBlock as y, unref as r, mergeProps as C, withCtx as V, renderSlot as D, createCommentVNode as De, withModifiers as N, onMounted as Fe, watch as Pe, withKeys as P, createElementBlock as Se, normalizeClass as me, createVNode as ce } from "vue";
+import { c as B } from "../../utils-SFgRDk1R.js";
+import { u as Ce, a as pe } from "../../useForwardPropsEmits-0XKBv1pB.js";
+import { p as fe, a as Ve, i as Ee, e as Z, c as Ie, u as _e } from "../../index-BwPb_idr.js";
+import { c as Me } from "../../createContext-CZEfaSVa.js";
+import { u as O } from "../../usePrimitiveElement-BjwUvHih.js";
+import { u as Be } from "../../useLocale-BfU0LC8Z.js";
+import { u as Re } from "../../useFormControl-CFVC51Lp.js";
+import { c as Te, s as We } from "../../clamp-BL1Rb24G.js";
+import { P as j } from "../../Primitive-B3twiLO1.js";
+import { _ as Oe } from "../../VisuallyHiddenInput-DvJnsVHt.js";
+import { i as H } from "../../nullish-CjWwlQS3.js";
+import { r as Q } from "../../index-OpE2oGce.js";
+import { c as je } from "../../createLucideIcon-eXqDwUWj.js";
+import { P as ke } from "../../plus-CgluTYQY.js";
+import { g as Ae } from "../../getActiveElement-B-HWdUIb.js";
+let U = /* @__PURE__ */ new Map(), J = !1;
+try {
+  J = new Intl.NumberFormat("de-DE", {
+    signDisplay: "exceptZero"
+  }).resolvedOptions().signDisplay === "exceptZero";
+} catch {
+}
+let W = !1;
+try {
+  W = new Intl.NumberFormat("de-DE", {
+    style: "unit",
+    unit: "degree"
+  }).resolvedOptions().style === "unit";
+} catch {
+}
+const be = {
+  degree: {
+    narrow: {
+      default: "°",
+      "ja-JP": " 度",
+      "zh-TW": "度",
+      "sl-SI": " °"
+    }
+  }
+};
+class he {
+  /** Formats a number value as a string, according to the locale and options provided to the constructor. */
+  format(t) {
+    let e = "";
+    if (!J && this.options.signDisplay != null ? e = qe(this.numberFormatter, this.options.signDisplay, t) : e = this.numberFormatter.format(t), this.options.style === "unit" && !W) {
+      var s;
+      let { unit: a, unitDisplay: n = "short", locale: d } = this.resolvedOptions();
+      if (!a) return e;
+      let o = (s = be[a]) === null || s === void 0 ? void 0 : s[n];
+      e += o[d] || o.default;
+    }
+    return e;
+  }
+  /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */
+  formatToParts(t) {
+    return this.numberFormatter.formatToParts(t);
+  }
+  /** Formats a number range as a string. */
+  formatRange(t, e) {
+    if (typeof this.numberFormatter.formatRange == "function") return this.numberFormatter.formatRange(t, e);
+    if (e < t) throw new RangeError("End date must be >= start date");
+    return `${this.format(t)} – ${this.format(e)}`;
+  }
+  /** Formats a number range as an array of parts. */
+  formatRangeToParts(t, e) {
+    if (typeof this.numberFormatter.formatRangeToParts == "function") return this.numberFormatter.formatRangeToParts(t, e);
+    if (e < t) throw new RangeError("End date must be >= start date");
+    let s = this.numberFormatter.formatToParts(t), a = this.numberFormatter.formatToParts(e);
+    return [
+      ...s.map((n) => ({
+        ...n,
+        source: "startRange"
+      })),
+      {
+        type: "literal",
+        value: " – ",
+        source: "shared"
+      },
+      ...a.map((n) => ({
+        ...n,
+        source: "endRange"
+      }))
+    ];
+  }
+  /** Returns the resolved formatting options based on the values passed to the constructor. */
+  resolvedOptions() {
+    let t = this.numberFormatter.resolvedOptions();
+    return !J && this.options.signDisplay != null && (t = {
+      ...t,
+      signDisplay: this.options.signDisplay
+    }), !W && this.options.style === "unit" && (t = {
+      ...t,
+      style: "unit",
+      unit: this.options.unit,
+      unitDisplay: this.options.unitDisplay
+    }), t;
+  }
+  constructor(t, e = {}) {
+    this.numberFormatter = Le(t, e), this.options = e;
+  }
+}
+function Le(i, t = {}) {
+  let { numberingSystem: e } = t;
+  if (e && i.includes("-nu-") && (i.includes("-u-") || (i += "-u-"), i += `-nu-${e}`), t.style === "unit" && !W) {
+    var s;
+    let { unit: d, unitDisplay: o = "short" } = t;
+    if (!d) throw new Error('unit option must be provided with style: "unit"');
+    if (!(!((s = be[d]) === null || s === void 0) && s[o])) throw new Error(`Unsupported unit ${d} with unitDisplay = ${o}`);
+    t = {
+      ...t,
+      style: "decimal"
+    };
+  }
+  let a = i + (t ? Object.entries(t).sort((d, o) => d[0] < o[0] ? -1 : 1).join() : "");
+  if (U.has(a)) return U.get(a);
+  let n = new Intl.NumberFormat(i, t);
+  return U.set(a, n), n;
+}
+function qe(i, t, e) {
+  if (t === "auto") return i.format(e);
+  if (t === "never") return i.format(Math.abs(e));
+  {
+    let s = !1;
+    if (t === "always" ? s = e > 0 || Object.is(e, 0) : t === "exceptZero" && (Object.is(e, -0) || Object.is(e, 0) ? e = Math.abs(e) : s = e > 0), s) {
+      let a = i.format(-e), n = i.format(e), d = a.replace(n, "").replace(/\u200e|\u061C/, "");
+      return [
+        ...d
+      ].length !== 1 && console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"), a.replace(n, "!!!").replace(d, "+").replace("!!!", n);
+    } else return i.format(e);
+  }
+}
+const ze = new RegExp("^.*\\(.*\\).*$"), Ye = [
+  "latn",
+  "arab",
+  "hanidec",
+  "deva",
+  "beng"
+];
+class ge {
+  /**
+  * Parses the given string to a number. Returns NaN if a valid number could not be parsed.
+  */
+  parse(t) {
+    return X(this.locale, this.options, t).parse(t);
+  }
+  /**
+  * 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(t, e, s) {
+    return X(this.locale, this.options, t).isValidPartialNumber(t, e, s);
+  }
+  /**
+  * 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(t) {
+    return X(this.locale, this.options, t).options.numberingSystem;
+  }
+  constructor(t, e = {}) {
+    this.locale = t, this.options = e;
+  }
+}
+const re = /* @__PURE__ */ new Map();
+function X(i, t, e) {
+  let s = ne(i, t);
+  if (!i.includes("-nu-") && !s.isValidPartialNumber(e)) {
+    for (let a of Ye) if (a !== s.options.numberingSystem) {
+      let n = ne(i + (i.includes("-u-") ? "-nu-" : "-u-nu-") + a, t);
+      if (n.isValidPartialNumber(e)) return n;
+    }
+  }
+  return s;
+}
+function ne(i, t) {
+  let e = i + (t ? Object.entries(t).sort((a, n) => a[0] < n[0] ? -1 : 1).join() : ""), s = re.get(e);
+  return s || (s = new Ge(i, t), re.set(e, s)), s;
+}
+class Ge {
+  parse(t) {
+    let e = this.sanitize(t);
+    if (this.symbols.group && (e = M(e, this.symbols.group, "")), this.symbols.decimal && (e = e.replace(this.symbols.decimal, ".")), this.symbols.minusSign && (e = e.replace(this.symbols.minusSign, "-")), e = e.replace(this.symbols.numeral, this.symbols.index), this.options.style === "percent") {
+      let d = e.indexOf("-");
+      e = e.replace("-", ""), e = e.replace("+", "");
+      let o = e.indexOf(".");
+      o === -1 && (o = e.length), e = e.replace(".", ""), o - 2 === 0 ? e = `0.${e}` : o - 2 === -1 ? e = `0.0${e}` : o - 2 === -2 ? e = "0.00" : e = `${e.slice(0, o - 2)}.${e.slice(o - 2)}`, d > -1 && (e = `-${e}`);
+    }
+    let s = e ? +e : NaN;
+    if (isNaN(s)) return NaN;
+    if (this.options.style === "percent") {
+      var a, n;
+      let d = {
+        ...this.options,
+        style: "decimal",
+        minimumFractionDigits: Math.min(((a = this.options.minimumFractionDigits) !== null && a !== void 0 ? a : 0) + 2, 20),
+        maximumFractionDigits: Math.min(((n = this.options.maximumFractionDigits) !== null && n !== void 0 ? n : 0) + 2, 20)
+      };
+      return new ge(this.locale, d).parse(new he(this.locale, d).format(s));
+    }
+    return this.options.currencySign === "accounting" && ze.test(t) && (s = -1 * s), s;
+  }
+  sanitize(t) {
+    return t = t.replace(this.symbols.literals, ""), this.symbols.minusSign && (t = t.replace("-", this.symbols.minusSign)), this.options.numberingSystem === "arab" && (this.symbols.decimal && (t = t.replace(",", this.symbols.decimal), t = t.replace("،", this.symbols.decimal)), this.symbols.group && (t = M(t, ".", this.symbols.group))), this.options.locale === "fr-FR" && this.symbols.group && (t = M(t, " ", this.symbols.group), t = M(t, /\u00A0/g, this.symbols.group)), t;
+  }
+  isValidPartialNumber(t, e = -1 / 0, s = 1 / 0) {
+    return t = this.sanitize(t), this.symbols.minusSign && t.startsWith(this.symbols.minusSign) && e < 0 ? t = t.slice(this.symbols.minusSign.length) : this.symbols.plusSign && t.startsWith(this.symbols.plusSign) && s > 0 && (t = t.slice(this.symbols.plusSign.length)), this.symbols.group && t.startsWith(this.symbols.group) || this.symbols.decimal && t.indexOf(this.symbols.decimal) > -1 && this.options.maximumFractionDigits === 0 ? !1 : (this.symbols.group && (t = M(t, this.symbols.group, "")), t = t.replace(this.symbols.numeral, ""), this.symbols.decimal && (t = t.replace(this.symbols.decimal, "")), t.length === 0);
+  }
+  constructor(t, e = {}) {
+    this.locale = t, e.roundingIncrement !== 1 && e.roundingIncrement != null && (e.maximumFractionDigits == null && e.minimumFractionDigits == null ? (e.maximumFractionDigits = 0, e.minimumFractionDigits = 0) : e.maximumFractionDigits == null ? e.maximumFractionDigits = e.minimumFractionDigits : e.minimumFractionDigits == null && (e.minimumFractionDigits = e.maximumFractionDigits)), this.formatter = new Intl.NumberFormat(t, e), this.options = this.formatter.resolvedOptions(), this.symbols = Ze(t, this.formatter, this.options, e);
+    var s, a;
+    this.options.style === "percent" && (((s = this.options.minimumFractionDigits) !== null && s !== void 0 ? s : 0) > 18 || ((a = this.options.maximumFractionDigits) !== null && a !== void 0 ? a : 0) > 18) && console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.");
+  }
+}
+const le = /* @__PURE__ */ new Set([
+  "decimal",
+  "fraction",
+  "integer",
+  "minusSign",
+  "plusSign",
+  "group"
+]), Ke = [
+  0,
+  4,
+  2,
+  1,
+  11,
+  20,
+  3,
+  7,
+  100,
+  21,
+  0.1,
+  1.1
+];
+function Ze(i, t, e, s) {
+  var a, n, d, o;
+  let l = new Intl.NumberFormat(i, {
+    ...e,
+    // Resets so we get the full range of symbols
+    minimumSignificantDigits: 1,
+    maximumSignificantDigits: 21,
+    roundingIncrement: 1,
+    roundingPriority: "auto",
+    roundingMode: "halfExpand"
+  }), u = l.formatToParts(-10000.111), f = l.formatToParts(10000.111), b = Ke.map((p) => l.formatToParts(p));
+  var g;
+  let k = (g = (a = u.find((p) => p.type === "minusSign")) === null || a === void 0 ? void 0 : a.value) !== null && g !== void 0 ? g : "-", c = (n = f.find((p) => p.type === "plusSign")) === null || n === void 0 ? void 0 : n.value;
+  !c && ((s == null ? void 0 : s.signDisplay) === "exceptZero" || (s == null ? void 0 : s.signDisplay) === "always") && (c = "+");
+  let A = (d = new Intl.NumberFormat(i, {
+    ...e,
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).formatToParts(1e-3).find((p) => p.type === "decimal")) === null || d === void 0 ? void 0 : d.value, I = (o = u.find((p) => p.type === "group")) === null || o === void 0 ? void 0 : o.value, L = u.filter((p) => !le.has(p.type)).map((p) => oe(p.value)), x = b.flatMap((p) => p.filter((v) => !le.has(v.type)).map((v) => oe(v.value))), R = [
+    .../* @__PURE__ */ new Set([
+      ...L,
+      ...x
+    ])
+  ].sort((p, v) => v.length - p.length), q = R.length === 0 ? new RegExp("[\\p{White_Space}]", "gu") : new RegExp(`${R.join("|")}|[\\p{White_Space}]`, "gu"), _ = [
+    ...new Intl.NumberFormat(e.locale, {
+      useGrouping: !1
+    }).format(9876543210)
+  ].reverse(), z = new Map(_.map((p, v) => [
+    p,
+    v
+  ])), Y = new RegExp(`[${_.join("")}]`, "g");
+  return {
+    minusSign: k,
+    plusSign: c,
+    decimal: A,
+    group: I,
+    literals: q,
+    numeral: Y,
+    index: (p) => String(z.get(p))
+  };
+}
+function M(i, t, e) {
+  return i.replaceAll ? i.replaceAll(t, e) : i.split(t).join(e);
+}
+function oe(i) {
+  return i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function ve(i) {
+  const { disabled: t } = i, e = E(), s = Ie(), a = () => window.clearTimeout(e.value), n = (g) => {
+    a(), !t.value && (s.trigger(), e.value = window.setTimeout(() => {
+      n(60);
+    }, g));
+  }, d = () => {
+    n(400);
+  }, o = () => {
+    a();
+  }, l = E(!1), u = S(() => Ve(i.target)), f = (g) => {
+    g.button !== 0 || l.value || (g.preventDefault(), l.value = !0, d());
+  }, b = () => {
+    l.value = !1, o();
+  };
+  return Ee && (Z(u || window, "pointerdown", f), Z(window, "pointerup", b), Z(window, "pointercancel", b)), {
+    isPressed: l,
+    onTrigger: s.on
+  };
+}
+function ue(i, t = E({})) {
+  return fe(() => new he(i.value, t.value));
+}
+function He(i, t = E({})) {
+  return fe(() => new ge(i.value, t.value));
+}
+function de(i, t, e) {
+  let s = i === "+" ? t + e : t - e;
+  if (t % 1 !== 0 || e % 1 !== 0) {
+    const a = t.toString().split("."), n = e.toString().split("."), d = a[1] && a[1].length || 0, o = n[1] && n[1].length || 0, l = 10 ** Math.max(d, o);
+    t = Math.round(t * l), e = Math.round(e * l), s = i === "+" ? t + e : t - e, s /= l;
+  }
+  return s;
+}
+const [ee, Ue] = Me("NumberFieldRoot"), Xe = /* @__PURE__ */ w({
+  inheritAttrs: !1,
+  __name: "NumberFieldRoot",
+  props: {
+    defaultValue: { default: void 0 },
+    modelValue: {},
+    min: {},
+    max: {},
+    step: { default: 1 },
+    stepSnapping: { type: Boolean, default: !0 },
+    formatOptions: {},
+    locale: {},
+    disabled: { type: Boolean },
+    disableWheelChange: { type: Boolean },
+    invertWheelChange: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: { default: "div" },
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: t }) {
+    const e = i, s = t, { disabled: a, disableWheelChange: n, invertWheelChange: d, min: o, max: l, step: u, stepSnapping: f, formatOptions: b, id: g, locale: k } = Ne(e), c = _e(e, "modelValue", s, {
+      defaultValue: e.defaultValue,
+      passive: e.modelValue === void 0
+    }), { primitiveElement: te, currentElement: A } = O(), I = Be(k), L = Re(A), x = E(), R = S(
+      () => !H(c.value) && (F(c.value) === o.value || o.value && !isNaN(c.value) ? de("-", c.value, u.value) < o.value : !1)
+    ), q = S(
+      () => !H(c.value) && (F(c.value) === l.value || l.value && !isNaN(c.value) ? de("+", c.value, u.value) > l.value : !1)
+    );
+    function _(m, h = 1) {
+      var se, ie;
+      (se = x.value) == null || se.focus();
+      const K = v.parse(((ie = x.value) == null ? void 0 : ie.value) ?? "");
+      e.disabled || (isNaN(K) ? c.value = o.value ?? 0 : m === "increase" ? c.value = F(K + (u.value ?? 1) * h) : c.value = F(K - (u.value ?? 1) * h));
+    }
+    function z(m = 1) {
+      _("increase", m);
+    }
+    function Y(m = 1) {
+      _("decrease", m);
+    }
+    function ae(m) {
+      m === "min" && o.value !== void 0 ? c.value = F(o.value) : m === "max" && l.value !== void 0 && (c.value = F(l.value));
+    }
+    const p = ue(I, b), v = He(I, b), ye = S(() => p.resolvedOptions().maximumFractionDigits > 0 ? "decimal" : "numeric"), $e = ue(I, b), T = S(() => H(c.value) || isNaN(c.value) ? "" : $e.format(c.value));
+    function we(m) {
+      return v.isValidPartialNumber(m, o.value, l.value);
+    }
+    function G(m) {
+      x.value && (x.value.value = m);
+    }
+    function F(m) {
+      let h;
+      return u.value === void 0 || isNaN(u.value) || !f.value ? h = Te(m, o.value, l.value) : h = We(m, o.value, l.value, u.value), h = v.parse(p.format(h)), h;
+    }
+    function xe(m) {
+      const h = v.parse(m);
+      return c.value = isNaN(h) ? void 0 : F(h), m.length ? (isNaN(h), G(T.value)) : G(m);
+    }
+    return Ue({
+      modelValue: c,
+      handleDecrease: Y,
+      handleIncrease: z,
+      handleMinMaxValue: ae,
+      inputMode: ye,
+      inputEl: x,
+      onInputElement: (m) => x.value = m,
+      textValue: T,
+      validate: we,
+      applyInputValue: xe,
+      disabled: a,
+      disableWheelChange: n,
+      invertWheelChange: d,
+      max: l,
+      min: o,
+      isDecreaseDisabled: R,
+      isIncreaseDisabled: q,
+      id: g
+    }), (m, h) => (y(), $(r(j), C(m.$attrs, {
+      ref_key: "primitiveElement",
+      ref: te,
+      role: "group",
+      as: m.as,
+      "as-child": m.asChild,
+      "data-disabled": r(a) ? "" : void 0
+    }), {
+      default: V(() => [
+        D(m.$slots, "default", {
+          modelValue: r(c),
+          textValue: T.value
+        }),
+        r(L) && m.name ? (y(), $(r(Oe), {
+          key: 0,
+          type: "text",
+          value: r(c),
+          name: m.name,
+          disabled: r(a),
+          required: m.required
+        }, null, 8, ["value", "name", "disabled", "required"])) : De("", !0)
+      ]),
+      _: 3
+    }, 16, ["as", "as-child", "data-disabled"]));
+  }
+}), Je = /* @__PURE__ */ w({
+  __name: "NumberFieldDecrement",
+  props: {
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(i) {
+    const t = i, e = ee(), s = S(() => {
+      var l;
+      return ((l = e.disabled) == null ? void 0 : l.value) || t.disabled || e.isDecreaseDisabled.value;
+    }), { primitiveElement: a, currentElement: n } = O(), { isPressed: d, onTrigger: o } = ve({ target: n, disabled: s });
+    return o(() => {
+      e.handleDecrease();
+    }), (l, u) => (y(), $(r(j), C(t, {
+      ref_key: "primitiveElement",
+      ref: a,
+      tabindex: "-1",
+      "aria-label": "Decrease",
+      type: l.as === "button" ? "button" : void 0,
+      style: {
+        userSelect: r(d) ? "none" : void 0
+      },
+      disabled: s.value ? "" : void 0,
+      "data-disabled": s.value ? "" : void 0,
+      "data-pressed": r(d) ? "true" : void 0,
+      onContextmenu: u[0] || (u[0] = N(() => {
+      }, ["prevent"]))
+    }), {
+      default: V(() => [
+        D(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["type", "style", "disabled", "data-disabled", "data-pressed"]));
+  }
+}), Qe = /* @__PURE__ */ w({
+  __name: "NumberFieldIncrement",
+  props: {
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(i) {
+    const t = i, e = ee(), s = S(() => {
+      var l;
+      return ((l = e.disabled) == null ? void 0 : l.value) || t.disabled || e.isIncreaseDisabled.value;
+    }), { primitiveElement: a, currentElement: n } = O(), { isPressed: d, onTrigger: o } = ve({ target: n, disabled: s });
+    return o(() => {
+      e.handleIncrease();
+    }), (l, u) => (y(), $(r(j), C(t, {
+      ref_key: "primitiveElement",
+      ref: a,
+      tabindex: "-1",
+      "aria-label": "Increase",
+      type: l.as === "button" ? "button" : void 0,
+      style: {
+        userSelect: r(d) ? "none" : void 0
+      },
+      disabled: s.value ? "" : void 0,
+      "data-disabled": s.value ? "" : void 0,
+      "data-pressed": r(d) ? "true" : void 0,
+      onContextmenu: u[0] || (u[0] = N(() => {
+      }, ["prevent"]))
+    }), {
+      default: V(() => [
+        D(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["type", "style", "disabled", "data-disabled", "data-pressed"]));
+  }
+}), et = /* @__PURE__ */ w({
+  __name: "NumberFieldInput",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "input" }
+  },
+  setup(i) {
+    const t = i, { primitiveElement: e, currentElement: s } = O(), a = ee();
+    function n(l) {
+      a.disableWheelChange.value || l.target === Ae() && (Math.abs(l.deltaY) <= Math.abs(l.deltaX) || (l.preventDefault(), l.deltaY > 0 ? a.invertWheelChange.value ? a.handleDecrease() : a.handleIncrease() : l.deltaY < 0 && (a.invertWheelChange.value ? a.handleIncrease() : a.handleDecrease())));
+    }
+    Fe(() => {
+      a.onInputElement(s.value);
+    });
+    const d = E(a.textValue.value);
+    Pe(() => a.textValue.value, () => {
+      d.value = a.textValue.value;
+    }, { immediate: !0, deep: !0 });
+    function o() {
+      requestAnimationFrame(() => {
+        d.value = a.textValue.value;
+      });
+    }
+    return (l, u) => (y(), $(r(j), C(t, {
+      id: r(a).id.value,
+      ref_key: "primitiveElement",
+      ref: e,
+      value: d.value,
+      role: "spinbutton",
+      type: "text",
+      tabindex: "0",
+      inputmode: r(a).inputMode.value,
+      disabled: r(a).disabled.value ? "" : void 0,
+      "data-disabled": r(a).disabled.value ? "" : void 0,
+      autocomplete: "off",
+      autocorrect: "off",
+      spellcheck: "false",
+      "aria-roledescription": "Number field",
+      "aria-valuenow": r(a).modelValue.value,
+      "aria-valuemin": r(a).min.value,
+      "aria-valuemax": r(a).max.value,
+      onKeydown: [
+        u[0] || (u[0] = P(N((f) => r(a).handleIncrease(), ["prevent"]), ["up"])),
+        u[1] || (u[1] = P(N((f) => r(a).handleDecrease(), ["prevent"]), ["down"])),
+        u[2] || (u[2] = P(N((f) => r(a).handleIncrease(10), ["prevent"]), ["page-up"])),
+        u[3] || (u[3] = P(N((f) => r(a).handleDecrease(10), ["prevent"]), ["page-down"])),
+        u[4] || (u[4] = P(N((f) => r(a).handleMinMaxValue("min"), ["prevent"]), ["home"])),
+        u[5] || (u[5] = P(N((f) => r(a).handleMinMaxValue("max"), ["prevent"]), ["end"])),
+        u[8] || (u[8] = P((f) => {
+          var b;
+          return r(a).applyInputValue((b = f.target) == null ? void 0 : b.value);
+        }, ["enter"]))
+      ],
+      onWheel: n,
+      onBeforeinput: u[6] || (u[6] = (f) => {
+        const b = f.target;
+        let g = b.value.slice(0, b.selectionStart ?? void 0) + (f.data ?? "") + b.value.slice(b.selectionEnd ?? void 0);
+        r(a).validate(g) || f.preventDefault();
+      }),
+      onInput: u[7] || (u[7] = (f) => {
+        const b = f.target;
+        d.value = b.value;
+      }),
+      onChange: o,
+      onBlur: u[9] || (u[9] = (f) => {
+        var b;
+        return r(a).applyInputValue((b = f.target) == null ? void 0 : b.value);
+      })
+    }), {
+      default: V(() => [
+        D(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["id", "value", "inputmode", "disabled", "data-disabled", "aria-valuenow", "aria-valuemin", "aria-valuemax"]));
+  }
+});
+/**
+ * @license lucide-vue-next v0.514.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tt = je("minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]), vt = /* @__PURE__ */ w({
+  __name: "NumberField",
+  props: {
+    defaultValue: {},
+    modelValue: {},
+    min: {},
+    max: {},
+    step: {},
+    stepSnapping: { type: Boolean },
+    formatOptions: {},
+    locale: {},
+    disabled: { type: Boolean },
+    disableWheelChange: { type: Boolean },
+    invertWheelChange: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    name: {},
+    required: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: t }) {
+    const e = i, s = t, a = Q(e, "class"), n = Ce(a, s);
+    return (d, o) => (y(), $(r(Xe), C(r(n), {
+      class: r(B)("grid gap-1.5", e.class)
+    }), {
+      default: V(() => [
+        D(d.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), yt = /* @__PURE__ */ w({
+  __name: "NumberFieldContent",
+  props: {
+    class: {}
+  },
+  setup(i) {
+    const t = i;
+    return (e, s) => (y(), Se("div", {
+      class: me(r(B)("relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5", t.class))
+    }, [
+      D(e.$slots, "default")
+    ], 2));
+  }
+}), $t = /* @__PURE__ */ w({
+  __name: "NumberFieldDecrement",
+  props: {
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(i) {
+    const t = i, e = Q(t, "class"), s = pe(e);
+    return (a, n) => (y(), $(r(Je), C({ "data-slot": "decrement" }, r(s), {
+      class: r(B)("absolute top-1/2 -translate-y-1/2 left-0 p-3 disabled:cursor-not-allowed disabled:opacity-20", t.class)
+    }), {
+      default: V(() => [
+        D(a.$slots, "default", {}, () => [
+          ce(r(tt), { class: "h-4 w-4" })
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), wt = /* @__PURE__ */ w({
+  __name: "NumberFieldIncrement",
+  props: {
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(i) {
+    const t = i, e = Q(t, "class"), s = pe(e);
+    return (a, n) => (y(), $(r(Qe), C({ "data-slot": "increment" }, r(s), {
+      class: r(B)("absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20 p-3", t.class)
+    }), {
+      default: V(() => [
+        D(a.$slots, "default", {}, () => [
+          ce(r(ke), { class: "h-4 w-4" })
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), xt = /* @__PURE__ */ w({
+  __name: "NumberFieldInput",
+  props: {
+    class: {}
+  },
+  setup(i) {
+    const t = i;
+    return (e, s) => (y(), $(r(et), {
+      "data-slot": "input",
+      class: me(r(B)("flex h-10 w-full rounded-md border border-input bg-background py-2 text-sm text-center ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", t.class))
+    }, null, 8, ["class"]));
+  }
+});
+export {
+  vt as NumberField,
+  yt as NumberFieldContent,
+  $t as NumberFieldDecrement,
+  wt as NumberFieldIncrement,
+  xt as NumberFieldInput
+};