@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/fiscal-code-input-DKNXFXs3.js

@@ -0,0 +1,553 @@
+import { jsxs as A, jsx as l, Fragment as Ze } from "react/jsx-runtime";
+import { forwardRef as je, useContext as Xe, useState as oe, useRef as P, useId as Ke, useEffect as Oe, useMemo as H, useCallback as ae } from "react";
+import { c as ue } from "./index-D2ZczOXr.js";
+import { useTranslation as Ge } from "react-i18next";
+import { u as We, F as qe } from "./form-field-context-B3APVHKx.js";
+import { I as ie, c as Ye, a as L, b as Z } from "./input-surface-xyERuLU_.js";
+import { c as Je } from "./compose-refs-C0k0tdqF.js";
+import { u as Qe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as et } from "./registry-DvAUVLHh.js";
+import { I as tt } from "./icon-button-LqoiKcUN.js";
+import { c as st } from "./createLucideIcon-DhHxpK9K.js";
+import { C as ce } from "./circle-alert-rGDZ73Wh.js";
+import { C as le } from "./circle-check-BN6rz4NV.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const nt = [
+  ["rect", { width: "16", height: "20", x: "4", y: "2", rx: "2", key: "1nb95v" }],
+  ["line", { x1: "8", x2: "16", y1: "6", y2: "6", key: "x4nwl0" }],
+  ["line", { x1: "16", x2: "16", y1: "14", y2: "18", key: "wjye3r" }],
+  ["path", { d: "M16 10h.01", key: "1m94wz" }],
+  ["path", { d: "M12 10h.01", key: "1nrarc" }],
+  ["path", { d: "M8 10h.01", key: "19clt8" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }]
+], rt = st("calculator", nt), ot = {
+  id: "fiscal-code-input",
+  capabilities: ["set_value"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.fiscalCodeInput.state.value",
+      description: "Current codice fiscale, normalised (uppercased, 0–16 [A-Z0-9] characters).",
+      read: (e) => e.getValue()
+    },
+    isValid: {
+      type: "boolean",
+      descriptionKey: "ui.agent.fiscalCodeInput.state.isValid",
+      description: "Whether the value is 16 structurally-sound characters with a matching control character.",
+      read: (e) => e.isValid()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: { value: { type: "string" } },
+        required: ["value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.fiscalCodeInput.actions.setValue",
+      description: "Replace the codice fiscale. The value is uppercased and stripped to [A-Z0-9], capped at 16 characters.",
+      examples: [
+        {
+          args: { value: "RSSMRA85T10A562S" },
+          note: "A complete, structurally-sound codice fiscale."
+        }
+      ],
+      invoke: (e, t) => {
+        e.setValue(t.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.fiscalCodeInput.actions.clear",
+      description: "Empty the input. Loses any typed value.",
+      invoke: (e) => {
+        e.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      descriptionKey: "ui.agent.fiscalCodeInput.actions.focus",
+      description: "Move keyboard focus to the codice fiscale input.",
+      invoke: (e) => {
+        e.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "fiscal-code-input",
+      description: "Marks the FiscalCodeInput wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, at = /* @__PURE__ */ new Set([0, 1, 2, 3, 4, 5, 8, 11]), it = /* @__PURE__ */ new Set([6, 7, 9, 10, 12, 13, 14]), ct = Object.freeze({
+  0: 1,
+  1: 0,
+  2: 5,
+  3: 7,
+  4: 9,
+  5: 13,
+  6: 15,
+  7: 17,
+  8: 19,
+  9: 21,
+  A: 1,
+  B: 0,
+  C: 5,
+  D: 7,
+  E: 9,
+  F: 13,
+  G: 15,
+  H: 17,
+  I: 19,
+  J: 21,
+  K: 2,
+  L: 4,
+  M: 18,
+  N: 20,
+  O: 11,
+  P: 3,
+  Q: 6,
+  R: 8,
+  S: 12,
+  T: 14,
+  U: 16,
+  V: 10,
+  W: 22,
+  X: 25,
+  Y: 24,
+  Z: 23
+}), lt = Object.freeze({
+  0: 0,
+  1: 1,
+  2: 2,
+  3: 3,
+  4: 4,
+  5: 5,
+  6: 6,
+  7: 7,
+  8: 8,
+  9: 9,
+  A: 0,
+  B: 1,
+  C: 2,
+  D: 3,
+  E: 4,
+  F: 5,
+  G: 6,
+  H: 7,
+  I: 8,
+  J: 9,
+  K: 10,
+  L: 11,
+  M: 12,
+  N: 13,
+  O: 14,
+  P: 15,
+  Q: 16,
+  R: 17,
+  S: 18,
+  T: 19,
+  U: 20,
+  V: 21,
+  W: 22,
+  X: 23,
+  Y: 24,
+  Z: 25
+}), dt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+function ut(e) {
+  if (!/^[A-Z0-9]{15}[A-Z]$/.test(e)) return !1;
+  for (let t = 0; t < 15; t += 1) {
+    const n = e[t], r = n >= "0" && n <= "9";
+    if (at.has(t) && r || it.has(t) && !r) return !1;
+  }
+  return !0;
+}
+function fe(e) {
+  let t = 0;
+  for (let n = 0; n < 15; n += 1) {
+    const r = e[n];
+    t += n % 2 === 0 ? ct[r] : lt[r];
+  }
+  return dt[t % 26];
+}
+function N(e) {
+  if (e.length === 0) return "empty";
+  if (e.length < 16) return "incomplete";
+  const t = e.slice(0, 16);
+  return ut(t) ? fe(t.slice(0, 15)) !== t[15] ? "badChecksum" : "valid" : "badFormat";
+}
+function Ut(e) {
+  return N(e) === "valid";
+}
+const pe = /* @__PURE__ */ new Set(["A", "E", "I", "O", "U"]), ft = [
+  "A",
+  "B",
+  "C",
+  "D",
+  "E",
+  "H",
+  "L",
+  "M",
+  "P",
+  "R",
+  "S",
+  "T"
+];
+function me(e) {
+  return e.normalize("NFD").replace(/[̀-ͯ]/g, "").toUpperCase().replace(/[^A-Z]/g, "");
+}
+function he(e) {
+  return [...e].filter((t) => !pe.has(t)).join("");
+}
+function ge(e) {
+  return [...e].filter((t) => pe.has(t)).join("");
+}
+function pt(e) {
+  const t = me(e);
+  return (he(t) + ge(t) + "XXX").slice(0, 3);
+}
+function mt(e) {
+  const t = me(e), n = he(t);
+  return n.length >= 4 ? n[0] + n[2] + n[3] : (n + ge(t) + "XXX").slice(0, 3);
+}
+function ht(e) {
+  const t = e instanceof Date ? e : new Date(e);
+  if (Number.isNaN(t.getTime()))
+    throw new Error(`calculateCodiceFiscale: invalid birthDate "${e}"`);
+  return t;
+}
+function de(e) {
+  return String(e).padStart(2, "0");
+}
+function gt(e, t) {
+  const n = ht(e), r = de(n.getUTCFullYear() % 100), i = ft[n.getUTCMonth()], g = n.getUTCDate() + (t === "F" ? 40 : 0);
+  return r + i + de(g);
+}
+function Ct(e) {
+  const { surname: t, name: n, birthDate: r, sex: i, belfioreCode: g } = e, m = g.trim().toUpperCase();
+  if (!/^[A-Z][0-9]{3}$/.test(m))
+    throw new Error(
+      `calculateCodiceFiscale: belfioreCode must be a letter + 3 digits (e.g. "H501"), got "${g}"`
+    );
+  const S = pt(t) + mt(n) + gt(r, i) + m;
+  return S + fe(S);
+}
+const w = 16, vt = ue(
+  ["ds:relative ds:flex ds:items-center ds:w-full", Ye].join(
+    " "
+  ),
+  {
+    variants: {
+      size: {
+        sm: L.sm,
+        md: L.md,
+        lg: L.lg
+      },
+      tone: {
+        default: ie.default,
+        error: `${ie.error} ds:focus-within:outline-destructive`
+      }
+    },
+    defaultVariants: { size: "md", tone: "default" }
+  }
+), yt = ue(
+  [
+    // dir="ltr" + tabular-nums keep the alphanumeric code rendering
+    // left-to-right and evenly spaced even under an RTL/CJK surrounding
+    // UI — this is a value-RENDERING concern (the code is never mirrored),
+    // not a layout-direction violation, so logical-prop rules don't apply
+    // to the code glyphs themselves.
+    "ds:w-full ds:min-w-0 ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
+    "ds:border-0 ds:outline-none ds:tabular-nums ds:uppercase ds:tracking-wide",
+    "ds:disabled:cursor-not-allowed",
+    "ds:read-only:cursor-default"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: `ds:pe-3 ${Z.sm}`,
+        md: `ds:pe-3 ${Z.md}`,
+        lg: `ds:pe-4 ${Z.lg}`
+      },
+      // When the calculate affordance is shown, the input text starts after
+      // the inline-start icon button (mirrors `hasEnd`'s pe-10 reservation).
+      hasStart: {
+        true: "ds:ps-10",
+        false: ""
+      },
+      hasEnd: {
+        true: "ds:pe-10",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      { size: "sm", hasStart: !1, class: "ds:ps-3" },
+      { size: "md", hasStart: !1, class: "ds:ps-3" },
+      { size: "lg", hasStart: !1, class: "ds:ps-4" }
+    ],
+    defaultVariants: { size: "md", hasStart: !1, hasEnd: !1 }
+  }
+), bt = "ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3 ds:flex ds:items-center ds:pointer-events-none ds:[&_svg]:size-4", Et = "ds:absolute ds:inset-y-0 ds:start-0 ds:ps-1 ds:flex ds:items-center", j = "type-body-sm ds:mt-[var(--spacing-xs)]";
+function p(e) {
+  return e.normalize("NFKC").replace(/[٠-٩]/g, (t) => String(t.charCodeAt(0) - 1632)).replace(/[۰-۹]/g, (t) => String(t.charCodeAt(0) - 1776)).toUpperCase().replace(/[^A-Z0-9]/g, "").slice(0, w);
+}
+function xt(e, t) {
+  let n = 0;
+  for (let r = 0; r < t && r < e.length; r += 1) {
+    const i = e[r];
+    (i >= "0" && i <= "9" || i >= "A" && i <= "Z" || i >= "a" && i <= "z") && (n += 1);
+  }
+  return n;
+}
+const It = je(function({
+  value: t,
+  defaultValue: n,
+  onChange: r,
+  size: i = "md",
+  tone: g = "default",
+  validateOn: m = "blur",
+  showError: S,
+  errorMessage: k,
+  disabled: Ce,
+  readOnly: d,
+  required: ve,
+  placeholder: ye,
+  showFormatHint: be = !0,
+  calculateFrom: R,
+  id: V,
+  name: Ee,
+  className: xe,
+  "aria-label": X
+}, Ie) {
+  const { t: u } = Ge(), b = We(), f = Xe(qe) !== null, C = t !== void 0, [Se, M] = oe(
+    () => p(n ?? "")
+  ), c = C ? p(t ?? "") : Se, [Te, K] = oe(!1), _ = P(!1), v = P(null), h = P(null), Fe = Je(Ie, h), B = Ke(), O = `${B}-hint`, G = `${B}-status`, W = `${B}-error`;
+  Oe(() => {
+  }, [f, X]);
+  const T = H(
+    () => N(c),
+    [c]
+  ), q = c.length === w, E = T === "valid", D = (f ? b.disabled : !1) || !!Ce, Ae = (f ? b.required : !1) || !!ve, Ne = !d && (!!S || q && !E && (m === "change" || m === "blur" && Te)), Y = f && b.invalid, y = Ne && !Y, J = Y || y, we = J || g === "error" ? "error" : "default", ke = H(() => k || u(T === "badChecksum" ? "inputs.fiscalCode.errorChecksum" : T === "badFormat" ? "inputs.fiscalCode.errorFormat" : "inputs.fiscalCode.errorIncomplete"), [k, T, u]), Q = !f && be && !d, Re = f ? void 0 : [
+    Q ? O : null,
+    y ? W : G
+  ].filter(Boolean).join(" ") || void 0, Ve = f ? b.describedBy || void 0 : Re, Me = V ?? b.id, x = ae(
+    (s) => {
+      const o = N(s);
+      r == null || r(s, {
+        isValid: o === "valid",
+        isComplete: s.length === w,
+        reason: o
+      });
+    },
+    [r]
+  ), F = ae(
+    (s) => {
+      C || M(s), x(s);
+    },
+    [C, x]
+  );
+  Qe(() => {
+    if (v.current == null) return;
+    const s = v.current;
+    v.current = null;
+    const o = h.current;
+    if (o && document.activeElement === o) {
+      const a = Math.min(s, o.value.length);
+      o.setSelectionRange(a, a);
+    }
+  });
+  const _e = (s) => {
+    if (d || _.current) return;
+    const o = s.target, a = o.value, $ = o.selectionStart ?? a.length, z = xt(a, $), I = p(a);
+    v.current = Math.min(z, I.length), F(I);
+  }, Be = () => {
+    _.current = !0;
+  }, De = (s) => {
+    if (_.current = !1, d) return;
+    const o = p(s.currentTarget.value);
+    v.current = o.length, F(o);
+  }, Ue = (s) => {
+    if (d) return;
+    const o = s.clipboardData.getData("text");
+    s.preventDefault();
+    const a = h.current, $ = (a == null ? void 0 : a.selectionStart) ?? c.length, z = (a == null ? void 0 : a.selectionEnd) ?? c.length, I = p(o), ne = c.slice(0, $), Le = c.slice(z), re = p(ne + I + Le);
+    v.current = Math.min((ne + I).length, re.length), F(re);
+  }, $e = () => {
+    m === "blur" && K(!0);
+  }, ze = () => {
+    var a;
+    if (!R || d || D) return;
+    let s;
+    try {
+      s = Ct(R);
+    } catch {
+      return;
+    }
+    const o = p(s);
+    m === "blur" && K(!0), F(o), (a = h.current) == null || a.focus();
+  }, Pe = H(
+    () => ({
+      getValue: () => c,
+      setValue: (s) => {
+        var a;
+        const o = p(s);
+        C || M(o), x(o), (a = h.current) == null || a.focus();
+      },
+      clear: () => {
+        var s;
+        C || M(""), x(""), (s = h.current) == null || s.focus();
+      },
+      focus: () => {
+        var s;
+        return (s = h.current) == null ? void 0 : s.focus();
+      },
+      isValid: () => N(c) === "valid"
+    }),
+    [c, C, x]
+  );
+  et(ot, Pe, V);
+  const He = ye ?? u("inputs.fiscalCode.placeholder"), U = d || f ? "" : E ? u("inputs.fiscalCode.valid") : c.length > 0 && !q ? u("inputs.fiscalCode.charactersEntered", {
+    count: c.length
+  }) : "", ee = y ? ke : "", te = !d && (y || E && !f), se = !!R && !d && !D;
+  return /* @__PURE__ */ A(
+    "div",
+    {
+      className: "ds:flex ds:flex-col",
+      "data-component": "fiscal-code-input",
+      "data-component-id": V,
+      children: [
+        /* @__PURE__ */ A(
+          "div",
+          {
+            "data-slot": "fiscal-code-input",
+            className: vt({ size: i, tone: we, className: xe }),
+            children: [
+              se ? /* @__PURE__ */ l("span", { className: Et, children: /* @__PURE__ */ l(
+                tt,
+                {
+                  type: "button",
+                  size: "sm",
+                  intent: "ghost",
+                  icon: /* @__PURE__ */ l(rt, {}),
+                  "aria-label": u("inputs.fiscalCode.calculate"),
+                  onClick: ze
+                }
+              ) }) : null,
+              /* @__PURE__ */ l(
+                "input",
+                {
+                  ref: Fe,
+                  id: Me,
+                  name: Ee,
+                  dir: "ltr",
+                  type: "text",
+                  inputMode: "text",
+                  autoCapitalize: "characters",
+                  autoCorrect: "off",
+                  autoComplete: "off",
+                  spellCheck: !1,
+                  maxLength: w,
+                  pattern: "[A-Z0-9]{15}[A-Z]",
+                  value: c,
+                  placeholder: He,
+                  disabled: D,
+                  readOnly: d,
+                  "aria-label": X,
+                  "aria-describedby": Ve,
+                  "aria-invalid": J || void 0,
+                  "aria-required": Ae || void 0,
+                  onChange: _e,
+                  onCompositionStart: Be,
+                  onCompositionEnd: De,
+                  onPaste: Ue,
+                  onBlur: $e,
+                  className: yt({
+                    size: i,
+                    hasStart: se,
+                    hasEnd: te
+                  })
+                }
+              ),
+              te ? /* @__PURE__ */ l(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: `${bt} ${y ? "ds:text-destructive" : "ds:text-success"}`,
+                  children: y ? /* @__PURE__ */ l(ce, {}) : /* @__PURE__ */ l(le, {})
+                }
+              ) : null
+            ]
+          }
+        ),
+        Q ? /* @__PURE__ */ l(
+          "p",
+          {
+            id: O,
+            className: `${j} ds:text-muted-foreground`,
+            children: u("inputs.fiscalCode.formatHint")
+          }
+        ) : null,
+        /* @__PURE__ */ l(
+          "p",
+          {
+            id: G,
+            role: "status",
+            "aria-live": "polite",
+            className: `${j} ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ${E ? "ds:text-success" : "ds:text-muted-foreground"} ${U ? "" : "ds:sr-only"}`,
+            children: U ? /* @__PURE__ */ A(Ze, { children: [
+              E ? /* @__PURE__ */ l(
+                le,
+                {
+                  "aria-hidden": "true",
+                  className: "ds:size-4 ds:shrink-0"
+                }
+              ) : null,
+              /* @__PURE__ */ l("span", { children: U })
+            ] }) : null
+          }
+        ),
+        ee ? /* @__PURE__ */ A(
+          "p",
+          {
+            id: W,
+            role: "alert",
+            className: `${j} ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-destructive`,
+            children: [
+              /* @__PURE__ */ l(ce, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+              /* @__PURE__ */ l("span", { children: ee })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+});
+It.displayName = "FiscalCodeInput";
+export {
+  It as F,
+  N as a,
+  fe as b,
+  Ct as c,
+  ot as f,
+  Ut as i,
+  vt as w
+};
+//# sourceMappingURL=fiscal-code-input-DKNXFXs3.js.map