@alfadocs/ui-kit 0.47.0 → 0.49.0

package/dist/_chunks/periodontal-chart-card-BYs9hax1.js

@@ -0,0 +1,455 @@
+import { jsxs as o, jsx as e, Fragment as Z } from "react/jsx-runtime";
+import { forwardRef as ee, useId as te, useMemo as O } from "react";
+import { c as R } from "./index-D2ZczOXr.js";
+import { useTranslation as ae } from "react-i18next";
+import { B as re } from "./badge-zsf5i5bH.js";
+import { C as S } from "./card-DPmk26CL.js";
+import { K as ne, a as se } from "./key-value-pair-CkQIb9EG.js";
+import { u as oe } from "./registry-nPAVE19X.js";
+const de = {
+  id: "periodontal-chart-card",
+  capabilities: [],
+  state: {
+    toothIds: {
+      type: "string[]",
+      descriptionKey: "ui.agent.periodontalChartCard.state.toothIds",
+      description: "FDI ids of the teeth currently charted. Tooth identifiers only — no patient identity.",
+      read: (d) => d.getToothIds()
+    },
+    siteCount: {
+      type: "number",
+      descriptionKey: "ui.agent.periodontalChartCard.state.siteCount",
+      description: "Total number of probing sites rendered.",
+      read: (d) => d.getSiteCount()
+    },
+    deepPocketCount: {
+      type: "number",
+      descriptionKey: "ui.agent.periodontalChartCard.state.deepPocketCount",
+      description: "Number of sites with a probing depth at or above the 6mm severe threshold.",
+      read: (d) => d.getDeepPocketCount()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "periodontal-chart-card",
+      description: "Marks the PeriodontalChartCard root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, le = R("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    // Matches the kit's other `surface` props. `elevated` wraps in
+    // `<Card variant="elevated">`; `flat` drops the chrome for use
+    // inside an existing Card / Sheet.
+    surface: {
+      flat: "",
+      elevated: ""
+    }
+  },
+  defaultVariants: { surface: "elevated" }
+}), ie = R(
+  "ds:[font-variant-numeric:var(--font-feature-tabular)] ds:tabular-nums",
+  {
+    variants: {
+      severity: {
+        normal: "ds:text-[color:var(--foreground)]",
+        moderate: "ds:font-semibold ds:text-[color:var(--warning-foreground)]",
+        severe: "ds:font-bold ds:text-[color:var(--destructive)]"
+      }
+    },
+    defaultVariants: { severity: "normal" }
+  }
+), I = 4, N = 6, f = [
+  "db",
+  "b",
+  "mb",
+  "dl",
+  "l",
+  "ml"
+], ce = {
+  db: "Disto-buccal",
+  b: "Buccal",
+  mb: "Mesio-buccal",
+  dl: "Disto-lingual",
+  l: "Lingual",
+  ml: "Mesio-lingual"
+}, L = ["1", "2", "3", "4"];
+function pe(d) {
+  return d == null || !Number.isFinite(d) ? "normal" : d >= N ? "severe" : d >= I ? "moderate" : "normal";
+}
+function ue(d) {
+  return d === "severe" ? "∗∗" : d === "moderate" ? "∗" : "";
+}
+function A(d) {
+  const m = d.trim().charAt(0);
+  return L.includes(m) ? m : null;
+}
+const he = ee(
+  ({
+    sites: d,
+    dateIso: m,
+    dentition: y = "permanent",
+    mobility: v,
+    summary: u,
+    locale: q,
+    surface: P = "elevated",
+    "aria-label": F,
+    id: b,
+    className: _,
+    ...B
+  }, K) => {
+    const { t: a, i18n: Q } = ae(), k = te(), C = q ?? Q.language ?? "en", { quadrants: D, toothIds: U, siteCount: j, deepPocketCount: z } = O(() => {
+      const t = /* @__PURE__ */ new Map();
+      let h = 0, p = 0;
+      for (const n of d) {
+        h += 1, (n.pocketDepthMm ?? 0) >= N && (p += 1);
+        let c = t.get(n.tooth);
+        c || (c = { tooth: n.tooth, sites: {} }, t.set(n.tooth, c)), c.sites[n.site] = n;
+      }
+      const l = Array.from(t.values()), i = L.map((n) => ({
+        quadrant: n,
+        teeth: l.filter((c) => A(c.tooth) === n).sort((c, Y) => c.tooth.localeCompare(Y.tooth, "en"))
+      })).filter((n) => n.teeth.length > 0), r = l.filter((n) => A(n.tooth) === null);
+      r.length > 0 && i.push({ quadrant: null, teeth: r });
+      const s = i.flatMap((n) => n.teeth.map((c) => c.tooth));
+      return {
+        quadrants: i,
+        toothIds: s,
+        siteCount: h,
+        deepPocketCount: p
+      };
+    }, [d]);
+    oe(
+      de,
+      {
+        getToothIds: () => U,
+        getSiteCount: () => j,
+        getDeepPocketCount: () => z
+      },
+      b
+    );
+    const w = O(() => {
+      if (!m) return;
+      const t = new Date(m);
+      if (!Number.isNaN(t.getTime()))
+        try {
+          return new Intl.DateTimeFormat(C, {
+            dateStyle: "medium"
+          }).format(t);
+        } catch {
+          return t.toISOString().slice(0, 10);
+        }
+    }, [m, C]), M = a(
+      "periodontalChartCard.heading",
+      "Periodontal chart"
+    ), $ = F ?? M, H = {
+      permanent: "Permanent dentition",
+      primary: "Primary dentition",
+      mixed: "Mixed dentition"
+    }, T = a(`periodontalChartCard.dentition.${y}`, {
+      defaultValue: H[y]
+    }), x = (t) => {
+      try {
+        return new Intl.NumberFormat(C, {
+          maximumFractionDigits: 1
+        }).format(t);
+      } catch {
+        return String(t);
+      }
+    }, g = [];
+    (u == null ? void 0 : u.meanPocketDepthMm) != null && g.push({
+      key: "meanPocketDepth",
+      label: a(
+        "periodontalChartCard.summary.meanPocketDepth",
+        "Mean probing depth"
+      ),
+      value: a("periodontalChartCard.unit.mm", {
+        value: x(u.meanPocketDepthMm),
+        defaultValue: "{{value}} mm"
+      })
+    }), (u == null ? void 0 : u.bleedingOnProbingPercent) != null && g.push({
+      key: "bleedingOnProbing",
+      label: a(
+        "periodontalChartCard.summary.bleedingOnProbing",
+        "Bleeding on probing"
+      ),
+      value: a("periodontalChartCard.unit.percent", {
+        value: x(u.bleedingOnProbingPercent),
+        defaultValue: "{{value}}%"
+      })
+    });
+    const E = (t, h) => {
+      if (t == null || !Number.isFinite(t))
+        return /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:text-[color:var(--muted-foreground)]",
+            children: a("periodontalChartCard.cell.empty", "–")
+          }
+        );
+      const p = h === "pocket" ? pe(t) : "normal", l = h === "pocket" ? ue(p) : "", i = x(t), r = p === "severe" ? ` ${a("periodontalChartCard.flag.severe", "severe pocket")}` : p === "moderate" ? ` ${a("periodontalChartCard.flag.moderate", "moderate pocket")}` : "";
+      return /* @__PURE__ */ o("span", { className: ie({ severity: p }), children: [
+        /* @__PURE__ */ e("span", { children: i }),
+        l ? /* @__PURE__ */ e("span", { "aria-hidden": "true", children: l }) : null,
+        r ? /* @__PURE__ */ e("span", { className: "ds:sr-only", children: r }) : null
+      ] });
+    }, G = (t) => !t || !t.bleeding && !t.suppuration ? /* @__PURE__ */ e(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "ds:text-[color:var(--muted-foreground)]",
+        children: a("periodontalChartCard.cell.empty", "–")
+      }
+    ) : /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+      t.bleeding ? /* @__PURE__ */ e(
+        "span",
+        {
+          role: "img",
+          "aria-label": a(
+            "periodontalChartCard.sign.bleeding",
+            "Bleeding on probing"
+          ),
+          className: "ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--destructive)]"
+        }
+      ) : null,
+      t.suppuration ? /* @__PURE__ */ e(
+        "span",
+        {
+          role: "img",
+          "aria-label": a(
+            "periodontalChartCard.sign.suppuration",
+            "Suppuration"
+          ),
+          className: "ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--warning)]"
+        }
+      ) : null
+    ] }), J = (t) => {
+      const h = {
+        1: "Upper right (Q1)",
+        2: "Upper left (Q2)",
+        3: "Lower left (Q3)",
+        4: "Lower right (Q4)"
+      }, p = t.quadrant != null ? a(`periodontalChartCard.quadrant.${t.quadrant}`, {
+        defaultValue: h[t.quadrant]
+      }) : a("periodontalChartCard.quadrant.other", "Other teeth"), l = "ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-center ds:border-b ds:border-[color:var(--border)]", i = "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";
+      return /* @__PURE__ */ e(
+        "div",
+        {
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-x-auto",
+          children: /* @__PURE__ */ o("table", { className: "type-body-sm ds:w-full ds:border-collapse", children: [
+            /* @__PURE__ */ e("caption", { className: "type-label ds:text-start ds:mb-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]", children: p }),
+            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
+              /* @__PURE__ */ e(
+                "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: a("periodontalChartCard.column.measure", "Measurement")
+                }
+              ),
+              t.teeth.map((r) => /* @__PURE__ */ o(
+                "th",
+                {
+                  scope: "col",
+                  "data-tooth-id": r.tooth,
+                  className: "ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)] ds:text-center ds:border-b ds:border-[color:var(--border)] ds:[font-variant-numeric:var(--font-feature-tabular)] ds:tabular-nums",
+                  children: [
+                    /* @__PURE__ */ e("span", { className: "ds:sr-only", children: a("periodontalChartCard.toothHeader", {
+                      tooth: r.tooth,
+                      defaultValue: "Tooth {{tooth}}"
+                    }) }),
+                    /* @__PURE__ */ e("span", { "aria-hidden": "true", children: r.tooth })
+                  ]
+                },
+                r.tooth
+              ))
+            ] }) }),
+            /* @__PURE__ */ o("tbody", { children: [
+              /* @__PURE__ */ o("tr", { children: [
+                /* @__PURE__ */ e("th", { scope: "row", className: i, children: a(
+                  "periodontalChartCard.row.pocketDepth",
+                  "Pocket depth (PD)"
+                ) }),
+                t.teeth.map((r) => /* @__PURE__ */ e("td", { className: l, children: /* @__PURE__ */ o("span", { className: "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]", children: [
+                  f.map((s) => /* @__PURE__ */ e("span", { className: "ds:sr-only", children: a(`periodontalChartCard.site.${s}`, {
+                    defaultValue: ce[s]
+                  }) }, s)),
+                  /* @__PURE__ */ e("span", { className: "ds:flex ds:gap-[var(--spacing-2xs)]", children: f.map((s) => {
+                    var n;
+                    return /* @__PURE__ */ e("span", { children: E(
+                      (n = r.sites[s]) == null ? void 0 : n.pocketDepthMm,
+                      "pocket"
+                    ) }, s);
+                  }) })
+                ] }) }, r.tooth))
+              ] }),
+              /* @__PURE__ */ o("tr", { children: [
+                /* @__PURE__ */ e("th", { scope: "row", className: i, children: a("periodontalChartCard.row.recession", "Recession (REC)") }),
+                t.teeth.map((r) => /* @__PURE__ */ e("td", { className: l, children: /* @__PURE__ */ e("span", { className: "ds:flex ds:gap-[var(--spacing-2xs)] ds:justify-center", children: f.map((s) => {
+                  var n;
+                  return /* @__PURE__ */ e("span", { children: E(
+                    (n = r.sites[s]) == null ? void 0 : n.recessionMm,
+                    "recession"
+                  ) }, s);
+                }) }) }, r.tooth))
+              ] }),
+              /* @__PURE__ */ o("tr", { children: [
+                /* @__PURE__ */ e("th", { scope: "row", className: i, children: a(
+                  "periodontalChartCard.row.signs",
+                  "Bleeding / suppuration"
+                ) }),
+                t.teeth.map((r) => /* @__PURE__ */ e("td", { className: l, children: /* @__PURE__ */ e("span", { className: "ds:flex ds:gap-[var(--spacing-2xs)] ds:justify-center", children: f.map((s) => /* @__PURE__ */ e("span", { children: G(r.sites[s]) }, s)) }) }, r.tooth))
+              ] }),
+              v && t.teeth.some((r) => v[r.tooth] != null) ? /* @__PURE__ */ o("tr", { children: [
+                /* @__PURE__ */ e("th", { scope: "row", className: i, children: a("periodontalChartCard.row.mobility", "Mobility") }),
+                t.teeth.map((r) => {
+                  const s = v[r.tooth];
+                  return /* @__PURE__ */ e("td", { className: l, children: s != null ? /* @__PURE__ */ e(
+                    re,
+                    {
+                      variant: s >= 2 ? "warning" : "neutral",
+                      size: "sm",
+                      "aria-label": a(
+                        "periodontalChartCard.mobility.label",
+                        {
+                          grade: s,
+                          defaultValue: "Mobility grade {{grade}}"
+                        }
+                      ),
+                      children: s
+                    }
+                  ) : /* @__PURE__ */ e(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[color:var(--muted-foreground)]",
+                      children: a("periodontalChartCard.cell.empty", "–")
+                    }
+                  ) }, r.tooth);
+                })
+              ] }) : null
+            ] })
+          ] })
+        },
+        t.quadrant ?? "other"
+      );
+    }, W = /* @__PURE__ */ o(
+      "div",
+      {
+        role: "group",
+        className: "type-meta ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[color:var(--muted-foreground)]",
+        "aria-label": a("periodontalChartCard.legend.label", "Chart legend"),
+        children: [
+          /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:font-semibold ds:text-[color:var(--warning-foreground)]",
+                children: "∗"
+              }
+            ),
+            a("periodontalChartCard.legend.moderate", {
+              threshold: I,
+              defaultValue: "PD ≥ {{threshold}} mm"
+            })
+          ] }),
+          /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:font-bold ds:text-[color:var(--destructive)]",
+                children: "∗∗"
+              }
+            ),
+            a("periodontalChartCard.legend.severe", {
+              threshold: N,
+              defaultValue: "PD ≥ {{threshold}} mm"
+            })
+          ] }),
+          /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--destructive)]"
+              }
+            ),
+            a("periodontalChartCard.sign.bleeding", "Bleeding on probing")
+          ] }),
+          /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[var(--warning)]"
+              }
+            ),
+            a("periodontalChartCard.sign.suppuration", "Suppuration")
+          ] })
+        ]
+      }
+    ), X = D.length === 0, V = /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+        /* @__PURE__ */ e(
+          "h2",
+          {
+            id: k,
+            className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+            children: M
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: w ? a("periodontalChartCard.subtitle.dated", {
+          dentition: T,
+          date: w,
+          defaultValue: "{{dentition}} · {{date}}"
+        }) : T })
+      ] }),
+      g.length > 0 ? /* @__PURE__ */ e(ne, { rowGap: "sm", children: g.map((t) => /* @__PURE__ */ e(se, { label: t.label, value: t.value }, t.key)) }) : null,
+      X ? /* @__PURE__ */ e(
+        "p",
+        {
+          role: "status",
+          className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]",
+          children: a(
+            "periodontalChartCard.empty",
+            "No periodontal readings recorded."
+          )
+        }
+      ) : /* @__PURE__ */ o(Z, { children: [
+        /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: D.map((t) => J(t)) }),
+        W
+      ] })
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: K,
+        role: "region",
+        "aria-label": $,
+        "aria-labelledby": k,
+        "data-component": "periodontal-chart-card",
+        "data-component-id": b,
+        id: b,
+        className: le({ surface: P, className: _ }),
+        ...B,
+        children: P === "elevated" ? /* @__PURE__ */ e(S, { variant: "elevated", children: /* @__PURE__ */ e(S.Body, { children: V }) }) : V
+      }
+    );
+  }
+);
+he.displayName = "PeriodontalChartCard";
+export {
+  f as P,
+  he as a,
+  de as p
+};
+//# sourceMappingURL=periodontal-chart-card-BYs9hax1.js.map

