@alfadocs/ui-kit-debug 1.95.1 → 1.96.0

package/dist/_chunks/{periodontal-risk-chart-B7S9OmPC.js.map → periodontal-risk-chart-D2zyID0H.js.map}

@@ -1 +1 @@
-{"version":3,"file":"periodontal-risk-chart-B7S9OmPC.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';\nimport { formatNumber } from '../_shared/format-number';\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('ui');\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 === 'boneLossAge') {\n        // The data layer writes the ratio with a dot (\"0.50\"); show it in\n        // the UI language's separator (\"0,50\" in Italian).\n        const n = Number.parseFloat(raw);\n        return Number.isFinite(n)\n          ? formatNumber(n, resolvedLocale, {\n              minimumFractionDigits: 2,\n              maximumFractionDigits: 2,\n            })\n          : raw;\n      }\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: formatNumber(n, resolvedLocale, {\n                maximumFractionDigits: 0,\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","formatNumber","heading","resolvedAriaLabel","inner","jsxs","jsx","Badge","Card"],"mappings":"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"}
+{"version":3,"file":"periodontal-risk-chart-D2zyID0H.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';\nimport { formatNumber } from '../_shared/format-number';\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('ui');\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 === 'boneLossAge') {\n        // The data layer writes the ratio with a dot (\"0.50\"); show it in\n        // the UI language's separator (\"0,50\" in Italian).\n        const n = Number.parseFloat(raw);\n        return Number.isFinite(n)\n          ? formatNumber(n, resolvedLocale, {\n              minimumFractionDigits: 2,\n              maximumFractionDigits: 2,\n            })\n          : raw;\n      }\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: formatNumber(n, resolvedLocale, {\n                maximumFractionDigits: 0,\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","formatNumber","heading","resolvedAriaLabel","inner","jsxs","jsx","Badge","Card"],"mappings":"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"}

package/dist/_chunks/{popover-Da1ekjV1.js → popover-CN5IsOeS.js}

