@alfadocs/ui-kit 0.72.2 → 0.75.0

package/dist/_chunks/{periodontal-chart-card-6c6Lt4ws.js → periodontal-chart-card-WVjJAheq.js}

@@ -4,7 +4,7 @@ import { c as R } from "./index-D2ZczOXr.js";
 import { useTranslation as ae } from "react-i18next";
 import { B as re } from "./badge-DCOqV9mI.js";
 import { C as S } from "./card-DPmk26CL.js";
-import { K as ne, a as se } from "./key-value-pair-Byyyc_9J.js";
+import { K as ne, a as se } from "./key-value-pair-LHKfDT_9.js";
 import { u as oe } from "./registry-DvAUVLHh.js";
 const de = {
   id: "periodontal-chart-card",
@@ -452,4 +452,4 @@ export {
   he as a,
   de as p
 };
-//# sourceMappingURL=periodontal-chart-card-6c6Lt4ws.js.map
+//# sourceMappingURL=periodontal-chart-card-WVjJAheq.js.map

package/dist/_chunks/periodontal-diagnosis-cco40xTa.js

@@ -0,0 +1,345 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { forwardRef as J, useId as Q, useState as W, useRef as Y } from "react";
+import { c as Z } from "./index-D2ZczOXr.js";
+import { useTranslation as ee } from "react-i18next";
+import { B as te } from "./badge-DCOqV9mI.js";
+import { C as j } from "./card-DPmk26CL.js";
+import { C as ae } from "./checkbox-BuZ1u__2.js";
+import { R as y } from "./radio-TWf9Q-mp.js";
+import { R as D } from "./radio-group-CI-6SmSw.js";
+import { u as oe } from "./registry-DvAUVLHh.js";
+const se = {
+  enum: [1, 2, 3, 4],
+  description: "Periodontitis stage I–IV, as the integers 1–4."
+}, ie = {
+  enum: ["A", "B", "C"],
+  description: "Periodontitis grade A–C (rate of progression)."
+}, re = {
+  enum: ["localised", "generalised", "molarIncisor"],
+  description: "Distribution: localised (<30%), generalised (≥30%), or molar-incisor."
+}, ne = {
+  id: "periodontal-diagnosis",
+  // set_value — set stage / grade / extent / a factor. Each set_* action's
+  // enum argsSchema already conveys that the field is a closed choice.
+  capabilities: ["set_value"],
+  state: {
+    diagnosis: {
+      type: "object",
+      descriptionKey: "ui.agent.periodontalDiagnosis.state.diagnosis",
+      description: "Recorded stage (1–4), grade (A–C), extent, and ticked contributing-factor ids. The free-text note is never included.",
+      read: (a) => a.getDiagnosis()
+    },
+    summary: {
+      type: "string",
+      descriptionKey: "ui.agent.periodontalDiagnosis.state.summary",
+      description: 'The composed, localised diagnosis sentence (e.g. "Periodontitis — Stage III · Grade B · generalised").',
+      read: (a) => a.getSummary()
+    },
+    complete: {
+      type: "boolean",
+      descriptionKey: "ui.agent.periodontalDiagnosis.state.complete",
+      description: "True once both a stage and a grade are recorded.",
+      read: (a) => a.isComplete()
+    }
+  },
+  actions: {
+    get_diagnosis: {
+      safety: "read",
+      argsType: "{}",
+      argsSchema: { type: "object", properties: {} },
+      returns: "object",
+      returnsSchema: { type: "object" },
+      idempotent: !0,
+      descriptionKey: "ui.agent.periodontalDiagnosis.actions.getDiagnosis",
+      description: "Read the recorded stage / grade / extent / factors. The note is never returned.",
+      invoke: (a) => a.getDiagnosis()
+    },
+    set_stage: {
+      safety: "write",
+      argsType: "{ stage: 1 | 2 | 3 | 4 }",
+      argsSchema: {
+        type: "object",
+        properties: { stage: se },
+        required: ["stage"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.periodontalDiagnosis.actions.setStage",
+      description: "Record the periodontitis stage (I–IV).",
+      invoke: (a, i) => {
+        a.setStage(i.stage);
+      }
+    },
+    set_grade: {
+      safety: "write",
+      argsType: "{ grade: 'A' | 'B' | 'C' }",
+      argsSchema: {
+        type: "object",
+        properties: { grade: ie },
+        required: ["grade"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.periodontalDiagnosis.actions.setGrade",
+      description: "Record the periodontitis grade (A–C).",
+      invoke: (a, i) => {
+        a.setGrade(i.grade);
+      }
+    },
+    set_extent: {
+      safety: "write",
+      argsType: "{ extent: 'localised' | 'generalised' | 'molarIncisor' }",
+      argsSchema: {
+        type: "object",
+        properties: { extent: re },
+        required: ["extent"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.periodontalDiagnosis.actions.setExtent",
+      description: "Record the distribution / extent.",
+      invoke: (a, i) => {
+        a.setExtent(i.extent);
+      }
+    },
+    toggle_factor: {
+      safety: "write",
+      argsType: "{ id: string; value: boolean }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: { type: "string", description: "Contributing-factor id." },
+          value: { type: "boolean" }
+        },
+        required: ["id", "value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.periodontalDiagnosis.actions.toggleFactor",
+      description: "Tick or clear a contributing factor.",
+      invoke: (a, i) => {
+        a.toggleFactor(i.id, i.value);
+      }
+    },
+    clear_diagnosis: {
+      safety: "destructive",
+      argsType: "{}",
+      argsSchema: { type: "object", properties: {} },
+      idempotent: !0,
+      descriptionKey: "ui.agent.periodontalDiagnosis.actions.clearDiagnosis",
+      description: "Reset the whole diagnosis to empty.",
+      invoke: (a) => {
+        a.clear();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "periodontal-diagnosis",
+      description: "Marks the PeriodontalDiagnosis root group."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, de = [1, 2, 3, 4], le = [
+  "A",
+  "B",
+  "C"
+], ce = [
+  "localised",
+  "generalised",
+  "molarIncisor"
+], u = {
+  1: "I",
+  2: "II",
+  3: "III",
+  4: "IV"
+}, ge = [
+  "interdentalCal",
+  "radiographicBoneLoss",
+  "toothLossPerio",
+  "probingDepth6",
+  "boneLossAgeOver1",
+  "smoker",
+  "diabetes"
+];
+function k(a) {
+  return a.stage != null && a.grade != null;
+}
+function P() {
+  return {};
+}
+const pe = Z("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    surface: { flat: "", elevated: "" }
+  },
+  defaultVariants: { surface: "elevated" }
+}), ue = J(
+  ({
+    value: a,
+    defaultValue: i,
+    onChange: m,
+    mode: w = "interactive",
+    disabled: g = !1,
+    factors: L = ge,
+    surface: b = "elevated",
+    "aria-label": O,
+    id: f,
+    className: K,
+    ...B
+  }, $) => {
+    const { t } = ee(), F = Q(), x = a !== void 0, [M, q] = W(
+      i ?? P()
+    ), s = x ? a : M, r = Y(s);
+    r.current = s;
+    const n = (e) => {
+      r.current = e, x || q(e), m == null || m(e);
+    }, S = (e) => n({ ...r.current, stage: e }), I = (e) => n({ ...r.current, grade: e }), N = (e) => n({ ...r.current, extent: e }), T = (e, l) => {
+      const p = new Set(r.current.factors ?? []);
+      l ?? !p.has(e) ? p.add(e) : p.delete(e), n({ ...r.current, factors: [...p] });
+    }, z = () => n(P()), C = k(s), h = s.factors ?? [], A = (e) => t("periodontalDiagnosis.stage.option", {
+      roman: u[e],
+      defaultValue: `Stage ${u[e]}`
+    }), R = (e) => t("periodontalDiagnosis.grade.option", {
+      grade: e,
+      defaultValue: `Grade ${e}`
+    }), v = (e) => t(`periodontalDiagnosis.extent.${e}`, {
+      defaultValue: e === "localised" ? "Localised" : e === "generalised" ? "Generalised" : "Molar-incisor"
+    }), E = (e) => t(`periodontalDiagnosis.factor.${e}`, { defaultValue: e }), d = [];
+    s.stage != null && d.push(
+      t("periodontalDiagnosis.summary.stage", {
+        roman: u[s.stage],
+        defaultValue: `Stage ${u[s.stage]}`
+      })
+    ), s.grade != null && d.push(
+      t("periodontalDiagnosis.summary.grade", {
+        grade: s.grade,
+        defaultValue: `Grade ${s.grade}`
+      })
+    ), s.extent != null && d.push(v(s.extent));
+    const _ = d.length ? `${t("periodontalDiagnosis.term", "Periodontitis")} — ${d.join(" · ")}` : t("periodontalDiagnosis.summary.none", "No diagnosis recorded yet");
+    oe(
+      ne,
+      {
+        getDiagnosis: () => {
+          const { note: e, ...l } = r.current;
+          return l;
+        },
+        getSummary: () => _,
+        isComplete: () => k(r.current),
+        setStage: S,
+        setGrade: I,
+        setExtent: N,
+        toggleFactor: T,
+        clear: z
+      },
+      f
+    );
+    const G = t("periodontalDiagnosis.heading", "Periodontal diagnosis"), H = O ?? G, X = /* @__PURE__ */ c("dl", { className: "type-body-sm ds:grid ds:grid-cols-[auto_1fr] ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-2xs)] ds:m-0", children: [
+      /* @__PURE__ */ o("dt", { className: "ds:text-[color:var(--muted-foreground)]", children: t("periodontalDiagnosis.stage.label", "Staging") }),
+      /* @__PURE__ */ o("dd", { className: "ds:m-0", children: s.stage != null ? A(s.stage) : t("periodontalDiagnosis.unset", "—") }),
+      /* @__PURE__ */ o("dt", { className: "ds:text-[color:var(--muted-foreground)]", children: t("periodontalDiagnosis.grade.label", "Grading") }),
+      /* @__PURE__ */ o("dd", { className: "ds:m-0", children: s.grade != null ? R(s.grade) : t("periodontalDiagnosis.unset", "—") }),
+      /* @__PURE__ */ o("dt", { className: "ds:text-[color:var(--muted-foreground)]", children: t("periodontalDiagnosis.extent.label", "Extent") }),
+      /* @__PURE__ */ o("dd", { className: "ds:m-0", children: s.extent != null ? v(s.extent) : t("periodontalDiagnosis.unset", "—") }),
+      /* @__PURE__ */ o("dt", { className: "ds:text-[color:var(--muted-foreground)]", children: t("periodontalDiagnosis.factors.label", "Contributing factors") }),
+      /* @__PURE__ */ o("dd", { className: "ds:m-0", children: h.length ? h.map((e) => E(e)).join(", ") : t("periodontalDiagnosis.unset", "—") })
+    ] }), U = /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+      /* @__PURE__ */ o(
+        D,
+        {
+          variant: "horizontal",
+          label: t("periodontalDiagnosis.stage.label", "Staging"),
+          description: t(
+            "periodontalDiagnosis.stage.description",
+            "Severity and complexity of management."
+          ),
+          value: s.stage != null ? String(s.stage) : "",
+          onValueChange: (e) => S(Number(e)),
+          disabled: g,
+          children: de.map((e) => /* @__PURE__ */ o(y, { value: String(e), label: A(e) }, e))
+        }
+      ),
+      /* @__PURE__ */ o(
+        D,
+        {
+          variant: "horizontal",
+          label: t("periodontalDiagnosis.grade.label", "Grading"),
+          description: t(
+            "periodontalDiagnosis.grade.description",
+            "Rate of progression."
+          ),
+          value: s.grade ?? "",
+          onValueChange: (e) => I(e),
+          disabled: g,
+          children: le.map((e) => /* @__PURE__ */ o(y, { value: e, label: R(e) }, e))
+        }
+      ),
+      /* @__PURE__ */ o(
+        D,
+        {
+          variant: "horizontal",
+          label: t("periodontalDiagnosis.extent.label", "Extent"),
+          value: s.extent ?? "",
+          onValueChange: (e) => N(e),
+          disabled: g,
+          children: ce.map((e) => /* @__PURE__ */ o(y, { value: e, label: v(e) }, e))
+        }
+      ),
+      /* @__PURE__ */ c("fieldset", { className: "ds:m-0 ds:border-0 ds:p-0", children: [
+        /* @__PURE__ */ o("legend", { className: "type-label ds:mb-[var(--spacing-xs)] ds:p-0 ds:text-[color:var(--foreground)]", children: t("periodontalDiagnosis.factors.label", "Contributing factors") }),
+        /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: L.map((e) => /* @__PURE__ */ o(
+          ae,
+          {
+            label: E(e),
+            checked: h.includes(e),
+            onCheckedChange: (l) => T(e, l === !0),
+            disabled: g
+          },
+          e
+        )) })
+      ] })
+    ] }), V = /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+      /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ o(
+          "h2",
+          {
+            id: F,
+            className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+            children: G
+          }
+        ),
+        /* @__PURE__ */ o(te, { variant: C ? "brand" : "neutral", size: "md", children: C ? t("periodontalDiagnosis.status.complete", "Complete") : t("periodontalDiagnosis.status.incomplete", "Incomplete") })
+      ] }),
+      /* @__PURE__ */ o("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--foreground)]", children: _ }),
+      w === "display" ? X : U
+    ] });
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: $,
+        role: "group",
+        "aria-label": H,
+        "data-component": "periodontal-diagnosis",
+        "data-component-id": f,
+        id: f,
+        className: pe({ surface: b, className: K }),
+        ...B,
+        children: b === "elevated" ? /* @__PURE__ */ o(j, { variant: "elevated", children: /* @__PURE__ */ o(j.Body, { children: V }) }) : V
+      }
+    );
+  }
+);
+ue.displayName = "PeriodontalDiagnosis";
+export {
+  ge as D,
+  ce as P,
+  u as S,
+  le as a,
+  de as b,
+  ue as c,
+  P as e,
+  k as i,
+  ne as p
+};
+//# sourceMappingURL=periodontal-diagnosis-cco40xTa.js.map

