@alfadocs/ui-kit-debug 0.67.1 → 0.69.0

package/dist/_chunks/editable-currency-cell-renderer-kgqp_mIw.js

@@ -0,0 +1,448 @@
+import { useMemo as V, useState as F, useRef as k, useEffect as A } from "react";
+import { jsx as d, jsxs as z } from "react/jsx-runtime";
+import { B as $ } from "./badge-CqGsX32l.js";
+import { A as H } from "./avatar-BNQNhoyL.js";
+import { T as M } from "./tag-BQXwuJq1.js";
+import { useTranslation as C } from "react-i18next";
+import { S as q } from "./square-check-big-Jr-0202D.js";
+import { S as G } from "./square-CZoGU14v.js";
+import { u as X } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { c as D, a as P, b as L, d as B } from "./input-surface-xyERuLU_.js";
+function be(n, e, t) {
+  return V(() => {
+    const o = {};
+    for (const r of e) {
+      let f = 0;
+      for (const i of n ?? []) {
+        const a = i[r], c = typeof a == "number" ? a : Number(a);
+        Number.isFinite(c) && (f += c);
+      }
+      o[r] = f;
+    }
+    return t != null && t.labelField && t.labelValue !== void 0 && (o[t.labelField] = t.labelValue), o;
+  }, [n, e, t == null ? void 0 : t.labelField, t == null ? void 0 : t.labelValue]);
+}
+function he(n) {
+  const { value: e, variantMap: t } = n, o = (t == null ? void 0 : t[e]) ?? "neutral";
+  return /* @__PURE__ */ d($, { variant: o, withDot: !0, size: "sm", children: String(e ?? "") });
+}
+const K = {
+  sm: "ds:size-8",
+  md: "ds:size-10",
+  lg: "ds:size-12"
+}, O = {
+  square: "ds:rounded-none",
+  rounded: "ds:rounded-[var(--radius-md)]",
+  circle: "ds:rounded-[var(--radius-full)]"
+};
+function E(n, e) {
+  if (!n || typeof n != "object") return;
+  const t = n[e];
+  return typeof t == "string" ? t : void 0;
+}
+const Z = /^(?:https?:|data:image\/)/i;
+function W(n) {
+  if (!n) return;
+  const e = n.trim();
+  if (e.length !== 0)
+    return Z.test(e) ? e : void 0;
+}
+function ye(n) {
+  const {
+    data: e,
+    srcField: t,
+    altField: o,
+    fallbackField: r,
+    size: f = "md",
+    shape: i = "rounded"
+  } = n;
+  if (!e) return null;
+  const a = E(e, t), c = W(a), s = o ? E(e, o) ?? "" : "", l = r ? E(e, r) : void 0;
+  return c ? /* @__PURE__ */ d(
+    "img",
+    {
+      src: c,
+      alt: s,
+      loading: "lazy",
+      decoding: "async",
+      className: ["ds:object-cover", K[f], O[i]].join(
+        " "
+      )
+    }
+  ) : l ? /* @__PURE__ */ d(H, { name: l, size: f }) : null;
+}
+function J() {
+  return /* @__PURE__ */ d(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.75,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: "ds:size-3.5",
+      children: /* @__PURE__ */ d("path", { d: "M12 5.5c-1.074 -1.426 -2.45 -2.2 -4 -2c-2.5 .323 -3.7 2.5 -3.5 5c.1 1.5 .5 3 .5 4.5c0 1.5 .5 3.5 1 5c.3 .9 .5 2 1.5 2s1.3 -1.5 1.5 -2.5c.2 -1 .5 -2 1.5 -2s1.3 1 1.5 2c.2 1 .5 2.5 1.5 2.5s1.2 -1.1 1.5 -2c.5 -1.5 1 -3.5 1 -5c0 -1.5 .4 -3 .5 -4.5c.2 -2.5 -1 -4.677 -3.5 -5c-1.55 -.2 -2.926 .574 -4 2z" })
+    }
+  );
+}
+function Ne(n) {
+  const { value: e, maxInlineSize: t = "8rem" } = n;
+  return !Array.isArray(e) || e.length === 0 ? null : /* @__PURE__ */ d(
+    M,
+    {
+      label: e.join(", "),
+      size: "sm",
+      fill: "outline",
+      leading: /* @__PURE__ */ d(J, {}),
+      maxInlineSize: t
+    }
+  );
+}
+function Q(n) {
+  if (n == null || n === "") return null;
+  const e = typeof n == "number" ? n : Number(n);
+  return Number.isFinite(e) ? e : null;
+}
+function Ce(n) {
+  const {
+    value: e,
+    currency: t = "EUR",
+    colorNegative: o,
+    strikethrough: r,
+    options: f
+  } = n, { i18n: i } = C(), a = Q(e);
+  if (a === null) return null;
+  const c = i.language || "en", s = new Intl.NumberFormat(c, {
+    style: "currency",
+    currency: t,
+    ...f
+  }).format(a), l = ["ds:tabular-nums"];
+  return o && a < 0 && l.push("ds:text-[color:var(--destructive)]"), r && l.push("line-through"), /* @__PURE__ */ d("span", { className: l.join(" "), children: s });
+}
+function w(n, e) {
+  return typeof n == "function" ? n(e) : n;
+}
+function Y(n) {
+  return /^(https?:\/\/|\/|#|mailto:|tel:)/i.test(n) ? n : "#";
+}
+function xe(n) {
+  const { value: e, data: t, href: o, onClick: r, secondary: f } = n;
+  if (!t) return null;
+  const i = w(o, t), a = w(f, t), c = e == null || e === "" ? "" : String(e), s = [
+    "ds:text-[color:var(--primary)]",
+    "ds:hover:underline",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:rounded-[var(--radius-sm)]"
+  ].join(" "), l = (u) => {
+    r && (i || u.preventDefault(), u.stopPropagation(), r(t));
+  };
+  return /* @__PURE__ */ z("span", { className: "ds:flex ds:flex-col ds:leading-tight", children: [
+    i ? /* @__PURE__ */ d(
+      "a",
+      {
+        href: Y(i),
+        onClick: l,
+        className: s,
+        children: c
+      }
+    ) : /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        onClick: l,
+        className: [
+          "ds:appearance-none ds:bg-transparent ds:p-0 ds:text-start",
+          s
+        ].join(" "),
+        children: c
+      }
+    ),
+    a ? /* @__PURE__ */ d("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: a }) : null
+  ] });
+}
+function Se(n) {
+  const {
+    value: e,
+    data: t,
+    onToggle: o,
+    onError: r,
+    trueIcon: f,
+    falseIcon: i,
+    trueClass: a = "ds:text-[color:var(--success)]",
+    falseClass: c = "ds:text-[color:var(--muted-foreground)]",
+    label: s
+  } = n, { t: l } = C(), [u, b] = F(!1);
+  if (!t) return null;
+  const h = !!e, x = h ? f ?? /* @__PURE__ */ d(q, { "aria-hidden": !0, className: "ds:size-4" }) : i ?? /* @__PURE__ */ d(G, { "aria-hidden": !0, className: "ds:size-4" }), y = h ? a : c, N = s ?? l(h ? "inputs.switch.on" : "inputs.switch.off");
+  async function m(g) {
+    if (g.stopPropagation(), u || !t) return;
+    const v = o(t, !h);
+    if (v && typeof v.then == "function") {
+      b(!0);
+      try {
+        await v;
+      } catch (S) {
+        r == null || r(t, S);
+      } finally {
+        b(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": h,
+      "aria-busy": u,
+      "aria-label": N,
+      disabled: u,
+      onClick: m,
+      className: [
+        "ds:inline-flex ds:items-center ds:justify-center",
+        "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+        "ds:appearance-none ds:bg-transparent ds:p-[var(--spacing-xs)]",
+        "ds:rounded-[var(--radius-sm)]",
+        "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+        "ds:focus-visible:outline-solid",
+        "ds:focus-visible:outline-[color:var(--ring)]",
+        "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+        "ds:disabled:opacity-50",
+        y
+      ].join(" "),
+      children: x
+    }
+  );
+}
+const ee = {
+  sm: "ds:size-[var(--icon-size-sm)]",
+  md: "ds:size-[var(--icon-size-md)]",
+  lg: "ds:size-[var(--icon-size-lg)]"
+};
+function T(n, e) {
+  if (!n || typeof n != "object") return;
+  const t = n[e];
+  return typeof t == "string" ? t : void 0;
+}
+const ne = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, te = /^rgba?\(\s*[\d.\s,%/]+\)$/i, re = /^hsla?\(\s*[\d.\s,%/]+\)$/i, se = /^var\(--[a-z0-9-]+(?:,\s*[^)]+)?\)$/i;
+function ae(n) {
+  if (!n) return;
+  const e = n.trim();
+  if (ne.test(e) || te.test(e) || re.test(e) || se.test(e))
+    return e;
+}
+function Re(n) {
+  const { data: e, colorField: t, size: o = "md", labelField: r } = n, f = k(null), i = e ? T(e, t) : void 0, a = ae(i), c = e && r ? T(e, r) : void 0;
+  return X(() => {
+    const s = f.current;
+    s && (a ? s.style.setProperty("--data-table-dot-color", a) : s.style.removeProperty("--data-table-dot-color"));
+  }, [a]), a ? /* @__PURE__ */ z("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ d(
+      "span",
+      {
+        ref: f,
+        "aria-hidden": "true",
+        className: [
+          "ds:inline-block ds:shrink-0 ds:rounded-[var(--radius-full)]",
+          "ds:bg-[var(--data-table-dot-color)]",
+          "ds:border ds:border-[color:var(--border)]",
+          ee[o]
+        ].join(" ")
+      }
+    ),
+    c ? /* @__PURE__ */ d("span", { children: c }) : null
+  ] }) : null;
+}
+function le(n, e) {
+  if (!n || typeof n != "object") return null;
+  const t = n[e], o = typeof t == "number" ? t : Number(t);
+  return Number.isFinite(o) ? o : null;
+}
+function Ee(n) {
+  const { data: e, lines: t, currency: o = "EUR", highlightNegative: r } = n, { i18n: f } = C();
+  if (!e) return null;
+  const i = f.language || "en", a = (s) => {
+    const l = le(e, s.valueField);
+    if (l === null) return null;
+    let u;
+    switch (s.format ?? "number") {
+      case "currency":
+        u = new Intl.NumberFormat(i, {
+          style: "currency",
+          currency: o
+        }).format(l);
+        break;
+      case "percent":
+        u = new Intl.NumberFormat(i, {
+          style: "percent",
+          maximumFractionDigits: 1
+        }).format(l / 100);
+        break;
+      default:
+        u = new Intl.NumberFormat(i).format(l);
+    }
+    return {
+      label: s.label,
+      formatted: u,
+      negative: !!r && l < 0
+    };
+  }, c = t.map(a).filter(
+    (s) => s !== null
+  );
+  return c.length === 0 ? null : /* @__PURE__ */ d(
+    "div",
+    {
+      className: [
+        "ds:flex",
+        "ds:flex-wrap",
+        "ds:items-center",
+        "ds:gap-x-[var(--spacing-sm)]",
+        "ds:gap-y-0",
+        "type-meta",
+        "ds:leading-tight"
+      ].join(" "),
+      children: c.map((s, l) => /* @__PURE__ */ z(
+        "span",
+        {
+          className: "ds:inline-flex ds:items-baseline ds:gap-x-[var(--spacing-xs)]",
+          children: [
+            l > 0 ? /* @__PURE__ */ d(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:me-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]",
+                children: "·"
+              }
+            ) : null,
+            /* @__PURE__ */ d("span", { className: "ds:text-[color:var(--muted-foreground)]", children: s.label }),
+            /* @__PURE__ */ d(
+              "span",
+              {
+                className: [
+                  "ds:tabular-nums",
+                  "ds:font-medium",
+                  s.negative ? "ds:text-[color:var(--destructive)]" : ""
+                ].filter(Boolean).join(" "),
+                children: s.formatted
+              }
+            )
+          ]
+        },
+        `${s.label}-${l}`
+      ))
+    }
+  );
+}
+function Fe(n) {
+  var s, l;
+  const { initialValue: e, onValueChange: t, stopEditing: o, column: r } = n, [f, i] = F(e ?? ""), a = k(null);
+  A(() => {
+    const u = a.current;
+    u && (u.focus(), u.select());
+  }, []);
+  const c = ((l = (s = r == null ? void 0 : r.getColDef) == null ? void 0 : s.call(r)) == null ? void 0 : l.headerName) ?? void 0;
+  return /* @__PURE__ */ d(
+    "input",
+    {
+      ref: a,
+      type: "text",
+      value: f,
+      "aria-label": c,
+      onChange: (u) => {
+        const b = u.target.value;
+        i(b), t(b);
+      },
+      onKeyDown: (u) => {
+        u.key === "Enter" && (u.preventDefault(), o());
+      },
+      className: [
+        "ds:block ds:w-full ds:appearance-none",
+        // Input surface chrome: rounded border + bg + focus halo.
+        D,
+        // Use the `md` height (`--min-target-size`) so the input
+        // auto-lifts to 48px under `.theme-accessible` to satisfy
+        // WCAG 2.5.5 target size.
+        P.md,
+        L.sm,
+        B.sm
+      ].join(" ")
+    }
+  );
+}
+function ke(n) {
+  var y, N;
+  const {
+    initialValue: e,
+    onValueChange: t,
+    stopEditing: o,
+    column: r,
+    decimals: f = 2,
+    min: i,
+    max: a
+  } = n, { i18n: c } = C(), s = k(null), l = ((N = (y = r == null ? void 0 : r.getColDef) == null ? void 0 : y.call(r)) == null ? void 0 : N.headerName) ?? void 0, [u, b] = F(() => e == null || Number.isNaN(e) ? "" : String(e));
+  A(() => {
+    const m = s.current;
+    m && (m.focus(), m.select());
+  }, []);
+  function h(m) {
+    var j, _;
+    if (m.trim().length === 0) return null;
+    const g = c.language || "en", p = new Intl.NumberFormat(g).formatToParts(12345.6), v = ((j = p.find((R) => R.type === "group")) == null ? void 0 : j.value) ?? "", S = ((_ = p.find((R) => R.type === "decimal")) == null ? void 0 : _.value) ?? ".", U = m.replace(new RegExp(`\\${v}`, "g"), "").replace(S, ".").replace(/[^\d.-]/g, ""), I = Number(U);
+    return Number.isFinite(I) ? I : null;
+  }
+  function x(m) {
+    const g = h(m);
+    if (g == null) {
+      t(null);
+      return;
+    }
+    let p = g;
+    typeof i == "number" && (p = Math.max(i, p)), typeof a == "number" && (p = Math.min(a, p));
+    const v = 10 ** f;
+    t(Math.round(p * v) / v);
+  }
+  return /* @__PURE__ */ d(
+    "input",
+    {
+      ref: s,
+      type: "text",
+      inputMode: "decimal",
+      value: u,
+      "aria-label": l,
+      onChange: (m) => {
+        const g = m.target.value;
+        b(g), x(g);
+      },
+      onKeyDown: (m) => {
+        m.key === "Enter" && (m.preventDefault(), o());
+      },
+      className: [
+        "ds:block ds:w-full ds:appearance-none ds:text-end ds:tabular-nums",
+        D,
+        // Use `md` height — see editable-text-cell-renderer for rationale.
+        P.md,
+        L.sm,
+        B.sm
+      ].join(" ")
+    }
+  );
+}
+export {
+  Ee as B,
+  Re as C,
+  ke as E,
+  ye as I,
+  xe as L,
+  he as S,
+  Se as T,
+  Ce as a,
+  Fe as b,
+  Ne as c,
+  be as u
+};
+//# sourceMappingURL=editable-currency-cell-renderer-kgqp_mIw.js.map

