@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/periodontal-chart-card-hRRJY1NN.js

@@ -1,455 +0,0 @@
-import { jsxs as o, jsx as e, Fragment as Z } from "react/jsx-runtime";
-import { forwardRef as ee, useId as te, useMemo as O } from "react";
-import { c as R } from "./index-D2ZczOXr.js";
-import { useTranslation as ae } from "react-i18next";
-import { B as re } from "./badge-DCOqV9mI.js";
-import { C as S } from "./card-DPmk26CL.js";
-import { K as ne, a as se } from "./key-value-pair-BrgbMfbF.js";
-import { u as oe } from "./registry-DvAUVLHh.js";
-const de = {
-  id: "periodontal-chart-card",
-  capabilities: [],
-  state: {
-    toothIds: {
-      type: "string[]",
-      descriptionKey: "ui.agent.periodontalChartCard.state.toothIds",
-      description: "FDI ids of the teeth currently charted. Tooth identifiers only — no patient identity.",
-      read: (d) => d.getToothIds()
-    },
-    siteCount: {
-      type: "number",
-      descriptionKey: "ui.agent.periodontalChartCard.state.siteCount",
-      description: "Total number of probing sites rendered.",
-      read: (d) => d.getSiteCount()
-    },
-    deepPocketCount: {
-      type: "number",
-      descriptionKey: "ui.agent.periodontalChartCard.state.deepPocketCount",
-      description: "Number of sites with a probing depth at or above the 6mm severe threshold.",
-      read: (d) => d.getDeepPocketCount()
-    }
-  },
-  actions: {},
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "periodontal-chart-card",
-      description: "Marks the PeriodontalChartCard root region."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, le = R("ds:w-full ds:text-[color:var(--foreground)]", {
-  variants: {
-    // Matches the kit's other `surface` props. `elevated` wraps in
-    // `<Card variant="elevated">`; `flat` drops the chrome for use
-    // inside an existing Card / Sheet.
-    surface: {
-      flat: "",
-      elevated: ""
-    }
-  },
-  defaultVariants: { surface: "elevated" }
-}), ie = R(
-  "ds:[font-variant-numeric:var(--font-feature-tabular)] ds:tabular-nums",
-  {
-    variants: {
-      severity: {
-        normal: "ds:text-[color:var(--foreground)]",
-        moderate: "ds:font-semibold ds:text-[color:var(--warning-foreground)]",
-        severe: "ds:font-bold ds:text-[color:var(--destructive)]"
-      }
-    },
-    defaultVariants: { severity: "normal" }
-  }
-), I = 4, N = 6, f = [
-  "db",
-  "b",
-  "mb",
-  "dl",
-  "l",
-  "ml"
-], ce = {
-  db: "Disto-buccal",
-  b: "Buccal",
-  mb: "Mesio-buccal",
-  dl: "Disto-lingual",
-  l: "Lingual",
-  ml: "Mesio-lingual"
-}, L = ["1", "2", "3", "4"];
-function pe(d) {
-  return d == null || !Number.isFinite(d) ? "normal" : d >= N ? "severe" : d >= I ? "moderate" : "normal";
-}
-function ue(d) {
-  return d === "severe" ? "∗∗" : d === "moderate" ? "∗" : "";
-}
-function A(d) {
-  const m = d.trim().charAt(0);
-  return L.includes(m) ? m : null;
-}
-const he = ee(
-  ({
-    sites: d,
-    dateIso: m,
-    dentition: y = "permanent",
-    mobility: v,
-    summary: u,
-    locale: q,
-    surface: P = "elevated",
-    "aria-label": F,
-    id: b,
-    className: _,
-    ...B
-  }, K) => {
-    const { t: a, i18n: Q } = ae(), k = te(), C = q ?? Q.language ?? "en", { quadrants: D, toothIds: U, siteCount: j, deepPocketCount: z } = O(() => {
-      const t = /* @__PURE__ */ new Map();
-      let h = 0, p = 0;
-      for (const n of d) {
-        h += 1, (n.pocketDepthMm ?? 0) >= N && (p += 1);
-        let c = t.get(n.tooth);
-        c || (c = { tooth: n.tooth, sites: {} }, t.set(n.tooth, c)), c.sites[n.site] = n;
-      }
-      const l = Array.from(t.values()), i = L.map((n) => ({
-        quadrant: n,
-        teeth: l.filter((c) => A(c.tooth) === n).sort((c, Y) => c.tooth.localeCompare(Y.tooth, "en"))
-      })).filter((n) => n.teeth.length > 0), r = l.filter((n) => A(n.tooth) === null);
-      r.length > 0 && i.push({ quadrant: null, teeth: r });
-      const s = i.flatMap((n) => n.teeth.map((c) => c.tooth));
-      return {
-        quadrants: i,
-        toothIds: s,
-        siteCount: h,
-        deepPocketCount: p
-      };
-    }, [d]);
-    oe(
-      de,
-      {
-        getToothIds: () => U,
-        getSiteCount: () => j,
-        getDeepPocketCount: () => z
-      },
-      b
-    );
-    const w = O(() => {
-      if (!m) return;
-      const t = new Date(m);
-      if (!Number.isNaN(t.getTime()))
-        try {
-          return new Intl.DateTimeFormat(C, {
-            dateStyle: "medium"
-          }).format(t);
-        } catch {
-          return t.toISOString().slice(0, 10);
-        }
-    }, [m, C]), M = a(
-      "periodontalChartCard.heading",
-      "Periodontal chart"
-    ), $ = F ?? M, H = {
-      permanent: "Permanent dentition",
-      primary: "Primary dentition",
-      mixed: "Mixed dentition"
-    }, T = a(`periodontalChartCard.dentition.${y}`, {
-      defaultValue: H[y]
-    }), x = (t) => {
-      try {
-        return new Intl.NumberFormat(C, {
-          maximumFractionDigits: 1
-        }).format(t);
-      } catch {
-        return String(t);
-      }
-    }, g = [];
-    (u == null ? void 0 : u.meanPocketDepthMm) != null && g.push({
-      key: "meanPocketDepth",
-      label: a(
-        "periodontalChartCard.summary.meanPocketDepth",
-        "Mean probing depth"
-      ),
-      value: a("periodontalChartCard.unit.mm", {
-        value: x(u.meanPocketDepthMm),
-        defaultValue: "{{value}} mm"
-      })
-    }), (u == null ? void 0 : u.bleedingOnProbingPercent) != null && g.push({
-      key: "bleedingOnProbing",
-      label: a(
-        "periodontalChartCard.summary.bleedingOnProbing",
-        "Bleeding on probing"
-      ),
-      value: a("periodontalChartCard.unit.percent", {
-        value: x(u.bleedingOnProbingPercent),
-        defaultValue: "{{value}}%"
-      })
-    });
-    const E = (t, h) => {
-      if (t == null || !Number.isFinite(t))
-        return /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:text-[color:var(--muted-foreground)]",
-            children: a("periodontalChartCard.cell.empty", "–")
-          }
-        );
-      const p = h === "pocket" ? pe(t) : "normal", l = h === "pocket" ? ue(p) : "", i = x(t), r = p === "severe" ? ` ${a("periodontalChartCard.flag.severe", "severe pocket")}` : p === "moderate" ? ` ${a("periodontalChartCard.flag.moderate", "moderate pocket")}` : "";
-      return /* @__PURE__ */ o("span", { className: ie({ severity: p }), children: [
-        /* @__PURE__ */ e("span", { children: i }),
-        l ? /* @__PURE__ */ e("span", { "aria-hidden": "true", children: l }) : null,
-        r ? /* @__PURE__ */ e("span", { className: "ds:sr-only", children: r }) : null
-      ] });
-    }, G = (t) => !t || !t.bleeding && !t.suppuration ? /* @__PURE__ */ e(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: "ds:text-[color:var(--muted-foreground)]",
-        children: a("periodontalChartCard.cell.empty", "–")
-      }
-    ) : /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-      t.bleeding ? /* @__PURE__ */ e(
-        "span",
-        {
-          role: "img",
-          "aria-label": a(
-            "periodontalChartCard.sign.bleeding",
-            "Bleeding on probing"
-          ),
-          className: "ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--destructive)]"
-        }
-      ) : null,
-      t.suppuration ? /* @__PURE__ */ e(
-        "span",
-        {
-          role: "img",
-          "aria-label": a(
-            "periodontalChartCard.sign.suppuration",
-            "Suppuration"
-          ),
-          className: "ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--warning)]"
-        }
-      ) : null
-    ] }), J = (t) => {
-      const h = {
-        1: "Upper right (Q1)",
-        2: "Upper left (Q2)",
-        3: "Lower left (Q3)",
-        4: "Lower right (Q4)"
-      }, p = t.quadrant != null ? a(`periodontalChartCard.quadrant.${t.quadrant}`, {
-        defaultValue: h[t.quadrant]
-      }) : a("periodontalChartCard.quadrant.other", "Other teeth"), l = "ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-center ds:border-b ds:border-[color:var(--border)]", i = "ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-start ds:font-medium ds:border-b ds:border-[color:var(--border)] ds:whitespace-nowrap";
-      return /* @__PURE__ */ e(
-        "div",
-        {
-          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-x-auto",
-          children: /* @__PURE__ */ o("table", { className: "type-body-sm ds:w-full ds:border-collapse", children: [
-            /* @__PURE__ */ e("caption", { className: "type-label ds:text-start ds:mb-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]", children: p }),
-            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
-              /* @__PURE__ */ e(
-                "th",
-                {
-                  scope: "col",
-                  className: "ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-start ds:border-b ds:border-[color:var(--border)]",
-                  children: a("periodontalChartCard.column.measure", "Measurement")
-                }
-              ),
-              t.teeth.map((r) => /* @__PURE__ */ o(
-                "th",
-                {
-                  scope: "col",
-                  "data-tooth-id": r.tooth,
-                  className: "ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-center ds:border-b ds:border-[color:var(--border)] ds:[font-variant-numeric:var(--font-feature-tabular)] ds:tabular-nums",
-                  children: [
-                    /* @__PURE__ */ e("span", { className: "ds:sr-only", children: a("periodontalChartCard.toothHeader", {
-                      tooth: r.tooth,
-                      defaultValue: "Tooth {{tooth}}"
-                    }) }),
-                    /* @__PURE__ */ e("span", { "aria-hidden": "true", children: r.tooth })
-                  ]
-                },
-                r.tooth
-              ))
-            ] }) }),
-            /* @__PURE__ */ o("tbody", { children: [
-              /* @__PURE__ */ o("tr", { children: [
-                /* @__PURE__ */ e("th", { scope: "row", className: i, children: a(
-                  "periodontalChartCard.row.pocketDepth",
-                  "Pocket depth (PD)"
-                ) }),
-                t.teeth.map((r) => /* @__PURE__ */ e("td", { className: l, children: /* @__PURE__ */ o("span", { className: "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]", children: [
-                  f.map((s) => /* @__PURE__ */ e("span", { className: "ds:sr-only", children: a(`periodontalChartCard.site.${s}`, {
-                    defaultValue: ce[s]
-                  }) }, s)),
-                  /* @__PURE__ */ e("span", { className: "ds:flex ds:gap-[var(--spacing-2xs)]", children: f.map((s) => {
-                    var n;
-                    return /* @__PURE__ */ e("span", { children: E(
-                      (n = r.sites[s]) == null ? void 0 : n.pocketDepthMm,
-                      "pocket"
-                    ) }, s);
-                  }) })
-                ] }) }, r.tooth))
-              ] }),
-              /* @__PURE__ */ o("tr", { children: [
-                /* @__PURE__ */ e("th", { scope: "row", className: i, children: a("periodontalChartCard.row.recession", "Recession (REC)") }),
-                t.teeth.map((r) => /* @__PURE__ */ e("td", { className: l, children: /* @__PURE__ */ e("span", { className: "ds:flex ds:gap-[var(--spacing-2xs)] ds:justify-center", children: f.map((s) => {
-                  var n;
-                  return /* @__PURE__ */ e("span", { children: E(
-                    (n = r.sites[s]) == null ? void 0 : n.recessionMm,
-                    "recession"
-                  ) }, s);
-                }) }) }, r.tooth))
-              ] }),
-              /* @__PURE__ */ o("tr", { children: [
-                /* @__PURE__ */ e("th", { scope: "row", className: i, children: a(
-                  "periodontalChartCard.row.signs",
-                  "Bleeding / suppuration"
-                ) }),
-                t.teeth.map((r) => /* @__PURE__ */ e("td", { className: l, children: /* @__PURE__ */ e("span", { className: "ds:flex ds:gap-[var(--spacing-2xs)] ds:justify-center", children: f.map((s) => /* @__PURE__ */ e("span", { children: G(r.sites[s]) }, s)) }) }, r.tooth))
-              ] }),
-              v && t.teeth.some((r) => v[r.tooth] != null) ? /* @__PURE__ */ o("tr", { children: [
-                /* @__PURE__ */ e("th", { scope: "row", className: i, children: a("periodontalChartCard.row.mobility", "Mobility") }),
-                t.teeth.map((r) => {
-                  const s = v[r.tooth];
-                  return /* @__PURE__ */ e("td", { className: l, children: s != null ? /* @__PURE__ */ e(
-                    re,
-                    {
-                      variant: s >= 2 ? "warning" : "neutral",
-                      size: "sm",
-                      "aria-label": a(
-                        "periodontalChartCard.mobility.label",
-                        {
-                          grade: s,
-                          defaultValue: "Mobility grade {{grade}}"
-                        }
-                      ),
-                      children: s
-                    }
-                  ) : /* @__PURE__ */ e(
-                    "span",
-                    {
-                      "aria-hidden": "true",
-                      className: "ds:text-[color:var(--muted-foreground)]",
-                      children: a("periodontalChartCard.cell.empty", "–")
-                    }
-                  ) }, r.tooth);
-                })
-              ] }) : null
-            ] })
-          ] })
-        },
-        t.quadrant ?? "other"
-      );
-    }, W = /* @__PURE__ */ o(
-      "div",
-      {
-        role: "group",
-        className: "type-meta ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[color:var(--muted-foreground)]",
-        "aria-label": a("periodontalChartCard.legend.label", "Chart legend"),
-        children: [
-          /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-            /* @__PURE__ */ e(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "ds:font-semibold ds:text-[color:var(--warning-foreground)]",
-                children: "∗"
-              }
-            ),
-            a("periodontalChartCard.legend.moderate", {
-              threshold: I,
-              defaultValue: "PD ≥ {{threshold}} mm"
-            })
-          ] }),
-          /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-            /* @__PURE__ */ e(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "ds:font-bold ds:text-[color:var(--destructive)]",
-                children: "∗∗"
-              }
-            ),
-            a("periodontalChartCard.legend.severe", {
-              threshold: N,
-              defaultValue: "PD ≥ {{threshold}} mm"
-            })
-          ] }),
-          /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-            /* @__PURE__ */ e(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--destructive)]"
-              }
-            ),
-            a("periodontalChartCard.sign.bleeding", "Bleeding on probing")
-          ] }),
-          /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-            /* @__PURE__ */ e(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--warning)]"
-              }
-            ),
-            a("periodontalChartCard.sign.suppuration", "Suppuration")
-          ] })
-        ]
-      }
-    ), X = D.length === 0, V = /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-      /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-        /* @__PURE__ */ e(
-          "h2",
-          {
-            id: k,
-            className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
-            children: M
-          }
-        ),
-        /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: w ? a("periodontalChartCard.subtitle.dated", {
-          dentition: T,
-          date: w,
-          defaultValue: "{{dentition}} · {{date}}"
-        }) : T })
-      ] }),
-      g.length > 0 ? /* @__PURE__ */ e(ne, { rowGap: "sm", children: g.map((t) => /* @__PURE__ */ e(se, { label: t.label, value: t.value }, t.key)) }) : null,
-      X ? /* @__PURE__ */ e(
-        "p",
-        {
-          role: "status",
-          className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]",
-          children: a(
-            "periodontalChartCard.empty",
-            "No periodontal readings recorded."
-          )
-        }
-      ) : /* @__PURE__ */ o(Z, { children: [
-        /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: D.map((t) => J(t)) }),
-        W
-      ] })
-    ] });
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: K,
-        role: "region",
-        "aria-label": $,
-        "aria-labelledby": k,
-        "data-component": "periodontal-chart-card",
-        "data-component-id": b,
-        id: b,
-        className: le({ surface: P, className: _ }),
-        ...B,
-        children: P === "elevated" ? /* @__PURE__ */ e(S, { variant: "elevated", children: /* @__PURE__ */ e(S.Body, { children: V }) }) : V
-      }
-    );
-  }
-);
-he.displayName = "PeriodontalChartCard";
-export {
-  f as P,
-  he as a,
-  de as p
-};
-//# sourceMappingURL=periodontal-chart-card-hRRJY1NN.js.map

