@alfadocs/ui-kit 1.4.16 → 1.5.0

package/dist/_chunks/{periodontal-chart-brakjj0s.js → periodontal-chart-C0nNQKKK.js}

@@ -3,9 +3,9 @@ import { forwardRef as et, useRef as Re, useState as tt, useCallback as O, useMe
 import { c as qe } from "./index-D2ZczOXr.js";
 import { useTranslation as rt } from "react-i18next";
 import { u as nt } from "./registry-DvAUVLHh.js";
-import { P as ve, f as ye, e as at, d as ot, F as it, t as lt } from "./tooth-data-BwuoKFf4.js";
-import { P as Fe } from "./periodontal-chart-card-Bz-ebteE.js";
-const F = {
+import { P as ve, i as ye, h as at, g as it, f as ot, Y as lt } from "./tooth-data-DR8Kdnup.js";
+import { P as je } from "./periodontal-chart-card-Bz-ebteE.js";
+const j = {
   type: "string",
   description: "FDI tooth id ('11'–'48' permanent, '51'–'85' primary)."
 }, $ = {
@@ -30,7 +30,7 @@ const F = {
   items: {
     type: "object",
     properties: {
-      fdi: F,
+      fdi: j,
       status: {
         enum: ["present", "missing", "implant"],
         description: "Structural status of the tooth."
@@ -109,7 +109,7 @@ const pt = {
       argsSchema: {
         type: "object",
         properties: {
-          fdi: F,
+          fdi: j,
           site: $,
           field: { enum: ["pocketDepthMm", "recessionMm"] }
         },
@@ -127,7 +127,7 @@ const pt = {
       argsType: "{ fdi: string }",
       argsSchema: {
         type: "object",
-        properties: { fdi: F },
+        properties: { fdi: j },
         required: ["fdi"]
       },
       returns: "object | null",
@@ -164,7 +164,7 @@ const pt = {
       argsType: "{ fdi: string; site: PeriodontalSiteId; mm: number }",
       argsSchema: {
         type: "object",
-        properties: { fdi: F, site: $, mm: fe },
+        properties: { fdi: j, site: $, mm: fe },
         required: ["fdi", "site", "mm"]
       },
       idempotent: !0,
@@ -181,7 +181,7 @@ const pt = {
       argsType: "{ fdi: string; site: PeriodontalSiteId; mm: number }",
       argsSchema: {
         type: "object",
-        properties: { fdi: F, site: $, mm: fe },
+        properties: { fdi: j, site: $, mm: fe },
         required: ["fdi", "site", "mm"]
       },
       idempotent: !0,
@@ -197,7 +197,7 @@ const pt = {
       argsSchema: {
         type: "object",
         properties: {
-          fdi: F,
+          fdi: j,
           site: $,
           value: { type: "boolean" }
         },
@@ -216,7 +216,7 @@ const pt = {
       argsSchema: {
         type: "object",
         properties: {
-          fdi: F,
+          fdi: j,
           site: $,
           value: { type: "boolean" }
         },
@@ -235,7 +235,7 @@ const pt = {
       argsSchema: {
         type: "object",
         properties: {
-          fdi: F,
+          fdi: j,
           grade: { enum: [0, 1, 2, 3] }
         },
         required: ["fdi", "grade"]
@@ -252,7 +252,7 @@ const pt = {
       argsType: "{ fdi: string; value: boolean }",
       argsSchema: {
         type: "object",
-        properties: { fdi: F, value: { type: "boolean" } },
+        properties: { fdi: j, value: { type: "boolean" } },
         required: ["fdi", "value"]
       },
       idempotent: !0,
@@ -267,7 +267,7 @@ const pt = {
       argsType: "{ fdi: string }",
       argsSchema: {
         type: "object",
-        properties: { fdi: F },
+        properties: { fdi: j },
         required: ["fdi"]
       },
       idempotent: !0,
@@ -298,8 +298,8 @@ const pt = {
 function Ae(s) {
   return s === "buccal" ? be : mt;
 }
-const xe = 4, ie = 6, ht = 20, gt = 5;
-function je(s, t = xe, h = ie) {
+const xe = 4, oe = 6, ht = 20, gt = 5;
+function Fe(s, t = xe, h = oe) {
   return s == null || !Number.isFinite(s) ? "normal" : s >= h ? "severe" : s >= t ? "moderate" : "normal";
 }
 const ft = {
@@ -332,9 +332,9 @@ function Oe(s) {
   };
 }
 function _e(s, t) {
-  return t === "universal" ? at[s] ?? s : t === "palmer" ? ot[s] ?? s : s;
+  return t === "universal" ? at[s] ?? s : t === "palmer" ? it[s] ?? s : s;
 }
-function oe(s) {
+function ie(s) {
   const t = Math.round(s * 10) / 10;
   return t === 0 ? 0 : t;
 }
@@ -345,7 +345,7 @@ function Le(s) {
       for (const P of Object.values(L.sites)) {
         if (!P) continue;
         const y = P.pocketDepthMm;
-        y == null || !Number.isFinite(y) || (d += 1, t += y, h += y + (P.recessionMm ?? 0), y >= ie && (S += 1), P.bleeding && (f += 1), P.plaque && (E += 1));
+        y == null || !Number.isFinite(y) || (d += 1, t += y, h += y + (P.recessionMm ?? 0), y >= oe && (S += 1), P.bleeding && (f += 1), P.plaque && (E += 1));
       }
   return d === 0 ? {
     meanPocketDepthMm: null,
@@ -355,10 +355,10 @@ function Le(s) {
     scoredSiteCount: 0,
     deepPocketCount: 0
   } : {
-    meanPocketDepthMm: oe(t / d),
-    meanAttachmentLevelMm: oe(h / d),
-    plaquePercent: oe(E / d * 100),
-    bleedingPercent: oe(f / d * 100),
+    meanPocketDepthMm: ie(t / d),
+    meanAttachmentLevelMm: ie(h / d),
+    plaquePercent: ie(E / d * 100),
+    bleedingPercent: ie(f / d * 100),
     scoredSiteCount: d,
     deepPocketCount: S
   };
@@ -366,7 +366,7 @@ function Le(s) {
 const Mt = [...ve, ...ye];
 function kt(s, t) {
   var L, P;
-  const h = (t == null ? void 0 : t.moderate) ?? xe, d = (t == null ? void 0 : t.severe) ?? ie, f = /* @__PURE__ */ new Map();
+  const h = (t == null ? void 0 : t.moderate) ?? xe, d = (t == null ? void 0 : t.severe) ?? oe, f = /* @__PURE__ */ new Map();
   Mt.forEach((y, C) => f.set(y, C));
   const E = Object.keys(s).sort(
     (y, C) => (f.get(y) ?? Number.MAX_SAFE_INTEGER) - (f.get(C) ?? Number.MAX_SAFE_INTEGER)
@@ -392,26 +392,26 @@ function kt(s, t) {
     }
     const G = C.implant ? "implant" : "present", q = [], Z = [], te = [], z = [];
     let Y = null, X = null;
-    for (const M of Fe) {
+    for (const M of je) {
       const V = (L = C.sites) == null ? void 0 : L[M];
       if (!V) continue;
       const { pocketDepthMm: K, recessionMm: B, bleeding: b, plaque: H, suppuration: D } = V;
       if (K != null && Number.isFinite(K)) {
         Y = Y == null ? K : Math.max(Y, K);
-        const j = je(K, h, d);
-        j !== "normal" && q.push({ site: M, pocketDepthMm: K, severity: j });
+        const F = Fe(K, h, d);
+        F !== "normal" && q.push({ site: M, pocketDepthMm: K, severity: F });
       }
       B != null && Number.isFinite(B) && B > 0 && (X = X == null ? B : Math.max(X, B)), b && Z.push(M), H && te.push(M), D && z.push(M);
     }
     q.sort((M, V) => V.pocketDepthMm - M.pocketDepthMm);
-    const se = C.mobility != null && C.mobility >= 1 ? C.mobility : null, o = [];
+    const se = C.mobility != null && C.mobility >= 1 ? C.mobility : null, i = [];
     if (C.furcation)
       for (const M of ["buccal", "lingual"])
-        (P = C.furcation[M]) != null && P.some(Boolean) && o.push(M);
+        (P = C.furcation[M]) != null && P.some(Boolean) && i.push(M);
     const le = q.some(
       (M) => M.severity === "severe"
     ) ? "severe" : q.length > 0 ? "moderate" : "normal";
-    (G === "implant" || q.length > 0 || Z.length > 0 || z.length > 0 || se != null || o.length > 0) && S.push({
+    (G === "implant" || q.length > 0 || Z.length > 0 || z.length > 0 || se != null || i.length > 0) && S.push({
       fdi: y,
       status: G,
       severity: le,
@@ -422,12 +422,12 @@ function kt(s, t) {
       suppurationSites: z,
       maxRecessionMm: X,
       mobility: se,
-      furcation: o
+      furcation: i
     });
   }
   return S;
 }
-function jt(s = "permanent") {
+function Ft(s = "permanent") {
   const { upper: t, lower: h } = Oe(s), d = {};
   for (const f of [...t, ...h]) d[f] = {};
   return d;
@@ -436,7 +436,7 @@ function Ot(s) {
   const t = [];
   for (const [h, d] of Object.entries(s))
     if (!(d.missing || !d.sites))
-      for (const f of Fe) {
+      for (const f of je) {
         const E = d.sites[f];
         if (!E) continue;
         const { pocketDepthMm: S, recessionMm: L, bleeding: P, suppuration: y } = E;
@@ -519,39 +519,39 @@ const Et = {
     showCurves: y = !0,
     showIndices: C = !0,
     moderatePocketMm: G = xe,
-    severePocketMm: q = ie,
+    severePocketMm: q = oe,
     locale: Z,
     "aria-label": te,
     id: z,
     className: Y,
     ...X
   }, se) => {
-    const { t: o, i18n: le } = rt(), ce = Z ?? le.language ?? "en", M = Re(null), V = s !== void 0, [K, B] = tt(
+    const { t: i, i18n: le } = rt(), ce = Z ?? le.language ?? "en", M = Re(null), V = s !== void 0, [K, B] = tt(
       () => t ?? {}
     ), b = V ? s : K, H = d === "display", D = Re(b);
     D.current = b;
-    const j = O(
+    const F = O(
       (e) => {
         D.current = e, V || B(e), h == null || h(e);
       },
       [V, h]
     ), re = O(
-      (e, r, a) => j(Pt(D.current, e, r, a)),
-      [j]
+      (e, r, a) => F(Pt(D.current, e, r, a)),
+      [F]
     ), Q = O(
-      (e, r) => j(St(D.current, e, r)),
-      [j]
+      (e, r) => F(St(D.current, e, r)),
+      [F]
     ), Ne = O(
       (e) => {
         const r = { ...D.current };
-        delete r[e], j(r);
+        delete r[e], F(r);
       },
-      [j]
+      [F]
     ), Me = O(
       (e, r, a) => {
-        var i, l;
+        var o, l;
         try {
-          (l = (i = M.current) == null ? void 0 : i.querySelector(
+          (l = (o = M.current) == null ? void 0 : o.querySelector(
             `[data-perio-input][data-fdi="${e}"][data-site="${r}"][data-field="${a}"]`
           )) == null || l.focus();
         } catch {
@@ -586,7 +586,7 @@ const Et = {
       ]
     );
     st(se, () => de, [de]), nt(pt, de, z);
-    const ke = Oe(E), $e = te ?? o("periodontalChart.ariaLabel", "Periodontal chart"), ee = O(
+    const ke = Oe(E), $e = te ?? i("periodontalChart.ariaLabel", "Periodontal chart"), ee = O(
       (e) => {
         try {
           return new Intl.NumberFormat(ce, {
@@ -598,10 +598,10 @@ const Et = {
       },
       [ce]
     ), Ce = O(
-      (e) => o(`periodontalChart.site.${e}`, {
+      (e) => i(`periodontalChart.site.${e}`, {
         defaultValue: Et[e]
       }),
-      [o]
+      [i]
     ), U = O(
       (e) => _e(e, S),
       [S]
@@ -610,7 +610,7 @@ const Et = {
       {
         "aria-hidden": "true",
         className: "ds:text-[color:var(--muted-foreground)]",
-        children: o("periodontalChart.cell.empty", "–")
+        children: i("periodontalChart.cell.empty", "–")
       }
     ), Ve = O((e) => {
       var k;
@@ -620,36 +620,36 @@ const Et = {
       if (a !== "ArrowLeft" && a !== "ArrowRight" && a !== "ArrowUp" && a !== "ArrowDown")
         return;
       e.preventDefault();
-      const i = M.current;
-      if (!i) return;
+      const o = M.current;
+      if (!o) return;
       if (a === "ArrowUp" || a === "ArrowDown") {
-        const v = r.getAttribute("data-fdi"), A = r.getAttribute("data-site"), N = r.getAttribute("data-field") === "pocketDepthMm" ? "recessionMm" : "pocketDepthMm", _ = i.querySelector(
+        const v = r.getAttribute("data-fdi"), A = r.getAttribute("data-site"), N = r.getAttribute("data-field") === "pocketDepthMm" ? "recessionMm" : "pocketDepthMm", _ = o.querySelector(
           `[data-perio-input][data-fdi="${v}"][data-site="${A}"][data-field="${N}"]`
         );
         _ == null || _.focus(), _ == null || _.select();
         return;
       }
       const l = Array.from(
-        i.querySelectorAll("[data-perio-input]")
+        o.querySelectorAll("[data-perio-input]")
       ), p = l.indexOf(r);
       if (p === -1) return;
       const c = l[p + (a === "ArrowRight" ? 1 : -1)];
       c == null || c.focus(), c == null || c.select();
     }, []), T = "ds:px-[var(--spacing-2xs)] ds:py-[var(--spacing-2xs)] ds:text-center ds:border-b ds:border-[color:var(--border)]", W = "ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-start ds:font-medium ds:border-b ds:border-[color:var(--border)] ds:whitespace-nowrap", Ke = (e, r, a) => {
       var c, k, v;
-      const i = (v = (k = (c = b[e]) == null ? void 0 : c.sites) == null ? void 0 : k[r]) == null ? void 0 : v[a], l = a === "pocketDepthMm" ? je(i, G, q) : "normal", p = o(`periodontalChart.input.${a}`, {
+      const o = (v = (k = (c = b[e]) == null ? void 0 : c.sites) == null ? void 0 : k[r]) == null ? void 0 : v[a], l = a === "pocketDepthMm" ? Fe(o, G, q) : "normal", p = i(`periodontalChart.input.${a}`, {
         tooth: U(e),
         site: Ce(r),
         defaultValue: a === "pocketDepthMm" ? "Tooth {{tooth}} {{site}} pocket depth, millimetres" : "Tooth {{tooth}} {{site}} recession, millimetres"
-      }), g = l === "severe" ? o("periodontalChart.flag.severe", "severe pocket") : l === "moderate" ? o("periodontalChart.flag.moderate", "moderate pocket") : "";
-      return H ? i == null || !Number.isFinite(i) ? /* @__PURE__ */ n("span", { className: "ds:inline-block ds:w-[3.5ch]", children: I }) : /* @__PURE__ */ m(
+      }), g = l === "severe" ? i("periodontalChart.flag.severe", "severe pocket") : l === "moderate" ? i("periodontalChart.flag.moderate", "moderate pocket") : "";
+      return H ? o == null || !Number.isFinite(o) ? /* @__PURE__ */ n("span", { className: "ds:inline-block ds:w-[3.5ch]", children: I }) : /* @__PURE__ */ m(
         "span",
         {
           className: `ds:inline-block ds:w-[3.5ch] ds:tabular-nums ds:[font-variant-numeric:var(--font-feature-tabular)] ${Tt(
             l
           )}`,
           children: [
-            /* @__PURE__ */ n("span", { children: ee(i) }),
+            /* @__PURE__ */ n("span", { children: ee(o) }),
             g ? /* @__PURE__ */ m("span", { className: "ds:sr-only", children: [
               " ",
               g
@@ -668,7 +668,7 @@ const Et = {
           "data-fdi": e,
           "data-site": r,
           "data-field": a,
-          value: i == null ? "" : String(i),
+          value: o == null ? "" : String(o),
           onFocus: (A) => A.currentTarget.select(),
           onChange: (A) => {
             const x = A.target.value.trim();
@@ -691,12 +691,12 @@ const Et = {
       );
     }, He = (e, r, a) => {
       var g, c, k;
-      const i = !!((k = (c = (g = b[e]) == null ? void 0 : g.sites) == null ? void 0 : c[r]) != null && k[a]), l = o(`periodontalChart.toggle.${a}`, {
+      const o = !!((k = (c = (g = b[e]) == null ? void 0 : g.sites) == null ? void 0 : c[r]) != null && k[a]), l = i(`periodontalChart.toggle.${a}`, {
         tooth: U(e),
         site: Ce(r),
         defaultValue: a === "bleeding" ? "Tooth {{tooth}} {{site}} bleeding on probing" : "Tooth {{tooth}} {{site}} plaque"
       }), p = a === "bleeding" ? "ds:accent-[var(--destructive)]" : "ds:accent-[var(--warning)]";
-      return H ? i ? /* @__PURE__ */ n(
+      return H ? o ? /* @__PURE__ */ n(
         "span",
         {
           role: "img",
@@ -710,7 +710,7 @@ const Et = {
           {
             type: "checkbox",
             disabled: f,
-            checked: i,
+            checked: o,
             onChange: (v) => re(
               e,
               r,
@@ -722,13 +722,13 @@ const Et = {
       ] });
     }, ze = (e, r) => {
       var p;
-      const a = b[e], i = bt(e, r);
-      if (a != null && a.missing || i === 0) return I;
+      const a = b[e], o = bt(e, r);
+      if (a != null && a.missing || o === 0) return I;
       const l = ((p = a == null ? void 0 : a.furcation) == null ? void 0 : p[r]) ?? [];
-      return /* @__PURE__ */ n("span", { className: "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: i }, (g, c) => {
-        const k = !!l[c], v = o("periodontalChart.toggle.furcation", {
+      return /* @__PURE__ */ n("span", { className: "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: o }, (g, c) => {
+        const k = !!l[c], v = i("periodontalChart.toggle.furcation", {
           tooth: U(e),
-          side: o(`periodontalChart.side.${r}`, {
+          side: i(`periodontalChart.side.${r}`, {
             defaultValue: r === "buccal" ? "buccal" : "lingual"
           }),
           n: c + 1,
@@ -764,7 +764,7 @@ const Et = {
                   onChange: (A) => {
                     var N;
                     const x = [...((N = a == null ? void 0 : a.furcation) == null ? void 0 : N[r]) ?? []];
-                    for (; x.length < i; ) x.push(!1);
+                    for (; x.length < o; ) x.push(!1);
                     x[c] = A.target.checked, Q(e, {
                       furcation: { ...a == null ? void 0 : a.furcation, [r]: x }
                     });
@@ -777,30 +777,30 @@ const Et = {
           c
         );
       }) });
-    }, ne = (e, r, a, i, l) => /* @__PURE__ */ m("tr", { children: [
-      /* @__PURE__ */ n("th", { scope: "row", className: W, children: o(r, a) }),
+    }, ne = (e, r, a, o, l) => /* @__PURE__ */ m("tr", { children: [
+      /* @__PURE__ */ n("th", { scope: "row", className: W, children: i(r, a) }),
       e.map((p) => {
         var g;
-        return /* @__PURE__ */ n("td", { className: T, children: (g = b[p]) != null && g.missing ? I : /* @__PURE__ */ n("span", { className: "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]", children: Ae(i).map((c) => /* @__PURE__ */ n("span", { children: Ke(p, c, l) }, c)) }) }, p);
+        return /* @__PURE__ */ n("td", { className: T, children: (g = b[p]) != null && g.missing ? I : /* @__PURE__ */ n("span", { className: "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]", children: Ae(o).map((c) => /* @__PURE__ */ n("span", { children: Ke(p, c, l) }, c)) }) }, p);
       })
-    ] }), ae = (e, r, a, i, l) => /* @__PURE__ */ m("tr", { children: [
-      /* @__PURE__ */ n("th", { scope: "row", className: W, children: o(r, a) }),
+    ] }), ae = (e, r, a, o, l) => /* @__PURE__ */ m("tr", { children: [
+      /* @__PURE__ */ n("th", { scope: "row", className: W, children: i(r, a) }),
       e.map((p) => {
         var g;
-        return /* @__PURE__ */ n("td", { className: T, children: (g = b[p]) != null && g.missing ? I : /* @__PURE__ */ n("span", { className: "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]", children: Ae(i).map((c) => /* @__PURE__ */ n("span", { children: He(p, c, l) }, c)) }) }, p);
+        return /* @__PURE__ */ n("td", { className: T, children: (g = b[p]) != null && g.missing ? I : /* @__PURE__ */ n("span", { className: "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]", children: Ae(o).map((c) => /* @__PURE__ */ n("span", { children: He(p, c, l) }, c)) }) }, p);
       })
     ] }), we = (e, r) => /* @__PURE__ */ m("tr", { children: [
-      /* @__PURE__ */ n("th", { scope: "row", className: W, children: o("periodontalChart.row.furcation", "Furcation") }),
+      /* @__PURE__ */ n("th", { scope: "row", className: W, children: i("periodontalChart.row.furcation", "Furcation") }),
       e.map((a) => /* @__PURE__ */ n("td", { className: T, children: ze(a, r) }, a))
-    ] }), Se = (e, r, a, i) => /* @__PURE__ */ m("tr", { children: [
-      /* @__PURE__ */ n("th", { scope: "row", className: W, children: o(r, a) }),
+    ] }), Se = (e, r, a, o) => /* @__PURE__ */ m("tr", { children: [
+      /* @__PURE__ */ n("th", { scope: "row", className: W, children: i(r, a) }),
       e.map((l) => {
         var c, k;
-        if (i === "implant" && ((c = b[l]) != null && c.missing))
+        if (o === "implant" && ((c = b[l]) != null && c.missing))
           return /* @__PURE__ */ n("td", { className: T, children: I }, l);
-        const p = !!((k = b[l]) != null && k[i]), g = o(`periodontalChart.flag.${i}Label`, {
+        const p = !!((k = b[l]) != null && k[o]), g = i(`periodontalChart.flag.${o}Label`, {
           tooth: U(l),
-          defaultValue: i === "missing" ? "Tooth {{tooth}} missing" : "Tooth {{tooth}} implant"
+          defaultValue: o === "missing" ? "Tooth {{tooth}} missing" : "Tooth {{tooth}} implant"
         });
         return /* @__PURE__ */ n("td", { className: T, children: H ? p ? /* @__PURE__ */ n(
           "span",
@@ -808,7 +808,7 @@ const Et = {
             role: "img",
             "aria-label": g,
             className: "type-meta ds:font-semibold",
-            children: i === "missing" ? o("periodontalChart.flag.missingShort", "×") : o("periodontalChart.flag.implantShort", "I")
+            children: o === "missing" ? i("periodontalChart.flag.missingShort", "×") : i("periodontalChart.flag.implantShort", "I")
           }
         ) : I : /* @__PURE__ */ m("label", { className: "ds:inline-flex ds:size-6 ds:cursor-pointer ds:items-center ds:justify-center", children: [
           /* @__PURE__ */ n("span", { className: "ds:sr-only", children: g }),
@@ -820,7 +820,7 @@ const Et = {
               checked: p,
               onChange: (v) => Q(
                 l,
-                i === "missing" ? { missing: v.target.checked } : { implant: v.target.checked }
+                o === "missing" ? { missing: v.target.checked } : { implant: v.target.checked }
               ),
               className: "ds:size-4 ds:accent-[var(--primary)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
             }
@@ -828,27 +828,27 @@ const Et = {
         ] }) }, l);
       })
     ] }), Be = (e) => /* @__PURE__ */ m("tr", { children: [
-      /* @__PURE__ */ n("th", { scope: "row", className: W, children: o("periodontalChart.row.mobility", "Mobility") }),
+      /* @__PURE__ */ n("th", { scope: "row", className: W, children: i("periodontalChart.row.mobility", "Mobility") }),
       e.map((r) => {
         var l, p;
         if ((l = b[r]) != null && l.missing)
           return /* @__PURE__ */ n("td", { className: T, children: I }, r);
-        const a = (p = b[r]) == null ? void 0 : p.mobility, i = o("periodontalChart.mobility.label", {
+        const a = (p = b[r]) == null ? void 0 : p.mobility, o = i("periodontalChart.mobility.label", {
           tooth: U(r),
           defaultValue: "Tooth {{tooth}} mobility grade"
         });
-        return H ? /* @__PURE__ */ n("td", { className: T, children: a == null ? I : /* @__PURE__ */ n("span", { role: "img", "aria-label": i, className: "type-meta", children: a }) }, r) : /* @__PURE__ */ n("td", { className: T, children: /* @__PURE__ */ m(
+        return H ? /* @__PURE__ */ n("td", { className: T, children: a == null ? I : /* @__PURE__ */ n("span", { role: "img", "aria-label": o, className: "type-meta", children: a }) }, r) : /* @__PURE__ */ n("td", { className: T, children: /* @__PURE__ */ m(
           "select",
           {
             disabled: f,
-            "aria-label": i,
+            "aria-label": o,
             value: a == null ? "" : String(a),
             onChange: (g) => Q(r, {
               mobility: g.target.value === "" ? void 0 : Number(g.target.value)
             }),
             className: "ds:h-6 ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--input)] ds:bg-[var(--background)] ds:text-[color:var(--foreground)] ds:text-center ds:outline-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
             children: [
-              /* @__PURE__ */ n("option", { value: "", children: o("periodontalChart.mobility.none", "–") }),
+              /* @__PURE__ */ n("option", { value: "", children: i("periodontalChart.mobility.none", "–") }),
               /* @__PURE__ */ n("option", { value: "0", children: "0" }),
               /* @__PURE__ */ n("option", { value: "1", children: "1" }),
               /* @__PURE__ */ n("option", { value: "2", children: "2" }),
@@ -858,12 +858,12 @@ const Et = {
         ) }, r);
       })
     ] }), Ue = (e) => /* @__PURE__ */ m("tr", { children: [
-      /* @__PURE__ */ n("th", { scope: "row", className: W, children: o("periodontalChart.row.note", "Note") }),
+      /* @__PURE__ */ n("th", { scope: "row", className: W, children: i("periodontalChart.row.note", "Note") }),
       e.map((r) => {
         var l, p;
         if ((l = b[r]) != null && l.missing)
           return /* @__PURE__ */ n("td", { className: T, children: I }, r);
-        const a = ((p = b[r]) == null ? void 0 : p.note) ?? "", i = o("periodontalChart.note.label", {
+        const a = ((p = b[r]) == null ? void 0 : p.note) ?? "", o = i("periodontalChart.note.label", {
           tooth: U(r),
           defaultValue: "Tooth {{tooth}} note"
         });
@@ -872,7 +872,7 @@ const Et = {
           {
             type: "text",
             disabled: f,
-            "aria-label": i,
+            "aria-label": o,
             value: a,
             onChange: (g) => Q(r, { note: g.target.value }),
             className: "ds:h-6 ds:w-[6ch] ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--input)] ds:bg-[var(--background)] ds:text-[color:var(--foreground)] ds:px-[var(--spacing-2xs)] ds:outline-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
@@ -880,16 +880,16 @@ const Et = {
         ) }, r);
       })
     ] }), We = (e) => /* @__PURE__ */ m("tr", { children: [
-      /* @__PURE__ */ n("th", { scope: "row", className: W, children: o("periodontalChart.row.tooth", "Tooth") }),
+      /* @__PURE__ */ n("th", { scope: "row", className: W, children: i("periodontalChart.row.tooth", "Tooth") }),
       e.map((r) => {
-        const a = b[r], i = it[r];
-        if (a != null && a.missing || !i)
+        const a = b[r], o = ot[r];
+        if (a != null && a.missing || !o)
           return /* @__PURE__ */ n("td", { className: T, children: I }, r);
         const l = a != null && a.implant ? "implant" : "default";
         return /* @__PURE__ */ n("td", { className: T, children: /* @__PURE__ */ n(
           "img",
           {
-            src: lt(i, P, l, "side"),
+            src: lt(o, P, l, "side"),
             alt: "",
             "aria-hidden": "true",
             loading: "lazy",
@@ -1015,35 +1015,35 @@ const Et = {
         tabIndex: 0,
         role: "group",
         dir: "ltr",
-        "aria-label": o(r, a),
+        "aria-label": i(r, a),
         className: "ds:overflow-x-auto ds:rounded-[var(--radius-sm)] ds:outline-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
         children: [
           /* @__PURE__ */ m("table", { className: "type-body-sm ds:w-full ds:border-collapse", children: [
-            /* @__PURE__ */ n("caption", { className: "type-label ds:text-start ds:mb-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]", children: o(r, a) }),
+            /* @__PURE__ */ n("caption", { className: "type-label ds:text-start ds:mb-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]", children: i(r, a) }),
             /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ m("tr", { children: [
               /* @__PURE__ */ n(
                 "th",
                 {
                   scope: "col",
                   className: "ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-start ds:border-b ds:border-[color:var(--border)]",
-                  children: o("periodontalChart.column.measure", "Measurement")
+                  children: i("periodontalChart.column.measure", "Measurement")
                 }
               ),
-              e.map((i) => /* @__PURE__ */ m(
+              e.map((o) => /* @__PURE__ */ m(
                 "th",
                 {
                   scope: "col",
-                  "data-fdi": i,
+                  "data-fdi": o,
                   className: "ds:px-[var(--spacing-2xs)] ds:py-[var(--spacing-2xs)] ds:text-center ds:border-b ds:border-[color:var(--border)] ds:tabular-nums ds:[font-variant-numeric:var(--font-feature-tabular)]",
                   children: [
-                    /* @__PURE__ */ n("span", { className: "ds:sr-only", children: o("periodontalChart.toothHeader", {
-                      tooth: U(i),
+                    /* @__PURE__ */ n("span", { className: "ds:sr-only", children: i("periodontalChart.toothHeader", {
+                      tooth: U(o),
                       defaultValue: "Tooth {{tooth}}"
                     }) }),
-                    /* @__PURE__ */ n("span", { "aria-hidden": "true", children: _e(i, S) })
+                    /* @__PURE__ */ n("span", { "aria-hidden": "true", children: _e(o, S) })
                   ]
                 },
-                i
+                o
               ))
             ] }) }),
             /* @__PURE__ */ m("tbody", { children: [
@@ -1126,8 +1126,8 @@ const Et = {
             "figure",
             {
               className: "ds:m-0 ds:mt-[var(--spacing-2xs)]",
-              "aria-label": o("periodontalChart.curve.label", {
-                arch: o(r, a),
+              "aria-label": i("periodontalChart.curve.label", {
+                arch: i(r, a),
                 defaultValue: "{{arch}} probing depth and recession profile"
               }),
               children: Ge(e)
@@ -1139,8 +1139,8 @@ const Et = {
       const e = [
         {
           key: "meanPd",
-          label: o("periodontalChart.index.meanPocketDepth", "Mean PD"),
-          value: R.meanPocketDepthMm == null ? "–" : o("periodontalChart.unit.mm", {
+          label: i("periodontalChart.index.meanPocketDepth", "Mean PD"),
+          value: R.meanPocketDepthMm == null ? "–" : i("periodontalChart.unit.mm", {
             value: ee(R.meanPocketDepthMm),
             defaultValue: "{{value}} mm"
           }),
@@ -1148,8 +1148,8 @@ const Et = {
         },
         {
           key: "meanCal",
-          label: o("periodontalChart.index.meanAttachment", "Mean CAL"),
-          value: R.meanAttachmentLevelMm == null ? "–" : o("periodontalChart.unit.mm", {
+          label: i("periodontalChart.index.meanAttachment", "Mean CAL"),
+          value: R.meanAttachmentLevelMm == null ? "–" : i("periodontalChart.unit.mm", {
             value: ee(R.meanAttachmentLevelMm),
             defaultValue: "{{value}} mm"
           }),
@@ -1157,8 +1157,8 @@ const Et = {
         },
         {
           key: "plaque",
-          label: o("periodontalChart.index.plaque", "Plaque"),
-          value: R.plaquePercent == null ? "–" : o("periodontalChart.unit.percent", {
+          label: i("periodontalChart.index.plaque", "Plaque"),
+          value: R.plaquePercent == null ? "–" : i("periodontalChart.unit.percent", {
             value: ee(R.plaquePercent),
             defaultValue: "{{value}}%"
           }),
@@ -1166,8 +1166,8 @@ const Et = {
         },
         {
           key: "bleeding",
-          label: o("periodontalChart.index.bleeding", "BoP"),
-          value: R.bleedingPercent == null ? "–" : o("periodontalChart.unit.percent", {
+          label: i("periodontalChart.index.bleeding", "BoP"),
+          value: R.bleedingPercent == null ? "–" : i("periodontalChart.unit.percent", {
             value: ee(R.bleedingPercent),
             defaultValue: "{{value}}%"
           }),
@@ -1178,7 +1178,7 @@ const Et = {
         "dl",
         {
           className: "type-body-sm ds:flex ds:flex-wrap ds:gap-[var(--spacing-lg)] ds:m-0",
-          "aria-label": o("periodontalChart.index.label", "Summary indices"),
+          "aria-label": i("periodontalChart.index.label", "Summary indices"),
           children: e.map((r) => /* @__PURE__ */ m(
             "div",
             {
@@ -1193,7 +1193,7 @@ const Et = {
                       /* @__PURE__ */ n("span", { children: r.value }),
                       r.elevated ? /* @__PURE__ */ m("span", { className: "ds:sr-only", children: [
                         " ",
-                        o("periodontalChart.index.elevated", "elevated")
+                        i("periodontalChart.index.elevated", "elevated")
                       ] }) : null
                     ]
                   }
@@ -1208,7 +1208,7 @@ const Et = {
       "div",
       {
         role: "group",
-        "aria-label": o("periodontalChart.legend.label", "Chart legend"),
+        "aria-label": i("periodontalChart.legend.label", "Chart legend"),
         className: "type-meta ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-md)] ds:text-[color:var(--muted-foreground)]",
         children: [
           /* @__PURE__ */ m("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
@@ -1219,7 +1219,7 @@ const Et = {
                 className: "ds:inline-block ds:h-[2px] ds:w-4 ds:bg-[var(--success)]"
               }
             ),
-            o("periodontalChart.legend.depth", "Pocket depth")
+            i("periodontalChart.legend.depth", "Pocket depth")
           ] }),
           /* @__PURE__ */ m("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
             /* @__PURE__ */ n(
@@ -1229,7 +1229,7 @@ const Et = {
                 className: "ds:inline-block ds:h-[2px] ds:w-4 ds:bg-[var(--accent)]"
               }
             ),
-            o("periodontalChart.legend.recession", "Recession")
+            i("periodontalChart.legend.recession", "Recession")
           ] }),
           /* @__PURE__ */ m("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
             /* @__PURE__ */ n(
@@ -1239,7 +1239,7 @@ const Et = {
                 className: "ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--destructive)]"
               }
             ),
-            o("periodontalChart.legend.bleeding", "Bleeding on probing")
+            i("periodontalChart.legend.bleeding", "Bleeding on probing")
           ] }),
           /* @__PURE__ */ m("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
             /* @__PURE__ */ n(
@@ -1249,7 +1249,7 @@ const Et = {
                 className: "ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--warning)]"
               }
             ),
-            o("periodontalChart.legend.plaque", "Plaque")
+            i("periodontalChart.legend.plaque", "Plaque")
           ] })
         ]
       }
@@ -1285,21 +1285,21 @@ export {
   gt as B,
   xe as M,
   be as P,
-  ie as S,
+  oe as S,
   ft as a,
   mt as b,
   ht as c,
   Dt as d,
   kt as e,
   Le as f,
-  jt as g,
+  Ft as g,
   bt as h,
   pt as i,
   _e as j,
-  je as k,
+  Fe as k,
   Ot as l,
   Oe as p,
   Ae as s,
   $t as t
 };
-//# sourceMappingURL=periodontal-chart-brakjj0s.js.map
+//# sourceMappingURL=periodontal-chart-C0nNQKKK.js.map