package/dist/_chunks/editable-currency-cell-renderer-kgqp_mIw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-currency-cell-renderer-kgqp_mIw.js","sources":["../../src/components/data-table/hooks/use-total-row.ts","../../src/components/data-table/cell-renderers/status-cell-renderer.tsx","../../src/components/data-table/cell-renderers/image-cell-renderer.tsx","../../src/components/data-table/cell-renderers/tooth-cell-renderer.tsx","../../src/components/data-table/cell-renderers/currency-cell-renderer.tsx","../../src/components/data-table/cell-renderers/link-cell-renderer.tsx","../../src/components/data-table/cell-renderers/toggle-cell-renderer.tsx","../../src/components/data-table/cell-renderers/color-dot-cell-renderer.tsx","../../src/components/data-table/cell-renderers/balance-cell-renderer.tsx","../../src/components/data-table/cell-renderers/editable-text-cell-renderer.tsx","../../src/components/data-table/cell-renderers/editable-currency-cell-renderer.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\n/**\n * Compute a pinned total row from a dataset and a list of numeric fields.\n *\n * The returned object is structurally a `TData` with non-summed fields left\n * `undefined` — plug it into `pinnedBottomRowData={[totalRow]}`. Cell renderers\n * in the non-summed columns receive `undefined`, so they should render nothing\n * (all of the DS cell renderers short-circuit on `null`/`undefined`).\n *\n * Pass an optional `labelField` + `labelValue` to show a static caption such\n * as \"Total\" in the first column of the pinned row.\n */\nexport function useTotalRow<TData>(\n  rowData: TData[] | undefined,\n  sumFields: Array<keyof TData & string>,\n  options?: {\n    labelField?: keyof TData & string;\n    labelValue?: string;\n  },\n): TData {\n  return useMemo(() => {\n    const row: Record<string, unknown> = {};\n\n    for (const field of sumFields) {\n      let total = 0;\n      for (const r of rowData ?? []) {\n        const raw = (r as Record<string, unknown>)[field];\n        const n = typeof raw === 'number' ? raw : Number(raw);\n        if (Number.isFinite(n)) total += n;\n      }\n      row[field] = total;\n    }\n\n    if (options?.labelField && options.labelValue !== undefined) {\n      row[options.labelField] = options.labelValue;\n    }\n\n    return row as TData;\n  }, [rowData, sumFields, options?.labelField, options?.labelValue]);\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Badge } from '../../badge/badge';\n\nexport type BadgeVariant = 'neutral' | 'info' | 'success' | 'warning' | 'error';\n\nexport interface StatusCellRendererParams {\n  variantMap?: Record<string, BadgeVariant>;\n}\n\nexport function StatusCellRenderer(\n  props: CustomCellRendererProps & StatusCellRendererParams,\n) {\n  const { value, variantMap } = props;\n  const variant: BadgeVariant = variantMap?.[value as string] ?? 'neutral';\n  return (\n    <Badge variant={variant} withDot size=\"sm\">\n      {String(value ?? '')}\n    </Badge>\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Avatar } from '../../avatar/avatar';\n\nexport interface ImageCellRendererParams {\n  /** Field name on the row whose value holds the image URL. */\n  srcField: string;\n  /** Optional field name holding alt text. Falls back to '' (decorative). */\n  altField?: string;\n  /**\n   * Optional field name holding a name string. When the src URL is missing or\n   * rejected, the cell falls back to `<Avatar name={fallback}>` so the cell\n   * still has a visual.\n   */\n  fallbackField?: string;\n  /** Visual size of the image. Matches `<Avatar>` sizes (sm=32, md=40, lg=48). */\n  size?: 'sm' | 'md' | 'lg';\n  /** Corner radius preset. `circle` matches `<Avatar>`. */\n  shape?: 'square' | 'rounded' | 'circle';\n}\n\nconst SIZE_CLASS: Record<\n  NonNullable<ImageCellRendererParams['size']>,\n  string\n> = {\n  sm: 'ds:size-8',\n  md: 'ds:size-10',\n  lg: 'ds:size-12',\n};\n\nconst SHAPE_CLASS: Record<\n  NonNullable<ImageCellRendererParams['shape']>,\n  string\n> = {\n  square: 'ds:rounded-none',\n  rounded: 'ds:rounded-[var(--radius-md)]',\n  circle: 'ds:rounded-[var(--radius-full)]',\n};\n\nfunction readField(row: unknown, field: string): string | undefined {\n  if (!row || typeof row !== 'object') return undefined;\n  const value = (row as Record<string, unknown>)[field];\n  return typeof value === 'string' ? value : undefined;\n}\n\n// Only accept http(s) and data: URLs. Reject `javascript:` / `vbscript:` /\n// any other smuggled scheme. Browsers won't execute non-image data: URLs in\n// `<img>`, but rejecting them in JS gives a single audit point.\nconst SAFE_SRC_RE = /^(?:https?:|data:image\\/)/i;\n\nfunction sanitizeSrc(raw: string | undefined): string | undefined {\n  if (!raw) return undefined;\n  const trimmed = raw.trim();\n  if (trimmed.length === 0) return undefined;\n  return SAFE_SRC_RE.test(trimmed) ? trimmed : undefined;\n}\n\nexport function ImageCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & ImageCellRendererParams,\n) {\n  const {\n    data,\n    srcField,\n    altField,\n    fallbackField,\n    size = 'md',\n    shape = 'rounded',\n  } = props;\n\n  if (!data) return null;\n\n  const rawSrc = readField(data, srcField);\n  const src = sanitizeSrc(rawSrc);\n  const alt = altField ? (readField(data, altField) ?? '') : '';\n  const fallbackName = fallbackField\n    ? readField(data, fallbackField)\n    : undefined;\n\n  if (!src) {\n    if (fallbackName) {\n      return <Avatar name={fallbackName} size={size} />;\n    }\n    return null;\n  }\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      loading=\"lazy\"\n      decoding=\"async\"\n      className={['ds:object-cover', SIZE_CLASS[size], SHAPE_CLASS[shape]].join(\n        ' ',\n      )}\n    />\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Tag } from '../../tag/tag';\n\n// Tooth glyph — lucide ships no dental icon, so this is a small inline tooth\n// (a crown narrowing to two roots) tinted with `currentColor`, so it inherits\n// the Tag's text colour. Decorative; the FDI numbers are the accessible label.\nfunction ToothIcon() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.75}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className=\"ds:size-3.5\"\n    >\n      <path d=\"M12 5.5c-1.074 -1.426 -2.45 -2.2 -4 -2c-2.5 .323 -3.7 2.5 -3.5 5c.1 1.5 .5 3 .5 4.5c0 1.5 .5 3.5 1 5c.3 .9 .5 2 1.5 2s1.3 -1.5 1.5 -2.5c.2 -1 .5 -2 1.5 -2s1.3 1 1.5 2c.2 1 .5 2.5 1.5 2.5s1.2 -1.1 1.5 -2c.5 -1.5 1 -3.5 1 -5c0 -1.5 .4 -3 .5 -4.5c.2 -2.5 -1 -4.677 -3.5 -5c-1.55 -.2 -2.926 .574 -4 2z\" />\n    </svg>\n  );\n}\n\nexport interface ToothCellRendererParams {\n  /** Max inline size of the chip before its label truncates (with a tooltip). */\n  maxInlineSize?: string;\n}\n\n/**\n * Renders an array of tooth ids (FDI notation) as a single outlined Tag — the\n * teeth comma-separated and prefixed with a tooth glyph, so dentition reads at\n * a glance instead of as bare numbers.\n */\nexport function ToothCellRenderer(\n  props: CustomCellRendererProps<unknown, string[]> & ToothCellRendererParams,\n) {\n  const { value, maxInlineSize = '8rem' } = props;\n  if (!Array.isArray(value) || value.length === 0) return null;\n\n  return (\n    <Tag\n      label={value.join(', ')}\n      size=\"sm\"\n      fill=\"outline\"\n      leading={<ToothIcon />}\n      maxInlineSize={maxInlineSize}\n    />\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\n\nexport interface CurrencyCellRendererParams {\n  /** ISO 4217 currency code. Default `'EUR'`. */\n  currency?: string;\n  /** Apply a destructive color token to negative amounts. */\n  colorNegative?: boolean;\n  /** Render the value with strikethrough — used for written-off balances. */\n  strikethrough?: boolean;\n  /** `Intl.NumberFormat` escape hatch. Merged on top of currency defaults. */\n  options?: Intl.NumberFormatOptions;\n}\n\nfunction toNumber(value: unknown): number | null {\n  if (value == null || value === '') return null;\n  const n = typeof value === 'number' ? value : Number(value);\n  return Number.isFinite(n) ? n : null;\n}\n\nexport function CurrencyCellRenderer(\n  props: CustomCellRendererProps & CurrencyCellRendererParams,\n) {\n  const {\n    value,\n    currency = 'EUR',\n    colorNegative,\n    strikethrough,\n    options,\n  } = props;\n  const { i18n } = useTranslation();\n  const n = toNumber(value);\n  if (n === null) return null;\n\n  const locale = i18n.language || 'en';\n  const formatted = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency,\n    ...options,\n  }).format(n);\n\n  const classNames = ['ds:tabular-nums'];\n  if (colorNegative && n < 0)\n    classNames.push('ds:text-[color:var(--destructive)]');\n  if (strikethrough) classNames.push('line-through');\n\n  return <span className={classNames.join(' ')}>{formatted}</span>;\n}\n","import type { MouseEvent } from 'react';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\n\ntype Getter<T, TData> = T | ((data: TData) => T | undefined);\n\nexport interface LinkCellRendererParams<TData = unknown> {\n  /** Anchor href — or a function that derives it from the row. */\n  href?: Getter<string, TData>;\n  /** Fallback / additional onClick. Prevents default when provided without href. */\n  onClick?: (data: TData) => void;\n  /** Small text rendered below the link — supports a row-aware function. */\n  secondary?: Getter<string, TData>;\n}\n\nfunction resolve<T, TData>(\n  source: Getter<T, TData> | undefined,\n  data: TData,\n): T | undefined {\n  if (typeof source === 'function') {\n    return (source as (data: TData) => T | undefined)(data);\n  }\n  return source;\n}\n\nfunction safeHref(href: string): string {\n  return /^(https?:\\/\\/|\\/|#|mailto:|tel:)/i.test(href) ? href : '#';\n}\n\nexport function LinkCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & LinkCellRendererParams<TData>,\n) {\n  const { value, data, href, onClick, secondary } = props;\n  if (!data) return null;\n\n  const resolvedHref = resolve(href, data);\n  const resolvedSecondary = resolve(secondary, data);\n  const content = value == null || value === '' ? '' : String(value);\n\n  const linkClasses = [\n    'ds:text-[color:var(--primary)]',\n    'ds:hover:underline',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:rounded-[var(--radius-sm)]',\n  ].join(' ');\n\n  const handleClick = (event: MouseEvent) => {\n    if (!onClick) return;\n    if (!resolvedHref) event.preventDefault();\n    event.stopPropagation();\n    onClick(data);\n  };\n\n  return (\n    <span className=\"ds:flex ds:flex-col ds:leading-tight\">\n      {resolvedHref ? (\n        <a\n          href={safeHref(resolvedHref)}\n          onClick={handleClick}\n          className={linkClasses}\n        >\n          {content}\n        </a>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={handleClick}\n          className={[\n            'ds:appearance-none ds:bg-transparent ds:p-0 ds:text-start',\n            linkClasses,\n          ].join(' ')}\n        >\n          {content}\n        </button>\n      )}\n      {resolvedSecondary ? (\n        <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n          {resolvedSecondary}\n        </span>\n      ) : null}\n    </span>\n  );\n}\n","import { useState, type ReactNode } from 'react';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\nimport { CheckSquare, Square } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\n\nexport interface ToggleCellRendererParams<TData = unknown> {\n  /**\n   * Fires with the row and the new target value. May return a `Promise` —\n   * if it rejects, the consumer is expected to revert the underlying value\n   * and flash the row with `data-table-row-error` (return that row class\n   * from `getRowClass`). Use `onError` below to be notified inside this\n   * renderer.\n   */\n  onToggle: (data: TData, newValue: boolean) => void | Promise<void>;\n  /**\n   * Optional reject hook. Fires when the `onToggle` promise rejects, with\n   * the row and the error. The button auto-disables during the in-flight\n   * promise and re-enables on either settle.\n   */\n  onError?: (data: TData, error: unknown) => void;\n  /** Icon shown when the current value is truthy. */\n  trueIcon?: ReactNode;\n  /** Icon shown when the current value is falsy. */\n  falseIcon?: ReactNode;\n  /** Extra classes applied to the \"on\" icon — defaults to success token. */\n  trueClass?: string;\n  /** Extra classes applied to the \"off\" icon. */\n  falseClass?: string;\n  /** Accessible label. Falls back to the default on/off announcements. */\n  label?: string;\n}\n\nexport function ToggleCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData, boolean> &\n    ToggleCellRendererParams<TData>,\n) {\n  const {\n    value,\n    data,\n    onToggle,\n    onError,\n    trueIcon,\n    falseIcon,\n    trueClass = 'ds:text-[color:var(--success)]',\n    falseClass = 'ds:text-[color:var(--muted-foreground)]',\n    label,\n  } = props;\n  const { t } = useTranslation();\n  const [pending, setPending] = useState(false);\n  if (!data) return null;\n\n  const isOn = Boolean(value);\n  const icon = isOn\n    ? (trueIcon ?? <CheckSquare aria-hidden className=\"ds:size-4\" />)\n    : (falseIcon ?? <Square aria-hidden className=\"ds:size-4\" />);\n  const stateClass = isOn ? trueClass : falseClass;\n  const resolvedLabel =\n    label ?? (isOn ? t('inputs.switch.on') : t('inputs.switch.off'));\n\n  async function handleClick(event: React.MouseEvent) {\n    event.stopPropagation();\n    if (pending || !data) return;\n    const next = !isOn;\n    const result = onToggle(data, next);\n    if (result && typeof (result as Promise<void>).then === 'function') {\n      setPending(true);\n      try {\n        await result;\n      } catch (err) {\n        onError?.(data, err);\n      } finally {\n        setPending(false);\n      }\n    }\n  }\n\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={isOn}\n      aria-busy={pending}\n      aria-label={resolvedLabel}\n      disabled={pending}\n      onClick={handleClick}\n      className={[\n        'ds:inline-flex ds:items-center ds:justify-center',\n        'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n        'ds:appearance-none ds:bg-transparent ds:p-[var(--spacing-xs)]',\n        'ds:rounded-[var(--radius-sm)]',\n        'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n        'ds:focus-visible:outline-solid',\n        'ds:focus-visible:outline-[color:var(--ring)]',\n        'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n        'ds:disabled:opacity-50',\n        stateClass,\n      ].join(' ')}\n    >\n      {icon}\n    </button>\n  );\n}\n","import { useRef } from 'react';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\nimport { useIsomorphicLayoutEffect } from '../../../hooks/use-isomorphic-layout-effect';\n\nexport interface ColorDotCellRendererParams {\n  /** Field name on the row whose value holds the hex color. */\n  colorField: string;\n  /** Visual size of the dot. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Optional label shown next to the dot. */\n  labelField?: string;\n}\n\nconst SIZE_CLASS: Record<\n  NonNullable<ColorDotCellRendererParams['size']>,\n  string\n> = {\n  sm: 'ds:size-[var(--icon-size-sm)]',\n  md: 'ds:size-[var(--icon-size-md)]',\n  lg: 'ds:size-[var(--icon-size-lg)]',\n};\n\nfunction readField(row: unknown, field: string): string | undefined {\n  if (!row || typeof row !== 'object') return undefined;\n  const value = (row as Record<string, unknown>)[field];\n  return typeof value === 'string' ? value : undefined;\n}\n\n// Only accept trusted CSS color forms. Anything outside this allow-list\n// (including smuggled `url()` or extra declarations) is dropped so the\n// CSS custom-property writer can't be used to inject styles.\nconst HEX_RE = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;\nconst RGB_RE = /^rgba?\\(\\s*[\\d.\\s,%/]+\\)$/i;\nconst HSL_RE = /^hsla?\\(\\s*[\\d.\\s,%/]+\\)$/i;\nconst CSS_VAR_RE = /^var\\(--[a-z0-9-]+(?:,\\s*[^)]+)?\\)$/i;\n\nfunction sanitizeColor(raw: string | undefined): string | undefined {\n  if (!raw) return undefined;\n  const v = raw.trim();\n  if (\n    HEX_RE.test(v) ||\n    RGB_RE.test(v) ||\n    HSL_RE.test(v) ||\n    CSS_VAR_RE.test(v)\n  ) {\n    return v;\n  }\n  return undefined;\n}\n\nexport function ColorDotCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & ColorDotCellRendererParams,\n) {\n  const { data, colorField, size = 'md', labelField } = props;\n  const dotRef = useRef<HTMLSpanElement | null>(null);\n  const rawColor = data ? readField(data, colorField) : undefined;\n  const color = sanitizeColor(rawColor);\n  const label = data && labelField ? readField(data, labelField) : undefined;\n\n  // Apply the dynamic color via a CSS custom property on the element.\n  // Keeps hex/rgb literals out of JSX (constraint #2 and #4). The data\n  // itself drives the color — constraints only forbid hardcoded colors\n  // in component source, not in consumer row data.\n  useIsomorphicLayoutEffect(() => {\n    const el = dotRef.current;\n    if (!el) return;\n    if (color) {\n      el.style.setProperty('--data-table-dot-color', color);\n    } else {\n      el.style.removeProperty('--data-table-dot-color');\n    }\n  }, [color]);\n\n  if (!color) return null;\n\n  return (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n      <span\n        ref={dotRef}\n        aria-hidden=\"true\"\n        className={[\n          'ds:inline-block ds:shrink-0 ds:rounded-[var(--radius-full)]',\n          'ds:bg-[var(--data-table-dot-color)]',\n          'ds:border ds:border-[color:var(--border)]',\n          SIZE_CLASS[size],\n        ].join(' ')}\n      />\n      {label ? <span>{label}</span> : null}\n    </span>\n  );\n}\n","import type { ColDef } from 'ag-grid-community';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\n\nexport interface BalanceLine {\n  /** User-visible label for this line. */\n  label: string;\n  /** Field name on the row whose numeric value is rendered. */\n  valueField: string;\n  /** `'currency'` renders via Intl, `'percent'` appends `%`, `'number'` raw. Default `'number'`. */\n  format?: 'currency' | 'percent' | 'number';\n}\n\nexport interface BalanceCellRendererParams {\n  lines: BalanceLine[];\n  /** ISO 4217 code, used by `currency`-formatted lines. Default `'EUR'`. */\n  currency?: string;\n  /** Apply destructive color to negative values. */\n  highlightNegative?: boolean;\n}\n\nfunction readNumber(row: unknown, field: string): number | null {\n  if (!row || typeof row !== 'object') return null;\n  const raw = (row as Record<string, unknown>)[field];\n  const n = typeof raw === 'number' ? raw : Number(raw);\n  return Number.isFinite(n) ? n : null;\n}\n\n/**\n * Renders a compact set of label / value pairs inside a single AG Grid cell.\n *\n * Layout is **horizontal** with middle-dot separators so the cell fits\n * inside the default AG Grid row height without spilling into the row\n * below. Use the SALDI / Listini patterns (Totale · Incassato · Da Incassare)\n * as the canonical example.\n *\n * If a consumer's content wraps (long localized labels, narrow columns)\n * they can opt into row auto-growth by spreading\n * {@link balanceCellRendererColDefDefaults} onto the column definition.\n */\nexport function BalanceCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & BalanceCellRendererParams,\n) {\n  const { data, lines, currency = 'EUR', highlightNegative } = props;\n  const { i18n } = useTranslation();\n  if (!data) return null;\n\n  const locale = i18n.language || 'en';\n\n  const formatLine = (\n    line: BalanceLine,\n  ): { label: string; formatted: string; negative: boolean } | null => {\n    const n = readNumber(data, line.valueField);\n    if (n === null) return null;\n\n    let formatted: string;\n    switch (line.format ?? 'number') {\n      case 'currency':\n        formatted = new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency,\n        }).format(n);\n        break;\n      case 'percent':\n        formatted = new Intl.NumberFormat(locale, {\n          style: 'percent',\n          maximumFractionDigits: 1,\n        }).format(n / 100);\n        break;\n      default:\n        formatted = new Intl.NumberFormat(locale).format(n);\n    }\n\n    return {\n      label: line.label,\n      formatted,\n      negative: Boolean(highlightNegative) && n < 0,\n    };\n  };\n\n  const rendered = lines\n    .map(formatLine)\n    .filter(\n      (x): x is { label: string; formatted: string; negative: boolean } =>\n        x !== null,\n    );\n  if (rendered.length === 0) return null;\n\n  return (\n    <div\n      className={[\n        'ds:flex',\n        'ds:flex-wrap',\n        'ds:items-center',\n        'ds:gap-x-[var(--spacing-sm)]',\n        'ds:gap-y-0',\n        'type-meta',\n        'ds:leading-tight',\n      ].join(' ')}\n    >\n      {rendered.map((item, idx) => (\n        <span\n          key={`${item.label}-${idx}`}\n          className=\"ds:inline-flex ds:items-baseline ds:gap-x-[var(--spacing-xs)]\"\n        >\n          {idx > 0 ? (\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:me-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]\"\n            >\n              ·\n            </span>\n          ) : null}\n          <span className=\"ds:text-[color:var(--muted-foreground)]\">\n            {item.label}\n          </span>\n          <span\n            className={[\n              'ds:tabular-nums',\n              'ds:font-medium',\n              item.negative ? 'ds:text-[color:var(--destructive)]' : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {item.formatted}\n          </span>\n        </span>\n      ))}\n    </div>\n  );\n}\n\n/**\n * Column-definition defaults consumers can spread onto a `ColDef` when they\n * want the renderer's wrapped / multi-line behaviour to grow the row.\n *\n * The default compact horizontal layout is engineered to fit the standard\n * AG Grid row height, so this opt-in is only needed when a long label set\n * wraps across two or more lines and the consumer would rather grow the\n * row than wrap silently.\n *\n * AG Grid does NOT auto-grow row height to fit a tall cell unless\n * `autoHeight` and `wrapText` are set on the colDef itself — a cell\n * renderer can't impose that from inside.\n *\n * @example\n * ```ts\n * {\n *   headerName: 'Saldi',\n *   cellRenderer: BalanceCellRenderer,\n *   cellRendererParams: { lines, currency: 'EUR' },\n *   ...balanceCellRendererColDefDefaults,\n * }\n * ```\n */\nexport const balanceCellRendererColDefDefaults: Readonly<\n  Pick<ColDef, 'autoHeight' | 'wrapText'>\n> = {\n  autoHeight: true,\n  wrapText: true,\n};\n","import { useEffect, useRef, useState } from 'react';\nimport type { CustomCellEditorProps } from 'ag-grid-react';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n  INPUT_SURFACE_TEXT,\n} from '../../_shared/input-surface';\n\n/**\n * Inline text editor that visually matches `<TextInput size=\"sm\">`. Use as\n * `cellEditor` on a colDef with `editable: true`. The cell renderer (default\n * or custom) takes over again once editing stops.\n *\n * AG Grid commits on Enter or Tab or blur; cancels on Escape. The consumer\n * receives the committed value via `onCellValueChanged`.\n */\nexport function EditableTextCellRenderer<TData = unknown>(\n  props: CustomCellEditorProps<TData, string>,\n) {\n  const { initialValue, onValueChange, stopEditing, column } = props;\n  const [value, setValue] = useState<string>(initialValue ?? '');\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // Focus + select on mount so typing replaces the current value.\n  useEffect(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    el.focus();\n    el.select();\n  }, []);\n\n  // The current value is pushed to AG Grid via `onValueChange` on every\n  // keystroke — AG Grid commits the most recent value when editing stops.\n  // No `useGridCellEditor` hook needed for that contract.\n\n  // Thread the column header into the input's accessible name so screen\n  // readers announce \"Edit text, {column}\" instead of an unlabelled input.\n  // AG Grid doesn't auto-wire the column header to cell editors.\n  const headerName =\n    (column?.getColDef?.()?.headerName as string | undefined) ?? undefined;\n\n  return (\n    <input\n      ref={inputRef}\n      type=\"text\"\n      value={value}\n      aria-label={headerName}\n      onChange={(e) => {\n        const next = e.target.value;\n        setValue(next);\n        onValueChange(next);\n      }}\n      onKeyDown={(e) => {\n        // Escape cancels, Enter/Tab commit — AG Grid handles both, but we\n        // explicitly stop editing on Enter so the consumer sees the commit\n        // immediately rather than waiting for the next focus blur.\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          stopEditing();\n        }\n      }}\n      className={[\n        'ds:block ds:w-full ds:appearance-none',\n        // Input surface chrome: rounded border + bg + focus halo.\n        INPUT_SURFACE_CHROME,\n        // Use the `md` height (`--min-target-size`) so the input\n        // auto-lifts to 48px under `.theme-accessible` to satisfy\n        // WCAG 2.5.5 target size.\n        INPUT_SURFACE_HEIGHT.md,\n        INPUT_SURFACE_TEXT.sm,\n        INPUT_SURFACE_PADDING_X.sm,\n      ].join(' ')}\n    />\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport type { CustomCellEditorProps } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n  INPUT_SURFACE_TEXT,\n} from '../../_shared/input-surface';\n\nexport interface EditableCurrencyCellEditorParams {\n  /** ISO 4217 currency code (e.g. `EUR`, `USD`). Defaults to `EUR`. */\n  currency?: string;\n  /** Decimal places allowed in the editor. Defaults to 2 (cents precision). */\n  decimals?: number;\n  /** Minimum allowed value — values below this are clamped on commit. */\n  min?: number;\n  /** Maximum allowed value — values above this are clamped on commit. */\n  max?: number;\n}\n\n/**\n * Inline numeric editor that visually matches `<TextInput size=\"sm\">`. Use as\n * `cellEditor` on a colDef with `editable: true`. The display formatting is\n * still the renderer's job — once editing stops, the cell hands back to\n * `CurrencyCellRenderer` (or whichever renderer the colDef declares).\n *\n * Stores a Number, not a string, so consumers receive `row.amount = 12.5`\n * not `\"12.5\"`. Strips locale separators on each change so commas/dots in\n * any language convert to a clean numeric value.\n */\nexport function EditableCurrencyCellRenderer<TData = unknown>(\n  props: CustomCellEditorProps<TData, number> &\n    EditableCurrencyCellEditorParams,\n) {\n  const {\n    initialValue,\n    onValueChange,\n    stopEditing,\n    column,\n    decimals = 2,\n    min,\n    max,\n  } = props;\n  const { i18n } = useTranslation();\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  // Thread the column header into the input's accessible name — see\n  // editable-text-cell-renderer.tsx for the rationale.\n  const headerName =\n    (column?.getColDef?.()?.headerName as string | undefined) ?? undefined;\n\n  // Local string state so the user can type intermediate values like \"12.\"\n  // before the trailing zero arrives. We commit a Number to AG Grid on each\n  // change for consumers that watch row state live; the final commit fires\n  // when editing stops.\n  const [draft, setDraft] = useState<string>(() => {\n    if (initialValue == null || Number.isNaN(initialValue)) return '';\n    return String(initialValue);\n  });\n\n  useEffect(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    el.focus();\n    el.select();\n  }, []);\n\n  function parseDraft(input: string): number | null {\n    if (input.trim().length === 0) return null;\n    // Accept either the user's locale decimal separator or a `.`. Strip\n    // grouping characters (locale thousands separators, plus spaces).\n    const lang = i18n.language || 'en';\n    const partsFmt = new Intl.NumberFormat(lang).formatToParts(12345.6);\n    const groupChar = partsFmt.find((p) => p.type === 'group')?.value ?? '';\n    const decimalChar =\n      partsFmt.find((p) => p.type === 'decimal')?.value ?? '.';\n    const cleaned = input\n      .replace(new RegExp(`\\\\${groupChar}`, 'g'), '')\n      .replace(decimalChar, '.')\n      .replace(/[^\\d.-]/g, '');\n    const n = Number(cleaned);\n    return Number.isFinite(n) ? n : null;\n  }\n\n  function commit(input: string) {\n    const parsed = parseDraft(input);\n    if (parsed == null) {\n      onValueChange(null);\n      return;\n    }\n    // Clamp first, then round to the declared precision so we never\n    // persist floating-point dust from string parsing.\n    let clamped = parsed;\n    if (typeof min === 'number') clamped = Math.max(min, clamped);\n    if (typeof max === 'number') clamped = Math.min(max, clamped);\n    const factor = 10 ** decimals;\n    onValueChange(Math.round(clamped * factor) / factor);\n  }\n\n  return (\n    <input\n      ref={inputRef}\n      type=\"text\"\n      // Inputmode hints mobile keyboards to show the decimal pad instead\n      // of the full keyboard. type=\"number\" would also work but spinners\n      // and locale parsing are inconsistent across browsers.\n      inputMode=\"decimal\"\n      value={draft}\n      aria-label={headerName}\n      onChange={(e) => {\n        const next = e.target.value;\n        setDraft(next);\n        commit(next);\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          stopEditing();\n        }\n        // Escape — AG Grid cancels by default; the editor doesn't need\n        // explicit handling beyond what AG Grid wires automatically.\n      }}\n      className={[\n        'ds:block ds:w-full ds:appearance-none ds:text-end ds:tabular-nums',\n        INPUT_SURFACE_CHROME,\n        // Use `md` height — see editable-text-cell-renderer for rationale.\n        INPUT_SURFACE_HEIGHT.md,\n        INPUT_SURFACE_TEXT.sm,\n        INPUT_SURFACE_PADDING_X.sm,\n      ].join(' ')}\n    />\n  );\n}\n"],"names":["useTotalRow","rowData","sumFields","options","useMemo","row","field","total","r","raw","n","StatusCellRenderer","props","value","variantMap","variant","jsx","Badge","SIZE_CLASS","SHAPE_CLASS","readField","SAFE_SRC_RE","sanitizeSrc","trimmed","ImageCellRenderer","data","srcField","altField","fallbackField","size","shape","rawSrc","src","alt","fallbackName","Avatar","ToothIcon","ToothCellRenderer","maxInlineSize","Tag","toNumber","CurrencyCellRenderer","currency","colorNegative","strikethrough","i18n","useTranslation","locale","formatted","classNames","resolve","source","safeHref","href","LinkCellRenderer","onClick","secondary","resolvedHref","resolvedSecondary","content","linkClasses","handleClick","event","jsxs","ToggleCellRenderer","onToggle","onError","trueIcon","falseIcon","trueClass","falseClass","label","t","pending","setPending","useState","isOn","icon","CheckSquare","Square","stateClass","resolvedLabel","result","err","HEX_RE","RGB_RE","HSL_RE","CSS_VAR_RE","sanitizeColor","v","ColorDotCellRenderer","colorField","labelField","dotRef","useRef","rawColor","color","useIsomorphicLayoutEffect","el","readNumber","BalanceCellRenderer","lines","highlightNegative","formatLine","line","rendered","x","item","idx","EditableTextCellRenderer","initialValue","onValueChange","stopEditing","column","setValue","inputRef","useEffect","headerName","_b","_a","e","next","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_TEXT","INPUT_SURFACE_PADDING_X","EditableCurrencyCellRenderer","decimals","min","max","draft","setDraft","parseDraft","input","lang","partsFmt","groupChar","p","decimalChar","cleaned","commit","parsed","clamped","factor"],"mappings":"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"}

