@alfadocs/ui-kit-debug 0.73.0 → 0.75.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"periodontal-diagnosis-cco40xTa.js","sources":["../../src/components/periodontal-diagnosis/periodontal-diagnosis.agent.ts","../../src/components/periodontal-diagnosis/periodontal-diagnosis-data.ts","../../src/components/periodontal-diagnosis/periodontal-diagnosis.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PeriodontalDiagnosisHandle } from './periodontal-diagnosis';\nimport type {\n  PeriodontitisExtent,\n  PeriodontitisGrade,\n  PeriodontitisStage,\n} from './periodontal-diagnosis-data';\n\n/* -------------------------------------------------------------------- */\n/* PeriodontalDiagnosis — agent adapter                                   */\n/*                                                                        */\n/* Agents can read the recorded stage / grade / extent / factors and the  */\n/* worded summary, and can set each field. The free-text clinician note   */\n/* (PHI) is never exposed — getDiagnosis() strips it.                     */\n/* -------------------------------------------------------------------- */\n\nconst STAGE_SCHEMA = {\n  enum: [1, 2, 3, 4],\n  description: 'Periodontitis stage I–IV, as the integers 1–4.',\n} as const;\nconst GRADE_SCHEMA = {\n  enum: ['A', 'B', 'C'],\n  description: 'Periodontitis grade A–C (rate of progression).',\n} as const;\nconst EXTENT_SCHEMA = {\n  enum: ['localised', 'generalised', 'molarIncisor'],\n  description:\n    'Distribution: localised (<30%), generalised (≥30%), or molar-incisor.',\n} as const;\n\nexport const periodontalDiagnosisAgent: AgentAdapter<PeriodontalDiagnosisHandle> =\n  {\n    id: 'periodontal-diagnosis',\n    // set_value — set stage / grade / extent / a factor. Each set_* action's\n    // enum argsSchema already conveys that the field is a closed choice.\n    capabilities: ['set_value'],\n    state: {\n      diagnosis: {\n        type: 'object',\n        descriptionKey: 'ui.agent.periodontalDiagnosis.state.diagnosis',\n        description:\n          'Recorded stage (1–4), grade (A–C), extent, and ticked contributing-factor ids. The free-text note is never included.',\n        read: (handle) => handle.getDiagnosis(),\n      },\n      summary: {\n        type: 'string',\n        descriptionKey: 'ui.agent.periodontalDiagnosis.state.summary',\n        description:\n          'The composed, localised diagnosis sentence (e.g. \"Periodontitis — Stage III · Grade B · generalised\").',\n        read: (handle) => handle.getSummary(),\n      },\n      complete: {\n        type: 'boolean',\n        descriptionKey: 'ui.agent.periodontalDiagnosis.state.complete',\n        description: 'True once both a stage and a grade are recorded.',\n        read: (handle) => handle.isComplete(),\n      },\n    },\n    actions: {\n      get_diagnosis: {\n        safety: 'read',\n        argsType: '{}',\n        argsSchema: { type: 'object', properties: {} },\n        returns: 'object',\n        returnsSchema: { type: 'object' },\n        idempotent: true,\n        descriptionKey: 'ui.agent.periodontalDiagnosis.actions.getDiagnosis',\n        description:\n          'Read the recorded stage / grade / extent / factors. The note is never returned.',\n        invoke: (handle) => handle.getDiagnosis(),\n      },\n      set_stage: {\n        safety: 'write',\n        argsType: '{ stage: 1 | 2 | 3 | 4 }',\n        argsSchema: {\n          type: 'object',\n          properties: { stage: STAGE_SCHEMA },\n          required: ['stage'],\n        },\n        idempotent: true,\n        descriptionKey: 'ui.agent.periodontalDiagnosis.actions.setStage',\n        description: 'Record the periodontitis stage (I–IV).',\n        invoke: (handle, args: { stage: PeriodontitisStage }) => {\n          handle.setStage(args.stage);\n        },\n      },\n      set_grade: {\n        safety: 'write',\n        argsType: \"{ grade: 'A' | 'B' | 'C' }\",\n        argsSchema: {\n          type: 'object',\n          properties: { grade: GRADE_SCHEMA },\n          required: ['grade'],\n        },\n        idempotent: true,\n        descriptionKey: 'ui.agent.periodontalDiagnosis.actions.setGrade',\n        description: 'Record the periodontitis grade (A–C).',\n        invoke: (handle, args: { grade: PeriodontitisGrade }) => {\n          handle.setGrade(args.grade);\n        },\n      },\n      set_extent: {\n        safety: 'write',\n        argsType: \"{ extent: 'localised' | 'generalised' | 'molarIncisor' }\",\n        argsSchema: {\n          type: 'object',\n          properties: { extent: EXTENT_SCHEMA },\n          required: ['extent'],\n        },\n        idempotent: true,\n        descriptionKey: 'ui.agent.periodontalDiagnosis.actions.setExtent',\n        description: 'Record the distribution / extent.',\n        invoke: (handle, args: { extent: PeriodontitisExtent }) => {\n          handle.setExtent(args.extent);\n        },\n      },\n      toggle_factor: {\n        safety: 'write',\n        argsType: '{ id: string; value: boolean }',\n        argsSchema: {\n          type: 'object',\n          properties: {\n            id: { type: 'string', description: 'Contributing-factor id.' },\n            value: { type: 'boolean' },\n          },\n          required: ['id', 'value'],\n        },\n        idempotent: true,\n        descriptionKey: 'ui.agent.periodontalDiagnosis.actions.toggleFactor',\n        description: 'Tick or clear a contributing factor.',\n        invoke: (handle, args: { id: string; value: boolean }) => {\n          handle.toggleFactor(args.id, args.value);\n        },\n      },\n      clear_diagnosis: {\n        safety: 'destructive',\n        argsType: '{}',\n        argsSchema: { type: 'object', properties: {} },\n        idempotent: true,\n        descriptionKey: 'ui.agent.periodontalDiagnosis.actions.clearDiagnosis',\n        description: 'Reset the whole diagnosis to empty.',\n        invoke: (handle) => {\n          handle.clear();\n        },\n      },\n    },\n    domHooks: {\n      root: {\n        attr: 'data-component',\n        value: 'periodontal-diagnosis',\n        description: 'Marks the PeriodontalDiagnosis root group.',\n      },\n      instanceId: {\n        attr: 'data-component-id',\n        sourceProp: 'id',\n        description: 'Sourced from the id prop.',\n      },\n    },\n  };\n","/* -------------------------------------------------------------------- */\n/* PeriodontalDiagnosis — data model                                      */\n/*                                                                        */\n/* The 2017 World Workshop / EFP periodontitis classification: a stage    */\n/* (I–IV, severity + complexity), a grade (A–C, rate of progression) and  */\n/* an extent (localised / generalised / molar-incisor). The jurisdiction- */\n/* specific *algorithm* that derives stage & grade from clinical findings */\n/* stays in the consumer; this component is the reusable, controllable    */\n/* form + summary. A curated checklist of contributing factors gives the  */\n/* clinician context without baking one country's logic into the kit.     */\n/* -------------------------------------------------------------------- */\n\nexport type PeriodontitisStage = 1 | 2 | 3 | 4;\nexport type PeriodontitisGrade = 'A' | 'B' | 'C';\nexport type PeriodontitisExtent = 'localised' | 'generalised' | 'molarIncisor';\n\nexport const PERIODONTITIS_STAGES: readonly PeriodontitisStage[] = [1, 2, 3, 4];\nexport const PERIODONTITIS_GRADES: readonly PeriodontitisGrade[] = [\n  'A',\n  'B',\n  'C',\n];\nexport const PERIODONTITIS_EXTENTS: readonly PeriodontitisExtent[] = [\n  'localised',\n  'generalised',\n  'molarIncisor',\n];\n\n/** Roman numeral for a stage — matches the WHO / EFP notation. */\nexport const STAGE_ROMAN: Record<PeriodontitisStage, string> = {\n  1: 'I',\n  2: 'II',\n  3: 'III',\n  4: 'IV',\n};\n\n/**\n * The default contributing-factor checklist — the staging (severity) and\n * grading (progression) drivers of the 2017 classification. Consumers can\n * pass their own list of ids to localise the questionnaire.\n */\nexport const DEFAULT_DIAGNOSIS_FACTORS = [\n  'interdentalCal',\n  'radiographicBoneLoss',\n  'toothLossPerio',\n  'probingDepth6',\n  'boneLossAgeOver1',\n  'smoker',\n  'diabetes',\n] as const;\n\nexport type PeriodontalDiagnosisFactor =\n  (typeof DEFAULT_DIAGNOSIS_FACTORS)[number];\n\n/** The recorded diagnosis. `note` is free-text PHI and never leaves the UI. */\nexport interface PeriodontalDiagnosisValue {\n  stage?: PeriodontitisStage;\n  grade?: PeriodontitisGrade;\n  extent?: PeriodontitisExtent;\n  /** Ids of the ticked contributing factors. */\n  factors?: string[];\n  /** Free-text clinician note — PHI; excluded from the agent adapter. */\n  note?: string;\n}\n\n/** A diagnosis needs at least a stage and a grade to read as complete. */\nexport function isDiagnosisComplete(value: PeriodontalDiagnosisValue): boolean {\n  return value.stage != null && value.grade != null;\n}\n\n/** A fresh, empty diagnosis. */\nexport function emptyDiagnosis(): PeriodontalDiagnosisValue {\n  return {};\n}\n","import {\n  forwardRef,\n  useId,\n  useRef,\n  useState,\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 { Checkbox } from '../checkbox/checkbox';\nimport { Radio } from '../radio-group/radio';\nimport { RadioGroup } from '../radio-group/radio-group';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { periodontalDiagnosisAgent } from './periodontal-diagnosis.agent';\nimport {\n  DEFAULT_DIAGNOSIS_FACTORS,\n  emptyDiagnosis,\n  isDiagnosisComplete,\n  PERIODONTITIS_EXTENTS,\n  PERIODONTITIS_GRADES,\n  PERIODONTITIS_STAGES,\n  STAGE_ROMAN,\n  type PeriodontalDiagnosisValue,\n  type PeriodontitisExtent,\n  type PeriodontitisGrade,\n  type PeriodontitisStage,\n} from './periodontal-diagnosis-data';\n\n/* -------------------------------------------------------------------- */\n/* PeriodontalDiagnosis                                                   */\n/*                                                                        */\n/* The 2017 World Workshop / EFP periodontitis classification form:       */\n/* stage (I–IV), grade (A–C), extent, and a curated checklist of the      */\n/* staging/grading contributing factors. Controlled or uncontrolled.      */\n/* The composed summary (\"Periodontitis — Stage III · Grade B ·           */\n/* generalised\") is the worded, non-colour source of truth.              */\n/* -------------------------------------------------------------------- */\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 PeriodontalDiagnosisHandle {\n  /** The recorded stage / grade / extent / factors — never the free-text note. */\n  getDiagnosis: () => Omit<PeriodontalDiagnosisValue, 'note'>;\n  /** The composed, localised summary sentence. */\n  getSummary: () => string;\n  /** True once both a stage and a grade are recorded. */\n  isComplete: () => boolean;\n  setStage: (stage: PeriodontitisStage) => void;\n  setGrade: (grade: PeriodontitisGrade) => void;\n  setExtent: (extent: PeriodontitisExtent) => void;\n  toggleFactor: (id: string, on?: boolean) => void;\n  /** Reset to an empty diagnosis. */\n  clear: () => void;\n}\n\nexport interface PeriodontalDiagnosisProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children' | 'onChange' | 'defaultValue'\n> {\n  /** Controlled value. */\n  value?: PeriodontalDiagnosisValue;\n  /** Uncontrolled initial value. */\n  defaultValue?: PeriodontalDiagnosisValue;\n  /** Fires with the next diagnosis whenever the clinician changes a field. */\n  onChange?: (value: PeriodontalDiagnosisValue) => void;\n  /** `'interactive'` (default) renders the form; `'display'` is read-only. */\n  mode?: 'interactive' | 'display';\n  /** Disable every control. */\n  disabled?: boolean;\n  /** Contributing-factor ids for the checklist. Defaults to the WHO-2017 set. */\n  factors?: readonly string[];\n  /** `'elevated'` (default) wraps in a Card; `'flat'` drops the chrome. */\n  surface?: 'flat' | 'elevated';\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/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const PeriodontalDiagnosis = forwardRef<\n  HTMLDivElement,\n  PeriodontalDiagnosisProps\n>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      mode = 'interactive',\n      disabled = false,\n      factors = DEFAULT_DIAGNOSIS_FACTORS,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const headingId = useId();\n\n    const isControlled = value !== undefined;\n    const [internal, setInternal] = useState<PeriodontalDiagnosisValue>(\n      defaultValue ?? emptyDiagnosis(),\n    );\n    const current = isControlled ? value : internal;\n\n    // Latest committed value — so an agent making several edits in one tick\n    // always builds on the previous edit, not a stale render snapshot.\n    const valueRef = useRef(current);\n    valueRef.current = current;\n\n    const commit = (next: PeriodontalDiagnosisValue) => {\n      valueRef.current = next;\n      if (!isControlled) setInternal(next);\n      onChange?.(next);\n    };\n\n    const setStage = (stage: PeriodontitisStage) =>\n      commit({ ...valueRef.current, stage });\n    const setGrade = (grade: PeriodontitisGrade) =>\n      commit({ ...valueRef.current, grade });\n    const setExtent = (extent: PeriodontitisExtent) =>\n      commit({ ...valueRef.current, extent });\n    const toggleFactor = (factorId: string, on?: boolean) => {\n      const set = new Set(valueRef.current.factors ?? []);\n      const next = on ?? !set.has(factorId);\n      if (next) set.add(factorId);\n      else set.delete(factorId);\n      commit({ ...valueRef.current, factors: [...set] });\n    };\n    const clear = () => commit(emptyDiagnosis());\n\n    const complete = isDiagnosisComplete(current);\n    const activeFactors = current.factors ?? [];\n\n    const stageLabel = (s: PeriodontitisStage) =>\n      t(`periodontalDiagnosis.stage.option`, {\n        roman: STAGE_ROMAN[s],\n        defaultValue: `Stage ${STAGE_ROMAN[s]}`,\n      });\n    const gradeLabel = (g: PeriodontitisGrade) =>\n      t(`periodontalDiagnosis.grade.option`, {\n        grade: g,\n        defaultValue: `Grade ${g}`,\n      });\n    const extentLabel = (e: PeriodontitisExtent) =>\n      t(`periodontalDiagnosis.extent.${e}`, {\n        defaultValue:\n          e === 'localised'\n            ? 'Localised'\n            : e === 'generalised'\n              ? 'Generalised'\n              : 'Molar-incisor',\n      });\n    const factorLabel = (fid: string) =>\n      t(`periodontalDiagnosis.factor.${fid}`, { defaultValue: fid });\n\n    // Worded summary sentence — the accessible source of truth.\n    const chips: string[] = [];\n    if (current.stage != null)\n      chips.push(\n        t('periodontalDiagnosis.summary.stage', {\n          roman: STAGE_ROMAN[current.stage],\n          defaultValue: `Stage ${STAGE_ROMAN[current.stage]}`,\n        }),\n      );\n    if (current.grade != null)\n      chips.push(\n        t('periodontalDiagnosis.summary.grade', {\n          grade: current.grade,\n          defaultValue: `Grade ${current.grade}`,\n        }),\n      );\n    if (current.extent != null) chips.push(extentLabel(current.extent));\n    const summary = chips.length\n      ? `${t('periodontalDiagnosis.term', 'Periodontitis')} — ${chips.join(' · ')}`\n      : t('periodontalDiagnosis.summary.none', 'No diagnosis recorded yet');\n\n    useAgentRegistration(\n      periodontalDiagnosisAgent,\n      {\n        getDiagnosis: () => {\n          const { note: _note, ...rest2 } = valueRef.current;\n          return rest2;\n        },\n        getSummary: () => summary,\n        isComplete: () => isDiagnosisComplete(valueRef.current),\n        setStage,\n        setGrade,\n        setExtent,\n        toggleFactor,\n        clear,\n      },\n      id,\n    );\n\n    const heading = t('periodontalDiagnosis.heading', 'Periodontal diagnosis');\n    const resolvedAriaLabel = ariaLabel ?? heading;\n\n    const readonlyView = (\n      <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\">\n        <dt className=\"ds:text-[color:var(--muted-foreground)]\">\n          {t('periodontalDiagnosis.stage.label', 'Staging')}\n        </dt>\n        <dd className=\"ds:m-0\">\n          {current.stage != null\n            ? stageLabel(current.stage)\n            : t('periodontalDiagnosis.unset', '—')}\n        </dd>\n        <dt className=\"ds:text-[color:var(--muted-foreground)]\">\n          {t('periodontalDiagnosis.grade.label', 'Grading')}\n        </dt>\n        <dd className=\"ds:m-0\">\n          {current.grade != null\n            ? gradeLabel(current.grade)\n            : t('periodontalDiagnosis.unset', '—')}\n        </dd>\n        <dt className=\"ds:text-[color:var(--muted-foreground)]\">\n          {t('periodontalDiagnosis.extent.label', 'Extent')}\n        </dt>\n        <dd className=\"ds:m-0\">\n          {current.extent != null\n            ? extentLabel(current.extent)\n            : t('periodontalDiagnosis.unset', '—')}\n        </dd>\n        <dt className=\"ds:text-[color:var(--muted-foreground)]\">\n          {t('periodontalDiagnosis.factors.label', 'Contributing factors')}\n        </dt>\n        <dd className=\"ds:m-0\">\n          {activeFactors.length\n            ? activeFactors.map((fid) => factorLabel(fid)).join(', ')\n            : t('periodontalDiagnosis.unset', '—')}\n        </dd>\n      </dl>\n    );\n\n    const formView = (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\">\n        <RadioGroup\n          variant=\"horizontal\"\n          label={t('periodontalDiagnosis.stage.label', 'Staging')}\n          description={t(\n            'periodontalDiagnosis.stage.description',\n            'Severity and complexity of management.',\n          )}\n          value={current.stage != null ? String(current.stage) : ''}\n          onValueChange={(v) => setStage(Number(v) as PeriodontitisStage)}\n          disabled={disabled}\n        >\n          {PERIODONTITIS_STAGES.map((s) => (\n            <Radio key={s} value={String(s)} label={stageLabel(s)} />\n          ))}\n        </RadioGroup>\n\n        <RadioGroup\n          variant=\"horizontal\"\n          label={t('periodontalDiagnosis.grade.label', 'Grading')}\n          description={t(\n            'periodontalDiagnosis.grade.description',\n            'Rate of progression.',\n          )}\n          value={current.grade ?? ''}\n          onValueChange={(v) => setGrade(v as PeriodontitisGrade)}\n          disabled={disabled}\n        >\n          {PERIODONTITIS_GRADES.map((g) => (\n            <Radio key={g} value={g} label={gradeLabel(g)} />\n          ))}\n        </RadioGroup>\n\n        <RadioGroup\n          variant=\"horizontal\"\n          label={t('periodontalDiagnosis.extent.label', 'Extent')}\n          value={current.extent ?? ''}\n          onValueChange={(v) => setExtent(v as PeriodontitisExtent)}\n          disabled={disabled}\n        >\n          {PERIODONTITIS_EXTENTS.map((e) => (\n            <Radio key={e} value={e} label={extentLabel(e)} />\n          ))}\n        </RadioGroup>\n\n        <fieldset className=\"ds:m-0 ds:border-0 ds:p-0\">\n          <legend className=\"type-label ds:mb-[var(--spacing-xs)] ds:p-0 ds:text-[color:var(--foreground)]\">\n            {t('periodontalDiagnosis.factors.label', 'Contributing factors')}\n          </legend>\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            {factors.map((fid) => (\n              <Checkbox\n                key={fid}\n                label={factorLabel(fid)}\n                checked={activeFactors.includes(fid)}\n                onCheckedChange={(c) => toggleFactor(fid, c === true)}\n                disabled={disabled}\n              />\n            ))}\n          </div>\n        </fieldset>\n      </div>\n    );\n\n    const inner = (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\">\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          <Badge variant={complete ? 'brand' : 'neutral'} size=\"md\">\n            {complete\n              ? t('periodontalDiagnosis.status.complete', 'Complete')\n              : t('periodontalDiagnosis.status.incomplete', 'Incomplete')}\n          </Badge>\n        </div>\n        <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--foreground)]\">\n          {summary}\n        </p>\n        {mode === 'display' ? readonlyView : formView}\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label={resolvedAriaLabel}\n        data-component=\"periodontal-diagnosis\"\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\nPeriodontalDiagnosis.displayName = 'PeriodontalDiagnosis';\n\nexport type PeriodontalDiagnosisSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n"],"names":["STAGE_SCHEMA","GRADE_SCHEMA","EXTENT_SCHEMA","periodontalDiagnosisAgent","handle","args","PERIODONTITIS_STAGES","PERIODONTITIS_GRADES","PERIODONTITIS_EXTENTS","STAGE_ROMAN","DEFAULT_DIAGNOSIS_FACTORS","isDiagnosisComplete","value","emptyDiagnosis","rootVariants","cva","PeriodontalDiagnosis","forwardRef","defaultValue","onChange","mode","disabled","factors","surface","ariaLabel","id","className","rest","ref","useTranslation","headingId","useId","isControlled","internal","setInternal","useState","current","valueRef","useRef","commit","next","setStage","stage","setGrade","grade","setExtent","extent","toggleFactor","factorId","on","set","clear","complete","activeFactors","stageLabel","s","gradeLabel","g","extentLabel","factorLabel","fid","chips","summary","useAgentRegistration","_note","rest2","heading","resolvedAriaLabel","readonlyView","jsxs","jsx","formView","RadioGroup","v","Radio","Checkbox","c","inner","Badge","Card"],"mappings":"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"}

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/{popover-DGTKfLWh.js → popover-Cc0a69sw.js}

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as X } from "react/jsx-runtime";
 import { useState as C, useCallback as g, useRef as R, useEffect as h, useMemo as $, forwardRef as f, useId as D, useContext as u, createContext as N } from "react";
