@alfadocs/ui-kit-debug 0.71.0 → 0.72.1

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

@@ -0,0 +1,410 @@
+import { useMemo as P, useState as E, useRef as T, useEffect as F } from "react";
+import { jsx as l, jsxs as L } from "react/jsx-runtime";
+import { T as V } from "./tag-3wgkwwDB.js";
+import { useTranslation as x } from "react-i18next";
+import { I as z } from "./icon-button-LqoiKcUN.js";
+import { I as $ } from "./icon-button-group-C48khLE0.js";
+import { c as D } from "./createLucideIcon-DhHxpK9K.js";
+import { S as H } from "./square-check-big-dj0o8yA3.js";
+import { S as q } from "./square-DASBRZ0U.js";
+import { u as G } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { c as j, a as M, b as U, d as A } from "./input-surface-xyERuLU_.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 O = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+], X = D("arrow-down", O);
+/**
+ * @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 K = [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+], W = D("arrow-up", K);
+function be(n, e, t) {
+  return P(() => {
+    const c = {};
+    for (const r of e) {
+      let m = 0;
+      for (const u of n ?? []) {
+        const o = u[r], f = typeof o == "number" ? o : Number(o);
+        Number.isFinite(f) && (m += f);
+      }
+      c[r] = m;
+    }
+    return t != null && t.labelField && t.labelValue !== void 0 && (c[t.labelField] = t.labelValue), c;
+  }, [n, e, t == null ? void 0 : t.labelField, t == null ? void 0 : t.labelValue]);
+}
+function Z() {
+  return /* @__PURE__ */ l(
+    "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__ */ l("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 ge(n) {
+  const { value: e, maxInlineSize: t = "8rem" } = n;
+  return !Array.isArray(e) || e.length === 0 ? null : /* @__PURE__ */ l(
+    V,
+    {
+      label: e.join(", "),
+      size: "sm",
+      fill: "outline",
+      leading: /* @__PURE__ */ l(Z, {}),
+      maxInlineSize: t
+    }
+  );
+}
+function ve() {
+  return 90;
+}
+function he(n) {
+  const {
+    data: e,
+    node: t,
+    api: c,
+    onMove: r,
+    moveUpLabel: m,
+    moveDownLabel: u,
+    intent: o = "ghost",
+    group: f = !0,
+    disableAtEnds: a = !0
+  } = n, { t: i } = x();
+  if (!e) return null;
+  const s = t.rowIndex ?? -1, b = c.getDisplayedRowCount() - 1, g = a && s <= 0, C = a && s >= b, N = m ?? i("dataTable.moveUp", "Move up"), y = u ?? i("dataTable.moveDown", "Move down"), d = [
+    /* @__PURE__ */ l(
+      z,
+      {
+        size: "sm",
+        intent: o,
+        icon: /* @__PURE__ */ l(W, { "aria-hidden": !0, className: "ds:size-4" }),
+        tooltip: N,
+        "aria-label": N,
+        disabled: g,
+        onClick: (p) => {
+          p.stopPropagation(), r(e, "up");
+        }
+      },
+      "up"
+    ),
+    /* @__PURE__ */ l(
+      z,
+      {
+        size: "sm",
+        intent: o,
+        icon: /* @__PURE__ */ l(X, { "aria-hidden": !0, className: "ds:size-4" }),
+        tooltip: y,
+        "aria-label": y,
+        disabled: C,
+        onClick: (p) => {
+          p.stopPropagation(), r(e, "down");
+        }
+      },
+      "down"
+    )
+  ];
+  return f ? /* @__PURE__ */ l(
+    $,
+    {
+      "aria-label": i("dataTable.reorder", "Reorder row"),
+      size: "sm",
+      children: d
+    }
+  ) : /* @__PURE__ */ l("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: d });
+}
+function Ne(n) {
+  const {
+    value: e,
+    data: t,
+    onToggle: c,
+    onError: r,
+    trueIcon: m,
+    falseIcon: u,
+    trueClass: o = "ds:text-[color:var(--success)]",
+    falseClass: f = "ds:text-[color:var(--muted-foreground)]",
+    label: a
+  } = n, { t: i } = x(), [s, b] = E(!1);
+  if (!t) return null;
+  const g = !!e, C = g ? m ?? /* @__PURE__ */ l(H, { "aria-hidden": !0, className: "ds:size-4" }) : u ?? /* @__PURE__ */ l(q, { "aria-hidden": !0, className: "ds:size-4" }), N = g ? o : f, y = a ?? i(g ? "inputs.switch.on" : "inputs.switch.off");
+  async function d(p) {
+    if (p.stopPropagation(), s || !t) return;
+    const h = c(t, !g);
+    if (h && typeof h.then == "function") {
+      b(!0);
+      try {
+        await h;
+      } catch (w) {
+        r == null || r(t, w);
+      } finally {
+        b(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": g,
+      "aria-busy": s,
+      "aria-label": y,
+      disabled: s,
+      onClick: d,
+      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",
+        N
+      ].join(" "),
+      children: C
+    }
+  );
+}
+const J = {
+  sm: "ds:size-[var(--icon-size-sm)]",
+  md: "ds:size-[var(--icon-size-md)]",
+  lg: "ds:size-[var(--icon-size-lg)]"
+};
+function S(n, e) {
+  if (!n || typeof n != "object") return;
+  const t = n[e];
+  return typeof t == "string" ? t : void 0;
+}
+const Q = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, Y = /^rgba?\(\s*[\d.\s,%/]+\)$/i, ee = /^hsla?\(\s*[\d.\s,%/]+\)$/i, te = /^var\(--[a-z0-9-]+(?:,\s*[^)]+)?\)$/i;
+function ne(n) {
+  if (!n) return;
+  const e = n.trim();
+  if (Q.test(e) || Y.test(e) || ee.test(e) || te.test(e))
+    return e;
+}
+function ye(n) {
+  const { data: e, colorField: t, size: c = "md", labelField: r } = n, m = T(null), u = e ? S(e, t) : void 0, o = ne(u), f = e && r ? S(e, r) : void 0;
+  return G(() => {
+    const a = m.current;
+    a && (o ? a.style.setProperty("--data-table-dot-color", o) : a.style.removeProperty("--data-table-dot-color"));
+  }, [o]), o ? /* @__PURE__ */ L("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ l(
+      "span",
+      {
+        ref: m,
+        "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)]",
+          J[c]
+        ].join(" ")
+      }
+    ),
+    f ? /* @__PURE__ */ l("span", { children: f }) : null
+  ] }) : null;
+}
+function re(n, e) {
+  if (!n || typeof n != "object") return null;
+  const t = n[e], c = typeof t == "number" ? t : Number(t);
+  return Number.isFinite(c) ? c : null;
+}
+function Ce(n) {
+  const { data: e, lines: t, currency: c = "EUR", highlightNegative: r } = n, { i18n: m } = x();
+  if (!e) return null;
+  const u = m.language || "en", o = (a) => {
+    const i = re(e, a.valueField);
+    if (i === null) return null;
+    let s;
+    switch (a.format ?? "number") {
+      case "currency":
+        s = new Intl.NumberFormat(u, {
+          style: "currency",
+          currency: c
+        }).format(i);
+        break;
+      case "percent":
+        s = new Intl.NumberFormat(u, {
+          style: "percent",
+          maximumFractionDigits: 1
+        }).format(i / 100);
+        break;
+      default:
+        s = new Intl.NumberFormat(u).format(i);
+    }
+    return {
+      label: a.label,
+      formatted: s,
+      negative: !!r && i < 0
+    };
+  }, f = t.map(o).filter(
+    (a) => a !== null
+  );
+  return f.length === 0 ? null : /* @__PURE__ */ l(
+    "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: f.map((a, i) => /* @__PURE__ */ L(
+        "span",
+        {
+          className: "ds:inline-flex ds:items-baseline ds:gap-x-[var(--spacing-xs)]",
+          children: [
+            i > 0 ? /* @__PURE__ */ l(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:me-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]",
+                children: "·"
+              }
+            ) : null,
+            /* @__PURE__ */ l("span", { className: "ds:text-[color:var(--muted-foreground)]", children: a.label }),
+            /* @__PURE__ */ l(
+              "span",
+              {
+                className: [
+                  "ds:tabular-nums",
+                  "ds:font-medium",
+                  a.negative ? "ds:text-[color:var(--destructive)]" : ""
+                ].filter(Boolean).join(" "),
+                children: a.formatted
+              }
+            )
+          ]
+        },
+        `${a.label}-${i}`
+      ))
+    }
+  );
+}
+function xe(n) {
+  var a, i;
+  const { initialValue: e, onValueChange: t, stopEditing: c, column: r } = n, [m, u] = E(e ?? ""), o = T(null);
+  F(() => {
+    const s = o.current;
+    s && (s.focus(), s.select());
+  }, []);
+  const f = ((i = (a = r == null ? void 0 : r.getColDef) == null ? void 0 : a.call(r)) == null ? void 0 : i.headerName) ?? void 0;
+  return /* @__PURE__ */ l(
+    "input",
+    {
+      ref: o,
+      type: "text",
+      value: m,
+      "aria-label": f,
+      onChange: (s) => {
+        const b = s.target.value;
+        u(b), t(b);
+      },
+      onKeyDown: (s) => {
+        s.key === "Enter" && (s.preventDefault(), c());
+      },
+      className: [
+        "ds:block ds:w-full ds:appearance-none",
+        // Input surface chrome: rounded border + bg + focus halo.
+        j,
+        // 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.
+        M.md,
+        U.sm,
+        A.sm
+      ].join(" ")
+    }
+  );
+}
+function we(n) {
+  var N, y;
+  const {
+    initialValue: e,
+    onValueChange: t,
+    stopEditing: c,
+    column: r,
+    decimals: m = 2,
+    min: u,
+    max: o
+  } = n, { i18n: f } = x(), a = T(null), i = ((y = (N = r == null ? void 0 : r.getColDef) == null ? void 0 : N.call(r)) == null ? void 0 : y.headerName) ?? void 0, [s, b] = E(() => e == null || Number.isNaN(e) ? "" : String(e));
+  F(() => {
+    const d = a.current;
+    d && (d.focus(), d.select());
+  }, []);
+  function g(d) {
+    var _, k;
+    if (d.trim().length === 0) return null;
+    const p = f.language || "en", v = new Intl.NumberFormat(p).formatToParts(12345.6), h = ((_ = v.find((R) => R.type === "group")) == null ? void 0 : _.value) ?? "", w = ((k = v.find((R) => R.type === "decimal")) == null ? void 0 : k.value) ?? ".", B = d.replace(new RegExp(`\\${h}`, "g"), "").replace(w, ".").replace(/[^\d.-]/g, ""), I = Number(B);
+    return Number.isFinite(I) ? I : null;
+  }
+  function C(d) {
+    const p = g(d);
+    if (p == null) {
+      t(null);
+      return;
+    }
+    let v = p;
+    typeof u == "number" && (v = Math.max(u, v)), typeof o == "number" && (v = Math.min(o, v));
+    const h = 10 ** m;
+    t(Math.round(v * h) / h);
+  }
+  return /* @__PURE__ */ l(
+    "input",
+    {
+      ref: a,
+      type: "text",
+      inputMode: "decimal",
+      value: s,
+      "aria-label": i,
+      onChange: (d) => {
+        const p = d.target.value;
+        b(p), C(p);
+      },
+      onKeyDown: (d) => {
+        d.key === "Enter" && (d.preventDefault(), c());
+      },
+      className: [
+        "ds:block ds:w-full ds:appearance-none ds:text-end ds:tabular-nums",
+        j,
+        // Use `md` height — see editable-text-cell-renderer for rationale.
+        M.md,
+        U.sm,
+        A.sm
+      ].join(" ")
+    }
+  );
+}
+export {
+  Ce as B,
+  ye as C,
+  we as E,
+  he as R,
+  Ne as T,
+  xe as a,
+  ge as b,
+  ve as r,
+  be as u
+};
+//# sourceMappingURL=editable-currency-cell-renderer-z9fJFw6Z.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editable-currency-cell-renderer-z9fJFw6Z.js","sources":["../../node_modules/lucide-react/dist/esm/icons/arrow-down.mjs","../../node_modules/lucide-react/dist/esm/icons/arrow-up.mjs","../../src/components/data-table/hooks/use-total-row.ts","../../src/components/data-table/cell-renderers/tooth-cell-renderer.tsx","../../src/components/data-table/cell-renderers/reorder-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":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 5v14\", key: \"s699le\" }],\n  [\"path\", { d: \"m19 12-7 7-7-7\", key: \"1idqje\" }]\n];\nconst ArrowDown = createLucideIcon(\"arrow-down\", __iconNode);\n\nexport { __iconNode, ArrowDown as default };\n//# sourceMappingURL=arrow-down.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m5 12 7-7 7 7\", key: \"hav0vg\" }],\n  [\"path\", { d: \"M12 19V5\", key: \"x0mq9r\" }]\n];\nconst ArrowUp = createLucideIcon(\"arrow-up\", __iconNode);\n\nexport { __iconNode, ArrowUp as default };\n//# sourceMappingURL=arrow-up.mjs.map\n","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 { 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';\nimport { ArrowUp, ArrowDown } from 'lucide-react';\nimport { IconButton } from '../../button/icon-button';\nimport { IconButtonGroup } from '../../icon-button-group';\n\n/**\n * Keyboard-accessible row-reorder cell. AG Grid's native row dragging is\n * mouse/touch only; this renderer adds move-up / move-down buttons so the order\n * is reachable by keyboard too (the missing accessible half of the\n * \"drag-sortable column\" primitive). The consumer owns `rowData` order and\n * reorders it in `onMove` — the same controlled contract as the editable cells.\n */\nexport interface ReorderCellRendererParams<TData = unknown> {\n  /** Move the row one step in the given direction (consumer reorders rowData). */\n  onMove: (data: TData, direction: 'up' | 'down') => void;\n  /** Accessible name for the move-up button (defaults to a kit string). */\n  moveUpLabel?: string;\n  /** Accessible name for the move-down button (defaults to a kit string). */\n  moveDownLabel?: string;\n  /** Button intent (default `ghost`). */\n  intent?: 'ghost' | 'outline';\n  /** Render the two buttons as a connected `IconButtonGroup` (default true). */\n  group?: boolean;\n  /**\n   * Disable move-up on the first displayed row and move-down on the last\n   * (default true). Turn off when the grid is filtered/sorted and the ends are\n   * not meaningful.\n   */\n  disableAtEnds?: boolean;\n}\n\n/**\n * Pixel width a reorder column needs for the two `sm` IconButtons (32px each)\n * plus the data-table cell's inline padding so the controls never clip. Mirrors\n * {@link actionsColumnWidth}.\n */\nexport function reorderColumnWidth(): number {\n  const SM_BUTTON = 32;\n  const CELL_INSET = 26;\n  return SM_BUTTON * 2 + CELL_INSET;\n}\n\nexport function ReorderCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & ReorderCellRendererParams<TData>,\n) {\n  const {\n    data,\n    node,\n    api,\n    onMove,\n    moveUpLabel,\n    moveDownLabel,\n    intent = 'ghost',\n    group = true,\n    disableAtEnds = true,\n  } = props;\n  const { t } = useTranslation();\n  if (!data) return null;\n\n  const rowIndex = node.rowIndex ?? -1;\n  const lastIndex = api.getDisplayedRowCount() - 1;\n  const atFirst = disableAtEnds && rowIndex <= 0;\n  const atLast = disableAtEnds && rowIndex >= lastIndex;\n\n  const upLabel = moveUpLabel ?? t('dataTable.moveUp', 'Move up');\n  const downLabel = moveDownLabel ?? t('dataTable.moveDown', 'Move down');\n\n  // An ARRAY of IconButtons (not a Fragment): IconButtonGroup inspects its\n  // direct children and rejects anything that isn't a DS IconButton.\n  const buttons = [\n    <IconButton\n      key=\"up\"\n      size=\"sm\"\n      intent={intent}\n      icon={<ArrowUp aria-hidden className=\"ds:size-4\" />}\n      tooltip={upLabel}\n      aria-label={upLabel}\n      disabled={atFirst}\n      onClick={(event) => {\n        event.stopPropagation();\n        onMove(data, 'up');\n      }}\n    />,\n    <IconButton\n      key=\"down\"\n      size=\"sm\"\n      intent={intent}\n      icon={<ArrowDown aria-hidden className=\"ds:size-4\" />}\n      tooltip={downLabel}\n      aria-label={downLabel}\n      disabled={atLast}\n      onClick={(event) => {\n        event.stopPropagation();\n        onMove(data, 'down');\n      }}\n    />,\n  ];\n\n  return group ? (\n    <IconButtonGroup\n      aria-label={t('dataTable.reorder', 'Reorder row')}\n      size=\"sm\"\n    >\n      {buttons}\n    </IconButtonGroup>\n  ) : (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n      {buttons}\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":["__iconNode","ArrowDown","createLucideIcon","ArrowUp","useTotalRow","rowData","sumFields","options","useMemo","row","field","total","r","raw","n","ToothIcon","jsx","ToothCellRenderer","props","value","maxInlineSize","Tag","reorderColumnWidth","ReorderCellRenderer","data","node","api","onMove","moveUpLabel","moveDownLabel","intent","group","disableAtEnds","t","useTranslation","rowIndex","lastIndex","atFirst","atLast","upLabel","downLabel","buttons","IconButton","event","IconButtonGroup","ToggleCellRenderer","onToggle","onError","trueIcon","falseIcon","trueClass","falseClass","label","pending","setPending","useState","isOn","icon","CheckSquare","Square","stateClass","resolvedLabel","handleClick","result","err","SIZE_CLASS","readField","HEX_RE","RGB_RE","HSL_RE","CSS_VAR_RE","sanitizeColor","v","ColorDotCellRenderer","colorField","size","labelField","dotRef","useRef","rawColor","color","useIsomorphicLayoutEffect","el","jsxs","readNumber","BalanceCellRenderer","lines","currency","highlightNegative","i18n","locale","formatLine","line","formatted","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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","x_google_ignoreList":[0,1]}