package/dist/_chunks/periodontal-risk-chart-bUGkMwDg.js

@@ -0,0 +1,334 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as T, useId as $, useMemo as S } from "react";
+import { c as _ } from "./index-D2ZczOXr.js";
+import { useTranslation as j } from "react-i18next";
+import { B as w } from "./badge-DCOqV9mI.js";
+import { C as N } from "./card-DPmk26CL.js";
+import { u as M } from "./registry-DvAUVLHh.js";
+const B = {
+  id: "periodontal-risk-chart",
+  capabilities: [],
+  state: {
+    overall: {
+      type: "string",
+      descriptionKey: "ui.agent.periodontalRiskChart.state.overall",
+      description: 'Overall periodontal risk verdict — "low" | "moderate" | "high". Aggregate only.',
+      read: (o) => o.getOverall()
+    },
+    factorLevels: {
+      type: "object",
+      descriptionKey: "ui.agent.periodontalRiskChart.state.factorLevels",
+      description: 'Per-factor risk levels keyed by factor (bleeding, pockets, toothLoss, boneLossAge, smoking, systemic) — each "low" | "moderate" | "high". No raw values.',
+      read: (o) => o.getFactorLevels()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "periodontal-risk-chart",
+      description: "Marks the PeriodontalRiskChart root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, A = [
+  "bleeding",
+  "pockets",
+  "toothLoss",
+  "boneLossAge",
+  "smoking",
+  "systemic"
+], D = {
+  low: 0.4,
+  moderate: 0.7,
+  high: 1
+};
+function te(o) {
+  return o === "high" ? 2 : o === "moderate" ? 1 : 0;
+}
+function x(o, l, s) {
+  return o >= s ? "high" : o >= l ? "moderate" : "low";
+}
+const U = {
+  none: "low",
+  former: "low",
+  light: "moderate",
+  moderate: "high",
+  heavy: "high"
+};
+function K(o) {
+  const l = [], s = (e, d, a) => l.push({ factor: e, level: d, radius: D[d], valueText: a });
+  {
+    const e = o.bleedingPercent;
+    s(
+      "bleeding",
+      e == null ? "low" : x(e, 10, 26),
+      e == null ? null : `${Math.round(e)}%`
+    );
+  }
+  {
+    const e = o.pocketsOver5mm;
+    s(
+      "pockets",
+      e == null ? "low" : x(e, 5, 9),
+      e == null ? null : String(e)
+    );
+  }
+  {
+    const e = o.toothLoss;
+    s(
+      "toothLoss",
+      e == null ? "low" : x(e, 5, 9),
+      e == null ? null : String(e)
+    );
+  }
+  {
+    const e = o.boneLossPercent, d = o.ageYears;
+    if (e == null || d == null || d <= 0)
+      s("boneLossAge", "low", null);
+    else {
+      const a = e / d;
+      s(
+        "boneLossAge",
+        a > 1 ? "high" : a >= 0.5 ? "moderate" : "low",
+        a.toFixed(2)
+      );
+    }
+  }
+  {
+    const e = o.smoking;
+    s("smoking", e == null ? "low" : U[e], e ?? null);
+  }
+  {
+    const e = o.systemic;
+    s("systemic", e ? "high" : "low", e == null ? null : e ? "yes" : "no");
+  }
+  const g = l.filter((e) => e.level === "high").length, p = l.filter((e) => e.level === "moderate").length, y = g > 0 || p >= 2 ? "high" : p === 1 ? "moderate" : "low";
+  return { factors: l, overall: y };
+}
+const f = 240, W = _("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    surface: { flat: "", elevated: "" }
+  },
+  defaultVariants: { surface: "elevated" }
+}), k = f / 2, h = f / 2 - 16;
+function v(o, l) {
+  const s = (-90 + o * 60) * Math.PI / 180;
+  return { x: k + l * Math.cos(s), y: k + l * Math.sin(s) };
+}
+function u(o) {
+  return A.map((l, s) => {
+    const g = v(s, h * o);
+    return `${g.x.toFixed(1)},${g.y.toFixed(1)}`;
+  }).join(" ");
+}
+const C = {
+  low: "success",
+  moderate: "warning",
+  high: "error"
+}, z = {
+  low: "Low",
+  moderate: "Moderate",
+  high: "High"
+}, G = {
+  bleeding: "Bleeding on probing",
+  pockets: "Residual pockets ≥5 mm",
+  toothLoss: "Tooth loss",
+  boneLossAge: "Bone loss / age",
+  smoking: "Smoking",
+  systemic: "Systemic / genetic"
+}, H = T(
+  ({
+    inputs: o,
+    surface: l = "elevated",
+    locale: s,
+    "aria-label": g,
+    id: p,
+    className: y,
+    ...e
+  }, d) => {
+    const { t: a, i18n: O } = j(), E = $(), F = s ?? O.language ?? "en", c = S(() => K(o), [o]);
+    M(
+      B,
+      {
+        getOverall: () => c.overall,
+        getFactorLevels: () => Object.fromEntries(
+          c.factors.map((t) => [t.factor, t.level])
+        )
+      },
+      p
+    );
+    const P = c.factors.map((t, n) => {
+      const i = v(n, h * t.radius);
+      return `${i.x.toFixed(1)},${i.y.toFixed(1)}`;
+    }).join(" "), b = (t) => a(`periodontalRiskChart.level.${t}`, {
+      defaultValue: z[t]
+    }), V = (t, n) => {
+      if (n == null)
+        return a("periodontalRiskChart.valueUnset", "not recorded");
+      if (t === "smoking")
+        return a(`periodontalRiskChart.smoking.${n}`, { defaultValue: n });
+      if (t === "systemic")
+        return a(`periodontalRiskChart.systemic.${n}`, { defaultValue: n });
+      if (t === "bleeding") {
+        const i = Number.parseFloat(n);
+        if (Number.isFinite(i))
+          try {
+            return a("periodontalRiskChart.percent", {
+              value: new Intl.NumberFormat(F, {
+                maximumFractionDigits: 0
+              }).format(i),
+              defaultValue: "{{value}}%"
+            });
+          } catch {
+            return n;
+          }
+      }
+      return n;
+    }, L = a("periodontalRiskChart.heading", "Periodontal risk"), I = g ?? L, R = /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ r(
+          "h2",
+          {
+            id: E,
+            className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+            children: L
+          }
+        ),
+        /* @__PURE__ */ m("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+          /* @__PURE__ */ r("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: a("periodontalRiskChart.overall.label", "Overall") }),
+          /* @__PURE__ */ r(w, { variant: C[c.overall], size: "sm", children: b(c.overall) })
+        ] })
+      ] }),
+      /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-lg)]", children: [
+        /* @__PURE__ */ m(
+          "svg",
+          {
+            viewBox: `0 0 ${f} ${f}`,
+            className: "ds:w-full ds:max-w-[240px] ds:aspect-square",
+            "aria-hidden": "true",
+            focusable: "false",
+            children: [
+              /* @__PURE__ */ r(
+                "polygon",
+                {
+                  points: u(1),
+                  fill: "var(--destructive)",
+                  fillOpacity: 0.1
+                }
+              ),
+              /* @__PURE__ */ r(
+                "polygon",
+                {
+                  points: u(0.7),
+                  fill: "var(--warning)",
+                  fillOpacity: 0.12
+                }
+              ),
+              /* @__PURE__ */ r(
+                "polygon",
+                {
+                  points: u(0.4),
+                  fill: "var(--success)",
+                  fillOpacity: 0.14
+                }
+              ),
+              [1, 0.7, 0.4].map((t) => /* @__PURE__ */ r(
+                "polygon",
+                {
+                  points: u(t),
+                  fill: "none",
+                  stroke: "var(--border)",
+                  strokeWidth: 1
+                },
+                t
+              )),
+              A.map((t, n) => {
+                const i = v(n, h);
+                return /* @__PURE__ */ r(
+                  "line",
+                  {
+                    x1: k,
+                    y1: k,
+                    x2: i.x,
+                    y2: i.y,
+                    stroke: "var(--border)",
+                    strokeWidth: 1
+                  },
+                  n
+                );
+              }),
+              /* @__PURE__ */ r(
+                "polygon",
+                {
+                  points: P,
+                  fill: "var(--primary)",
+                  fillOpacity: 0.18,
+                  stroke: "var(--primary)",
+                  strokeWidth: 2,
+                  strokeLinejoin: "round"
+                }
+              ),
+              c.factors.map((t, n) => {
+                const i = v(n, h * t.radius);
+                return /* @__PURE__ */ r(
+                  "circle",
+                  {
+                    cx: i.x,
+                    cy: i.y,
+                    r: 3,
+                    fill: "var(--primary)"
+                  },
+                  t.factor
+                );
+              })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          "dl",
+          {
+            className: "type-body-sm ds:grid ds:min-w-[12rem] ds:flex-1 ds:grid-cols-[auto_1fr] ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-2xs)] ds:m-0",
+            "aria-label": a("periodontalRiskChart.factors.label", "Risk factors"),
+            children: c.factors.map((t) => /* @__PURE__ */ m("div", { className: "ds:contents", children: [
+              /* @__PURE__ */ r("dt", { className: "ds:text-[color:var(--muted-foreground)]", children: a(`periodontalRiskChart.factor.${t.factor}`, {
+                defaultValue: G[t.factor]
+              }) }),
+              /* @__PURE__ */ m("dd", { className: "ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ r(w, { variant: C[t.level], size: "sm", children: b(t.level) }),
+                /* @__PURE__ */ r("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: V(t.factor, t.valueText) })
+              ] })
+            ] }, t.factor))
+          }
+        )
+      ] })
+    ] });
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: d,
+        role: "group",
+        "aria-label": I,
+        "data-component": "periodontal-risk-chart",
+        "data-component-id": p,
+        id: p,
+        className: W({ surface: l, className: y }),
+        ...e,
+        children: l === "elevated" ? /* @__PURE__ */ r(N, { variant: "elevated", children: /* @__PURE__ */ r(N.Body, { children: R }) }) : R
+      }
+    );
+  }
+);
+H.displayName = "PeriodontalRiskChart";
+export {
+  A as P,
+  H as a,
+  K as c,
+  B as p,
+  te as r
+};
+//# sourceMappingURL=periodontal-risk-chart-bUGkMwDg.js.map