-import * as v from "@radix-ui/react-popover";
+import * as p from "@radix-ui/react-popover";
 import { c as q } from "./index-D2ZczOXr.js";
 import { useTranslation as G } from "react-i18next";
 import { I as J } from "./icon-button-C_kbcd7I.js";
@@ -111,12 +111,12 @@ function T({
   defaultOpen: c,
   modal: P
 }) {
-  const [b, I] = C(c ?? !1), m = i !== void 0, p = m ? i : b, n = g(
+  const [b, I] = C(c ?? !1), m = i !== void 0, l = m ? i : b, n = g(
     (z) => {
       m || I(z), t == null || t(z);
     },
     [m, t]
-  ), d = R(null), l = e === "hover" || e === "hover-or-click", a = g(() => {
+  ), d = R(null), v = e === "hover" || e === "hover-or-click", a = g(() => {
     d.current && (clearTimeout(d.current), d.current = null);
   }, []), H = g(() => {
     a(), d.current = setTimeout(() => {
@@ -128,10 +128,10 @@ function T({
     }, 300);
   }, [a, n]);
   h(() => () => a(), [a]);
-  const w = R(p);
+  const w = R(l);
   h(() => {
-    w.current = p;
-  }, [p]);
+    w.current = l;
+  }, [l]);
   const W = $(
     () => ({
       getIsOpen: () => w.current,
@@ -143,7 +143,7 @@ function T({
   Q(Y, W, r);
   const [K, F] = C(void 0), [L, V] = C(
     void 0
-  ), S = l ? {
+  ), S = v ? {
     onMouseEnter: H,
     onMouseLeave: x,
     onFocus: () => {
@@ -158,14 +158,14 @@ function T({
       children: /* @__PURE__ */ s(
         k.Provider,
         {
-          value: { isHoverMode: l, clearHoverTimer: a, closeWithDelay: x },
+          value: { isHoverMode: v, clearHoverTimer: a, closeWithDelay: x },
           children: /* @__PURE__ */ s(
-            v.Root,
+            p.Root,
             {
-              open: p,
+              open: l,
               onOpenChange: n,
               modal: P,
-              children: l ? /* @__PURE__ */ s("span", { className: "ds:inline-flex", ...S, children: o }) : o
+              children: v ? /* @__PURE__ */ s("span", { className: "ds:inline-flex", ...S, children: o }) : o
             }
           )
         }
@@ -174,9 +174,9 @@ function T({
   ) });
 }
 T.displayName = "Popover.Root";
-const j = f(({ children: e, ...o }, r) => /* @__PURE__ */ s(v.Trigger, { ref: r, ...o, children: e }));
+const j = f(({ children: e, ...o }, r) => /* @__PURE__ */ s(p.Trigger, { ref: r, ...o, children: e }));
 j.displayName = "Popover.Trigger";
-const B = f(
+const A = f(
   ({
     side: e = "bottom",
     align: o = "center",
@@ -186,18 +186,18 @@ const B = f(
     children: c,
     ...P
   }, b) => {
-    const { headingId: I, descriptionId: m } = u(y), p = u(M), {
+    const { headingId: I, descriptionId: m } = u(y), l = u(M), {
       isHoverMode: n,
       clearHoverTimer: d,
-      closeWithDelay: l
+      closeWithDelay: v
     } = u(k), a = Z(e), H = n ? {
       onMouseEnter: d,
-      onMouseLeave: l,
+      onMouseLeave: v,
       onFocus: d,
-      onBlur: l
+      onBlur: v
     } : {};
-    return /* @__PURE__ */ s(v.Portal, { children: /* @__PURE__ */ X(
-      v.Content,
+    return /* @__PURE__ */ s(p.Portal, { children: /* @__PURE__ */ X(
+      p.Content,
       {
         ref: b,
         side: a,
@@ -208,13 +208,13 @@ const B = f(
         "aria-describedby": m,
         className: _({ size: r, className: t }),
         "data-component": "popover",
-        "data-component-id": p,
+        "data-component-id": l,
         ...H,
         ...P,
         children: [
           c,
           i && /* @__PURE__ */ s(
-            v.Arrow,
+            p.Arrow,
             {
               width: 12,
               height: 6,
@@ -226,8 +226,8 @@ const B = f(
     ) });
   }
 );
-B.displayName = "Popover.Content";
-const A = f(
+A.displayName = "Popover.Content";
+const B = f(
   ({ className: e }, o) => {
     const { t: r } = G();
     return /* @__PURE__ */ s(
@@ -237,7 +237,7 @@ const A = f(
           "ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]",
           e
         ].filter(Boolean).join(" "),
-        children: /* @__PURE__ */ s(v.Close, { asChild: !0, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s(p.Close, { asChild: !0, children: /* @__PURE__ */ s(
           J,
           {
             ref: o,
@@ -251,7 +251,7 @@ const A = f(
     );
   }
 );
-A.displayName = "Popover.Close";
+B.displayName = "Popover.Close";
 const E = f(
   ({ as: e = "h3", className: o, ...r }, i) => {
     const t = D(), { setHeadingId: c } = u(y);
@@ -290,8 +290,11 @@ O.displayName = "Popover.Description";
 const ae = Object.assign(T, {
   Root: T,
   Trigger: j,
-  Content: B,
-  Close: A,
+  // Radix pass-through: position Content against an arbitrary element when a
+  // Trigger button is unsuitable (e.g. anchoring an editor to a role=tab).
+  Anchor: p.Anchor,
+  Content: A,
+  Close: B,
   Heading: E,
   Description: O
 });
@@ -299,4 +302,4 @@ export {
   ae as P,
   Y as p
 };
-//# sourceMappingURL=popover-DGTKfLWh.js.map
+//# sourceMappingURL=popover-Cc0a69sw.js.map