@alfadocs/ui-kit 0.70.0 → 0.71.0

package/dist/_chunks/{tooth-scheme-BhQoPNBD.js → tooth-scheme-DJZtzfeY.js}

@@ -1,15 +1,16 @@
-import { jsxs as k, jsx as d, Fragment as Sn } from "react/jsx-runtime";
-import { forwardRef as $n, useState as Z, useRef as qe, useEffect as xe, useMemo as Se, useCallback as O, useImperativeHandle as In } from "react";
+import { jsxs as k, jsx as d, Fragment as In } from "react/jsx-runtime";
+import { forwardRef as kn, useState as Z, useRef as qe, useEffect as Se, useMemo as $e, useCallback as O, useImperativeHandle as Tn } from "react";
+import { createPortal as An } from "react-dom";
 import * as K from "@radix-ui/react-tooltip";
-import { c as ne } from "./index-D2ZczOXr.js";
-import { useTranslation as Qt } from "react-i18next";
-import { u as kn } from "./registry-DvAUVLHh.js";
-import { I as Tn } from "./icon-button-LqoiKcUN.js";
-import { P as Je } from "./popover-B2qCDhJC.js";
-import { S as An } from "./select-DMLG44F5.js";
-import { S as et } from "./switch-OILsBLWo.js";
-import { S as Ln } from "./settings-ca2Yi9R8.js";
-const ee = {
+import { c as te } from "./index-D2ZczOXr.js";
+import { useTranslation as Yt } from "react-i18next";
+import { u as Ln } from "./registry-DvAUVLHh.js";
+import { I as Cn } from "./icon-button-LqoiKcUN.js";
+import { P as et } from "./popover-B2qCDhJC.js";
+import { S as Rn } from "./select-KsyRr8WH.js";
+import { S as tt } from "./switch-OILsBLWo.js";
+import { S as En } from "./settings-ca2Yi9R8.js";
+const J = {
   type: "string",
   description: "FDI tooth id ('11'–'48' permanent, '51'–'85' primary) or a special-element id ('Q1'–'Q4' quadrants, 'S1'–'S6' sextants, 'AS'/'AI' arches, 'general'; primary mirrors with an 'm' prefix)."
 }, je = {
@@ -26,9 +27,9 @@ const ee = {
     "destroyed",
     "rootCanal"
   ]
-}, Cn = {
+}, Mn = {
   enum: ["mesial", "distal", "occlusal", "buccal", "lingual"]
-}, Rn = {
+}, Dn = {
   type: "object",
   properties: {
     id: { type: "string" },
@@ -40,7 +41,7 @@ const ee = {
     alt: { type: "string" }
   },
   required: ["id", "url"]
-}, En = {
+}, Nn = {
   id: "tooth-scheme",
   // pick — focus/select a tooth (`focus_tooth`, transient, not persisted);
   // set_value / edit_inline — `set_finding` records a finding and marks the
@@ -88,7 +89,7 @@ const ee = {
       argsType: "{ id: FdiId }",
       argsSchema: {
         type: "object",
-        properties: { id: ee },
+        properties: { id: J },
         required: ["id"]
       },
       idempotent: !0,
@@ -103,7 +104,7 @@ const ee = {
       argsType: "{ id: FdiId }",
       argsSchema: {
         type: "object",
-        properties: { id: ee },
+        properties: { id: J },
         required: ["id"]
       },
       returns: "ToothCondition[]",
@@ -122,7 +123,7 @@ const ee = {
         required: ["condition"]
       },
       returns: "FdiId[]",
-      returnsSchema: { type: "array", items: ee },
+      returnsSchema: { type: "array", items: J },
       idempotent: !0,
       descriptionKey: "ui.agent.toothScheme.actions.teethWith",
       description: "List the ids carrying a given finding — FDI tooth ids and/or special-element ids (e.g. all teeth with caries).",
@@ -133,11 +134,11 @@ const ee = {
       argsType: "{ id: FdiId }",
       argsSchema: {
         type: "object",
-        properties: { id: ee },
+        properties: { id: J },
         required: ["id"]
       },
       returns: "Radiograph[]",
-      returnsSchema: { type: "array", items: Rn },
+      returnsSchema: { type: "array", items: Dn },
       idempotent: !0,
       descriptionKey: "ui.agent.toothScheme.actions.getRadiographs",
       description: "Read the radiographs (x-rays) attached to one tooth.",
@@ -148,7 +149,7 @@ const ee = {
       argsType: "{ id: FdiId }",
       argsSchema: {
         type: "object",
-        properties: { id: ee },
+        properties: { id: J },
         required: ["id"]
       },
       idempotent: !0,
@@ -164,9 +165,9 @@ const ee = {
       argsSchema: {
         type: "object",
         properties: {
-          id: ee,
+          id: J,
           condition: je,
-          surfaces: { type: "array", items: Cn }
+          surfaces: { type: "array", items: Mn }
         },
         required: ["id", "condition"]
       },
@@ -182,7 +183,7 @@ const ee = {
       argsType: "{ id: FdiId; condition: ToothCondition }",
       argsSchema: {
         type: "object",
-        properties: { id: ee, condition: je },
+        properties: { id: J, condition: je },
         required: ["id", "condition"]
       },
       idempotent: !0,
@@ -197,7 +198,7 @@ const ee = {
       argsType: "{ id: FdiId }",
       argsSchema: {
         type: "object",
-        properties: { id: ee },
+        properties: { id: J },
         required: ["id"]
       },
       idempotent: !0,
@@ -220,7 +221,7 @@ const ee = {
       description: "Each rendered tooth `<g>` carries its FDI id as `data-fdi`; selectable special-element slots carry their id there too (plus `data-special` naming the kind). The `data-projection` / `data-view-mode` attributes on the root expose the side/plan/both view."
     }
   }
-}, Te = [
+}, Ae = [
   // upper
   "18",
   "17",
@@ -255,7 +256,7 @@ const ee = {
   "36",
   "37",
   "38"
-], Ae = [
+], Le = [
   // upper
   "55",
   "54",
@@ -279,17 +280,17 @@ const ee = {
   "74",
   "75"
 ];
-function Mn(t) {
+function _n(t) {
   return t <= 2 ? "incisor" : t === 3 ? "canine" : t <= 5 ? "premolar" : "molar";
 }
-function Dn(t) {
+function On(t) {
   return t <= 2 ? "incisor" : t === 3 ? "canine" : "molar";
 }
-function Nn(t, n) {
+function qn(t, n) {
   const i = (t - 1) % 4 + 1;
   return `${i === 1 ? "UR" : i === 2 ? "UL" : i === 3 ? "LL" : "LR"}${n}`;
 }
-function _n(t, n) {
+function jn(t, n) {
   switch (t) {
     case 1:
       return String(1 + (8 - n));
@@ -303,7 +304,7 @@ function _n(t, n) {
       return "";
   }
 }
-function On(t, n) {
+function Kn(t, n) {
   const i = "ABCDEFGHIJKLMNOPQRST";
   let o = -1;
   switch (t) {
@@ -324,8 +325,8 @@ function On(t, n) {
   }
   return o >= 0 ? i[o] : "";
 }
-function qn(t) {
-  const n = Number(t[0]), i = Number(t[1]), o = n >= 5, l = o ? Dn(i) : Mn(i), v = n === 1 || n === 2 || n === 5 || n === 6 ? "upper" : "lower", m = n === 1 || n === 4 || n === 5 || n === 8 ? "right" : "left", S = o ? On(n, i) : _n(n, i), w = Nn(n, i);
+function Fn(t) {
+  const n = Number(t[0]), i = Number(t[1]), o = n >= 5, l = o ? On(i) : _n(i), v = n === 1 || n === 2 || n === 5 || n === 6 ? "upper" : "lower", m = n === 1 || n === 4 || n === 5 || n === 8 ? "right" : "left", S = o ? Kn(n, i) : jn(n, i), w = qn(n, i);
   return {
     fdi: t,
     universal: S,
@@ -339,17 +340,17 @@ function qn(t) {
   };
 }
 const Q = [
-  ...Te,
-  ...Ae
-].reduce((t, n) => (t[n] = qn(n), t), {}), jn = Object.fromEntries(
+  ...Ae,
+  ...Le
+].reduce((t, n) => (t[n] = Fn(n), t), {}), Wn = Object.fromEntries(
   Object.entries(Q).map(([t, n]) => [t, n.universal])
-), Kn = Object.fromEntries(
+), Pn = Object.fromEntries(
   Object.entries(Q).map(([t, n]) => [t, n.palmer])
 );
-function at(t) {
+function st(t) {
   return t.dentition !== "primary" ? t.fdi : `${t.quadrant - 4}${t.positionInQuadrant}`;
 }
-const Fn = 0.72, yr = {
+const Hn = 0.72, $r = {
   caries: "--destructive",
   filled: "--info",
   crowned: "--warning",
@@ -361,7 +362,7 @@ const Fn = 0.72, yr = {
   stub: "--muted-foreground",
   destroyed: "--destructive",
   rootCanal: "--primary"
-}, Ie = {
+}, ke = {
   caries: "var(--destructive)",
   filled: "var(--info)",
   crowned: "var(--warning)",
@@ -373,7 +374,7 @@ const Fn = 0.72, yr = {
   stub: "var(--muted-foreground)",
   destroyed: "var(--destructive)",
   rootCanal: "var(--primary)"
-}, ot = {
+}, it = {
   crowned: { folder: "crown", resolve: "per-fdi" },
   temporaryCrown: { folder: "temporaryCrown", resolve: "per-fdi" },
   bridge: { folder: "replacement", resolve: "per-fdi" },
@@ -383,39 +384,39 @@ const Fn = 0.72, yr = {
   stub: { folder: "stub", resolve: "general" },
   rootCanal: { folder: "rootTreatment", resolve: "rct" }
 };
-function Ut(t, n, i) {
+function Zt(t, n, i) {
   const o = t.arch === "upper" ? "top" : "bottom", l = `${n}/side/${i.folder}/${o}`;
   if (i.resolve === "general") return `${l}/general.webp`;
-  const v = at(t);
+  const v = st(t);
   return i.resolve === "rct" ? `${l}/${v}/full.webp` : `${l}/${v}.webp`;
 }
-const Wn = {
+const Qn = {
   mesial: "mesial",
   distal: "distal",
   occlusal: "occlusal",
   buccal: "vestibular",
   lingual: "oral"
-}, Pn = {
+}, Un = {
   caries: "caries",
   filled: "filling"
 };
-function Hn(t, n, i, o) {
+function Yn(t, n, i, o) {
   const l = t.arch === "upper" ? "top" : "bottom";
-  return `${n}/plan/${i}/${l}/${at(t)}-${Wn[o]}.webp`;
+  return `${n}/plan/${i}/${l}/${st(t)}-${Qn[o]}.webp`;
 }
-function tt(t) {
+function nt(t) {
   return t.anatomy === "molar" || t.anatomy === "premolar" ? ["top", "bottom", "left", "right", "center"] : ["top", "bottom", "left", "right"];
 }
-function Ot(t, n) {
+function jt(t, n) {
   if (n === "center") return "occlusal";
   if (n === "top") return t.arch === "upper" ? "buccal" : "lingual";
   if (n === "bottom") return t.arch === "upper" ? "lingual" : "buccal";
   const i = t.quadrant <= 4 ? t.quadrant : t.quadrant - 4, o = i === 1 || i === 4;
   return n === "left" ? o ? "distal" : "mesial" : o ? "mesial" : "distal";
 }
-const qt = (t) => Math.round(t * 100) / 100;
-function Qn(t, n, i) {
-  const { x: o, y: l, w: v, h: m } = n, S = o + v, w = l + m, a = (p, A) => `${qt(p)} ${qt(A)}`;
+const Kt = (t) => Math.round(t * 100) / 100;
+function Zn(t, n, i) {
+  const { x: o, y: l, w: v, h: m } = n, S = o + v, w = l + m, a = (p, A) => `${Kt(p)} ${Kt(A)}`;
   if (!i) {
     const p = o + v / 2, A = l + m / 2;
     switch (t) {
@@ -447,23 +448,23 @@ function Qn(t, n, i) {
       return "";
   }
 }
-const ke = 5, it = 40, L = 4, z = 36, Yt = 62;
-function Zt(t, n, i = "default", o = "side") {
+const Te = 5, at = 40, L = 4, z = 36, zt = 62;
+function Gt(t, n, i = "default", o = "side") {
   const l = t.arch === "upper" ? "top" : "bottom";
-  return `${n}/${o}/${i}/${l}/${at(t)}.webp`;
+  return `${n}/${o}/${i}/${l}/${st(t)}.webp`;
 }
-function Un(t, n = Yt, i = {}) {
-  const o = t === "primary" ? Ae : t === "mixed" ? [...Te, ...Ae] : Te, l = [], v = [];
+function zn(t, n = zt, i = {}) {
+  const o = t === "primary" ? Le : t === "mixed" ? [...Ae, ...Le] : Ae, l = [], v = [];
   for (const p of o)
     Q[p].arch === "upper" ? l.push(p) : v.push(p);
-  const m = z + ke, S = Math.max(l.length, v.length), w = S > 0 ? S * m - ke : 0;
+  const m = z + Te, S = Math.max(l.length, v.length), w = S > 0 ? S * m - Te : 0;
   function a(p, A) {
-    const ie = p.length > 0 ? p.length * m - ke : 0, q = (w - ie) / 2;
-    return p.map((Le, Pe) => {
-      const G = Q[Le];
+    const ie = p.length > 0 ? p.length * m - Te : 0, q = (w - ie) / 2;
+    return p.map((ne, Pe) => {
+      const He = Q[ne];
       return {
-        fdi: Le,
-        meta: G,
+        fdi: ne,
+        meta: He,
         x: q + Pe * m,
         y: A
       };
@@ -473,12 +474,12 @@ function Un(t, n = Yt, i = {}) {
     const p = i.arch === "upper" ? l : v;
     return { teeth: a(p, 0), width: w, height: n };
   }
-  const M = a(l, 0), $ = a(v, n + it), F = w > 0 ? w : S * m, R = n * 2 + it;
+  const M = a(l, 0), $ = a(v, n + at), F = w > 0 ? w : S * m, R = n * 2 + at;
   return { teeth: [...M, ...$], width: F, height: R };
 }
-const C = (t) => [...Te, ...Ae].filter(
+const C = (t) => [...Ae, ...Le].filter(
   (n) => Q[n].quadrant === t
-), st = [
+), ct = [
   // Upper facial (side) row — Q1, Q2, AS, Gen.
   {
     id: "Q1",
@@ -522,7 +523,7 @@ const C = (t) => [...Te, ...Ae].filter(
     dentition: "permanent",
     labelKey: "general",
     code: "Gen.",
-    teeth: Te,
+    teeth: Ae,
     column: 3,
     row: "side"
   },
@@ -636,7 +637,7 @@ const C = (t) => [...Te, ...Ae].filter(
     column: 2,
     row: "side"
   }
-], ct = [
+], dt = [
   // Upper facial (side) row.
   {
     id: "mQ1",
@@ -680,7 +681,7 @@ const C = (t) => [...Te, ...Ae].filter(
     dentition: "primary",
     labelKey: "general",
     code: "Gen.",
-    teeth: Ae,
+    teeth: Le,
     column: 3,
     row: "side"
   },
@@ -794,57 +795,57 @@ const C = (t) => [...Te, ...Ae].filter(
     column: 2,
     row: "side"
   }
-], Yn = [
-  ...st,
-  ...ct
-], zt = Yn.reduce((t, n) => (t[n.id] = n, t), {});
-function Zn(t) {
-  return t in zt;
+], Gn = [
+  ...ct,
+  ...dt
+], Vt = Gn.reduce((t, n) => (t[n.id] = n, t), {});
+function Vn(t) {
+  return t in Vt;
 }
 function Ke(t, n, i) {
-  return (t === "primary" ? ct : st).filter(
+  return (t === "primary" ? dt : ct).filter(
     (l) => l.arch === n && l.row === i && l.kind !== "general"
   ).sort((l, v) => l.column - v.column);
 }
-function wr(t) {
-  return (t === "primary" ? ct : st).find((i) => i.kind === "general");
+function Ir(t) {
+  return (t === "primary" ? dt : ct).find((i) => i.kind === "general");
 }
-const te = 36;
-function zn(t, n) {
+const ee = 36;
+function Bn(t, n) {
   const i = t.kind === "quadrant" || t.kind === "arch" ? t.code : t.kind === "general" ? "general" : null;
   return i ? `${/\/teeth\/?$/.test(n) ? n.replace(/\/teeth\/?$/, "/global") : `${n}/global`}/${i}.webp` : null;
 }
-const Gn = 8, jt = te + ke;
+const Xn = 8, Ft = ee + Te;
 function Fe(t, n) {
   if (t.length === 0) return { specials: [], width: n };
-  const i = n + Gn, o = t.map((m) => ({
+  const i = n + Xn, o = t.map((m) => ({
     element: m,
-    x: i + m.column * jt,
+    x: i + m.column * Ft,
     y: 0
-  })), l = Math.max(...t.map((m) => m.column)), v = i + (l + 1) * jt - ke;
+  })), l = Math.max(...t.map((m) => m.column)), v = i + (l + 1) * Ft - Te;
   return { specials: o, width: v };
 }
-function Kt(t, n) {
+function Wt(t, n) {
   switch (n) {
     case "universal":
-      return jn[t] ?? t;
+      return Wn[t] ?? t;
     case "palmer":
-      return Kn[t] ?? t;
+      return Pn[t] ?? t;
     case "fdi":
     default:
       return t;
   }
 }
-function xr() {
+function kr() {
   return {};
 }
-function Ft(t) {
+function Pt(t) {
   const n = {};
   for (const [i, o] of Object.entries(t))
     !o || o.length === 0 || (n[i] = { conditions: o, surfaces: [] });
   return n;
 }
-const Vn = ne(
+const Jn = te(
   [
     "ds:tooth-scheme-alfadocs",
     "ds:flex ds:flex-col",
@@ -864,28 +865,28 @@ const Vn = ne(
     "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), Bn = ne(["ds:flex ds:flex-col ds:gap-0"].join(" ")), Xn = ne(
+), er = te(["ds:flex ds:flex-col ds:gap-0"].join(" ")), tr = te(
   [
     "ds:block",
     "ds:w-full ds:min-w-fit ds:h-auto",
     "ds:text-[var(--foreground)]"
   ].join(" ")
-), Wt = ne(
+), Ht = te(
   [
     "ds:group ds:cursor-pointer",
     "ds:focus:outline-none",
     "ds:transition-[fill,stroke,opacity] ds:duration-[var(--animation-duration)]",
     "ds:motion-reduce:transition-none"
   ].join(" ")
-), Jn = ne(
+), nr = te(
   [
     "ds:flex ds:flex-wrap ds:items-center",
     "ds:gap-[var(--spacing-sm)]",
     "type-meta ds:text-[var(--muted-foreground)]"
   ].join(" ")
-), er = ne(
+), rr = te(
   ["ds:inline-flex ds:items-center", "ds:gap-[var(--spacing-xs)]"].join(" ")
-), tr = ne(["ds:sr-only"].join(" ")), nr = ne(
+), or = te(["ds:sr-only"].join(" ")), ir = te(
   [
     "ds:cursor-pointer ds:outline-none",
     "ds:fill-transparent ds:stroke-transparent",
@@ -897,17 +898,17 @@ const Vn = ne(
     "ds:forced-colors:focus-visible:stroke-[CanvasText]"
   ].join(" ")
 );
-function nt(t) {
+function rt(t) {
   return t.value !== void 0;
 }
 function We() {
   return { conditions: [], surfaces: [] };
 }
-function Pt(t, n) {
+function Qt(t, n) {
   const i = t ?? [];
   return n ? i.includes(n) ? i.filter((o) => o !== n) : [...i, n] : i.length === 0 ? ["caries"] : [];
 }
-function Ht(t, n) {
+function Ut(t, n) {
   switch (t.labelKey) {
     case "quadrant":
       return n("toothScheme.special.quadrant", { n: t.labelIndex });
@@ -921,7 +922,7 @@ function Ht(t, n) {
       return n("toothScheme.special.general");
   }
 }
-function rr(t, n, i) {
+function ar(t, n, i) {
   var l;
   return i ? ((l = {
     top: { ArrowDown: "center" },
@@ -936,7 +937,7 @@ function rr(t, n, i) {
     }
   }[t]) == null ? void 0 : l[n]) ?? t : n === "ArrowUp" ? "top" : n === "ArrowDown" ? "bottom" : n === "ArrowLeft" ? "left" : n === "ArrowRight" ? "right" : t;
 }
-const or = [
+const sr = [
   "caries",
   "filled",
   "crowned",
@@ -949,11 +950,11 @@ const or = [
   "destroyed",
   "missing"
 ];
-function ir({
+function cr({
   condition: t,
   assetBaseUrl: n
 }) {
-  const i = Q[16], o = ot[t], l = t === "missing", v = t === "caries" || t === "filled", m = 36 * 0.9, S = 62 * 0.9, w = (36 - m) / 2, a = (62 - S) / 2;
+  const i = Q[16], o = it[t], l = t === "missing", v = t === "caries" || t === "filled", m = 36 * 0.9, S = 62 * 0.9, w = (36 - m) / 2, a = (62 - S) / 2;
   return /* @__PURE__ */ k(
     "svg",
     {
@@ -966,7 +967,7 @@ function ir({
         /* @__PURE__ */ d(
           "image",
           {
-            href: Zt(i, n),
+            href: Gt(i, n),
             x: w,
             y: a,
             width: m,
@@ -978,7 +979,7 @@ function ir({
         o ? /* @__PURE__ */ d(
           "image",
           {
-            href: Ut(i, n, o),
+            href: Zt(i, n, o),
             x: w,
             y: a,
             width: m,
@@ -994,7 +995,7 @@ function ir({
             width: 30,
             height: 58,
             fill: "none",
-            stroke: Ie[t],
+            stroke: ke[t],
             strokeWidth: 2,
             strokeDasharray: t === "filled" ? "4 2" : void 0,
             rx: 6
@@ -1004,7 +1005,7 @@ function ir({
           "path",
           {
             d: "M7 9 L29 53 M29 9 L7 53",
-            stroke: Ie.missing,
+            stroke: ke.missing,
             strokeWidth: 2,
             fill: "none"
           }
@@ -1013,8 +1014,8 @@ function ir({
     }
   );
 }
-function ar({ assetBaseUrl: t }) {
-  const { t: n } = Qt();
+function dr({ assetBaseUrl: t }) {
+  const { t: n } = Yt();
   return /* @__PURE__ */ k(
     "section",
     {
@@ -1023,14 +1024,14 @@ function ar({ assetBaseUrl: t }) {
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-md)] ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)] ds:p-[var(--spacing-sm)] ds:shadow-[var(--shadow-card)] ds:[.theme-accessible_&]:border-2",
       children: [
         /* @__PURE__ */ d("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: n("toothScheme.legendLabel") }),
-        /* @__PURE__ */ d("ul", { className: Jn(), children: or.map((i) => /* @__PURE__ */ k(
+        /* @__PURE__ */ d("ul", { className: nr(), children: sr.map((i) => /* @__PURE__ */ k(
           "li",
           {
-            className: er(),
+            className: rr(),
             "data-condition": i,
             "data-testid": `tooth-scheme-legend-item-${i}`,
             children: [
-              /* @__PURE__ */ d(ir, { condition: i, assetBaseUrl: t }),
+              /* @__PURE__ */ d(cr, { condition: i, assetBaseUrl: t }),
               /* @__PURE__ */ d("span", { children: n(`toothScheme.condition.${i}`) })
             ]
           },
@@ -1040,7 +1041,7 @@ function ar({ assetBaseUrl: t }) {
     }
   );
 }
-function rt({
+function ot({
   label: t,
   value: n,
   options: i,
@@ -1057,7 +1058,7 @@ function rt({
       }
     ),
     /* @__PURE__ */ d(
-      An,
+      Rn,
       {
         size: "md",
         "aria-label": t,
@@ -1069,10 +1070,10 @@ function rt({
     )
   ] });
 }
-function sr(t, n) {
+function lr(t, n) {
   return t.date === n.date ? 0 : t.date ? n.date && t.date < n.date ? 1 : -1 : 1;
 }
-const $e = $n(
+const Ie = kn(
   ({
     id: t,
     dentition: n = "permanent",
@@ -1092,19 +1093,20 @@ const $e = $n(
     assetBaseUrl: A = "/toothscheme/teeth",
     legend: ie = !1,
     controls: q = !1,
-    ariaLabel: Le,
-    className: Pe,
-    _arch: G,
-    _numbersPosition: le = "between",
+    controlsContainer: ne,
+    ariaLabel: Pe,
+    className: He,
+    _arch: ae,
+    _numbersPosition: ue = "between",
     _inner: Ce = !1,
-    _contentWidth: Gt
-  }, Vt) => {
-    var Lt;
-    const { t: u } = Qt(), [Bt, dt] = Z(n), [Xt, lt] = Z(i), [Jt, ut] = Z(l), [en, ht] = Z(ie), [tn, pt] = Z(
+    _contentWidth: Bt
+  }, Xt) => {
+    var Rt;
+    const { t: u } = Yt(), [Jt, lt] = Z(n), [en, ut] = Z(i), [tn, ht] = Z(l), [nn, pt] = Z(ie), [rn, mt] = Z(
       v
-    ), [He, nn] = Z(null), j = q ? Bt : n, ue = q ? Xt : i, mt = q ? en : ie, he = q ? Jt : l, D = he === "plan" ? "plan" : "side", Re = he === "both" && !Ce, ft = he === "both", V = q ? tn ?? ft : v ?? ft, gt = qe(q);
-    xe(() => {
-      q && !gt.current && (dt(n), lt(i), ut(l), ht(ie), pt(v)), gt.current = q;
+    ), [Qe, on] = Z(null), j = q ? Jt : n, he = q ? en : i, ft = q ? nn : ie, pe = q ? tn : l, D = pe === "plan" ? "plan" : "side", Re = pe === "both" && !Ce, gt = pe === "both", G = q ? rn ?? gt : v ?? gt, bt = qe(q);
+    Se(() => {
+      q && !bt.current && (lt(n), ut(i), ht(l), pt(ie), mt(v)), bt.current = q;
     }, [
       q,
       n,
@@ -1113,31 +1115,31 @@ const $e = $n(
       ie,
       v
     ]);
-    const [rn, bt] = Z(() => m !== void 0 ? m : S !== void 0 ? S : M ? Ft(M) : {}), f = nt({ value: m }) ? m : rn;
-    xe(() => {
-      nt({ value: m }) || M !== void 0 && bt(Ft(M));
+    const [an, vt] = Z(() => m !== void 0 ? m : S !== void 0 ? S : M ? Pt(M) : {}), f = rt({ value: m }) ? m : an;
+    Se(() => {
+      rt({ value: m }) || M !== void 0 && vt(Pt(M));
     }, [M, m]);
-    const I = D === "plan" ? 44 : Yt, N = Se(
-      () => Un(j, I, G ? { arch: G } : {}),
-      [j, I, G]
-    ), pe = Se(() => {
-      if (!V) return [];
-      if (G)
+    const I = D === "plan" ? 44 : zt, N = $e(
+      () => zn(j, I, ae ? { arch: ae } : {}),
+      [j, I, ae]
+    ), me = $e(() => {
+      if (!G) return [];
+      if (ae)
         return Fe(
-          Ke(j, G, D),
+          Ke(j, ae, D),
           N.width
         ).specials;
       const e = Fe(
         Ke(j, "upper", D),
         N.width
-      ).specials, r = I + it, s = Fe(
+      ).specials, r = I + at, s = Fe(
         Ke(j, "lower", D),
         N.width
       ).specials.map((c) => ({ ...c, y: r }));
       return [...e, ...s];
-    }, [V, G, j, D, N.width, I]), on = Se(() => {
+    }, [G, ae, j, D, N.width, I]), sn = $e(() => {
       if (!Re) return;
-      if (!V) return N.width;
+      if (!G) return N.width;
       let e = N.width;
       for (const r of ["upper", "lower"])
         for (const s of ["side", "plan"]) {
@@ -1148,34 +1150,34 @@ const $e = $n(
           c > e && (e = c);
         }
       return e;
-    }, [Re, V, j, N.width]), re = Se(
+    }, [Re, G, j, N.width]), re = $e(
       () => [
         ...N.teeth.map((e) => e.fdi),
         // Special slots join keyboard nav only when interactive — in display /
         // radiograph-open mode they are decorative (role="img"), so the
         // radiograph-open keyboard path never reaches a region id.
-        ...o === "interactive" ? pe.map((e) => e.element.id) : []
+        ...o === "interactive" ? me.map((e) => e.element.id) : []
       ],
-      [N, pe, o]
-    ), Qe = re[0], [me, B] = Z(Qe);
-    xe(() => {
-      (!me || !re.includes(me)) && B(Qe);
-    }, [Qe, me, re]);
-    const [an, fe] = Z(""), Ue = qe(null), _ = O(
+      [N, me, o]
+    ), Ue = re[0], [fe, V] = Z(Ue);
+    Se(() => {
+      (!fe || !re.includes(fe)) && V(Ue);
+    }, [Ue, fe, re]);
+    const [cn, ge] = Z(""), Ye = qe(null), _ = O(
       (e) => {
-        nt({ value: m }) || bt(e), w == null || w(e);
+        rt({ value: m }) || vt(e), w == null || w(e);
       },
       [w, m]
     ), W = O((e) => {
-      const r = Ue.current;
+      const r = Ye.current;
       if (!r) return;
       const s = r.querySelector(`g[data-fdi="${e}"]`);
-      s && (s.focus(), B(e));
-    }, []), ae = O(
+      s && (s.focus(), V(e));
+    }, []), se = O(
       (e, r) => {
         const s = r.map((c) => u(`toothScheme.condition.${c}`)).join(", ");
-        if (Zn(e)) {
-          const c = Ht(zt[e], u);
+        if (Vn(e)) {
+          const c = Ut(Vt[e], u);
           return r.length > 0 ? u("toothScheme.elementSelected", {
             name: c,
             conditions: s
@@ -1184,57 +1186,57 @@ const $e = $n(
         return r.length > 0 ? u("toothScheme.selected", { id: e, conditions: s }) : u("toothScheme.deselected", { id: e });
       },
       [u]
-    ), U = D === "plan" && o === "interactive" && (p === "caries" || p === "filled"), [E, ge] = Z(null);
-    xe(() => {
-      (!U || E && !re.includes(E.fdi)) && ge(null);
+    ), U = D === "plan" && o === "interactive" && (p === "caries" || p === "filled"), [E, be] = Z(null);
+    Se(() => {
+      (!U || E && !re.includes(E.fdi)) && be(null);
     }, [U, E, re]);
-    const vt = O((e, r) => {
+    const yt = O((e, r) => {
       var c;
-      const s = (c = Ue.current) == null ? void 0 : c.querySelector(
+      const s = (c = Ye.current) == null ? void 0 : c.querySelector(
         `path[data-fdi="${e}"][data-zone="${r}"]`
       );
       s == null || s.focus();
-    }, []), Ye = qe(null);
-    xe(() => {
-      E ? vt(E.fdi, E.zone) : Ye.current && W(Ye.current.fdi), Ye.current = E;
-    }, [E, vt, W]);
-    const sn = O(
+    }, []), Ze = qe(null);
+    Se(() => {
+      E ? yt(E.fdi, E.zone) : Ze.current && W(Ze.current.fdi), Ze.current = E;
+    }, [E, yt, W]);
+    const dn = O(
       (e, r) => {
         const s = f[e];
         return !!(s && s.surfaces.includes(r) && s.conditions.includes(p));
       },
       [f, p]
-    ), yt = O(
+    ), wt = O(
       (e, r) => {
-        r && r.conditions.length > 0 ? fe(
+        r && r.conditions.length > 0 ? ge(
           u("toothScheme.selected", {
             id: e,
             conditions: r.conditions.map((s) => u(`toothScheme.condition.${s}`)).join(", ")
           })
-        ) : fe(u("toothScheme.deselected", { id: e }));
+        ) : ge(u("toothScheme.deselected", { id: e }));
       },
       [u]
-    ), Ze = O(
+    ), ze = O(
       (e, r) => {
         if (!U) return;
         const s = p, c = f[e] ?? We(), g = c.surfaces.includes(r), T = c.conditions.includes(s);
         let h, x;
         g && T ? (h = c.surfaces.filter((Y) => Y !== r), x = h.length === 0 ? c.conditions.filter((Y) => Y !== s) : c.conditions) : (h = g ? c.surfaces : [...c.surfaces, r], x = T ? c.conditions : [...c.conditions, s]);
         const y = { ...f };
-        x.length === 0 && h.length === 0 ? delete y[e] : y[e] = { ...c, conditions: x, surfaces: h }, _(y), yt(e, y[e]), a == null || a(e);
+        x.length === 0 && h.length === 0 ? delete y[e] : y[e] = { ...c, conditions: x, surfaces: h }, _(y), wt(e, y[e]), a == null || a(e);
       },
       [
         U,
         p,
         f,
         _,
-        yt,
+        wt,
         a
       ]
-    ), ze = O((e) => {
+    ), Ge = O((e) => {
       const r = Q[e];
-      r && (B(e), ge({ fdi: e, zone: tt(r)[0] }));
-    }, []), cn = O(
+      r && (V(e), be({ fdi: e, zone: nt(r)[0] }));
+    }, []), ln = O(
       (e, r, s) => {
         const c = Q[r];
         if (c)
@@ -1244,30 +1246,30 @@ const $e = $n(
             case "ArrowLeft":
             case "ArrowRight": {
               e.preventDefault(), e.stopPropagation();
-              const g = tt(c).includes("center"), T = rr(s, e.key, g);
-              T !== s && ge({ fdi: r, zone: T });
+              const g = nt(c).includes("center"), T = ar(s, e.key, g);
+              T !== s && be({ fdi: r, zone: T });
               return;
             }
             case " ":
             case "Enter": {
-              e.preventDefault(), e.stopPropagation(), Ze(r, Ot(c, s));
+              e.preventDefault(), e.stopPropagation(), ze(r, jt(c, s));
               return;
             }
             case "Escape": {
-              e.preventDefault(), e.stopPropagation(), ge(null);
+              e.preventDefault(), e.stopPropagation(), be(null);
               return;
             }
             default:
               return;
           }
       },
-      [Ze]
-    ), dn = qe(null), Ee = o === "display" && typeof R == "function", be = o === "interactive" || Ee, ve = O(
+      [ze]
+    ), un = qe(null), Ee = o === "display" && typeof R == "function", ve = o === "interactive" || Ee, ye = O(
       (e) => {
-        B(e), a == null || a(e), R == null || R(e);
+        V(e), a == null || a(e), R == null || R(e);
       },
       [a, R]
-    ), Ge = Se(
+    ), Ve = $e(
       () => ({
         focusTooth: (e) => {
           W(e);
@@ -1310,20 +1312,20 @@ const $e = $n(
           }
         ),
         openRadiographs: (e) => {
-          W(e), ve(e);
+          W(e), ye(e);
         }
       }),
-      [f, _, W, $, ve]
+      [f, _, W, $, ye]
     );
-    In(Vt, () => Ge, [Ge]), kn(
-      En,
-      Ge,
+    Tn(Xt, () => Ve, [Ve]), Ln(
+      Nn,
+      Ve,
       Ce ? void 0 : t
     );
-    const wt = O(
+    const xt = O(
       (e, r) => {
         var T;
-        if (!be) return;
+        if (!ve) return;
         const s = Q[r], c = re, g = c.indexOf(r);
         switch (e.key) {
           case "ArrowRight": {
@@ -1381,18 +1383,18 @@ const $e = $n(
           case " ":
           case "Enter": {
             if (e.preventDefault(), Ee) {
-              ve(r);
+              ye(r);
               return;
             }
             if (U && s) {
-              ze(r);
+              Ge(r);
               return;
             }
-            const h = (T = f[r]) == null ? void 0 : T.conditions, x = Pt(h, p), y = { ...f };
+            const h = (T = f[r]) == null ? void 0 : T.conditions, x = Qt(h, p), y = { ...f };
             x.length === 0 ? delete y[r] : y[r] = {
               ...f[r] ?? We(),
               conditions: x
-            }, fe(ae(r, x)), _(y), a == null || a(r);
+            }, ge(se(r, x)), _(y), a == null || a(r);
             return;
           }
           default:
@@ -1401,97 +1403,97 @@ const $e = $n(
       },
       [
         p,
-        ae,
+        se,
         f,
         _,
-        ze,
+        Ge,
         W,
-        ve,
+        ye,
         a,
         Ee,
         U,
-        be,
+        ve,
         re
       ]
-    ), xt = O(
+    ), St = O(
       (e) => {
         var g;
         if (o !== "interactive") return;
-        B(e);
-        const r = (g = f[e]) == null ? void 0 : g.conditions, s = Pt(r, p), c = { ...f };
+        V(e);
+        const r = (g = f[e]) == null ? void 0 : g.conditions, s = Qt(r, p), c = { ...f };
         s.length === 0 ? delete c[e] : c[e] = {
           ...f[e] ?? We(),
           conditions: s
-        }, fe(ae(e, s)), _(c), a == null || a(e);
+        }, ge(se(e, s)), _(c), a == null || a(e);
       },
-      [p, ae, f, _, o, a]
-    ), oe = j === "primary" ? "mGeneral" : "general", St = (((Lt = f[oe]) == null ? void 0 : Lt.conditions.length) ?? 0) > 0, ln = O(
+      [p, se, f, _, o, a]
+    ), oe = j === "primary" ? "mGeneral" : "general", $t = (((Rt = f[oe]) == null ? void 0 : Rt.conditions.length) ?? 0) > 0, hn = O(
       (e) => {
         var s;
         const r = { ...f };
         e ? r[oe] = {
           conditions: [p ?? "caries"],
           surfaces: []
-        } : delete r[oe], fe(
-          ae(oe, ((s = r[oe]) == null ? void 0 : s.conditions) ?? [])
+        } : delete r[oe], ge(
+          se(oe, ((s = r[oe]) == null ? void 0 : s.conditions) ?? [])
         ), _(r), a == null || a(oe);
       },
       [
         p,
-        ae,
+        se,
         f,
         _,
         oe,
         a
       ]
-    ), $t = le === "above" ? 16 : 2, un = le === "below" ? 16 : 2, hn = pe.length > 0 ? Math.max(...pe.map((e) => e.x)) + te : 0, It = Math.max(
-      Gt ?? 0,
+    ), It = ue === "above" ? 16 : 2, pn = ue === "below" ? 16 : 2, mn = me.length > 0 ? Math.max(...me.map((e) => e.x)) + ee : 0, kt = Math.max(
+      Bt ?? 0,
       N.width,
-      hn
-    ) + 4, kt = N.height + $t + un, Ve = Le ?? u("toothScheme.ariaLabel"), pn = be ? void 0 : 0, Tt = Re ? null : /* @__PURE__ */ k(
+      mn
+    ) + 4, Tt = N.height + It + pn, Be = Pe ?? u("toothScheme.ariaLabel"), fn = ve ? void 0 : 0, At = Re ? null : /* @__PURE__ */ k(
       "svg",
       {
-        ref: Ue,
-        viewBox: `0 ${-$t} ${It} ${kt}`,
-        width: It,
-        height: kt,
-        className: Xn(),
+        ref: Ye,
+        viewBox: `0 ${-It} ${kt} ${Tt}`,
+        width: kt,
+        height: Tt,
+        className: tr(),
         role: "group",
-        "aria-label": Ve,
+        "aria-label": Be,
         focusable: "false",
         "data-testid": "tooth-scheme-svg",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
           N.teeth.map((e) => {
-            var _t;
-            const r = f[e.fdi], s = (_t = r == null ? void 0 : r.conditions) == null ? void 0 : _t[0], c = u(`toothScheme.anatomy.${e.meta.anatomy}`), g = s ? `, ${u(`toothScheme.condition.${s}`)}` : "", T = ($ == null ? void 0 : $[e.fdi]) ?? [], h = T.length, x = h > 0, y = x ? [...T].sort(sr)[0] : void 0, Y = F === "thumbnail" && y !== void 0, Ne = x ? `, ${u("toothScheme.radiographBadge", { count: h })}` : "", X = Ce ? `, ${u(D === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}` : "", Be = u("toothScheme.toothLabel", {
-              id: Kt(e.fdi, ue),
+            var qt;
+            const r = f[e.fdi], s = (qt = r == null ? void 0 : r.conditions) == null ? void 0 : qt[0], c = u(`toothScheme.anatomy.${e.meta.anatomy}`), g = s ? `, ${u(`toothScheme.condition.${s}`)}` : "", T = ($ == null ? void 0 : $[e.fdi]) ?? [], h = T.length, x = h > 0, y = x ? [...T].sort(lr)[0] : void 0, Y = F === "thumbnail" && y !== void 0, Ne = x ? `, ${u("toothScheme.radiographBadge", { count: h })}` : "", B = Ce ? `, ${u(D === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}` : "", Xe = u("toothScheme.toothLabel", {
+              id: Wt(e.fdi, he),
               anatomy: c,
               conditionSuffix: g
-            }) + Ne + X, _e = be ? E ? -1 : e.fdi === me ? 0 : -1 : void 0, se = (r == null ? void 0 : r.conditions) ?? [], Ct = se.includes("missing"), gn = se.map((b) => ({
+            }) + Ne + B, _e = ve ? E ? -1 : e.fdi === fe ? 0 : -1 : void 0, ce = (r == null ? void 0 : r.conditions) ?? [], Et = ce.includes("missing"), vn = ce.map((b) => ({
               condition: b,
-              spec: ot[b]
+              spec: it[b]
             })).filter(
               (b) => !!b.spec
-            ), Xe = se.find(
-              (b) => b !== "missing" && !ot[b]
-            ), Rt = Xe ? Ie[Xe] : void 0, bn = (s ? `${c} · ${u(`toothScheme.condition.${s}`)}` : c) + (x ? ` · ${u("toothScheme.radiographBadge", { count: h })}` : ""), Et = Kt(e.fdi, ue), vn = Zt(
+            ), Je = ce.find(
+              (b) => b !== "missing" && !it[b]
+            ), Mt = Je ? ke[Je] : void 0, yn = (s ? `${c} · ${u(`toothScheme.condition.${s}`)}` : c) + (x ? ` · ${u("toothScheme.radiographBadge", { count: h })}` : ""), Dt = Wt(e.fdi, he), wn = Gt(
               e.meta,
               A,
               "default",
               D
-            ), yn = Y && y ? y.thumbnailUrl ?? y.url : vn, wn = D === "plan" ? se.flatMap((b) => {
-              const H = Pn[b];
+            ), xn = Y && y ? y.thumbnailUrl ?? y.url : wn, Sn = D === "plan" ? ce.flatMap((b) => {
+              const H = Un[b];
               return H ? ((r == null ? void 0 : r.surfaces) ?? []).map((Oe) => ({
                 key: `${b}-${Oe}`,
-                url: Hn(
+                url: Yn(
                   e.meta,
                   A,
                   H,
                   Oe
                 )
               })) : [];
-            }) : [], Mt = (e.meta.dentition === "primary" ? Fn : 1) * 0.9, ce = z * Mt, de = I * Mt, ye = (z - ce) / 2, we = (I - de) / 2, P = U && (E == null ? void 0 : E.fdi) === e.fdi, Dt = U ? tt(e.meta) : [], xn = Dt.includes("center"), Nt = le === "above" ? -4 : le === "below" ? I + 12 : le === "none" ? null : e.meta.arch === "upper" ? I + 12 : -4;
+            }) : [], Nt = (e.meta.dentition === "primary" ? Hn : 1) * 0.9, de = z * Nt, le = I * Nt, we = (z - de) / 2, xe = (I - le) / 2, P = U && (E == null ? void 0 : E.fdi) === e.fdi, _t = U ? nt(e.meta) : [], $n = _t.includes("center"), Ot = ue === "above" ? -4 : ue === "below" ? I + 12 : ue === "none" ? null : e.meta.arch === "upper" ? I + 12 : -4;
             return /* @__PURE__ */ k(K.Root, { children: [
               /* @__PURE__ */ d(K.Trigger, { asChild: !0, children: /* @__PURE__ */ k(
                 "g",
@@ -1505,13 +1507,13 @@ const $e = $n(
                   "data-testid": `tooth-${e.fdi}`,
                   transform: `translate(${e.x}, ${e.y})`,
                   tabIndex: _e,
-                  role: P ? "group" : be ? "button" : "img",
-                  "aria-label": Be,
+                  role: P ? "group" : ve ? "button" : "img",
+                  "aria-label": Xe,
                   "aria-pressed": P ? void 0 : o === "interactive" ? s !== void 0 : void 0,
-                  className: Wt(),
-                  onClick: P ? void 0 : o === "interactive" ? U ? () => ze(e.fdi) : () => xt(e.fdi) : Ee ? () => ve(e.fdi) : void 0,
-                  onFocus: () => B(e.fdi),
-                  onKeyDown: P ? void 0 : (b) => wt(b, e.fdi),
+                  className: Ht(),
+                  onClick: P ? void 0 : o === "interactive" ? U ? () => Ge(e.fdi) : () => St(e.fdi) : Ee ? () => ye(e.fdi) : void 0,
+                  onFocus: () => V(e.fdi),
+                  onKeyDown: P ? void 0 : (b) => xt(b, e.fdi),
                   children: [
                     /* @__PURE__ */ d(
                       "rect",
@@ -1526,57 +1528,57 @@ const $e = $n(
                     /* @__PURE__ */ d(
                       "image",
                       {
-                        href: yn,
-                        x: ye,
-                        y: we,
-                        width: ce,
-                        height: de,
+                        href: xn,
+                        x: we,
+                        y: xe,
+                        width: de,
+                        height: le,
                         preserveAspectRatio: Y ? "xMidYMid slice" : "xMidYMid meet",
-                        opacity: Ct && !Y ? 0.25 : 1,
+                        opacity: Et && !Y ? 0.25 : 1,
                         "aria-hidden": "true"
                       }
                     ),
-                    D === "side" ? gn.map(({ condition: b, spec: H }) => /* @__PURE__ */ d(
+                    D === "side" ? vn.map(({ condition: b, spec: H }) => /* @__PURE__ */ d(
                       "image",
                       {
-                        href: Ut(
+                        href: Zt(
                           e.meta,
                           A,
                           H
                         ),
-                        x: ye,
-                        y: we,
-                        width: ce,
-                        height: de,
+                        x: we,
+                        y: xe,
+                        width: de,
+                        height: le,
                         preserveAspectRatio: "xMidYMid meet",
                         "aria-hidden": "true",
                         pointerEvents: "none"
                       },
                       b
                     )) : null,
-                    D === "plan" ? wn.map(({ key: b, url: H }) => /* @__PURE__ */ d(
+                    D === "plan" ? Sn.map(({ key: b, url: H }) => /* @__PURE__ */ d(
                       "image",
                       {
                         href: H,
-                        x: ye,
-                        y: we,
-                        width: ce,
-                        height: de,
+                        x: we,
+                        y: xe,
+                        width: de,
+                        height: le,
                         preserveAspectRatio: "xMidYMid meet",
                         "aria-hidden": "true",
                         pointerEvents: "none"
                       },
                       b
                     )) : null,
-                    U ? Dt.map((b) => {
-                      const H = Ot(e.meta, b), Oe = sn(e.fdi, H);
+                    U ? _t.map((b) => {
+                      const H = jt(e.meta, b), Oe = dn(e.fdi, H);
                       return /* @__PURE__ */ d(
                         "path",
                         {
-                          d: Qn(
+                          d: Zn(
                             b,
-                            { x: ye, y: we, w: ce, h: de },
-                            xn
+                            { x: we, y: xe, w: de, h: le },
+                            $n
                           ),
                           "data-fdi": e.fdi,
                           "data-zone": b,
@@ -1585,7 +1587,7 @@ const $e = $n(
                           role: P ? "button" : void 0,
                           tabIndex: P ? (E == null ? void 0 : E.zone) === b ? 0 : -1 : void 0,
                           "aria-label": P ? u("toothScheme.toothLabel", {
-                            id: Et,
+                            id: Dt,
                             anatomy: u(
                               `toothScheme.surface.${H}`
                             ),
@@ -1593,19 +1595,19 @@ const $e = $n(
                           }) : void 0,
                           "aria-pressed": P ? Oe : void 0,
                           strokeWidth: "var(--focus-ring-width)",
-                          className: nr(),
-                          onClick: (J) => {
-                            J.stopPropagation(), P || B(e.fdi), Ze(e.fdi, H);
+                          className: ir(),
+                          onClick: (X) => {
+                            X.stopPropagation(), P || V(e.fdi), ze(e.fdi, H);
                           },
-                          onKeyDown: P ? (J) => cn(J, e.fdi, b) : void 0,
-                          onFocus: P ? () => ge(
-                            (J) => J && J.fdi === e.fdi && J.zone === b ? J : { fdi: e.fdi, zone: b }
+                          onKeyDown: P ? (X) => ln(X, e.fdi, b) : void 0,
+                          onFocus: P ? () => be(
+                            (X) => X && X.fdi === e.fdi && X.zone === b ? X : { fdi: e.fdi, zone: b }
                           ) : void 0
                         },
                         b
                       );
                     }) : null,
-                    D === "side" && Rt ? /* @__PURE__ */ d(
+                    D === "side" && Mt ? /* @__PURE__ */ d(
                       "rect",
                       {
                         x: 3,
@@ -1613,18 +1615,18 @@ const $e = $n(
                         width: z - 6,
                         height: I - 4,
                         fill: "none",
-                        stroke: Rt,
+                        stroke: Mt,
                         strokeWidth: "2",
-                        strokeDasharray: Xe === "filled" ? "4 2" : void 0,
+                        strokeDasharray: Je === "filled" ? "4 2" : void 0,
                         rx: "6",
                         pointerEvents: "none"
                       }
                     ) : null,
-                    Ct ? /* @__PURE__ */ d(
+                    Et ? /* @__PURE__ */ d(
                       "path",
                       {
                         d: `M7 9 L${z - 7} ${I - 9} M${z - 7} 9 L7 ${I - 9}`,
-                        stroke: Ie.missing,
+                        stroke: ke.missing,
                         strokeWidth: "2",
                         fill: "none",
                         pointerEvents: "none"
@@ -1633,10 +1635,10 @@ const $e = $n(
                     Y ? /* @__PURE__ */ d(
                       "rect",
                       {
-                        x: ye,
-                        y: we,
-                        width: ce,
-                        height: de,
+                        x: we,
+                        y: xe,
+                        width: de,
+                        height: le,
                         fill: "none",
                         stroke: "var(--border)",
                         strokeWidth: "1",
@@ -1700,17 +1702,17 @@ const $e = $n(
                         rx: "4"
                       }
                     ),
-                    Nt !== null ? /* @__PURE__ */ d(
+                    Ot !== null ? /* @__PURE__ */ d(
                       "text",
                       {
                         x: z / 2,
-                        y: Nt,
+                        y: Ot,
                         textAnchor: "middle",
                         fontSize: "10",
                         fill: "var(--muted-foreground)",
                         className: "ds:select-none",
                         "aria-hidden": "true",
-                        children: Et
+                        children: Dt
                       }
                     ) : null
                   ]
@@ -1723,19 +1725,19 @@ const $e = $n(
                   sideOffset: 6,
                   className: "ds:z-[var(--z-tooltip)] ds:rounded-[var(--radius-sm)] ds:bg-[var(--foreground)] ds:text-[var(--background)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[calc(var(--spacing-xs)/2)] ds:pb-[calc(var(--spacing-xs)/2)] ds:text-[length:var(--font-size-xs)]",
                   children: [
-                    bn,
+                    yn,
                     /* @__PURE__ */ d(K.Arrow, { className: "ds:fill-[var(--foreground)]" })
                   ]
                 }
               ) })
             ] }, e.fdi);
           }),
-          pe.map(({ element: e, x: r, y: s }) => {
+          me.map(({ element: e, x: r, y: s }) => {
             var _e;
-            const c = f[e.id], g = (_e = c == null ? void 0 : c.conditions) == null ? void 0 : _e[0], T = g !== void 0, h = Ht(e, u), x = g ? `, ${u(`toothScheme.condition.${g}`)}` : "", y = u("toothScheme.elementLabel", {
+            const c = f[e.id], g = (_e = c == null ? void 0 : c.conditions) == null ? void 0 : _e[0], T = g !== void 0, h = Ut(e, u), x = g ? `, ${u(`toothScheme.condition.${g}`)}` : "", y = u("toothScheme.elementLabel", {
               name: h,
               conditionSuffix: x
-            }), Y = g ? Ie[g] : void 0, Ne = zn(e, A), X = o === "interactive", Be = X ? e.id === me ? 0 : -1 : void 0;
+            }), Y = g ? ke[g] : void 0, Ne = Bn(e, A), B = o === "interactive", Xe = B ? e.id === fe ? 0 : -1 : void 0;
             return /* @__PURE__ */ k(K.Root, { children: [
               /* @__PURE__ */ d(K.Trigger, { asChild: !0, children: /* @__PURE__ */ k(
                 "g",
@@ -1746,21 +1748,21 @@ const $e = $n(
                   "data-condition": g ?? "none",
                   "data-testid": `element-${e.id}`,
                   transform: `translate(${r}, ${s})`,
-                  tabIndex: Be,
-                  role: X ? "button" : "img",
+                  tabIndex: Xe,
+                  role: B ? "button" : "img",
                   "aria-label": y,
-                  "aria-pressed": X ? T : void 0,
-                  className: Wt(),
-                  onClick: X ? () => xt(e.id) : void 0,
-                  onFocus: X ? () => B(e.id) : void 0,
-                  onKeyDown: X ? (se) => wt(se, e.id) : void 0,
+                  "aria-pressed": B ? T : void 0,
+                  className: Ht(),
+                  onClick: B ? () => St(e.id) : void 0,
+                  onFocus: B ? () => V(e.id) : void 0,
+                  onKeyDown: B ? (ce) => xt(ce, e.id) : void 0,
                   children: [
                     /* @__PURE__ */ d(
                       "rect",
                       {
                         x: -L,
                         y: -L,
-                        width: te + L * 2,
+                        width: ee + L * 2,
                         height: I + L * 2,
                         fill: "transparent"
                       }
@@ -1770,7 +1772,7 @@ const $e = $n(
                       {
                         x: 0,
                         y: 0,
-                        width: te,
+                        width: ee,
                         height: I,
                         rx: 6,
                         fill: T ? "var(--accent)" : "var(--card)",
@@ -1779,14 +1781,14 @@ const $e = $n(
                         strokeWidth: T ? 2 : 1
                       }
                     ),
-                    Ne ? /* @__PURE__ */ k(Sn, { children: [
+                    Ne ? /* @__PURE__ */ k(In, { children: [
                       /* @__PURE__ */ d(
                         "image",
                         {
                           href: Ne,
                           x: 3,
                           y: 3,
-                          width: te - 6,
+                          width: ee - 6,
                           height: I - 16,
                           preserveAspectRatio: "xMidYMid meet",
                           "aria-hidden": "true",
@@ -1796,7 +1798,7 @@ const $e = $n(
                       /* @__PURE__ */ d(
                         "text",
                         {
-                          x: te / 2,
+                          x: ee / 2,
                           y: I - 4,
                           textAnchor: "middle",
                           fontSize: "9",
@@ -1810,7 +1812,7 @@ const $e = $n(
                     ] }) : /* @__PURE__ */ d(
                       "text",
                       {
-                        x: te / 2,
+                        x: ee / 2,
                         y: I / 2,
                         textAnchor: "middle",
                         dominantBaseline: "central",
@@ -1827,7 +1829,7 @@ const $e = $n(
                       {
                         x: -L,
                         y: -L,
-                        width: te + L * 2,
+                        width: ee + L * 2,
                         height: I + L * 2,
                         fill: "none",
                         stroke: "var(--ring)",
@@ -1861,24 +1863,24 @@ const $e = $n(
           })
         ]
       }
-    ), At = /* @__PURE__ */ d(
+    ), Lt = /* @__PURE__ */ d(
       "div",
       {
-        className: tr(),
+        className: or(),
         "aria-live": "polite",
         "aria-atomic": "true",
         "data-testid": "tooth-scheme-live",
-        children: an
+        children: cn
       }
     );
     if (Ce)
       return /* @__PURE__ */ k(K.Provider, { delayDuration: 200, children: [
-        Tt,
-        At
+        At,
+        Lt
       ] });
-    const mn = (e) => u(e === "upper" ? "toothScheme.arch.upper" : "toothScheme.arch.lower"), Me = (e, r) => `${Ve} — ${mn(e)}, ${u(r === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}`, De = {
+    const gn = (e) => u(e === "upper" ? "toothScheme.arch.upper" : "toothScheme.arch.lower"), Me = (e, r) => `${Be} — ${gn(e)}, ${u(r === "plan" ? "toothScheme.view.occlusal" : "toothScheme.view.side")}`, De = {
       dentition: j,
-      numbering: ue,
+      numbering: he,
       mode: o,
       value: f,
       onChange: _,
@@ -1888,12 +1890,12 @@ const $e = $n(
       radiographs: $,
       radiographDisplay: F,
       onOpenRadiographs: R,
-      specialElements: V,
+      specialElements: G,
       _inner: !0,
-      _contentWidth: on
-    }, fn = /* @__PURE__ */ k("div", { className: Bn(), "data-testid": "tooth-scheme-both", children: [
+      _contentWidth: sn
+    }, bn = /* @__PURE__ */ k("div", { className: er(), "data-testid": "tooth-scheme-both", children: [
       /* @__PURE__ */ d(
-        $e,
+        Ie,
         {
           ...De,
           projection: "side",
@@ -1903,7 +1905,7 @@ const $e = $n(
         }
       ),
       /* @__PURE__ */ d(
-        $e,
+        Ie,
         {
           ...De,
           projection: "plan",
@@ -1913,7 +1915,7 @@ const $e = $n(
         }
       ),
       /* @__PURE__ */ d(
-        $e,
+        Ie,
         {
           ...De,
           projection: "plan",
@@ -1923,7 +1925,7 @@ const $e = $n(
         }
       ),
       /* @__PURE__ */ d(
-        $e,
+        Ie,
         {
           ...De,
           projection: "side",
@@ -1932,200 +1934,200 @@ const $e = $n(
           ariaLabel: Me("lower", "side")
         }
       )
-    ] });
-    return /* @__PURE__ */ d(K.Provider, { delayDuration: 200, children: /* @__PURE__ */ k(
+    ] }), Ct = q ? /* @__PURE__ */ d(
       "div",
       {
-        ref: dn,
-        role: "region",
-        "aria-label": Ve,
-        tabIndex: pn,
-        className: [Vn(), Pe].filter(Boolean).join(" "),
-        "data-component": "tooth-scheme",
-        "data-component-id": t,
-        "data-testid": "tooth-scheme-root",
-        "data-dentition": j,
-        "data-numbering": ue,
-        "data-mode": o,
-        "data-projection": D,
-        "data-view-mode": he,
-        "data-special-elements": V ? "true" : "false",
-        children: [
-          q ? /* @__PURE__ */ d(
-            "div",
+        className: ne != null ? "ds:flex ds:justify-end" : "ds:flex ds:w-full ds:justify-end",
+        "data-testid": "tooth-scheme-controls",
+        children: /* @__PURE__ */ k(et.Root, { children: [
+          /* @__PURE__ */ d(et.Trigger, { asChild: !0, children: /* @__PURE__ */ d(
+            Cn,
+            {
+              size: "sm",
+              intent: "outline",
+              icon: /* @__PURE__ */ d(En, { "aria-hidden": "true" }),
+              "aria-label": u("toothScheme.options.label"),
+              tooltip: u("toothScheme.options.label")
+            }
+          ) }),
+          /* @__PURE__ */ d(
+            et.Content,
             {
-              className: "ds:flex ds:w-full ds:justify-end",
-              "data-testid": "tooth-scheme-controls",
-              children: /* @__PURE__ */ k(Je.Root, { children: [
-                /* @__PURE__ */ d(Je.Trigger, { asChild: !0, children: /* @__PURE__ */ d(
-                  Tn,
+              ref: on,
+              align: "end",
+              size: "md",
+              "aria-label": u("toothScheme.options.label"),
+              children: /* @__PURE__ */ k("div", { className: "ds:flex ds:w-[var(--popover-size-sm)] ds:max-w-full ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+                /* @__PURE__ */ k("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:border-b ds:border-[color:var(--border)] ds:pb-[var(--spacing-sm)] ds:[&>*]:w-full ds:[&>*]:justify-between", children: [
+                  /* @__PURE__ */ d(
+                    tt,
+                    {
+                      label: u("toothScheme.options.legend"),
+                      labelSide: "start",
+                      checked: ft,
+                      onCheckedChange: pt
+                    }
+                  ),
+                  /* @__PURE__ */ d(
+                    tt,
+                    {
+                      label: u("toothScheme.options.specialElements"),
+                      labelSide: "start",
+                      checked: G,
+                      onCheckedChange: mt
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ d(
+                  ot,
                   {
-                    size: "sm",
-                    intent: "outline",
-                    icon: /* @__PURE__ */ d(Ln, { "aria-hidden": "true" }),
-                    "aria-label": u("toothScheme.options.label"),
-                    tooltip: u("toothScheme.options.label")
+                    container: Qe,
+                    label: u("toothScheme.options.dentition"),
+                    value: j,
+                    onValueChange: (e) => lt(e),
+                    options: [
+                      {
+                        value: "permanent",
+                        label: u("toothScheme.dentition.permanent")
+                      },
+                      {
+                        value: "primary",
+                        label: u("toothScheme.dentition.primary")
+                      },
+                      {
+                        value: "mixed",
+                        label: u("toothScheme.dentition.mixed")
+                      }
+                    ]
                   }
-                ) }),
+                ),
                 /* @__PURE__ */ d(
-                  Je.Content,
+                  ot,
                   {
-                    ref: nn,
-                    align: "end",
-                    size: "md",
-                    "aria-label": u("toothScheme.options.label"),
-                    children: /* @__PURE__ */ k("div", { className: "ds:flex ds:w-[var(--popover-size-sm)] ds:max-w-full ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-                      /* @__PURE__ */ k("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:border-b ds:border-[color:var(--border)] ds:pb-[var(--spacing-sm)] ds:[&>*]:w-full ds:[&>*]:justify-between", children: [
-                        /* @__PURE__ */ d(
-                          et,
-                          {
-                            label: u("toothScheme.options.legend"),
-                            labelSide: "start",
-                            checked: mt,
-                            onCheckedChange: ht
-                          }
-                        ),
-                        /* @__PURE__ */ d(
-                          et,
-                          {
-                            label: u("toothScheme.options.specialElements"),
-                            labelSide: "start",
-                            checked: V,
-                            onCheckedChange: pt
-                          }
-                        )
-                      ] }),
-                      /* @__PURE__ */ d(
-                        rt,
-                        {
-                          container: He,
-                          label: u("toothScheme.options.dentition"),
-                          value: j,
-                          onValueChange: (e) => dt(e),
-                          options: [
-                            {
-                              value: "permanent",
-                              label: u("toothScheme.dentition.permanent")
-                            },
-                            {
-                              value: "primary",
-                              label: u("toothScheme.dentition.primary")
-                            },
-                            {
-                              value: "mixed",
-                              label: u("toothScheme.dentition.mixed")
-                            }
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ d(
-                        rt,
-                        {
-                          container: He,
-                          label: u("toothScheme.options.numbering"),
-                          value: ue,
-                          onValueChange: (e) => lt(e),
-                          options: [
-                            {
-                              value: "fdi",
-                              label: u("toothScheme.numbering.fdi")
-                            },
-                            {
-                              value: "universal",
-                              label: u("toothScheme.numbering.universal")
-                            },
-                            {
-                              value: "palmer",
-                              label: u("toothScheme.numbering.palmer")
-                            }
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ d(
-                        rt,
-                        {
-                          container: He,
-                          label: u("toothScheme.options.view"),
-                          value: he,
-                          onValueChange: (e) => ut(e),
-                          options: [
-                            {
-                              value: "side",
-                              label: u("toothScheme.view.side")
-                            },
-                            {
-                              value: "plan",
-                              label: u("toothScheme.view.occlusal")
-                            },
-                            {
-                              value: "both",
-                              label: u("toothScheme.view.both")
-                            }
-                          ]
-                        }
-                      )
-                    ] })
+                    container: Qe,
+                    label: u("toothScheme.options.numbering"),
+                    value: he,
+                    onValueChange: (e) => ut(e),
+                    options: [
+                      {
+                        value: "fdi",
+                        label: u("toothScheme.numbering.fdi")
+                      },
+                      {
+                        value: "universal",
+                        label: u("toothScheme.numbering.universal")
+                      },
+                      {
+                        value: "palmer",
+                        label: u("toothScheme.numbering.palmer")
+                      }
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ d(
+                  ot,
+                  {
+                    container: Qe,
+                    label: u("toothScheme.options.view"),
+                    value: pe,
+                    onValueChange: (e) => ht(e),
+                    options: [
+                      {
+                        value: "side",
+                        label: u("toothScheme.view.side")
+                      },
+                      {
+                        value: "plan",
+                        label: u("toothScheme.view.occlusal")
+                      },
+                      {
+                        value: "both",
+                        label: u("toothScheme.view.both")
+                      }
+                    ]
                   }
                 )
               ] })
             }
-          ) : null,
-          Re ? fn : Tt,
-          V && (o === "interactive" || St) ? /* @__PURE__ */ d(
+          )
+        ] })
+      }
+    ) : null;
+    return /* @__PURE__ */ d(K.Provider, { delayDuration: 200, children: /* @__PURE__ */ k(
+      "div",
+      {
+        ref: un,
+        role: "region",
+        "aria-label": Be,
+        tabIndex: fn,
+        className: [Jn(), He].filter(Boolean).join(" "),
+        "data-component": "tooth-scheme",
+        "data-component-id": t,
+        "data-testid": "tooth-scheme-root",
+        "data-dentition": j,
+        "data-numbering": he,
+        "data-mode": o,
+        "data-projection": D,
+        "data-view-mode": pe,
+        "data-special-elements": G ? "true" : "false",
+        children: [
+          ne === void 0 ? Ct : ne ? An(Ct, ne) : null,
+          Re ? bn : At,
+          G && (o === "interactive" || $t) ? /* @__PURE__ */ d(
             "div",
             {
               className: "ds:flex ds:w-full ds:items-center ds:pt-[var(--spacing-2xs)]",
               "data-testid": "tooth-scheme-general",
               children: /* @__PURE__ */ d(
-                et,
+                tt,
                 {
                   label: u("toothScheme.special.general"),
                   labelSide: "end",
-                  checked: St,
+                  checked: $t,
                   disabled: o !== "interactive",
-                  onCheckedChange: ln
+                  onCheckedChange: hn
                 }
               )
             }
           ) : null,
-          mt ? /* @__PURE__ */ d(ar, { assetBaseUrl: A }) : null,
-          At
+          ft ? /* @__PURE__ */ d(dr, { assetBaseUrl: A }) : null,
+          Lt
         ]
       }
     ) });
   }
 );
-$e.displayName = "ToothScheme";
+Ie.displayName = "ToothScheme";
 export {
-  Ie as C,
+  ke as C,
   Q as F,
-  Te as P,
-  zt as S,
-  $e as T,
-  Pn as a,
-  ot as b,
-  yr as c,
-  Kn as d,
-  jn as e,
-  Ae as f,
-  Yn as g,
-  Wn as h,
-  Ft as i,
-  Ut as j,
-  xr as k,
-  wr as l,
-  Zn as m,
-  Kt as n,
+  Ae as P,
+  Vt as S,
+  Ie as T,
+  Un as a,
+  it as b,
+  $r as c,
+  Pn as d,
+  Wn as e,
+  Le as f,
+  Gn as g,
+  Qn as h,
+  Pt as i,
+  Zt as j,
+  kr as k,
+  Ir as l,
+  Vn as m,
+  Wt as n,
   Fe as o,
-  Un as p,
+  zn as p,
   Ke as q,
-  Hn as r,
-  zn as s,
-  Zt as t,
-  En as u,
-  Vn as v,
-  Ot as w,
-  tt as x,
-  Qn as z
+  Yn as r,
+  Bn as s,
+  Gt as t,
+  Nn as u,
+  Jn as v,
+  jt as w,
+  nt as x,
+  Zn as z
 };
-//# sourceMappingURL=tooth-scheme-BhQoPNBD.js.map
+//# sourceMappingURL=tooth-scheme-DJZtzfeY.js.map