@alfadocs/ui-kit-debug 0.70.0 → 0.72.0

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

@@ -0,0 +1,2133 @@
+import { jsxs as k, jsx as d, Fragment as In } from "react/jsx-runtime";
+import { forwardRef as kn, useState as Z, useRef as qe, useEffect as Se, useMemo as $e, useCallback as O, useImperativeHandle as Tn } from "react";
+import { createPortal as An } from "react-dom";
+import * as K from "@radix-ui/react-tooltip";
+import { c as te } from "./index-D2ZczOXr.js";
+import { useTranslation as Yt } from "react-i18next";
+import { u as Ln } from "./registry-DvAUVLHh.js";
+import { I as Cn } from "./icon-button-LqoiKcUN.js";
+import { P as et } from "./popover-uJ6BvEU3.js";
+import { S as Rn } from "./select-BmCbJMJS.js";
+import { S as tt } from "./switch-OILsBLWo.js";
+import { S as En } from "./settings-d25ju_6L.js";
+const J = {
+  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"
+  ]
+}, Mn = {
+  enum: ["mesial", "distal", "occlusal", "buccal", "lingual"]
+}, Dn = {
+  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"]
+}, Nn = {
+  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: J },
+        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: J },
+        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: J },
+      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: J },
+        required: ["id"]
+      },
+      returns: "Radiograph[]",
+      returnsSchema: { type: "array", items: Dn },
+      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: J },
+        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: J,
+          condition: je,
+          surfaces: { type: "array", items: Mn }
+        },
+        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: J, 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: J },
+        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."
+    }
+  }
+}, Ae = [
+  // 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"
+], Le = [
+  // upper
+  "55",
+  "54",
+  "53",
+  "52",
+  "51",
+  "61",
+  "62",
+  "63",
+  "64",
+  "65",
+  // lower
+  "85",
+  "84",
+  "83",
+  "82",
+  "81",
+  "71",
+  "72",
+  "73",
+  "74",
+  "75"
+];
+function _n(t) {
+  return t <= 2 ? "incisor" : t === 3 ? "canine" : t <= 5 ? "premolar" : "molar";
+}
+function On(t) {
+  return t <= 2 ? "incisor" : t === 3 ? "canine" : "molar";
+}
+function qn(t, n) {
+  const i = (t - 1) % 4 + 1;
+  return `${i === 1 ? "UR" : i === 2 ? "UL" : i === 3 ? "LL" : "LR"}${n}`;
+}
+function jn(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 Kn(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 Fn(t) {
+  const n = Number(t[0]), i = Number(t[1]), o = n >= 5, l = o ? On(i) : _n(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 ? Kn(n, i) : jn(n, i), w = qn(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 = [
+  ...Ae,
+  ...Le
+].reduce((t, n) => (t[n] = Fn(n), t), {}), Wn = Object.fromEntries(
+  Object.entries(Q).map(([t, n]) => [t, n.universal])
+), Pn = Object.fromEntries(
+  Object.entries(Q).map(([t, n]) => [t, n.palmer])
+);
+function st(t) {
+  return t.dentition !== "primary" ? t.fdi : `${t.quadrant - 4}${t.positionInQuadrant}`;
+}
+const Hn = 0.72, $r = {
+  caries: "--destructive",
+  filled: "--info",
+  crowned: "--warning",
+  temporaryCrown: "--warning",
+  bridge: "--primary",
+  missing: "--muted-foreground",
+  implant: "--accent",
+  implantExtraction: "--accent",
+  stub: "--muted-foreground",
+  destroyed: "--destructive",
+  rootCanal: "--primary"
+}, ke = {
+  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)"
+}, it = {
+  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 Zt(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 = st(t);
+  return i.resolve === "rct" ? `${l}/${v}/full.webp` : `${l}/${v}.webp`;
+}
+const Qn = {
+  mesial: "mesial",
+  distal: "distal",
+  occlusal: "occlusal",
+  buccal: "vestibular",
+  lingual: "oral"
+}, Un = {
+  caries: "caries",
+  filled: "filling"
+};
+function Yn(t, n, i, o) {
+  const l = t.arch === "upper" ? "top" : "bottom";
+  return `${n}/plan/${i}/${l}/${st(t)}-${Qn[o]}.webp`;
+}
+function nt(t) {
+  return t.anatomy === "molar" || t.anatomy === "premolar" ? ["top", "bottom", "left", "right", "center"] : ["top", "bottom", "left", "right"];
+}
+function jt(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 Kt = (t) => Math.round(t * 100) / 100;
+function Zn(t, n, i) {
+  const { x: o, y: l, w: v, h: m } = n, S = o + v, w = l + m, a = (p, A) => `${Kt(p)} ${Kt(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 Te = 5, at = 40, L = 4, z = 36, zt = 62;
+function Gt(t, n, i = "default", o = "side") {
+  const l = t.arch === "upper" ? "top" : "bottom";
+  return `${n}/${o}/${i}/${l}/${st(t)}.webp`;
+}
+function zn(t, n = zt, i = {}) {
+  const o = t === "primary" ? Le : t === "mixed" ? [...Ae, ...Le] : Ae, l = [], v = [];
+  for (const p of o)
+    Q[p].arch === "upper" ? l.push(p) : v.push(p);
+  const m = z + Te, S = Math.max(l.length, v.length), w = S > 0 ? S * m - Te : 0;
+  function a(p, A) {
+    const ie = p.length > 0 ? p.length * m - Te : 0, q = (w - ie) / 2;
+    return p.map((ne, Pe) => {
+      const He = Q[ne];
+      return {
+        fdi: ne,
+        meta: He,
+        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 + at), F = w > 0 ? w : S * m, R = n * 2 + at;
+  return { teeth: [...M, ...$], width: F, height: R };
+}
+const C = (t) => [...Ae, ...Le].filter(
+  (n) => Q[n].quadrant === t
+), ct = [
+  // 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: Ae,
+    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"
+  }
+], dt = [
+  // 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: Le,
+    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"
+  }
+], Gn = [
+  ...ct,
+  ...dt
+], Vt = Gn.reduce((t, n) => (t[n.id] = n, t), {});
+function Vn(t) {
+  return t in Vt;
+}
+function Ke(t, n, i) {
+  return (t === "primary" ? dt : ct).filter(
+    (l) => l.arch === n && l.row === i && l.kind !== "general"
+  ).sort((l, v) => l.column - v.column);
+}
+function Ir(t) {
+  return (t === "primary" ? dt : ct).find((i) => i.kind === "general");
+}
+const ee = 36;
+function Bn(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 Xn = 8, Ft = ee + Te;
+function Fe(t, n) {
+  if (t.length === 0) return { specials: [], width: n };
+  const i = n + Xn, o = t.map((m) => ({
+    element: m,
+    x: i + m.column * Ft,
+    y: 0
+  })), l = Math.max(...t.map((m) => m.column)), v = i + (l + 1) * Ft - Te;
+  return { specials: o, width: v };
+}
+function Wt(t, n) {
+  switch (n) {
+    case "universal":
+      return Wn[t] ?? t;
+    case "palmer":
+      return Pn[t] ?? t;
+    case "fdi":
+    default:
+      return t;
+  }
+}
+function kr() {
+  return {};
+}
+function Pt(t) {
+  const n = {};
+  for (const [i, o] of Object.entries(t))
+    !o || o.length === 0 || (n[i] = { conditions: o, surfaces: [] });
+  return n;
+}
+const Jn = te(
+  [
+    "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(" ")
+), er = te(["ds:flex ds:flex-col ds:gap-0"].join(" ")), tr = te(
+  [
+    "ds:block",
+    "ds:w-full ds:min-w-fit ds:h-auto",
+    "ds:text-[var(--foreground)]"
+  ].join(" ")
+), Ht = te(
+  [
+    "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(" ")
+), nr = te(
+  [
+    "ds:flex ds:flex-wrap ds:items-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "type-meta ds:text-[var(--muted-foreground)]"
+  ].join(" ")
+), rr = te(
+  ["ds:inline-flex ds:items-center", "ds:gap-[var(--spacing-xs)]"].join(" ")
+), or = te(["ds:sr-only"].join(" ")), ir = te(
+  [
+    "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 rt(t) {
+  return t.value !== void 0;
+}
+function We() {
+  return { conditions: [], surfaces: [] };
+}
+function Qt(t, n) {
+  const i = t ?? [];
+  return n ? i.includes(n) ? i.filter((o) => o !== n) : [...i, n] : i.length === 0 ? ["caries"] : [];
+}
+function Ut(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 ar(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 sr = [
+  "caries",
+  "filled",
+  "crowned",
+  "temporaryCrown",
+  "bridge",
+  "rootCanal",
+  "implant",
+  "implantExtraction",
+  "stub",
+  "destroyed",
+  "missing"
+];
+function cr({
+  condition: t,
+  assetBaseUrl: n
+}) {
+  const i = Q[16], o = it[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: Gt(i, n),
+            x: w,
+            y: a,
+            width: m,
+            height: S,
+            preserveAspectRatio: "xMidYMid meet",
+            opacity: l ? 0.25 : 1
+          }
+        ),
+        o ? /* @__PURE__ */ d(
+          "image",
+          {
+            href: Zt(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: ke[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: ke.missing,
+            strokeWidth: 2,
+            fill: "none"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function dr({ assetBaseUrl: t }) {
+  const { t: n } = Yt();
+  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: nr(), children: sr.map((i) => /* @__PURE__ */ k(
+          "li",
+          {
+            className: rr(),
+            "data-condition": i,
+            "data-testid": `tooth-scheme-legend-item-${i}`,
+            children: [
+              /* @__PURE__ */ d(cr, { condition: i, assetBaseUrl: t }),
+              /* @__PURE__ */ d("span", { children: n(`toothScheme.condition.${i}`) })
+            ]
+          },
+          i
+        )) })
+      ]
+    }
+  );
+}
+function ot({
+  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(
+      Rn,
+      {
+        size: "md",
+        "aria-label": t,
+        value: n,
+        options: i,
+        onValueChange: o,
+        container: l
+      }
+    )
+  ] });
+}
+function lr(t, n) {
+  return t.date === n.date ? 0 : t.date ? n.date && t.date < n.date ? 1 : -1 : 1;
+}
+const Ie = kn(
+  ({
+    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,
+    controlsContainer: ne,
+    ariaLabel: Pe,
+    className: He,
+    _arch: ae,
+    _numbersPosition: ue = "between",
+    _inner: Ce = !1,
+    _contentWidth: Bt
+  }, Xt) => {
+    var Rt;
+    const { t: u } = Yt(), [Jt, lt] = Z(n), [en, ut] = Z(i), [tn, ht] = Z(l), [nn, pt] = Z(ie), [rn, mt] = Z(
+      v
+    ), [Qe, on] = Z(null), j = q ? Jt : n, he = q ? en : i, ft = q ? nn : ie, pe = q ? tn : l, D = pe === "plan" ? "plan" : "side", Re = pe === "both" && !Ce, gt = pe === "both", G = q ? rn ?? gt : v ?? gt, bt = qe(q);
+    Se(() => {
+      q && !bt.current && (lt(n), ut(i), ht(l), pt(ie), mt(v)), bt.current = q;
+    }, [
+      q,
+      n,
+      i,
+      l,
+      ie,
+      v
+    ]);
+    const [an, vt] = Z(() => m !== void 0 ? m : S !== void 0 ? S : M ? Pt(M) : {}), f = rt({ value: m }) ? m : an;
+    Se(() => {
+      rt({ value: m }) || M !== void 0 && vt(Pt(M));
+    }, [M, m]);
+    const I = D === "plan" ? 44 : zt, N = $e(
+      () => zn(j, I, ae ? { arch: ae } : {}),
+      [j, I, ae]
+    ), me = $e(() => {
+      if (!G) return [];
+      if (ae)
+        return Fe(
+          Ke(j, ae, D),
+          N.width
+        ).specials;
+      const e = Fe(
+        Ke(j, "upper", D),
+        N.width
+      ).specials, r = I + at, s = Fe(
+        Ke(j, "lower", D),
+        N.width
+      ).specials.map((c) => ({ ...c, y: r }));
+      return [...e, ...s];
+    }, [G, ae, j, D, N.width, I]), sn = $e(() => {
+      if (!Re) return;
+      if (!G) 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, G, j, N.width]), re = $e(
+      () => [
+        ...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" ? me.map((e) => e.element.id) : []
+      ],
+      [N, me, o]
+    ), Ue = re[0], [fe, V] = Z(Ue);
+    Se(() => {
+      (!fe || !re.includes(fe)) && V(Ue);
+    }, [Ue, fe, re]);
+    const [cn, ge] = Z(""), Ye = qe(null), _ = O(
+      (e) => {
+        rt({ value: m }) || vt(e), w == null || w(e);
+      },
+      [w, m]
+    ), W = O((e) => {
+      const r = Ye.current;
+      if (!r) return;
+      const s = r.querySelector(`g[data-fdi="${e}"]`);
+      s && (s.focus(), V(e));
+    }, []), se = O(
+      (e, r) => {
+        const s = r.map((c) => u(`toothScheme.condition.${c}`)).join(", ");
+        if (Vn(e)) {
+          const c = Ut(Vt[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, be] = Z(null);
+    Se(() => {
+      (!U || E && !re.includes(E.fdi)) && be(null);
+    }, [U, E, re]);
+    const yt = O((e, r) => {
+      var c;
+      const s = (c = Ye.current) == null ? void 0 : c.querySelector(
+        `path[data-fdi="${e}"][data-zone="${r}"]`
+      );
+      s == null || s.focus();
+    }, []), Ze = qe(null);
+    Se(() => {
+      E ? yt(E.fdi, E.zone) : Ze.current && W(Ze.current.fdi), Ze.current = E;
+    }, [E, yt, W]);
+    const dn = O(
+      (e, r) => {
+        const s = f[e];
+        return !!(s && s.surfaces.includes(r) && s.conditions.includes(p));
+      },
+      [f, p]
+    ), wt = O(
+      (e, r) => {
+        r && r.conditions.length > 0 ? ge(
+          u("toothScheme.selected", {
+            id: e,
+            conditions: r.conditions.map((s) => u(`toothScheme.condition.${s}`)).join(", ")
+          })
+        ) : ge(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), wt(e, y[e]), a == null || a(e);
+      },
+      [
+        U,
+        p,
+        f,
+        _,
+        wt,
+        a
+      ]
+    ), Ge = O((e) => {
+      const r = Q[e];
+      r && (V(e), be({ fdi: e, zone: nt(r)[0] }));
+    }, []), ln = 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 = nt(c).includes("center"), T = ar(s, e.key, g);
+              T !== s && be({ fdi: r, zone: T });
+              return;
+            }
+            case " ":
+            case "Enter": {
+              e.preventDefault(), e.stopPropagation(), ze(r, jt(c, s));
+              return;
+            }
+            case "Escape": {
+              e.preventDefault(), e.stopPropagation(), be(null);
+              return;
+            }
+            default:
+              return;
+          }
+      },
+      [ze]
+    ), un = qe(null), Ee = o === "display" && typeof R == "function", ve = o === "interactive" || Ee, ye = O(
+      (e) => {
+        V(e), a == null || a(e), R == null || R(e);
+      },
+      [a, R]
+    ), Ve = $e(
+      () => ({
+        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), ye(e);
+        }
+      }),
+      [f, _, W, $, ye]
+    );
+    Tn(Xt, () => Ve, [Ve]), Ln(
+      Nn,
+      Ve,
+      Ce ? void 0 : t
+    );
+    const xt = O(
+      (e, r) => {
+        var T;
+        if (!ve) 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) {
+              ye(r);
+              return;
+            }
+            if (U && s) {
+              Ge(r);
+              return;
+            }
+            const h = (T = f[r]) == null ? void 0 : T.conditions, x = Qt(h, p), y = { ...f };
+            x.length === 0 ? delete y[r] : y[r] = {
+              ...f[r] ?? We(),
+              conditions: x
+            }, ge(se(r, x)), _(y), a == null || a(r);
+            return;
+          }
+          default:
+            return;
+        }
+      },
+      [
+        p,
+        se,
+        f,
+        _,
+        Ge,
+        W,
+        ye,
+        a,
+        Ee,
+        U,
+        ve,
+        re
+      ]
+    ), St = O(
+      (e) => {
+        var g;
+        if (o !== "interactive") return;
+        V(e);
+        const r = (g = f[e]) == null ? void 0 : g.conditions, s = Qt(r, p), c = { ...f };
+        s.length === 0 ? delete c[e] : c[e] = {
+          ...f[e] ?? We(),
+          conditions: s
+        }, ge(se(e, s)), _(c), a == null || a(e);
+      },
+      [p, se, f, _, o, a]
+    ), oe = j === "primary" ? "mGeneral" : "general", $t = (((Rt = f[oe]) == null ? void 0 : Rt.conditions.length) ?? 0) > 0, hn = O(
+      (e) => {
+        var s;
+        const r = { ...f };
+        e ? r[oe] = {
+          conditions: [p ?? "caries"],
+          surfaces: []
+        } : delete r[oe], ge(
+          se(oe, ((s = r[oe]) == null ? void 0 : s.conditions) ?? [])
+        ), _(r), a == null || a(oe);
+      },
+      [
+        p,
+        se,
+        f,
+        _,
+        oe,
+        a
+      ]
+    ), It = ue === "above" ? 16 : 2, pn = ue === "below" ? 16 : 2, mn = me.length > 0 ? Math.max(...me.map((e) => e.x)) + ee : 0, kt = Math.max(
+      Bt ?? 0,
+      N.width,
+      mn
+    ) + 4, Tt = N.height + It + pn, Be = Pe ?? u("toothScheme.ariaLabel"), fn = ve ? void 0 : 0, At = Re ? null : /* @__PURE__ */ k(
+      "svg",
+      {
+        ref: Ye,
+        viewBox: `0 ${-It} ${kt} ${Tt}`,
+        width: kt,
+        height: Tt,
+        className: tr(),
+        role: "group",
+        "aria-label": Be,
+        focusable: "false",
+        "data-testid": "tooth-scheme-svg",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          N.teeth.map((e) => {
+            var qt;
+            const r = f[e.fdi], s = (qt = r == null ? void 0 : r.conditions) == null ? void 0 : qt[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(lr)[0] : void 0, Y = F === "thumbnail" && y !== void 0, Ne = x ? `, ${u("toothScheme.radiographBadge", { count: h })}` : "", B = Ce ? `, ${u(D === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}` : "", Xe = u("toothScheme.toothLabel", {
+              id: Wt(e.fdi, he),
+              anatomy: c,
+              conditionSuffix: g
+            }) + Ne + B, _e = ve ? E ? -1 : e.fdi === fe ? 0 : -1 : void 0, ce = (r == null ? void 0 : r.conditions) ?? [], Et = ce.includes("missing"), vn = ce.map((b) => ({
+              condition: b,
+              spec: it[b]
+            })).filter(
+              (b) => !!b.spec
+            ), Je = ce.find(
+              (b) => b !== "missing" && !it[b]
+            ), Mt = Je ? ke[Je] : void 0, yn = (s ? `${c} · ${u(`toothScheme.condition.${s}`)}` : c) + (x ? ` · ${u("toothScheme.radiographBadge", { count: h })}` : ""), Dt = Wt(e.fdi, he), wn = Gt(
+              e.meta,
+              A,
+              "default",
+              D
+            ), xn = Y && y ? y.thumbnailUrl ?? y.url : wn, Sn = D === "plan" ? ce.flatMap((b) => {
+              const H = Un[b];
+              return H ? ((r == null ? void 0 : r.surfaces) ?? []).map((Oe) => ({
+                key: `${b}-${Oe}`,
+                url: Yn(
+                  e.meta,
+                  A,
+                  H,
+                  Oe
+                )
+              })) : [];
+            }) : [], Nt = (e.meta.dentition === "primary" ? Hn : 1) * 0.9, de = z * Nt, le = I * Nt, we = (z - de) / 2, xe = (I - le) / 2, P = U && (E == null ? void 0 : E.fdi) === e.fdi, _t = U ? nt(e.meta) : [], $n = _t.includes("center"), Ot = ue === "above" ? -4 : ue === "below" ? I + 12 : ue === "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" : ve ? "button" : "img",
+                  "aria-label": Xe,
+                  "aria-pressed": P ? void 0 : o === "interactive" ? s !== void 0 : void 0,
+                  className: Ht(),
+                  onClick: P ? void 0 : o === "interactive" ? U ? () => Ge(e.fdi) : () => St(e.fdi) : Ee ? () => ye(e.fdi) : void 0,
+                  onFocus: () => V(e.fdi),
+                  onKeyDown: P ? void 0 : (b) => xt(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: xn,
+                        x: we,
+                        y: xe,
+                        width: de,
+                        height: le,
+                        preserveAspectRatio: Y ? "xMidYMid slice" : "xMidYMid meet",
+                        opacity: Et && !Y ? 0.25 : 1,
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    D === "side" ? vn.map(({ condition: b, spec: H }) => /* @__PURE__ */ d(
+                      "image",
+                      {
+                        href: Zt(
+                          e.meta,
+                          A,
+                          H
+                        ),
+                        x: we,
+                        y: xe,
+                        width: de,
+                        height: le,
+                        preserveAspectRatio: "xMidYMid meet",
+                        "aria-hidden": "true",
+                        pointerEvents: "none"
+                      },
+                      b
+                    )) : null,
+                    D === "plan" ? Sn.map(({ key: b, url: H }) => /* @__PURE__ */ d(
+                      "image",
+                      {
+                        href: H,
+                        x: we,
+                        y: xe,
+                        width: de,
+                        height: le,
+                        preserveAspectRatio: "xMidYMid meet",
+                        "aria-hidden": "true",
+                        pointerEvents: "none"
+                      },
+                      b
+                    )) : null,
+                    U ? _t.map((b) => {
+                      const H = jt(e.meta, b), Oe = dn(e.fdi, H);
+                      return /* @__PURE__ */ d(
+                        "path",
+                        {
+                          d: Zn(
+                            b,
+                            { x: we, y: xe, w: de, h: le },
+                            $n
+                          ),
+                          "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: Dt,
+                            anatomy: u(
+                              `toothScheme.surface.${H}`
+                            ),
+                            conditionSuffix: ""
+                          }) : void 0,
+                          "aria-pressed": P ? Oe : void 0,
+                          strokeWidth: "var(--focus-ring-width)",
+                          className: ir(),
+                          onClick: (X) => {
+                            X.stopPropagation(), P || V(e.fdi), ze(e.fdi, H);
+                          },
+                          onKeyDown: P ? (X) => ln(X, e.fdi, b) : void 0,
+                          onFocus: P ? () => be(
+                            (X) => X && X.fdi === e.fdi && X.zone === b ? X : { fdi: e.fdi, zone: b }
+                          ) : void 0
+                        },
+                        b
+                      );
+                    }) : null,
+                    D === "side" && Mt ? /* @__PURE__ */ d(
+                      "rect",
+                      {
+                        x: 3,
+                        y: 2,
+                        width: z - 6,
+                        height: I - 4,
+                        fill: "none",
+                        stroke: Mt,
+                        strokeWidth: "2",
+                        strokeDasharray: Je === "filled" ? "4 2" : void 0,
+                        rx: "6",
+                        pointerEvents: "none"
+                      }
+                    ) : null,
+                    Et ? /* @__PURE__ */ d(
+                      "path",
+                      {
+                        d: `M7 9 L${z - 7} ${I - 9} M${z - 7} 9 L7 ${I - 9}`,
+                        stroke: ke.missing,
+                        strokeWidth: "2",
+                        fill: "none",
+                        pointerEvents: "none"
+                      }
+                    ) : null,
+                    Y ? /* @__PURE__ */ d(
+                      "rect",
+                      {
+                        x: we,
+                        y: xe,
+                        width: de,
+                        height: le,
+                        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"
+                      }
+                    ),
+                    Ot !== null ? /* @__PURE__ */ d(
+                      "text",
+                      {
+                        x: z / 2,
+                        y: Ot,
+                        textAnchor: "middle",
+                        fontSize: "10",
+                        fill: "var(--muted-foreground)",
+                        className: "ds:select-none",
+                        "aria-hidden": "true",
+                        children: Dt
+                      }
+                    ) : 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: [
+                    yn,
+                    /* @__PURE__ */ d(K.Arrow, { className: "ds:fill-[var(--foreground)]" })
+                  ]
+                }
+              ) })
+            ] }, e.fdi);
+          }),
+          me.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 = Ut(e, u), x = g ? `, ${u(`toothScheme.condition.${g}`)}` : "", y = u("toothScheme.elementLabel", {
+              name: h,
+              conditionSuffix: x
+            }), Y = g ? ke[g] : void 0, Ne = Bn(e, A), B = o === "interactive", Xe = B ? e.id === fe ? 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: Xe,
+                  role: B ? "button" : "img",
+                  "aria-label": y,
+                  "aria-pressed": B ? T : void 0,
+                  className: Ht(),
+                  onClick: B ? () => St(e.id) : void 0,
+                  onFocus: B ? () => V(e.id) : void 0,
+                  onKeyDown: B ? (ce) => xt(ce, e.id) : void 0,
+                  children: [
+                    /* @__PURE__ */ d(
+                      "rect",
+                      {
+                        x: -L,
+                        y: -L,
+                        width: ee + L * 2,
+                        height: I + L * 2,
+                        fill: "transparent"
+                      }
+                    ),
+                    /* @__PURE__ */ d(
+                      "rect",
+                      {
+                        x: 0,
+                        y: 0,
+                        width: ee,
+                        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(In, { children: [
+                      /* @__PURE__ */ d(
+                        "image",
+                        {
+                          href: Ne,
+                          x: 3,
+                          y: 3,
+                          width: ee - 6,
+                          height: I - 16,
+                          preserveAspectRatio: "xMidYMid meet",
+                          "aria-hidden": "true",
+                          pointerEvents: "none"
+                        }
+                      ),
+                      /* @__PURE__ */ d(
+                        "text",
+                        {
+                          x: ee / 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: ee / 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: ee + 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);
+          })
+        ]
+      }
+    ), Lt = /* @__PURE__ */ d(
+      "div",
+      {
+        className: or(),
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        "data-testid": "tooth-scheme-live",
+        children: cn
+      }
+    );
+    if (Ce)
+      return /* @__PURE__ */ k(K.Provider, { delayDuration: 200, children: [
+        At,
+        Lt
+      ] });
+    const gn = (e) => u(e === "upper" ? "toothScheme.arch.upper" : "toothScheme.arch.lower"), Me = (e, r) => `${Be} — ${gn(e)}, ${u(r === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}`, De = {
+      dentition: j,
+      numbering: he,
+      mode: o,
+      value: f,
+      onChange: _,
+      onSelect: a,
+      activeCondition: p,
+      assetBaseUrl: A,
+      radiographs: $,
+      radiographDisplay: F,
+      onOpenRadiographs: R,
+      specialElements: G,
+      _inner: !0,
+      _contentWidth: sn
+    }, bn = /* @__PURE__ */ k("div", { className: er(), "data-testid": "tooth-scheme-both", children: [
+      /* @__PURE__ */ d(
+        Ie,
+        {
+          ...De,
+          projection: "side",
+          _arch: "upper",
+          _numbersPosition: "above",
+          ariaLabel: Me("upper", "side")
+        }
+      ),
+      /* @__PURE__ */ d(
+        Ie,
+        {
+          ...De,
+          projection: "plan",
+          _arch: "upper",
+          _numbersPosition: "none",
+          ariaLabel: Me("upper", "plan")
+        }
+      ),
+      /* @__PURE__ */ d(
+        Ie,
+        {
+          ...De,
+          projection: "plan",
+          _arch: "lower",
+          _numbersPosition: "none",
+          ariaLabel: Me("lower", "plan")
+        }
+      ),
+      /* @__PURE__ */ d(
+        Ie,
+        {
+          ...De,
+          projection: "side",
+          _arch: "lower",
+          _numbersPosition: "below",
+          ariaLabel: Me("lower", "side")
+        }
+      )
+    ] }), Ct = q ? /* @__PURE__ */ d(
+      "div",
+      {
+        className: ne != null ? "ds:flex ds:justify-end" : "ds:flex ds:w-full ds:justify-end",
+        "data-testid": "tooth-scheme-controls",
+        children: /* @__PURE__ */ k(et.Root, { children: [
+          /* @__PURE__ */ d(et.Trigger, { asChild: !0, children: /* @__PURE__ */ d(
+            Cn,
+            {
+              size: "sm",
+              intent: "outline",
+              icon: /* @__PURE__ */ d(En, { "aria-hidden": "true" }),
+              "aria-label": u("toothScheme.options.label"),
+              tooltip: u("toothScheme.options.label")
+            }
+          ) }),
+          /* @__PURE__ */ d(
+            et.Content,
+            {
+              ref: on,
+              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(
+                    tt,
+                    {
+                      label: u("toothScheme.options.legend"),
+                      labelSide: "start",
+                      checked: ft,
+                      onCheckedChange: pt
+                    }
+                  ),
+                  /* @__PURE__ */ d(
+                    tt,
+                    {
+                      label: u("toothScheme.options.specialElements"),
+                      labelSide: "start",
+                      checked: G,
+                      onCheckedChange: mt
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ d(
+                  ot,
+                  {
+                    container: Qe,
+                    label: u("toothScheme.options.dentition"),
+                    value: j,
+                    onValueChange: (e) => lt(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(
+                  ot,
+                  {
+                    container: Qe,
+                    label: u("toothScheme.options.numbering"),
+                    value: he,
+                    onValueChange: (e) => ut(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(
+                  ot,
+                  {
+                    container: Qe,
+                    label: u("toothScheme.options.view"),
+                    value: pe,
+                    onValueChange: (e) => ht(e),
+                    options: [
+                      {
+                        value: "side",
+                        label: u("toothScheme.view.side")
+                      },
+                      {
+                        value: "plan",
+                        label: u("toothScheme.view.occlusal")
+                      },
+                      {
+                        value: "both",
+                        label: u("toothScheme.view.both")
+                      }
+                    ]
+                  }
+                )
+              ] })
+            }
+          )
+        ] })
+      }
+    ) : null;
+    return /* @__PURE__ */ d(K.Provider, { delayDuration: 200, children: /* @__PURE__ */ k(
+      "div",
+      {
+        ref: un,
+        role: "region",
+        "aria-label": Be,
+        tabIndex: fn,
+        className: [Jn(), He].filter(Boolean).join(" "),
+        "data-component": "tooth-scheme",
+        "data-component-id": t,
+        "data-testid": "tooth-scheme-root",
+        "data-dentition": j,
+        "data-numbering": he,
+        "data-mode": o,
+        "data-projection": D,
+        "data-view-mode": pe,
+        "data-special-elements": G ? "true" : "false",
+        children: [
+          ne === void 0 ? Ct : ne ? An(Ct, ne) : null,
+          Re ? bn : At,
+          G && (o === "interactive" || $t) ? /* @__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(
+                tt,
+                {
+                  label: u("toothScheme.special.general"),
+                  labelSide: "end",
+                  checked: $t,
+                  disabled: o !== "interactive",
+                  onCheckedChange: hn
+                }
+              )
+            }
+          ) : null,
+          ft ? /* @__PURE__ */ d(dr, { assetBaseUrl: A }) : null,
+          Lt
+        ]
+      }
+    ) });
+  }
+);
+Ie.displayName = "ToothScheme";
+export {
+  ke as C,
+  Q as F,
+  Ae as P,
+  Vt as S,
+  Ie as T,
+  Un as a,
+  it as b,
+  $r as c,
+  Pn as d,
+  Wn as e,
+  Le as f,
+  Gn as g,
+  Qn as h,
+  Pt as i,
+  Zt as j,
+  kr as k,
+  Ir as l,
+  Vn as m,
+  Wt as n,
+  Fe as o,
+  zn as p,
+  Ke as q,
+  Yn as r,
+  Bn as s,
+  Gt as t,
+  Nn as u,
+  Jn as v,
+  jt as w,
+  nt as x,
+  Zn as z
+};
+//# sourceMappingURL=tooth-scheme-D_rso4uu.js.map