@alfadocs/ui-kit 1.4.12 → 1.4.13

package/dist/_chunks/number-input-DOe5VYei.js

@@ -1,370 +0,0 @@
-import { jsxs as Ie, jsx as F } from "react/jsx-runtime";
-import { useMemo as Y, forwardRef as De, useRef as K, useCallback as z, useState as q, useEffect as xe } from "react";
-import { c as Ce } from "./index-D2ZczOXr.js";
-import { useTranslation as Fe } from "react-i18next";
-import { u as Se } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Ve } from "./form-field-context-B3APVHKx.js";
-import { c as Me } from "./compose-refs-C0k0tdqF.js";
-import { u as ke } from "./registry-DvAUVLHh.js";
-import { C as Te } from "./chevron-down-DWE7GSq9.js";
-import { C as Pe } from "./chevron-up-umRGgtJA.js";
-const ze = {
-  id: "number-input",
-  capabilities: ["set_value"],
-  state: {
-    value: {
-      type: "number | null",
-      descriptionKey: "ui.agent.numberInput.state.value",
-      description: "Current numeric value, or null when empty.",
-      read: (n) => n.getValue()
-    },
-    isEmpty: {
-      type: "boolean",
-      descriptionKey: "ui.agent.numberInput.state.isEmpty",
-      description: "Whether the input has no value.",
-      read: (n) => n.getValue() === null
-    }
-  },
-  actions: {
-    set_value: {
-      safety: "write",
-      argsType: "{ value: number | null }",
-      argsSchema: {
-        type: "object",
-        properties: { value: { type: ["number", "null"] } },
-        required: ["value"]
-      },
-      idempotent: !0,
-      examples: [{ args: { value: 42 } }, { args: { value: null } }],
-      descriptionKey: "ui.agent.numberInput.actions.setValue",
-      description: "Replace the numeric value, or pass null to clear.",
-      invoke: (n, s) => {
-        n.setValue(s.value);
-      }
-    },
-    clear: {
-      safety: "destructive",
-      idempotent: !0,
-      descriptionKey: "ui.agent.numberInput.actions.clear",
-      description: "Empty the input. Loses any typed value.",
-      invoke: (n) => {
-        n.clear();
-      }
-    },
-    focus: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.numberInput.actions.focus",
-      description: "Move keyboard focus to the input.",
-      invoke: (n) => {
-        n.focus();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "number-input",
-      description: "Marks the NumberInput wrapper."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-};
-function Re(n) {
-  let s = "";
-  for (const l of n) {
-    const r = l.codePointAt(0);
-    r !== void 0 && (r >= 1632 && r <= 1641 ? s += String.fromCodePoint(48 + (r - 1632)) : r >= 1776 && r <= 1785 ? s += String.fromCodePoint(48 + (r - 1776)) : s += l);
-  }
-  return s;
-}
-function Ae(n, s, l) {
-  return Y(() => {
-    var V, M;
-    const r = new Intl.NumberFormat(n).formatToParts(1234.5), u = ((V = r.find((a) => a.type === "decimal")) == null ? void 0 : V.value) ?? ".", S = ((M = r.find((a) => a.type === "group")) == null ? void 0 : M.value) ?? ",", p = s === "currency" ? new Intl.NumberFormat(n, {
-      style: "currency",
-      currency: l ?? "USD"
-    }) : s === "percentage" ? new Intl.NumberFormat(n, {
-      style: "percent",
-      maximumFractionDigits: 4
-    }) : s === "integer" ? new Intl.NumberFormat(n, { maximumFractionDigits: 0 }) : new Intl.NumberFormat(n, { maximumFractionDigits: 10 }), R = (a) => Number.isFinite(a) ? p.format(a) : "", A = (a) => {
-      if (!a) return NaN;
-      const k = Re(a), h = k.trim(), I = h.startsWith("-") || h.startsWith("−");
-      let d = "";
-      for (const N of k)
-        N >= "0" && N <= "9" ? d += N : N === u && (d += ".");
-      if (!d || d === ".") return NaN;
-      let m = Number(d);
-      return Number.isFinite(m) ? (I && (m = -m), s === "percentage" && (m = m / 100), m) : NaN;
-    };
-    let g = "decimal";
-    if (s === "integer")
-      g = "numeric";
-    else if (s === "currency")
-      try {
-        const { maximumFractionDigits: a } = new Intl.NumberFormat(n, {
-          style: "currency",
-          currency: l ?? "USD"
-        }).resolvedOptions();
-        g = a === 0 ? "numeric" : "decimal";
-      } catch {
-        g = "decimal";
-      }
-    return {
-      format: R,
-      parse: A,
-      decimalSeparator: u,
-      groupingSeparator: S,
-      inputMode: g
-    };
-  }, [n, s, l]);
-}
-const je = Ce(
-  [
-    "ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]",
-    "ds:border ds:bg-input ds:text-foreground",
-    "ds:shadow-[var(--shadow-input)]",
-    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
-    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:h-8 ds:text-[length:var(--font-size-sm)]",
-        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
-        lg: "ds:h-12 ds:text-[length:var(--font-size-lg)]"
-      },
-      tone: {
-        default: "ds:border-border",
-        error: "ds:border-destructive ds:focus-within:outline-destructive"
-      }
-    },
-    defaultVariants: { size: "md", tone: "default" }
-  }
-), X = [
-  "ds:inline-flex ds:items-center ds:justify-center",
-  "ds:h-full ds:shrink-0",
-  "ds:text-muted-foreground ds:hover:text-foreground",
-  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-  "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-].join(" "), Be = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US", Ee = (n) => typeof n == "string" && n.trim() !== "" ? n : void 0;
-function Ue(n) {
-  if (!Number.isFinite(n)) return 0;
-  const s = String(n), l = s.indexOf(".");
-  return l === -1 ? 0 : s.length - l - 1;
-}
-function Le(n, s) {
-  if (s <= 0 || !Number.isFinite(s)) return n;
-  const r = 10 ** Ue(s);
-  return Math.round(n * r) / r;
-}
-const Ke = De(
-  ({
-    value: n,
-    defaultValue: s,
-    onChange: l,
-    min: r,
-    max: u,
-    step: S = 1,
-    mode: p = "integer",
-    currency: R,
-    locale: A,
-    size: g = "md",
-    tone: V,
-    className: M,
-    id: a,
-    disabled: k,
-    onFocus: h,
-    onBlur: I,
-    onKeyDown: d,
-    ...m
-  }, N) => {
-    const { t: H, i18n: Z } = Fe(), D = Ve(), ee = a ?? D.id, T = !!(D.disabled || k), te = A ?? Ee(Z.language) ?? Be(), j = Ae(te, p, R), {
-      decimalSeparator: P,
-      groupingSeparator: W,
-      format: B,
-      parse: O
-    } = j, _ = K(null), ne = Me(N, _), [re, se] = Se({
-      value: n,
-      defaultValue: s ?? null,
-      onChange: l
-    }), i = re ?? null, $ = K(i);
-    $.current = i;
-    const x = z(
-      (e) => {
-        const t = p === "percentage" ? e * 100 : e;
-        return (Number.isInteger(t) ? String(t) : t.toString()).replace(".", P);
-      },
-      [p, P]
-    ), v = z(
-      (e) => e == null || Number.isNaN(e) ? "" : B(e),
-      [B]
-    ), [E, c] = q(
-      () => v(i)
-    ), y = K(!1), [oe, b] = q(!1), [U, C] = q(!1), L = z(
-      (e) => {
-        if (e >= "0" && e <= "9") return !0;
-        const t = e.codePointAt(0) ?? 0;
-        return t >= 1632 && t <= 1641 || t >= 1776 && t <= 1785 ? !0 : e === P || e === W || e === "-" || e === "−";
-      },
-      [P, W]
-    ), ie = z(
-      (e) => {
-        let t = "";
-        for (const o of e)
-          L(o) && (t += o);
-        return t;
-      },
-      [L]
-    );
-    xe(() => {
-      !y.current && !U && c(v(i));
-    }, [i, v, U]);
-    const ae = oe || U || i !== null && (r !== void 0 && i < r || u !== void 0 && i > u), G = D.invalid || ae, ue = G ? "error" : V ?? "default", f = (e) => {
-      se(e);
-    }, w = (e) => {
-      let o = (i ?? 0) + S * e;
-      r !== void 0 && (o = Math.max(r, o)), u !== void 0 && (o = Math.min(u, o)), o = Le(o, S), f(o), b(!1), c(
-        y.current ? x(o) : v(o)
-      );
-    }, J = (e) => {
-      f(e), b(!1), c(
-        y.current ? x(e) : v(e)
-      );
-    }, le = (e) => {
-      if (d == null || d(e), e.defaultPrevented || T) return;
-      const { key: t, shiftKey: o } = e;
-      t === "ArrowUp" ? (e.preventDefault(), w(o ? 10 : 1)) : t === "ArrowDown" ? (e.preventDefault(), w(o ? -10 : -1)) : t === "PageUp" ? (e.preventDefault(), w(100)) : t === "PageDown" ? (e.preventDefault(), w(-100)) : t === "Home" && r !== void 0 ? (e.preventDefault(), J(r)) : t === "End" && u !== void 0 && (e.preventDefault(), J(u));
-    }, de = (e) => {
-      const t = ie(e.target.value);
-      if (c(t), t.trim() === "") {
-        f(null), b(!1), C(!1);
-        return;
-      }
-      const o = O(t);
-      Number.isNaN(o) || (f(o), C(!1));
-    }, ce = (e) => {
-      const { data: t } = e.nativeEvent;
-      typeof t != "string" || t.length !== 1 || L(t) || e.preventDefault();
-    }, fe = (e) => {
-      h == null || h(e), y.current = !0, i != null && c(x(i));
-    }, pe = (e) => {
-      if (I == null || I(e), y.current = !1, E.trim() === "") {
-        f(null), b(!1), C(!1), c("");
-        return;
-      }
-      const t = O(E);
-      if (Number.isNaN(t)) {
-        C(!0), b(!1), f(null);
-        return;
-      }
-      const o = r !== void 0 && t < r || u !== void 0 && t > u;
-      b(o), C(!1), f(t), c(v(t));
-    }, Q = (e) => {
-      e.preventDefault();
-    }, me = () => w(1), ve = () => w(-1), be = Y(
-      () => ({
-        getValue: () => $.current,
-        setValue: (e) => {
-          f(e), c(
-            e === null ? "" : y.current ? x(e) : v(e)
-          );
-        },
-        clear: () => {
-          f(null), c(""), b(!1);
-        },
-        focus: () => {
-          var e;
-          return (e = _.current) == null ? void 0 : e.focus();
-        }
-      }),
-      // The handle is reconstructed per render; consumers (the agent runtime)
-      // re-register only when the identity changes, which is a cheap no-op.
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [x, v]
-    );
-    ke(ze, be, a);
-    const ge = T || r !== void 0 && i !== null && i <= r, he = T || u !== void 0 && i !== null && i >= u, Ne = i ?? void 0, ye = (p === "currency" || p === "percentage") && i !== null && i !== null ? B(i) : void 0, we = j.inputMode === "numeric" ? "[0-9]*" : void 0;
-    return /* @__PURE__ */ Ie(
-      "div",
-      {
-        className: je({
-          size: g,
-          tone: ue,
-          className: M
-        }),
-        "data-component": "number-input",
-        "data-component-id": a,
-        "data-mode": p,
-        children: [
-          /* @__PURE__ */ F(
-            "button",
-            {
-              type: "button",
-              tabIndex: -1,
-              "aria-label": H("inputs.number.decrement", "Decrement"),
-              onClick: ve,
-              onMouseDown: Q,
-              disabled: ge,
-              className: `${X} ds:ps-2 ds:pe-1`,
-              children: /* @__PURE__ */ F(Te, { "aria-hidden": "true", className: "ds:size-4" })
-            }
-          ),
-          /* @__PURE__ */ F(
-            "input",
-            {
-              ref: ne,
-              id: ee,
-              type: "text",
-              role: "spinbutton",
-              inputMode: j.inputMode,
-              pattern: we,
-              autoComplete: "off",
-              value: E,
-              disabled: T,
-              "aria-valuemin": r,
-              "aria-valuemax": u,
-              "aria-valuenow": Ne,
-              "aria-valuetext": ye,
-              "aria-invalid": G || void 0,
-              "aria-required": D.required || void 0,
-              "aria-describedby": D.describedBy || void 0,
-              onBeforeInput: ce,
-              onChange: de,
-              onFocus: fe,
-              onBlur: pe,
-              onKeyDown: le,
-              className: "ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed",
-              ...m
-            }
-          ),
-          /* @__PURE__ */ F(
-            "button",
-            {
-              type: "button",
-              tabIndex: -1,
-              "aria-label": H("inputs.number.increment", "Increment"),
-              onClick: me,
-              onMouseDown: Q,
-              disabled: he,
-              className: `${X} ds:ps-1 ds:pe-2`,
-              children: /* @__PURE__ */ F(Pe, { "aria-hidden": "true", className: "ds:size-4" })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Ke.displayName = "NumberInput";
-export {
-  Ke as N,
-  Ae as u
-};
-//# sourceMappingURL=number-input-DOe5VYei.js.map