package/dist/_chunks/phone-Bi5yUm4I.js

@@ -0,0 +1,20 @@
+import { c as a } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const o = [
+  [
+    "path",
+    {
+      d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",
+      key: "9njp5v"
+    }
+  ]
+], c = a("phone", o);
+export {
+  c as P
+};
+//# sourceMappingURL=phone-Bi5yUm4I.js.map

package/dist/_chunks/{pl-B3Smqpkr.js → pl-DtS08ioY.js}

@@ -1,5 +1,5 @@
-import { q as s, r as a, v as r, w as l } from "./date-picker-variants-DLi1Va_e.js";
-import { i as p } from "./isSameWeek-HfxKk6Lz.js";
+import { q as s, r as a, v as r, w as l } from "./date-picker-variants-CXEAx3O_.js";
+import { i as p } from "./isSameWeek-B1odL2vR.js";
 const w = {
   lessThanXSeconds: {
     one: {
@@ -511,4 +511,4 @@ const I = {
 export {
   Z as pl
 };
-//# sourceMappingURL=pl-B3Smqpkr.js.map
+//# sourceMappingURL=pl-DtS08ioY.js.map

package/dist/_chunks/{practice-results-DDi-kvaD.js → practice-results-Cq1y8JFD.js}

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as p, Fragment as Ge } from "react/jsx-runtime";
 import { forwardRef as Ze, useState as me, useRef as I, useMemo as D, useImperativeHandle as Qe, useCallback as B, useEffect as J } from "react";
 import { c as Z } from "./index-D2ZczOXr.js";
 import { useTranslation as C } from "react-i18next";
-import { A as Y } from "./alert-ywPR59NE.js";
+import { A as Y } from "./alert-CUTxnym2.js";
 import { A as ke } from "./avatar-BNQNhoyL.js";
 import { B as G } from "./button-DD_0Xdmr.js";
 import { D as H } from "./dropdown-menu-CUEXqKis.js";
@@ -19,7 +19,8 @@ import { c as nt } from "./createLucideIcon-CrFbzy84.js";
 import { R as at } from "./refresh-cw-CC8jSKMr.js";
 import { C as Ne } from "./chevron-down-BX_NP2Yh.js";
 import { M as te } from "./map-pin-B8STOPMJ.js";
-import { L as Se, S as Pe } from "./shield-check-C73ma9Cs.js";
+import { L as Se } from "./languages-DsVf_WzT.js";
+import { S as Pe } from "./shield-check-BjCGH_Sr.js";
 import { H as Me } from "./heart-C0faivFf.js";
 import { C as Ae } from "./calendar-clock-CYkcqdwl.js";
 /**
@@ -1569,4 +1570,4 @@ export {
   Ct as P,
   rt as p
 };
-//# sourceMappingURL=practice-results-DDi-kvaD.js.map
+//# sourceMappingURL=practice-results-Cq1y8JFD.js.map