@alfadocs/ui-kit-debug 0.70.0 → 0.71.0

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

@@ -1,328 +0,0 @@
-import { useMemo as V, useState as E, useRef as F, useEffect as I } from "react";
-import { jsx as u, jsxs as _ } from "react/jsx-runtime";
-import { T as B } from "./tag-BQXwuJq1.js";
-import { useTranslation as T } from "react-i18next";
-import { S as L } from "./square-check-big-Jr-0202D.js";
-import { S as M } from "./square-CZoGU14v.js";
-import { u as $ } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { c as j, a as D, b as P, d as A } from "./input-surface-xyERuLU_.js";
-function se(n, t, e) {
-  return V(() => {
-    const i = {};
-    for (const r of t) {
-      let m = 0;
-      for (const d of n ?? []) {
-        const l = d[r], f = typeof l == "number" ? l : Number(l);
-        Number.isFinite(f) && (m += f);
-      }
-      i[r] = m;
-    }
-    return e != null && e.labelField && e.labelValue !== void 0 && (i[e.labelField] = e.labelValue), i;
-  }, [n, t, e == null ? void 0 : e.labelField, e == null ? void 0 : e.labelValue]);
-}
-function H() {
-  return /* @__PURE__ */ u(
-    "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__ */ u("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 le(n) {
-  const { value: t, maxInlineSize: e = "8rem" } = n;
-  return !Array.isArray(t) || t.length === 0 ? null : /* @__PURE__ */ u(
-    B,
-    {
-      label: t.join(", "),
-      size: "sm",
-      fill: "outline",
-      leading: /* @__PURE__ */ u(H, {}),
-      maxInlineSize: e
-    }
-  );
-}
-function ie(n) {
-  const {
-    value: t,
-    data: e,
-    onToggle: i,
-    onError: r,
-    trueIcon: m,
-    falseIcon: d,
-    trueClass: l = "ds:text-[color:var(--success)]",
-    falseClass: f = "ds:text-[color:var(--muted-foreground)]",
-    label: a
-  } = n, { t: o } = T(), [s, v] = E(!1);
-  if (!e) return null;
-  const h = !!t, C = h ? m ?? /* @__PURE__ */ u(L, { "aria-hidden": !0, className: "ds:size-4" }) : d ?? /* @__PURE__ */ u(M, { "aria-hidden": !0, className: "ds:size-4" }), y = h ? l : f, N = a ?? o(h ? "inputs.switch.on" : "inputs.switch.off");
-  async function c(g) {
-    if (g.stopPropagation(), s || !e) return;
-    const p = i(e, !h);
-    if (p && typeof p.then == "function") {
-      v(!0);
-      try {
-        await p;
-      } catch (x) {
-        r == null || r(e, x);
-      } finally {
-        v(!1);
-      }
-    }
-  }
-  return /* @__PURE__ */ u(
-    "button",
-    {
-      type: "button",
-      role: "switch",
-      "aria-checked": h,
-      "aria-busy": s,
-      "aria-label": N,
-      disabled: s,
-      onClick: c,
-      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: C
-    }
-  );
-}
-const G = {
-  sm: "ds:size-[var(--icon-size-sm)]",
-  md: "ds:size-[var(--icon-size-md)]",
-  lg: "ds:size-[var(--icon-size-lg)]"
-};
-function k(n, t) {
-  if (!n || typeof n != "object") return;
-  const e = n[t];
-  return typeof e == "string" ? e : void 0;
-}
-const X = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, q = /^rgba?\(\s*[\d.\s,%/]+\)$/i, K = /^hsla?\(\s*[\d.\s,%/]+\)$/i, O = /^var\(--[a-z0-9-]+(?:,\s*[^)]+)?\)$/i;
-function W(n) {
-  if (!n) return;
-  const t = n.trim();
-  if (X.test(t) || q.test(t) || K.test(t) || O.test(t))
-    return t;
-}
-function oe(n) {
-  const { data: t, colorField: e, size: i = "md", labelField: r } = n, m = F(null), d = t ? k(t, e) : void 0, l = W(d), f = t && r ? k(t, r) : void 0;
-  return $(() => {
-    const a = m.current;
-    a && (l ? a.style.setProperty("--data-table-dot-color", l) : a.style.removeProperty("--data-table-dot-color"));
-  }, [l]), l ? /* @__PURE__ */ _("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ u(
-      "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)]",
-          G[i]
-        ].join(" ")
-      }
-    ),
-    f ? /* @__PURE__ */ u("span", { children: f }) : null
-  ] }) : null;
-}
-function Z(n, t) {
-  if (!n || typeof n != "object") return null;
-  const e = n[t], i = typeof e == "number" ? e : Number(e);
-  return Number.isFinite(i) ? i : null;
-}
-function ce(n) {
-  const { data: t, lines: e, currency: i = "EUR", highlightNegative: r } = n, { i18n: m } = T();
-  if (!t) return null;
-  const d = m.language || "en", l = (a) => {
-    const o = Z(t, a.valueField);
-    if (o === null) return null;
-    let s;
-    switch (a.format ?? "number") {
-      case "currency":
-        s = new Intl.NumberFormat(d, {
-          style: "currency",
-          currency: i
-        }).format(o);
-        break;
-      case "percent":
-        s = new Intl.NumberFormat(d, {
-          style: "percent",
-          maximumFractionDigits: 1
-        }).format(o / 100);
-        break;
-      default:
-        s = new Intl.NumberFormat(d).format(o);
-    }
-    return {
-      label: a.label,
-      formatted: s,
-      negative: !!r && o < 0
-    };
-  }, f = e.map(l).filter(
-    (a) => a !== null
-  );
-  return f.length === 0 ? null : /* @__PURE__ */ u(
-    "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, o) => /* @__PURE__ */ _(
-        "span",
-        {
-          className: "ds:inline-flex ds:items-baseline ds:gap-x-[var(--spacing-xs)]",
-          children: [
-            o > 0 ? /* @__PURE__ */ u(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "ds:me-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]",
-                children: "·"
-              }
-            ) : null,
-            /* @__PURE__ */ u("span", { className: "ds:text-[color:var(--muted-foreground)]", children: a.label }),
-            /* @__PURE__ */ u(
-              "span",
-              {
-                className: [
-                  "ds:tabular-nums",
-                  "ds:font-medium",
-                  a.negative ? "ds:text-[color:var(--destructive)]" : ""
-                ].filter(Boolean).join(" "),
-                children: a.formatted
-              }
-            )
-          ]
-        },
-        `${a.label}-${o}`
-      ))
-    }
-  );
-}
-function ue(n) {
-  var a, o;
-  const { initialValue: t, onValueChange: e, stopEditing: i, column: r } = n, [m, d] = E(t ?? ""), l = F(null);
-  I(() => {
-    const s = l.current;
-    s && (s.focus(), s.select());
-  }, []);
-  const f = ((o = (a = r == null ? void 0 : r.getColDef) == null ? void 0 : a.call(r)) == null ? void 0 : o.headerName) ?? void 0;
-  return /* @__PURE__ */ u(
-    "input",
-    {
-      ref: l,
-      type: "text",
-      value: m,
-      "aria-label": f,
-      onChange: (s) => {
-        const v = s.target.value;
-        d(v), e(v);
-      },
-      onKeyDown: (s) => {
-        s.key === "Enter" && (s.preventDefault(), i());
-      },
-      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.
-        D.md,
-        P.sm,
-        A.sm
-      ].join(" ")
-    }
-  );
-}
-function de(n) {
-  var y, N;
-  const {
-    initialValue: t,
-    onValueChange: e,
-    stopEditing: i,
-    column: r,
-    decimals: m = 2,
-    min: d,
-    max: l
-  } = n, { i18n: f } = T(), a = F(null), o = ((N = (y = r == null ? void 0 : r.getColDef) == null ? void 0 : y.call(r)) == null ? void 0 : N.headerName) ?? void 0, [s, v] = E(() => t == null || Number.isNaN(t) ? "" : String(t));
-  I(() => {
-    const c = a.current;
-    c && (c.focus(), c.select());
-  }, []);
-  function h(c) {
-    var z, S;
-    if (c.trim().length === 0) return null;
-    const g = f.language || "en", b = new Intl.NumberFormat(g).formatToParts(12345.6), p = ((z = b.find((R) => R.type === "group")) == null ? void 0 : z.value) ?? "", x = ((S = b.find((R) => R.type === "decimal")) == null ? void 0 : S.value) ?? ".", U = c.replace(new RegExp(`\\${p}`, "g"), "").replace(x, ".").replace(/[^\d.-]/g, ""), w = Number(U);
-    return Number.isFinite(w) ? w : null;
-  }
-  function C(c) {
-    const g = h(c);
-    if (g == null) {
-      e(null);
-      return;
-    }
-    let b = g;
-    typeof d == "number" && (b = Math.max(d, b)), typeof l == "number" && (b = Math.min(l, b));
-    const p = 10 ** m;
-    e(Math.round(b * p) / p);
-  }
-  return /* @__PURE__ */ u(
-    "input",
-    {
-      ref: a,
-      type: "text",
-      inputMode: "decimal",
-      value: s,
-      "aria-label": o,
-      onChange: (c) => {
-        const g = c.target.value;
-        v(g), C(g);
-      },
-      onKeyDown: (c) => {
-        c.key === "Enter" && (c.preventDefault(), i());
-      },
-      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.
-        D.md,
-        P.sm,
-        A.sm
-      ].join(" ")
-    }
-  );
-}
-export {
-  ce as B,
-  oe as C,
-  de as E,
-  ie as T,
-  ue as a,
-  le as b,
-  se as u
-};
-//# sourceMappingURL=editable-currency-cell-renderer-C9twtALM.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"editable-currency-cell-renderer-C9twtALM.js","sources":["../../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/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 { 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 { 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","ToothIcon","jsx","ToothCellRenderer","props","value","maxInlineSize","Tag","ToggleCellRenderer","data","onToggle","onError","trueIcon","falseIcon","trueClass","falseClass","label","t","useTranslation","pending","setPending","useState","isOn","icon","CheckSquare","Square","stateClass","resolvedLabel","handleClick","event","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":";;;;;;;;AAaO,SAASA,GACdC,GACAC,GACAC,GAIO;AACP,SAAOC,EAAQ,MAAM;AACnB,UAAMC,IAA+B,CAAA;AAErC,eAAWC,KAASJ,GAAW;AAC7B,UAAIK,IAAQ;AACZ,iBAAWC,KAAKP,KAAW,IAAI;AAC7B,cAAMQ,IAAOD,EAA8BF,CAAK,GAC1CI,IAAI,OAAOD,KAAQ,WAAWA,IAAM,OAAOA,CAAG;AACpD,QAAI,OAAO,SAASC,CAAC,MAAGH,KAASG;AAAA,MACnC;AACA,MAAAL,EAAIC,CAAK,IAAIC;AAAA,IACf;AAEA,WAAIJ,KAAA,QAAAA,EAAS,cAAcA,EAAQ,eAAe,WAChDE,EAAIF,EAAQ,UAAU,IAAIA,EAAQ,aAG7BE;AAAA,EACT,GAAG,CAACJ,GAASC,GAAWC,KAAA,gBAAAA,EAAS,YAAYA,KAAA,gBAAAA,EAAS,UAAU,CAAC;AACnE;AClCA,SAASQ,IAAY;AACnB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAa;AAAA,MACb,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAY;AAAA,MACZ,WAAU;AAAA,MAEV,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,4SAAA,CAA4S;AAAA,IAAA;AAAA,EAAA;AAG1T;AAYO,SAASC,GACdC,GACA;AACA,QAAM,EAAE,OAAAC,GAAO,eAAAC,IAAgB,OAAA,IAAWF;AAC1C,SAAI,CAAC,MAAM,QAAQC,CAAK,KAAKA,EAAM,WAAW,IAAU,OAGtD,gBAAAH;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,OAAOF,EAAM,KAAK,IAAI;AAAA,MACtB,MAAK;AAAA,MACL,MAAK;AAAA,MACL,2BAAUJ,GAAA,EAAU;AAAA,MACpB,eAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;AChBO,SAASE,GACdJ,GAEA;AACA,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,MAAAI;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,OAAAC;AAAA,EAAA,IACEZ,GACE,EAAE,GAAAa,EAAA,IAAMC,EAAA,GACR,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAC5C,MAAI,CAACZ,EAAM,QAAO;AAElB,QAAMa,IAAO,EAAQjB,GACfkB,IAAOD,IACRV,KAAY,gBAAAV,EAACsB,GAAA,EAAY,eAAW,IAAC,WAAU,YAAA,CAAY,IAC3DX,KAAa,gBAAAX,EAACuB,GAAA,EAAO,eAAW,IAAC,WAAU,aAAY,GACtDC,IAAaJ,IAAOR,IAAYC,GAChCY,IACJX,KAAiBC,EAAPK,IAAS,qBAAwB,mBAAN;AAEvC,iBAAeM,EAAYC,GAAyB;AAElD,QADAA,EAAM,gBAAA,GACFV,KAAW,CAACV,EAAM;AAEtB,UAAMqB,IAASpB,EAASD,GADX,CAACa,CACoB;AAClC,QAAIQ,KAAU,OAAQA,EAAyB,QAAS,YAAY;AAClE,MAAAV,EAAW,EAAI;AACf,UAAI;AACF,cAAMU;AAAA,MACR,SAASC,GAAK;AACZ,QAAApB,KAAA,QAAAA,EAAUF,GAAMsB;AAAA,MAClB,UAAA;AACE,QAAAX,EAAW,EAAK;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAEA,SACE,gBAAAlB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL,gBAAcoB;AAAA,MACd,aAAWH;AAAA,MACX,cAAYQ;AAAA,MACZ,UAAUR;AAAA,MACV,SAASS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAF;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MAET,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;ACxFA,MAAMS,IAGF;AAAA,EACF,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAASC,EAAUtC,GAAcC,GAAmC;AAClE,MAAI,CAACD,KAAO,OAAOA,KAAQ,SAAU;AACrC,QAAMU,IAASV,EAAgCC,CAAK;AACpD,SAAO,OAAOS,KAAU,WAAWA,IAAQ;AAC7C;AAKA,MAAM6B,IAAS,iDACTC,IAAS,8BACTC,IAAS,8BACTC,IAAa;AAEnB,SAASC,EAAcvC,GAA6C;AAClE,MAAI,CAACA,EAAK;AACV,QAAMwC,IAAIxC,EAAI,KAAA;AACd,MACEmC,EAAO,KAAKK,CAAC,KACbJ,EAAO,KAAKI,CAAC,KACbH,EAAO,KAAKG,CAAC,KACbF,EAAW,KAAKE,CAAC;AAEjB,WAAOA;AAGX;AAEO,SAASC,GACdpC,GACA;AACA,QAAM,EAAE,MAAAK,GAAM,YAAAgC,GAAY,MAAAC,IAAO,MAAM,YAAAC,MAAevC,GAChDwC,IAASC,EAA+B,IAAI,GAC5CC,IAAWrC,IAAOwB,EAAUxB,GAAMgC,CAAU,IAAI,QAChDM,IAAQT,EAAcQ,CAAQ,GAC9B9B,IAAQP,KAAQkC,IAAaV,EAAUxB,GAAMkC,CAAU,IAAI;AAgBjE,SAVAK,EAA0B,MAAM;AAC9B,UAAMC,IAAKL,EAAO;AAClB,IAAKK,MACDF,IACFE,EAAG,MAAM,YAAY,0BAA0BF,CAAK,IAEpDE,EAAG,MAAM,eAAe,wBAAwB;AAAA,EAEpD,GAAG,CAACF,CAAK,CAAC,GAELA,IAGH,gBAAAG,EAAC,QAAA,EAAK,WAAU,6DACd,UAAA;AAAA,IAAA,gBAAAhD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK0C;AAAA,QACL,eAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACAZ,EAAWU,CAAI;AAAA,QAAA,EACf,KAAK,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEX1B,IAAQ,gBAAAd,EAAC,QAAA,EAAM,UAAAc,EAAA,CAAM,IAAU;AAAA,EAAA,GAClC,IAfiB;AAiBrB;ACrEA,SAASmC,EAAWxD,GAAcC,GAA8B;AAC9D,MAAI,CAACD,KAAO,OAAOA,KAAQ,SAAU,QAAO;AAC5C,QAAMI,IAAOJ,EAAgCC,CAAK,GAC5CI,IAAI,OAAOD,KAAQ,WAAWA,IAAM,OAAOA,CAAG;AACpD,SAAO,OAAO,SAASC,CAAC,IAAIA,IAAI;AAClC;AAcO,SAASoD,GACdhD,GACA;AACA,QAAM,EAAE,MAAAK,GAAM,OAAA4C,GAAO,UAAAC,IAAW,OAAO,mBAAAC,MAAsBnD,GACvD,EAAE,MAAAoD,EAAA,IAAStC,EAAA;AACjB,MAAI,CAACT,EAAM,QAAO;AAElB,QAAMgD,IAASD,EAAK,YAAY,MAE1BE,IAAa,CACjBC,MACmE;AACnE,UAAM3D,IAAImD,EAAW1C,GAAMkD,EAAK,UAAU;AAC1C,QAAI3D,MAAM,KAAM,QAAO;AAEvB,QAAI4D;AACJ,YAAQD,EAAK,UAAU,UAAA;AAAA,MACrB,KAAK;AACH,QAAAC,IAAY,IAAI,KAAK,aAAaH,GAAQ;AAAA,UACxC,OAAO;AAAA,UACP,UAAAH;AAAA,QAAA,CACD,EAAE,OAAOtD,CAAC;AACX;AAAA,MACF,KAAK;AACH,QAAA4D,IAAY,IAAI,KAAK,aAAaH,GAAQ;AAAA,UACxC,OAAO;AAAA,UACP,uBAAuB;AAAA,QAAA,CACxB,EAAE,OAAOzD,IAAI,GAAG;AACjB;AAAA,MACF;AACE,QAAA4D,IAAY,IAAI,KAAK,aAAaH,CAAM,EAAE,OAAOzD,CAAC;AAAA,IAAA;AAGtD,WAAO;AAAA,MACL,OAAO2D,EAAK;AAAA,MACZ,WAAAC;AAAA,MACA,UAAU,EAAQL,KAAsBvD,IAAI;AAAA,IAAA;AAAA,EAEhD,GAEM6D,IAAWR,EACd,IAAIK,CAAU,EACd;AAAA,IACC,CAACI,MACCA,MAAM;AAAA,EAAA;AAEZ,SAAID,EAAS,WAAW,IAAU,OAGhC,gBAAA3D;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MAET,UAAA2D,EAAS,IAAI,CAACE,GAAMC,MACnB,gBAAAd;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAET,UAAA;AAAA,YAAAc,IAAM,IACL,gBAAA9D;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,gBACX,UAAA;AAAA,cAAA;AAAA,YAAA,IAGC;AAAA,YACJ,gBAAAA,EAAC,QAAA,EAAK,WAAU,2CACb,YAAK,OACR;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA6D,EAAK,WAAW,uCAAuC;AAAA,gBAAA,EAEtD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,gBAEV,UAAAA,EAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,QAxBK,GAAGA,EAAK,KAAK,IAAIC,CAAG;AAAA,MAAA,CA0B5B;AAAA,IAAA;AAAA,EAAA;AAGP;AClHO,SAASC,GACd7D,GACA;;AACA,QAAM,EAAE,cAAA8D,GAAc,eAAAC,GAAe,aAAAC,GAAa,QAAAC,MAAWjE,GACvD,CAACC,GAAOiE,CAAQ,IAAIjD,EAAiB6C,KAAgB,EAAE,GACvDK,IAAW1B,EAAgC,IAAI;AAGrD,EAAA2B,EAAU,MAAM;AACd,UAAMvB,IAAKsB,EAAS;AACpB,IAAKtB,MACLA,EAAG,MAAA,GACHA,EAAG,OAAA;AAAA,EACL,GAAG,CAAA,CAAE;AASL,QAAMwB,MACHC,KAAAC,IAAAN,KAAA,gBAAAA,EAAQ,cAAR,gBAAAM,EAAA,KAAAN,OAAA,gBAAAK,EAAuB,eAAqC;AAE/D,SACE,gBAAAxE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKqE;AAAA,MACL,MAAK;AAAA,MACL,OAAAlE;AAAA,MACA,cAAYoE;AAAA,MACZ,UAAU,CAACG,MAAM;AACf,cAAMC,IAAOD,EAAE,OAAO;AACtB,QAAAN,EAASO,CAAI,GACbV,EAAcU,CAAI;AAAA,MACpB;AAAA,MACA,WAAW,CAACD,MAAM;AAIhB,QAAIA,EAAE,QAAQ,YACZA,EAAE,eAAA,GACFR,EAAA;AAAA,MAEJ;AAAA,MACA,WAAW;AAAA,QACT;AAAA;AAAA,QAEAU;AAAA;AAAA;AAAA;AAAA,QAIAC,EAAqB;AAAA,QACrBC,EAAmB;AAAA,QACnBC,EAAwB;AAAA,MAAA,EACxB,KAAK,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AC5CO,SAASC,GACd9E,GAEA;;AACA,QAAM;AAAA,IACJ,cAAA8D;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAc,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,KAAAC;AAAA,EAAA,IACEjF,GACE,EAAE,MAAAoD,EAAA,IAAStC,EAAA,GACXqD,IAAW1B,EAAgC,IAAI,GAG/C4B,MACHC,KAAAC,IAAAN,KAAA,gBAAAA,EAAQ,cAAR,gBAAAM,EAAA,KAAAN,OAAA,gBAAAK,EAAuB,eAAqC,QAMzD,CAACY,GAAOC,CAAQ,IAAIlE,EAAiB,MACrC6C,KAAgB,QAAQ,OAAO,MAAMA,CAAY,IAAU,KACxD,OAAOA,CAAY,CAC3B;AAED,EAAAM,EAAU,MAAM;AACd,UAAMvB,IAAKsB,EAAS;AACpB,IAAKtB,MACLA,EAAG,MAAA,GACHA,EAAG,OAAA;AAAA,EACL,GAAG,CAAA,CAAE;AAEL,WAASuC,EAAWC,GAA8B;;AAChD,QAAIA,EAAM,KAAA,EAAO,WAAW,EAAG,QAAO;AAGtC,UAAMC,IAAOlC,EAAK,YAAY,MACxBmC,IAAW,IAAI,KAAK,aAAaD,CAAI,EAAE,cAAc,OAAO,GAC5DE,MAAYjB,IAAAgB,EAAS,KAAK,CAACE,MAAMA,EAAE,SAAS,OAAO,MAAvC,gBAAAlB,EAA0C,UAAS,IAC/DmB,MACJpB,IAAAiB,EAAS,KAAK,CAACE,MAAMA,EAAE,SAAS,SAAS,MAAzC,gBAAAnB,EAA4C,UAAS,KACjDqB,IAAUN,EACb,QAAQ,IAAI,OAAO,KAAKG,CAAS,IAAI,GAAG,GAAG,EAAE,EAC7C,QAAQE,GAAa,GAAG,EACxB,QAAQ,YAAY,EAAE,GACnB9F,IAAI,OAAO+F,CAAO;AACxB,WAAO,OAAO,SAAS/F,CAAC,IAAIA,IAAI;AAAA,EAClC;AAEA,WAASgG,EAAOP,GAAe;AAC7B,UAAMQ,IAAST,EAAWC,CAAK;AAC/B,QAAIQ,KAAU,MAAM;AAClB,MAAA9B,EAAc,IAAI;AAClB;AAAA,IACF;AAGA,QAAI+B,IAAUD;AACd,IAAI,OAAOb,KAAQ,iBAAoB,KAAK,IAAIA,GAAKc,CAAO,IACxD,OAAOb,KAAQ,iBAAoB,KAAK,IAAIA,GAAKa,CAAO;AAC5D,UAAMC,IAAS,MAAMhB;AACrB,IAAAhB,EAAc,KAAK,MAAM+B,IAAUC,CAAM,IAAIA,CAAM;AAAA,EACrD;AAEA,SACE,gBAAAjG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKqE;AAAA,MACL,MAAK;AAAA,MAIL,WAAU;AAAA,MACV,OAAOe;AAAA,MACP,cAAYb;AAAA,MACZ,UAAU,CAACG,MAAM;AACf,cAAMC,IAAOD,EAAE,OAAO;AACtB,QAAAW,EAASV,CAAI,GACbmB,EAAOnB,CAAI;AAAA,MACb;AAAA,MACA,WAAW,CAACD,MAAM;AAChB,QAAIA,EAAE,QAAQ,YACZA,EAAE,eAAA,GACFR,EAAA;AAAA,MAIJ;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACAU;AAAA;AAAA,QAEAC,EAAqB;AAAA,QACrBC,EAAmB;AAAA,QACnBC,EAAwB;AAAA,MAAA,EACxB,KAAK,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/_chunks/entity-summary-BxRjFh_4.js

