@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{tooth-scheme.agent-CWrQBjJM.js → tooth-scheme-3mITSXiZ.js}

@@ -1,9 +1,42 @@
 import { jsx as i, jsxs as S } from "react/jsx-runtime";
-import { forwardRef as pt, useId as gt, useMemo as Z, useState as G, useEffect as nt, useRef as vt, useCallback as U, useImperativeHandle as xt } from "react";
+import { forwardRef as xt, useId as wt, useMemo as U, useState as K, useEffect as rt, useRef as at, useCallback as H, useImperativeHandle as yt } from "react";
 import * as D from "@radix-ui/react-tooltip";
 import { c as M } from "./index-D2ZczOXr.js";
-import { useTranslation as ct } from "react-i18next";
-const X = [
+import { useTranslation as lt } from "react-i18next";
+import { u as bt } from "./registry-C9nwlNyL.js";
+const Ct = {
+  id: "tooth-scheme",
+  capabilities: ["pick"],
+  state: {
+    chart: {
+      type: "object",
+      description: "Current dental chart state — tooth conditions keyed by FDI id.",
+      read: (n) => n.getChart()
+    }
+  },
+  actions: {
+    focus_tooth: {
+      safety: "read",
+      argsType: "{ id: FdiId }",
+      description: "Move focus to a specific tooth by FDI id.",
+      invoke: (n, e) => {
+        n.focusTooth(e.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`. Tests still use `data-testid="tooth-<fdi>"` separately.'
+    }
+  }
+}, J = [
   // upper
   "18",
   "17",
@@ -38,7 +71,7 @@ const X = [
   "36",
   "37",
   "38"
-], J = [
+], Y = [
   // upper
   "55",
   "54",
@@ -62,17 +95,17 @@ const X = [
   "74",
   "75"
 ];
-function wt(n) {
+function Tt(n) {
   return n <= 2 ? "incisor" : n === 3 ? "canine" : n <= 5 ? "premolar" : "molar";
 }
-function yt(n) {
+function kt(n) {
   return n <= 2 ? "incisor" : n === 3 ? "canine" : "molar";
 }
-function bt(n, e) {
+function Lt(n, e) {
   const r = (n - 1) % 4 + 1;
   return `${r === 1 ? "UR" : r === 2 ? "UL" : r === 3 ? "LL" : "LR"}${e}`;
 }
-function Ct(n, e) {
+function Ot(n, e) {
   switch (n) {
     case 1:
       return String(1 + (8 - e));
@@ -86,7 +119,7 @@ function Ct(n, e) {
       return "";
   }
 }
-function Tt(n, e) {
+function It(n, e) {
   const r = "ABCDEFGHIJKLMNOPQRST";
   let a = -1;
   switch (n) {
@@ -107,8 +140,8 @@ function Tt(n, e) {
   }
   return a >= 0 ? r[a] : "";
 }
-function kt(n) {
-  const e = Number(n[0]), r = Number(n[1]), a = e >= 5, h = a ? yt(r) : wt(r), N = e === 1 || e === 2 || e === 5 || e === 6 ? "upper" : "lower", w = e === 1 || e === 4 || e === 5 || e === 8 ? "right" : "left", u = a ? Tt(e, r) : Ct(e, r), v = bt(e, r);
+function St(n) {
+  const e = Number(n[0]), r = Number(n[1]), a = e >= 5, h = a ? kt(r) : Tt(r), N = e === 1 || e === 2 || e === 5 || e === 6 ? "upper" : "lower", w = e === 1 || e === 4 || e === 5 || e === 8 ? "right" : "left", u = a ? It(e, r) : Ot(e, r), v = Lt(e, r);
   return {
     fdi: n,
     universal: u,
@@ -122,13 +155,13 @@ function kt(n) {
   };
 }
 const b = [
-  ...X,
-  ...J
-].reduce((n, e) => (n[e] = kt(e), n), {}), Lt = Object.fromEntries(
+  ...J,
+  ...Y
+].reduce((n, e) => (n[e] = St(e), n), {}), $t = Object.fromEntries(
   Object.entries(b).map(([n, e]) => [n, e.universal])
-), Ot = Object.fromEntries(
+), Mt = Object.fromEntries(
   Object.entries(b).map(([n, e]) => [n, e.palmer])
-), It = {
+), Nt = {
   caries: "--destructive",
   filled: "--info",
   crowned: "--warning",
@@ -149,7 +182,7 @@ const b = [
   missing: "tooth-scheme-pattern-blank",
   implant: "tooth-scheme-pattern-vertical",
   rootCanal: "tooth-scheme-pattern-horizontal"
-}, K = {
+}, Q = {
   incisor: {
     width: 22,
     height: 50,
@@ -176,25 +209,25 @@ const b = [
     path: "M4 4 C4 2 6 0 8 0 L24 0 C26 0 28 2 28 4 L30 44 C30 47 28 50 24 50 L8 50 C4 50 2 47 2 44 Z",
     innerPath: "M6 32 L26 32 M16 22 L16 42"
   }
-}, _ = 4, rt = 24, O = 4;
-function St(n) {
-  const e = n === "primary" ? J : n === "mixed" ? [...X, ...J] : X, r = [], a = [];
+}, _ = 4, st = 24, O = 4;
+function Rt(n) {
+  const e = n === "primary" ? Y : n === "mixed" ? [...J, ...Y] : J, r = [], a = [];
   for (const o of e)
     b[o].arch === "upper" ? r.push(o) : a.push(o);
   const h = 50, N = Math.max(r.length, a.length);
   function w(o, p) {
     const E = o.reduce((g, y) => {
-      const x = K[b[y].anatomy];
+      const x = Q[b[y].anatomy];
       return g + x.width + _;
-    }, 0), q = o.length > 0 ? E - _ : 0;
+    }, 0), z = o.length > 0 ? E - _ : 0;
     let C = ((function() {
-      return (r.length >= a.length ? r : a).reduce((T, V) => {
-        const R = K[b[V].anatomy];
+      return (r.length >= a.length ? r : a).reduce((T, B) => {
+        const R = Q[b[B].anatomy];
         return T + R.width + _;
       }, 0) - _;
-    })() - q) / 2;
+    })() - z) / 2;
     return o.map((g) => {
-      const y = b[g], x = K[y.anatomy], T = {
+      const y = b[g], x = Q[y.anatomy], T = {
         fdi: g,
         meta: y,
         shape: x,
@@ -204,87 +237,77 @@ function St(n) {
       return C += x.width + _, T;
     });
   }
-  const u = w(r, 0), v = w(a, h + rt), j = Math.max(
+  const u = w(r, 0), v = w(a, h + st), j = Math.max(
     u.reduce((o, p) => Math.max(o, p.x + p.shape.width), 0),
     v.reduce((o, p) => Math.max(o, p.x + p.shape.width), 0)
-  ), H = j > 0 ? j : N * 30, F = h * 2 + rt;
-  return { teeth: [...u, ...v], width: H, height: F };
+  ), F = j > 0 ? j : N * 30, q = h * 2 + st;
+  return { teeth: [...u, ...v], width: F, height: q };
 }
-function at(n, e) {
+function it(n, e) {
   switch (e) {
     case "universal":
-      return Lt[n] ?? n;
+      return $t[n] ?? n;
     case "palmer":
-      return Ot[n] ?? n;
+      return Mt[n] ?? n;
     case "fdi":
     default:
       return n;
   }
 }
-function Vt() {
+function Qt() {
   return {};
 }
-function st(n) {
+function ot(n) {
   const e = {};
   for (const [r, a] of Object.entries(n))
     !a || a.length === 0 || (e[r] = { conditions: a, surfaces: [] });
   return e;
 }
-const $t = M(
+const At = M(
   [
     "ds:tooth-scheme-alfadocs",
     "ds:inline-flex ds:flex-col",
     "ds:gap-[var(--spacing-sm)]",
     "ds:bg-[var(--background)] ds:text-[var(--foreground)]"
   ].join(" ")
-), Mt = M(
-  [
-    "ds:block ds:max-w-full ds:h-auto",
-    "ds:text-[var(--foreground)]"
-  ].join(" ")
-), Nt = M(
+), Dt = M(
+  ["ds:block ds:max-w-full ds:h-auto", "ds:text-[var(--foreground)]"].join(" ")
+), Pt = M(
   [
     "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(" ")
-), Rt = M(
+), Et = M(
   [
     "ds:flex ds:flex-wrap ds:items-center",
     "ds:gap-[var(--spacing-sm)]",
     "type-meta ds:text-[var(--muted-foreground)]"
   ].join(" ")
-), At = M(
-  [
-    "ds:inline-flex ds:items-center",
-    "ds:gap-[var(--spacing-xs)]"
-  ].join(" ")
-), Dt = M(
+), _t = M(
+  ["ds:inline-flex ds:items-center", "ds:gap-[var(--spacing-xs)]"].join(" ")
+), jt = M(
   [
     "ds:inline-block",
     "ds:inline-size-[0.75rem] ds:block-size-[0.75rem]",
     "ds:rounded-[var(--radius-xs)]",
     "ds:border ds:border-[color:var(--border)]"
   ].join(" ")
-), Pt = M(
-  [
-    "ds:sr-only"
-  ].join(" ")
-);
-function Q(n) {
+), Wt = M(["ds:sr-only"].join(" "));
+function X(n) {
   return n.value !== void 0;
 }
-function it() {
+function ct() {
   return { conditions: [], surfaces: [] };
 }
-function ot(n) {
+function dt(n) {
   return !n || n.length === 0 ? ["caries"] : [];
 }
-function Et(n) {
+function Ut(n) {
   return n.replace(/[^a-zA-Z0-9-_]/g, "");
 }
-function _t({ idPrefix: n }) {
+function Ht({ idPrefix: n }) {
   const e = (r) => `${n}-${r}`;
   return /* @__PURE__ */ S("defs", { children: [
     /* @__PURE__ */ i(
@@ -377,7 +400,7 @@ function _t({ idPrefix: n }) {
     )
   ] });
 }
-const jt = [
+const Ft = [
   "caries",
   "filled",
   "crowned",
@@ -385,22 +408,22 @@ const jt = [
   "implant",
   "rootCanal"
 ];
-function Wt({ idPrefix: n }) {
-  const { t: e } = ct();
+function qt({ idPrefix: n }) {
+  const { t: e } = lt();
   return /* @__PURE__ */ i(
     "ul",
     {
-      className: Rt(),
+      className: Et(),
       "data-testid": "tooth-scheme-legend",
       "aria-label": e("toothScheme.legendLabel"),
-      children: jt.map((r) => /* @__PURE__ */ S("li", { className: At(), children: [
+      children: Ft.map((r) => /* @__PURE__ */ S("li", { className: _t(), children: [
         /* @__PURE__ */ i(
           "span",
           {
-            className: Dt(),
+            className: jt(),
             "aria-hidden": "true",
             "data-condition": r,
-            "data-token": It[r],
+            "data-token": Nt[r],
             "data-testid": `tooth-scheme-legend-swatch-${r}`
           }
         ),
@@ -409,7 +432,7 @@ function Wt({ idPrefix: n }) {
     }
   );
 }
-const Ut = pt(
+const zt = xt(
   ({
     id: n,
     dentition: e = "permanent",
@@ -421,35 +444,27 @@ const Ut = pt(
     onSelect: u,
     conditions: v,
     ariaLabel: j,
-    className: H
-  }, F) => {
-    const { t: o } = ct(), p = gt(), E = Z(
-      () => `ts-${Et(p)}`,
-      [p]
-    ), [q, z] = G(() => h !== void 0 ? h : N !== void 0 ? N : v ? st(v) : {}), f = Q({ value: h }) ? h : q;
-    nt(() => {
-      Q({ value: h }) || v !== void 0 && z(st(v));
+    className: F
+  }, q) => {
+    const { t: o } = lt(), p = wt(), E = U(() => `ts-${Ut(p)}`, [p]), [z, V] = K(() => h !== void 0 ? h : N !== void 0 ? N : v ? ot(v) : {}), f = X({ value: h }) ? h : z;
+    rt(() => {
+      X({ value: h }) || v !== void 0 && V(ot(v));
     }, [v, h]);
-    const C = Z(() => St(e), [e]), g = Z(
-      () => C.teeth.map((t) => t.fdi),
-      [C]
-    ), y = g[0], [x, T] = G(y);
-    nt(() => {
+    const C = U(() => Rt(e), [e]), g = U(() => C.teeth.map((t) => t.fdi), [C]), y = g[0], [x, T] = K(y);
+    rt(() => {
       (!x || !g.includes(x)) && T(y);
     }, [y, x, g]);
-    const [V, R] = G(""), Y = vt(null), W = U(
+    const [B, R] = K(""), tt = at(null), W = H(
       (t) => {
-        Q({ value: h }) || z(t), w == null || w(t);
+        X({ value: h }) || V(t), w == null || w(t);
       },
       [w, h]
-    ), k = U((t) => {
-      const c = Y.current;
+    ), k = H((t) => {
+      const c = tt.current;
       if (!c) return;
       const s = c.querySelector(`g[data-fdi="${t}"]`);
       s && (s.focus(), T(t));
-    }, []);
-    xt(
-      F,
+    }, []), ht = at(null), Z = U(
       () => ({
         focusTooth: (t) => {
           k(t);
@@ -458,7 +473,8 @@ const Ut = pt(
       }),
       [f, k]
     );
-    const dt = U(
+    yt(q, () => Z, [Z]), bt(Ct, Z, n);
+    const ut = H(
       (t, c) => {
         var A;
         if (a !== "interactive") return;
@@ -515,14 +531,14 @@ const Ut = pt(
           case " ":
           case "Enter": {
             t.preventDefault();
-            const l = (A = f[c]) == null ? void 0 : A.conditions, m = ot(l), L = { ...f };
+            const l = (A = f[c]) == null ? void 0 : A.conditions, m = dt(l), L = { ...f };
             m.length === 0 ? (delete L[c], R(o("toothScheme.deselected", { id: c }))) : (L[c] = {
-              ...f[c] ?? it(),
+              ...f[c] ?? ct(),
               conditions: m
             }, R(
               o("toothScheme.selected", {
                 id: c,
-                conditions: m.map((B) => o(`toothScheme.condition.${B}`)).join(", ")
+                conditions: m.map((G) => o(`toothScheme.condition.${G}`)).join(", ")
               })
             )), W(L), u == null || u(c);
             return;
@@ -532,14 +548,14 @@ const Ut = pt(
         }
       },
       [f, W, k, a, u, o, g]
-    ), lt = U(
+    ), ft = H(
       (t) => {
         var I;
         if (a !== "interactive") return;
         T(t);
-        const c = (I = f[t]) == null ? void 0 : I.conditions, s = ot(c), d = { ...f };
+        const c = (I = f[t]) == null ? void 0 : I.conditions, s = dt(c), d = { ...f };
         s.length === 0 ? (delete d[t], R(o("toothScheme.deselected", { id: t }))) : (d[t] = {
-          ...f[t] ?? it(),
+          ...f[t] ?? ct(),
           conditions: s
         }, R(
           o("toothScheme.selected", {
@@ -549,13 +565,14 @@ const Ut = pt(
         )), W(d), u == null || u(t);
       },
       [f, W, a, u, o]
-    ), ht = C.width + 4, ut = C.height + 4, tt = j ?? o("toothScheme.ariaLabel");
+    ), mt = C.width + 4, pt = C.height + 4, et = j ?? o("toothScheme.ariaLabel");
     return /* @__PURE__ */ i(D.Provider, { delayDuration: 200, children: /* @__PURE__ */ S(
       "div",
       {
+        ref: ht,
         role: "region",
-        "aria-label": tt,
-        className: [$t(), H].filter(Boolean).join(" "),
+        "aria-label": et,
+        className: [At(), F].filter(Boolean).join(" "),
         "data-component": "tooth-scheme",
         "data-component-id": n,
         "data-testid": "tooth-scheme-root",
@@ -566,25 +583,25 @@ const Ut = pt(
           /* @__PURE__ */ S(
             "svg",
             {
-              ref: Y,
-              viewBox: `0 0 ${ht} ${ut}`,
-              className: Mt(),
+              ref: tt,
+              viewBox: `0 0 ${mt} ${pt}`,
+              className: Dt(),
               role: "group",
-              "aria-label": tt,
+              "aria-label": et,
               "data-testid": "tooth-scheme-svg",
               focusable: "false",
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ i(_t, { idPrefix: E }),
+                /* @__PURE__ */ i(Ht, { idPrefix: E }),
                 C.teeth.map((t) => {
-                  var et;
-                  const c = f[t.fdi], s = (et = c == null ? void 0 : c.conditions) == null ? void 0 : et[0], d = o(
+                  var nt;
+                  const c = f[t.fdi], s = (nt = c == null ? void 0 : c.conditions) == null ? void 0 : nt[0], d = o(
                     `toothScheme.anatomy.${t.meta.anatomy}`
                   ), I = s ? `, ${o(`toothScheme.condition.${s}`)}` : "", A = o("toothScheme.toothLabel", {
-                    id: at(t.fdi, r),
+                    id: it(t.fdi, r),
                     anatomy: d,
                     conditionSuffix: I
-                  }), l = a === "interactive" ? t.fdi === x ? 0 : -1 : void 0, m = s && s !== "missing" ? `url(#${E}-${P[s]})` : "var(--muted)", L = s && s !== "missing" ? $[s] : "var(--border)", B = s ? `${d} · ${o(`toothScheme.condition.${s}`)}` : d, ft = at(t.fdi, r);
+                  }), l = a === "interactive" ? t.fdi === x ? 0 : -1 : void 0, m = s && s !== "missing" ? `url(#${E}-${P[s]})` : "var(--muted)", L = s && s !== "missing" ? $[s] : "var(--border)", G = s ? `${d} · ${o(`toothScheme.condition.${s}`)}` : d, gt = it(t.fdi, r);
                   return /* @__PURE__ */ S(D.Root, { children: [
                     /* @__PURE__ */ i(D.Trigger, { asChild: !0, children: /* @__PURE__ */ S(
                       "g",
@@ -598,13 +615,13 @@ const Ut = pt(
                         "data-testid": `tooth-${t.fdi}`,
                         transform: `translate(${t.x}, ${t.y})`,
                         tabIndex: l,
-                        role: a === "interactive" ? "button" : void 0,
+                        role: a === "interactive" ? "button" : "img",
                         "aria-label": A,
                         "aria-pressed": a === "interactive" ? s !== void 0 : void 0,
-                        className: Nt(),
-                        onClick: a === "interactive" ? () => lt(t.fdi) : void 0,
+                        className: Pt(),
+                        onClick: a === "interactive" ? () => ft(t.fdi) : void 0,
                         onFocus: () => T(t.fdi),
-                        onKeyDown: (mt) => dt(mt, t.fdi),
+                        onKeyDown: (vt) => ut(vt, t.fdi),
                         children: [
                           /* @__PURE__ */ i(
                             "rect",
@@ -675,7 +692,7 @@ const Ut = pt(
                               fill: "var(--muted-foreground)",
                               className: "ds:select-none",
                               "aria-hidden": "true",
-                              children: ft
+                              children: gt
                             }
                           )
                         ]
@@ -688,7 +705,7 @@ const Ut = pt(
                         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: [
-                          B,
+                          G,
                           /* @__PURE__ */ i(D.Arrow, { className: "ds:fill-[var(--foreground)]" })
                         ]
                       }
@@ -698,15 +715,15 @@ const Ut = pt(
               ]
             }
           ),
-          /* @__PURE__ */ i(Wt, { idPrefix: E }),
+          /* @__PURE__ */ i(qt, { idPrefix: E }),
           /* @__PURE__ */ i(
             "div",
             {
-              className: Pt(),
+              className: Wt(),
               "aria-live": "polite",
               "aria-atomic": "true",
               "data-testid": "tooth-scheme-live",
-              children: V
+              children: B
             }
           )
         ]
@@ -714,56 +731,23 @@ const Ut = pt(
     ) });
   }
 );
-Ut.displayName = "ToothScheme";
-const Bt = {
-  id: "tooth-scheme",
-  capabilities: ["pick"],
-  state: {
-    chart: {
-      type: "object",
-      description: "Current dental chart state — tooth conditions keyed by FDI id.",
-      read: (n) => n.getChart()
-    }
-  },
-  actions: {
-    focus_tooth: {
-      safety: "read",
-      argsType: "{ id: FdiId }",
-      description: "Move focus to a specific tooth by FDI id.",
-      invoke: (n, e) => {
-        n.focusTooth(e.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`. Tests still use `data-testid="tooth-<fdi>"` separately.'
-    }
-  }
-};
+zt.displayName = "ToothScheme";
 export {
   $ as C,
   b as F,
-  X as P,
-  K as T,
+  J as P,
+  Q as T,
   P as a,
-  It as b,
-  Ot as c,
-  Lt as d,
-  J as e,
-  Ut as f,
-  st as g,
-  Vt as h,
-  St as i,
-  at as l,
-  $t as r,
-  Bt as t
+  Nt as b,
+  Mt as c,
+  $t as d,
+  Y as e,
+  zt as f,
+  ot as g,
+  Qt as h,
+  Rt as i,
+  it as l,
+  At as r,
+  Ct as t
 };
-//# sourceMappingURL=tooth-scheme.agent-CWrQBjJM.js.map
+//# sourceMappingURL=tooth-scheme-3mITSXiZ.js.map