@alfadocs/ui-kit 0.69.0 → 0.70.0

package/dist/_chunks/tooth-scheme-BhQoPNBD.js

@@ -0,0 +1,2131 @@
+import { jsxs as k, jsx as d, Fragment as Sn } from "react/jsx-runtime";
+import { forwardRef as $n, useState as Z, useRef as qe, useEffect as xe, useMemo as Se, useCallback as O, useImperativeHandle as In } from "react";
+import * as K from "@radix-ui/react-tooltip";
+import { c as ne } from "./index-D2ZczOXr.js";
+import { useTranslation as Qt } from "react-i18next";
+import { u as kn } from "./registry-DvAUVLHh.js";
+import { I as Tn } from "./icon-button-LqoiKcUN.js";
+import { P as Je } from "./popover-B2qCDhJC.js";
+import { S as An } from "./select-DMLG44F5.js";
+import { S as et } from "./switch-OILsBLWo.js";
+import { S as Ln } from "./settings-ca2Yi9R8.js";
+const ee = {
+  type: "string",
+  description: "FDI tooth id ('11'–'48' permanent, '51'–'85' primary) or a special-element id ('Q1'–'Q4' quadrants, 'S1'–'S6' sextants, 'AS'/'AI' arches, 'general'; primary mirrors with an 'm' prefix)."
+}, je = {
+  enum: [
+    "caries",
+    "filled",
+    "crowned",
+    "temporaryCrown",
+    "bridge",
+    "missing",
+    "implant",
+    "implantExtraction",
+    "stub",
+    "destroyed",
+    "rootCanal"
+  ]
+}, Cn = {
+  enum: ["mesial", "distal", "occlusal", "buccal", "lingual"]
+}, Rn = {
+  type: "object",
+  properties: {
+    id: { type: "string" },
+    url: { type: "string" },
+    thumbnailUrl: { type: "string" },
+    date: { type: "string", description: "ISO acquisition date (YYYY-MM-DD)." },
+    note: { type: "string" },
+    kind: { enum: ["periapical", "bitewing", "panoramic", "other"] },
+    alt: { type: "string" }
+  },
+  required: ["id", "url"]
+}, En = {
+  id: "tooth-scheme",
+  // pick — focus/select a tooth (`focus_tooth`, transient, not persisted);
+  // set_value / edit_inline — `set_finding` records a finding and marks the
+  // affected surfaces (set-surface), `remove_finding` clears one;
+  // view_change — the side/plan projection + dentition are view props.
+  capabilities: ["pick", "set_value", "edit_inline", "view_change"],
+  state: {
+    chart: {
+      type: "object",
+      descriptionKey: "ui.agent.toothScheme.state.chart",
+      description: "Current dental chart — findings (and marked surfaces) keyed by FDI id, or by a special-element id (quadrant / sextant / arch / general) for region-spanning findings.",
+      read: (t) => t.getChart()
+    },
+    chartedTeeth: {
+      type: "string[]",
+      descriptionKey: "ui.agent.toothScheme.state.chartedTeeth",
+      description: "Ids carrying at least one finding — FDI tooth ids and/or special-element ids (quadrant / sextant / arch / general).",
+      read: (t) => Object.keys(t.getChart())
+    },
+    radiographs: {
+      // A9: the always-on state snapshot carries identifiers + enums only —
+      // never PHI free-text (the radiograph `note`), service dates, or the
+      // consumer-hosted image URLs. Those are fetched deliberately, per tooth,
+      // via the audited `get_radiographs` action.
+      type: "Record<string, { id: string; kind?: string }[]>",
+      descriptionKey: "ui.agent.toothScheme.state.radiographs",
+      description: "Structural references (id + kind) to the radiographs on each tooth, keyed by FDI id. Notes, dates and image URLs are not exposed here — fetch them on demand via get_radiographs.",
+      read: (t) => Object.fromEntries(
+        t.teethWithRadiographs().map((n) => [
+          n,
+          t.getRadiographs(n).map((i) => ({ id: i.id, kind: i.kind ?? "periapical" }))
+        ])
+      )
+    },
+    teethWithRadiographs: {
+      type: "string[]",
+      descriptionKey: "ui.agent.toothScheme.state.teethWithRadiographs",
+      description: "FDI ids of every tooth carrying at least one radiograph.",
+      read: (t) => t.teethWithRadiographs()
+    }
+  },
+  actions: {
+    focus_tooth: {
+      safety: "read",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: ee },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.focusTooth",
+      description: "Move focus to a specific tooth by FDI id.",
+      invoke: (t, n) => {
+        t.focusTooth(n.id);
+      }
+    },
+    get_tooth: {
+      safety: "read",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: ee },
+        required: ["id"]
+      },
+      returns: "ToothCondition[]",
+      returnsSchema: { type: "array", items: je },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.getTooth",
+      description: "Read the findings recorded on one tooth (FDI id).",
+      invoke: (t, n) => t.getTooth(n.id)
+    },
+    teeth_with: {
+      safety: "read",
+      argsType: "{ condition: ToothCondition }",
+      argsSchema: {
+        type: "object",
+        properties: { condition: je },
+        required: ["condition"]
+      },
+      returns: "FdiId[]",
+      returnsSchema: { type: "array", items: ee },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.teethWith",
+      description: "List the ids carrying a given finding — FDI tooth ids and/or special-element ids (e.g. all teeth with caries).",
+      invoke: (t, n) => t.teethWith(n.condition)
+    },
+    get_radiographs: {
+      safety: "read",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: ee },
+        required: ["id"]
+      },
+      returns: "Radiograph[]",
+      returnsSchema: { type: "array", items: Rn },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.getRadiographs",
+      description: "Read the radiographs (x-rays) attached to one tooth.",
+      invoke: (t, n) => t.getRadiographs(n.id)
+    },
+    open_radiographs: {
+      safety: "read",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: ee },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.openRadiographs",
+      description: "Focus a tooth and open its radiograph archive (fires the host's onOpenRadiographs).",
+      invoke: (t, n) => {
+        t.openRadiographs(n.id);
+      }
+    },
+    set_finding: {
+      safety: "write",
+      argsType: "{ id: FdiId; condition: ToothCondition; surfaces?: Surface[] }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: ee,
+          condition: je,
+          surfaces: { type: "array", items: Cn }
+        },
+        required: ["id", "condition"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.setFinding",
+      description: "Record a finding on a tooth or region element (crown, implant, root canal, caries, …). Optionally mark the affected surfaces for a surface finding.",
+      invoke: (t, n) => {
+        t.setFinding(n.id, n.condition, n.surfaces);
+      }
+    },
+    remove_finding: {
+      safety: "write",
+      argsType: "{ id: FdiId; condition: ToothCondition }",
+      argsSchema: {
+        type: "object",
+        properties: { id: ee, condition: je },
+        required: ["id", "condition"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.removeFinding",
+      description: "Remove a single finding from a tooth.",
+      invoke: (t, n) => {
+        t.removeFinding(n.id, n.condition);
+      }
+    },
+    clear_tooth: {
+      safety: "destructive",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: ee },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.clearTooth",
+      description: "Clear every finding from a tooth.",
+      invoke: (t, n) => {
+        t.clearTooth(n.id);
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "tooth-scheme" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-fdi",
+      description: "Each rendered tooth `<g>` carries its FDI id as `data-fdi`; selectable special-element slots carry their id there too (plus `data-special` naming the kind). The `data-projection` / `data-view-mode` attributes on the root expose the side/plan/both view."
+    }
+  }
+}, Te = [
+  // upper
+  "18",
+  "17",
+  "16",
+  "15",
+  "14",
+  "13",
+  "12",
+  "11",
+  "21",
+  "22",
+  "23",
+  "24",
+  "25",
+  "26",
+  "27",
+  "28",
+  // lower
+  "48",
+  "47",
+  "46",
+  "45",
+  "44",
+  "43",
+  "42",
+  "41",
+  "31",
+  "32",
+  "33",
+  "34",
+  "35",
+  "36",
+  "37",
+  "38"
+], Ae = [
+  // upper
+  "55",
+  "54",
+  "53",
+  "52",
+  "51",
+  "61",
+  "62",
+  "63",
+  "64",
+  "65",
+  // lower
+  "85",
+  "84",
+  "83",
+  "82",
+  "81",
+  "71",
+  "72",
+  "73",
+  "74",
+  "75"
+];
+function Mn(t) {
+  return t <= 2 ? "incisor" : t === 3 ? "canine" : t <= 5 ? "premolar" : "molar";
+}
+function Dn(t) {
+  return t <= 2 ? "incisor" : t === 3 ? "canine" : "molar";
+}
+function Nn(t, n) {
+  const i = (t - 1) % 4 + 1;
+  return `${i === 1 ? "UR" : i === 2 ? "UL" : i === 3 ? "LL" : "LR"}${n}`;
+}
+function _n(t, n) {
+  switch (t) {
+    case 1:
+      return String(1 + (8 - n));
+    case 2:
+      return String(8 + n);
+    case 3:
+      return String(17 + (8 - n));
+    case 4:
+      return String(24 + n);
+    default:
+      return "";
+  }
+}
+function On(t, n) {
+  const i = "ABCDEFGHIJKLMNOPQRST";
+  let o = -1;
+  switch (t) {
+    case 5:
+      o = 0 + (5 - n);
+      break;
+    case 6:
+      o = 5 + (n - 1);
+      break;
+    case 7:
+      o = 10 + (5 - n);
+      break;
+    case 8:
+      o = 15 + (n - 1);
+      break;
+    default:
+      o = -1;
+  }
+  return o >= 0 ? i[o] : "";
+}
+function qn(t) {
+  const n = Number(t[0]), i = Number(t[1]), o = n >= 5, l = o ? Dn(i) : Mn(i), v = n === 1 || n === 2 || n === 5 || n === 6 ? "upper" : "lower", m = n === 1 || n === 4 || n === 5 || n === 8 ? "right" : "left", S = o ? On(n, i) : _n(n, i), w = Nn(n, i);
+  return {
+    fdi: t,
+    universal: S,
+    palmer: w,
+    quadrant: n,
+    positionInQuadrant: i,
+    anatomy: l,
+    arch: v,
+    side: m,
+    dentition: o ? "primary" : "permanent"
+  };
+}
+const Q = [
+  ...Te,
+  ...Ae
+].reduce((t, n) => (t[n] = qn(n), t), {}), jn = Object.fromEntries(
+  Object.entries(Q).map(([t, n]) => [t, n.universal])
+), Kn = Object.fromEntries(
+  Object.entries(Q).map(([t, n]) => [t, n.palmer])
+);
+function at(t) {
+  return t.dentition !== "primary" ? t.fdi : `${t.quadrant - 4}${t.positionInQuadrant}`;
+}
+const Fn = 0.72, yr = {
+  caries: "--destructive",
+  filled: "--info",
+  crowned: "--warning",
+  temporaryCrown: "--warning",
+  bridge: "--primary",
+  missing: "--muted-foreground",
+  implant: "--accent",
+  implantExtraction: "--accent",
+  stub: "--muted-foreground",
+  destroyed: "--destructive",
+  rootCanal: "--primary"
+}, Ie = {
+  caries: "var(--destructive)",
+  filled: "var(--info)",
+  crowned: "var(--warning)",
+  temporaryCrown: "var(--warning)",
+  bridge: "var(--primary)",
+  missing: "var(--muted-foreground)",
+  implant: "var(--accent)",
+  implantExtraction: "var(--accent)",
+  stub: "var(--muted-foreground)",
+  destroyed: "var(--destructive)",
+  rootCanal: "var(--primary)"
+}, ot = {
+  crowned: { folder: "crown", resolve: "per-fdi" },
+  temporaryCrown: { folder: "temporaryCrown", resolve: "per-fdi" },
+  bridge: { folder: "replacement", resolve: "per-fdi" },
+  destroyed: { folder: "destroyed", resolve: "per-fdi" },
+  implant: { folder: "implant", resolve: "general" },
+  implantExtraction: { folder: "implantExtraction", resolve: "general" },
+  stub: { folder: "stub", resolve: "general" },
+  rootCanal: { folder: "rootTreatment", resolve: "rct" }
+};
+function Ut(t, n, i) {
+  const o = t.arch === "upper" ? "top" : "bottom", l = `${n}/side/${i.folder}/${o}`;
+  if (i.resolve === "general") return `${l}/general.webp`;
+  const v = at(t);
+  return i.resolve === "rct" ? `${l}/${v}/full.webp` : `${l}/${v}.webp`;
+}
+const Wn = {
+  mesial: "mesial",
+  distal: "distal",
+  occlusal: "occlusal",
+  buccal: "vestibular",
+  lingual: "oral"
+}, Pn = {
+  caries: "caries",
+  filled: "filling"
+};
+function Hn(t, n, i, o) {
+  const l = t.arch === "upper" ? "top" : "bottom";
+  return `${n}/plan/${i}/${l}/${at(t)}-${Wn[o]}.webp`;
+}
+function tt(t) {
+  return t.anatomy === "molar" || t.anatomy === "premolar" ? ["top", "bottom", "left", "right", "center"] : ["top", "bottom", "left", "right"];
+}
+function Ot(t, n) {
+  if (n === "center") return "occlusal";
+  if (n === "top") return t.arch === "upper" ? "buccal" : "lingual";
+  if (n === "bottom") return t.arch === "upper" ? "lingual" : "buccal";
+  const i = t.quadrant <= 4 ? t.quadrant : t.quadrant - 4, o = i === 1 || i === 4;
+  return n === "left" ? o ? "distal" : "mesial" : o ? "mesial" : "distal";
+}
+const qt = (t) => Math.round(t * 100) / 100;
+function Qn(t, n, i) {
+  const { x: o, y: l, w: v, h: m } = n, S = o + v, w = l + m, a = (p, A) => `${qt(p)} ${qt(A)}`;
+  if (!i) {
+    const p = o + v / 2, A = l + m / 2;
+    switch (t) {
+      case "top":
+        return `M ${a(o, l)} L ${a(S, l)} L ${a(p, A)} Z`;
+      case "bottom":
+        return `M ${a(o, w)} L ${a(S, w)} L ${a(p, A)} Z`;
+      case "left":
+        return `M ${a(o, l)} L ${a(p, A)} L ${a(o, w)} Z`;
+      case "right":
+        return `M ${a(S, l)} L ${a(p, A)} L ${a(S, w)} Z`;
+      default:
+        return "";
+    }
+  }
+  const M = o + v * 0.3, $ = l + m * 0.3, F = o + v * 0.7, R = l + m * 0.7;
+  switch (t) {
+    case "center":
+      return `M ${a(M, $)} L ${a(F, $)} L ${a(F, R)} L ${a(M, R)} Z`;
+    case "top":
+      return `M ${a(o, l)} L ${a(S, l)} L ${a(F, $)} L ${a(M, $)} Z`;
+    case "bottom":
+      return `M ${a(o, w)} L ${a(S, w)} L ${a(F, R)} L ${a(M, R)} Z`;
+    case "left":
+      return `M ${a(o, l)} L ${a(M, $)} L ${a(M, R)} L ${a(o, w)} Z`;
+    case "right":
+      return `M ${a(S, l)} L ${a(F, $)} L ${a(F, R)} L ${a(S, w)} Z`;
+    default:
+      return "";
+  }
+}
+const ke = 5, it = 40, L = 4, z = 36, Yt = 62;
+function Zt(t, n, i = "default", o = "side") {
+  const l = t.arch === "upper" ? "top" : "bottom";
+  return `${n}/${o}/${i}/${l}/${at(t)}.webp`;
+}
+function Un(t, n = Yt, i = {}) {
+  const o = t === "primary" ? Ae : t === "mixed" ? [...Te, ...Ae] : Te, l = [], v = [];
+  for (const p of o)
+    Q[p].arch === "upper" ? l.push(p) : v.push(p);
+  const m = z + ke, S = Math.max(l.length, v.length), w = S > 0 ? S * m - ke : 0;
+  function a(p, A) {
+    const ie = p.length > 0 ? p.length * m - ke : 0, q = (w - ie) / 2;
+    return p.map((Le, Pe) => {
+      const G = Q[Le];
+      return {
+        fdi: Le,
+        meta: G,
+        x: q + Pe * m,
+        y: A
+      };
+    });
+  }
+  if (i.arch) {
+    const p = i.arch === "upper" ? l : v;
+    return { teeth: a(p, 0), width: w, height: n };
+  }
+  const M = a(l, 0), $ = a(v, n + it), F = w > 0 ? w : S * m, R = n * 2 + it;
+  return { teeth: [...M, ...$], width: F, height: R };
+}
+const C = (t) => [...Te, ...Ae].filter(
+  (n) => Q[n].quadrant === t
+), st = [
+  // Upper facial (side) row — Q1, Q2, AS, Gen.
+  {
+    id: "Q1",
+    kind: "quadrant",
+    arch: "upper",
+    dentition: "permanent",
+    labelKey: "quadrant",
+    labelIndex: 1,
+    code: "Q1",
+    teeth: C(1),
+    column: 0,
+    row: "side"
+  },
+  {
+    id: "Q2",
+    kind: "quadrant",
+    arch: "upper",
+    dentition: "permanent",
+    labelKey: "quadrant",
+    labelIndex: 2,
+    code: "Q2",
+    teeth: C(2),
+    column: 1,
+    row: "side"
+  },
+  {
+    id: "AS",
+    kind: "arch",
+    arch: "upper",
+    dentition: "permanent",
+    labelKey: "archUpper",
+    code: "AS",
+    teeth: [...C(1), ...C(2)],
+    column: 2,
+    row: "side"
+  },
+  {
+    id: "general",
+    kind: "general",
+    arch: "upper",
+    dentition: "permanent",
+    labelKey: "general",
+    code: "Gen.",
+    teeth: Te,
+    column: 3,
+    row: "side"
+  },
+  // Upper occlusal (plan) row — S1, S2, S3 (WHO sextants).
+  {
+    id: "S1",
+    kind: "sextant",
+    arch: "upper",
+    dentition: "permanent",
+    labelKey: "sextant",
+    labelIndex: 1,
+    code: "S1",
+    teeth: ["18", "17", "16", "15", "14"],
+    column: 0,
+    row: "plan"
+  },
+  {
+    id: "S2",
+    kind: "sextant",
+    arch: "upper",
+    dentition: "permanent",
+    labelKey: "sextant",
+    labelIndex: 2,
+    code: "S2",
+    teeth: ["13", "12", "11", "21", "22", "23"],
+    column: 1,
+    row: "plan"
+  },
+  {
+    id: "S3",
+    kind: "sextant",
+    arch: "upper",
+    dentition: "permanent",
+    labelKey: "sextant",
+    labelIndex: 3,
+    code: "S3",
+    teeth: ["24", "25", "26", "27", "28"],
+    column: 2,
+    row: "plan"
+  },
+  // Lower occlusal (plan) row — S4, S5, S6.
+  {
+    id: "S4",
+    kind: "sextant",
+    arch: "lower",
+    dentition: "permanent",
+    labelKey: "sextant",
+    labelIndex: 4,
+    code: "S4",
+    teeth: ["34", "35", "36", "37", "38"],
+    column: 0,
+    row: "plan"
+  },
+  {
+    id: "S5",
+    kind: "sextant",
+    arch: "lower",
+    dentition: "permanent",
+    labelKey: "sextant",
+    labelIndex: 5,
+    code: "S5",
+    teeth: ["43", "42", "41", "31", "32", "33"],
+    column: 1,
+    row: "plan"
+  },
+  {
+    id: "S6",
+    kind: "sextant",
+    arch: "lower",
+    dentition: "permanent",
+    labelKey: "sextant",
+    labelIndex: 6,
+    code: "S6",
+    teeth: ["44", "45", "46", "47", "48"],
+    column: 2,
+    row: "plan"
+  },
+  // Lower facial (side) row — Q4, Q3, AI.
+  {
+    id: "Q4",
+    kind: "quadrant",
+    arch: "lower",
+    dentition: "permanent",
+    labelKey: "quadrant",
+    labelIndex: 4,
+    code: "Q4",
+    teeth: C(4),
+    column: 0,
+    row: "side"
+  },
+  {
+    id: "Q3",
+    kind: "quadrant",
+    arch: "lower",
+    dentition: "permanent",
+    labelKey: "quadrant",
+    labelIndex: 3,
+    code: "Q3",
+    teeth: C(3),
+    column: 1,
+    row: "side"
+  },
+  {
+    id: "AI",
+    kind: "arch",
+    arch: "lower",
+    dentition: "permanent",
+    labelKey: "archLower",
+    code: "AI",
+    teeth: [...C(3), ...C(4)],
+    column: 2,
+    row: "side"
+  }
+], ct = [
+  // Upper facial (side) row.
+  {
+    id: "mQ1",
+    kind: "quadrant",
+    arch: "upper",
+    dentition: "primary",
+    labelKey: "quadrant",
+    labelIndex: 1,
+    code: "Q1",
+    teeth: C(5),
+    column: 0,
+    row: "side"
+  },
+  {
+    id: "mQ2",
+    kind: "quadrant",
+    arch: "upper",
+    dentition: "primary",
+    labelKey: "quadrant",
+    labelIndex: 2,
+    code: "Q2",
+    teeth: C(6),
+    column: 1,
+    row: "side"
+  },
+  {
+    id: "mAS",
+    kind: "arch",
+    arch: "upper",
+    dentition: "primary",
+    labelKey: "archUpper",
+    code: "AS",
+    teeth: [...C(5), ...C(6)],
+    column: 2,
+    row: "side"
+  },
+  {
+    id: "mGeneral",
+    kind: "general",
+    arch: "upper",
+    dentition: "primary",
+    labelKey: "general",
+    code: "Gen.",
+    teeth: Ae,
+    column: 3,
+    row: "side"
+  },
+  // Upper occlusal (plan) row.
+  {
+    id: "mS1",
+    kind: "sextant",
+    arch: "upper",
+    dentition: "primary",
+    labelKey: "sextant",
+    labelIndex: 1,
+    code: "S1",
+    teeth: ["55", "54"],
+    column: 0,
+    row: "plan"
+  },
+  {
+    id: "mS2",
+    kind: "sextant",
+    arch: "upper",
+    dentition: "primary",
+    labelKey: "sextant",
+    labelIndex: 2,
+    code: "S2",
+    teeth: ["53", "52", "51", "61", "62", "63"],
+    column: 1,
+    row: "plan"
+  },
+  {
+    id: "mS3",
+    kind: "sextant",
+    arch: "upper",
+    dentition: "primary",
+    labelKey: "sextant",
+    labelIndex: 3,
+    code: "S3",
+    teeth: ["64", "65"],
+    column: 2,
+    row: "plan"
+  },
+  // Lower occlusal (plan) row.
+  {
+    id: "mS4",
+    kind: "sextant",
+    arch: "lower",
+    dentition: "primary",
+    labelKey: "sextant",
+    labelIndex: 4,
+    code: "S4",
+    teeth: ["74", "75"],
+    column: 0,
+    row: "plan"
+  },
+  {
+    id: "mS5",
+    kind: "sextant",
+    arch: "lower",
+    dentition: "primary",
+    labelKey: "sextant",
+    labelIndex: 5,
+    code: "S5",
+    teeth: ["73", "72", "71", "81", "82", "83"],
+    column: 1,
+    row: "plan"
+  },
+  {
+    id: "mS6",
+    kind: "sextant",
+    arch: "lower",
+    dentition: "primary",
+    labelKey: "sextant",
+    labelIndex: 6,
+    code: "S6",
+    teeth: ["84", "85"],
+    column: 2,
+    row: "plan"
+  },
+  // Lower facial (side) row.
+  {
+    id: "mQ4",
+    kind: "quadrant",
+    arch: "lower",
+    dentition: "primary",
+    labelKey: "quadrant",
+    labelIndex: 4,
+    code: "Q4",
+    teeth: C(8),
+    column: 0,
+    row: "side"
+  },
+  {
+    id: "mQ3",
+    kind: "quadrant",
+    arch: "lower",
+    dentition: "primary",
+    labelKey: "quadrant",
+    labelIndex: 3,
+    code: "Q3",
+    teeth: C(7),
+    column: 1,
+    row: "side"
+  },
+  {
+    id: "mAI",
+    kind: "arch",
+    arch: "lower",
+    dentition: "primary",
+    labelKey: "archLower",
+    code: "AI",
+    teeth: [...C(7), ...C(8)],
+    column: 2,
+    row: "side"
+  }
+], Yn = [
+  ...st,
+  ...ct
+], zt = Yn.reduce((t, n) => (t[n.id] = n, t), {});
+function Zn(t) {
+  return t in zt;
+}
+function Ke(t, n, i) {
+  return (t === "primary" ? ct : st).filter(
+    (l) => l.arch === n && l.row === i && l.kind !== "general"
+  ).sort((l, v) => l.column - v.column);
+}
+function wr(t) {
+  return (t === "primary" ? ct : st).find((i) => i.kind === "general");
+}
+const te = 36;
+function zn(t, n) {
+  const i = t.kind === "quadrant" || t.kind === "arch" ? t.code : t.kind === "general" ? "general" : null;
+  return i ? `${/\/teeth\/?$/.test(n) ? n.replace(/\/teeth\/?$/, "/global") : `${n}/global`}/${i}.webp` : null;
+}
+const Gn = 8, jt = te + ke;
+function Fe(t, n) {
+  if (t.length === 0) return { specials: [], width: n };
+  const i = n + Gn, o = t.map((m) => ({
+    element: m,
+    x: i + m.column * jt,
+    y: 0
+  })), l = Math.max(...t.map((m) => m.column)), v = i + (l + 1) * jt - ke;
+  return { specials: o, width: v };
+}
+function Kt(t, n) {
+  switch (n) {
+    case "universal":
+      return jn[t] ?? t;
+    case "palmer":
+      return Kn[t] ?? t;
+    case "fdi":
+    default:
+      return t;
+  }
+}
+function xr() {
+  return {};
+}
+function Ft(t) {
+  const n = {};
+  for (const [i, o] of Object.entries(t))
+    !o || o.length === 0 || (n[i] = { conditions: o, surfaces: [] });
+  return n;
+}
+const Vn = ne(
+  [
+    "ds:tooth-scheme-alfadocs",
+    "ds:flex ds:flex-col",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+    // Block-level flex column so the SVG's w-full can grow to fill the frame.
+    // min-w-fit on the SVG floors it at natural size, so narrow frames scroll
+    // here rather than shrinking the per-tooth hit target below the 44px floor.
+    "ds:max-w-full ds:overflow-x-auto",
+    // When the scroll container itself is the tab stop (display mode, see
+    // scrollTabIndex) it needs a focus ring. Use an outline (not box-shadow):
+    // forced-colors / high-contrast mode zeroes box-shadow, which would leave
+    // HCM keyboard users with no visible focus. outline survives, and the
+    // CanvasText fallback repaints it in the system palette.
+    "ds:outline-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]"
+  ].join(" ")
+), Bn = ne(["ds:flex ds:flex-col ds:gap-0"].join(" ")), Xn = ne(
+  [
+    "ds:block",
+    "ds:w-full ds:min-w-fit ds:h-auto",
+    "ds:text-[var(--foreground)]"
+  ].join(" ")
+), Wt = ne(
+  [
+    "ds:group ds:cursor-pointer",
+    "ds:focus:outline-none",
+    "ds:transition-[fill,stroke,opacity] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none"
+  ].join(" ")
+), Jn = ne(
+  [
+    "ds:flex ds:flex-wrap ds:items-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "type-meta ds:text-[var(--muted-foreground)]"
+  ].join(" ")
+), er = ne(
+  ["ds:inline-flex ds:items-center", "ds:gap-[var(--spacing-xs)]"].join(" ")
+), tr = ne(["ds:sr-only"].join(" ")), nr = ne(
+  [
+    "ds:cursor-pointer ds:outline-none",
+    "ds:fill-transparent ds:stroke-transparent",
+    "ds:transition-[fill] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:hover:fill-[color-mix(in_srgb,var(--accent)_18%,transparent)]",
+    "ds:focus-visible:fill-[color-mix(in_srgb,var(--accent)_22%,transparent)]",
+    "ds:focus-visible:stroke-[var(--ring)]",
+    "ds:forced-colors:focus-visible:stroke-[CanvasText]"
+  ].join(" ")
+);
+function nt(t) {
+  return t.value !== void 0;
+}
+function We() {
+  return { conditions: [], surfaces: [] };
+}
+function Pt(t, n) {
+  const i = t ?? [];
+  return n ? i.includes(n) ? i.filter((o) => o !== n) : [...i, n] : i.length === 0 ? ["caries"] : [];
+}
+function Ht(t, n) {
+  switch (t.labelKey) {
+    case "quadrant":
+      return n("toothScheme.special.quadrant", { n: t.labelIndex });
+    case "sextant":
+      return n("toothScheme.special.sextant", { n: t.labelIndex });
+    case "archUpper":
+      return n("toothScheme.special.archUpper");
+    case "archLower":
+      return n("toothScheme.special.archLower");
+    default:
+      return n("toothScheme.special.general");
+  }
+}
+function rr(t, n, i) {
+  var l;
+  return i ? ((l = {
+    top: { ArrowDown: "center" },
+    bottom: { ArrowUp: "center" },
+    left: { ArrowRight: "center" },
+    right: { ArrowLeft: "center" },
+    center: {
+      ArrowUp: "top",
+      ArrowDown: "bottom",
+      ArrowLeft: "left",
+      ArrowRight: "right"
+    }
+  }[t]) == null ? void 0 : l[n]) ?? t : n === "ArrowUp" ? "top" : n === "ArrowDown" ? "bottom" : n === "ArrowLeft" ? "left" : n === "ArrowRight" ? "right" : t;
+}
+const or = [
+  "caries",
+  "filled",
+  "crowned",
+  "temporaryCrown",
+  "bridge",
+  "rootCanal",
+  "implant",
+  "implantExtraction",
+  "stub",
+  "destroyed",
+  "missing"
+];
+function ir({
+  condition: t,
+  assetBaseUrl: n
+}) {
+  const i = Q[16], o = ot[t], l = t === "missing", v = t === "caries" || t === "filled", m = 36 * 0.9, S = 62 * 0.9, w = (36 - m) / 2, a = (62 - S) / 2;
+  return /* @__PURE__ */ k(
+    "svg",
+    {
+      width: "22",
+      height: "38",
+      viewBox: "0 0 36 62",
+      "aria-hidden": "true",
+      className: "ds:block ds:shrink-0",
+      children: [
+        /* @__PURE__ */ d(
+          "image",
+          {
+            href: Zt(i, n),
+            x: w,
+            y: a,
+            width: m,
+            height: S,
+            preserveAspectRatio: "xMidYMid meet",
+            opacity: l ? 0.25 : 1
+          }
+        ),
+        o ? /* @__PURE__ */ d(
+          "image",
+          {
+            href: Ut(i, n, o),
+            x: w,
+            y: a,
+            width: m,
+            height: S,
+            preserveAspectRatio: "xMidYMid meet"
+          }
+        ) : null,
+        v ? /* @__PURE__ */ d(
+          "rect",
+          {
+            x: 3,
+            y: 2,
+            width: 30,
+            height: 58,
+            fill: "none",
+            stroke: Ie[t],
+            strokeWidth: 2,
+            strokeDasharray: t === "filled" ? "4 2" : void 0,
+            rx: 6
+          }
+        ) : null,
+        l ? /* @__PURE__ */ d(
+          "path",
+          {
+            d: "M7 9 L29 53 M29 9 L7 53",
+            stroke: Ie.missing,
+            strokeWidth: 2,
+            fill: "none"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function ar({ assetBaseUrl: t }) {
+  const { t: n } = Qt();
+  return /* @__PURE__ */ k(
+    "section",
+    {
+      "aria-label": n("toothScheme.legendLabel"),
+      "data-testid": "tooth-scheme-legend",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-md)] ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)] ds:p-[var(--spacing-sm)] ds:shadow-[var(--shadow-card)] ds:[.theme-accessible_&]:border-2",
+      children: [
+        /* @__PURE__ */ d("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: n("toothScheme.legendLabel") }),
+        /* @__PURE__ */ d("ul", { className: Jn(), children: or.map((i) => /* @__PURE__ */ k(
+          "li",
+          {
+            className: er(),
+            "data-condition": i,
+            "data-testid": `tooth-scheme-legend-item-${i}`,
+            children: [
+              /* @__PURE__ */ d(ir, { condition: i, assetBaseUrl: t }),
+              /* @__PURE__ */ d("span", { children: n(`toothScheme.condition.${i}`) })
+            ]
+          },
+          i
+        )) })
+      ]
+    }
+  );
+}
+function rt({
+  label: t,
+  value: n,
+  options: i,
+  onValueChange: o,
+  container: l
+}) {
+  return /* @__PURE__ */ k("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+    /* @__PURE__ */ d(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "type-label ds:text-[color:var(--muted-foreground)]",
+        children: t
+      }
+    ),
+    /* @__PURE__ */ d(
+      An,
+      {
+        size: "md",
+        "aria-label": t,
+        value: n,
+        options: i,
+        onValueChange: o,
+        container: l
+      }
+    )
+  ] });
+}
+function sr(t, n) {
+  return t.date === n.date ? 0 : t.date ? n.date && t.date < n.date ? 1 : -1 : 1;
+}
+const $e = $n(
+  ({
+    id: t,
+    dentition: n = "permanent",
+    numbering: i = "fdi",
+    mode: o = "interactive",
+    projection: l = "side",
+    specialElements: v,
+    value: m,
+    defaultValue: S,
+    onChange: w,
+    onSelect: a,
+    conditions: M,
+    radiographs: $,
+    radiographDisplay: F = "badge",
+    onOpenRadiographs: R,
+    activeCondition: p,
+    assetBaseUrl: A = "/toothscheme/teeth",
+    legend: ie = !1,
+    controls: q = !1,
+    ariaLabel: Le,
+    className: Pe,
+    _arch: G,
+    _numbersPosition: le = "between",
+    _inner: Ce = !1,
+    _contentWidth: Gt
+  }, Vt) => {
+    var Lt;
+    const { t: u } = Qt(), [Bt, dt] = Z(n), [Xt, lt] = Z(i), [Jt, ut] = Z(l), [en, ht] = Z(ie), [tn, pt] = Z(
+      v
+    ), [He, nn] = Z(null), j = q ? Bt : n, ue = q ? Xt : i, mt = q ? en : ie, he = q ? Jt : l, D = he === "plan" ? "plan" : "side", Re = he === "both" && !Ce, ft = he === "both", V = q ? tn ?? ft : v ?? ft, gt = qe(q);
+    xe(() => {
+      q && !gt.current && (dt(n), lt(i), ut(l), ht(ie), pt(v)), gt.current = q;
+    }, [
+      q,
+      n,
+      i,
+      l,
+      ie,
+      v
+    ]);
+    const [rn, bt] = Z(() => m !== void 0 ? m : S !== void 0 ? S : M ? Ft(M) : {}), f = nt({ value: m }) ? m : rn;
+    xe(() => {
+      nt({ value: m }) || M !== void 0 && bt(Ft(M));
+    }, [M, m]);
+    const I = D === "plan" ? 44 : Yt, N = Se(
+      () => Un(j, I, G ? { arch: G } : {}),
+      [j, I, G]
+    ), pe = Se(() => {
+      if (!V) return [];
+      if (G)
+        return Fe(
+          Ke(j, G, D),
+          N.width
+        ).specials;
+      const e = Fe(
+        Ke(j, "upper", D),
+        N.width
+      ).specials, r = I + it, s = Fe(
+        Ke(j, "lower", D),
+        N.width
+      ).specials.map((c) => ({ ...c, y: r }));
+      return [...e, ...s];
+    }, [V, G, j, D, N.width, I]), on = Se(() => {
+      if (!Re) return;
+      if (!V) return N.width;
+      let e = N.width;
+      for (const r of ["upper", "lower"])
+        for (const s of ["side", "plan"]) {
+          const c = Fe(
+            Ke(j, r, s),
+            N.width
+          ).width;
+          c > e && (e = c);
+        }
+      return e;
+    }, [Re, V, j, N.width]), re = Se(
+      () => [
+        ...N.teeth.map((e) => e.fdi),
+        // Special slots join keyboard nav only when interactive — in display /
+        // radiograph-open mode they are decorative (role="img"), so the
+        // radiograph-open keyboard path never reaches a region id.
+        ...o === "interactive" ? pe.map((e) => e.element.id) : []
+      ],
+      [N, pe, o]
+    ), Qe = re[0], [me, B] = Z(Qe);
+    xe(() => {
+      (!me || !re.includes(me)) && B(Qe);
+    }, [Qe, me, re]);
+    const [an, fe] = Z(""), Ue = qe(null), _ = O(
+      (e) => {
+        nt({ value: m }) || bt(e), w == null || w(e);
+      },
+      [w, m]
+    ), W = O((e) => {
+      const r = Ue.current;
+      if (!r) return;
+      const s = r.querySelector(`g[data-fdi="${e}"]`);
+      s && (s.focus(), B(e));
+    }, []), ae = O(
+      (e, r) => {
+        const s = r.map((c) => u(`toothScheme.condition.${c}`)).join(", ");
+        if (Zn(e)) {
+          const c = Ht(zt[e], u);
+          return r.length > 0 ? u("toothScheme.elementSelected", {
+            name: c,
+            conditions: s
+          }) : u("toothScheme.elementDeselected", { name: c });
+        }
+        return r.length > 0 ? u("toothScheme.selected", { id: e, conditions: s }) : u("toothScheme.deselected", { id: e });
+      },
+      [u]
+    ), U = D === "plan" && o === "interactive" && (p === "caries" || p === "filled"), [E, ge] = Z(null);
+    xe(() => {
+      (!U || E && !re.includes(E.fdi)) && ge(null);
+    }, [U, E, re]);
+    const vt = O((e, r) => {
+      var c;
+      const s = (c = Ue.current) == null ? void 0 : c.querySelector(
+        `path[data-fdi="${e}"][data-zone="${r}"]`
+      );
+      s == null || s.focus();
+    }, []), Ye = qe(null);
+    xe(() => {
+      E ? vt(E.fdi, E.zone) : Ye.current && W(Ye.current.fdi), Ye.current = E;
+    }, [E, vt, W]);
+    const sn = O(
+      (e, r) => {
+        const s = f[e];
+        return !!(s && s.surfaces.includes(r) && s.conditions.includes(p));
+      },
+      [f, p]
+    ), yt = O(
+      (e, r) => {
+        r && r.conditions.length > 0 ? fe(
+          u("toothScheme.selected", {
+            id: e,
+            conditions: r.conditions.map((s) => u(`toothScheme.condition.${s}`)).join(", ")
+          })
+        ) : fe(u("toothScheme.deselected", { id: e }));
+      },
+      [u]
+    ), Ze = O(
+      (e, r) => {
+        if (!U) return;
+        const s = p, c = f[e] ?? We(), g = c.surfaces.includes(r), T = c.conditions.includes(s);
+        let h, x;
+        g && T ? (h = c.surfaces.filter((Y) => Y !== r), x = h.length === 0 ? c.conditions.filter((Y) => Y !== s) : c.conditions) : (h = g ? c.surfaces : [...c.surfaces, r], x = T ? c.conditions : [...c.conditions, s]);
+        const y = { ...f };
+        x.length === 0 && h.length === 0 ? delete y[e] : y[e] = { ...c, conditions: x, surfaces: h }, _(y), yt(e, y[e]), a == null || a(e);
+      },
+      [
+        U,
+        p,
+        f,
+        _,
+        yt,
+        a
+      ]
+    ), ze = O((e) => {
+      const r = Q[e];
+      r && (B(e), ge({ fdi: e, zone: tt(r)[0] }));
+    }, []), cn = O(
+      (e, r, s) => {
+        const c = Q[r];
+        if (c)
+          switch (e.key) {
+            case "ArrowUp":
+            case "ArrowDown":
+            case "ArrowLeft":
+            case "ArrowRight": {
+              e.preventDefault(), e.stopPropagation();
+              const g = tt(c).includes("center"), T = rr(s, e.key, g);
+              T !== s && ge({ fdi: r, zone: T });
+              return;
+            }
+            case " ":
+            case "Enter": {
+              e.preventDefault(), e.stopPropagation(), Ze(r, Ot(c, s));
+              return;
+            }
+            case "Escape": {
+              e.preventDefault(), e.stopPropagation(), ge(null);
+              return;
+            }
+            default:
+              return;
+          }
+      },
+      [Ze]
+    ), dn = qe(null), Ee = o === "display" && typeof R == "function", be = o === "interactive" || Ee, ve = O(
+      (e) => {
+        B(e), a == null || a(e), R == null || R(e);
+      },
+      [a, R]
+    ), Ge = Se(
+      () => ({
+        focusTooth: (e) => {
+          W(e);
+        },
+        getChart: () => f,
+        getTooth: (e) => {
+          var r;
+          return ((r = f[e]) == null ? void 0 : r.conditions) ?? [];
+        },
+        teethWith: (e) => Object.entries(f).filter(([, r]) => r.conditions.includes(e)).map(([r]) => r),
+        setFinding: (e, r, s) => {
+          const c = f[e] ?? We();
+          if (c.conditions.includes(r) && !s) return;
+          const g = {
+            ...f,
+            [e]: {
+              ...c,
+              conditions: c.conditions.includes(r) ? c.conditions : [...c.conditions, r],
+              surfaces: s ?? c.surfaces
+            }
+          };
+          _(g);
+        },
+        removeFinding: (e, r) => {
+          const s = f[e];
+          if (!s || !s.conditions.includes(r)) return;
+          const c = s.conditions.filter((T) => T !== r), g = { ...f };
+          c.length === 0 ? delete g[e] : g[e] = { ...s, conditions: c }, _(g);
+        },
+        clearTooth: (e) => {
+          if (!f[e]) return;
+          const r = { ...f };
+          delete r[e], _(r);
+        },
+        getRadiographs: (e) => ($ == null ? void 0 : $[e]) ?? [],
+        teethWithRadiographs: () => Object.keys($ ?? {}).filter(
+          (e) => {
+            var r;
+            return (((r = $ == null ? void 0 : $[e]) == null ? void 0 : r.length) ?? 0) > 0;
+          }
+        ),
+        openRadiographs: (e) => {
+          W(e), ve(e);
+        }
+      }),
+      [f, _, W, $, ve]
+    );
+    In(Vt, () => Ge, [Ge]), kn(
+      En,
+      Ge,
+      Ce ? void 0 : t
+    );
+    const wt = O(
+      (e, r) => {
+        var T;
+        if (!be) return;
+        const s = Q[r], c = re, g = c.indexOf(r);
+        switch (e.key) {
+          case "ArrowRight": {
+            e.preventDefault();
+            const h = Math.min(c.length - 1, g + 1);
+            W(c[h]);
+            return;
+          }
+          case "ArrowLeft": {
+            e.preventDefault();
+            const h = Math.max(0, g - 1);
+            W(c[h]);
+            return;
+          }
+          case "ArrowUp":
+          case "ArrowDown": {
+            if (e.preventDefault(), !s) return;
+            const x = {
+              1: 4,
+              4: 1,
+              2: 3,
+              3: 2,
+              5: 8,
+              8: 5,
+              6: 7,
+              7: 6
+            }[s.quadrant];
+            if (!x) return;
+            const y = `${x}${s.positionInQuadrant}`;
+            c.includes(y) && W(y);
+            return;
+          }
+          case "Home": {
+            if (e.preventDefault(), !s) return;
+            const h = c.filter(
+              (x) => {
+                var y;
+                return ((y = Q[x]) == null ? void 0 : y.quadrant) === s.quadrant;
+              }
+            );
+            h.length > 0 && W(h[0]);
+            return;
+          }
+          case "End": {
+            if (e.preventDefault(), !s) return;
+            const h = c.filter(
+              (x) => {
+                var y;
+                return ((y = Q[x]) == null ? void 0 : y.quadrant) === s.quadrant;
+              }
+            );
+            h.length > 0 && W(h[h.length - 1]);
+            return;
+          }
+          case " ":
+          case "Enter": {
+            if (e.preventDefault(), Ee) {
+              ve(r);
+              return;
+            }
+            if (U && s) {
+              ze(r);
+              return;
+            }
+            const h = (T = f[r]) == null ? void 0 : T.conditions, x = Pt(h, p), y = { ...f };
+            x.length === 0 ? delete y[r] : y[r] = {
+              ...f[r] ?? We(),
+              conditions: x
+            }, fe(ae(r, x)), _(y), a == null || a(r);
+            return;
+          }
+          default:
+            return;
+        }
+      },
+      [
+        p,
+        ae,
+        f,
+        _,
+        ze,
+        W,
+        ve,
+        a,
+        Ee,
+        U,
+        be,
+        re
+      ]
+    ), xt = O(
+      (e) => {
+        var g;
+        if (o !== "interactive") return;
+        B(e);
+        const r = (g = f[e]) == null ? void 0 : g.conditions, s = Pt(r, p), c = { ...f };
+        s.length === 0 ? delete c[e] : c[e] = {
+          ...f[e] ?? We(),
+          conditions: s
+        }, fe(ae(e, s)), _(c), a == null || a(e);
+      },
+      [p, ae, f, _, o, a]
+    ), oe = j === "primary" ? "mGeneral" : "general", St = (((Lt = f[oe]) == null ? void 0 : Lt.conditions.length) ?? 0) > 0, ln = O(
+      (e) => {
+        var s;
+        const r = { ...f };
+        e ? r[oe] = {
+          conditions: [p ?? "caries"],
+          surfaces: []
+        } : delete r[oe], fe(
+          ae(oe, ((s = r[oe]) == null ? void 0 : s.conditions) ?? [])
+        ), _(r), a == null || a(oe);
+      },
+      [
+        p,
+        ae,
+        f,
+        _,
+        oe,
+        a
+      ]
+    ), $t = le === "above" ? 16 : 2, un = le === "below" ? 16 : 2, hn = pe.length > 0 ? Math.max(...pe.map((e) => e.x)) + te : 0, It = Math.max(
+      Gt ?? 0,
+      N.width,
+      hn
+    ) + 4, kt = N.height + $t + un, Ve = Le ?? u("toothScheme.ariaLabel"), pn = be ? void 0 : 0, Tt = Re ? null : /* @__PURE__ */ k(
+      "svg",
+      {
+        ref: Ue,
+        viewBox: `0 ${-$t} ${It} ${kt}`,
+        width: It,
+        height: kt,
+        className: Xn(),
+        role: "group",
+        "aria-label": Ve,
+        focusable: "false",
+        "data-testid": "tooth-scheme-svg",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          N.teeth.map((e) => {
+            var _t;
+            const r = f[e.fdi], s = (_t = r == null ? void 0 : r.conditions) == null ? void 0 : _t[0], c = u(`toothScheme.anatomy.${e.meta.anatomy}`), g = s ? `, ${u(`toothScheme.condition.${s}`)}` : "", T = ($ == null ? void 0 : $[e.fdi]) ?? [], h = T.length, x = h > 0, y = x ? [...T].sort(sr)[0] : void 0, Y = F === "thumbnail" && y !== void 0, Ne = x ? `, ${u("toothScheme.radiographBadge", { count: h })}` : "", X = Ce ? `, ${u(D === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}` : "", Be = u("toothScheme.toothLabel", {
+              id: Kt(e.fdi, ue),
+              anatomy: c,
+              conditionSuffix: g
+            }) + Ne + X, _e = be ? E ? -1 : e.fdi === me ? 0 : -1 : void 0, se = (r == null ? void 0 : r.conditions) ?? [], Ct = se.includes("missing"), gn = se.map((b) => ({
+              condition: b,
+              spec: ot[b]
+            })).filter(
+              (b) => !!b.spec
+            ), Xe = se.find(
+              (b) => b !== "missing" && !ot[b]
+            ), Rt = Xe ? Ie[Xe] : void 0, bn = (s ? `${c} · ${u(`toothScheme.condition.${s}`)}` : c) + (x ? ` · ${u("toothScheme.radiographBadge", { count: h })}` : ""), Et = Kt(e.fdi, ue), vn = Zt(
+              e.meta,
+              A,
+              "default",
+              D
+            ), yn = Y && y ? y.thumbnailUrl ?? y.url : vn, wn = D === "plan" ? se.flatMap((b) => {
+              const H = Pn[b];
+              return H ? ((r == null ? void 0 : r.surfaces) ?? []).map((Oe) => ({
+                key: `${b}-${Oe}`,
+                url: Hn(
+                  e.meta,
+                  A,
+                  H,
+                  Oe
+                )
+              })) : [];
+            }) : [], Mt = (e.meta.dentition === "primary" ? Fn : 1) * 0.9, ce = z * Mt, de = I * Mt, ye = (z - ce) / 2, we = (I - de) / 2, P = U && (E == null ? void 0 : E.fdi) === e.fdi, Dt = U ? tt(e.meta) : [], xn = Dt.includes("center"), Nt = le === "above" ? -4 : le === "below" ? I + 12 : le === "none" ? null : e.meta.arch === "upper" ? I + 12 : -4;
+            return /* @__PURE__ */ k(K.Root, { children: [
+              /* @__PURE__ */ d(K.Trigger, { asChild: !0, children: /* @__PURE__ */ k(
+                "g",
+                {
+                  "data-fdi": e.fdi,
+                  "data-anatomy": e.meta.anatomy,
+                  "data-arch": e.meta.arch,
+                  "data-side": e.meta.side,
+                  "data-quadrant": e.meta.quadrant,
+                  "data-condition": s ?? "none",
+                  "data-testid": `tooth-${e.fdi}`,
+                  transform: `translate(${e.x}, ${e.y})`,
+                  tabIndex: _e,
+                  role: P ? "group" : be ? "button" : "img",
+                  "aria-label": Be,
+                  "aria-pressed": P ? void 0 : o === "interactive" ? s !== void 0 : void 0,
+                  className: Wt(),
+                  onClick: P ? void 0 : o === "interactive" ? U ? () => ze(e.fdi) : () => xt(e.fdi) : Ee ? () => ve(e.fdi) : void 0,
+                  onFocus: () => B(e.fdi),
+                  onKeyDown: P ? void 0 : (b) => wt(b, e.fdi),
+                  children: [
+                    /* @__PURE__ */ d(
+                      "rect",
+                      {
+                        x: -L,
+                        y: -L,
+                        width: z + L * 2,
+                        height: I + L * 2,
+                        fill: "transparent"
+                      }
+                    ),
+                    /* @__PURE__ */ d(
+                      "image",
+                      {
+                        href: yn,
+                        x: ye,
+                        y: we,
+                        width: ce,
+                        height: de,
+                        preserveAspectRatio: Y ? "xMidYMid slice" : "xMidYMid meet",
+                        opacity: Ct && !Y ? 0.25 : 1,
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    D === "side" ? gn.map(({ condition: b, spec: H }) => /* @__PURE__ */ d(
+                      "image",
+                      {
+                        href: Ut(
+                          e.meta,
+                          A,
+                          H
+                        ),
+                        x: ye,
+                        y: we,
+                        width: ce,
+                        height: de,
+                        preserveAspectRatio: "xMidYMid meet",
+                        "aria-hidden": "true",
+                        pointerEvents: "none"
+                      },
+                      b
+                    )) : null,
+                    D === "plan" ? wn.map(({ key: b, url: H }) => /* @__PURE__ */ d(
+                      "image",
+                      {
+                        href: H,
+                        x: ye,
+                        y: we,
+                        width: ce,
+                        height: de,
+                        preserveAspectRatio: "xMidYMid meet",
+                        "aria-hidden": "true",
+                        pointerEvents: "none"
+                      },
+                      b
+                    )) : null,
+                    U ? Dt.map((b) => {
+                      const H = Ot(e.meta, b), Oe = sn(e.fdi, H);
+                      return /* @__PURE__ */ d(
+                        "path",
+                        {
+                          d: Qn(
+                            b,
+                            { x: ye, y: we, w: ce, h: de },
+                            xn
+                          ),
+                          "data-fdi": e.fdi,
+                          "data-zone": b,
+                          "data-surface": H,
+                          "data-testid": `tooth-${e.fdi}-zone-${b}`,
+                          role: P ? "button" : void 0,
+                          tabIndex: P ? (E == null ? void 0 : E.zone) === b ? 0 : -1 : void 0,
+                          "aria-label": P ? u("toothScheme.toothLabel", {
+                            id: Et,
+                            anatomy: u(
+                              `toothScheme.surface.${H}`
+                            ),
+                            conditionSuffix: ""
+                          }) : void 0,
+                          "aria-pressed": P ? Oe : void 0,
+                          strokeWidth: "var(--focus-ring-width)",
+                          className: nr(),
+                          onClick: (J) => {
+                            J.stopPropagation(), P || B(e.fdi), Ze(e.fdi, H);
+                          },
+                          onKeyDown: P ? (J) => cn(J, e.fdi, b) : void 0,
+                          onFocus: P ? () => ge(
+                            (J) => J && J.fdi === e.fdi && J.zone === b ? J : { fdi: e.fdi, zone: b }
+                          ) : void 0
+                        },
+                        b
+                      );
+                    }) : null,
+                    D === "side" && Rt ? /* @__PURE__ */ d(
+                      "rect",
+                      {
+                        x: 3,
+                        y: 2,
+                        width: z - 6,
+                        height: I - 4,
+                        fill: "none",
+                        stroke: Rt,
+                        strokeWidth: "2",
+                        strokeDasharray: Xe === "filled" ? "4 2" : void 0,
+                        rx: "6",
+                        pointerEvents: "none"
+                      }
+                    ) : null,
+                    Ct ? /* @__PURE__ */ d(
+                      "path",
+                      {
+                        d: `M7 9 L${z - 7} ${I - 9} M${z - 7} 9 L7 ${I - 9}`,
+                        stroke: Ie.missing,
+                        strokeWidth: "2",
+                        fill: "none",
+                        pointerEvents: "none"
+                      }
+                    ) : null,
+                    Y ? /* @__PURE__ */ d(
+                      "rect",
+                      {
+                        x: ye,
+                        y: we,
+                        width: ce,
+                        height: de,
+                        fill: "none",
+                        stroke: "var(--border)",
+                        strokeWidth: "1",
+                        rx: "3",
+                        pointerEvents: "none"
+                      }
+                    ) : null,
+                    x ? /* @__PURE__ */ k(
+                      "g",
+                      {
+                        "data-testid": `tooth-${e.fdi}-radiograph-badge`,
+                        "data-radiograph-count": h,
+                        transform: `translate(${z - (h >= 10 ? 19 : 15)}, ${I - 13})`,
+                        pointerEvents: "none",
+                        "aria-hidden": "true",
+                        children: [
+                          /* @__PURE__ */ d(
+                            "rect",
+                            {
+                              width: h >= 10 ? 17 : 13,
+                              height: 12,
+                              rx: "3.5",
+                              fill: "var(--card)",
+                              stroke: "var(--info-foreground)",
+                              strokeWidth: "0.75"
+                            }
+                          ),
+                          /* @__PURE__ */ d(
+                            "text",
+                            {
+                              x: (h >= 10 ? 17 : 13) / 2,
+                              y: 9,
+                              textAnchor: "middle",
+                              fontSize: "9",
+                              fontWeight: "600",
+                              fill: "var(--info-foreground)",
+                              className: "ds:select-none",
+                              children: h
+                            }
+                          )
+                        ]
+                      }
+                    ) : null,
+                    /* @__PURE__ */ d(
+                      "rect",
+                      {
+                        x: -L,
+                        y: -L,
+                        width: z + L * 2,
+                        height: I + L * 2,
+                        fill: "none",
+                        stroke: "var(--ring)",
+                        strokeWidth: "var(--focus-ring-width)",
+                        className: [
+                          "ds:opacity-0",
+                          "ds:group-focus-visible:opacity-100",
+                          "ds:forced-colors:stroke-[CanvasText]"
+                        ].join(" "),
+                        "data-testid": `tooth-${e.fdi}-focus-ring`,
+                        pointerEvents: "none",
+                        rx: "4"
+                      }
+                    ),
+                    Nt !== null ? /* @__PURE__ */ d(
+                      "text",
+                      {
+                        x: z / 2,
+                        y: Nt,
+                        textAnchor: "middle",
+                        fontSize: "10",
+                        fill: "var(--muted-foreground)",
+                        className: "ds:select-none",
+                        "aria-hidden": "true",
+                        children: Et
+                      }
+                    ) : null
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ d(K.Portal, { children: /* @__PURE__ */ k(
+                K.Content,
+                {
+                  side: "top",
+                  sideOffset: 6,
+                  className: "ds:z-[var(--z-tooltip)] ds:rounded-[var(--radius-sm)] ds:bg-[var(--foreground)] ds:text-[var(--background)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[calc(var(--spacing-xs)/2)] ds:pb-[calc(var(--spacing-xs)/2)] ds:text-[length:var(--font-size-xs)]",
+                  children: [
+                    bn,
+                    /* @__PURE__ */ d(K.Arrow, { className: "ds:fill-[var(--foreground)]" })
+                  ]
+                }
+              ) })
+            ] }, e.fdi);
+          }),
+          pe.map(({ element: e, x: r, y: s }) => {
+            var _e;
+            const c = f[e.id], g = (_e = c == null ? void 0 : c.conditions) == null ? void 0 : _e[0], T = g !== void 0, h = Ht(e, u), x = g ? `, ${u(`toothScheme.condition.${g}`)}` : "", y = u("toothScheme.elementLabel", {
+              name: h,
+              conditionSuffix: x
+            }), Y = g ? Ie[g] : void 0, Ne = zn(e, A), X = o === "interactive", Be = X ? e.id === me ? 0 : -1 : void 0;
+            return /* @__PURE__ */ k(K.Root, { children: [
+              /* @__PURE__ */ d(K.Trigger, { asChild: !0, children: /* @__PURE__ */ k(
+                "g",
+                {
+                  "data-fdi": e.id,
+                  "data-special": e.kind,
+                  "data-arch": e.arch,
+                  "data-condition": g ?? "none",
+                  "data-testid": `element-${e.id}`,
+                  transform: `translate(${r}, ${s})`,
+                  tabIndex: Be,
+                  role: X ? "button" : "img",
+                  "aria-label": y,
+                  "aria-pressed": X ? T : void 0,
+                  className: Wt(),
+                  onClick: X ? () => xt(e.id) : void 0,
+                  onFocus: X ? () => B(e.id) : void 0,
+                  onKeyDown: X ? (se) => wt(se, e.id) : void 0,
+                  children: [
+                    /* @__PURE__ */ d(
+                      "rect",
+                      {
+                        x: -L,
+                        y: -L,
+                        width: te + L * 2,
+                        height: I + L * 2,
+                        fill: "transparent"
+                      }
+                    ),
+                    /* @__PURE__ */ d(
+                      "rect",
+                      {
+                        x: 0,
+                        y: 0,
+                        width: te,
+                        height: I,
+                        rx: 6,
+                        fill: T ? "var(--accent)" : "var(--card)",
+                        fillOpacity: T ? 0.16 : 1,
+                        stroke: Y ?? "var(--border)",
+                        strokeWidth: T ? 2 : 1
+                      }
+                    ),
+                    Ne ? /* @__PURE__ */ k(Sn, { children: [
+                      /* @__PURE__ */ d(
+                        "image",
+                        {
+                          href: Ne,
+                          x: 3,
+                          y: 3,
+                          width: te - 6,
+                          height: I - 16,
+                          preserveAspectRatio: "xMidYMid meet",
+                          "aria-hidden": "true",
+                          pointerEvents: "none"
+                        }
+                      ),
+                      /* @__PURE__ */ d(
+                        "text",
+                        {
+                          x: te / 2,
+                          y: I - 4,
+                          textAnchor: "middle",
+                          fontSize: "9",
+                          fontWeight: "600",
+                          fill: "var(--muted-foreground)",
+                          className: "ds:select-none",
+                          "aria-hidden": "true",
+                          children: e.code
+                        }
+                      )
+                    ] }) : /* @__PURE__ */ d(
+                      "text",
+                      {
+                        x: te / 2,
+                        y: I / 2,
+                        textAnchor: "middle",
+                        dominantBaseline: "central",
+                        fontSize: "11",
+                        fontWeight: "600",
+                        fill: "var(--foreground)",
+                        className: "ds:select-none",
+                        "aria-hidden": "true",
+                        children: e.code
+                      }
+                    ),
+                    /* @__PURE__ */ d(
+                      "rect",
+                      {
+                        x: -L,
+                        y: -L,
+                        width: te + L * 2,
+                        height: I + L * 2,
+                        fill: "none",
+                        stroke: "var(--ring)",
+                        strokeWidth: "var(--focus-ring-width)",
+                        className: [
+                          "ds:opacity-0",
+                          "ds:group-focus-visible:opacity-100",
+                          "ds:forced-colors:stroke-[CanvasText]"
+                        ].join(" "),
+                        "data-testid": `element-${e.id}-focus-ring`,
+                        pointerEvents: "none",
+                        rx: "6"
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ d(K.Portal, { children: /* @__PURE__ */ k(
+                K.Content,
+                {
+                  side: "top",
+                  sideOffset: 6,
+                  className: "ds:z-[var(--z-tooltip)] ds:rounded-[var(--radius-sm)] ds:bg-[var(--foreground)] ds:text-[var(--background)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[calc(var(--spacing-xs)/2)] ds:pb-[calc(var(--spacing-xs)/2)] ds:text-[length:var(--font-size-xs)]",
+                  children: [
+                    g ? `${h} · ${u(`toothScheme.condition.${g}`)}` : h,
+                    /* @__PURE__ */ d(K.Arrow, { className: "ds:fill-[var(--foreground)]" })
+                  ]
+                }
+              ) })
+            ] }, e.id);
+          })
+        ]
+      }
+    ), At = /* @__PURE__ */ d(
+      "div",
+      {
+        className: tr(),
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        "data-testid": "tooth-scheme-live",
+        children: an
+      }
+    );
+    if (Ce)
+      return /* @__PURE__ */ k(K.Provider, { delayDuration: 200, children: [
+        Tt,
+        At
+      ] });
+    const mn = (e) => u(e === "upper" ? "toothScheme.arch.upper" : "toothScheme.arch.lower"), Me = (e, r) => `${Ve} — ${mn(e)}, ${u(r === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}`, De = {
+      dentition: j,
+      numbering: ue,
+      mode: o,
+      value: f,
+      onChange: _,
+      onSelect: a,
+      activeCondition: p,
+      assetBaseUrl: A,
+      radiographs: $,
+      radiographDisplay: F,
+      onOpenRadiographs: R,
+      specialElements: V,
+      _inner: !0,
+      _contentWidth: on
+    }, fn = /* @__PURE__ */ k("div", { className: Bn(), "data-testid": "tooth-scheme-both", children: [
+      /* @__PURE__ */ d(
+        $e,
+        {
+          ...De,
+          projection: "side",
+          _arch: "upper",
+          _numbersPosition: "above",
+          ariaLabel: Me("upper", "side")
+        }
+      ),
+      /* @__PURE__ */ d(
+        $e,
+        {
+          ...De,
+          projection: "plan",
+          _arch: "upper",
+          _numbersPosition: "none",
+          ariaLabel: Me("upper", "plan")
+        }
+      ),
+      /* @__PURE__ */ d(
+        $e,
+        {
+          ...De,
+          projection: "plan",
+          _arch: "lower",
+          _numbersPosition: "none",
+          ariaLabel: Me("lower", "plan")
+        }
+      ),
+      /* @__PURE__ */ d(
+        $e,
+        {
+          ...De,
+          projection: "side",
+          _arch: "lower",
+          _numbersPosition: "below",
+          ariaLabel: Me("lower", "side")
+        }
+      )
+    ] });
+    return /* @__PURE__ */ d(K.Provider, { delayDuration: 200, children: /* @__PURE__ */ k(
+      "div",
+      {
+        ref: dn,
+        role: "region",
+        "aria-label": Ve,
+        tabIndex: pn,
+        className: [Vn(), Pe].filter(Boolean).join(" "),
+        "data-component": "tooth-scheme",
+        "data-component-id": t,
+        "data-testid": "tooth-scheme-root",
+        "data-dentition": j,
+        "data-numbering": ue,
+        "data-mode": o,
+        "data-projection": D,
+        "data-view-mode": he,
+        "data-special-elements": V ? "true" : "false",
+        children: [
+          q ? /* @__PURE__ */ d(
+            "div",
+            {
+              className: "ds:flex ds:w-full ds:justify-end",
+              "data-testid": "tooth-scheme-controls",
+              children: /* @__PURE__ */ k(Je.Root, { children: [
+                /* @__PURE__ */ d(Je.Trigger, { asChild: !0, children: /* @__PURE__ */ d(
+                  Tn,
+                  {
+                    size: "sm",
+                    intent: "outline",
+                    icon: /* @__PURE__ */ d(Ln, { "aria-hidden": "true" }),
+                    "aria-label": u("toothScheme.options.label"),
+                    tooltip: u("toothScheme.options.label")
+                  }
+                ) }),
+                /* @__PURE__ */ d(
+                  Je.Content,
+                  {
+                    ref: nn,
+                    align: "end",
+                    size: "md",
+                    "aria-label": u("toothScheme.options.label"),
+                    children: /* @__PURE__ */ k("div", { className: "ds:flex ds:w-[var(--popover-size-sm)] ds:max-w-full ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+                      /* @__PURE__ */ k("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:border-b ds:border-[color:var(--border)] ds:pb-[var(--spacing-sm)] ds:[&>*]:w-full ds:[&>*]:justify-between", children: [
+                        /* @__PURE__ */ d(
+                          et,
+                          {
+                            label: u("toothScheme.options.legend"),
+                            labelSide: "start",
+                            checked: mt,
+                            onCheckedChange: ht
+                          }
+                        ),
+                        /* @__PURE__ */ d(
+                          et,
+                          {
+                            label: u("toothScheme.options.specialElements"),
+                            labelSide: "start",
+                            checked: V,
+                            onCheckedChange: pt
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ d(
+                        rt,
+                        {
+                          container: He,
+                          label: u("toothScheme.options.dentition"),
+                          value: j,
+                          onValueChange: (e) => dt(e),
+                          options: [
+                            {
+                              value: "permanent",
+                              label: u("toothScheme.dentition.permanent")
+                            },
+                            {
+                              value: "primary",
+                              label: u("toothScheme.dentition.primary")
+                            },
+                            {
+                              value: "mixed",
+                              label: u("toothScheme.dentition.mixed")
+                            }
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ d(
+                        rt,
+                        {
+                          container: He,
+                          label: u("toothScheme.options.numbering"),
+                          value: ue,
+                          onValueChange: (e) => lt(e),
+                          options: [
+                            {
+                              value: "fdi",
+                              label: u("toothScheme.numbering.fdi")
+                            },
+                            {
+                              value: "universal",
+                              label: u("toothScheme.numbering.universal")
+                            },
+                            {
+                              value: "palmer",
+                              label: u("toothScheme.numbering.palmer")
+                            }
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ d(
+                        rt,
+                        {
+                          container: He,
+                          label: u("toothScheme.options.view"),
+                          value: he,
+                          onValueChange: (e) => ut(e),
+                          options: [
+                            {
+                              value: "side",
+                              label: u("toothScheme.view.side")
+                            },
+                            {
+                              value: "plan",
+                              label: u("toothScheme.view.occlusal")
+                            },
+                            {
+                              value: "both",
+                              label: u("toothScheme.view.both")
+                            }
+                          ]
+                        }
+                      )
+                    ] })
+                  }
+                )
+              ] })
+            }
+          ) : null,
+          Re ? fn : Tt,
+          V && (o === "interactive" || St) ? /* @__PURE__ */ d(
+            "div",
+            {
+              className: "ds:flex ds:w-full ds:items-center ds:pt-[var(--spacing-2xs)]",
+              "data-testid": "tooth-scheme-general",
+              children: /* @__PURE__ */ d(
+                et,
+                {
+                  label: u("toothScheme.special.general"),
+                  labelSide: "end",
+                  checked: St,
+                  disabled: o !== "interactive",
+                  onCheckedChange: ln
+                }
+              )
+            }
+          ) : null,
+          mt ? /* @__PURE__ */ d(ar, { assetBaseUrl: A }) : null,
+          At
+        ]
+      }
+    ) });
+  }
+);
+$e.displayName = "ToothScheme";
+export {
+  Ie as C,
+  Q as F,
+  Te as P,
+  zt as S,
+  $e as T,
+  Pn as a,
+  ot as b,
+  yr as c,
+  Kn as d,
+  jn as e,
+  Ae as f,
+  Yn as g,
+  Wn as h,
+  Ft as i,
+  Ut as j,
+  xr as k,
+  wr as l,
+  Zn as m,
+  Kt as n,
+  Fe as o,
+  Un as p,
+  Ke as q,
+  Hn as r,
+  zn as s,
+  Zt as t,
+  En as u,
+  Vn as v,
+  Ot as w,
+  tt as x,
+  Qn as z
+};
+//# sourceMappingURL=tooth-scheme-BhQoPNBD.js.map