@@ -1,138 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { forwardRef as k, useId as g } from "react";
-import { useTranslation as I } from "react-i18next";
-import { B as T } from "./button-DD_0Xdmr.js";
-import { I as j } from "./icon-button-LqoiKcUN.js";
-import { L as B } from "./link-DrD_cRUg.js";
-import { T as V } from "./timestamp-BV2lC-wV.js";
-import { X as z } from "./x-CCcI3eJp.js";
-import { R as E } from "./refresh-cw-CC8jSKMr.js";
-import { T as A } from "./triangle-alert-CBPUIzQo.js";
-const M = k(
-  function({
-    title: n,
-    entityName: s,
-    entityHref: t,
-    generatedAtIso: o,
-    stats: i,
-    sections: x,
-    onRegenerate: c,
-    regenerateLabel: y,
-    onClose: m,
-    disclaimer: h,
-    locale: v,
-    className: b,
-    "aria-label": u,
-    ...N
-  }, w) {
-    const { t: d } = I(), p = g(), S = n ?? d("entitySummary.title", { defaultValue: "AI summary" });
-    return /* @__PURE__ */ a(
-      "section",
-      {
-        ref: w,
-        "data-component": "entity-summary",
-        "aria-labelledby": u ? void 0 : p,
-        "aria-label": u,
-        className: [
-          "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]",
-          b
-        ].filter(Boolean).join(" "),
-        ...N,
-        children: [
-          /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ a("div", { className: "ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)] ds:py-[var(--spacing-2xs)] ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-              /* @__PURE__ */ e(
-                "h2",
-                {
-                  id: p,
-                  className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)]",
-                  children: S
-                }
-              ),
-              m ? /* @__PURE__ */ e(
-                j,
-                {
-                  size: "sm",
-                  intent: "ghost",
-                  icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
-                  "aria-label": d("entitySummary.close", { defaultValue: "Close" }),
-                  onClick: m
-                }
-              ) : null
-            ] }),
-            /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
-              s ? t ? /* @__PURE__ */ e(B, { href: t, children: s }) : /* @__PURE__ */ e("span", { className: "ds:text-[color:var(--foreground)]", children: s }) : null,
-              o ? /* @__PURE__ */ a("span", { children: [
-                d("entitySummary.generatedAt", { defaultValue: "Generated" }),
-                " ",
-                /* @__PURE__ */ e(
-                  V,
-                  {
-                    value: o,
-                    format: "absolute",
-                    locale: v
-                  }
-                )
-              ] }) : null,
-              c ? /* @__PURE__ */ e(
-                T,
-                {
-                  type: "button",
-                  size: "sm",
-                  intent: "ghost",
-                  startIcon: /* @__PURE__ */ e(E, { "aria-hidden": "true" }),
-                  onClick: c,
-                  children: y ?? d("entitySummary.regenerate", { defaultValue: "Regenerate" })
-                }
-              ) : null
-            ] }),
-            i && i.length > 0 ? /* @__PURE__ */ e("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: i.map((r, f) => /* @__PURE__ */ a("span", { children: [
-              f > 0 ? " · " : null,
-              /* @__PURE__ */ e("span", { className: "ds:text-[color:var(--foreground)]", children: r.value }),
-              " ",
-              r.label
-            ] }, `${r.label}-${f}`)) }) : null
-          ] }),
-          x.map((r) => /* @__PURE__ */ e(C, { section: r }, r.id)),
-          /* @__PURE__ */ e("p", { className: "ds:m-0 type-meta ds:text-[color:var(--muted-foreground)]", children: h ?? d("entitySummary.disclaimer", {
-            defaultValue: "Does not replace clinical judgement · verify accuracy before clinical use · BETA"
-          }) })
-        ]
-      }
-    );
-  }
-);
-function C({ section: l }) {
-  const n = g(), s = l.tone === "attention";
-  return /* @__PURE__ */ a(
-    "section",
-    {
-      "aria-labelledby": n,
-      className: s ? "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-md)] ds:border-s ds:border-[color:var(--warning-foreground)] ds:bg-warning/10 ds:p-[var(--spacing-sm)]" : "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-      children: [
-        /* @__PURE__ */ a(
-          "h3",
-          {
-            id: n,
-            className: "ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--foreground)]",
-            children: [
-              s ? /* @__PURE__ */ e(
-                A,
-                {
-                  "aria-hidden": "true",
-                  className: "ds:size-3.5 ds:shrink-0 ds:text-[color:var(--warning-foreground)]"
-                }
-              ) : null,
-              l.heading
-            ]
-          }
-        ),
-        /* @__PURE__ */ e("ul", { className: "ds:m-0 ds:flex ds:list-disc ds:flex-col ds:gap-[var(--spacing-2xs)] ds:ps-[var(--spacing-md)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: l.items.map((t, o) => /* @__PURE__ */ e("li", { children: t }, o)) })
-      ]
-    }
-  );
-}
-export {
-  M as E
-};
-//# sourceMappingURL=entity-summary-BxRjFh_4.js.map

package/dist/_chunks/entity-summary-BxRjFh_4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"entity-summary-BxRjFh_4.js","sources":["../../src/components/entity-summary/entity-summary.tsx"],"sourcesContent":["import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { RefreshCw, TriangleAlert, X } from 'lucide-react';\nimport { Button, IconButton } from '../button';\nimport { Link } from '../link';\nimport { Timestamp } from '../timestamp';\n\n/* ------------------------------------------------------------------ */\n/* EntitySummary — the AI narrative brief for an entity.               */\n/*                                                                    */\n/* The kit form of platform's \"Sintesi IA\": a generated, sectioned    */\n/* brief of a patient / care plan — header (entity · generated-at ·   */\n/* regenerate · corpus stats), N labelled sections of bullet items    */\n/* (with inline entity links), and a BETA disclaimer. The `attention` */\n/* section tone carries the clinically valuable risk flags.           */\n/*                                                                    */\n/* The kit owns the layout, i18n and theming; the consumer passes     */\n/* structured `sections` (data-in) so the brief re-themes and         */\n/* localises rather than rendering a model HTML blob. Gate generation */\n/* behind `AiConsentBanner` upstream.                                 */\n/* ------------------------------------------------------------------ */\n\n/** A corpus stat shown in the header (e.g. `{ value: 5, label: 'care plans' }`). */\nexport interface EntitySummaryStat {\n  value: string | number;\n  label: string;\n}\n\n/** One narrative section — a heading over a list of bullet items. */\nexport interface EntitySummarySection {\n  id: string;\n  heading: string;\n  /** `attention` renders the risk-flag treatment (warning-tinted, alert glyph). */\n  tone?: 'default' | 'attention';\n  /** Bullet items — `ReactNode` so consumers compose inline entity links. */\n  items: ReactNode[];\n}\n\nexport interface EntitySummaryProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title' | 'children'\n> {\n  /** Panel title. Defaults to the localised \"AI summary\". */\n  title?: string;\n  /** Entity name shown as a link in the header. */\n  entityName?: string;\n  /** Entity href for the name link. */\n  entityHref?: string;\n  /** ISO-8601 instant the brief was generated. */\n  generatedAtIso?: string;\n  /** Corpus the brief was built from, shown as a \"·\"-joined line. */\n  stats?: EntitySummaryStat[];\n  /** The narrative sections, in order. */\n  sections: EntitySummarySection[];\n  /** Regenerate the brief. Omit to hide the affordance. */\n  onRegenerate?: () => void;\n  /** Regenerate-button label. */\n  regenerateLabel?: string;\n  /** Dismiss the panel. Omit to hide the close affordance. */\n  onClose?: () => void;\n  /** Footer disclaimer. Defaults to the BETA clinical-judgement note. */\n  disclaimer?: ReactNode;\n  /** BCP-47 locale for the generated-at timestamp. */\n  locale?: string;\n  /** Accessible name for the panel region (defaults to `title`). */\n  'aria-label'?: string;\n}\n\nexport const EntitySummary = forwardRef<HTMLElement, EntitySummaryProps>(\n  function EntitySummary(\n    {\n      title,\n      entityName,\n      entityHref,\n      generatedAtIso,\n      stats,\n      sections,\n      onRegenerate,\n      regenerateLabel,\n      onClose,\n      disclaimer,\n      locale,\n      className,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const headingId = useId();\n    const heading =\n      title ?? t('entitySummary.title', { defaultValue: 'AI summary' });\n\n    return (\n      <section\n        ref={ref}\n        data-component=\"entity-summary\"\n        aria-labelledby={ariaLabel ? undefined : headingId}\n        aria-label={ariaLabel}\n        className={[\n          'ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {/* Header */}\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          {/* Pinned title row — stays visible as the meta + sections scroll\n              (e.g. inside the Control Room rail's scroll region). */}\n          <div className=\"ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)] ds:py-[var(--spacing-2xs)] ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <h2\n              id={headingId}\n              className=\"ds:m-0 type-title-card ds:text-[color:var(--foreground)]\"\n            >\n              {heading}\n            </h2>\n            {onClose ? (\n              <IconButton\n                size=\"sm\"\n                intent=\"ghost\"\n                icon={<X aria-hidden=\"true\" />}\n                aria-label={t('entitySummary.close', { defaultValue: 'Close' })}\n                onClick={onClose}\n              />\n            ) : null}\n          </div>\n\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-body-sm ds:text-[color:var(--muted-foreground)]\">\n            {entityName ? (\n              entityHref ? (\n                <Link href={entityHref}>{entityName}</Link>\n              ) : (\n                <span className=\"ds:text-[color:var(--foreground)]\">\n                  {entityName}\n                </span>\n              )\n            ) : null}\n            {generatedAtIso ? (\n              <span>\n                {t('entitySummary.generatedAt', { defaultValue: 'Generated' })}{' '}\n                <Timestamp\n                  value={generatedAtIso}\n                  format=\"absolute\"\n                  locale={locale}\n                />\n              </span>\n            ) : null}\n            {onRegenerate ? (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                intent=\"ghost\"\n                startIcon={<RefreshCw aria-hidden=\"true\" />}\n                onClick={onRegenerate}\n              >\n                {regenerateLabel ??\n                  t('entitySummary.regenerate', { defaultValue: 'Regenerate' })}\n              </Button>\n            ) : null}\n          </div>\n\n          {stats && stats.length > 0 ? (\n            <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n              {stats.map((stat, index) => (\n                <span key={`${stat.label}-${index}`}>\n                  {index > 0 ? ' · ' : null}\n                  <span className=\"ds:text-[color:var(--foreground)]\">\n                    {stat.value}\n                  </span>{' '}\n                  {stat.label}\n                </span>\n              ))}\n            </p>\n          ) : null}\n        </div>\n\n        {/* Sections */}\n        {sections.map((section) => (\n          <Section key={section.id} section={section} />\n        ))}\n\n        {/* Disclaimer */}\n        <p className=\"ds:m-0 type-meta ds:text-[color:var(--muted-foreground)]\">\n          {disclaimer ??\n            t('entitySummary.disclaimer', {\n              defaultValue:\n                'Does not replace clinical judgement · verify accuracy before clinical use · BETA',\n            })}\n        </p>\n      </section>\n    );\n  },\n);\n\nfunction Section({ section }: { section: EntitySummarySection }): ReactNode {\n  const headingId = useId();\n  const attention = section.tone === 'attention';\n  return (\n    <section\n      aria-labelledby={headingId}\n      className={\n        attention\n          ? 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-md)] ds:border-s ds:border-[color:var(--warning-foreground)] ds:bg-warning/10 ds:p-[var(--spacing-sm)]'\n          : 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]'\n      }\n    >\n      <h3\n        id={headingId}\n        className=\"ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--foreground)]\"\n      >\n        {attention ? (\n          <TriangleAlert\n            aria-hidden=\"true\"\n            className=\"ds:size-3.5 ds:shrink-0 ds:text-[color:var(--warning-foreground)]\"\n          />\n        ) : null}\n        {section.heading}\n      </h3>\n      <ul className=\"ds:m-0 ds:flex ds:list-disc ds:flex-col ds:gap-[var(--spacing-2xs)] ds:ps-[var(--spacing-md)] type-body-sm ds:text-[color:var(--muted-foreground)]\">\n        {section.items.map((item, index) => (\n          <li key={index}>{item}</li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n"],"names":["EntitySummary","forwardRef","title","entityName","entityHref","generatedAtIso","stats","sections","onRegenerate","regenerateLabel","onClose","disclaimer","locale","className","ariaLabel","rest","ref","t","useTranslation","headingId","useId","heading","jsxs","jsx","IconButton","X","Link","Timestamp","Button","RefreshCw","stat","index","section","Section","attention","TriangleAlert","item"],"mappings":";;;;;;;;;;AAoEO,MAAMA,IAAgBC;AAAA,EAC3B,SACE;AAAA,IACE,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAYC,EAAA,GACZC,IACJnB,KAASe,EAAE,uBAAuB,EAAE,cAAc,cAAc;AAElE,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,kBAAe;AAAA,QACf,mBAAiBF,IAAY,SAAYK;AAAA,QACzC,cAAYL;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACAD;AAAA,QAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGE;AAAA,QAGJ,UAAA;AAAA,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,kDAGb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+JACb,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAIJ;AAAA,kBACJ,WAAU;AAAA,kBAET,UAAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEFX,IACC,gBAAAa;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,MAAM,gBAAAD,EAACE,GAAA,EAAE,eAAY,OAAA,CAAO;AAAA,kBAC5B,cAAYR,EAAE,uBAAuB,EAAE,cAAc,SAAS;AAAA,kBAC9D,SAASP;AAAA,gBAAA;AAAA,cAAA,IAET;AAAA,YAAA,GACN;AAAA,YAEA,gBAAAY,EAAC,OAAA,EAAI,WAAU,wJACZ,UAAA;AAAA,cAAAnB,IACCC,IACE,gBAAAmB,EAACG,GAAA,EAAK,MAAMtB,GAAa,UAAAD,EAAA,CAAW,IAEpC,gBAAAoB,EAAC,QAAA,EAAK,WAAU,qCACb,UAAApB,EAAA,CACH,IAEA;AAAA,cACHE,sBACE,QAAA,EACE,UAAA;AAAA,gBAAAY,EAAE,6BAA6B,EAAE,cAAc,YAAA,CAAa;AAAA,gBAAG;AAAA,gBAChE,gBAAAM;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBACC,OAAOtB;AAAA,oBACP,QAAO;AAAA,oBACP,QAAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF,EAAA,CACF,IACE;AAAA,cACHJ,IACC,gBAAAe;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,WAAW,gBAAAL,EAACM,GAAA,EAAU,eAAY,OAAA,CAAO;AAAA,kBACzC,SAASrB;AAAA,kBAER,eACCS,EAAE,4BAA4B,EAAE,cAAc,cAAc;AAAA,gBAAA;AAAA,cAAA,IAE9D;AAAA,YAAA,GACN;AAAA,YAECX,KAASA,EAAM,SAAS,sBACtB,KAAA,EAAE,WAAU,+DACV,UAAAA,EAAM,IAAI,CAACwB,GAAMC,wBACf,QAAA,EACE,UAAA;AAAA,cAAAA,IAAQ,IAAI,QAAQ;AAAA,cACrB,gBAAAR,EAAC,QAAA,EAAK,WAAU,qCACb,YAAK,OACR;AAAA,cAAQ;AAAA,cACPO,EAAK;AAAA,YAAA,KALG,GAAGA,EAAK,KAAK,IAAIC,CAAK,EAMjC,CACD,GACH,IACE;AAAA,UAAA,GACN;AAAA,UAGCxB,EAAS,IAAI,CAACyB,wBACZC,GAAA,EAAyB,SAAAD,EAAA,GAAZA,EAAQ,EAAsB,CAC7C;AAAA,4BAGA,KAAA,EAAE,WAAU,4DACV,UAAArB,KACCM,EAAE,4BAA4B;AAAA,YAC5B,cACE;AAAA,UAAA,CACH,EAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,SAASgB,EAAQ,EAAE,SAAAD,KAAyD;AAC1E,QAAMb,IAAYC,EAAA,GACZc,IAAYF,EAAQ,SAAS;AACnC,SACE,gBAAAV;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,mBAAiBH;AAAA,MACjB,WACEe,IACI,mLACA;AAAA,MAGN,UAAA;AAAA,QAAA,gBAAAZ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAIH;AAAA,YACJ,WAAU;AAAA,YAET,UAAA;AAAA,cAAAe,IACC,gBAAAX;AAAA,gBAACY;AAAA,gBAAA;AAAA,kBACC,eAAY;AAAA,kBACZ,WAAU;AAAA,gBAAA;AAAA,cAAA,IAEV;AAAA,cACHH,EAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,gBAAAT,EAAC,MAAA,EAAG,WAAU,sJACX,YAAQ,MAAM,IAAI,CAACa,GAAML,MACxB,gBAAAR,EAAC,MAAA,EAAgB,UAAAa,EAAA,GAARL,CAAa,CACvB,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}