@alfadocs/ui-kit 0.72.2 → 0.75.0

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

@@ -0,0 +1,1483 @@
+import { jsxs as b, jsx as a, Fragment as hi } from "react/jsx-runtime";
+import { forwardRef as ui, useState as E, useRef as Le, useEffect as be, useMemo as ye, useCallback as A, useImperativeHandle as pi } from "react";
+import { createPortal as fi } from "react-dom";
+import * as N from "@radix-ui/react-tooltip";
+import { c as U } from "./index-D2ZczOXr.js";
+import { useTranslation as Ot } from "react-i18next";
+import { u as mi } from "./registry-DvAUVLHh.js";
+import { I as gi } from "./icon-button-C_kbcd7I.js";
+import { P as Be } from "./popover-Cc0a69sw.js";
+import { S as vi } from "./select-BW5ecXlX.js";
+import { S as Ve } from "./switch-OILsBLWo.js";
+import { i as Ct, p as bi, T as yi, o as je, q as Oe, m as xi, S as wi, F as re, v as Ge, u as Rt, w as G, n as $t, b as Xe, C as we, t as _t, a as Si, r as ki, x as Ii, y as x, A as W, j as Mt, z as Ti, s as Ai, B as Di } from "./tooth-data-BwuoKFf4.js";
+import { S as Ci } from "./settings-d25ju_6L.js";
+const z = {
+  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)."
+}, _e = {
+  enum: [
+    "caries",
+    "filled",
+    "crowned",
+    "temporaryCrown",
+    "bridge",
+    "missing",
+    "implant",
+    "implantExtraction",
+    "stub",
+    "destroyed",
+    "rootCanal"
+  ]
+}, Ri = {
+  enum: ["mesial", "distal", "occlusal", "buccal", "lingual"]
+}, $i = {
+  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"]
+}, Ni = {
+  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: (r) => r.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: (r) => Object.keys(r.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: (r) => Object.fromEntries(
+        r.teethWithRadiographs().map((n) => [
+          n,
+          r.getRadiographs(n).map((u) => ({ id: u.id, kind: u.kind ?? "periapical" }))
+        ])
+      )
+    },
+    teethWithRadiographs: {
+      type: "string[]",
+      descriptionKey: "ui.agent.toothScheme.state.teethWithRadiographs",
+      description: "FDI ids of every tooth carrying at least one radiograph.",
+      read: (r) => r.teethWithRadiographs()
+    }
+  },
+  actions: {
+    focus_tooth: {
+      safety: "read",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: z },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.focusTooth",
+      description: "Move focus to a specific tooth by FDI id.",
+      invoke: (r, n) => {
+        r.focusTooth(n.id);
+      }
+    },
+    get_tooth: {
+      safety: "read",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: z },
+        required: ["id"]
+      },
+      returns: "ToothCondition[]",
+      returnsSchema: { type: "array", items: _e },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.getTooth",
+      description: "Read the findings recorded on one tooth (FDI id).",
+      invoke: (r, n) => r.getTooth(n.id)
+    },
+    teeth_with: {
+      safety: "read",
+      argsType: "{ condition: ToothCondition }",
+      argsSchema: {
+        type: "object",
+        properties: { condition: _e },
+        required: ["condition"]
+      },
+      returns: "FdiId[]",
+      returnsSchema: { type: "array", items: z },
+      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: (r, n) => r.teethWith(n.condition)
+    },
+    get_radiographs: {
+      safety: "read",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: z },
+        required: ["id"]
+      },
+      returns: "Radiograph[]",
+      returnsSchema: { type: "array", items: $i },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.getRadiographs",
+      description: "Read the radiographs (x-rays) attached to one tooth.",
+      invoke: (r, n) => r.getRadiographs(n.id)
+    },
+    open_radiographs: {
+      safety: "read",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: z },
+        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: (r, n) => {
+        r.openRadiographs(n.id);
+      }
+    },
+    set_finding: {
+      safety: "write",
+      argsType: "{ id: FdiId; condition: ToothCondition; surfaces?: Surface[] }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: z,
+          condition: _e,
+          surfaces: { type: "array", items: Ri }
+        },
+        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: (r, n) => {
+        r.setFinding(n.id, n.condition, n.surfaces);
+      }
+    },
+    remove_finding: {
+      safety: "write",
+      argsType: "{ id: FdiId; condition: ToothCondition }",
+      argsSchema: {
+        type: "object",
+        properties: { id: z, condition: _e },
+        required: ["id", "condition"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.removeFinding",
+      description: "Remove a single finding from a tooth.",
+      invoke: (r, n) => {
+        r.removeFinding(n.id, n.condition);
+      }
+    },
+    clear_tooth: {
+      safety: "destructive",
+      argsType: "{ id: FdiId }",
+      argsSchema: {
+        type: "object",
+        properties: { id: z },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.toothScheme.actions.clearTooth",
+      description: "Clear every finding from a tooth.",
+      invoke: (r, n) => {
+        r.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."
+    }
+  }
+}, Li = U(
+  [
+    "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(" ")
+), ji = U(["ds:flex ds:flex-col ds:gap-0"].join(" ")), Oi = U(
+  [
+    "ds:block",
+    "ds:w-full ds:min-w-fit ds:h-auto",
+    "ds:text-[var(--foreground)]"
+  ].join(" ")
+), Nt = U(
+  [
+    "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(" ")
+), _i = U(
+  [
+    "ds:flex ds:flex-wrap ds:items-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "type-meta ds:text-[var(--muted-foreground)]"
+  ].join(" ")
+), Mi = U(
+  ["ds:inline-flex ds:items-center", "ds:gap-[var(--spacing-xs)]"].join(" ")
+), Fi = U(["ds:sr-only"].join(" ")), Ei = U(
+  [
+    "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 Qe(r) {
+  return r.value !== void 0;
+}
+function Me() {
+  return { conditions: [], surfaces: [] };
+}
+function Lt(r, n) {
+  const u = r ?? [];
+  return n ? u.includes(n) ? u.filter((m) => m !== n) : [...u, n] : u.length === 0 ? ["caries"] : [];
+}
+function jt(r, n) {
+  switch (r.labelKey) {
+    case "quadrant":
+      return n("toothScheme.special.quadrant", { n: r.labelIndex });
+    case "sextant":
+      return n("toothScheme.special.sextant", { n: r.labelIndex });
+    case "archUpper":
+      return n("toothScheme.special.archUpper");
+    case "archLower":
+      return n("toothScheme.special.archLower");
+    default:
+      return n("toothScheme.special.general");
+  }
+}
+function Wi(r, n, u) {
+  var D;
+  return u ? ((D = {
+    top: { ArrowDown: "center" },
+    bottom: { ArrowUp: "center" },
+    left: { ArrowRight: "center" },
+    right: { ArrowLeft: "center" },
+    center: {
+      ArrowUp: "top",
+      ArrowDown: "bottom",
+      ArrowLeft: "left",
+      ArrowRight: "right"
+    }
+  }[r]) == null ? void 0 : D[n]) ?? r : n === "ArrowUp" ? "top" : n === "ArrowDown" ? "bottom" : n === "ArrowLeft" ? "left" : n === "ArrowRight" ? "right" : r;
+}
+const qi = [
+  "caries",
+  "filled",
+  "crowned",
+  "temporaryCrown",
+  "bridge",
+  "rootCanal",
+  "implant",
+  "implantExtraction",
+  "stub",
+  "destroyed",
+  "missing"
+];
+function Hi({
+  condition: r,
+  assetBaseUrl: n
+}) {
+  const u = re[16], m = Xe[r], D = r === "missing", Q = r === "caries" || r === "filled", C = 36 * 0.9, Z = 62 * 0.9, P = (36 - C) / 2, p = (62 - Z) / 2;
+  return /* @__PURE__ */ b(
+    "svg",
+    {
+      width: "22",
+      height: "38",
+      viewBox: "0 0 36 62",
+      "aria-hidden": "true",
+      className: "ds:block ds:shrink-0",
+      children: [
+        /* @__PURE__ */ a(
+          "image",
+          {
+            href: _t(u, n),
+            x: P,
+            y: p,
+            width: C,
+            height: Z,
+            preserveAspectRatio: "xMidYMid meet",
+            opacity: D ? 0.25 : 1
+          }
+        ),
+        m ? /* @__PURE__ */ a(
+          "image",
+          {
+            href: Mt(u, n, m),
+            x: P,
+            y: p,
+            width: C,
+            height: Z,
+            preserveAspectRatio: "xMidYMid meet"
+          }
+        ) : null,
+        Q ? /* @__PURE__ */ a(
+          "rect",
+          {
+            x: 3,
+            y: 2,
+            width: 30,
+            height: 58,
+            fill: "none",
+            stroke: we[r],
+            strokeWidth: 2,
+            strokeDasharray: r === "filled" ? "4 2" : void 0,
+            rx: 6
+          }
+        ) : null,
+        D ? /* @__PURE__ */ a(
+          "path",
+          {
+            d: "M7 9 L29 53 M29 9 L7 53",
+            stroke: we.missing,
+            strokeWidth: 2,
+            fill: "none"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function Ki({ assetBaseUrl: r }) {
+  const { t: n } = Ot();
+  return /* @__PURE__ */ b(
+    "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__ */ a("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: n("toothScheme.legendLabel") }),
+        /* @__PURE__ */ a("ul", { className: _i(), children: qi.map((u) => /* @__PURE__ */ b(
+          "li",
+          {
+            className: Mi(),
+            "data-condition": u,
+            "data-testid": `tooth-scheme-legend-item-${u}`,
+            children: [
+              /* @__PURE__ */ a(Hi, { condition: u, assetBaseUrl: r }),
+              /* @__PURE__ */ a("span", { children: n(`toothScheme.condition.${u}`) })
+            ]
+          },
+          u
+        )) })
+      ]
+    }
+  );
+}
+function Ze({
+  label: r,
+  value: n,
+  options: u,
+  onValueChange: m,
+  container: D
+}) {
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+    /* @__PURE__ */ a(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "type-label ds:text-[color:var(--muted-foreground)]",
+        children: r
+      }
+    ),
+    /* @__PURE__ */ a(
+      vi,
+      {
+        size: "md",
+        "aria-label": r,
+        value: n,
+        options: u,
+        onValueChange: m,
+        container: D
+      }
+    )
+  ] });
+}
+function Yi(r, n) {
+  return r.date === n.date ? 0 : r.date ? n.date && r.date < n.date ? 1 : -1 : 1;
+}
+const xe = ui(
+  ({
+    id: r,
+    dentition: n = "permanent",
+    numbering: u = "fdi",
+    mode: m = "interactive",
+    projection: D = "side",
+    specialElements: Q,
+    value: C,
+    defaultValue: Z,
+    onChange: P,
+    onSelect: p,
+    conditions: ae,
+    radiographs: R,
+    radiographDisplay: Je = "badge",
+    onOpenRadiographs: X,
+    activeCondition: S,
+    assetBaseUrl: J = "/toothscheme/teeth",
+    legend: Se = !1,
+    controls: _ = !1,
+    controlsContainer: ke,
+    ariaLabel: Ft,
+    className: Et,
+    _arch: ee,
+    _numbersPosition: se = "between",
+    _inner: Ie = !1,
+    _contentWidth: Wt
+  }, qt) => {
+    var xt;
+    const { t: s } = Ot(), [Ht, et] = E(n), [Kt, tt] = E(u), [Yt, it] = E(D), [zt, ot] = E(Se), [Ut, nt] = E(
+      Q
+    ), [Fe, Pt] = E(null), $ = _ ? Ht : n, de = _ ? Kt : u, rt = _ ? zt : Se, ce = _ ? Yt : D, k = ce === "plan" ? "plan" : "side", Te = ce === "both" && !Ie, at = ce === "both", q = _ ? Ut ?? at : Q ?? at, st = Le(_);
+    be(() => {
+      _ && !st.current && (et(n), tt(u), it(D), ot(Se), nt(Q)), st.current = _;
+    }, [
+      _,
+      n,
+      u,
+      D,
+      Se,
+      Q
+    ]);
+    const [Bt, dt] = E(() => C !== void 0 ? C : Z !== void 0 ? Z : ae ? Ct(ae) : {}), c = Qe({ value: C }) ? C : Bt;
+    be(() => {
+      Qe({ value: C }) || ae !== void 0 && dt(Ct(ae));
+    }, [ae, C]);
+    const v = k === "plan" ? 44 : yi, I = ye(
+      () => bi($, v, ee ? { arch: ee } : {}),
+      [$, v, ee]
+    ), le = ye(() => {
+      if (!q) return [];
+      if (ee)
+        return je(
+          Oe($, ee, k),
+          I.width
+        ).specials;
+      const e = je(
+        Oe($, "upper", k),
+        I.width
+      ).specials, t = v + Di, i = je(
+        Oe($, "lower", k),
+        I.width
+      ).specials.map((o) => ({ ...o, y: t }));
+      return [...e, ...i];
+    }, [q, ee, $, k, I.width, v]), Vt = ye(() => {
+      if (!Te) return;
+      if (!q) return I.width;
+      let e = I.width;
+      for (const t of ["upper", "lower"])
+        for (const i of ["side", "plan"]) {
+          const o = je(
+            Oe($, t, i),
+            I.width
+          ).width;
+          o > e && (e = o);
+        }
+      return e;
+    }, [Te, q, $, I.width]), B = ye(
+      () => [
+        ...I.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.
+        ...m === "interactive" ? le.map((e) => e.element.id) : []
+      ],
+      [I, le, m]
+    ), Ee = B[0], [he, H] = E(Ee);
+    be(() => {
+      (!he || !B.includes(he)) && H(Ee);
+    }, [Ee, he, B]);
+    const [Gt, ue] = E(""), We = Le(null), T = A(
+      (e) => {
+        Qe({ value: C }) || dt(e), P == null || P(e);
+      },
+      [P, C]
+    ), L = A((e) => {
+      const t = We.current;
+      if (!t) return;
+      const i = t.querySelector(`g[data-fdi="${e}"]`);
+      i && (i.focus(), H(e));
+    }, []), te = A(
+      (e, t) => {
+        const i = t.map((o) => s(`toothScheme.condition.${o}`)).join(", ");
+        if (xi(e)) {
+          const o = jt(wi[e], s);
+          return t.length > 0 ? s("toothScheme.elementSelected", {
+            name: o,
+            conditions: i
+          }) : s("toothScheme.elementDeselected", { name: o });
+        }
+        return t.length > 0 ? s("toothScheme.selected", { id: e, conditions: i }) : s("toothScheme.deselected", { id: e });
+      },
+      [s]
+    ), M = k === "plan" && m === "interactive" && (S === "caries" || S === "filled"), [w, pe] = E(null);
+    be(() => {
+      (!M || w && !B.includes(w.fdi)) && pe(null);
+    }, [M, w, B]);
+    const ct = A((e, t) => {
+      var o;
+      const i = (o = We.current) == null ? void 0 : o.querySelector(
+        `path[data-fdi="${e}"][data-zone="${t}"]`
+      );
+      i == null || i.focus();
+    }, []), qe = Le(null);
+    be(() => {
+      w ? ct(w.fdi, w.zone) : qe.current && L(qe.current.fdi), qe.current = w;
+    }, [w, ct, L]);
+    const Qt = A(
+      (e, t) => {
+        const i = c[e];
+        return !!(i && i.surfaces.includes(t) && i.conditions.includes(S));
+      },
+      [c, S]
+    ), lt = A(
+      (e, t) => {
+        t && t.conditions.length > 0 ? ue(
+          s("toothScheme.selected", {
+            id: e,
+            conditions: t.conditions.map((i) => s(`toothScheme.condition.${i}`)).join(", ")
+          })
+        ) : ue(s("toothScheme.deselected", { id: e }));
+      },
+      [s]
+    ), He = A(
+      (e, t) => {
+        if (!M) return;
+        const i = S, o = c[e] ?? Me(), l = o.surfaces.includes(t), y = o.conditions.includes(i);
+        let d, g;
+        l && y ? (d = o.surfaces.filter((F) => F !== t), g = d.length === 0 ? o.conditions.filter((F) => F !== i) : o.conditions) : (d = l ? o.surfaces : [...o.surfaces, t], g = y ? o.conditions : [...o.conditions, i]);
+        const f = { ...c };
+        g.length === 0 && d.length === 0 ? delete f[e] : f[e] = { ...o, conditions: g, surfaces: d }, T(f), lt(e, f[e]), p == null || p(e);
+      },
+      [
+        M,
+        S,
+        c,
+        T,
+        lt,
+        p
+      ]
+    ), Ke = A((e) => {
+      const t = re[e];
+      t && (H(e), pe({ fdi: e, zone: Ge(t)[0] }));
+    }, []), Zt = A(
+      (e, t, i) => {
+        const o = re[t];
+        if (o)
+          switch (e.key) {
+            case "ArrowUp":
+            case "ArrowDown":
+            case "ArrowLeft":
+            case "ArrowRight": {
+              e.preventDefault(), e.stopPropagation();
+              const l = Ge(o).includes("center"), y = Wi(i, e.key, l);
+              y !== i && pe({ fdi: t, zone: y });
+              return;
+            }
+            case " ":
+            case "Enter": {
+              e.preventDefault(), e.stopPropagation(), He(t, Rt(o, i));
+              return;
+            }
+            case "Escape": {
+              e.preventDefault(), e.stopPropagation(), pe(null);
+              return;
+            }
+            default:
+              return;
+          }
+      },
+      [He]
+    ), Xt = Le(null), Ae = m === "display" && typeof X == "function", fe = m === "interactive" || Ae, me = A(
+      (e) => {
+        H(e), p == null || p(e), X == null || X(e);
+      },
+      [p, X]
+    ), Ye = ye(
+      () => ({
+        focusTooth: (e) => {
+          L(e);
+        },
+        getChart: () => c,
+        getTooth: (e) => {
+          var t;
+          return ((t = c[e]) == null ? void 0 : t.conditions) ?? [];
+        },
+        teethWith: (e) => Object.entries(c).filter(([, t]) => t.conditions.includes(e)).map(([t]) => t),
+        setFinding: (e, t, i) => {
+          const o = c[e] ?? Me();
+          if (o.conditions.includes(t) && !i) return;
+          const l = {
+            ...c,
+            [e]: {
+              ...o,
+              conditions: o.conditions.includes(t) ? o.conditions : [...o.conditions, t],
+              surfaces: i ?? o.surfaces
+            }
+          };
+          T(l);
+        },
+        removeFinding: (e, t) => {
+          const i = c[e];
+          if (!i || !i.conditions.includes(t)) return;
+          const o = i.conditions.filter((y) => y !== t), l = { ...c };
+          o.length === 0 ? delete l[e] : l[e] = { ...i, conditions: o }, T(l);
+        },
+        clearTooth: (e) => {
+          if (!c[e]) return;
+          const t = { ...c };
+          delete t[e], T(t);
+        },
+        getRadiographs: (e) => (R == null ? void 0 : R[e]) ?? [],
+        teethWithRadiographs: () => Object.keys(R ?? {}).filter(
+          (e) => {
+            var t;
+            return (((t = R == null ? void 0 : R[e]) == null ? void 0 : t.length) ?? 0) > 0;
+          }
+        ),
+        openRadiographs: (e) => {
+          L(e), me(e);
+        }
+      }),
+      [c, T, L, R, me]
+    );
+    pi(qt, () => Ye, [Ye]), mi(
+      Ni,
+      Ye,
+      Ie ? void 0 : r
+    );
+    const ht = A(
+      (e, t) => {
+        var y;
+        if (!fe) return;
+        const i = re[t], o = B, l = o.indexOf(t);
+        switch (e.key) {
+          case "ArrowRight": {
+            e.preventDefault();
+            const d = Math.min(o.length - 1, l + 1);
+            L(o[d]);
+            return;
+          }
+          case "ArrowLeft": {
+            e.preventDefault();
+            const d = Math.max(0, l - 1);
+            L(o[d]);
+            return;
+          }
+          case "ArrowUp":
+          case "ArrowDown": {
+            if (e.preventDefault(), !i) return;
+            const g = {
+              1: 4,
+              4: 1,
+              2: 3,
+              3: 2,
+              5: 8,
+              8: 5,
+              6: 7,
+              7: 6
+            }[i.quadrant];
+            if (!g) return;
+            const f = `${g}${i.positionInQuadrant}`;
+            o.includes(f) && L(f);
+            return;
+          }
+          case "Home": {
+            if (e.preventDefault(), !i) return;
+            const d = o.filter(
+              (g) => {
+                var f;
+                return ((f = re[g]) == null ? void 0 : f.quadrant) === i.quadrant;
+              }
+            );
+            d.length > 0 && L(d[0]);
+            return;
+          }
+          case "End": {
+            if (e.preventDefault(), !i) return;
+            const d = o.filter(
+              (g) => {
+                var f;
+                return ((f = re[g]) == null ? void 0 : f.quadrant) === i.quadrant;
+              }
+            );
+            d.length > 0 && L(d[d.length - 1]);
+            return;
+          }
+          case " ":
+          case "Enter": {
+            if (e.preventDefault(), Ae) {
+              me(t);
+              return;
+            }
+            if (M && i) {
+              Ke(t);
+              return;
+            }
+            const d = (y = c[t]) == null ? void 0 : y.conditions, g = Lt(d, S), f = { ...c };
+            g.length === 0 ? delete f[t] : f[t] = {
+              ...c[t] ?? Me(),
+              conditions: g
+            }, ue(te(t, g)), T(f), p == null || p(t);
+            return;
+          }
+          default:
+            return;
+        }
+      },
+      [
+        S,
+        te,
+        c,
+        T,
+        Ke,
+        L,
+        me,
+        p,
+        Ae,
+        M,
+        fe,
+        B
+      ]
+    ), ut = A(
+      (e) => {
+        var l;
+        if (m !== "interactive") return;
+        H(e);
+        const t = (l = c[e]) == null ? void 0 : l.conditions, i = Lt(t, S), o = { ...c };
+        i.length === 0 ? delete o[e] : o[e] = {
+          ...c[e] ?? Me(),
+          conditions: i
+        }, ue(te(e, i)), T(o), p == null || p(e);
+      },
+      [S, te, c, T, m, p]
+    ), V = $ === "primary" ? "mGeneral" : "general", pt = (((xt = c[V]) == null ? void 0 : xt.conditions.length) ?? 0) > 0, Jt = A(
+      (e) => {
+        var i;
+        const t = { ...c };
+        e ? t[V] = {
+          conditions: [S ?? "caries"],
+          surfaces: []
+        } : delete t[V], ue(
+          te(V, ((i = t[V]) == null ? void 0 : i.conditions) ?? [])
+        ), T(t), p == null || p(V);
+      },
+      [
+        S,
+        te,
+        c,
+        T,
+        V,
+        p
+      ]
+    ), ft = se === "above" ? 16 : 2, ei = se === "below" ? 16 : 2, ti = le.length > 0 ? Math.max(...le.map((e) => e.x)) + G : 0, mt = Math.max(
+      Wt ?? 0,
+      I.width,
+      ti
+    ) + 4, gt = I.height + ft + ei, ze = Ft ?? s("toothScheme.ariaLabel"), ii = fe ? void 0 : 0, vt = Te ? null : /* @__PURE__ */ b(
+      "svg",
+      {
+        ref: We,
+        viewBox: `0 ${-ft} ${mt} ${gt}`,
+        width: mt,
+        height: gt,
+        className: Oi(),
+        role: "group",
+        "aria-label": ze,
+        focusable: "false",
+        "data-testid": "tooth-scheme-svg",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          I.teeth.map((e) => {
+            var Dt;
+            const t = c[e.fdi], i = (Dt = t == null ? void 0 : t.conditions) == null ? void 0 : Dt[0], o = s(`toothScheme.anatomy.${e.meta.anatomy}`), l = i ? `, ${s(`toothScheme.condition.${i}`)}` : "", y = (R == null ? void 0 : R[e.fdi]) ?? [], d = y.length, g = d > 0, f = g ? [...y].sort(Yi)[0] : void 0, F = Je === "thumbnail" && f !== void 0, Re = g ? `, ${s("toothScheme.radiographBadge", { count: d })}` : "", K = Ie ? `, ${s(k === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}` : "", Ue = s("toothScheme.toothLabel", {
+              id: $t(e.fdi, de),
+              anatomy: o,
+              conditionSuffix: l
+            }) + Re + K, $e = fe ? w ? -1 : e.fdi === he ? 0 : -1 : void 0, ie = (t == null ? void 0 : t.conditions) ?? [], wt = ie.includes("missing"), ri = ie.map((h) => ({
+              condition: h,
+              spec: Xe[h]
+            })).filter(
+              (h) => !!h.spec
+            ), Pe = ie.find(
+              (h) => h !== "missing" && !Xe[h]
+            ), St = Pe ? we[Pe] : void 0, ai = (i ? `${o} · ${s(`toothScheme.condition.${i}`)}` : o) + (g ? ` · ${s("toothScheme.radiographBadge", { count: d })}` : ""), kt = $t(e.fdi, de), si = _t(
+              e.meta,
+              J,
+              "default",
+              k
+            ), di = F && f ? f.thumbnailUrl ?? f.url : si, ci = k === "plan" ? ie.flatMap((h) => {
+              const O = Si[h];
+              return O ? ((t == null ? void 0 : t.surfaces) ?? []).map((Ne) => ({
+                key: `${h}-${Ne}`,
+                url: ki(
+                  e.meta,
+                  J,
+                  O,
+                  Ne
+                )
+              })) : [];
+            }) : [], It = (e.meta.dentition === "primary" ? Ii : 1) * 0.9, oe = W * It, ne = v * It, ge = (W - oe) / 2, ve = (v - ne) / 2, j = M && (w == null ? void 0 : w.fdi) === e.fdi, Tt = M ? Ge(e.meta) : [], li = Tt.includes("center"), At = se === "above" ? -4 : se === "below" ? v + 12 : se === "none" ? null : e.meta.arch === "upper" ? v + 12 : -4;
+            return /* @__PURE__ */ b(N.Root, { children: [
+              /* @__PURE__ */ a(N.Trigger, { asChild: !0, children: /* @__PURE__ */ b(
+                "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": i ?? "none",
+                  "data-testid": `tooth-${e.fdi}`,
+                  transform: `translate(${e.x}, ${e.y})`,
+                  tabIndex: $e,
+                  role: j ? "group" : fe ? "button" : "img",
+                  "aria-label": Ue,
+                  "aria-pressed": j ? void 0 : m === "interactive" ? i !== void 0 : void 0,
+                  className: Nt(),
+                  onClick: j ? void 0 : m === "interactive" ? M ? () => Ke(e.fdi) : () => ut(e.fdi) : Ae ? () => me(e.fdi) : void 0,
+                  onFocus: () => H(e.fdi),
+                  onKeyDown: j ? void 0 : (h) => ht(h, e.fdi),
+                  children: [
+                    /* @__PURE__ */ a(
+                      "rect",
+                      {
+                        x: -x,
+                        y: -x,
+                        width: W + x * 2,
+                        height: v + x * 2,
+                        fill: "transparent"
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      "image",
+                      {
+                        href: di,
+                        x: ge,
+                        y: ve,
+                        width: oe,
+                        height: ne,
+                        preserveAspectRatio: F ? "xMidYMid slice" : "xMidYMid meet",
+                        opacity: wt && !F ? 0.25 : 1,
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    k === "side" ? ri.map(({ condition: h, spec: O }) => /* @__PURE__ */ a(
+                      "image",
+                      {
+                        href: Mt(
+                          e.meta,
+                          J,
+                          O
+                        ),
+                        x: ge,
+                        y: ve,
+                        width: oe,
+                        height: ne,
+                        preserveAspectRatio: "xMidYMid meet",
+                        "aria-hidden": "true",
+                        pointerEvents: "none"
+                      },
+                      h
+                    )) : null,
+                    k === "plan" ? ci.map(({ key: h, url: O }) => /* @__PURE__ */ a(
+                      "image",
+                      {
+                        href: O,
+                        x: ge,
+                        y: ve,
+                        width: oe,
+                        height: ne,
+                        preserveAspectRatio: "xMidYMid meet",
+                        "aria-hidden": "true",
+                        pointerEvents: "none"
+                      },
+                      h
+                    )) : null,
+                    M ? Tt.map((h) => {
+                      const O = Rt(e.meta, h), Ne = Qt(e.fdi, O);
+                      return /* @__PURE__ */ a(
+                        "path",
+                        {
+                          d: Ti(
+                            h,
+                            { x: ge, y: ve, w: oe, h: ne },
+                            li
+                          ),
+                          "data-fdi": e.fdi,
+                          "data-zone": h,
+                          "data-surface": O,
+                          "data-testid": `tooth-${e.fdi}-zone-${h}`,
+                          role: j ? "button" : void 0,
+                          tabIndex: j ? (w == null ? void 0 : w.zone) === h ? 0 : -1 : void 0,
+                          "aria-label": j ? s("toothScheme.toothLabel", {
+                            id: kt,
+                            anatomy: s(
+                              `toothScheme.surface.${O}`
+                            ),
+                            conditionSuffix: ""
+                          }) : void 0,
+                          "aria-pressed": j ? Ne : void 0,
+                          strokeWidth: "var(--focus-ring-width)",
+                          className: Ei(),
+                          onClick: (Y) => {
+                            Y.stopPropagation(), j || H(e.fdi), He(e.fdi, O);
+                          },
+                          onKeyDown: j ? (Y) => Zt(Y, e.fdi, h) : void 0,
+                          onFocus: j ? () => pe(
+                            (Y) => Y && Y.fdi === e.fdi && Y.zone === h ? Y : { fdi: e.fdi, zone: h }
+                          ) : void 0
+                        },
+                        h
+                      );
+                    }) : null,
+                    k === "side" && St ? /* @__PURE__ */ a(
+                      "rect",
+                      {
+                        x: 3,
+                        y: 2,
+                        width: W - 6,
+                        height: v - 4,
+                        fill: "none",
+                        stroke: St,
+                        strokeWidth: "2",
+                        strokeDasharray: Pe === "filled" ? "4 2" : void 0,
+                        rx: "6",
+                        pointerEvents: "none"
+                      }
+                    ) : null,
+                    wt ? /* @__PURE__ */ a(
+                      "path",
+                      {
+                        d: `M7 9 L${W - 7} ${v - 9} M${W - 7} 9 L7 ${v - 9}`,
+                        stroke: we.missing,
+                        strokeWidth: "2",
+                        fill: "none",
+                        pointerEvents: "none"
+                      }
+                    ) : null,
+                    F ? /* @__PURE__ */ a(
+                      "rect",
+                      {
+                        x: ge,
+                        y: ve,
+                        width: oe,
+                        height: ne,
+                        fill: "none",
+                        stroke: "var(--border)",
+                        strokeWidth: "1",
+                        rx: "3",
+                        pointerEvents: "none"
+                      }
+                    ) : null,
+                    g ? /* @__PURE__ */ b(
+                      "g",
+                      {
+                        "data-testid": `tooth-${e.fdi}-radiograph-badge`,
+                        "data-radiograph-count": d,
+                        transform: `translate(${W - (d >= 10 ? 19 : 15)}, ${v - 13})`,
+                        pointerEvents: "none",
+                        "aria-hidden": "true",
+                        children: [
+                          /* @__PURE__ */ a(
+                            "rect",
+                            {
+                              width: d >= 10 ? 17 : 13,
+                              height: 12,
+                              rx: "3.5",
+                              fill: "var(--card)",
+                              stroke: "var(--info-foreground)",
+                              strokeWidth: "0.75"
+                            }
+                          ),
+                          /* @__PURE__ */ a(
+                            "text",
+                            {
+                              x: (d >= 10 ? 17 : 13) / 2,
+                              y: 9,
+                              textAnchor: "middle",
+                              fontSize: "9",
+                              fontWeight: "600",
+                              fill: "var(--info-foreground)",
+                              className: "ds:select-none",
+                              children: d
+                            }
+                          )
+                        ]
+                      }
+                    ) : null,
+                    /* @__PURE__ */ a(
+                      "rect",
+                      {
+                        x: -x,
+                        y: -x,
+                        width: W + x * 2,
+                        height: v + x * 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"
+                      }
+                    ),
+                    At !== null ? /* @__PURE__ */ a(
+                      "text",
+                      {
+                        x: W / 2,
+                        y: At,
+                        textAnchor: "middle",
+                        fontSize: "10",
+                        fill: "var(--muted-foreground)",
+                        className: "ds:select-none",
+                        "aria-hidden": "true",
+                        children: kt
+                      }
+                    ) : null
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ a(N.Portal, { children: /* @__PURE__ */ b(
+                N.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: [
+                    ai,
+                    /* @__PURE__ */ a(N.Arrow, { className: "ds:fill-[var(--foreground)]" })
+                  ]
+                }
+              ) })
+            ] }, e.fdi);
+          }),
+          le.map(({ element: e, x: t, y: i }) => {
+            var $e;
+            const o = c[e.id], l = ($e = o == null ? void 0 : o.conditions) == null ? void 0 : $e[0], y = l !== void 0, d = jt(e, s), g = l ? `, ${s(`toothScheme.condition.${l}`)}` : "", f = s("toothScheme.elementLabel", {
+              name: d,
+              conditionSuffix: g
+            }), F = l ? we[l] : void 0, Re = Ai(e, J), K = m === "interactive", Ue = K ? e.id === he ? 0 : -1 : void 0;
+            return /* @__PURE__ */ b(N.Root, { children: [
+              /* @__PURE__ */ a(N.Trigger, { asChild: !0, children: /* @__PURE__ */ b(
+                "g",
+                {
+                  "data-fdi": e.id,
+                  "data-special": e.kind,
+                  "data-arch": e.arch,
+                  "data-condition": l ?? "none",
+                  "data-testid": `element-${e.id}`,
+                  transform: `translate(${t}, ${i})`,
+                  tabIndex: Ue,
+                  role: K ? "button" : "img",
+                  "aria-label": f,
+                  "aria-pressed": K ? y : void 0,
+                  className: Nt(),
+                  onClick: K ? () => ut(e.id) : void 0,
+                  onFocus: K ? () => H(e.id) : void 0,
+                  onKeyDown: K ? (ie) => ht(ie, e.id) : void 0,
+                  children: [
+                    /* @__PURE__ */ a(
+                      "rect",
+                      {
+                        x: -x,
+                        y: -x,
+                        width: G + x * 2,
+                        height: v + x * 2,
+                        fill: "transparent"
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      "rect",
+                      {
+                        x: 0,
+                        y: 0,
+                        width: G,
+                        height: v,
+                        rx: 6,
+                        fill: y ? "var(--accent)" : "var(--card)",
+                        fillOpacity: y ? 0.16 : 1,
+                        stroke: F ?? "var(--border)",
+                        strokeWidth: y ? 2 : 1
+                      }
+                    ),
+                    Re ? /* @__PURE__ */ b(hi, { children: [
+                      /* @__PURE__ */ a(
+                        "image",
+                        {
+                          href: Re,
+                          x: 3,
+                          y: 3,
+                          width: G - 6,
+                          height: v - 16,
+                          preserveAspectRatio: "xMidYMid meet",
+                          "aria-hidden": "true",
+                          pointerEvents: "none"
+                        }
+                      ),
+                      /* @__PURE__ */ a(
+                        "text",
+                        {
+                          x: G / 2,
+                          y: v - 4,
+                          textAnchor: "middle",
+                          fontSize: "9",
+                          fontWeight: "600",
+                          fill: "var(--muted-foreground)",
+                          className: "ds:select-none",
+                          "aria-hidden": "true",
+                          children: e.code
+                        }
+                      )
+                    ] }) : /* @__PURE__ */ a(
+                      "text",
+                      {
+                        x: G / 2,
+                        y: v / 2,
+                        textAnchor: "middle",
+                        dominantBaseline: "central",
+                        fontSize: "11",
+                        fontWeight: "600",
+                        fill: "var(--foreground)",
+                        className: "ds:select-none",
+                        "aria-hidden": "true",
+                        children: e.code
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      "rect",
+                      {
+                        x: -x,
+                        y: -x,
+                        width: G + x * 2,
+                        height: v + x * 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__ */ a(N.Portal, { children: /* @__PURE__ */ b(
+                N.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: [
+                    l ? `${d} · ${s(`toothScheme.condition.${l}`)}` : d,
+                    /* @__PURE__ */ a(N.Arrow, { className: "ds:fill-[var(--foreground)]" })
+                  ]
+                }
+              ) })
+            ] }, e.id);
+          })
+        ]
+      }
+    ), bt = /* @__PURE__ */ a(
+      "div",
+      {
+        className: Fi(),
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        "data-testid": "tooth-scheme-live",
+        children: Gt
+      }
+    );
+    if (Ie)
+      return /* @__PURE__ */ b(N.Provider, { delayDuration: 200, children: [
+        vt,
+        bt
+      ] });
+    const oi = (e) => s(e === "upper" ? "toothScheme.arch.upper" : "toothScheme.arch.lower"), De = (e, t) => `${ze} — ${oi(e)}, ${s(t === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}`, Ce = {
+      dentition: $,
+      numbering: de,
+      mode: m,
+      value: c,
+      onChange: T,
+      onSelect: p,
+      activeCondition: S,
+      assetBaseUrl: J,
+      radiographs: R,
+      radiographDisplay: Je,
+      onOpenRadiographs: X,
+      specialElements: q,
+      _inner: !0,
+      _contentWidth: Vt
+    }, ni = /* @__PURE__ */ b("div", { className: ji(), "data-testid": "tooth-scheme-both", children: [
+      /* @__PURE__ */ a(
+        xe,
+        {
+          ...Ce,
+          projection: "side",
+          _arch: "upper",
+          _numbersPosition: "above",
+          ariaLabel: De("upper", "side")
+        }
+      ),
+      /* @__PURE__ */ a(
+        xe,
+        {
+          ...Ce,
+          projection: "plan",
+          _arch: "upper",
+          _numbersPosition: "none",
+          ariaLabel: De("upper", "plan")
+        }
+      ),
+      /* @__PURE__ */ a(
+        xe,
+        {
+          ...Ce,
+          projection: "plan",
+          _arch: "lower",
+          _numbersPosition: "none",
+          ariaLabel: De("lower", "plan")
+        }
+      ),
+      /* @__PURE__ */ a(
+        xe,
+        {
+          ...Ce,
+          projection: "side",
+          _arch: "lower",
+          _numbersPosition: "below",
+          ariaLabel: De("lower", "side")
+        }
+      )
+    ] }), yt = _ ? /* @__PURE__ */ a(
+      "div",
+      {
+        className: ke != null ? "ds:flex ds:justify-end" : "ds:flex ds:w-full ds:justify-end",
+        "data-testid": "tooth-scheme-controls",
+        children: /* @__PURE__ */ b(Be.Root, { children: [
+          /* @__PURE__ */ a(Be.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+            gi,
+            {
+              size: "sm",
+              intent: "outline",
+              icon: /* @__PURE__ */ a(Ci, { "aria-hidden": "true" }),
+              "aria-label": s("toothScheme.options.label"),
+              tooltip: s("toothScheme.options.label")
+            }
+          ) }),
+          /* @__PURE__ */ a(
+            Be.Content,
+            {
+              ref: Pt,
+              align: "end",
+              size: "md",
+              "aria-label": s("toothScheme.options.label"),
+              children: /* @__PURE__ */ b("div", { className: "ds:flex ds:w-[var(--popover-size-sm)] ds:max-w-full ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+                /* @__PURE__ */ b("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__ */ a(
+                    Ve,
+                    {
+                      label: s("toothScheme.options.legend"),
+                      labelSide: "start",
+                      checked: rt,
+                      onCheckedChange: ot
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    Ve,
+                    {
+                      label: s("toothScheme.options.specialElements"),
+                      labelSide: "start",
+                      checked: q,
+                      onCheckedChange: nt
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ a(
+                  Ze,
+                  {
+                    container: Fe,
+                    label: s("toothScheme.options.dentition"),
+                    value: $,
+                    onValueChange: (e) => et(e),
+                    options: [
+                      {
+                        value: "permanent",
+                        label: s("toothScheme.dentition.permanent")
+                      },
+                      {
+                        value: "primary",
+                        label: s("toothScheme.dentition.primary")
+                      },
+                      {
+                        value: "mixed",
+                        label: s("toothScheme.dentition.mixed")
+                      }
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  Ze,
+                  {
+                    container: Fe,
+                    label: s("toothScheme.options.numbering"),
+                    value: de,
+                    onValueChange: (e) => tt(e),
+                    options: [
+                      {
+                        value: "fdi",
+                        label: s("toothScheme.numbering.fdi")
+                      },
+                      {
+                        value: "universal",
+                        label: s("toothScheme.numbering.universal")
+                      },
+                      {
+                        value: "palmer",
+                        label: s("toothScheme.numbering.palmer")
+                      }
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  Ze,
+                  {
+                    container: Fe,
+                    label: s("toothScheme.options.view"),
+                    value: ce,
+                    onValueChange: (e) => it(e),
+                    options: [
+                      {
+                        value: "side",
+                        label: s("toothScheme.view.side")
+                      },
+                      {
+                        value: "plan",
+                        label: s("toothScheme.view.occlusal")
+                      },
+                      {
+                        value: "both",
+                        label: s("toothScheme.view.both")
+                      }
+                    ]
+                  }
+                )
+              ] })
+            }
+          )
+        ] })
+      }
+    ) : null;
+    return /* @__PURE__ */ a(N.Provider, { delayDuration: 200, children: /* @__PURE__ */ b(
+      "div",
+      {
+        ref: Xt,
+        role: "region",
+        "aria-label": ze,
+        tabIndex: ii,
+        className: [Li(), Et].filter(Boolean).join(" "),
+        "data-component": "tooth-scheme",
+        "data-component-id": r,
+        "data-testid": "tooth-scheme-root",
+        "data-dentition": $,
+        "data-numbering": de,
+        "data-mode": m,
+        "data-projection": k,
+        "data-view-mode": ce,
+        "data-special-elements": q ? "true" : "false",
+        children: [
+          ke === void 0 ? yt : ke ? fi(yt, ke) : null,
+          Te ? ni : vt,
+          q && (m === "interactive" || pt) ? /* @__PURE__ */ a(
+            "div",
+            {
+              className: "ds:flex ds:w-full ds:items-center ds:pt-[var(--spacing-2xs)]",
+              "data-testid": "tooth-scheme-general",
+              children: /* @__PURE__ */ a(
+                Ve,
+                {
+                  label: s("toothScheme.special.general"),
+                  labelSide: "end",
+                  checked: pt,
+                  disabled: m !== "interactive",
+                  onCheckedChange: Jt
+                }
+              )
+            }
+          ) : null,
+          rt ? /* @__PURE__ */ a(Ki, { assetBaseUrl: J }) : null,
+          bt
+        ]
+      }
+    ) });
+  }
+);
+xe.displayName = "ToothScheme";
+export {
+  xe as T,
+  Li as r,
+  Ni as t
+};
+//# sourceMappingURL=tooth-scheme-BzJ6rcte.js.map