@alfadocs/ui-kit 1.4.17 → 1.6.0

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

@@ -0,0 +1,2051 @@
+import { jsxs as k, jsx as s, Fragment as Bo } from "react/jsx-runtime";
+import { forwardRef as Go, useState as K, useRef as qe, useEffect as Ce, useMemo as Oe, useCallback as D, useImperativeHandle as Qo } from "react";
+import { createPortal as Zo } from "react-dom";
+import * as E from "@radix-ui/react-tooltip";
+import { c as ie } from "./index-D2ZczOXr.js";
+import { useTranslation as io } from "react-i18next";
+import { u as Xo } from "./registry-DvAUVLHh.js";
+import { I as Jo } from "./icon-button-9c9Gp41m.js";
+import { P as rt } from "./popover-Btj6N25H.js";
+import { S as en } from "./select-BW5ecXlX.js";
+import { S as at } from "./switch-OILsBLWo.js";
+import { o as zt, K as tn, a0 as on, J as Ke, R as Ue, u as ro, U as ao, G as nn, S as rn, w as Ve, X as F, f as de, $ as st, _ as Vt, E as ft, a1 as ce, H as Bt, z as ut, y as an, l as ct, A as so, L as sn, t as pt, W as dt, s as co, Y as lo, x as cn, V as dn, a2 as ln, a3 as $, a4 as U, a5 as hn, Z as un, C as ho, Q as pn, a6 as fn, k as Gt, T as mn, O as gn, q as vn, N as bn } from "./tooth-data-DR8Kdnup.js";
+import { S as yn } from "./settings-d25ju_6L.js";
+const ye = () => (t) => t, Sn = ye()([
+  "caries",
+  "filled",
+  "crowned",
+  "temporaryCrown",
+  "bridge",
+  "missing",
+  "implant",
+  "implantExtraction",
+  "stub",
+  "destroyed",
+  "rootCanal",
+  "pin",
+  "rootAmputation",
+  "anchorage",
+  "hook",
+  "attachment",
+  "mucogingivalSurgery",
+  "periodontalSurgery",
+  "curettage",
+  "medication",
+  "xray"
+]), xn = ye()([
+  "mesial",
+  "distal",
+  "occlusal",
+  "buccal",
+  "lingual"
+]), wn = ye()([
+  "mesial",
+  "distal",
+  "palatal",
+  "buccal",
+  "single"
+]), kn = ye()(["element", "surface", "root"]), In = ye()(["planned", "executed"]), Tn = ye()([
+  "periapical",
+  "bitewing",
+  "panoramic",
+  "other"
+]), W = {
+  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)."
+}, Ye = {
+  enum: [...Sn],
+  description: "Built-in finding id. 'destroyed' is the retained root (*radice persistente*); 'xray' is the chartable radiograph SYMBOL, distinct from the image archive reached via get_radiographs."
+}, uo = {
+  type: "string",
+  description: "Finding id — either a built-in (the enum on set_finding) or a practice-defined id from the host's `conditionRegistry`."
+}, po = {
+  enum: [...xn],
+  description: "Tooth surface, named anatomically."
+}, An = {
+  enum: [...wn],
+  description: "Root, named ANATOMICALLY (not by screen side) — 'palatal' exists only on upper molars, 'single' covers every one-rooted tooth. On flank-mounted markers (anchorage, hook) 'mesial' / 'distal' select the side of the tooth instead."
+}, Dn = {
+  enum: [...kn],
+  description: "Anatomical layer the finding marks. Omit to take the condition's natural part (caries and fillings are 'surface', root canals are 'root', crowns and implants are 'element')."
+}, _n = {
+  enum: [...In],
+  description: "Execution status — 'planned' (proposed treatment) vs 'executed' (already done). Omit when the finding carries no plan/executed distinction."
+}, Qt = {
+  type: "object",
+  properties: {
+    id: {
+      type: "string",
+      description: "Provenance id — the host's care-plan / finding entry this symbol came from. Present on symbols the host seeded; supply it to update that exact entry."
+    },
+    condition: uo,
+    part: Dn,
+    surfaces: { type: "array", items: po },
+    roots: { type: "array", items: An },
+    status: _n,
+    color: {
+      type: "string",
+      description: "Per-practice colour override — a CSS colour or `var(--token)`. Omit to take the condition's own colour."
+    },
+    note: {
+      type: "string",
+      description: "Free-text clinical note. PHI — never in a state snapshot."
+    }
+  },
+  required: ["condition"]
+}, Cn = {
+  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: [...Tn] },
+    alt: { type: "string" }
+  },
+  required: ["id", "url"]
+};
+function On(t) {
+  return {
+    id: t.id,
+    condition: t.condition,
+    part: t.part,
+    surfaces: t.surfaces,
+    roots: t.roots,
+    status: t.status,
+    color: t.color
+  };
+}
+const $n = {
+  id: "tooth-scheme",
+  // pick — focus/select a tooth (`focus_tooth`, transient, not persisted);
+  // set_value / edit_inline — `set_finding` records a built-in finding and
+  // marks the affected surfaces (set-surface), `set_symbol` records the full
+  // per-symbol form (part / roots / status / colour / note), `remove_finding`
+  // clears one; view_change — the side/plan projection + dentition are view
+  // props.
+  // `view_change` is deliberately NOT claimed: projection / dentition /
+  // numbering are props, and the component's own view state only takes effect
+  // when `controls` is on, so a `set_view` action would silently no-op for most
+  // consumers. The view is readable below; changing it stays the host's job.
+  capabilities: ["pick", "set_value", "edit_inline"],
+  state: {
+    chart: {
+      // A9: the always-on snapshot carries FDI / element ids plus finding
+      // ENUMS only — never the free-text clinical notes (`ToothState.notes`,
+      // `ToothSymbol.note`), which are PHI. Those are fetched deliberately,
+      // per tooth, via get_notes / get_symbols (both safety: 'phi').
+      type: "Record<FdiId, { conditions: ToothCondition[]; surfaces: Surface[]; symbols: { id?: string; condition: ConditionId; part?: SymbolPart; surfaces?: Surface[]; roots?: Root[]; status?: SymbolStatus; color?: string }[] }>",
+      descriptionKey: "ui.agent.toothScheme.state.chart",
+      description: "Current dental chart keyed by FDI id, or by a special-element id (quadrant / sextant / arch / general) for region-spanning findings. Each entry carries the flat `conditions` + `surfaces` pair AND the normalised per-symbol list, where every finding scopes its own surfaces, roots, planned/executed status and colour. Free-text clinical notes are PHI and omitted — read them per tooth via get_symbols / get_notes.",
+      read: (t) => Object.fromEntries(
+        Object.entries(t.getChart()).map(([n, a]) => [
+          n,
+          {
+            conditions: a.conditions,
+            surfaces: a.surfaces,
+            // Read back through the handle so a tooth charted the legacy
+            // way (flat conditions + surfaces) reports the same symbol
+            // shape as one charted per-symbol.
+            symbols: t.getSymbols(n).map(On)
+          }
+        ])
+      )
+    },
+    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((a) => ({ id: a.id, kind: a.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: W },
+        required: ["id"]
+      },
+      idempotent: !0,
+      errors: [
+        "In the `both` view the registered instance renders no SVG of its own (the four sub-charts do, and deliberately do not register), so this action has no effect there."
+      ],
+      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: W },
+        required: ["id"]
+      },
+      returns: "ToothCondition[]",
+      returnsSchema: { type: "array", items: Ye },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.getTooth",
+      description: "Read the BUILT-IN findings recorded on one tooth (FDI id), as a flat list of condition ids. Practice-defined findings, per-finding surfaces, roots and status are not included — use get_symbols for the tooth's full record.",
+      invoke: (t, n) => t.getTooth(n.id)
+    },
+    get_symbols: {
+      // phi (not read): a symbol carries a free-text clinical `note`, which is
+      // PHI. PRS §26 §3 — phi outranks read so the host gates it behind
+      // stricter confirm + audit. The always-on state.chart snapshot stays
+      // note-free.
+      safety: "phi",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: W },
+        required: ["id"]
+      },
+      returns: "ToothSymbol[]",
+      returnsSchema: { type: "array", items: Qt },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.getSymbols",
+      description: "Read one tooth's full finding record (incl. notes) — one entry per symbol, each with its own surfaces, roots, planned/executed status, colour override, provenance id and free-text note. Normalised, so a tooth charted with the flat conditions/surfaces pair reports the same shape.",
+      invoke: (t, n) => t.getSymbols(n.id)
+    },
+    get_notes: {
+      // phi (not read): resolves the tooth-level free-text clinical note.
+      // Same posture as get_symbols — the note is out of state.chart and only
+      // reachable through this audited action.
+      safety: "phi",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: W },
+        required: ["id"]
+      },
+      returns: "string | null",
+      returnsSchema: { type: ["string", "null"] },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.getNotes",
+      description: "Read the tooth-level free-text clinical note, or null when there is none. Per-finding notes are separate — they come back from get_symbols.",
+      invoke: (t, n) => {
+        var a;
+        return ((a = t.getChart()[n.id]) == null ? void 0 : a.notes) ?? null;
+      }
+    },
+    teeth_with: {
+      safety: "read",
+      argsType: "{ condition: ToothCondition }",
+      argsSchema: {
+        type: "object",
+        properties: { condition: Ye },
+        required: ["condition"]
+      },
+      returns: "FdiId[]",
+      returnsSchema: { type: "array", items: W },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.teethWith",
+      description: "List the ids carrying a given built-in finding — FDI tooth ids and/or special-element ids (e.g. all teeth with caries). For a practice-defined finding use teeth_with_symbol.",
+      invoke: (t, n) => t.teethWith(n.condition)
+    },
+    teeth_with_symbol: {
+      safety: "read",
+      argsType: "{ condition: ConditionId }",
+      argsSchema: {
+        type: "object",
+        properties: { condition: uo },
+        required: ["condition"]
+      },
+      returns: "FdiId[]",
+      returnsSchema: { type: "array", items: W },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.teethWithSymbol",
+      description: "As teeth_with, but open to the practice-defined ids in the host's `conditionRegistry` as well as the built-ins.",
+      invoke: (t, n) => t.teethWithSymbol(n.condition)
+    },
+    get_radiographs: {
+      // phi (not read): resolves the radiograph `note` (free-text clinical
+      // PHI) alongside the acquisition date and the consumer-hosted image
+      // urls. PRS §26 §3 — phi outranks read so the host gates it behind
+      // stricter confirm + audit; the always-on state.radiographs snapshot
+      // stays structural (id + kind).
+      safety: "phi",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: W },
+        required: ["id"]
+      },
+      returns: "Radiograph[]",
+      returnsSchema: { type: "array", items: Cn },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.getRadiographs",
+      description: "Read the radiographs (x-rays) attached to one tooth, including their notes, dates and image urls.",
+      invoke: (t, n) => t.getRadiographs(n.id)
+    },
+    open_radiographs: {
+      safety: "read",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: W },
+        required: ["id"]
+      },
+      idempotent: !0,
+      errors: [
+        "In the `both` view the registered instance renders no SVG of its own (the four sub-charts do, and deliberately do not register), so this action has no effect there."
+      ],
+      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: W,
+          condition: Ye,
+          surfaces: { type: "array", items: po }
+        },
+        required: ["id", "condition"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.setFinding",
+      description: "Record a built-in finding on a tooth or region element (crown, implant, root canal, caries, …). Optionally mark the affected surfaces for a surface finding. Structural only — to set a finding’s roots, planned/executed status, colour or note, or to chart a practice-defined finding, use set_symbol.",
+      invoke: (t, n) => {
+        t.setFinding(n.id, n.condition, n.surfaces);
+      }
+    },
+    set_symbol: {
+      // phi (not write): the symbol may carry a free-text clinical `note`,
+      // which is PHI. PRS §26 §3 — a PHI write must never be auto-confirmed.
+      // The structural-only path stays available as set_finding ('write').
+      safety: "phi",
+      argsType: "{ id: FdiId; symbol: ToothSymbol }",
+      argsSchema: {
+        type: "object",
+        properties: { id: W, symbol: Qt },
+        required: ["id", "symbol"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.setSymbol",
+      description: "Add or replace one finding on a tooth or region element, with its own part, surfaces, roots, planned/executed status, colour override and note. Matched by `symbol.id` when the symbol carries provenance, otherwise by its condition; appended when nothing matches. Accepts practice-defined `conditionRegistry` ids as well as the built-ins.",
+      examples: [
+        {
+          args: {
+            id: "16",
+            symbol: {
+              condition: "filled",
+              surfaces: ["mesial"],
+              status: "executed"
+            }
+          },
+          note: "Record an executed mesial filling on tooth 16, leaving any other finding on that tooth untouched."
+        },
+        {
+          args: {
+            id: "26",
+            symbol: {
+              condition: "rootCanal",
+              roots: ["palatal"],
+              status: "planned"
+            }
+          },
+          note: "Plan a root canal on the palatal root of tooth 26 ('palatal' is the anatomical root, not a screen side)."
+        }
+      ],
+      invoke: (t, n) => {
+        t.setSymbol(n.id, n.symbol);
+      }
+    },
+    remove_finding: {
+      safety: "write",
+      argsType: "{ id: FdiId; condition: ToothCondition }",
+      argsSchema: {
+        type: "object",
+        properties: { id: W, condition: Ye },
+        required: ["id", "condition"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.removeFinding",
+      description: "Remove a finding from a tooth — every symbol carrying that condition goes, whatever its surfaces or roots. Built-in ids only.",
+      invoke: (t, n) => {
+        t.removeFinding(n.id, n.condition);
+      }
+    },
+    clear_tooth: {
+      safety: "destructive",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: W },
+        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`, its first finding as `data-condition`, the full space-separated list as `data-conditions`, the finding count as `data-symbol-count` and the first finding's status as `data-status`; selectable special-element slots carry their id in `data-fdi` too (plus `data-special` naming the kind). Per-surface pick targets carry `data-zone`, per-root pick targets `data-root` (the anatomical root name). The `data-projection` / `data-view-mode` attributes on the root expose the side/plan/both view."
+    }
+  }
+}, Nn = ie(
+  [
+    "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(" ")
+), jn = ie(["ds:flex ds:flex-col ds:gap-0"].join(" ")), Fn = ie(
+  [
+    "ds:block",
+    "ds:w-full ds:min-w-fit ds:h-auto",
+    "ds:text-[var(--foreground)]"
+  ].join(" ")
+), Zt = ie(
+  [
+    "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(" ")
+), Xt = ie(
+  [
+    "ds:flex ds:flex-wrap ds:items-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "type-meta ds:text-[var(--muted-foreground)]"
+  ].join(" ")
+), Jt = ie(
+  ["ds:inline-flex ds:items-center", "ds:gap-[var(--spacing-xs)]"].join(" ")
+), Mn = ie(["ds:sr-only"].join(" ")), eo = ie(
+  [
+    "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)]",
+    // `:focus` as well as `:focus-visible` — a pointer drill-in moves focus
+    // programmatically, so the browser's focus-visible heuristic does not match
+    // and the newly focused zone would otherwise show nothing at all.
+    "ds:focus:fill-[color-mix(in_srgb,var(--accent)_22%,transparent)]",
+    "ds:focus:stroke-[var(--ring)]",
+    "ds:focus-visible:fill-[color-mix(in_srgb,var(--accent)_22%,transparent)]",
+    "ds:focus-visible:stroke-[var(--ring)]",
+    "ds:forced-colors:focus:stroke-[CanvasText]",
+    "ds:forced-colors:focus-visible:stroke-[CanvasText]"
+  ].join(" ")
+);
+function lt(t) {
+  return t.value !== void 0;
+}
+function Ln() {
+  return { conditions: [], surfaces: [] };
+}
+function to(t, n, a) {
+  const d = n ?? "caries", h = {
+    condition: d,
+    part: Ve(d, a)
+  };
+  return n ? t.some((f) => f.condition === d) ? t.filter((f) => f.condition !== d) : [...t, h] : t.length === 0 ? [h] : [];
+}
+function En(t, n, a, d) {
+  const h = (b) => a === "surface" ? (b.surfaces ?? []).includes(d) : (b.roots ?? []).includes(d), f = (b) => b.condition === n, x = t.findIndex(
+    (b) => f(b) && h(b)
+  ), P = t.findIndex(
+    (b) => f(b) && b.id === void 0
+  );
+  if (x < 0 && P >= 0)
+    return oo(t, P, a, d);
+  if (x < 0) {
+    const b = a === "surface" ? { condition: n, part: a, surfaces: [d] } : { condition: n, part: a, roots: [d] };
+    return [...t, b];
+  }
+  return oo(t, x, a, d);
+}
+function oo(t, n, a, d) {
+  const h = t[n], f = a === "surface" ? h.surfaces ?? [] : h.roots ?? [], x = f.includes(d) ? f.filter((b) => b !== d) : [...f, d];
+  if (x.length === 0) return t.filter((b, _) => _ !== n);
+  const P = a === "surface" ? { ...h, part: a, surfaces: x } : { ...h, part: a, roots: x };
+  return t.map((b, _) => _ === n ? P : b);
+}
+function Wn(t, n) {
+  const a = [], d = [];
+  for (const h of t) {
+    ft(h.condition) && !a.includes(h.condition) && a.push(h.condition);
+    for (const f of h.surfaces ?? [])
+      d.includes(f) || d.push(f);
+  }
+  return { ...n ?? Ln(), conditions: a, surfaces: d, symbols: t };
+}
+function no(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 Rn(t, n, a) {
+  var h;
+  return a ? ((h = {
+    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 : h[n]) ?? t : n === "ArrowUp" ? "top" : n === "ArrowDown" ? "bottom" : n === "ArrowLeft" ? "left" : n === "ArrowRight" ? "right" : t;
+}
+function Pn(t) {
+  const n = (a) => a === "mesial" || a === "distal" ? bn(t, a) === "left" ? 0 : 2 : 1;
+  return [...gn(t)].sort((a, d) => n(a) - n(d));
+}
+function ze(t) {
+  const n = Pn(t);
+  return n.length > 1 ? n : [];
+}
+function Hn(t, n, a) {
+  const d = a.indexOf(t);
+  return d < 0 ? t : n === "ArrowRight" ? a[Math.min(a.length - 1, d + 1)] : n === "ArrowLeft" ? a[Math.max(0, d - 1)] : t;
+}
+function qn(t, n, a) {
+  const d = a.w / n;
+  return { x: a.x + t * d, y: a.y, w: d, h: a.h };
+}
+function fo({
+  glyph: t,
+  colour: n,
+  cx: a,
+  cy: d,
+  opacity: h,
+  testId: f
+}) {
+  const x = 9 + t.length * 5;
+  return /* @__PURE__ */ k(
+    "g",
+    {
+      transform: `translate(${a - x / 2}, ${d - 7})`,
+      "data-testid": f,
+      pointerEvents: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ s(
+          "rect",
+          {
+            width: x,
+            height: 14,
+            rx: "3.5",
+            fill: "var(--card)",
+            stroke: n,
+            strokeWidth: "1.5",
+            opacity: h
+          }
+        ),
+        /* @__PURE__ */ s(
+          "text",
+          {
+            x: x / 2,
+            y: 10,
+            textAnchor: "middle",
+            fontSize: "9",
+            fontWeight: "600",
+            fill: "var(--foreground)",
+            className: "ds:select-none",
+            children: t
+          }
+        )
+      ]
+    }
+  );
+}
+function mo({
+  status: t,
+  cx: n,
+  cy: a,
+  r: d,
+  strokeWidth: h,
+  testId: f
+}) {
+  return /* @__PURE__ */ s(
+    "circle",
+    {
+      cx: n,
+      cy: a,
+      r: d,
+      fill: t === "executed" ? Gt.executed : "var(--card)",
+      stroke: Gt[t],
+      strokeWidth: h,
+      "data-testid": f,
+      pointerEvents: "none",
+      "aria-hidden": "true"
+    }
+  );
+}
+const go = ["planned", "executed"];
+function Kn({
+  condition: t,
+  assetBaseUrl: n,
+  registry: a
+}) {
+  const d = de[16], h = ut(t, a), f = t === "missing", x = vn(t, a), P = !h && !f && pt(t, "side", a), b = 36 * 0.9, _ = 62 * 0.9, V = (36 - b) / 2, N = (62 - _) / 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__ */ s(
+          "image",
+          {
+            href: lo(d, n),
+            x: V,
+            y: N,
+            width: b,
+            height: _,
+            preserveAspectRatio: "xMidYMid meet",
+            opacity: f ? 0.25 : 1
+          }
+        ),
+        h ? /* @__PURE__ */ s(
+          "image",
+          {
+            href: so(d, n, h),
+            x: V,
+            y: N,
+            width: b,
+            height: _,
+            preserveAspectRatio: "xMidYMid meet"
+          }
+        ) : null,
+        P ? /* @__PURE__ */ s(
+          "rect",
+          {
+            x: 3,
+            y: 2,
+            width: 30,
+            height: 58,
+            fill: "none",
+            stroke: x,
+            strokeWidth: 2,
+            strokeDasharray: t === "filled" ? "4 2" : void 0,
+            rx: 6
+          }
+        ) : null,
+        f ? /* @__PURE__ */ s(
+          "path",
+          {
+            d: "M7 9 L29 53 M29 9 L7 53",
+            stroke: ho.missing,
+            strokeWidth: 2,
+            fill: "none"
+          }
+        ) : null,
+        !h && !P && !f ? /* @__PURE__ */ s(
+          fo,
+          {
+            glyph: co(t, a),
+            colour: x,
+            cx: 18,
+            cy: 31
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function Un({
+  assetBaseUrl: t,
+  registry: n
+}) {
+  const { t: a } = io(), d = [
+    ...mn,
+    ...(n ?? []).map((h) => h.id).filter((h) => !ft(h))
+  ];
+  return /* @__PURE__ */ k(
+    "section",
+    {
+      "aria-label": a("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__ */ s("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: a("toothScheme.legendLabel") }),
+        /* @__PURE__ */ s("ul", { className: Xt(), children: d.map((h) => {
+          const f = ro(h, n);
+          return /* @__PURE__ */ k(
+            "li",
+            {
+              className: Jt(),
+              "data-condition": h,
+              "data-testid": `tooth-scheme-legend-item-${h}`,
+              children: [
+                /* @__PURE__ */ s(
+                  Kn,
+                  {
+                    condition: h,
+                    assetBaseUrl: t,
+                    registry: n
+                  }
+                ),
+                /* @__PURE__ */ s("span", { children: f.kind === "key" ? a(f.key) : f.text })
+              ]
+            },
+            h
+          );
+        }) }),
+        /* @__PURE__ */ s("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: a("toothScheme.legendStatusLabel") }),
+        /* @__PURE__ */ s("ul", { className: Xt(), children: go.map((h) => /* @__PURE__ */ k(
+          "li",
+          {
+            className: Jt(),
+            "data-status": h,
+            "data-testid": `tooth-scheme-legend-status-${h}`,
+            children: [
+              /* @__PURE__ */ s(
+                "svg",
+                {
+                  width: "14",
+                  height: "14",
+                  viewBox: "0 0 14 14",
+                  "aria-hidden": "true",
+                  className: "ds:block ds:shrink-0",
+                  children: /* @__PURE__ */ s(
+                    mo,
+                    {
+                      status: h,
+                      cx: 7,
+                      cy: 7,
+                      r: 5,
+                      strokeWidth: 1.75
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ s("span", { children: a(ao(h)) })
+            ]
+          },
+          h
+        )) })
+      ]
+    }
+  );
+}
+function ht({
+  label: t,
+  value: n,
+  options: a,
+  onValueChange: d,
+  container: h
+}) {
+  return /* @__PURE__ */ k("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+    /* @__PURE__ */ s(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "type-label ds:text-[color:var(--muted-foreground)]",
+        children: t
+      }
+    ),
+    /* @__PURE__ */ s(
+      en,
+      {
+        size: "md",
+        "aria-label": t,
+        value: n,
+        options: a,
+        onValueChange: d,
+        container: h
+      }
+    )
+  ] });
+}
+function Yn(t, n) {
+  return t.date === n.date ? 0 : t.date ? n.date && t.date < n.date ? 1 : -1 : 1;
+}
+const $e = Go(
+  ({
+    id: t,
+    dentition: n = "permanent",
+    numbering: a = "fdi",
+    mode: d = "interactive",
+    projection: h = "side",
+    specialElements: f,
+    value: x,
+    defaultValue: P,
+    onChange: b,
+    onSelect: _,
+    conditions: V,
+    radiographs: N,
+    radiographDisplay: mt = "badge",
+    onOpenRadiographs: le,
+    activeCondition: j,
+    conditionRegistry: u,
+    assetBaseUrl: re = "/toothscheme/teeth",
+    legend: Ne = !1,
+    controls: H = !1,
+    controlsContainer: je,
+    ariaLabel: vo,
+    className: bo,
+    _arch: he,
+    _numbersPosition: Se = "between",
+    _inner: Fe = !1,
+    _contentWidth: yo
+  }, So) => {
+    const { t: l } = io(), [xo, gt] = K(n), [wo, vt] = K(a), [ko, bt] = K(h), [Io, yt] = K(Ne), [To, St] = K(
+      f
+    ), [Be, Ao] = K(null), L = H ? xo : n, xe = H ? wo : a, xt = H ? Io : Ne, we = H ? ko : h, O = we === "plan" ? "plan" : "side", Me = we === "both" && !Fe, wt = we === "both", B = H ? To ?? wt : f ?? wt, kt = qe(H);
+    Ce(() => {
+      H && !kt.current && (gt(n), vt(a), bt(h), yt(Ne), St(f)), kt.current = H;
+    }, [
+      H,
+      n,
+      a,
+      h,
+      Ne,
+      f
+    ]);
+    const [Do, It] = K(() => x !== void 0 ? x : P !== void 0 ? P : V ? zt(V) : {}), g = lt({ value: x }) ? x : Do;
+    Ce(() => {
+      lt({ value: x }) || V !== void 0 && It(zt(V));
+    }, [V, x]);
+    const w = O === "plan" ? 44 : on, M = Oe(
+      () => tn(L, w, he ? { arch: he } : {}),
+      [L, w, he]
+    ), ke = Oe(() => {
+      if (!B) return [];
+      if (he)
+        return Ke(
+          Ue(L, he, O),
+          M.width
+        ).specials;
+      const e = Ke(
+        Ue(L, "upper", O),
+        M.width
+      ).specials, o = w + fn, r = Ke(
+        Ue(L, "lower", O),
+        M.width
+      ).specials.map((c) => ({ ...c, y: o }));
+      return [...e, ...r];
+    }, [B, he, L, O, M.width, w]), _o = Oe(() => {
+      if (!Me) return;
+      if (!B) return M.width;
+      let e = M.width;
+      for (const o of ["upper", "lower"])
+        for (const r of ["side", "plan"]) {
+          const c = Ke(
+            Ue(L, o, r),
+            M.width
+          ).width;
+          c > e && (e = c);
+        }
+      return e;
+    }, [Me, B, L, M.width]), ae = Oe(
+      () => [
+        ...M.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.
+        ...d === "interactive" ? ke.map((e) => e.element.id) : []
+      ],
+      [M, ke, d]
+    ), Ge = ae[0], [Ie, Y] = K(Ge);
+    Ce(() => {
+      (!Ie || !ae.includes(Ie)) && Y(Ge);
+    }, [Ge, Ie, ae]);
+    const [Co, Oo] = K(""), Qe = qe(null), Te = D(
+      (e) => {
+        lt({ value: x }) || It(e), b == null || b(e);
+      },
+      [b, x]
+    ), R = D((e) => {
+      const o = Qe.current;
+      if (!o) return;
+      const r = o.querySelector(`g[data-fdi="${e}"]`);
+      r && (r.focus(), Y(e));
+    }, []), Tt = D(
+      (e) => {
+        const o = ro(e, u);
+        return o.kind === "key" ? l(o.key) : o.text;
+      },
+      [l, u]
+    ), G = D(
+      (e, o = !0) => {
+        var v;
+        const r = Tt(e.condition), c = o ? ((v = e.roots) != null && v.length ? e.roots.map((m) => l(`toothScheme.root.${m}`)) : (e.surfaces ?? []).map(
+          (m) => l(`toothScheme.surface.${m}`)
+        )).join(", ") : "", p = e.status ? l(ao(e.status)) : "";
+        return c && p ? l("toothScheme.symbolWithScopeAndStatus", {
+          condition: r,
+          scope: c,
+          status: p
+        }) : c ? l("toothScheme.symbolWithScope", { condition: r, scope: c }) : p ? l("toothScheme.symbolWithStatus", { condition: r, status: p }) : r;
+      },
+      [Tt, l]
+    ), At = D(
+      (e, o, r) => e.filter(
+        (c) => o === "surface" ? (c.surfaces ?? []).includes(r) : (c.roots ?? []).includes(r)
+      ).map((c) => `, ${G(c, !1)}`).join(""),
+      [G]
+    ), Dt = D(
+      (e, o) => {
+        const r = o.map((c) => G(c)).join(", ");
+        if (nn(e)) {
+          const c = no(rn[e], l);
+          return o.length > 0 ? l("toothScheme.elementSelected", {
+            name: c,
+            conditions: r
+          }) : l("toothScheme.elementDeselected", { name: c });
+        }
+        return o.length > 0 ? l("toothScheme.selected", { id: e, conditions: r }) : l("toothScheme.deselected", { id: e });
+      },
+      [G, l]
+    ), ue = D(
+      (e, o) => {
+        const r = { ...g };
+        o.length === 0 ? delete r[e] : r[e] = Wn(o, g[e]), Te(r);
+      },
+      [g, Te]
+    ), Q = D(
+      (e, o) => {
+        ue(e, o), Oo(Dt(e, o)), _ == null || _(e);
+      },
+      [Dt, _, ue]
+    ), _t = j ? Ve(j, u) : void 0, q = O === "plan" && d === "interactive" && _t === "surface", se = O === "side" && d === "interactive" && _t === "root", [y, z] = K(null);
+    Ce(() => {
+      if (!y) return;
+      (!(y.part === "surface" ? q : se) || !ae.includes(y.fdi)) && z(null);
+    }, [q, se, y, ae]);
+    const Ct = D((e) => {
+      var r, c;
+      const o = e.part === "surface" ? `path[data-fdi="${e.fdi}"][data-zone="${e.zone}"]` : `rect[data-fdi="${e.fdi}"][data-root="${e.root}"]`;
+      (c = (r = Qe.current) == null ? void 0 : r.querySelector(o)) == null || c.focus();
+    }, []), Le = qe(null);
+    Ce(() => {
+      if (y) {
+        Ct(y);
+        return;
+      }
+      const e = Le.current;
+      Le.current = null, e && R(e);
+    }, [y, Ct, R]);
+    const Ot = D(
+      (e, o, r) => j ? F(g[e], u).some(
+        (c) => c.condition === j && (o === "surface" ? (c.surfaces ?? []).includes(r) : (c.roots ?? []).includes(r))
+      ) : !1,
+      [j, g, u]
+    ), pe = D(
+      (e, o, r) => {
+        if (!j || (o === "surface" ? !q : !se)) return;
+        const c = F(g[e], u);
+        Q(
+          e,
+          En(c, j, o, r)
+        );
+      },
+      [
+        j,
+        g,
+        Q,
+        u,
+        se,
+        q
+      ]
+    ), Ze = D(
+      (e) => {
+        const o = de[e];
+        if (!o) return;
+        if (Y(e), q) {
+          z({ fdi: e, part: "surface", zone: st(o)[0] });
+          return;
+        }
+        const r = ze(o);
+        r.length > 0 && z({ fdi: e, part: "root", root: r[0] });
+      },
+      [q]
+    ), $o = D(
+      (e, o, r) => {
+        const c = de[o];
+        if (c)
+          switch (e.key) {
+            case "ArrowUp":
+            case "ArrowDown":
+            case "ArrowLeft":
+            case "ArrowRight": {
+              e.preventDefault(), e.stopPropagation();
+              const p = st(c).includes("center"), v = Rn(r, e.key, p);
+              v !== r && z({ fdi: o, part: "surface", zone: v });
+              return;
+            }
+            case " ":
+            case "Enter": {
+              e.preventDefault(), e.stopPropagation(), pe(o, "surface", Vt(c, r));
+              return;
+            }
+            case "Escape": {
+              e.preventDefault(), e.stopPropagation(), Le.current = o, z(null);
+              return;
+            }
+            default:
+              return;
+          }
+      },
+      [pe]
+    ), No = D(
+      (e, o, r) => {
+        const c = de[o];
+        if (c)
+          switch (e.key) {
+            case "ArrowUp":
+            case "ArrowDown":
+            case "ArrowLeft":
+            case "ArrowRight": {
+              e.preventDefault(), e.stopPropagation();
+              const p = Hn(r, e.key, ze(c));
+              p !== r && z({ fdi: o, part: "root", root: p });
+              return;
+            }
+            case " ":
+            case "Enter": {
+              e.preventDefault(), e.stopPropagation(), pe(o, "root", r);
+              return;
+            }
+            case "Escape": {
+              e.preventDefault(), e.stopPropagation(), Le.current = o, z(null);
+              return;
+            }
+            default:
+              return;
+          }
+      },
+      [pe]
+    ), jo = qe(null), Ee = d === "display" && typeof le == "function", fe = d === "interactive" || Ee, Ae = D(
+      (e) => {
+        Y(e), _ == null || _(e), le == null || le(e);
+      },
+      [_, le]
+    ), Xe = Oe(
+      () => ({
+        focusTooth: (e) => {
+          R(e);
+        },
+        getChart: () => g,
+        getTooth: (e) => F(g[e], u).map((o) => o.condition).filter(ft),
+        getSymbols: (e) => F(g[e], u),
+        teethWith: (e) => Object.keys(g).filter(
+          (o) => F(g[o], u).some(
+            (r) => r.condition === e
+          )
+        ),
+        teethWithSymbol: (e) => Object.keys(g).filter(
+          (o) => F(g[o], u).some(
+            (r) => r.condition === e
+          )
+        ),
+        setFinding: (e, o, r) => {
+          const c = F(g[e], u), p = c.findIndex(
+            (m) => m.condition === o
+          );
+          if (p >= 0 && !r) return;
+          const v = Ve(o, u);
+          ue(
+            e,
+            p >= 0 ? c.map(
+              (m, T) => T === p ? { ...m, surfaces: r } : m
+            ) : [...c, { condition: o, part: v, surfaces: r }]
+          );
+        },
+        setSymbol: (e, o) => {
+          const r = F(g[e], u), c = o.id ? r.findIndex((p) => p.id === o.id) : r.findIndex(
+            (p) => p.condition === o.condition
+          );
+          ue(
+            e,
+            c >= 0 ? r.map((p, v) => v === c ? o : p) : [...r, o]
+          );
+        },
+        removeFinding: (e, o) => {
+          const r = F(g[e], u), c = r.filter(
+            (p) => p.condition !== o
+          );
+          c.length !== r.length && ue(e, c);
+        },
+        clearTooth: (e) => {
+          if (!g[e]) return;
+          const o = { ...g };
+          delete o[e], Te(o);
+        },
+        getRadiographs: (e) => (N == null ? void 0 : N[e]) ?? [],
+        teethWithRadiographs: () => Object.keys(N ?? {}).filter(
+          (e) => {
+            var o;
+            return (((o = N == null ? void 0 : N[e]) == null ? void 0 : o.length) ?? 0) > 0;
+          }
+        ),
+        openRadiographs: (e) => {
+          R(e), Ae(e);
+        }
+      }),
+      [
+        g,
+        Te,
+        u,
+        R,
+        N,
+        Ae,
+        ue
+      ]
+    );
+    Qo(So, () => Xe, [Xe]), Xo(
+      $n,
+      Xe,
+      Fe ? void 0 : t
+    );
+    const $t = D(
+      (e, o) => {
+        if (!fe) return;
+        const r = de[o], c = ae, p = c.indexOf(o);
+        switch (e.key) {
+          case "ArrowRight": {
+            e.preventDefault();
+            const v = Math.min(c.length - 1, p + 1);
+            R(c[v]);
+            return;
+          }
+          case "ArrowLeft": {
+            e.preventDefault();
+            const v = Math.max(0, p - 1);
+            R(c[v]);
+            return;
+          }
+          case "ArrowUp":
+          case "ArrowDown": {
+            if (e.preventDefault(), !r) return;
+            const m = {
+              1: 4,
+              4: 1,
+              2: 3,
+              3: 2,
+              5: 8,
+              8: 5,
+              6: 7,
+              7: 6
+            }[r.quadrant];
+            if (!m) return;
+            const T = `${m}${r.positionInQuadrant}`;
+            c.includes(T) && R(T);
+            return;
+          }
+          case "Home": {
+            if (e.preventDefault(), !r) return;
+            const v = c.filter(
+              (m) => {
+                var T;
+                return ((T = de[m]) == null ? void 0 : T.quadrant) === r.quadrant;
+              }
+            );
+            v.length > 0 && R(v[0]);
+            return;
+          }
+          case "End": {
+            if (e.preventDefault(), !r) return;
+            const v = c.filter(
+              (m) => {
+                var T;
+                return ((T = de[m]) == null ? void 0 : T.quadrant) === r.quadrant;
+              }
+            );
+            v.length > 0 && R(v[v.length - 1]);
+            return;
+          }
+          case " ":
+          case "Enter": {
+            if (e.preventDefault(), Ee) {
+              Ae(o);
+              return;
+            }
+            if (r && (q || se && ze(r).length > 0)) {
+              Ze(o);
+              return;
+            }
+            Q(
+              o,
+              to(
+                F(g[o], u),
+                j,
+                u
+              )
+            );
+            return;
+          }
+          default:
+            return;
+        }
+      },
+      [
+        j,
+        g,
+        Q,
+        u,
+        Ze,
+        R,
+        Ae,
+        Ee,
+        se,
+        q,
+        fe,
+        ae
+      ]
+    ), Nt = D(
+      (e) => {
+        d === "interactive" && (Y(e), Q(
+          e,
+          to(
+            F(g[e], u),
+            j,
+            u
+          )
+        ));
+      },
+      [j, g, Q, u, d]
+    ), Je = L === "primary" ? "mGeneral" : "general", jt = F(g[Je], u).length > 0, Fo = D(
+      (e) => {
+        const o = j ?? "caries";
+        Q(
+          Je,
+          e ? [{ condition: o, part: Ve(o, u) }] : []
+        );
+      },
+      [j, Q, u, Je]
+    ), Ft = Se === "above" ? 16 : 2, Mo = Se === "below" ? 16 : 2, Lo = ke.length > 0 ? Math.max(...ke.map((e) => e.x)) + ce : 0, Mt = Math.max(
+      yo ?? 0,
+      M.width,
+      Lo
+    ) + 4, Lt = M.height + Ft + Mo, et = vo ?? l("toothScheme.ariaLabel"), Eo = fe ? void 0 : 0, Et = Me ? null : /* @__PURE__ */ k(
+      "svg",
+      {
+        ref: Qe,
+        viewBox: `0 ${-Ft} ${Mt} ${Lt}`,
+        width: Mt,
+        height: Lt,
+        className: Fn(),
+        role: "group",
+        "aria-label": et,
+        focusable: "false",
+        "data-testid": "tooth-scheme-svg",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          M.teeth.map((e) => {
+            var Ut, Yt;
+            const o = F(g[e.fdi], u), r = (Ut = o[0]) == null ? void 0 : Ut.condition, c = l(`toothScheme.anatomy.${e.meta.anatomy}`), p = o.map((i) => `, ${G(i)}`).join(""), v = (N == null ? void 0 : N[e.fdi]) ?? [], m = v.length, T = m > 0, me = T ? [...v].sort(Yn)[0] : void 0, ge = mt === "thumbnail" && me !== void 0, tt = T ? `, ${l("toothScheme.radiographBadge", { count: m })}` : "", Pe = Fe ? `, ${l(O === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}` : "", Z = l("toothScheme.toothLabel", {
+              id: Bt(e.fdi, xe),
+              anatomy: c,
+              conditionSuffix: p
+            }) + tt + Pe, ot = fe ? y ? -1 : e.fdi === Ie ? 0 : -1 : void 0, X = o.some(
+              (i) => i.condition === "missing"
+            ), Po = o.flatMap((i, S) => {
+              var C;
+              const A = O === "side" ? ut(i.condition, u) : an(i.condition, u);
+              return A ? ((C = i.roots) != null && C.length ? i.roots : [void 0]).map((ne) => ({
+                key: `${S}-${i.condition}-${ne ?? "whole"}`,
+                url: O === "side" ? so(e.meta, re, A, {
+                  root: ne,
+                  region: i.region
+                }) : sn(e.meta, re, A, {
+                  root: ne,
+                  region: i.region
+                }),
+                opacity: i.status ? ct[i.status] : 1
+              })) : [];
+            }), Ho = o.filter(
+              (i) => !pt(
+                i.condition,
+                O,
+                u
+              )
+            ).map((i, S) => ({
+              key: `${i.condition}-${S}`,
+              condition: i.condition,
+              glyph: co(i.condition, u),
+              colour: dt(i, u),
+              opacity: i.status ? ct[i.status] : 1
+            })), De = o.find(
+              (i) => i.condition !== "missing" && !ut(i.condition, u) && pt(i.condition, "side", u)
+            ), Pt = De ? dt(De, u) : void 0, qo = go.filter(
+              (i) => o.some((S) => S.status === i)
+            ), Ko = (o.length > 0 ? `${c} · ${o.map((i) => G(i)).join(" · ")}` : c) + (T ? ` · ${l("toothScheme.radiographBadge", { count: m })}` : ""), nt = Bt(e.fdi, xe), Uo = lo(
+              e.meta,
+              re,
+              "default",
+              O
+            ), Yo = ge && me ? me.thumbnailUrl ?? me.url : Uo, zo = O === "plan" ? o.flatMap((i, S) => {
+              const A = cn(
+                i.condition,
+                u
+              );
+              return A ? (i.surfaces ?? []).map((I) => ({
+                key: `${S}-${i.condition}-${I}`,
+                url: dn(
+                  e.meta,
+                  re,
+                  A,
+                  I
+                ),
+                opacity: i.status ? ct[i.status] : 1
+              })) : [];
+            }) : [], Ht = (e.meta.dentition === "primary" ? ln : 1) * 0.9, J = U * Ht, ee = w * Ht, ve = (U - J) / 2, be = (w - ee) / 2, te = (y == null ? void 0 : y.part) === "surface" && y.fdi === e.fdi, oe = (y == null ? void 0 : y.part) === "root" && y.fdi === e.fdi, _e = te || oe, it = q ? st(e.meta) : [], Vo = it.includes("center"), He = se ? ze(e.meta) : [], qt = it.length > 0 || He.length > 0, Kt = Se === "above" ? -4 : Se === "below" ? w + 12 : Se === "none" ? null : e.meta.arch === "upper" ? w + 12 : -4;
+            return /* @__PURE__ */ k(E.Root, { children: [
+              /* @__PURE__ */ s(E.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": r ?? "none",
+                  "data-symbol-count": o.length,
+                  "data-conditions": o.length > 0 ? o.map((i) => i.condition).join(" ") : void 0,
+                  "data-status": (Yt = o[0]) == null ? void 0 : Yt.status,
+                  "data-testid": `tooth-${e.fdi}`,
+                  transform: `translate(${e.x}, ${e.y})`,
+                  tabIndex: ot,
+                  role: _e ? "group" : fe ? "button" : "img",
+                  "aria-label": Z,
+                  "aria-pressed": _e || qt ? void 0 : d === "interactive" ? r !== void 0 : void 0,
+                  "aria-expanded": !_e && qt && fe ? !1 : void 0,
+                  className: Zt(),
+                  onClick: _e ? void 0 : d === "interactive" ? q || He.length > 0 ? () => Ze(e.fdi) : () => Nt(e.fdi) : Ee ? () => Ae(e.fdi) : void 0,
+                  onFocus: () => Y(e.fdi),
+                  onKeyDown: _e ? void 0 : (i) => $t(i, e.fdi),
+                  children: [
+                    /* @__PURE__ */ s(
+                      "rect",
+                      {
+                        x: -$,
+                        y: -$,
+                        width: U + $ * 2,
+                        height: w + $ * 2,
+                        fill: "transparent"
+                      }
+                    ),
+                    /* @__PURE__ */ s(
+                      "image",
+                      {
+                        href: Yo,
+                        x: ve,
+                        y: be,
+                        width: J,
+                        height: ee,
+                        preserveAspectRatio: ge ? "xMidYMid slice" : "xMidYMid meet",
+                        opacity: X && !ge ? 0.25 : 1,
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    Po.map(({ key: i, url: S, opacity: A }) => {
+                      const I = O === "plan" ? hn(S) : 1, C = J * I, ne = ee * I;
+                      return /* @__PURE__ */ s(
+                        "image",
+                        {
+                          href: S,
+                          x: ve - (C - J) / 2,
+                          y: be - (ne - ee) / 2,
+                          width: C,
+                          height: ne,
+                          preserveAspectRatio: "xMidYMid meet",
+                          opacity: A,
+                          "aria-hidden": "true",
+                          pointerEvents: "none"
+                        },
+                        i
+                      );
+                    }),
+                    zo.map(({ key: i, url: S, opacity: A }) => /* @__PURE__ */ s(
+                      "image",
+                      {
+                        href: S,
+                        x: ve,
+                        y: be,
+                        width: J,
+                        height: ee,
+                        preserveAspectRatio: "xMidYMid meet",
+                        opacity: A,
+                        "aria-hidden": "true",
+                        pointerEvents: "none"
+                      },
+                      i
+                    )),
+                    Ho.map(
+                      ({ key: i, condition: S, glyph: A, colour: I, opacity: C }, ne) => /* @__PURE__ */ s(
+                        fo,
+                        {
+                          glyph: A,
+                          colour: I,
+                          opacity: C,
+                          cx: U / 2,
+                          cy: w / 2 + ne * 16,
+                          testId: `tooth-${e.fdi}-glyph-${S}`
+                        },
+                        i
+                      )
+                    ),
+                    it.map((i) => {
+                      const S = Vt(e.meta, i), A = Ot(
+                        e.fdi,
+                        "surface",
+                        S
+                      );
+                      return /* @__PURE__ */ s(
+                        "path",
+                        {
+                          d: un(
+                            i,
+                            { x: ve, y: be, w: J, h: ee },
+                            Vo
+                          ),
+                          "data-fdi": e.fdi,
+                          "data-zone": i,
+                          "data-surface": S,
+                          "data-testid": `tooth-${e.fdi}-zone-${i}`,
+                          role: te ? "button" : void 0,
+                          tabIndex: te ? (y == null ? void 0 : y.part) === "surface" && y.zone === i ? 0 : -1 : void 0,
+                          "aria-label": te ? l("toothScheme.toothLabel", {
+                            id: nt,
+                            anatomy: l(`toothScheme.surface.${S}`),
+                            conditionSuffix: At(
+                              o,
+                              "surface",
+                              S
+                            )
+                          }) : void 0,
+                          "aria-pressed": te ? A : void 0,
+                          strokeWidth: "var(--focus-ring-width)",
+                          className: eo(),
+                          onClick: (I) => {
+                            I.stopPropagation(), te || Y(e.fdi), pe(e.fdi, "surface", S);
+                          },
+                          onKeyDown: te ? (I) => $o(I, e.fdi, i) : void 0,
+                          onFocus: te ? () => z(
+                            (I) => I && I.part === "surface" && I.fdi === e.fdi && I.zone === i ? I : { fdi: e.fdi, part: "surface", zone: i }
+                          ) : void 0
+                        },
+                        i
+                      );
+                    }),
+                    He.map((i, S) => {
+                      const A = qn(S, He.length, {
+                        x: ve,
+                        y: be,
+                        w: J,
+                        h: ee
+                      }), I = Ot(e.fdi, "root", i);
+                      return /* @__PURE__ */ s(
+                        "rect",
+                        {
+                          x: A.x,
+                          y: A.y,
+                          width: A.w,
+                          height: A.h,
+                          rx: "2",
+                          "data-fdi": e.fdi,
+                          "data-root": i,
+                          "data-testid": `tooth-${e.fdi}-root-${i}`,
+                          role: oe ? "button" : void 0,
+                          tabIndex: oe ? (y == null ? void 0 : y.part) === "root" && y.root === i ? 0 : -1 : void 0,
+                          "aria-label": oe ? l("toothScheme.toothLabel", {
+                            id: nt,
+                            anatomy: l(`toothScheme.root.${i}`),
+                            conditionSuffix: At(
+                              o,
+                              "root",
+                              i
+                            )
+                          }) : void 0,
+                          "aria-pressed": oe ? I : void 0,
+                          strokeWidth: "var(--focus-ring-width)",
+                          className: eo(),
+                          onClick: (C) => {
+                            C.stopPropagation(), oe || Y(e.fdi), pe(e.fdi, "root", i);
+                          },
+                          onKeyDown: oe ? (C) => No(C, e.fdi, i) : void 0,
+                          onFocus: oe ? () => z(
+                            (C) => C && C.part === "root" && C.fdi === e.fdi && C.root === i ? C : { fdi: e.fdi, part: "root", root: i }
+                          ) : void 0
+                        },
+                        i
+                      );
+                    }),
+                    O === "side" && Pt ? /* @__PURE__ */ s(
+                      "rect",
+                      {
+                        x: 3,
+                        y: 2,
+                        width: U - 6,
+                        height: w - 4,
+                        fill: "none",
+                        stroke: Pt,
+                        strokeWidth: "2",
+                        strokeDasharray: (De == null ? void 0 : De.condition) === "filled" ? "4 2" : void 0,
+                        rx: "6",
+                        pointerEvents: "none"
+                      }
+                    ) : null,
+                    qo.map((i, S) => /* @__PURE__ */ s(
+                      mo,
+                      {
+                        status: i,
+                        cx: 5 + S * 9,
+                        cy: 5,
+                        r: 3.25,
+                        strokeWidth: 1.25,
+                        testId: `tooth-${e.fdi}-status-${i}`
+                      },
+                      i
+                    )),
+                    X ? /* @__PURE__ */ s(
+                      "path",
+                      {
+                        d: `M7 9 L${U - 7} ${w - 9} M${U - 7} 9 L7 ${w - 9}`,
+                        stroke: ho.missing,
+                        strokeWidth: "2",
+                        fill: "none",
+                        pointerEvents: "none"
+                      }
+                    ) : null,
+                    ge ? /* @__PURE__ */ s(
+                      "rect",
+                      {
+                        x: ve,
+                        y: be,
+                        width: J,
+                        height: ee,
+                        fill: "none",
+                        stroke: "var(--border)",
+                        strokeWidth: "1",
+                        rx: "3",
+                        pointerEvents: "none"
+                      }
+                    ) : null,
+                    T ? /* @__PURE__ */ k(
+                      "g",
+                      {
+                        "data-testid": `tooth-${e.fdi}-radiograph-badge`,
+                        "data-radiograph-count": m,
+                        transform: `translate(${U - (m >= 10 ? 19 : 15)}, ${w - 13})`,
+                        pointerEvents: "none",
+                        "aria-hidden": "true",
+                        children: [
+                          /* @__PURE__ */ s(
+                            "rect",
+                            {
+                              width: m >= 10 ? 17 : 13,
+                              height: 12,
+                              rx: "3.5",
+                              fill: "var(--card)",
+                              stroke: "var(--info-foreground)",
+                              strokeWidth: "0.75"
+                            }
+                          ),
+                          /* @__PURE__ */ s(
+                            "text",
+                            {
+                              x: (m >= 10 ? 17 : 13) / 2,
+                              y: 9,
+                              textAnchor: "middle",
+                              fontSize: "9",
+                              fontWeight: "600",
+                              fill: "var(--info-foreground)",
+                              className: "ds:select-none",
+                              children: m
+                            }
+                          )
+                        ]
+                      }
+                    ) : null,
+                    /* @__PURE__ */ s(
+                      "rect",
+                      {
+                        x: -$,
+                        y: -$,
+                        width: U + $ * 2,
+                        height: w + $ * 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"
+                      }
+                    ),
+                    Kt !== null ? /* @__PURE__ */ s(
+                      "text",
+                      {
+                        x: U / 2,
+                        y: Kt,
+                        textAnchor: "middle",
+                        fontSize: "10",
+                        fill: "var(--muted-foreground)",
+                        className: "ds:select-none",
+                        "aria-hidden": "true",
+                        children: nt
+                      }
+                    ) : null
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ s(E.Portal, { children: /* @__PURE__ */ k(
+                E.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: [
+                    Ko,
+                    /* @__PURE__ */ s(E.Arrow, { className: "ds:fill-[var(--foreground)]" })
+                  ]
+                }
+              ) })
+            ] }, e.fdi);
+          }),
+          ke.map(({ element: e, x: o, y: r }) => {
+            const c = F(
+              g[e.id],
+              u
+            ), p = c[0], v = p == null ? void 0 : p.condition, m = v !== void 0, T = no(e, l), me = c.map((X) => `, ${G(X)}`).join(""), ge = l("toothScheme.elementLabel", {
+              name: T,
+              conditionSuffix: me
+            }), tt = p ? dt(p, u) : void 0, Pe = pn(e, re), Z = d === "interactive", ot = Z ? e.id === Ie ? 0 : -1 : void 0;
+            return /* @__PURE__ */ k(E.Root, { children: [
+              /* @__PURE__ */ s(E.Trigger, { asChild: !0, children: /* @__PURE__ */ k(
+                "g",
+                {
+                  "data-fdi": e.id,
+                  "data-special": e.kind,
+                  "data-arch": e.arch,
+                  "data-condition": v ?? "none",
+                  "data-testid": `element-${e.id}`,
+                  transform: `translate(${o}, ${r})`,
+                  tabIndex: ot,
+                  role: Z ? "button" : "img",
+                  "aria-label": ge,
+                  "aria-pressed": Z ? m : void 0,
+                  className: Zt(),
+                  onClick: Z ? () => Nt(e.id) : void 0,
+                  onFocus: Z ? () => Y(e.id) : void 0,
+                  onKeyDown: Z ? (X) => $t(X, e.id) : void 0,
+                  children: [
+                    /* @__PURE__ */ s(
+                      "rect",
+                      {
+                        x: -$,
+                        y: -$,
+                        width: ce + $ * 2,
+                        height: w + $ * 2,
+                        fill: "transparent"
+                      }
+                    ),
+                    /* @__PURE__ */ s(
+                      "rect",
+                      {
+                        x: 0,
+                        y: 0,
+                        width: ce,
+                        height: w,
+                        rx: 6,
+                        fill: m ? "var(--accent)" : "var(--card)",
+                        fillOpacity: m ? 0.16 : 1,
+                        stroke: tt ?? "var(--border)",
+                        strokeWidth: m ? 2 : 1
+                      }
+                    ),
+                    Pe ? /* @__PURE__ */ k(Bo, { children: [
+                      /* @__PURE__ */ s(
+                        "image",
+                        {
+                          href: Pe,
+                          x: 3,
+                          y: 3,
+                          width: ce - 6,
+                          height: w - 16,
+                          preserveAspectRatio: "xMidYMid meet",
+                          "aria-hidden": "true",
+                          pointerEvents: "none"
+                        }
+                      ),
+                      /* @__PURE__ */ s(
+                        "text",
+                        {
+                          x: ce / 2,
+                          y: w - 4,
+                          textAnchor: "middle",
+                          fontSize: "9",
+                          fontWeight: "600",
+                          fill: "var(--muted-foreground)",
+                          className: "ds:select-none",
+                          "aria-hidden": "true",
+                          children: e.code
+                        }
+                      )
+                    ] }) : /* @__PURE__ */ s(
+                      "text",
+                      {
+                        x: ce / 2,
+                        y: w / 2,
+                        textAnchor: "middle",
+                        dominantBaseline: "central",
+                        fontSize: "11",
+                        fontWeight: "600",
+                        fill: "var(--foreground)",
+                        className: "ds:select-none",
+                        "aria-hidden": "true",
+                        children: e.code
+                      }
+                    ),
+                    /* @__PURE__ */ s(
+                      "rect",
+                      {
+                        x: -$,
+                        y: -$,
+                        width: ce + $ * 2,
+                        height: w + $ * 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__ */ s(E.Portal, { children: /* @__PURE__ */ k(
+                E.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: [
+                    c.length > 0 ? `${T} · ${c.map((X) => G(X)).join(" · ")}` : T,
+                    /* @__PURE__ */ s(E.Arrow, { className: "ds:fill-[var(--foreground)]" })
+                  ]
+                }
+              ) })
+            ] }, e.id);
+          })
+        ]
+      }
+    ), Wt = /* @__PURE__ */ s(
+      "div",
+      {
+        className: Mn(),
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        "data-testid": "tooth-scheme-live",
+        children: Co
+      }
+    );
+    if (Fe)
+      return /* @__PURE__ */ k(E.Provider, { delayDuration: 200, children: [
+        Et,
+        Wt
+      ] });
+    const Wo = (e) => l(e === "upper" ? "toothScheme.arch.upper" : "toothScheme.arch.lower"), We = (e, o) => `${et} — ${Wo(e)}, ${l(o === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}`, Re = {
+      dentition: L,
+      numbering: xe,
+      mode: d,
+      value: g,
+      onChange: Te,
+      onSelect: _,
+      activeCondition: j,
+      assetBaseUrl: re,
+      radiographs: N,
+      radiographDisplay: mt,
+      onOpenRadiographs: le,
+      conditionRegistry: u,
+      specialElements: B,
+      _inner: !0,
+      _contentWidth: _o
+    }, Ro = /* @__PURE__ */ k("div", { className: jn(), "data-testid": "tooth-scheme-both", children: [
+      /* @__PURE__ */ s(
+        $e,
+        {
+          ...Re,
+          projection: "side",
+          _arch: "upper",
+          _numbersPosition: "above",
+          ariaLabel: We("upper", "side")
+        }
+      ),
+      /* @__PURE__ */ s(
+        $e,
+        {
+          ...Re,
+          projection: "plan",
+          _arch: "upper",
+          _numbersPosition: "none",
+          ariaLabel: We("upper", "plan")
+        }
+      ),
+      /* @__PURE__ */ s(
+        $e,
+        {
+          ...Re,
+          projection: "plan",
+          _arch: "lower",
+          _numbersPosition: "none",
+          ariaLabel: We("lower", "plan")
+        }
+      ),
+      /* @__PURE__ */ s(
+        $e,
+        {
+          ...Re,
+          projection: "side",
+          _arch: "lower",
+          _numbersPosition: "below",
+          ariaLabel: We("lower", "side")
+        }
+      )
+    ] }), Rt = H ? /* @__PURE__ */ s(
+      "div",
+      {
+        className: je != null ? "ds:flex ds:justify-end" : "ds:flex ds:w-full ds:justify-end",
+        "data-testid": "tooth-scheme-controls",
+        children: /* @__PURE__ */ k(rt.Root, { children: [
+          /* @__PURE__ */ s(rt.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+            Jo,
+            {
+              size: "sm",
+              intent: "outline",
+              icon: /* @__PURE__ */ s(yn, { "aria-hidden": "true" }),
+              "aria-label": l("toothScheme.options.label"),
+              tooltip: l("toothScheme.options.label")
+            }
+          ) }),
+          /* @__PURE__ */ s(
+            rt.Content,
+            {
+              ref: Ao,
+              align: "end",
+              size: "md",
+              "aria-label": l("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__ */ s(
+                    at,
+                    {
+                      label: l("toothScheme.options.legend"),
+                      labelSide: "start",
+                      checked: xt,
+                      onCheckedChange: yt
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    at,
+                    {
+                      label: l("toothScheme.options.specialElements"),
+                      labelSide: "start",
+                      checked: B,
+                      onCheckedChange: St
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ s(
+                  ht,
+                  {
+                    container: Be,
+                    label: l("toothScheme.options.dentition"),
+                    value: L,
+                    onValueChange: (e) => gt(e),
+                    options: [
+                      {
+                        value: "permanent",
+                        label: l("toothScheme.dentition.permanent")
+                      },
+                      {
+                        value: "primary",
+                        label: l("toothScheme.dentition.primary")
+                      },
+                      {
+                        value: "mixed",
+                        label: l("toothScheme.dentition.mixed")
+                      }
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  ht,
+                  {
+                    container: Be,
+                    label: l("toothScheme.options.numbering"),
+                    value: xe,
+                    onValueChange: (e) => vt(e),
+                    options: [
+                      {
+                        value: "fdi",
+                        label: l("toothScheme.numbering.fdi")
+                      },
+                      {
+                        value: "universal",
+                        label: l("toothScheme.numbering.universal")
+                      },
+                      {
+                        value: "palmer",
+                        label: l("toothScheme.numbering.palmer")
+                      }
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  ht,
+                  {
+                    container: Be,
+                    label: l("toothScheme.options.view"),
+                    value: we,
+                    onValueChange: (e) => bt(e),
+                    options: [
+                      {
+                        value: "side",
+                        label: l("toothScheme.view.side")
+                      },
+                      {
+                        value: "plan",
+                        label: l("toothScheme.view.occlusal")
+                      },
+                      {
+                        value: "both",
+                        label: l("toothScheme.view.both")
+                      }
+                    ]
+                  }
+                )
+              ] })
+            }
+          )
+        ] })
+      }
+    ) : null;
+    return /* @__PURE__ */ s(E.Provider, { delayDuration: 200, children: /* @__PURE__ */ k(
+      "div",
+      {
+        ref: jo,
+        role: "region",
+        "aria-label": et,
+        tabIndex: Eo,
+        className: [Nn(), bo].filter(Boolean).join(" "),
+        "data-component": "tooth-scheme",
+        "data-component-id": t,
+        "data-testid": "tooth-scheme-root",
+        "data-dentition": L,
+        "data-numbering": xe,
+        "data-mode": d,
+        "data-projection": O,
+        "data-view-mode": we,
+        "data-special-elements": B ? "true" : "false",
+        children: [
+          je === void 0 ? Rt : je ? Zo(Rt, je) : null,
+          Me ? Ro : Et,
+          B && (d === "interactive" || jt) ? /* @__PURE__ */ s(
+            "div",
+            {
+              className: "ds:flex ds:w-full ds:items-center ds:pt-[var(--spacing-2xs)]",
+              "data-testid": "tooth-scheme-general",
+              children: /* @__PURE__ */ s(
+                at,
+                {
+                  label: l("toothScheme.special.general"),
+                  labelSide: "end",
+                  checked: jt,
+                  disabled: d !== "interactive",
+                  onCheckedChange: Fo
+                }
+              )
+            }
+          ) : null,
+          xt ? /* @__PURE__ */ s(Un, { assetBaseUrl: re, registry: u }) : null,
+          Wt
+        ]
+      }
+    ) });
+  }
+);
+$e.displayName = "ToothScheme";
+export {
+  $e as T,
+  Nn as r,
+  $n as t
+};
+//# sourceMappingURL=tooth-scheme-BPXE1_3N.js.map