@@ -1,14 +1,14 @@
-import { jsx as i, jsxs as $ } from "react/jsx-runtime";
-import { useState as V, useCallback as C, useRef as y, useEffect as N, useMemo as M, forwardRef as R, useId as X, useContext as m, createContext as k } from "react";
-import * as g from "@radix-ui/react-popover";
-import { c as F } from "./index-D2ZczOXr.js";
-import { useTranslation as ee } from "react-i18next";
-import { I as oe } from "./icon-button-S8_weU3g.js";
-import { u as te } from "./registry-DvAUVLHh.js";
-import { c as q } from "./compose-refs-C0k0tdqF.js";
-import { f as re, u as ne } from "./non-modal-tab-exit-j3CPOuE3.js";
-import { X as se } from "./x-B5YnXwCz.js";
-const ie = {
+import { jsx as i, jsxs as ee } from "react/jsx-runtime";
+import { useState as X, useCallback as N, useRef as b, useEffect as z, useMemo as A, forwardRef as I, useId as J, useContext as m, createContext as D } from "react";
+import * as P from "@radix-ui/react-popover";
+import { c as oe } from "./index-D2ZczOXr.js";
+import { useTranslation as te } from "react-i18next";
+import { I as re } from "./icon-button-S8_weU3g.js";
+import { u as ne } from "./registry-DvAUVLHh.js";
+import { c as G } from "./compose-refs-C0k0tdqF.js";
+import { f as se, u as ie } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { X as ae } from "./x-B5YnXwCz.js";
+const de = {
   id: "popover",
   capabilities: ["open", "close"],
   state: {
@@ -47,32 +47,32 @@ const ie = {
       description: "Sourced from the id prop on Popover.Root."
     }
   }
-}, D = k({
+}, j = D({
   headingId: void 0,
   setHeadingId: () => {
   },
   descriptionId: void 0,
   setDescriptionId: () => {
   }
-}), G = k({
+}), K = D({
   isHoverMode: !1,
   clearHoverTimer: () => {
   },
   closeWithDelay: () => {
   }
-}), E = k(null);
-function ae(e) {
+}), O = D(null);
+function ce(e) {
   var r;
   if (!e) return null;
   const o = (r = e.virtualAnchorRef.current) == null ? void 0 : r.current;
   return e.triggerRef.current ? e.triggerRef.current : o instanceof HTMLElement ? o : e.anchorRef.current;
 }
-function de(e) {
+function le(e) {
   if (e === "top" || e === "bottom") return e;
   const o = typeof document < "u" && document.documentElement.dir === "rtl";
   return e === "start" ? o ? "right" : "left" : o ? "left" : "right";
 }
-const ce = F(
+const pe = oe(
   [
     // `--card-border` 32% alpha provides a subtle edge that survives dark
     // without becoming a heavy outline. The previous transparent border
@@ -109,8 +109,8 @@ const ce = F(
       size: "md"
     }
   }
-), J = k(void 0);
-function S({
+), Q = D(void 0);
+function q({
   openOn: e = "click",
   children: o,
   id: r,
@@ -119,70 +119,72 @@ function S({
   defaultOpen: s,
   modal: u
 }) {
-  const [j, I] = V(s ?? !1), T = t !== void 0, h = T ? t : j, a = C(
-    (w) => {
-      T || I(w), n == null || n(w);
+  const [B, T] = X(s ?? !1), x = t !== void 0, f = x ? t : B, d = N(
+    (R) => {
+      x || T(R), n == null || n(R);
     },
-    [T, n]
-  ), f = y(null), x = e === "hover" || e === "hover-or-click", c = C(() => {
-    f.current && (clearTimeout(f.current), f.current = null);
-  }, []), z = C(() => {
-    c(), f.current = setTimeout(() => {
-      a(!0);
+    [x, n]
+  ), g = b(null), k = b(null), h = e === "hover" || e === "hover-or-click", l = N(() => {
+    g.current && (clearTimeout(g.current), g.current = null);
+  }, []), w = N(() => {
+    l(), g.current = setTimeout(() => {
+      d(!0);
     }, 300);
-  }, [c, a]), b = C(() => {
-    c(), f.current = setTimeout(() => {
-      a(!1);
+  }, [l, d]), H = N(() => {
+    l(), g.current = setTimeout(() => {
+      const R = document.activeElement, M = k.current;
+      R && M && M.contains(R) || d(!1);
     }, 300);
-  }, [c, a]);
-  N(() => () => c(), [c]);
-  const A = y(h);
-  N(() => {
-    A.current = h;
-  }, [h]);
-  const p = M(
+  }, [l, d]);
+  z(() => () => l(), [l]);
+  const a = b(f);
+  z(() => {
+    a.current = f;
+  }, [f]);
+  const E = A(
     () => ({
-      getIsOpen: () => A.current,
-      open: () => a(!0),
-      close: () => a(!1)
+      getIsOpen: () => a.current,
+      open: () => d(!0),
+      close: () => d(!1)
     }),
-    [a]
+    [d]
   );
-  te(ie, p, r);
-  const O = y(null), B = y(null), P = y(void 0), W = M(
+  ne(de, E, r);
+  const W = b(null), L = b(null), S = b(void 0), y = A(
     () => ({
       modal: u ?? !1,
-      close: () => a(!1),
-      triggerRef: O,
-      anchorRef: B,
-      virtualAnchorRef: P
+      close: () => d(!1),
+      triggerRef: W,
+      contentRef: k,
+      anchorRef: L,
+      virtualAnchorRef: S
     }),
-    [u, a]
-  ), [H, d] = V(void 0), [l, v] = V(
+    [u, d]
+  ), [V, C] = X(void 0), [c, p] = X(
     void 0
-  ), L = x ? {
-    onMouseEnter: z,
-    onMouseLeave: b,
+  ), v = h ? {
+    onMouseEnter: w,
+    onMouseLeave: H,
     onFocus: () => {
-      c(), a(!0);
+      l(), d(!0);
     },
-    onBlur: b
+    onBlur: H
   } : {};
-  return /* @__PURE__ */ i(J.Provider, { value: r, children: /* @__PURE__ */ i(
-    D.Provider,
+  return /* @__PURE__ */ i(Q.Provider, { value: r, children: /* @__PURE__ */ i(
+    j.Provider,
     {
-      value: { headingId: H, setHeadingId: d, descriptionId: l, setDescriptionId: v },
+      value: { headingId: V, setHeadingId: C, descriptionId: c, setDescriptionId: p },
       children: /* @__PURE__ */ i(
-        G.Provider,
+        K.Provider,
         {
-          value: { isHoverMode: x, clearHoverTimer: c, closeWithDelay: b },
-          children: /* @__PURE__ */ i(E.Provider, { value: W, children: /* @__PURE__ */ i(
-            g.Root,
+          value: { isHoverMode: h, clearHoverTimer: l, closeWithDelay: H },
+          children: /* @__PURE__ */ i(O.Provider, { value: y, children: /* @__PURE__ */ i(
+            P.Root,
             {
-              open: h,
-              onOpenChange: a,
+              open: f,
+              onOpenChange: d,
               modal: u,
-              children: x ? /* @__PURE__ */ i("span", { className: "ds:inline-flex", ...L, children: o }) : o
+              children: h ? /* @__PURE__ */ i("span", { className: "ds:inline-flex", ...v, children: o }) : o
             }
           ) })
         }
@@ -190,30 +192,30 @@ function S({
     }
   ) });
 }
-S.displayName = "Popover.Root";
-const K = R(({ children: e, ...o }, r) => {
+q.displayName = "Popover.Root";
+const U = I(({ children: e, ...o }, r) => {
   var s;
-  const t = (s = m(E)) == null ? void 0 : s.triggerRef, n = M(
-    () => q(r, t),
+  const t = (s = m(O)) == null ? void 0 : s.triggerRef, n = A(
+    () => G(r, t),
     [r, t]
   );
-  return /* @__PURE__ */ i(g.Trigger, { ref: n, ...o, children: e });
+  return /* @__PURE__ */ i(P.Trigger, { ref: n, ...o, children: e });
 });
-K.displayName = "Popover.Trigger";
-const Q = R(({ virtualRef: e, ...o }, r) => {
-  const t = m(E), n = t == null ? void 0 : t.anchorRef, s = t == null ? void 0 : t.virtualAnchorRef, u = M(
-    () => q(r, n),
+U.displayName = "Popover.Trigger";
+const Y = I(({ virtualRef: e, ...o }, r) => {
+  const t = m(O), n = t == null ? void 0 : t.anchorRef, s = t == null ? void 0 : t.virtualAnchorRef, u = A(
+    () => G(r, n),
     [r, n]
   );
-  return N(() => {
+  return z(() => {
     if (s)
       return s.current = e, () => {
         s.current === e && (s.current = void 0);
       };
-  }, [s, e]), /* @__PURE__ */ i(g.Anchor, { ref: u, virtualRef: e, ...o });
+  }, [s, e]), /* @__PURE__ */ i(P.Anchor, { ref: u, virtualRef: e, ...o });
 });
-Q.displayName = "Popover.Anchor";
-const U = R(
+Y.displayName = "Popover.Anchor";
+const Z = I(
   ({
     side: e = "bottom",
     align: o = "center",
@@ -222,63 +224,69 @@ const U = R(
     className: n,
     children: s,
     onKeyDown: u,
-    onFocus: j,
-    onCloseAutoFocus: I,
-    ...T
-  }, h) => {
-    const { headingId: a, descriptionId: f } = m(D), x = m(J), {
-      isHoverMode: c,
-      clearHoverTimer: z,
-      closeWithDelay: b
-    } = m(G), A = de(e), p = m(E), O = C(
-      (d) => ae(p) ?? re(d),
-      [p]
-    ), B = ne(!(p != null && p.modal), {
-      getAnchor: O,
-      onReturnToTrigger: c || p == null ? void 0 : p.close
-    }), P = y(null), W = c ? {
-      onMouseEnter: z,
-      onMouseLeave: b,
-      onBlur: b
-    } : {}, H = j ?? (c ? z : void 0);
-    return /* @__PURE__ */ i(g.Portal, { children: /* @__PURE__ */ $(
-      g.Content,
+    onFocus: B,
+    onCloseAutoFocus: T,
+    ...x
+  }, f) => {
+    const { headingId: d, descriptionId: g } = m(j), k = m(Q), {
+      isHoverMode: h,
+      clearHoverTimer: l,
+      closeWithDelay: w
+    } = m(K), H = le(e), a = m(O), E = a == null ? void 0 : a.contentRef, W = A(
+      () => G(
+        f,
+        E
+      ),
+      [f, E]
+    ), L = N(
+      (c) => ce(a) ?? se(c),
+      [a]
+    ), S = ie(!(a != null && a.modal), {
+      getAnchor: L,
+      onReturnToTrigger: h || a == null ? void 0 : a.close
+    }), y = b(null), V = h ? {
+      onMouseEnter: l,
+      onMouseLeave: w,
+      onBlur: w
+    } : {}, C = B ?? (h ? l : void 0);
+    return /* @__PURE__ */ i(P.Portal, { children: /* @__PURE__ */ ee(
+      P.Content,
       {
-        ref: h,
-        side: A,
+        ref: W,
+        side: H,
         align: o,
         sideOffset: 8,
         collisionPadding: 8,
-        "aria-labelledby": a,
-        "aria-describedby": f,
-        className: ce({ size: r, className: n }),
+        "aria-labelledby": d,
+        "aria-describedby": g,
+        className: pe({ size: r, className: n }),
         "data-component": "popover",
-        "data-component-id": x,
-        ...W,
-        ...T,
-        onFocus: (d) => {
-          P.current = null, H == null || H(d);
+        "data-component-id": k,
+        ...V,
+        ...x,
+        onFocus: (c) => {
+          y.current = null, C == null || C(c);
         },
-        onKeyDown: (d) => {
-          const l = d.currentTarget, v = l.ownerDocument, L = l.contains(v.activeElement);
-          u == null || u(d), B(d);
-          const w = !l.contains(v.activeElement);
-          d.key === "Tab" && L && w && (P.current = v);
+        onKeyDown: (c) => {
+          const p = c.currentTarget, v = p.ownerDocument, R = p.contains(v.activeElement);
+          u == null || u(c), S(c);
+          const M = !p.contains(v.activeElement);
+          c.key === "Tab" && R && M && (y.current = v);
         },
-        onCloseAutoFocus: (d) => {
-          const l = P.current;
-          P.current = null;
-          const v = l == null ? void 0 : l.activeElement;
-          if (l && v && v !== l.body) {
-            d.preventDefault();
+        onCloseAutoFocus: (c) => {
+          const p = y.current;
+          y.current = null;
+          const v = p == null ? void 0 : p.activeElement;
+          if (p && v && v !== p.body) {
+            c.preventDefault();
             return;
           }
-          I == null || I(d);
+          T == null || T(c);
         },
         children: [
           s,
           t && /* @__PURE__ */ i(
-            g.Arrow,
+            P.Arrow,
             {
               width: 12,
               height: 6,
@@ -290,10 +298,10 @@ const U = R(
     ) });
   }
 );
-U.displayName = "Popover.Content";
-const Y = R(
+Z.displayName = "Popover.Content";
+const _ = I(
   ({ className: e }, o) => {
-    const { t: r } = ee("ui");
+    const { t: r } = te("ui");
     return /* @__PURE__ */ i(
       "div",
       {
@@ -301,11 +309,11 @@ const Y = R(
           "ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]",
           e
         ].filter(Boolean).join(" "),
-        children: /* @__PURE__ */ i(g.Close, { asChild: !0, children: /* @__PURE__ */ i(
-          oe,
+        children: /* @__PURE__ */ i(P.Close, { asChild: !0, children: /* @__PURE__ */ i(
+          re,
           {
             ref: o,
-            icon: /* @__PURE__ */ i(se, {}),
+            icon: /* @__PURE__ */ i(ae, {}),
             intent: "ghost",
             size: "sm",
             "aria-label": r("common.close", "Close")
@@ -315,11 +323,11 @@ const Y = R(
     );
   }
 );
-Y.displayName = "Popover.Close";
-const Z = R(
+_.displayName = "Popover.Close";
+const $ = I(
   ({ as: e = "h3", className: o, ...r }, t) => {
-    const n = X(), { setHeadingId: s } = m(D);
-    return N(() => (s(n), () => s(void 0)), [n, s]), /* @__PURE__ */ i(
+    const n = J(), { setHeadingId: s } = m(j);
+    return z(() => (s(n), () => s(void 0)), [n, s]), /* @__PURE__ */ i(
       e,
       {
         ref: t,
@@ -334,10 +342,10 @@ const Z = R(
     );
   }
 );
-Z.displayName = "Popover.Heading";
-const _ = R(({ className: e, ...o }, r) => {
-  const t = X(), { setDescriptionId: n } = m(D);
-  return N(() => (n(t), () => n(void 0)), [t, n]), /* @__PURE__ */ i(
+$.displayName = "Popover.Heading";
+const F = I(({ className: e, ...o }, r) => {
+  const t = J(), { setDescriptionId: n } = m(j);
+  return z(() => (n(t), () => n(void 0)), [t, n]), /* @__PURE__ */ i(
     "div",
     {
       ref: r,
@@ -350,18 +358,18 @@ const _ = R(({ className: e, ...o }, r) => {
     }
   );
 });
-_.displayName = "Popover.Description";
-const Pe = Object.assign(S, {
-  Root: S,
-  Trigger: K,
-  Anchor: Q,
-  Content: U,
-  Close: Y,
-  Heading: Z,
-  Description: _
+F.displayName = "Popover.Description";
+const ye = Object.assign(q, {
+  Root: q,
+  Trigger: U,
+  Anchor: Y,
+  Content: Z,
+  Close: _,
+  Heading: $,
+  Description: F
 });
 export {
-  Pe as P,
-  ie as p
+  ye as P,
+  de as p
 };
-//# sourceMappingURL=popover-Da1ekjV1.js.map
+//# sourceMappingURL=popover-CN5IsOeS.js.map