@alfadocs/ui-kit 0.69.0 → 0.71.0

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

@@ -1,1330 +0,0 @@
-import { jsx as u, jsxs as j } from "react/jsx-runtime";
-import { forwardRef as Lt, useState as q, useRef as le, useEffect as re, useMemo as Le, useCallback as R, useImperativeHandle as It } from "react";
-import * as B from "@radix-ui/react-tooltip";
-import { c as V } from "./index-D2ZczOXr.js";
-import { useTranslation as ot } from "react-i18next";
-import { u as Ct } from "./registry-DvAUVLHh.js";
-import { I as At } from "./icon-button-LqoiKcUN.js";
-import { P as Ie } from "./popover-B2qCDhJC.js";
-import { S as Ot } from "./select-DMLG44F5.js";
-import { S as kt } from "./switch-OILsBLWo.js";
-import { S as Dt } from "./settings-ca2Yi9R8.js";
-const G = {
-  type: "string",
-  description: "FDI tooth id, e.g. '11'–'48' permanent, '51'–'85' primary."
-}, ue = {
-  enum: [
-    "caries",
-    "filled",
-    "crowned",
-    "temporaryCrown",
-    "bridge",
-    "missing",
-    "implant",
-    "implantExtraction",
-    "stub",
-    "destroyed",
-    "rootCanal"
-  ]
-}, Mt = {
-  enum: ["mesial", "distal", "occlusal", "buccal", "lingual"]
-}, _t = {
-  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.",
-      read: (t) => t.getChart()
-    },
-    chartedTeeth: {
-      type: "string[]",
-      descriptionKey: "ui.agent.toothScheme.state.chartedTeeth",
-      description: "FDI ids of every tooth carrying at least one finding.",
-      read: (t) => Object.keys(t.getChart())
-    }
-  },
-  actions: {
-    focus_tooth: {
-      safety: "read",
-      argsType: "{ id: FdiId }",
-      argsSchema: {
-        type: "object",
-        properties: { id: G },
-        required: ["id"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.toothScheme.actions.focusTooth",
-      description: "Move focus to a specific tooth by FDI id.",
-      invoke: (t, n) => {
-        t.focusTooth(n.id);
-      }
-    },
-    get_tooth: {
-      safety: "read",
-      argsType: "{ id: FdiId }",
-      argsSchema: {
-        type: "object",
-        properties: { id: G },
-        required: ["id"]
-      },
-      returns: "ToothCondition[]",
-      returnsSchema: { type: "array", items: ue },
-      idempotent: !0,
-      descriptionKey: "ui.agent.toothScheme.actions.getTooth",
-      description: "Read the findings recorded on one tooth (FDI id).",
-      invoke: (t, n) => t.getTooth(n.id)
-    },
-    teeth_with: {
-      safety: "read",
-      argsType: "{ condition: ToothCondition }",
-      argsSchema: {
-        type: "object",
-        properties: { condition: ue },
-        required: ["condition"]
-      },
-      returns: "FdiId[]",
-      returnsSchema: { type: "array", items: G },
-      idempotent: !0,
-      descriptionKey: "ui.agent.toothScheme.actions.teethWith",
-      description: "List the FDI ids of every tooth carrying a given finding (e.g. all teeth with caries).",
-      invoke: (t, n) => t.teethWith(n.condition)
-    },
-    set_finding: {
-      safety: "write",
-      argsType: "{ id: FdiId; condition: ToothCondition; surfaces?: Surface[] }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          id: G,
-          condition: ue,
-          surfaces: { type: "array", items: Mt }
-        },
-        required: ["id", "condition"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.toothScheme.actions.setFinding",
-      description: "Record a finding on a tooth (crown, implant, root canal, caries, …). Optionally mark the affected surfaces for a surface finding.",
-      invoke: (t, n) => {
-        t.setFinding(n.id, n.condition, n.surfaces);
-      }
-    },
-    remove_finding: {
-      safety: "write",
-      argsType: "{ id: FdiId; condition: ToothCondition }",
-      argsSchema: {
-        type: "object",
-        properties: { id: G, condition: ue },
-        required: ["id", "condition"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.toothScheme.actions.removeFinding",
-      description: "Remove a single finding from a tooth.",
-      invoke: (t, n) => {
-        t.removeFinding(n.id, n.condition);
-      }
-    },
-    clear_tooth: {
-      safety: "destructive",
-      argsType: "{ id: FdiId }",
-      argsSchema: {
-        type: "object",
-        properties: { id: G },
-        required: ["id"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.toothScheme.actions.clearTooth",
-      description: "Clear every finding from a tooth.",
-      invoke: (t, n) => {
-        t.clearTooth(n.id);
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "tooth-scheme" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    },
-    item: {
-      attr: "data-fdi",
-      description: "Each rendered tooth `<g>` carries its FDI id as `data-fdi`. The `data-projection` attribute on the root exposes the side/plan view."
-    }
-  }
-}, De = [
-  // upper
-  "18",
-  "17",
-  "16",
-  "15",
-  "14",
-  "13",
-  "12",
-  "11",
-  "21",
-  "22",
-  "23",
-  "24",
-  "25",
-  "26",
-  "27",
-  "28",
-  // lower
-  "48",
-  "47",
-  "46",
-  "45",
-  "44",
-  "43",
-  "42",
-  "41",
-  "31",
-  "32",
-  "33",
-  "34",
-  "35",
-  "36",
-  "37",
-  "38"
-], Me = [
-  // upper
-  "55",
-  "54",
-  "53",
-  "52",
-  "51",
-  "61",
-  "62",
-  "63",
-  "64",
-  "65",
-  // lower
-  "85",
-  "84",
-  "83",
-  "82",
-  "81",
-  "71",
-  "72",
-  "73",
-  "74",
-  "75"
-];
-function Et(t) {
-  return t <= 2 ? "incisor" : t === 3 ? "canine" : t <= 5 ? "premolar" : "molar";
-}
-function Nt(t) {
-  return t <= 2 ? "incisor" : t === 3 ? "canine" : "molar";
-}
-function Rt(t, n) {
-  const i = (t - 1) % 4 + 1;
-  return `${i === 1 ? "UR" : i === 2 ? "UL" : i === 3 ? "LL" : "LR"}${n}`;
-}
-function jt(t, n) {
-  switch (t) {
-    case 1:
-      return String(1 + (8 - n));
-    case 2:
-      return String(8 + n);
-    case 3:
-      return String(17 + (8 - n));
-    case 4:
-      return String(24 + n);
-    default:
-      return "";
-  }
-}
-function Ft(t, n) {
-  const i = "ABCDEFGHIJKLMNOPQRST";
-  let r = -1;
-  switch (t) {
-    case 5:
-      r = 0 + (5 - n);
-      break;
-    case 6:
-      r = 5 + (n - 1);
-      break;
-    case 7:
-      r = 10 + (5 - n);
-      break;
-    case 8:
-      r = 15 + (n - 1);
-      break;
-    default:
-      r = -1;
-  }
-  return r >= 0 ? i[r] : "";
-}
-function qt(t) {
-  const n = Number(t[0]), i = Number(t[1]), r = n >= 5, l = r ? Nt(i) : Et(i), m = n === 1 || n === 2 || n === 5 || n === 6 ? "upper" : "lower", $ = n === 1 || n === 4 || n === 5 || n === 8 ? "right" : "left", v = r ? Ft(n, i) : jt(n, i), f = Rt(n, i);
-  return {
-    fdi: t,
-    universal: v,
-    palmer: f,
-    quadrant: n,
-    positionInQuadrant: i,
-    anatomy: l,
-    arch: m,
-    side: $,
-    dentition: r ? "primary" : "permanent"
-  };
-}
-const F = [
-  ...De,
-  ...Me
-].reduce((t, n) => (t[n] = qt(n), t), {}), Ht = Object.fromEntries(
-  Object.entries(F).map(([t, n]) => [t, n.universal])
-), Wt = Object.fromEntries(
-  Object.entries(F).map(([t, n]) => [t, n.palmer])
-);
-function Ee(t) {
-  return t.dentition !== "primary" ? t.fdi : `${t.quadrant - 4}${t.positionInQuadrant}`;
-}
-const Ut = 0.72, gn = {
-  caries: "--destructive",
-  filled: "--info",
-  crowned: "--warning",
-  temporaryCrown: "--warning",
-  bridge: "--primary",
-  missing: "--muted-foreground",
-  implant: "--accent",
-  implantExtraction: "--accent",
-  stub: "--muted-foreground",
-  destroyed: "--destructive",
-  rootCanal: "--primary"
-}, he = {
-  caries: "var(--destructive)",
-  filled: "var(--info)",
-  crowned: "var(--warning)",
-  temporaryCrown: "var(--warning)",
-  bridge: "var(--primary)",
-  missing: "var(--muted-foreground)",
-  implant: "var(--accent)",
-  implantExtraction: "var(--accent)",
-  stub: "var(--muted-foreground)",
-  destroyed: "var(--destructive)",
-  rootCanal: "var(--primary)"
-}, _e = {
-  crowned: { folder: "crown", resolve: "per-fdi" },
-  temporaryCrown: { folder: "temporaryCrown", resolve: "per-fdi" },
-  bridge: { folder: "replacement", resolve: "per-fdi" },
-  destroyed: { folder: "destroyed", resolve: "per-fdi" },
-  implant: { folder: "implant", resolve: "general" },
-  implantExtraction: { folder: "implantExtraction", resolve: "general" },
-  stub: { folder: "stub", resolve: "general" },
-  rootCanal: { folder: "rootTreatment", resolve: "rct" }
-};
-function it(t, n, i) {
-  const r = t.arch === "upper" ? "top" : "bottom", l = `${n}/side/${i.folder}/${r}`;
-  if (i.resolve === "general") return `${l}/general.webp`;
-  const m = Ee(t);
-  return i.resolve === "rct" ? `${l}/${m}/full.webp` : `${l}/${m}.webp`;
-}
-const Kt = {
-  mesial: "mesial",
-  distal: "distal",
-  occlusal: "occlusal",
-  buccal: "vestibular",
-  lingual: "oral"
-}, Pt = {
-  caries: "caries",
-  filled: "filling"
-};
-function Zt(t, n, i, r) {
-  const l = t.arch === "upper" ? "top" : "bottom";
-  return `${n}/plan/${i}/${l}/${Ee(t)}-${Kt[r]}.webp`;
-}
-function Ce(t) {
-  return t.anatomy === "molar" || t.anatomy === "premolar" ? ["top", "bottom", "left", "right", "center"] : ["top", "bottom", "left", "right"];
-}
-function Xe(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, r = i === 1 || i === 4;
-  return n === "left" ? r ? "distal" : "mesial" : r ? "mesial" : "distal";
-}
-const Je = (t) => Math.round(t * 100) / 100;
-function Vt(t, n, i) {
-  const { x: r, y: l, w: m, h: $ } = n, v = r + m, f = l + $, a = (A, M) => `${Je(A)} ${Je(M)}`;
-  if (!i) {
-    const A = r + m / 2, M = l + $ / 2;
-    switch (t) {
-      case "top":
-        return `M ${a(r, l)} L ${a(v, l)} L ${a(A, M)} Z`;
-      case "bottom":
-        return `M ${a(r, f)} L ${a(v, f)} L ${a(A, M)} Z`;
-      case "left":
-        return `M ${a(r, l)} L ${a(A, M)} L ${a(r, f)} Z`;
-      case "right":
-        return `M ${a(v, l)} L ${a(A, M)} L ${a(v, f)} Z`;
-      default:
-        return "";
-    }
-  }
-  const y = r + m * 0.3, T = l + $ * 0.3, C = r + m * 0.7, g = l + $ * 0.7;
-  switch (t) {
-    case "center":
-      return `M ${a(y, T)} L ${a(C, T)} L ${a(C, g)} L ${a(y, g)} Z`;
-    case "top":
-      return `M ${a(r, l)} L ${a(v, l)} L ${a(C, T)} L ${a(y, T)} Z`;
-    case "bottom":
-      return `M ${a(r, f)} L ${a(v, f)} L ${a(C, g)} L ${a(y, g)} Z`;
-    case "left":
-      return `M ${a(r, l)} L ${a(y, T)} L ${a(y, g)} L ${a(r, f)} Z`;
-    case "right":
-      return `M ${a(v, l)} L ${a(C, T)} L ${a(C, g)} L ${a(v, f)} Z`;
-    default:
-      return "";
-  }
-}
-const Ae = 5, et = 40, K = 4, H = 36, st = 62;
-function at(t, n, i = "default", r = "side") {
-  const l = t.arch === "upper" ? "top" : "bottom";
-  return `${n}/${r}/${i}/${l}/${Ee(t)}.webp`;
-}
-function Yt(t, n = st) {
-  const i = t === "primary" ? Me : t === "mixed" ? [...De, ...Me] : De, r = [], l = [];
-  for (const g of i)
-    F[g].arch === "upper" ? r.push(g) : l.push(g);
-  const m = H + Ae, $ = Math.max(r.length, l.length), v = $ > 0 ? $ * m - Ae : 0;
-  function f(g, A) {
-    const M = g.length > 0 ? g.length * m - Ae : 0, me = (v - M) / 2;
-    return g.map((d, pe) => {
-      const oe = F[d];
-      return {
-        fdi: d,
-        meta: oe,
-        x: me + pe * m,
-        y: A
-      };
-    });
-  }
-  const a = f(r, 0), y = f(l, n + et), T = v > 0 ? v : $ * m, C = n * 2 + et;
-  return { teeth: [...a, ...y], width: T, height: C };
-}
-function tt(t, n) {
-  switch (n) {
-    case "universal":
-      return Ht[t] ?? t;
-    case "palmer":
-      return Wt[t] ?? t;
-    case "fdi":
-    default:
-      return t;
-  }
-}
-function vn() {
-  return {};
-}
-function nt(t) {
-  const n = {};
-  for (const [i, r] of Object.entries(t))
-    !r || r.length === 0 || (n[i] = { conditions: r, surfaces: [] });
-  return n;
-}
-const zt = V(
-  [
-    "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(" ")
-), Bt = V(
-  [
-    "ds:block",
-    "ds:w-full ds:min-w-fit ds:h-auto",
-    "ds:text-[var(--foreground)]"
-  ].join(" ")
-), Gt = V(
-  [
-    "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(" ")
-), Qt = V(
-  [
-    "ds:flex ds:flex-wrap ds:items-center",
-    "ds:gap-[var(--spacing-sm)]",
-    "type-meta ds:text-[var(--muted-foreground)]"
-  ].join(" ")
-), Xt = V(
-  ["ds:inline-flex ds:items-center", "ds:gap-[var(--spacing-xs)]"].join(" ")
-), Jt = V(["ds:sr-only"].join(" ")), en = V(
-  [
-    "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 Oe(t) {
-  return t.value !== void 0;
-}
-function fe() {
-  return { conditions: [], surfaces: [] };
-}
-function rt(t, n) {
-  const i = t ?? [];
-  return n ? i.includes(n) ? i.filter((r) => r !== n) : [...i, n] : i.length === 0 ? ["caries"] : [];
-}
-function tn(t, n, i) {
-  var l;
-  return i ? ((l = {
-    top: { ArrowDown: "center" },
-    bottom: { ArrowUp: "center" },
-    left: { ArrowRight: "center" },
-    right: { ArrowLeft: "center" },
-    center: {
-      ArrowUp: "top",
-      ArrowDown: "bottom",
-      ArrowLeft: "left",
-      ArrowRight: "right"
-    }
-  }[t]) == null ? void 0 : l[n]) ?? t : n === "ArrowUp" ? "top" : n === "ArrowDown" ? "bottom" : n === "ArrowLeft" ? "left" : n === "ArrowRight" ? "right" : t;
-}
-const nn = [
-  "caries",
-  "filled",
-  "crowned",
-  "temporaryCrown",
-  "bridge",
-  "rootCanal",
-  "implant",
-  "implantExtraction",
-  "stub",
-  "destroyed",
-  "missing"
-];
-function rn({
-  condition: t,
-  assetBaseUrl: n
-}) {
-  const i = F[16], r = _e[t], l = t === "missing", m = t === "caries" || t === "filled", $ = 36 * 0.9, v = 62 * 0.9, f = (36 - $) / 2, a = (62 - v) / 2;
-  return /* @__PURE__ */ j(
-    "svg",
-    {
-      width: "22",
-      height: "38",
-      viewBox: "0 0 36 62",
-      "aria-hidden": "true",
-      className: "ds:block ds:shrink-0",
-      children: [
-        /* @__PURE__ */ u(
-          "image",
-          {
-            href: at(i, n),
-            x: f,
-            y: a,
-            width: $,
-            height: v,
-            preserveAspectRatio: "xMidYMid meet",
-            opacity: l ? 0.25 : 1
-          }
-        ),
-        r ? /* @__PURE__ */ u(
-          "image",
-          {
-            href: it(i, n, r),
-            x: f,
-            y: a,
-            width: $,
-            height: v,
-            preserveAspectRatio: "xMidYMid meet"
-          }
-        ) : null,
-        m ? /* @__PURE__ */ u(
-          "rect",
-          {
-            x: 3,
-            y: 2,
-            width: 30,
-            height: 58,
-            fill: "none",
-            stroke: he[t],
-            strokeWidth: 2,
-            strokeDasharray: t === "filled" ? "4 2" : void 0,
-            rx: 6
-          }
-        ) : null,
-        l ? /* @__PURE__ */ u(
-          "path",
-          {
-            d: "M7 9 L29 53 M29 9 L7 53",
-            stroke: he.missing,
-            strokeWidth: 2,
-            fill: "none"
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function on({ assetBaseUrl: t }) {
-  const { t: n } = ot();
-  return /* @__PURE__ */ j(
-    "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__ */ u("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: n("toothScheme.legendLabel") }),
-        /* @__PURE__ */ u("ul", { className: Qt(), children: nn.map((i) => /* @__PURE__ */ j(
-          "li",
-          {
-            className: Xt(),
-            "data-condition": i,
-            "data-testid": `tooth-scheme-legend-item-${i}`,
-            children: [
-              /* @__PURE__ */ u(rn, { condition: i, assetBaseUrl: t }),
-              /* @__PURE__ */ u("span", { children: n(`toothScheme.condition.${i}`) })
-            ]
-          },
-          i
-        )) })
-      ]
-    }
-  );
-}
-function ke({
-  label: t,
-  value: n,
-  options: i,
-  onValueChange: r,
-  container: l
-}) {
-  return /* @__PURE__ */ j("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-    /* @__PURE__ */ u(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: "type-label ds:text-[color:var(--muted-foreground)]",
-        children: t
-      }
-    ),
-    /* @__PURE__ */ u(
-      Ot,
-      {
-        size: "md",
-        "aria-label": t,
-        value: n,
-        options: i,
-        onValueChange: r,
-        container: l
-      }
-    )
-  ] });
-}
-const ct = Lt(
-  ({
-    id: t,
-    dentition: n = "permanent",
-    numbering: i = "fdi",
-    mode: r = "interactive",
-    projection: l = "side",
-    value: m,
-    defaultValue: $,
-    onChange: v,
-    onSelect: f,
-    conditions: a,
-    activeCondition: y,
-    assetBaseUrl: T = "/toothscheme/teeth",
-    legend: C = !1,
-    controls: g = !1,
-    ariaLabel: A,
-    className: M
-  }, me) => {
-    const { t: d } = ot(), [pe, oe] = q(n), [dt, Ne] = q(i), [lt, Re] = q(l), [ut, je] = q(C), [ge, ft] = q(null), Q = g ? pe : n, X = g ? dt : i, Fe = g ? ut : C, ie = g ? lt : l, W = ie === "plan" ? "plan" : "side", qe = ie === "both", He = le(g);
-    re(() => {
-      g && !He.current && (oe(n), Ne(i), Re(l), je(C)), He.current = g;
-    }, [g, n, i, l, C]);
-    const [ht, We] = q(() => m !== void 0 ? m : $ !== void 0 ? $ : a ? nt(a) : {}), p = Oe({ value: m }) ? m : ht;
-    re(() => {
-      Oe({ value: m }) || a !== void 0 && We(nt(a));
-    }, [a, m]);
-    const _ = W === "plan" ? 44 : st, J = Le(
-      () => Yt(Q, _),
-      [Q, _]
-    ), P = Le(() => J.teeth.map((e) => e.fdi), [J]), ve = P[0], [se, Y] = q(ve);
-    re(() => {
-      (!se || !P.includes(se)) && Y(ve);
-    }, [ve, se, P]);
-    const [mt, z] = q(""), be = le(null), O = R(
-      (e) => {
-        Oe({ value: m }) || We(e), v == null || v(e);
-      },
-      [v, m]
-    ), E = R((e) => {
-      const o = be.current;
-      if (!o) return;
-      const s = o.querySelector(`g[data-fdi="${e}"]`);
-      s && (s.focus(), Y(e));
-    }, []), N = W === "plan" && r === "interactive" && (y === "caries" || y === "filled"), [S, ee] = q(null);
-    re(() => {
-      (!N || S && !P.includes(S.fdi)) && ee(null);
-    }, [N, S, P]);
-    const Ue = R((e, o) => {
-      var c;
-      const s = (c = be.current) == null ? void 0 : c.querySelector(
-        `path[data-fdi="${e}"][data-zone="${o}"]`
-      );
-      s == null || s.focus();
-    }, []), ye = le(null);
-    re(() => {
-      S ? Ue(S.fdi, S.zone) : ye.current && E(ye.current.fdi), ye.current = S;
-    }, [S, Ue, E]);
-    const pt = R(
-      (e, o) => {
-        const s = p[e];
-        return !!(s && s.surfaces.includes(o) && s.conditions.includes(y));
-      },
-      [p, y]
-    ), Ke = R(
-      (e, o) => {
-        o && o.conditions.length > 0 ? z(
-          d("toothScheme.selected", {
-            id: e,
-            conditions: o.conditions.map((s) => d(`toothScheme.condition.${s}`)).join(", ")
-          })
-        ) : z(d("toothScheme.deselected", { id: e }));
-      },
-      [d]
-    ), we = R(
-      (e, o) => {
-        if (!N) return;
-        const s = y, c = p[e] ?? fe(), x = c.surfaces.includes(o), L = c.conditions.includes(s);
-        let b, w;
-        x && L ? (b = c.surfaces.filter((Z) => Z !== o), w = b.length === 0 ? c.conditions.filter((Z) => Z !== s) : c.conditions) : (b = x ? c.surfaces : [...c.surfaces, o], w = L ? c.conditions : [...c.conditions, s]);
-        const I = { ...p };
-        w.length === 0 && b.length === 0 ? delete I[e] : I[e] = { ...c, conditions: w, surfaces: b }, O(I), Ke(e, I[e]), f == null || f(e);
-      },
-      [
-        N,
-        y,
-        p,
-        O,
-        Ke,
-        f
-      ]
-    ), xe = R((e) => {
-      const o = F[e];
-      o && (Y(e), ee({ fdi: e, zone: Ce(o)[0] }));
-    }, []), gt = R(
-      (e, o, s) => {
-        const c = F[o];
-        if (c)
-          switch (e.key) {
-            case "ArrowUp":
-            case "ArrowDown":
-            case "ArrowLeft":
-            case "ArrowRight": {
-              e.preventDefault(), e.stopPropagation();
-              const x = Ce(c).includes("center"), L = tn(s, e.key, x);
-              L !== s && ee({ fdi: o, zone: L });
-              return;
-            }
-            case " ":
-            case "Enter": {
-              e.preventDefault(), e.stopPropagation(), we(o, Xe(c, s));
-              return;
-            }
-            case "Escape": {
-              e.preventDefault(), e.stopPropagation(), ee(null);
-              return;
-            }
-            default:
-              return;
-          }
-      },
-      [we]
-    ), vt = le(null), $e = Le(
-      () => ({
-        focusTooth: (e) => {
-          E(e);
-        },
-        getChart: () => p,
-        getTooth: (e) => {
-          var o;
-          return ((o = p[e]) == null ? void 0 : o.conditions) ?? [];
-        },
-        teethWith: (e) => Object.entries(p).filter(([, o]) => o.conditions.includes(e)).map(([o]) => o),
-        setFinding: (e, o, s) => {
-          const c = p[e] ?? fe();
-          if (c.conditions.includes(o) && !s) return;
-          const x = {
-            ...p,
-            [e]: {
-              ...c,
-              conditions: c.conditions.includes(o) ? c.conditions : [...c.conditions, o],
-              surfaces: s ?? c.surfaces
-            }
-          };
-          O(x);
-        },
-        removeFinding: (e, o) => {
-          const s = p[e];
-          if (!s || !s.conditions.includes(o)) return;
-          const c = s.conditions.filter((L) => L !== o), x = { ...p };
-          c.length === 0 ? delete x[e] : x[e] = { ...s, conditions: c }, O(x);
-        },
-        clearTooth: (e) => {
-          if (!p[e]) return;
-          const o = { ...p };
-          delete o[e], O(o);
-        }
-      }),
-      [p, O, E]
-    );
-    It(me, () => $e, [$e]), Ct(_t, $e, t);
-    const bt = R(
-      (e, o) => {
-        var L;
-        if (r !== "interactive") return;
-        const s = F[o];
-        if (!s) return;
-        const c = P, x = c.indexOf(o);
-        switch (e.key) {
-          case "ArrowRight": {
-            e.preventDefault();
-            const b = Math.min(c.length - 1, x + 1);
-            E(c[b]);
-            return;
-          }
-          case "ArrowLeft": {
-            e.preventDefault();
-            const b = Math.max(0, x - 1);
-            E(c[b]);
-            return;
-          }
-          case "ArrowUp":
-          case "ArrowDown": {
-            e.preventDefault();
-            const w = {
-              1: 4,
-              4: 1,
-              2: 3,
-              3: 2,
-              5: 8,
-              8: 5,
-              6: 7,
-              7: 6
-            }[s.quadrant];
-            if (!w) return;
-            const I = `${w}${s.positionInQuadrant}`;
-            c.includes(I) && E(I);
-            return;
-          }
-          case "Home": {
-            e.preventDefault();
-            const b = c.filter(
-              (w) => F[w].quadrant === s.quadrant
-            );
-            b.length > 0 && E(b[0]);
-            return;
-          }
-          case "End": {
-            e.preventDefault();
-            const b = c.filter(
-              (w) => F[w].quadrant === s.quadrant
-            );
-            b.length > 0 && E(b[b.length - 1]);
-            return;
-          }
-          case " ":
-          case "Enter": {
-            if (e.preventDefault(), N) {
-              xe(o);
-              return;
-            }
-            const b = (L = p[o]) == null ? void 0 : L.conditions, w = rt(b, y), I = { ...p };
-            w.length === 0 ? (delete I[o], z(d("toothScheme.deselected", { id: o }))) : (I[o] = {
-              ...p[o] ?? fe(),
-              conditions: w
-            }, z(
-              d("toothScheme.selected", {
-                id: o,
-                conditions: w.map((Z) => d(`toothScheme.condition.${Z}`)).join(", ")
-              })
-            )), O(I), f == null || f(o);
-            return;
-          }
-          default:
-            return;
-        }
-      },
-      [
-        y,
-        p,
-        O,
-        xe,
-        E,
-        r,
-        f,
-        N,
-        d,
-        P
-      ]
-    ), yt = R(
-      (e) => {
-        var x;
-        if (r !== "interactive") return;
-        Y(e);
-        const o = (x = p[e]) == null ? void 0 : x.conditions, s = rt(o, y), c = { ...p };
-        s.length === 0 ? (delete c[e], z(d("toothScheme.deselected", { id: e }))) : (c[e] = {
-          ...p[e] ?? fe(),
-          conditions: s
-        }, z(
-          d("toothScheme.selected", {
-            id: e,
-            conditions: s.map((L) => d(`toothScheme.condition.${L}`)).join(", ")
-          })
-        )), O(c), f == null || f(e);
-      },
-      [y, p, O, r, f, d]
-    ), Pe = J.width + 4, Ze = J.height + 4, Se = A ?? d("toothScheme.ariaLabel"), Ve = qe ? `${Se} — ${d("toothScheme.view.side")}` : Se, wt = r === "interactive" ? void 0 : 0;
-    return /* @__PURE__ */ u(B.Provider, { delayDuration: 200, children: /* @__PURE__ */ j(
-      "div",
-      {
-        ref: vt,
-        role: "region",
-        "aria-label": Ve,
-        tabIndex: wt,
-        className: [zt(), M].filter(Boolean).join(" "),
-        "data-component": "tooth-scheme",
-        "data-component-id": t,
-        "data-testid": "tooth-scheme-root",
-        "data-dentition": Q,
-        "data-numbering": X,
-        "data-mode": r,
-        "data-projection": W,
-        "data-view-mode": ie,
-        children: [
-          g ? /* @__PURE__ */ u(
-            "div",
-            {
-              className: "ds:flex ds:w-full ds:justify-end",
-              "data-testid": "tooth-scheme-controls",
-              children: /* @__PURE__ */ j(Ie.Root, { children: [
-                /* @__PURE__ */ u(Ie.Trigger, { asChild: !0, children: /* @__PURE__ */ u(
-                  At,
-                  {
-                    size: "sm",
-                    intent: "outline",
-                    icon: /* @__PURE__ */ u(Dt, { "aria-hidden": "true" }),
-                    "aria-label": d("toothScheme.options.label"),
-                    tooltip: d("toothScheme.options.label")
-                  }
-                ) }),
-                /* @__PURE__ */ u(
-                  Ie.Content,
-                  {
-                    ref: ft,
-                    align: "end",
-                    size: "md",
-                    "aria-label": d("toothScheme.options.label"),
-                    children: /* @__PURE__ */ j("div", { className: "ds:flex ds:w-[var(--popover-size-sm)] ds:max-w-full ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-                      /* @__PURE__ */ u("div", { className: "ds:flex ds:border-b ds:border-[color:var(--border)] ds:pb-[var(--spacing-sm)] ds:[&>*]:w-full ds:[&>*]:justify-between", children: /* @__PURE__ */ u(
-                        kt,
-                        {
-                          label: d("toothScheme.options.legend"),
-                          labelSide: "start",
-                          checked: Fe,
-                          onCheckedChange: je
-                        }
-                      ) }),
-                      /* @__PURE__ */ u(
-                        ke,
-                        {
-                          container: ge,
-                          label: d("toothScheme.options.dentition"),
-                          value: Q,
-                          onValueChange: (e) => oe(e),
-                          options: [
-                            {
-                              value: "permanent",
-                              label: d("toothScheme.dentition.permanent")
-                            },
-                            {
-                              value: "primary",
-                              label: d("toothScheme.dentition.primary")
-                            },
-                            {
-                              value: "mixed",
-                              label: d("toothScheme.dentition.mixed")
-                            }
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ u(
-                        ke,
-                        {
-                          container: ge,
-                          label: d("toothScheme.options.numbering"),
-                          value: X,
-                          onValueChange: (e) => Ne(e),
-                          options: [
-                            {
-                              value: "fdi",
-                              label: d("toothScheme.numbering.fdi")
-                            },
-                            {
-                              value: "universal",
-                              label: d("toothScheme.numbering.universal")
-                            },
-                            {
-                              value: "palmer",
-                              label: d("toothScheme.numbering.palmer")
-                            }
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ u(
-                        ke,
-                        {
-                          container: ge,
-                          label: d("toothScheme.options.view"),
-                          value: ie,
-                          onValueChange: (e) => Re(e),
-                          options: [
-                            {
-                              value: "side",
-                              label: d("toothScheme.view.side")
-                            },
-                            {
-                              value: "plan",
-                              label: d("toothScheme.view.occlusal")
-                            },
-                            {
-                              value: "both",
-                              label: d("toothScheme.view.both")
-                            }
-                          ]
-                        }
-                      )
-                    ] })
-                  }
-                )
-              ] })
-            }
-          ) : null,
-          /* @__PURE__ */ u(
-            "svg",
-            {
-              ref: be,
-              viewBox: `0 0 ${Pe} ${Ze}`,
-              width: Pe,
-              height: Ze,
-              className: Bt(),
-              role: "group",
-              "aria-label": Ve,
-              focusable: "false",
-              "data-testid": "tooth-scheme-svg",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: J.teeth.map((e) => {
-                var Qe;
-                const o = p[e.fdi], s = (Qe = o == null ? void 0 : o.conditions) == null ? void 0 : Qe[0], c = d(
-                  `toothScheme.anatomy.${e.meta.anatomy}`
-                ), x = s ? `, ${d(`toothScheme.condition.${s}`)}` : "", L = d("toothScheme.toothLabel", {
-                  id: tt(e.fdi, X),
-                  anatomy: c,
-                  conditionSuffix: x
-                }), b = r === "interactive" ? S ? -1 : e.fdi === se ? 0 : -1 : void 0, w = (o == null ? void 0 : o.conditions) ?? [], I = w.includes("missing"), Z = w.map((h) => ({
-                  condition: h,
-                  spec: _e[h]
-                })).filter(
-                  (h) => !!h.spec
-                ), Te = w.find(
-                  (h) => h !== "missing" && !_e[h]
-                ), Ye = Te ? he[Te] : void 0, xt = s ? `${c} · ${d(`toothScheme.condition.${s}`)}` : c, ze = tt(e.fdi, X), $t = at(
-                  e.meta,
-                  T,
-                  "default",
-                  W
-                ), St = W === "plan" ? w.flatMap((h) => {
-                  const D = Pt[h];
-                  return D ? ((o == null ? void 0 : o.surfaces) ?? []).map((de) => ({
-                    key: `${h}-${de}`,
-                    url: Zt(
-                      e.meta,
-                      T,
-                      D,
-                      de
-                    )
-                  })) : [];
-                }) : [], Be = (e.meta.dentition === "primary" ? Ut : 1) * 0.9, te = H * Be, ne = _ * Be, ae = (H - te) / 2, ce = (_ - ne) / 2, k = N && (S == null ? void 0 : S.fdi) === e.fdi, Ge = N ? Ce(e.meta) : [], Tt = Ge.includes("center");
-                return /* @__PURE__ */ j(B.Root, { children: [
-                  /* @__PURE__ */ u(B.Trigger, { asChild: !0, children: /* @__PURE__ */ j(
-                    "g",
-                    {
-                      "data-fdi": e.fdi,
-                      "data-anatomy": e.meta.anatomy,
-                      "data-arch": e.meta.arch,
-                      "data-side": e.meta.side,
-                      "data-quadrant": e.meta.quadrant,
-                      "data-condition": s ?? "none",
-                      "data-testid": `tooth-${e.fdi}`,
-                      transform: `translate(${e.x}, ${e.y})`,
-                      tabIndex: b,
-                      role: k ? "group" : r === "interactive" ? "button" : "img",
-                      "aria-label": L,
-                      "aria-pressed": k ? void 0 : r === "interactive" ? s !== void 0 : void 0,
-                      className: Gt(),
-                      onClick: k ? void 0 : r === "interactive" ? N ? () => xe(e.fdi) : () => yt(e.fdi) : void 0,
-                      onFocus: () => Y(e.fdi),
-                      onKeyDown: k ? void 0 : (h) => bt(h, e.fdi),
-                      children: [
-                        /* @__PURE__ */ u(
-                          "rect",
-                          {
-                            x: -K,
-                            y: -K,
-                            width: H + K * 2,
-                            height: _ + K * 2,
-                            fill: "transparent"
-                          }
-                        ),
-                        /* @__PURE__ */ u(
-                          "image",
-                          {
-                            href: $t,
-                            x: ae,
-                            y: ce,
-                            width: te,
-                            height: ne,
-                            preserveAspectRatio: "xMidYMid meet",
-                            opacity: I ? 0.25 : 1,
-                            "aria-hidden": "true"
-                          }
-                        ),
-                        W === "side" ? Z.map(({ condition: h, spec: D }) => /* @__PURE__ */ u(
-                          "image",
-                          {
-                            href: it(
-                              e.meta,
-                              T,
-                              D
-                            ),
-                            x: ae,
-                            y: ce,
-                            width: te,
-                            height: ne,
-                            preserveAspectRatio: "xMidYMid meet",
-                            "aria-hidden": "true",
-                            pointerEvents: "none"
-                          },
-                          h
-                        )) : null,
-                        W === "plan" ? St.map(({ key: h, url: D }) => /* @__PURE__ */ u(
-                          "image",
-                          {
-                            href: D,
-                            x: ae,
-                            y: ce,
-                            width: te,
-                            height: ne,
-                            preserveAspectRatio: "xMidYMid meet",
-                            "aria-hidden": "true",
-                            pointerEvents: "none"
-                          },
-                          h
-                        )) : null,
-                        N ? Ge.map((h) => {
-                          const D = Xe(e.meta, h), de = pt(e.fdi, D);
-                          return /* @__PURE__ */ u(
-                            "path",
-                            {
-                              d: Vt(
-                                h,
-                                { x: ae, y: ce, w: te, h: ne },
-                                Tt
-                              ),
-                              "data-fdi": e.fdi,
-                              "data-zone": h,
-                              "data-surface": D,
-                              "data-testid": `tooth-${e.fdi}-zone-${h}`,
-                              role: k ? "button" : void 0,
-                              tabIndex: k ? (S == null ? void 0 : S.zone) === h ? 0 : -1 : void 0,
-                              "aria-label": k ? d("toothScheme.toothLabel", {
-                                id: ze,
-                                anatomy: d(
-                                  `toothScheme.surface.${D}`
-                                ),
-                                conditionSuffix: ""
-                              }) : void 0,
-                              "aria-pressed": k ? de : void 0,
-                              strokeWidth: "var(--focus-ring-width)",
-                              className: en(),
-                              onClick: (U) => {
-                                U.stopPropagation(), k || Y(e.fdi), we(e.fdi, D);
-                              },
-                              onKeyDown: k ? (U) => gt(
-                                U,
-                                e.fdi,
-                                h
-                              ) : void 0,
-                              onFocus: k ? () => ee(
-                                (U) => U && U.fdi === e.fdi && U.zone === h ? U : { fdi: e.fdi, zone: h }
-                              ) : void 0
-                            },
-                            h
-                          );
-                        }) : null,
-                        W === "side" && Ye ? /* @__PURE__ */ u(
-                          "rect",
-                          {
-                            x: 3,
-                            y: 2,
-                            width: H - 6,
-                            height: _ - 4,
-                            fill: "none",
-                            stroke: Ye,
-                            strokeWidth: "2",
-                            strokeDasharray: Te === "filled" ? "4 2" : void 0,
-                            rx: "6",
-                            pointerEvents: "none"
-                          }
-                        ) : null,
-                        I ? /* @__PURE__ */ u(
-                          "path",
-                          {
-                            d: `M7 9 L${H - 7} ${_ - 9} M${H - 7} 9 L7 ${_ - 9}`,
-                            stroke: he.missing,
-                            strokeWidth: "2",
-                            fill: "none",
-                            pointerEvents: "none"
-                          }
-                        ) : null,
-                        /* @__PURE__ */ u(
-                          "rect",
-                          {
-                            x: -K,
-                            y: -K,
-                            width: H + K * 2,
-                            height: _ + K * 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"
-                          }
-                        ),
-                        /* @__PURE__ */ u(
-                          "text",
-                          {
-                            x: H / 2,
-                            y: e.meta.arch === "upper" ? _ + 12 : -4,
-                            textAnchor: "middle",
-                            fontSize: "10",
-                            fill: "var(--muted-foreground)",
-                            className: "ds:select-none",
-                            "aria-hidden": "true",
-                            children: ze
-                          }
-                        )
-                      ]
-                    }
-                  ) }),
-                  /* @__PURE__ */ u(B.Portal, { children: /* @__PURE__ */ j(
-                    B.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: [
-                        xt,
-                        /* @__PURE__ */ u(B.Arrow, { className: "ds:fill-[var(--foreground)]" })
-                      ]
-                    }
-                  ) })
-                ] }, e.fdi);
-              })
-            }
-          ),
-          qe ? /* @__PURE__ */ u(
-            ct,
-            {
-              projection: "plan",
-              dentition: Q,
-              numbering: X,
-              mode: r,
-              value: p,
-              onChange: O,
-              activeCondition: y,
-              assetBaseUrl: T,
-              ariaLabel: `${Se} — ${d("toothScheme.view.occlusal")}`
-            }
-          ) : null,
-          Fe ? /* @__PURE__ */ u(on, { assetBaseUrl: T }) : null,
-          /* @__PURE__ */ u(
-            "div",
-            {
-              className: Jt(),
-              "aria-live": "polite",
-              "aria-atomic": "true",
-              "data-testid": "tooth-scheme-live",
-              children: mt
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-ct.displayName = "ToothScheme";
-export {
-  he as C,
-  F,
-  De as P,
-  Kt as S,
-  ct as T,
-  Pt as a,
-  _e as b,
-  gn as c,
-  Wt as d,
-  Ht as e,
-  Me as f,
-  nt as g,
-  it as h,
-  vn as i,
-  Yt as j,
-  _t as k,
-  tt as l,
-  Xe as m,
-  Ce as n,
-  zt as r,
-  Zt as s,
-  at as t,
-  Vt as z
-};
-//# sourceMappingURL=tooth-scheme-yBr53cvv.js.map