package/dist/_chunks/editor-overlay-BIOzr8v7.js

@@ -0,0 +1,88 @@
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import { useRef as p, useId as h, useCallback as w, useEffect as y } from "react";
+import { useTranslation as k } from "react-i18next";
+import { c as E } from "./index-D2ZczOXr.js";
+import { I as j } from "./icon-button-LqoiKcUN.js";
+import { X as I } from "./x-B5YnXwCz.js";
+const N = E(
+  [
+    // Spans the editor's block-end edge (a docked bar) and expands from the pill.
+    "ds:absolute ds:z-20",
+    "ds:[inset-inline-start:var(--spacing-md)] ds:[inset-inline-end:var(--spacing-md)]",
+    "ds:[inset-block-end:var(--spacing-md)]",
+    // Slim docked bar — compact but with a little breathing room.
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:rounded-[var(--radius-lg)]",
+    // Apple "Liquid Glass": a translucent base + backdrop blur/saturate so the
+    // editor shows through, a specular top "rim" + inner hairline ring, and a
+    // soft drop shadow for a floating slab. --card-border is theme-aware (dark
+    // hairline on light themes, bright on dark), so the rim reads in all four.
+    "ds:bg-[color-mix(in_srgb,var(--popover)_64%,transparent)]",
+    "ds:backdrop-blur-xl ds:backdrop-saturate-150",
+    "ds:border ds:border-[color-mix(in_srgb,var(--card-border)_70%,transparent)]",
+    "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)]",
+    // Liquid-glass grow out of the pill (bottom-inline-end origin).
+    "ds:origin-bottom-right ds:animate-in ds:fade-in-0 ds:zoom-in-95",
+    "ds:motion-reduce:animate-none"
+  ].join(" ")
+), z = "ds:text-[length:var(--font-size-base)] ds:font-medium ds:text-[color:var(--foreground)]";
+function L({
+  open: n,
+  onClose: t,
+  title: a,
+  ariaLabel: v,
+  children: b,
+  footer: i,
+  className: g
+}) {
+  const { t: x } = k(), o = p(null), c = p(null), l = h(), d = w(() => t(), [t]);
+  return y(() => {
+    if (!n) return;
+    c.current = document.activeElement;
+    const _ = window.requestAnimationFrame(() => {
+      var r, u;
+      (u = ((r = o.current) == null ? void 0 : r.querySelector(
+        'input, textarea, button, [tabindex]:not([tabindex="-1"])'
+      )) ?? o.current) == null || u.focus();
+    }), m = (e) => {
+      e.key === "Escape" && (e.stopPropagation(), d());
+    };
+    return document.addEventListener("keydown", m), () => {
+      var e, r;
+      window.cancelAnimationFrame(_), document.removeEventListener("keydown", m), (r = (e = c.current) == null ? void 0 : e.focus) == null || r.call(e);
+    };
+  }, [n, d]), n ? /* @__PURE__ */ s("div", { "data-component": "editor-overlay", children: /* @__PURE__ */ f(
+    "div",
+    {
+      ref: o,
+      role: "dialog",
+      "aria-modal": "false",
+      "aria-labelledby": a ? l : void 0,
+      "aria-label": a ? void 0 : v,
+      tabIndex: -1,
+      className: [N(), g].filter(Boolean).join(" "),
+      children: [
+        a ? /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ s("div", { id: l, className: z, children: a }),
+          /* @__PURE__ */ s(
+            j,
+            {
+              size: "sm",
+              intent: "ghost",
+              icon: /* @__PURE__ */ s(I, {}),
+              "aria-label": x("common.close"),
+              onClick: d
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: b }),
+        i ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]", children: i }) : null
+      ]
+    }
+  ) }) : null;
+}
+export {
+  L as E
+};
+//# sourceMappingURL=editor-overlay-BIOzr8v7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor-overlay-BIOzr8v7.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;"}