package/dist/_chunks/editor-overlay-wYm22wZK.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor-overlay-wYm22wZK.js","sources":["../../src/components/editor-overlay/editor-overlay.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* EditorOverlay — a non-modal, liquid-glass bar docked INSIDE an        */\n/* editor region (Gemini / Mac Mail \"Help me write\" style).             */\n/*                                                                      */\n/* Unlike Dialog it does NOT centre on screen, trap focus, or make the  */\n/* page inert — and there is NO scrim, so the editor stays visible and   */\n/* usable behind it. It expands from the AI pill into a frosted,         */\n/* translucent, rounded bar across the editor's block-end edge. The      */\n/* host must be `position: relative` (the RichTextEditor editor region   */\n/* is); the overlay anchors to it absolutely. Escape and the close       */\n/* button dismiss it. Reusable for any editor-attached surface (AI       */\n/* draft, future inline tools).                                         */\n/* ------------------------------------------------------------------ */\n\nimport { useCallback, useEffect, useId, useRef, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { cva } from 'class-variance-authority';\n\nimport { IconButton } from '../button';\n\nexport interface EditorOverlayProps {\n  /** Controlled visibility. */\n  open: boolean;\n  /** Close request (Escape or the close button). */\n  onClose: () => void;\n  /** Optional visible heading; renders a header row with a close button. */\n  title?: ReactNode;\n  /** Accessible name for the overlay region (use when there is no visible title). */\n  ariaLabel?: string;\n  /** Body content. */\n  children: ReactNode;\n  /** Optional footer slot (e.g. action buttons), right-aligned. */\n  footer?: ReactNode;\n  /** Extra classes on the glass card. */\n  className?: string;\n}\n\n// Non-blocking liquid-glass bar docked across the editor's block-end edge,\n// expanding from the AI pill. No scrim — the editor stays visible + usable.\nconst cardVariants = cva(\n  [\n    // Spans the editor's block-end edge (a docked bar) and expands from the pill.\n    'ds:absolute ds:z-20',\n    'ds:[inset-inline-start:var(--spacing-md)] ds:[inset-inline-end:var(--spacing-md)]',\n    'ds:[inset-block-end:var(--spacing-md)]',\n    // Slim docked bar — compact but with a little breathing room.\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-lg)]',\n    // Apple \"Liquid Glass\": a translucent base + backdrop blur/saturate so the\n    // editor shows through, a specular top \"rim\" + inner hairline ring, and a\n    // soft drop shadow for a floating slab. --card-border is theme-aware (dark\n    // hairline on light themes, bright on dark), so the rim reads in all four.\n    'ds:bg-[color-mix(in_srgb,var(--popover)_64%,transparent)]',\n    'ds:backdrop-blur-xl ds:backdrop-saturate-150',\n    'ds:border ds:border-[color-mix(in_srgb,var(--card-border)_70%,transparent)]',\n    'ds:shadow-[inset_0_1px_0_0_var(--card-border),inset_0_0_0_1px_color-mix(in_srgb,var(--card-border)_35%,transparent),var(--shadow-lg)]',\n    // Liquid-glass grow out of the pill (bottom-inline-end origin).\n    'ds:origin-bottom-right ds:animate-in ds:fade-in-0 ds:zoom-in-95',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\nconst titleClass =\n  'ds:text-[length:var(--font-size-base)] ds:font-medium ds:text-[color:var(--foreground)]';\n\nexport function EditorOverlay({\n  open,\n  onClose,\n  title,\n  ariaLabel,\n  children,\n  footer,\n  className,\n}: EditorOverlayProps): React.JSX.Element | null {\n  const { t } = useTranslation();\n  const cardRef = useRef<HTMLDivElement>(null);\n  const restoreFocusRef = useRef<HTMLElement | null>(null);\n  const titleId = useId();\n\n  const handleClose = useCallback(() => onClose(), [onClose]);\n\n  useEffect(() => {\n    if (!open) return undefined;\n    restoreFocusRef.current = document.activeElement as HTMLElement | null;\n    // Move focus into the overlay (non-modal: we don't trap it, just seed it).\n    const raf = window.requestAnimationFrame(() => {\n      const focusable = cardRef.current?.querySelector<HTMLElement>(\n        'input, textarea, button, [tabindex]:not([tabindex=\"-1\"])',\n      );\n      (focusable ?? cardRef.current)?.focus();\n    });\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === 'Escape') {\n        event.stopPropagation();\n        handleClose();\n      }\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => {\n      window.cancelAnimationFrame(raf);\n      document.removeEventListener('keydown', onKeyDown);\n      restoreFocusRef.current?.focus?.();\n    };\n  }, [open, handleClose]);\n\n  if (!open) return null;\n\n  return (\n    <div data-component=\"editor-overlay\">\n      <div\n        ref={cardRef}\n        role=\"dialog\"\n        aria-modal=\"false\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-label={title ? undefined : ariaLabel}\n        tabIndex={-1}\n        className={[cardVariants(), className].filter(Boolean).join(' ')}\n      >\n        {title ? (\n          <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <div id={titleId} className={titleClass}>\n              {title}\n            </div>\n            <IconButton\n              size=\"sm\"\n              intent=\"ghost\"\n              icon={<X />}\n              aria-label={t('common.close')}\n              onClick={handleClose}\n            />\n          </div>\n        ) : null}\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          {children}\n        </div>\n        {footer ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]\">\n            {footer}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":["cardVariants","cva","titleClass","EditorOverlay","open","onClose","title","ariaLabel","children","footer","className","t","useTranslation","cardRef","useRef","restoreFocusRef","titleId","useId","handleClose","useCallback","useEffect","raf","_b","_a","onKeyDown","event","jsx","jsxs","IconButton","X"],"mappings":";;;;;;AAwCA,MAAMA,IAAeC;AAAA,EACnB;AAAA;AAAA,IAEE;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMC,IACJ;AAEK,SAASC,EAAc;AAAA,EAC5B,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,GAAiD;AAC/C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAUC,EAAuB,IAAI,GACrCC,IAAkBD,EAA2B,IAAI,GACjDE,IAAUC,EAAA,GAEVC,IAAcC,EAAY,MAAMd,KAAW,CAACA,CAAO,CAAC;AA0B1D,SAxBAe,EAAU,MAAM;AACd,QAAI,CAAChB,EAAM;AACX,IAAAW,EAAgB,UAAU,SAAS;AAEnC,UAAMM,IAAM,OAAO,sBAAsB,MAAM;;AAI7C,OAACC,MAHiBC,IAAAV,EAAQ,YAAR,gBAAAU,EAAiB;AAAA,QACjC;AAAA,YAEYV,EAAQ,YAArB,QAAAS,EAA+B;AAAA,IAClC,CAAC,GACKE,IAAY,CAACC,MAA+B;AAChD,MAAIA,EAAM,QAAQ,aAChBA,EAAM,gBAAA,GACNP,EAAA;AAAA,IAEJ;AACA,oBAAS,iBAAiB,WAAWM,CAAS,GACvC,MAAM;;AACX,aAAO,qBAAqBH,CAAG,GAC/B,SAAS,oBAAoB,WAAWG,CAAS,IACjDF,KAAAC,IAAAR,EAAgB,YAAhB,gBAAAQ,EAAyB,UAAzB,QAAAD,EAAA,KAAAC;AAAA,IACF;AAAA,EACF,GAAG,CAACnB,GAAMc,CAAW,CAAC,GAEjBd,IAGH,gBAAAsB,EAAC,OAAA,EAAI,kBAAe,kBAClB,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKd;AAAA,MACL,MAAK;AAAA,MACL,cAAW;AAAA,MACX,mBAAiBP,IAAQU,IAAU;AAAA,MACnC,cAAYV,IAAQ,SAAYC;AAAA,MAChC,UAAU;AAAA,MACV,WAAW,CAACP,EAAA,GAAgBU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAE9D,UAAA;AAAA,QAAAJ,IACC,gBAAAqB,EAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,IAAIV,GAAS,WAAWd,GAC1B,UAAAI,GACH;AAAA,UACA,gBAAAoB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,wBAAOC,GAAA,EAAE;AAAA,cACT,cAAYlB,EAAE,cAAc;AAAA,cAC5B,SAASO;AAAA,YAAA;AAAA,UAAA;AAAA,QACX,EAAA,CACF,IACE;AAAA,QACJ,gBAAAQ,EAAC,OAAA,EAAI,WAAU,kDACZ,UAAAlB,EAAA,CACH;AAAA,QACCC,IACC,gBAAAiB,EAAC,OAAA,EAAI,WAAU,kFACZ,aACH,IACE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER,IApCgB;AAsCpB;"}
+{"version":3,"file":"editor-overlay-wYm22wZK.js","sources":["../../src/components/editor-overlay/editor-overlay.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* EditorOverlay — a non-modal, liquid-glass bar docked INSIDE an        */\n/* editor region (Gemini / Mac Mail \"Help me write\" style).             */\n/*                                                                      */\n/* Unlike Dialog it does NOT centre on screen, trap focus, or make the  */\n/* page inert — and there is NO scrim, so the editor stays visible and   */\n/* usable behind it. It expands from the AI pill into a frosted,         */\n/* translucent, rounded bar across the editor's block-end edge. The      */\n/* host must be `position: relative` (the RichTextEditor editor region   */\n/* is); the overlay anchors to it absolutely. Escape and the close       */\n/* button dismiss it. Reusable for any editor-attached surface (AI       */\n/* draft, future inline tools).                                         */\n/* ------------------------------------------------------------------ */\n\nimport { useCallback, useEffect, useId, useRef, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { cva } from 'class-variance-authority';\n\nimport { IconButton } from '../button';\n\nexport interface EditorOverlayProps {\n  /** Controlled visibility. */\n  open: boolean;\n  /** Close request (Escape or the close button). */\n  onClose: () => void;\n  /** Optional visible heading; renders a header row with a close button. */\n  title?: ReactNode;\n  /** Accessible name for the overlay region (use when there is no visible title). */\n  ariaLabel?: string;\n  /** Body content. */\n  children: ReactNode;\n  /** Optional footer slot (e.g. action buttons), right-aligned. */\n  footer?: ReactNode;\n  /** Extra classes on the glass card. */\n  className?: string;\n}\n\n// Non-blocking liquid-glass bar docked across the editor's block-end edge,\n// expanding from the AI pill. No scrim — the editor stays visible + usable.\nconst cardVariants = cva(\n  [\n    // Spans the editor's block-end edge (a docked bar) and expands from the pill.\n    'ds:absolute ds:z-20',\n    'ds:[inset-inline-start:var(--spacing-md)] ds:[inset-inline-end:var(--spacing-md)]',\n    'ds:[inset-block-end:var(--spacing-md)]',\n    // Slim docked bar — compact but with a little breathing room.\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-lg)]',\n    // Apple \"Liquid Glass\": a translucent base + backdrop blur/saturate so the\n    // editor shows through, a specular top \"rim\" + inner hairline ring, and a\n    // soft drop shadow for a floating slab. --card-border is theme-aware (dark\n    // hairline on light themes, bright on dark), so the rim reads in all four.\n    'ds:bg-[color-mix(in_srgb,var(--popover)_64%,transparent)]',\n    'ds:backdrop-blur-xl ds:backdrop-saturate-150',\n    'ds:border ds:border-[color-mix(in_srgb,var(--card-border)_70%,transparent)]',\n    'ds:shadow-[inset_0_1px_0_0_var(--card-border),inset_0_0_0_1px_color-mix(in_srgb,var(--card-border)_35%,transparent),var(--shadow-lg)]',\n    // Liquid-glass grow out of the pill (bottom-inline-end origin).\n    'ds:origin-bottom-right ds:animate-in ds:fade-in-0 ds:zoom-in-95',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\nconst titleClass =\n  'ds:text-[length:var(--font-size-base)] ds:font-medium ds:text-[color:var(--foreground)]';\n\nexport function EditorOverlay({\n  open,\n  onClose,\n  title,\n  ariaLabel,\n  children,\n  footer,\n  className,\n}: EditorOverlayProps): React.JSX.Element | null {\n  const { t } = useTranslation();\n  const cardRef = useRef<HTMLDivElement>(null);\n  const restoreFocusRef = useRef<HTMLElement | null>(null);\n  const titleId = useId();\n\n  const handleClose = useCallback(() => onClose(), [onClose]);\n\n  useEffect(() => {\n    if (!open) return undefined;\n    restoreFocusRef.current = document.activeElement as HTMLElement | null;\n    // Move focus into the overlay (non-modal: we don't trap it, just seed it).\n    const raf = window.requestAnimationFrame(() => {\n      const focusable = cardRef.current?.querySelector<HTMLElement>(\n        'input, textarea, button, [tabindex]:not([tabindex=\"-1\"])',\n      );\n      (focusable ?? cardRef.current)?.focus();\n    });\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === 'Escape') {\n        event.stopPropagation();\n        handleClose();\n      }\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => {\n      window.cancelAnimationFrame(raf);\n      document.removeEventListener('keydown', onKeyDown);\n      restoreFocusRef.current?.focus?.();\n    };\n  }, [open, handleClose]);\n\n  if (!open) return null;\n\n  return (\n    <div data-component=\"editor-overlay\">\n      <div\n        ref={cardRef}\n        role=\"dialog\"\n        aria-modal=\"false\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-label={title ? undefined : ariaLabel}\n        tabIndex={-1}\n        className={[cardVariants(), className].filter(Boolean).join(' ')}\n      >\n        {/* Header only when there's a visible title — a title-less overlay is a\n            header-less composer (named via ariaLabel) whose consumer provides\n            its own inline close so no empty band is reserved for it. */}\n        {title ? (\n          <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <div id={titleId} className={titleClass}>\n              {title}\n            </div>\n            <IconButton\n              size=\"sm\"\n              intent=\"ghost\"\n              icon={<X />}\n              aria-label={t('common.close')}\n              onClick={handleClose}\n            />\n          </div>\n        ) : null}\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          {children}\n        </div>\n        {footer ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]\">\n            {footer}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":["cardVariants","cva","titleClass","EditorOverlay","open","onClose","title","ariaLabel","children","footer","className","t","useTranslation","cardRef","useRef","restoreFocusRef","titleId","useId","handleClose","useCallback","useEffect","raf","_b","_a","onKeyDown","event","jsx","jsxs","IconButton","X"],"mappings":";;;;;;AAwCA,MAAMA,IAAeC;AAAA,EACnB;AAAA;AAAA,IAEE;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMC,IACJ;AAEK,SAASC,EAAc;AAAA,EAC5B,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,GAAiD;AAC/C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAUC,EAAuB,IAAI,GACrCC,IAAkBD,EAA2B,IAAI,GACjDE,IAAUC,EAAA,GAEVC,IAAcC,EAAY,MAAMd,KAAW,CAACA,CAAO,CAAC;AA0B1D,SAxBAe,EAAU,MAAM;AACd,QAAI,CAAChB,EAAM;AACX,IAAAW,EAAgB,UAAU,SAAS;AAEnC,UAAMM,IAAM,OAAO,sBAAsB,MAAM;;AAI7C,OAACC,MAHiBC,IAAAV,EAAQ,YAAR,gBAAAU,EAAiB;AAAA,QACjC;AAAA,YAEYV,EAAQ,YAArB,QAAAS,EAA+B;AAAA,IAClC,CAAC,GACKE,IAAY,CAACC,MAA+B;AAChD,MAAIA,EAAM,QAAQ,aAChBA,EAAM,gBAAA,GACNP,EAAA;AAAA,IAEJ;AACA,oBAAS,iBAAiB,WAAWM,CAAS,GACvC,MAAM;;AACX,aAAO,qBAAqBH,CAAG,GAC/B,SAAS,oBAAoB,WAAWG,CAAS,IACjDF,KAAAC,IAAAR,EAAgB,YAAhB,gBAAAQ,EAAyB,UAAzB,QAAAD,EAAA,KAAAC;AAAA,IACF;AAAA,EACF,GAAG,CAACnB,GAAMc,CAAW,CAAC,GAEjBd,IAGH,gBAAAsB,EAAC,OAAA,EAAI,kBAAe,kBAClB,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKd;AAAA,MACL,MAAK;AAAA,MACL,cAAW;AAAA,MACX,mBAAiBP,IAAQU,IAAU;AAAA,MACnC,cAAYV,IAAQ,SAAYC;AAAA,MAChC,UAAU;AAAA,MACV,WAAW,CAACP,EAAA,GAAgBU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAK9D,UAAA;AAAA,QAAAJ,IACC,gBAAAqB,EAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,IAAIV,GAAS,WAAWd,GAC1B,UAAAI,GACH;AAAA,UACA,gBAAAoB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,wBAAOC,GAAA,EAAE;AAAA,cACT,cAAYlB,EAAE,cAAc;AAAA,cAC5B,SAASO;AAAA,YAAA;AAAA,UAAA;AAAA,QACX,EAAA,CACF,IACE;AAAA,QACJ,gBAAAQ,EAAC,OAAA,EAAI,WAAU,kDACZ,UAAAlB,EAAA,CACH;AAAA,QACCC,IACC,gBAAAiB,EAAC,OAAA,EAAI,WAAU,kFACZ,aACH,IACE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER,IAvCgB;AAyCpB;"}

package/dist/_chunks/{email-input-lQivsFrw.js → email-input-B_Y55f5G.js}

@@ -2,10 +2,10 @@ import { jsxs as W, jsx as V } from "react/jsx-runtime";
 import { forwardRef as ie, useRef as K, useId as ue, useState as X, useMemo as Q, useEffect as oe, useCallback as Z } from "react";
 import { useTranslation as se } from "react-i18next";
 import { g as fe } from "./_commonjsHelpers-DaMA6jEr.js";
-import { T as ce } from "./text-input-BaClJL8Y.js";
+import { T as ce } from "./text-input-B-OWQ1Je.js";
 import { u as de } from "./form-field-context-B3APVHKx.js";
 import { c as me } from "./compose-refs-C0k0tdqF.js";
-import { u as pe } from "./registry-nPAVE19X.js";
+import { u as pe } from "./registry-DvAUVLHh.js";
 import { C as ve } from "./circle-alert-ChA9opNA.js";
 var j = { exports: {} }, A = { exports: {} }, G;
 function z() {
@@ -393,4 +393,4 @@ export {
   Ee as E,
   Fe as e
 };
-//# sourceMappingURL=email-input-lQivsFrw.js.map
+//# sourceMappingURL=email-input-B_Y55f5G.js.map