@alfadocs/ui-kit 1.4.16 → 1.5.0

package/dist/_chunks/tooth-scheme-s0ipC0-Z.js

@@ -1,1483 +0,0 @@
-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-9c9Gp41m.js";
-import { P as Be } from "./popover-Btj6N25H.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-s0ipC0-Z.js.map