package/dist/_chunks/periodontal-chart-card-hRRJY1NN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"periodontal-chart-card-hRRJY1NN.js","sources":["../../src/components/periodontal-chart-card/periodontal-chart-card.agent.ts","../../src/components/periodontal-chart-card/periodontal-chart-card.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PeriodontalChartCardHandle } from './periodontal-chart-card';\n\n/* -------------------------------------------------------------------- */\n/* PeriodontalChartCard — agent adapter                                   */\n/*                                                                        */\n/* Read-only clinical chart. The handle returns STRUCTURAL state only —  */\n/* the set of charted FDI tooth ids, how many probing sites breach the   */\n/* 4mm / 6mm thresholds, and the chart date. NEVER patient identity,     */\n/* names, or any free-text PHI — the chart never holds those.            */\n/* -------------------------------------------------------------------- */\n\nexport const periodontalChartCardAgent: AgentAdapter<PeriodontalChartCardHandle> =\n  {\n    id: 'periodontal-chart-card',\n    capabilities: [],\n    state: {\n      toothIds: {\n        type: 'string[]',\n        descriptionKey: 'ui.agent.periodontalChartCard.state.toothIds',\n        description:\n          'FDI ids of the teeth currently charted. Tooth identifiers only — no patient identity.',\n        read: (handle) => handle.getToothIds(),\n      },\n      siteCount: {\n        type: 'number',\n        descriptionKey: 'ui.agent.periodontalChartCard.state.siteCount',\n        description: 'Total number of probing sites rendered.',\n        read: (handle) => handle.getSiteCount(),\n      },\n      deepPocketCount: {\n        type: 'number',\n        descriptionKey: 'ui.agent.periodontalChartCard.state.deepPocketCount',\n        description:\n          'Number of sites with a probing depth at or above the 6mm severe threshold.',\n        read: (handle) => handle.getDeepPocketCount(),\n      },\n    },\n    actions: {},\n    domHooks: {\n      root: {\n        attr: 'data-component',\n        value: 'periodontal-chart-card',\n        description: 'Marks the PeriodontalChartCard root region.',\n      },\n      instanceId: {\n        attr: 'data-component-id',\n        sourceProp: 'id',\n        description: 'Sourced from the id prop.',\n      },\n    },\n  };\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { KeyValueList, KeyValuePair } from '../key-value-pair/key-value-pair';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { periodontalChartCardAgent } from './periodontal-chart-card.agent';\n\n/* -------------------------------------------------------------------- */\n/* PeriodontalChartCard                                                   */\n/*                                                                        */\n/* A DISPLAY-ONLY periodontal (gum) chart. There is no kit equivalent —  */\n/* the dental ToothScheme charts caries/restorations per tooth, whereas  */\n/* a perio chart records probing measurements per SITE (6 sites/tooth):  */\n/* pocket depth (PD), gingival recession (REC), bleeding on probing      */\n/* (BoP), suppuration, and tooth mobility.                                */\n/*                                                                        */\n/* It renders a compact per-quadrant TABLE (real <table>/<th> semantics  */\n/* + scope + caption — NOT a colour-only grid) of teeth x sites. Pocket  */\n/* depths >= 4mm are flagged with the warning token, >= 6mm with the     */\n/* destructive token, and EACH flag also carries a non-colour cue        */\n/* (bold weight + an asterisk / double-asterisk) so the severity is      */\n/* legible without colour. Bleeding and suppuration render as small      */\n/* glyphs WITH an accessible per-cell label.                             */\n/*                                                                        */\n/* The component owns no editing affordance — it is a passive read       */\n/* surface for a chart captured elsewhere.                                */\n/*                                                                        */\n/* All visible text flows through `useTranslation('ui')` against the     */\n/* `periodontalChartCard.*` namespace.                                   */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    // Matches the kit's other `surface` props. `elevated` wraps in\n    // `<Card variant=\"elevated\">`; `flat` drops the chrome for use\n    // inside an existing Card / Sheet.\n    surface: {\n      flat: '',\n      elevated: '',\n    },\n  },\n  defaultVariants: { surface: 'elevated' },\n});\n\n// Per-measurement-cell severity. The colour is paired with a weight bump\n// so the flag survives greyscale / forced-colors — colour is never the\n// sole cue (the asterisk in the cell content carries the same signal).\nconst measureVariants = cva(\n  'ds:[font-variant-numeric:var(--font-feature-tabular)] ds:tabular-nums',\n  {\n    variants: {\n      severity: {\n        normal: 'ds:text-[color:var(--foreground)]',\n        moderate: 'ds:font-semibold ds:text-[color:var(--warning-foreground)]',\n        severe: 'ds:font-bold ds:text-[color:var(--destructive)]',\n      },\n    },\n    defaultVariants: { severity: 'normal' },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Constants                                                              */\n/* -------------------------------------------------------------------- */\n\n/** Probing depth (mm) at/above which a site is flagged moderate. */\nconst MODERATE_POCKET_MM = 4;\n/** Probing depth (mm) at/above which a site is flagged severe. */\nconst SEVERE_POCKET_MM = 6;\n\n/** The six standard probing sites, in buccal-then-lingual display order. */\nexport const PERIODONTAL_SITE_ORDER = [\n  'db',\n  'b',\n  'mb',\n  'dl',\n  'l',\n  'ml',\n] as const;\n\nexport type PeriodontalSiteId = (typeof PERIODONTAL_SITE_ORDER)[number];\n\n/** English fallback labels for the six probing sites (belt-and-braces). */\nconst SITE_DEFAULT: Record<PeriodontalSiteId, string> = {\n  db: 'Disto-buccal',\n  b: 'Buccal',\n  mb: 'Mesio-buccal',\n  dl: 'Disto-lingual',\n  l: 'Lingual',\n  ml: 'Mesio-lingual',\n};\n\n/** FDI quadrant ids (first digit of the FDI tooth number). */\nconst QUADRANT_ORDER = ['1', '2', '3', '4'] as const;\ntype QuadrantId = (typeof QUADRANT_ORDER)[number];\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\n/** One probing-site reading. */\nexport interface PeriodontalSite {\n  /** FDI tooth number, e.g. `'11'`, `'46'`. */\n  tooth: string;\n  /** Probing site: mesio-/disto- buccal/lingual, mid buccal/lingual. */\n  site: PeriodontalSiteId;\n  /** Pocket depth in millimetres. */\n  pocketDepthMm?: number;\n  /** Gingival recession in millimetres. */\n  recessionMm?: number;\n  /** Bleeding on probing at this site. */\n  bleeding?: boolean;\n  /** Suppuration (pus) at this site. */\n  suppuration?: boolean;\n}\n\n/** Aggregate chart summary, consumer-supplied. */\nexport interface PeriodontalChartSummary {\n  /** Whole-mouth mean probing depth in millimetres. */\n  meanPocketDepthMm?: number;\n  /** Bleeding-on-probing as a percentage of sites (0–100). */\n  bleedingOnProbingPercent?: number;\n}\n\n/** Tooth-mobility grade (Miller 0–3). */\nexport type PeriodontalMobility = 0 | 1 | 2 | 3;\n\n/** Imperative handle — structural state only, never PHI. */\nexport interface PeriodontalChartCardHandle {\n  /** FDI ids of the charted teeth, in display order. */\n  getToothIds: () => string[];\n  /** Total probing sites rendered. */\n  getSiteCount: () => number;\n  /** Count of sites at/above the 6mm severe threshold. */\n  getDeepPocketCount: () => number;\n}\n\nexport interface PeriodontalChartCardProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** Probing-site readings. Sites are grouped per tooth automatically. */\n  sites: PeriodontalSite[];\n  /**\n   * ISO-8601 date the chart was captured. Rendered as a localised date in\n   * the header and exposed as the table caption context. Optional.\n   */\n  dateIso?: string;\n  /**\n   * Dentition the chart covers. Drives only the localised header label —\n   * tooth grouping is derived from the FDI numbers in `sites`.\n   */\n  dentition?: 'permanent' | 'primary' | 'mixed';\n  /** Per-tooth Miller mobility grade, keyed by FDI tooth number. */\n  mobility?: Record<string, PeriodontalMobility>;\n  /** Aggregate summary stats rendered above the per-quadrant tables. */\n  summary?: PeriodontalChartSummary;\n\n  /* ----- i18n / formatting ----- */\n\n  /** Locale for date + number formatting. Falls back to `i18n.language`. */\n  locale?: string;\n\n  /* ----- Styling ----- */\n\n  /**\n   * `'elevated'` (default) wraps in `<Card variant=\"elevated\">`. `'flat'`\n   * drops the Card — use inside another card / sheet.\n   */\n  surface?: 'flat' | 'elevated';\n\n  /* ----- a11y ----- */\n\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\n/** Classify a pocket depth into a severity band. */\nfunction pocketSeverity(\n  depth: number | undefined,\n): 'normal' | 'moderate' | 'severe' {\n  if (depth == null || !Number.isFinite(depth)) return 'normal';\n  if (depth >= SEVERE_POCKET_MM) return 'severe';\n  if (depth >= MODERATE_POCKET_MM) return 'moderate';\n  return 'normal';\n}\n\n/** Non-colour severity cue appended to the measurement (`''`/`*`/`**`). */\nfunction severityMarker(severity: 'normal' | 'moderate' | 'severe'): string {\n  if (severity === 'severe') return '∗∗';\n  if (severity === 'moderate') return '∗';\n  return '';\n}\n\n/** FDI quadrant (first digit) of a tooth number, or null if unparseable. */\nfunction quadrantOf(tooth: string): QuadrantId | null {\n  const first = tooth.trim().charAt(0);\n  return (QUADRANT_ORDER as readonly string[]).includes(first)\n    ? (first as QuadrantId)\n    : null;\n}\n\ninterface ToothRow {\n  tooth: string;\n  sites: Partial<Record<PeriodontalSiteId, PeriodontalSite>>;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const PeriodontalChartCard = forwardRef<\n  HTMLDivElement,\n  PeriodontalChartCardProps\n>(\n  (\n    {\n      sites,\n      dateIso,\n      dentition = 'permanent',\n      mobility,\n      summary,\n      locale,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const headingId = useId();\n    const resolvedLocale = locale ?? i18n.language ?? 'en';\n\n    // Group sites by tooth, then bucket teeth into FDI quadrants. The\n    // grouping is derived purely from the FDI numbers — the consumer\n    // passes a flat site list and the kit owns the layout.\n    const { quadrants, toothIds, siteCount, deepPocketCount } = useMemo(() => {\n      const byTooth = new Map<string, ToothRow>();\n      let sCount = 0;\n      let deep = 0;\n      for (const site of sites) {\n        sCount += 1;\n        if ((site.pocketDepthMm ?? 0) >= SEVERE_POCKET_MM) deep += 1;\n        let row = byTooth.get(site.tooth);\n        if (!row) {\n          row = { tooth: site.tooth, sites: {} };\n          byTooth.set(site.tooth, row);\n        }\n        row.sites[site.site] = site;\n      }\n\n      // Sort teeth within a quadrant by their FDI position digit (2nd\n      // char) ascending; keep insertion order as a stable fallback.\n      const rows = Array.from(byTooth.values());\n      const grouped: Array<{\n        quadrant: QuadrantId | null;\n        teeth: ToothRow[];\n      }> = QUADRANT_ORDER.map((q) => ({\n        quadrant: q as QuadrantId | null,\n        teeth: rows\n          .filter((r) => quadrantOf(r.tooth) === q)\n          .sort((a, b) => a.tooth.localeCompare(b.tooth, 'en')),\n      })).filter((g) => g.teeth.length > 0);\n\n      // Teeth with an unparseable FDI quadrant render in their own group\n      // so nothing is silently dropped.\n      const unassigned = rows.filter((r) => quadrantOf(r.tooth) === null);\n      if (unassigned.length > 0) {\n        grouped.push({ quadrant: null, teeth: unassigned });\n      }\n\n      const ids = grouped.flatMap((g) => g.teeth.map((tt) => tt.tooth));\n      return {\n        quadrants: grouped,\n        toothIds: ids,\n        siteCount: sCount,\n        deepPocketCount: deep,\n      };\n    }, [sites]);\n\n    useAgentRegistration(\n      periodontalChartCardAgent,\n      {\n        getToothIds: () => toothIds,\n        getSiteCount: () => siteCount,\n        getDeepPocketCount: () => deepPocketCount,\n      },\n      id,\n    );\n\n    const formattedDate = useMemo(() => {\n      if (!dateIso) return undefined;\n      const parsed = new Date(dateIso);\n      if (Number.isNaN(parsed.getTime())) return undefined;\n      try {\n        return new Intl.DateTimeFormat(resolvedLocale, {\n          dateStyle: 'medium',\n        }).format(parsed);\n      } catch {\n        return parsed.toISOString().slice(0, 10);\n      }\n    }, [dateIso, resolvedLocale]);\n\n    const resolvedHeading = t(\n      'periodontalChartCard.heading',\n      'Periodontal chart',\n    );\n    const resolvedAriaLabel = ariaLabel ?? resolvedHeading;\n\n    const DENTITION_DEFAULT: Record<typeof dentition, string> = {\n      permanent: 'Permanent dentition',\n      primary: 'Primary dentition',\n      mixed: 'Mixed dentition',\n    };\n    const dentitionLabel = t(`periodontalChartCard.dentition.${dentition}`, {\n      defaultValue: DENTITION_DEFAULT[dentition],\n    });\n\n    const formatNumber = (n: number): string => {\n      try {\n        return new Intl.NumberFormat(resolvedLocale, {\n          maximumFractionDigits: 1,\n        }).format(n);\n      } catch {\n        return String(n);\n      }\n    };\n\n    /* ------------------------------------------------------------ */\n    /* Summary rows                                                  */\n    /* ------------------------------------------------------------ */\n\n    const summaryRows: Array<{ key: string; label: string; value: ReactNode }> =\n      [];\n    if (summary?.meanPocketDepthMm != null) {\n      summaryRows.push({\n        key: 'meanPocketDepth',\n        label: t(\n          'periodontalChartCard.summary.meanPocketDepth',\n          'Mean probing depth',\n        ),\n        value: t('periodontalChartCard.unit.mm', {\n          value: formatNumber(summary.meanPocketDepthMm),\n          defaultValue: '{{value}} mm',\n        }),\n      });\n    }\n    if (summary?.bleedingOnProbingPercent != null) {\n      summaryRows.push({\n        key: 'bleedingOnProbing',\n        label: t(\n          'periodontalChartCard.summary.bleedingOnProbing',\n          'Bleeding on probing',\n        ),\n        value: t('periodontalChartCard.unit.percent', {\n          value: formatNumber(summary.bleedingOnProbingPercent),\n          defaultValue: '{{value}}%',\n        }),\n      });\n    }\n\n    /* ------------------------------------------------------------ */\n    /* Render a single measurement cell                              */\n    /* ------------------------------------------------------------ */\n\n    const renderMeasure = (\n      depth: number | undefined,\n      kind: 'pocket' | 'recession',\n    ): ReactNode => {\n      if (depth == null || !Number.isFinite(depth)) {\n        return (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:text-[color:var(--muted-foreground)]\"\n          >\n            {t('periodontalChartCard.cell.empty', '–')}\n          </span>\n        );\n      }\n      const severity = kind === 'pocket' ? pocketSeverity(depth) : 'normal';\n      const marker = kind === 'pocket' ? severityMarker(severity) : '';\n      const numeric = formatNumber(depth);\n      // The flag is announced as a worded suffix for SR users; sighted\n      // users get the colour + bold + asterisk. The asterisk itself is\n      // aria-hidden so it isn't read as punctuation.\n      const srSuffix =\n        severity === 'severe'\n          ? ` ${t('periodontalChartCard.flag.severe', 'severe pocket')}`\n          : severity === 'moderate'\n            ? ` ${t('periodontalChartCard.flag.moderate', 'moderate pocket')}`\n            : '';\n      return (\n        <span className={measureVariants({ severity })}>\n          <span>{numeric}</span>\n          {marker ? <span aria-hidden=\"true\">{marker}</span> : null}\n          {srSuffix ? <span className=\"ds:sr-only\">{srSuffix}</span> : null}\n        </span>\n      );\n    };\n\n    /* ------------------------------------------------------------ */\n    /* Render bleeding / suppuration indicator cell                  */\n    /* ------------------------------------------------------------ */\n\n    const renderSigns = (site: PeriodontalSite | undefined): ReactNode => {\n      if (!site || (!site.bleeding && !site.suppuration)) {\n        return (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:text-[color:var(--muted-foreground)]\"\n          >\n            {t('periodontalChartCard.cell.empty', '–')}\n          </span>\n        );\n      }\n      return (\n        <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n          {site.bleeding ? (\n            <span\n              role=\"img\"\n              aria-label={t(\n                'periodontalChartCard.sign.bleeding',\n                'Bleeding on probing',\n              )}\n              className=\"ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--destructive)]\"\n            />\n          ) : null}\n          {site.suppuration ? (\n            <span\n              role=\"img\"\n              aria-label={t(\n                'periodontalChartCard.sign.suppuration',\n                'Suppuration',\n              )}\n              className=\"ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--warning)]\"\n            />\n          ) : null}\n        </span>\n      );\n    };\n\n    /* ------------------------------------------------------------ */\n    /* One quadrant table                                            */\n    /* ------------------------------------------------------------ */\n\n    const renderQuadrant = (group: {\n      quadrant: QuadrantId | null;\n      teeth: ToothRow[];\n    }): ReactNode => {\n      const QUADRANT_DEFAULT: Record<QuadrantId, string> = {\n        '1': 'Upper right (Q1)',\n        '2': 'Upper left (Q2)',\n        '3': 'Lower left (Q3)',\n        '4': 'Lower right (Q4)',\n      };\n      const captionText =\n        group.quadrant != null\n          ? t(`periodontalChartCard.quadrant.${group.quadrant}`, {\n              defaultValue: QUADRANT_DEFAULT[group.quadrant],\n            })\n          : t('periodontalChartCard.quadrant.other', 'Other teeth');\n      const cellClass =\n        'ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-center ds:border-b ds:border-[color:var(--border)]';\n      const rowHeaderClass =\n        'ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-start ds:font-medium ds:border-b ds:border-[color:var(--border)] ds:whitespace-nowrap';\n      return (\n        <div\n          key={group.quadrant ?? 'other'}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-x-auto\"\n        >\n          <table className=\"type-body-sm ds:w-full ds:border-collapse\">\n            <caption className=\"type-label ds:text-start ds:mb-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]\">\n              {captionText}\n            </caption>\n            <thead>\n              <tr>\n                <th\n                  scope=\"col\"\n                  className=\"ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-start ds:border-b ds:border-[color:var(--border)]\"\n                >\n                  {t('periodontalChartCard.column.measure', 'Measurement')}\n                </th>\n                {group.teeth.map((row) => (\n                  <th\n                    key={row.tooth}\n                    scope=\"col\"\n                    data-tooth-id={row.tooth}\n                    className=\"ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-center ds:border-b ds:border-[color:var(--border)] ds:[font-variant-numeric:var(--font-feature-tabular)] ds:tabular-nums\"\n                  >\n                    <span className=\"ds:sr-only\">\n                      {t('periodontalChartCard.toothHeader', {\n                        tooth: row.tooth,\n                        defaultValue: 'Tooth {{tooth}}',\n                      })}\n                    </span>\n                    <span aria-hidden=\"true\">{row.tooth}</span>\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {/* Pocket depth row */}\n              <tr>\n                <th scope=\"row\" className={rowHeaderClass}>\n                  {t(\n                    'periodontalChartCard.row.pocketDepth',\n                    'Pocket depth (PD)',\n                  )}\n                </th>\n                {group.teeth.map((row) => (\n                  <td key={row.tooth} className={cellClass}>\n                    <span className=\"ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]\">\n                      {PERIODONTAL_SITE_ORDER.map((siteId) => (\n                        <span key={siteId} className=\"ds:sr-only\">\n                          {t(`periodontalChartCard.site.${siteId}`, {\n                            defaultValue: SITE_DEFAULT[siteId],\n                          })}\n                        </span>\n                      ))}\n                      <span className=\"ds:flex ds:gap-[var(--spacing-2xs)]\">\n                        {PERIODONTAL_SITE_ORDER.map((siteId) => (\n                          <span key={siteId}>\n                            {renderMeasure(\n                              row.sites[siteId]?.pocketDepthMm,\n                              'pocket',\n                            )}\n                          </span>\n                        ))}\n                      </span>\n                    </span>\n                  </td>\n                ))}\n              </tr>\n              {/* Recession row */}\n              <tr>\n                <th scope=\"row\" className={rowHeaderClass}>\n                  {t('periodontalChartCard.row.recession', 'Recession (REC)')}\n                </th>\n                {group.teeth.map((row) => (\n                  <td key={row.tooth} className={cellClass}>\n                    <span className=\"ds:flex ds:gap-[var(--spacing-2xs)] ds:justify-center\">\n                      {PERIODONTAL_SITE_ORDER.map((siteId) => (\n                        <span key={siteId}>\n                          {renderMeasure(\n                            row.sites[siteId]?.recessionMm,\n                            'recession',\n                          )}\n                        </span>\n                      ))}\n                    </span>\n                  </td>\n                ))}\n              </tr>\n              {/* Bleeding / suppuration row */}\n              <tr>\n                <th scope=\"row\" className={rowHeaderClass}>\n                  {t(\n                    'periodontalChartCard.row.signs',\n                    'Bleeding / suppuration',\n                  )}\n                </th>\n                {group.teeth.map((row) => (\n                  <td key={row.tooth} className={cellClass}>\n                    <span className=\"ds:flex ds:gap-[var(--spacing-2xs)] ds:justify-center\">\n                      {PERIODONTAL_SITE_ORDER.map((siteId) => (\n                        <span key={siteId}>\n                          {renderSigns(row.sites[siteId])}\n                        </span>\n                      ))}\n                    </span>\n                  </td>\n                ))}\n              </tr>\n              {/* Mobility row — only when any tooth in the quadrant has a grade */}\n              {mobility &&\n              group.teeth.some((row) => mobility[row.tooth] != null) ? (\n                <tr>\n                  <th scope=\"row\" className={rowHeaderClass}>\n                    {t('periodontalChartCard.row.mobility', 'Mobility')}\n                  </th>\n                  {group.teeth.map((row) => {\n                    const grade = mobility[row.tooth];\n                    return (\n                      <td key={row.tooth} className={cellClass}>\n                        {grade != null ? (\n                          <Badge\n                            variant={grade >= 2 ? 'warning' : 'neutral'}\n                            size=\"sm\"\n                            aria-label={t(\n                              'periodontalChartCard.mobility.label',\n                              {\n                                grade,\n                                defaultValue: 'Mobility grade {{grade}}',\n                              },\n                            )}\n                          >\n                            {grade}\n                          </Badge>\n                        ) : (\n                          <span\n                            aria-hidden=\"true\"\n                            className=\"ds:text-[color:var(--muted-foreground)]\"\n                          >\n                            {t('periodontalChartCard.cell.empty', '–')}\n                          </span>\n                        )}\n                      </td>\n                    );\n                  })}\n                </tr>\n              ) : null}\n            </tbody>\n          </table>\n        </div>\n      );\n    };\n\n    /* ------------------------------------------------------------ */\n    /* Legend — explains the non-colour cues                         */\n    /* ------------------------------------------------------------ */\n\n    const legend = (\n      <div\n        role=\"group\"\n        className=\"type-meta ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[color:var(--muted-foreground)]\"\n        aria-label={t('periodontalChartCard.legend.label', 'Chart legend')}\n      >\n        <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:font-semibold ds:text-[color:var(--warning-foreground)]\"\n          >\n            {'∗'}\n          </span>\n          {t('periodontalChartCard.legend.moderate', {\n            threshold: MODERATE_POCKET_MM,\n            defaultValue: 'PD ≥ {{threshold}} mm',\n          })}\n        </span>\n        <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:font-bold ds:text-[color:var(--destructive)]\"\n          >\n            {'∗∗'}\n          </span>\n          {t('periodontalChartCard.legend.severe', {\n            threshold: SEVERE_POCKET_MM,\n            defaultValue: 'PD ≥ {{threshold}} mm',\n          })}\n        </span>\n        <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--destructive)]\"\n          />\n          {t('periodontalChartCard.sign.bleeding', 'Bleeding on probing')}\n        </span>\n        <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--warning)]\"\n          />\n          {t('periodontalChartCard.sign.suppuration', 'Suppuration')}\n        </span>\n      </div>\n    );\n\n    const isEmpty = quadrants.length === 0;\n\n    const inner = (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          <h2\n            id={headingId}\n            className=\"type-title-card ds:m-0 ds:text-[color:var(--foreground)]\"\n          >\n            {resolvedHeading}\n          </h2>\n          <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n            {formattedDate\n              ? t('periodontalChartCard.subtitle.dated', {\n                  dentition: dentitionLabel,\n                  date: formattedDate,\n                  defaultValue: '{{dentition}} · {{date}}',\n                })\n              : dentitionLabel}\n          </p>\n        </div>\n\n        {summaryRows.length > 0 ? (\n          <KeyValueList rowGap=\"sm\">\n            {summaryRows.map((row) => (\n              <KeyValuePair key={row.key} label={row.label} value={row.value} />\n            ))}\n          </KeyValueList>\n        ) : null}\n\n        {isEmpty ? (\n          <p\n            role=\"status\"\n            className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\"\n          >\n            {t(\n              'periodontalChartCard.empty',\n              'No periodontal readings recorded.',\n            )}\n          </p>\n        ) : (\n          <>\n            <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              {quadrants.map((group) => renderQuadrant(group))}\n            </div>\n            {legend}\n          </>\n        )}\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"periodontal-chart-card\"\n        data-component-id={id}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            <Card.Body>{inner}</Card.Body>\n          </Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nPeriodontalChartCard.displayName = 'PeriodontalChartCard';\n\nexport type PeriodontalChartCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n"],"names":["periodontalChartCardAgent","handle","rootVariants","cva","measureVariants","MODERATE_POCKET_MM","SEVERE_POCKET_MM","PERIODONTAL_SITE_ORDER","SITE_DEFAULT","QUADRANT_ORDER","pocketSeverity","depth","severityMarker","severity","quadrantOf","tooth","first","PeriodontalChartCard","forwardRef","sites","dateIso","dentition","mobility","summary","locale","surface","ariaLabel","id","className","rest","ref","t","i18n","useTranslation","headingId","useId","resolvedLocale","quadrants","toothIds","siteCount","deepPocketCount","useMemo","byTooth","sCount","deep","site","row","rows","grouped","q","r","a","b","g","unassigned","ids","tt","useAgentRegistration","formattedDate","parsed","resolvedHeading","resolvedAriaLabel","DENTITION_DEFAULT","dentitionLabel","formatNumber","n","summaryRows","renderMeasure","kind","jsx","marker","numeric","srSuffix","renderSigns","jsxs","renderQuadrant","group","QUADRANT_DEFAULT","captionText","cellClass","rowHeaderClass","siteId","_a","grade","Badge","legend","isEmpty","inner","KeyValueList","KeyValuePair","Fragment","Card"],"mappings":"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"}