@alfadocs/ui-kit-debug 0.73.0 → 0.77.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"periodontal-risk-chart-bUGkMwDg.js","sources":["../../src/components/periodontal-risk-chart/periodontal-risk-chart.agent.ts","../../src/components/periodontal-risk-chart/periodontal-risk-data.ts","../../src/components/periodontal-risk-chart/periodontal-risk-chart.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PeriodontalRiskChartHandle } from './periodontal-risk-chart';\n\n/* -------------------------------------------------------------------- */\n/* PeriodontalRiskChart — agent adapter                                   */\n/*                                                                        */\n/* Read-only. Exposes the derived risk verdict and per-factor levels —    */\n/* ordinal risk bands only, never the raw clinical inputs or any patient  */\n/* identity.                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const periodontalRiskChartAgent: AgentAdapter<PeriodontalRiskChartHandle> =\n  {\n    id: 'periodontal-risk-chart',\n    capabilities: [],\n    state: {\n      overall: {\n        type: 'string',\n        descriptionKey: 'ui.agent.periodontalRiskChart.state.overall',\n        description:\n          'Overall periodontal risk verdict — \"low\" | \"moderate\" | \"high\". Aggregate only.',\n        read: (handle) => handle.getOverall(),\n      },\n      factorLevels: {\n        type: 'object',\n        descriptionKey: 'ui.agent.periodontalRiskChart.state.factorLevels',\n        description:\n          'Per-factor risk levels keyed by factor (bleeding, pockets, toothLoss, boneLossAge, smoking, systemic) — each \"low\" | \"moderate\" | \"high\". No raw values.',\n        read: (handle) => handle.getFactorLevels(),\n      },\n    },\n    actions: {},\n    domHooks: {\n      root: {\n        attr: 'data-component',\n        value: 'periodontal-risk-chart',\n        description: 'Marks the PeriodontalRiskChart root region.',\n      },\n      instanceId: {\n        attr: 'data-component-id',\n        sourceProp: 'id',\n        description: 'Sourced from the id prop.',\n      },\n    },\n  };\n","/* -------------------------------------------------------------------- */\n/* PeriodontalRiskChart — data model                                      */\n/*                                                                        */\n/* The Lang & Tonetti (2003) periodontal risk assessment — six vectors,   */\n/* each scored low / moderate / high, drawn as a hexagon \"spider web\".    */\n/* This module owns the thresholds and the pure scoring function; the     */\n/* component owns only the geometry + a11y presentation.                  */\n/* -------------------------------------------------------------------- */\n\n/** The six risk vectors of the Lang & Tonetti diagram. */\nexport const PERIODONTAL_RISK_FACTORS = [\n  'bleeding',\n  'pockets',\n  'toothLoss',\n  'boneLossAge',\n  'smoking',\n  'systemic',\n] as const;\n\nexport type PeriodontalRiskFactor = (typeof PERIODONTAL_RISK_FACTORS)[number];\n\n/** Ordinal risk level for one factor and for the whole assessment. */\nexport type PeriodontalRiskLevel = 'low' | 'moderate' | 'high';\n\n/** Environmental (smoking) exposure bands. */\nexport type SmokingExposure =\n  | 'none'\n  | 'former'\n  | 'light'\n  | 'moderate'\n  | 'heavy';\n\n/** Consumer-supplied risk inputs. All optional — an absent factor scores low. */\nexport interface PeriodontalRiskInputs {\n  /** Bleeding on probing, % of sites (0–100). */\n  bleedingPercent?: number;\n  /** Number of residual pockets ≥ 5 mm. */\n  pocketsOver5mm?: number;\n  /** Number of teeth lost (of 28, third molars excluded). */\n  toothLoss?: number;\n  /** % bone loss at the worst site — combined with `ageYears` into BL/age. */\n  boneLossPercent?: number;\n  /** Patient age in years (denominator of the bone-loss/age ratio). */\n  ageYears?: number;\n  /** Smoking exposure band. */\n  smoking?: SmokingExposure;\n  /** A relevant systemic / genetic factor is present (e.g. diabetes, IL-1). */\n  systemic?: boolean;\n}\n\n/** Scored result for one factor. */\nexport interface PeriodontalRiskFactorScore {\n  factor: PeriodontalRiskFactor;\n  level: PeriodontalRiskLevel;\n  /** 0 (best) → 1 (worst): the normalised radius used to plot the vertex. */\n  radius: number;\n  /** Raw value formatted for the accessible summary, or null when unset. */\n  valueText: string | null;\n}\n\n/** The whole assessment. */\nexport interface PeriodontalRiskResult {\n  factors: PeriodontalRiskFactorScore[];\n  overall: PeriodontalRiskLevel;\n}\n\nconst LEVEL_RADIUS: Record<PeriodontalRiskLevel, number> = {\n  low: 0.4,\n  moderate: 0.7,\n  high: 1,\n};\n\n/** Order a level to an ordinal (low 0 … high 2). */\nexport function riskOrdinal(level: PeriodontalRiskLevel): 0 | 1 | 2 {\n  return level === 'high' ? 2 : level === 'moderate' ? 1 : 0;\n}\n\nfunction band(\n  value: number,\n  moderateAt: number,\n  highAt: number,\n): PeriodontalRiskLevel {\n  if (value >= highAt) return 'high';\n  if (value >= moderateAt) return 'moderate';\n  return 'low';\n}\n\nconst SMOKING_LEVEL: Record<SmokingExposure, PeriodontalRiskLevel> = {\n  none: 'low',\n  former: 'low',\n  light: 'moderate',\n  moderate: 'high',\n  heavy: 'high',\n};\n\n/**\n * Score the six vectors and the overall risk. Overall follows the Lang &\n * Tonetti reading: high if any vector is high or two-or-more are moderate;\n * low only when every vector is low; moderate otherwise.\n */\nexport function computePeriodontalRisk(\n  inputs: PeriodontalRiskInputs,\n): PeriodontalRiskResult {\n  const scores: PeriodontalRiskFactorScore[] = [];\n\n  const push = (\n    factor: PeriodontalRiskFactor,\n    level: PeriodontalRiskLevel,\n    valueText: string | null,\n  ) => scores.push({ factor, level, radius: LEVEL_RADIUS[level], valueText });\n\n  // Bleeding on probing (%): <10 low, 10–25 moderate, >25 high.\n  {\n    const v = inputs.bleedingPercent;\n    push(\n      'bleeding',\n      v == null ? 'low' : band(v, 10, 26),\n      v == null ? null : `${Math.round(v)}%`,\n    );\n  }\n  // Residual pockets ≥5 mm: ≤4 low, 5–8 moderate, ≥9 high.\n  {\n    const v = inputs.pocketsOver5mm;\n    push(\n      'pockets',\n      v == null ? 'low' : band(v, 5, 9),\n      v == null ? null : String(v),\n    );\n  }\n  // Tooth loss: ≤4 low, 5–8 moderate, ≥9 high.\n  {\n    const v = inputs.toothLoss;\n    push(\n      'toothLoss',\n      v == null ? 'low' : band(v, 5, 9),\n      v == null ? null : String(v),\n    );\n  }\n  // Bone loss / age ratio: <0.5 low, 0.5–1.0 moderate, >1.0 high.\n  {\n    const bl = inputs.boneLossPercent;\n    const age = inputs.ageYears;\n    if (bl == null || age == null || age <= 0) {\n      push('boneLossAge', 'low', null);\n    } else {\n      const ratio = bl / age;\n      push(\n        'boneLossAge',\n        ratio > 1 ? 'high' : ratio >= 0.5 ? 'moderate' : 'low',\n        ratio.toFixed(2),\n      );\n    }\n  }\n  // Environmental (smoking).\n  {\n    const v = inputs.smoking;\n    push('smoking', v == null ? 'low' : SMOKING_LEVEL[v], v ?? null);\n  }\n  // Systemic / genetic: present → high.\n  {\n    const v = inputs.systemic;\n    push('systemic', v ? 'high' : 'low', v == null ? null : v ? 'yes' : 'no');\n  }\n\n  const highs = scores.filter((s) => s.level === 'high').length;\n  const moderates = scores.filter((s) => s.level === 'moderate').length;\n  const overall: PeriodontalRiskLevel =\n    highs > 0 || moderates >= 2 ? 'high' : moderates === 1 ? 'moderate' : 'low';\n\n  return { factors: scores, overall };\n}\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { periodontalRiskChartAgent } from './periodontal-risk-chart.agent';\nimport {\n  computePeriodontalRisk,\n  PERIODONTAL_RISK_FACTORS,\n  type PeriodontalRiskFactor,\n  type PeriodontalRiskInputs,\n  type PeriodontalRiskLevel,\n} from './periodontal-risk-data';\n\n/* -------------------------------------------------------------------- */\n/* PeriodontalRiskChart                                                   */\n/*                                                                        */\n/* The Lang & Tonetti (2003) periodontal risk \"spider web\": six vectors  */\n/* (bleeding, residual pockets, tooth loss, bone-loss/age, smoking,      */\n/* systemic) each scored low / moderate / high, drawn as a hexagon.      */\n/*                                                                        */\n/* The hexagon SVG is DECORATIVE (aria-hidden) — the accessible source    */\n/* of truth is the worded summary: an overall-risk Badge plus a <dl> of   */\n/* the six factors with their level and value. Colour is never the sole   */\n/* cue (every band and the overall verdict is also worded).              */\n/* -------------------------------------------------------------------- */\n\nconst VIEW = 240;\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    surface: { flat: '', elevated: '' },\n  },\n  defaultVariants: { surface: 'elevated' },\n});\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                  */\n/* -------------------------------------------------------------------- */\n\nexport interface PeriodontalRiskChartHandle {\n  /** The overall risk verdict. */\n  getOverall: () => PeriodontalRiskLevel;\n  /** Per-factor risk levels, keyed by factor. */\n  getFactorLevels: () => Record<PeriodontalRiskFactor, PeriodontalRiskLevel>;\n}\n\nexport interface PeriodontalRiskChartProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** The six risk inputs. Absent factors score low. */\n  inputs: PeriodontalRiskInputs;\n  /** `'elevated'` (default) wraps in a Card; `'flat'` drops the chrome. */\n  surface?: 'flat' | 'elevated';\n  /** Locale for number formatting. Falls back to `i18n.language`. */\n  locale?: string;\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Geometry                                                               */\n/* -------------------------------------------------------------------- */\n\nconst CENTER = VIEW / 2;\nconst RADIUS = VIEW / 2 - 16;\n\n/** Vertex `i` (0 = top, clockwise) at a given radius. */\nfunction vertex(i: number, r: number): { x: number; y: number } {\n  const angle = ((-90 + i * 60) * Math.PI) / 180;\n  return { x: CENTER + r * Math.cos(angle), y: CENTER + r * Math.sin(angle) };\n}\n\n/** The six-point polygon string for a ring at fraction `f` of the radius. */\nfunction hexPoints(f: number): string {\n  return PERIODONTAL_RISK_FACTORS.map((_, i) => {\n    const v = vertex(i, RADIUS * f);\n    return `${v.x.toFixed(1)},${v.y.toFixed(1)}`;\n  }).join(' ');\n}\n\nconst BADGE_TONE: Record<\n  PeriodontalRiskLevel,\n  'success' | 'warning' | 'error'\n> = {\n  low: 'success',\n  moderate: 'warning',\n  high: 'error',\n};\n\nconst LEVEL_DEFAULT: Record<PeriodontalRiskLevel, string> = {\n  low: 'Low',\n  moderate: 'Moderate',\n  high: 'High',\n};\n\nconst FACTOR_DEFAULT: Record<PeriodontalRiskFactor, string> = {\n  bleeding: 'Bleeding on probing',\n  pockets: 'Residual pockets ≥5 mm',\n  toothLoss: 'Tooth loss',\n  boneLossAge: 'Bone loss / age',\n  smoking: 'Smoking',\n  systemic: 'Systemic / genetic',\n};\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const PeriodontalRiskChart = forwardRef<\n  HTMLDivElement,\n  PeriodontalRiskChartProps\n>(\n  (\n    {\n      inputs,\n      surface = 'elevated',\n      locale,\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const headingId = useId();\n    const resolvedLocale = locale ?? i18n.language ?? 'en';\n\n    const result = useMemo(() => computePeriodontalRisk(inputs), [inputs]);\n\n    useAgentRegistration(\n      periodontalRiskChartAgent,\n      {\n        getOverall: () => result.overall,\n        getFactorLevels: () =>\n          Object.fromEntries(\n            result.factors.map((f) => [f.factor, f.level]),\n          ) as Record<PeriodontalRiskFactor, PeriodontalRiskLevel>,\n      },\n      id,\n    );\n\n    const patientPoints = result.factors\n      .map((f, i) => {\n        const v = vertex(i, RADIUS * f.radius);\n        return `${v.x.toFixed(1)},${v.y.toFixed(1)}`;\n      })\n      .join(' ');\n\n    const levelLabel = (level: PeriodontalRiskLevel): string =>\n      t(`periodontalRiskChart.level.${level}`, {\n        defaultValue: LEVEL_DEFAULT[level],\n      });\n\n    const factorValueText = (\n      factor: PeriodontalRiskFactor,\n      raw: string | null,\n    ): string => {\n      if (raw == null)\n        return t('periodontalRiskChart.valueUnset', 'not recorded');\n      if (factor === 'smoking')\n        return t(`periodontalRiskChart.smoking.${raw}`, { defaultValue: raw });\n      if (factor === 'systemic')\n        return t(`periodontalRiskChart.systemic.${raw}`, { defaultValue: raw });\n      if (factor === 'bleeding') {\n        // raw already carries the '%' glyph from the data layer; localise digits.\n        const n = Number.parseFloat(raw);\n        if (Number.isFinite(n)) {\n          try {\n            return t('periodontalRiskChart.percent', {\n              value: new Intl.NumberFormat(resolvedLocale, {\n                maximumFractionDigits: 0,\n              }).format(n),\n              defaultValue: '{{value}}%',\n            });\n          } catch {\n            return raw;\n          }\n        }\n      }\n      return raw;\n    };\n\n    const heading = t('periodontalRiskChart.heading', 'Periodontal risk');\n    const resolvedAriaLabel = ariaLabel ?? heading;\n\n    const inner = (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n        <div className=\"ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <h2\n            id={headingId}\n            className=\"type-title-card ds:m-0 ds:text-[color:var(--foreground)]\"\n          >\n            {heading}\n          </h2>\n          <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n            <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n              {t('periodontalRiskChart.overall.label', 'Overall')}\n            </span>\n            <Badge variant={BADGE_TONE[result.overall]} size=\"sm\">\n              {levelLabel(result.overall)}\n            </Badge>\n          </span>\n        </div>\n\n        <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-lg)]\">\n          {/* Decorative hexagon — the <dl> below is the accessible source. */}\n          <svg\n            viewBox={`0 0 ${VIEW} ${VIEW}`}\n            className=\"ds:w-full ds:max-w-[240px] ds:aspect-square\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <polygon\n              points={hexPoints(1)}\n              fill=\"var(--destructive)\"\n              fillOpacity={0.1}\n            />\n            <polygon\n              points={hexPoints(0.7)}\n              fill=\"var(--warning)\"\n              fillOpacity={0.12}\n            />\n            <polygon\n              points={hexPoints(0.4)}\n              fill=\"var(--success)\"\n              fillOpacity={0.14}\n            />\n            {[1, 0.7, 0.4].map((f) => (\n              <polygon\n                key={f}\n                points={hexPoints(f)}\n                fill=\"none\"\n                stroke=\"var(--border)\"\n                strokeWidth={1}\n              />\n            ))}\n            {PERIODONTAL_RISK_FACTORS.map((_, i) => {\n              const v = vertex(i, RADIUS);\n              return (\n                <line\n                  key={i}\n                  x1={CENTER}\n                  y1={CENTER}\n                  x2={v.x}\n                  y2={v.y}\n                  stroke=\"var(--border)\"\n                  strokeWidth={1}\n                />\n              );\n            })}\n            <polygon\n              points={patientPoints}\n              fill=\"var(--primary)\"\n              fillOpacity={0.18}\n              stroke=\"var(--primary)\"\n              strokeWidth={2}\n              strokeLinejoin=\"round\"\n            />\n            {result.factors.map((f, i) => {\n              const v = vertex(i, RADIUS * f.radius);\n              return (\n                <circle\n                  key={f.factor}\n                  cx={v.x}\n                  cy={v.y}\n                  r={3}\n                  fill=\"var(--primary)\"\n                />\n              );\n            })}\n          </svg>\n\n          <dl\n            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\"\n            aria-label={t('periodontalRiskChart.factors.label', 'Risk factors')}\n          >\n            {result.factors.map((f) => (\n              <div key={f.factor} className=\"ds:contents\">\n                <dt className=\"ds:text-[color:var(--muted-foreground)]\">\n                  {t(`periodontalRiskChart.factor.${f.factor}`, {\n                    defaultValue: FACTOR_DEFAULT[f.factor],\n                  })}\n                </dt>\n                <dd className=\"ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <Badge variant={BADGE_TONE[f.level]} size=\"sm\">\n                    {levelLabel(f.level)}\n                  </Badge>\n                  <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                    {factorValueText(f.factor, f.valueText)}\n                  </span>\n                </dd>\n              </div>\n            ))}\n          </dl>\n        </div>\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label={resolvedAriaLabel}\n        data-component=\"periodontal-risk-chart\"\n        data-component-id={id}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            <Card.Body>{inner}</Card.Body>\n          </Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nPeriodontalRiskChart.displayName = 'PeriodontalRiskChart';\n\nexport type PeriodontalRiskChartSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n"],"names":["periodontalRiskChartAgent","handle","PERIODONTAL_RISK_FACTORS","LEVEL_RADIUS","riskOrdinal","level","band","value","moderateAt","highAt","SMOKING_LEVEL","computePeriodontalRisk","inputs","scores","push","factor","valueText","v","bl","age","ratio","highs","s","moderates","overall","VIEW","rootVariants","cva","CENTER","RADIUS","vertex","i","r","angle","hexPoints","f","_","BADGE_TONE","LEVEL_DEFAULT","FACTOR_DEFAULT","PeriodontalRiskChart","forwardRef","surface","locale","ariaLabel","id","className","rest","ref","t","i18n","useTranslation","headingId","useId","resolvedLocale","result","useMemo","useAgentRegistration","patientPoints","levelLabel","factorValueText","raw","n","heading","resolvedAriaLabel","inner","jsxs","jsx","Badge","Card"],"mappings":"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"}

package/dist/_chunks/{phone-input-dtnrvnZf.js → phone-input-D00ZBAm-.js}

@@ -10,7 +10,7 @@ import { getCountries as qe, parsePhoneNumberFromString as L, AsYouType as q, ge
 import { u as He, F as _e } from "./form-field-context-B3APVHKx.js";
 import { c as Ge } from "./compose-refs-C0k0tdqF.js";
 import { n as J } from "./normalize-diacritics-BNGbFNlJ.js";
-import { a as Q } from "./flag-DZ6V7-hU.js";
+import { a as Q } from "./flag-Cnmivlrl.js";
 import { C as Oe } from "./chevron-down-DWE7GSq9.js";
 const Ue = {
   id: "phone-input",
@@ -577,4 +577,4 @@ export {
   pe as c,
   We as p
 };
-//# sourceMappingURL=phone-input-dtnrvnZf.js.map
+//# sourceMappingURL=phone-input-D00ZBAm-.js.map