@alfadocs/ui-kit-debug 1.34.0 → 1.36.0

package/dist/_chunks/{periodontal-risk-chart-0x7KVZjL.js.map → periodontal-risk-chart-B2tNFa15.js.map}

@@ -1 +1 @@
-{"version":3,"file":"periodontal-risk-chart-0x7KVZjL.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":";;;;;;;AAWO,MAAMA,IACX;AAAA,EACE,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,WAAA;AAAA,IAAW;AAAA,IAEtC,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,gBAAA;AAAA,IAAgB;AAAA,EAC3C;AAAA,EAEF,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GClCWC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAiDMC,IAAqD;AAAA,EACzD,KAAK;AAAA,EACL,UAAU;AAAA,EACV,MAAM;AACR;AAGO,SAASC,GAAYC,GAAwC;AAClE,SAAOA,MAAU,SAAS,IAAIA,MAAU,aAAa,IAAI;AAC3D;AAEA,SAASC,EACPC,GACAC,GACAC,GACsB;AACtB,SAAIF,KAASE,IAAe,SACxBF,KAASC,IAAmB,aACzB;AACT;AAEA,MAAME,IAA+D;AAAA,EACnE,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AACT;AAOO,SAASC,EACdC,GACuB;AACvB,QAAMC,IAAuC,CAAA,GAEvCC,IAAO,CACXC,GACAV,GACAW,MACGH,EAAO,KAAK,EAAE,QAAAE,GAAQ,OAAAV,GAAO,QAAQF,EAAaE,CAAK,GAAG,WAAAW,GAAW;AAG1E;AACE,UAAMC,IAAIL,EAAO;AACjB,IAAAE;AAAA,MACE;AAAA,MACAG,KAAK,OAAO,QAAQX,EAAKW,GAAG,IAAI,EAAE;AAAA,MAClCA,KAAK,OAAO,OAAO,GAAG,KAAK,MAAMA,CAAC,CAAC;AAAA,IAAA;AAAA,EAEvC;AAEA;AACE,UAAMA,IAAIL,EAAO;AACjB,IAAAE;AAAA,MACE;AAAA,MACAG,KAAK,OAAO,QAAQX,EAAKW,GAAG,GAAG,CAAC;AAAA,MAChCA,KAAK,OAAO,OAAO,OAAOA,CAAC;AAAA,IAAA;AAAA,EAE/B;AAEA;AACE,UAAMA,IAAIL,EAAO;AACjB,IAAAE;AAAA,MACE;AAAA,MACAG,KAAK,OAAO,QAAQX,EAAKW,GAAG,GAAG,CAAC;AAAA,MAChCA,KAAK,OAAO,OAAO,OAAOA,CAAC;AAAA,IAAA;AAAA,EAE/B;AAEA;AACE,UAAMC,IAAKN,EAAO,iBACZO,IAAMP,EAAO;AACnB,QAAIM,KAAM,QAAQC,KAAO,QAAQA,KAAO;AACtC,MAAAL,EAAK,eAAe,OAAO,IAAI;AAAA,SAC1B;AACL,YAAMM,IAAQF,IAAKC;AACnB,MAAAL;AAAA,QACE;AAAA,QACAM,IAAQ,IAAI,SAASA,KAAS,MAAM,aAAa;AAAA,QACjDA,EAAM,QAAQ,CAAC;AAAA,MAAA;AAAA,IAEnB;AAAA,EACF;AAEA;AACE,UAAMH,IAAIL,EAAO;AACjB,IAAAE,EAAK,WAAWG,KAAK,OAAO,QAAQP,EAAcO,CAAC,GAAGA,KAAK,IAAI;AAAA,EACjE;AAEA;AACE,UAAMA,IAAIL,EAAO;AACjB,IAAAE,EAAK,YAAYG,IAAI,SAAS,OAAOA,KAAK,OAAO,OAAOA,IAAI,QAAQ,IAAI;AAAA,EAC1E;AAEA,QAAMI,IAAQR,EAAO,OAAO,CAACS,MAAMA,EAAE,UAAU,MAAM,EAAE,QACjDC,IAAYV,EAAO,OAAO,CAACS,MAAMA,EAAE,UAAU,UAAU,EAAE,QACzDE,IACJH,IAAQ,KAAKE,KAAa,IAAI,SAASA,MAAc,IAAI,aAAa;AAExE,SAAO,EAAE,SAASV,GAAQ,SAAAW,EAAA;AAC5B;ACzIA,MAAMC,IAAO,KAEPC,IAAeC,EAAI,+CAA+C;AAAA,EACtE,UAAU;AAAA,IACR,SAAS,EAAE,MAAM,IAAI,UAAU,GAAA;AAAA,EAAG;AAAA,EAEpC,iBAAiB,EAAE,SAAS,WAAA;AAC9B,CAAC,GAiCKC,IAASH,IAAO,GAChBI,IAASJ,IAAO,IAAI;AAG1B,SAASK,EAAOC,GAAWC,GAAqC;AAC9D,QAAMC,KAAU,MAAMF,IAAI,MAAM,KAAK,KAAM;AAC3C,SAAO,EAAE,GAAGH,IAASI,IAAI,KAAK,IAAIC,CAAK,GAAG,GAAGL,IAASI,IAAI,KAAK,IAAIC,CAAK,EAAA;AAC1E;AAGA,SAASC,EAAUC,GAAmB;AACpC,SAAOjC,EAAyB,IAAI,CAACkC,GAAGL,MAAM;AAC5C,UAAMd,IAAIa,EAAOC,GAAGF,IAASM,CAAC;AAC9B,WAAO,GAAGlB,EAAE,EAAE,QAAQ,CAAC,CAAC,IAAIA,EAAE,EAAE,QAAQ,CAAC,CAAC;AAAA,EAC5C,CAAC,EAAE,KAAK,GAAG;AACb;AAEA,MAAMoB,IAGF;AAAA,EACF,KAAK;AAAA,EACL,UAAU;AAAA,EACV,MAAM;AACR,GAEMC,IAAsD;AAAA,EAC1D,KAAK;AAAA,EACL,UAAU;AAAA,EACV,MAAM;AACR,GAEMC,IAAwD;AAAA,EAC5D,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,UAAU;AACZ,GAMaC,IAAuBC;AAAA,EAIlC,CACE;AAAA,IACE,QAAA7B;AAAA,IACA,SAAA8B,IAAU;AAAA,IACV,QAAAC;AAAA,IACA,cAAcC;AAAA,IACd,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GACdC,IAAYC,EAAA,GACZC,IAAiBX,KAAUO,EAAK,YAAY,MAE5CK,IAASC,EAAQ,MAAM7C,EAAuBC,CAAM,GAAG,CAACA,CAAM,CAAC;AAErE,IAAA6C;AAAA,MACEzD;AAAA,MACA;AAAA,QACE,YAAY,MAAMuD,EAAO;AAAA,QACzB,iBAAiB,MACf,OAAO;AAAA,UACLA,EAAO,QAAQ,IAAI,CAACpB,MAAM,CAACA,EAAE,QAAQA,EAAE,KAAK,CAAC;AAAA,QAAA;AAAA,MAC/C;AAAA,MAEJU;AAAA,IAAA;AAGF,UAAMa,IAAgBH,EAAO,QAC1B,IAAI,CAACpB,GAAGJ,MAAM;AACb,YAAMd,IAAIa,EAAOC,GAAGF,IAASM,EAAE,MAAM;AACrC,aAAO,GAAGlB,EAAE,EAAE,QAAQ,CAAC,CAAC,IAAIA,EAAE,EAAE,QAAQ,CAAC,CAAC;AAAA,IAC5C,CAAC,EACA,KAAK,GAAG,GAEL0C,IAAa,CAACtD,MAClB4C,EAAE,8BAA8B5C,CAAK,IAAI;AAAA,MACvC,cAAciC,EAAcjC,CAAK;AAAA,IAAA,CAClC,GAEGuD,IAAkB,CACtB7C,GACA8C,MACW;AACX,UAAIA,KAAO;AACT,eAAOZ,EAAE,mCAAmC,cAAc;AAC5D,UAAIlC,MAAW;AACb,eAAOkC,EAAE,gCAAgCY,CAAG,IAAI,EAAE,cAAcA,GAAK;AACvE,UAAI9C,MAAW;AACb,eAAOkC,EAAE,iCAAiCY,CAAG,IAAI,EAAE,cAAcA,GAAK;AACxE,UAAI9C,MAAW,YAAY;AAEzB,cAAM+C,IAAI,OAAO,WAAWD,CAAG;AAC/B,YAAI,OAAO,SAASC,CAAC;AACnB,cAAI;AACF,mBAAOb,EAAE,gCAAgC;AAAA,cACvC,OAAO,IAAI,KAAK,aAAaK,GAAgB;AAAA,gBAC3C,uBAAuB;AAAA,cAAA,CACxB,EAAE,OAAOQ,CAAC;AAAA,cACX,cAAc;AAAA,YAAA,CACf;AAAA,UACH,QAAQ;AACN,mBAAOD;AAAA,UACT;AAAA,MAEJ;AACA,aAAOA;AAAA,IACT,GAEME,IAAUd,EAAE,gCAAgC,kBAAkB,GAC9De,IAAoBpB,KAAamB,GAEjCE,IACJ,gBAAAC,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sFACb,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAIf;AAAA,YACJ,WAAU;AAAA,YAET,UAAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAG,EAAC,QAAA,EAAK,WAAU,8DACd,UAAA;AAAA,UAAA,gBAAAC,EAAC,UAAK,WAAU,qDACb,UAAAlB,EAAE,sCAAsC,SAAS,GACpD;AAAA,UACA,gBAAAkB,EAACC,GAAA,EAAM,SAAS/B,EAAWkB,EAAO,OAAO,GAAG,MAAK,MAC9C,UAAAI,EAAWJ,EAAO,OAAO,EAAA,CAC5B;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MAEA,gBAAAW,EAAC,OAAA,EAAI,WAAU,mEAEb,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,OAAOzC,CAAI,IAAIA,CAAI;AAAA,YAC5B,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAA0C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAQjC,EAAU,CAAC;AAAA,kBACnB,MAAK;AAAA,kBACL,aAAa;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEf,gBAAAiC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAQjC,EAAU,GAAG;AAAA,kBACrB,MAAK;AAAA,kBACL,aAAa;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEf,gBAAAiC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAQjC,EAAU,GAAG;AAAA,kBACrB,MAAK;AAAA,kBACL,aAAa;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEd,CAAC,GAAG,KAAK,GAAG,EAAE,IAAI,CAACC,MAClB,gBAAAgC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,QAAQjC,EAAUC,CAAC;AAAA,kBACnB,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,aAAa;AAAA,gBAAA;AAAA,gBAJRA;AAAA,cAAA,CAMR;AAAA,cACAjC,EAAyB,IAAI,CAACkC,GAAGL,MAAM;AACtC,sBAAMd,IAAIa,EAAOC,GAAGF,CAAM;AAC1B,uBACE,gBAAAsC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAIvC;AAAA,oBACJ,IAAIA;AAAA,oBACJ,IAAIX,EAAE;AAAA,oBACN,IAAIA,EAAE;AAAA,oBACN,QAAO;AAAA,oBACP,aAAa;AAAA,kBAAA;AAAA,kBANRc;AAAA,gBAAA;AAAA,cASX,CAAC;AAAA,cACD,gBAAAoC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAQT;AAAA,kBACR,MAAK;AAAA,kBACL,aAAa;AAAA,kBACb,QAAO;AAAA,kBACP,aAAa;AAAA,kBACb,gBAAe;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEhBH,EAAO,QAAQ,IAAI,CAACpB,GAAGJ,MAAM;AAC5B,sBAAMd,IAAIa,EAAOC,GAAGF,IAASM,EAAE,MAAM;AACrC,uBACE,gBAAAgC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAIlD,EAAE;AAAA,oBACN,IAAIA,EAAE;AAAA,oBACN,GAAG;AAAA,oBACH,MAAK;AAAA,kBAAA;AAAA,kBAJAkB,EAAE;AAAA,gBAAA;AAAA,cAOb,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH,gBAAAgC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAYlB,EAAE,sCAAsC,cAAc;AAAA,YAEjE,UAAAM,EAAO,QAAQ,IAAI,CAACpB,MACnB,gBAAA+B,EAAC,OAAA,EAAmB,WAAU,eAC5B,UAAA;AAAA,cAAA,gBAAAC,EAAC,QAAG,WAAU,2CACX,YAAE,+BAA+BhC,EAAE,MAAM,IAAI;AAAA,gBAC5C,cAAcI,EAAeJ,EAAE,MAAM;AAAA,cAAA,CACtC,GACH;AAAA,cACA,gBAAA+B,EAAC,MAAA,EAAG,WAAU,8DACZ,UAAA;AAAA,gBAAA,gBAAAC,EAACC,GAAA,EAAM,SAAS/B,EAAWF,EAAE,KAAK,GAAG,MAAK,MACvC,UAAAwB,EAAWxB,EAAE,KAAK,EAAA,CACrB;AAAA,gBACA,gBAAAgC,EAAC,UAAK,WAAU,qDACb,YAAgBhC,EAAE,QAAQA,EAAE,SAAS,EAAA,CACxC;AAAA,cAAA,EAAA,CACF;AAAA,YAAA,EAAA,GAbQA,EAAE,MAcZ,CACD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF;AAAA,IAAA,GACF;AAGF,WACE,gBAAAgC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAnB;AAAA,QACA,MAAK;AAAA,QACL,cAAYgB;AAAA,QACZ,kBAAe;AAAA,QACf,qBAAmBnB;AAAA,QACnB,IAAAA;AAAA,QACA,WAAWnB,EAAa,EAAE,SAAAgB,GAAS,WAAAI,GAAW;AAAA,QAC7C,GAAGC;AAAA,QAEH,UAAAL,MAAY,aACX,gBAAAyB,EAACE,GAAA,EAAK,SAAQ,YACZ,UAAA,gBAAAF,EAACE,EAAK,MAAL,EAAW,UAAAJ,EAAA,CAAM,EAAA,CACpB,IAEAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEAzB,EAAqB,cAAc;"}
+{"version":3,"file":"periodontal-risk-chart-B2tNFa15.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/{permission-matrix-BIJrGEmz.js → permission-matrix-VdAXjjHU.js}

@@ -2,8 +2,8 @@ import { jsx as a, jsxs as K } from "react/jsx-runtime";
 import { forwardRef as U, useMemo as h, useRef as d } from "react";
 import { c as V } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
-import { C as H } from "./checkbox-group-CfqMv57d.js";
-import { C as T } from "./checkbox-BuZ1u__2.js";
+import { C as H } from "./checkbox-group-DomUzpkF.js";
+import { C as T } from "./checkbox-CZkipDn7.js";
 import { u as _ } from "./registry-DvAUVLHh.js";
 import { L as q } from "./lock-ClAFG1gy.js";
 const z = {
@@ -171,4 +171,4 @@ export {
   I as a,
   z as p
 };
-//# sourceMappingURL=permission-matrix-BIJrGEmz.js.map
+//# sourceMappingURL=permission-matrix-VdAXjjHU.js.map

package/dist/_chunks/{permission-matrix-BIJrGEmz.js.map → permission-matrix-VdAXjjHU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"permission-matrix-BIJrGEmz.js","sources":["../../src/components/permission-matrix/permission-matrix.agent.ts","../../src/components/permission-matrix/permission-matrix.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — PermissionMatrix.                                      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { PermissionMatrixHandle } from './permission-matrix';\n\nexport const permissionMatrixAgent: AgentAdapter<PermissionMatrixHandle> = {\n  id: 'permission-matrix',\n  capabilities: ['select_multiple'],\n  state: {\n    selection: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.permissionMatrix.state.selection',\n      description:\n        'Ids of currently-granted editable permissions. Locked owner permissions are excluded.',\n      read: (handle) => handle.getSelection(),\n    },\n  },\n  actions: {\n    set_selection: {\n      safety: 'write',\n      argsType: '{ values: string[] }',\n      argsSchema: {\n        type: 'object',\n        properties: { values: { type: 'array', items: { type: 'string' } } },\n        required: ['values'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.permissionMatrix.actions.setSelection',\n      description:\n        'Replace the granted permissions with the given ids. Locked and unknown ids are ignored.',\n      examples: [\n        {\n          args: { values: ['patients.view', 'billing.view'] },\n          note: 'Grant exactly the view permissions for patients and billing.',\n        },\n      ],\n      invoke: (handle, args: { values: string[] }) => {\n        handle.setSelection(args.values);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.permissionMatrix.actions.clear',\n      description:\n        'Revoke every editable permission. Locked owner permissions are unaffected.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'permission-matrix',\n      description: 'Marks the PermissionMatrix root group.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import { forwardRef, useMemo, useRef, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Lock } from 'lucide-react';\nimport { CheckboxGroup } from '../checkbox-group/checkbox-group';\nimport { Checkbox } from '../checkbox/checkbox';\nimport { useAgentRegistration } from '../../agent';\nimport { permissionMatrixAgent } from './permission-matrix.agent';\n\n/** A single togglable permission within a group. Labels are pre-localised. */\nexport interface PermissionMatrixPermission {\n  id: string;\n  label: string;\n}\n\n/** One category of permissions, rendered as a labelled group. */\nexport interface PermissionMatrixGroup {\n  id: string;\n  label: string;\n  permissions: PermissionMatrixPermission[];\n}\n\n/** Agent-readiness curated handle for PermissionMatrix. */\nexport interface PermissionMatrixHandle {\n  /** Ids of currently-granted editable permissions (locked items excluded). */\n  getSelection: () => string[];\n  /** Replace the granted set. Locked and unknown ids are ignored. */\n  setSelection: (values: string[]) => void;\n  /** Revoke every editable permission. Locked items are untouched. */\n  clear: () => void;\n}\n\nexport interface PermissionMatrixProps {\n  /** Categories of permissions. All labels are already localised by the consumer. */\n  groups: PermissionMatrixGroup[];\n  /** Ids of granted permissions (controlled). Locked ids belong in `lockedItems`, not here. */\n  value: string[];\n  /** Fires with the next full granted-id array whenever an editable toggle changes. */\n  onChange: (next: string[]) => void;\n  /**\n   * Permission ids that render checked + disabled with a lock affordance — the\n   * owner always holds them. They never appear in `onChange` payloads.\n   */\n  lockedItems?: string[];\n  /** Disable every toggle in the matrix. */\n  disabled?: boolean;\n  /** Accessible suffix announced on locked rows. Defaults to the kit's \"Locked\" string. */\n  lockedLabel?: string;\n  /** Stable id — addresses this instance from the agent runtime. */\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\nconst permissionMatrixVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-lg)] ds:min-w-0',\n  {\n    variants: {\n      disabled: {\n        true: 'ds:cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: { disabled: false },\n  },\n);\n\nconst lockedLabelClasses =\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]';\n\nexport const PermissionMatrix = forwardRef<\n  HTMLDivElement,\n  PermissionMatrixProps\n>(function PermissionMatrix(\n  {\n    groups,\n    value,\n    onChange,\n    lockedItems,\n    disabled = false,\n    lockedLabel,\n    id,\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n\n  const lockedSet = useMemo(() => new Set(lockedItems ?? []), [lockedItems]);\n  const allPermIds = useMemo(\n    () => groups.flatMap((group) => group.permissions.map((p) => p.id)),\n    [groups],\n  );\n\n  const resolvedLockedLabel =\n    lockedLabel ?? t('inputs.permissionMatrix.locked', 'Locked');\n\n  // Stable agent handle — reads/writes the latest controlled value via refs\n  // so the handle identity never changes (mirrors CheckboxGroup).\n  const valueRef = useRef<string[]>(value);\n  valueRef.current = value;\n  const lockedRef = useRef<Set<string>>(lockedSet);\n  lockedRef.current = lockedSet;\n  const allPermIdsRef = useRef<string[]>(allPermIds);\n  allPermIdsRef.current = allPermIds;\n  const onChangeRef = useRef<(next: string[]) => void>(onChange);\n  onChangeRef.current = onChange;\n\n  const agentHandle = useMemo<PermissionMatrixHandle>(\n    () => ({\n      getSelection: () =>\n        valueRef.current.filter((permId) => !lockedRef.current.has(permId)),\n      setSelection: (values) => {\n        const allowed = new Set(allPermIdsRef.current);\n        onChangeRef.current(\n          values.filter(\n            (permId) => allowed.has(permId) && !lockedRef.current.has(permId),\n          ),\n        );\n      },\n      clear: () => onChangeRef.current([]),\n    }),\n    [],\n  );\n  useAgentRegistration(permissionMatrixAgent, agentHandle, id);\n\n  const handleGroupChange =\n    (group: PermissionMatrixGroup) =>\n    (nextGroupValue: string[]): void => {\n      const nextSet = new Set(nextGroupValue);\n      const groupUnlockedIds = group.permissions\n        .map((p) => p.id)\n        .filter((permId) => !lockedSet.has(permId));\n      const groupUnlockedSet = new Set(groupUnlockedIds);\n      // The next selection for THIS group's editable permissions.\n      const selectedUnlocked = groupUnlockedIds.filter((permId) =>\n        nextSet.has(permId),\n      );\n      // Everything outside this group, with any locked id stripped so the\n      // emitted array only ever carries editable grants.\n      const remaining = value.filter(\n        (permId) => !groupUnlockedSet.has(permId) && !lockedSet.has(permId),\n      );\n      onChange([...remaining, ...selectedUnlocked]);\n    };\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-component=\"permission-matrix\"\n      data-component-id={id}\n      className={permissionMatrixVariants({ disabled, className })}\n    >\n      {groups.map((group) => {\n        // Locked ids are forced into the group's checked set so they render\n        // checked; being disabled, they can never be toggled back off.\n        const groupCheckedValue = group.permissions\n          .map((p) => p.id)\n          .filter((permId) => lockedSet.has(permId) || value.includes(permId));\n\n        return (\n          <CheckboxGroup\n            key={group.id}\n            label={group.label}\n            value={groupCheckedValue}\n            onChange={handleGroupChange(group)}\n            disabled={disabled}\n          >\n            {group.permissions.map((permission) => {\n              const isLocked = lockedSet.has(permission.id);\n              const label: ReactNode = isLocked ? (\n                <span className={lockedLabelClasses}>\n                  <span>{permission.label}</span>\n                  <Lock\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3.5 ds:shrink-0 ds:text-muted-foreground\"\n                  />\n                  <span className=\"ds:sr-only\">{resolvedLockedLabel}</span>\n                </span>\n              ) : (\n                permission.label\n              );\n\n              return (\n                <Checkbox\n                  key={permission.id}\n                  value={permission.id}\n                  label={label}\n                  disabled={disabled || isLocked}\n                />\n              );\n            })}\n          </CheckboxGroup>\n        );\n      })}\n    </div>\n  );\n});\n\nPermissionMatrix.displayName = 'PermissionMatrix';\n\nexport { permissionMatrixVariants };\n"],"names":["permissionMatrixAgent","handle","args","permissionMatrixVariants","cva","lockedLabelClasses","PermissionMatrix","forwardRef","groups","value","onChange","lockedItems","disabled","lockedLabel","id","className","ariaLabel","ref","t","useTranslation","lockedSet","useMemo","allPermIds","group","p","resolvedLockedLabel","valueRef","useRef","lockedRef","allPermIdsRef","onChangeRef","agentHandle","permId","values","allowed","useAgentRegistration","handleGroupChange","nextGroupValue","nextSet","groupUnlockedIds","groupUnlockedSet","selectedUnlocked","remaining","jsx","groupCheckedValue","CheckboxGroup","permission","isLocked","label","jsxs","Lock","Checkbox"],"mappings":"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"}
+{"version":3,"file":"permission-matrix-VdAXjjHU.js","sources":["../../src/components/permission-matrix/permission-matrix.agent.ts","../../src/components/permission-matrix/permission-matrix.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — PermissionMatrix.                                      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { PermissionMatrixHandle } from './permission-matrix';\n\nexport const permissionMatrixAgent: AgentAdapter<PermissionMatrixHandle> = {\n  id: 'permission-matrix',\n  capabilities: ['select_multiple'],\n  state: {\n    selection: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.permissionMatrix.state.selection',\n      description:\n        'Ids of currently-granted editable permissions. Locked owner permissions are excluded.',\n      read: (handle) => handle.getSelection(),\n    },\n  },\n  actions: {\n    set_selection: {\n      safety: 'write',\n      argsType: '{ values: string[] }',\n      argsSchema: {\n        type: 'object',\n        properties: { values: { type: 'array', items: { type: 'string' } } },\n        required: ['values'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.permissionMatrix.actions.setSelection',\n      description:\n        'Replace the granted permissions with the given ids. Locked and unknown ids are ignored.',\n      examples: [\n        {\n          args: { values: ['patients.view', 'billing.view'] },\n          note: 'Grant exactly the view permissions for patients and billing.',\n        },\n      ],\n      invoke: (handle, args: { values: string[] }) => {\n        handle.setSelection(args.values);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.permissionMatrix.actions.clear',\n      description:\n        'Revoke every editable permission. Locked owner permissions are unaffected.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'permission-matrix',\n      description: 'Marks the PermissionMatrix root group.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import { forwardRef, useMemo, useRef, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Lock } from 'lucide-react';\nimport { CheckboxGroup } from '../checkbox-group/checkbox-group';\nimport { Checkbox } from '../checkbox/checkbox';\nimport { useAgentRegistration } from '../../agent';\nimport { permissionMatrixAgent } from './permission-matrix.agent';\n\n/** A single togglable permission within a group. Labels are pre-localised. */\nexport interface PermissionMatrixPermission {\n  id: string;\n  label: string;\n}\n\n/** One category of permissions, rendered as a labelled group. */\nexport interface PermissionMatrixGroup {\n  id: string;\n  label: string;\n  permissions: PermissionMatrixPermission[];\n}\n\n/** Agent-readiness curated handle for PermissionMatrix. */\nexport interface PermissionMatrixHandle {\n  /** Ids of currently-granted editable permissions (locked items excluded). */\n  getSelection: () => string[];\n  /** Replace the granted set. Locked and unknown ids are ignored. */\n  setSelection: (values: string[]) => void;\n  /** Revoke every editable permission. Locked items are untouched. */\n  clear: () => void;\n}\n\nexport interface PermissionMatrixProps {\n  /** Categories of permissions. All labels are already localised by the consumer. */\n  groups: PermissionMatrixGroup[];\n  /** Ids of granted permissions (controlled). Locked ids belong in `lockedItems`, not here. */\n  value: string[];\n  /** Fires with the next full granted-id array whenever an editable toggle changes. */\n  onChange: (next: string[]) => void;\n  /**\n   * Permission ids that render checked + disabled with a lock affordance — the\n   * owner always holds them. They never appear in `onChange` payloads.\n   */\n  lockedItems?: string[];\n  /** Disable every toggle in the matrix. */\n  disabled?: boolean;\n  /** Accessible suffix announced on locked rows. Defaults to the kit's \"Locked\" string. */\n  lockedLabel?: string;\n  /** Stable id — addresses this instance from the agent runtime. */\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\nconst permissionMatrixVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-lg)] ds:min-w-0',\n  {\n    variants: {\n      disabled: {\n        true: 'ds:cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: { disabled: false },\n  },\n);\n\nconst lockedLabelClasses =\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]';\n\nexport const PermissionMatrix = forwardRef<\n  HTMLDivElement,\n  PermissionMatrixProps\n>(function PermissionMatrix(\n  {\n    groups,\n    value,\n    onChange,\n    lockedItems,\n    disabled = false,\n    lockedLabel,\n    id,\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n\n  const lockedSet = useMemo(() => new Set(lockedItems ?? []), [lockedItems]);\n  const allPermIds = useMemo(\n    () => groups.flatMap((group) => group.permissions.map((p) => p.id)),\n    [groups],\n  );\n\n  const resolvedLockedLabel =\n    lockedLabel ?? t('inputs.permissionMatrix.locked', 'Locked');\n\n  // Stable agent handle — reads/writes the latest controlled value via refs\n  // so the handle identity never changes (mirrors CheckboxGroup).\n  const valueRef = useRef<string[]>(value);\n  valueRef.current = value;\n  const lockedRef = useRef<Set<string>>(lockedSet);\n  lockedRef.current = lockedSet;\n  const allPermIdsRef = useRef<string[]>(allPermIds);\n  allPermIdsRef.current = allPermIds;\n  const onChangeRef = useRef<(next: string[]) => void>(onChange);\n  onChangeRef.current = onChange;\n\n  const agentHandle = useMemo<PermissionMatrixHandle>(\n    () => ({\n      getSelection: () =>\n        valueRef.current.filter((permId) => !lockedRef.current.has(permId)),\n      setSelection: (values) => {\n        const allowed = new Set(allPermIdsRef.current);\n        onChangeRef.current(\n          values.filter(\n            (permId) => allowed.has(permId) && !lockedRef.current.has(permId),\n          ),\n        );\n      },\n      clear: () => onChangeRef.current([]),\n    }),\n    [],\n  );\n  useAgentRegistration(permissionMatrixAgent, agentHandle, id);\n\n  const handleGroupChange =\n    (group: PermissionMatrixGroup) =>\n    (nextGroupValue: string[]): void => {\n      const nextSet = new Set(nextGroupValue);\n      const groupUnlockedIds = group.permissions\n        .map((p) => p.id)\n        .filter((permId) => !lockedSet.has(permId));\n      const groupUnlockedSet = new Set(groupUnlockedIds);\n      // The next selection for THIS group's editable permissions.\n      const selectedUnlocked = groupUnlockedIds.filter((permId) =>\n        nextSet.has(permId),\n      );\n      // Everything outside this group, with any locked id stripped so the\n      // emitted array only ever carries editable grants.\n      const remaining = value.filter(\n        (permId) => !groupUnlockedSet.has(permId) && !lockedSet.has(permId),\n      );\n      onChange([...remaining, ...selectedUnlocked]);\n    };\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-component=\"permission-matrix\"\n      data-component-id={id}\n      className={permissionMatrixVariants({ disabled, className })}\n    >\n      {groups.map((group) => {\n        // Locked ids are forced into the group's checked set so they render\n        // checked; being disabled, they can never be toggled back off.\n        const groupCheckedValue = group.permissions\n          .map((p) => p.id)\n          .filter((permId) => lockedSet.has(permId) || value.includes(permId));\n\n        return (\n          <CheckboxGroup\n            key={group.id}\n            label={group.label}\n            value={groupCheckedValue}\n            onChange={handleGroupChange(group)}\n            disabled={disabled}\n          >\n            {group.permissions.map((permission) => {\n              const isLocked = lockedSet.has(permission.id);\n              const label: ReactNode = isLocked ? (\n                <span className={lockedLabelClasses}>\n                  <span>{permission.label}</span>\n                  <Lock\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3.5 ds:shrink-0 ds:text-muted-foreground\"\n                  />\n                  <span className=\"ds:sr-only\">{resolvedLockedLabel}</span>\n                </span>\n              ) : (\n                permission.label\n              );\n\n              return (\n                <Checkbox\n                  key={permission.id}\n                  value={permission.id}\n                  label={label}\n                  disabled={disabled || isLocked}\n                />\n              );\n            })}\n          </CheckboxGroup>\n        );\n      })}\n    </div>\n  );\n});\n\nPermissionMatrix.displayName = 'PermissionMatrix';\n\nexport { permissionMatrixVariants };\n"],"names":["permissionMatrixAgent","handle","args","permissionMatrixVariants","cva","lockedLabelClasses","PermissionMatrix","forwardRef","groups","value","onChange","lockedItems","disabled","lockedLabel","id","className","ariaLabel","ref","t","useTranslation","lockedSet","useMemo","allPermIds","group","p","resolvedLockedLabel","valueRef","useRef","lockedRef","allPermIdsRef","onChangeRef","agentHandle","permId","values","allowed","useAgentRegistration","handleGroupChange","nextGroupValue","nextSet","groupUnlockedIds","groupUnlockedSet","selectedUnlocked","remaining","jsx","groupCheckedValue","CheckboxGroup","permission","isLocked","label","jsxs","Lock","Checkbox"],"mappings":"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"}

package/dist/_chunks/{popover-DP6WCVwm.js → popover-DzR5QYxp.js}

@@ -1,12 +1,12 @@
 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 { useState as C, useCallback as g, useRef as z, useEffect as h, useMemo as q, forwardRef as f, useId as D, useContext as u, createContext as N } from "react";
 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-DA2CAGHZ.js";
-import { u as Q } from "./registry-DvAUVLHh.js";
-import { X as U } from "./x-B5YnXwCz.js";
-const Y = {
+import { c as G } from "./index-D2ZczOXr.js";
+import { useTranslation as J } from "react-i18next";
+import { I as Q } from "./icon-button-8xqRnkdG.js";
+import { u as U } from "./registry-DvAUVLHh.js";
+import { X as Y } from "./x-B5YnXwCz.js";
+const Z = {
   id: "popover",
   capabilities: ["open", "close"],
   state: {
@@ -59,12 +59,12 @@ const Y = {
   closeWithDelay: () => {
   }
 });
-function Z(e) {
+function _(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 _ = q(
+const $ = G(
   [
     // `--card-border` 32% alpha provides a subtle edge that survives dark
     // without becoming a heavy outline. The previous transparent border
@@ -112,11 +112,11 @@ function T({
   modal: P
 }) {
   const [b, I] = C(c ?? !1), m = i !== void 0, l = m ? i : b, n = g(
-    (z) => {
-      m || I(z), t == null || t(z);
+    (w) => {
+      m || I(w), t == null || t(w);
     },
     [m, t]
-  ), d = R(null), v = e === "hover" || e === "hover-or-click", a = g(() => {
+  ), d = z(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,19 +128,19 @@ function T({
     }, 300);
   }, [a, n]);
   h(() => () => a(), [a]);
-  const w = R(l);
+  const R = z(l);
   h(() => {
-    w.current = l;
+    R.current = l;
   }, [l]);
-  const W = $(
+  const W = q(
     () => ({
-      getIsOpen: () => w.current,
+      getIsOpen: () => R.current,
       open: () => n(!0),
       close: () => n(!1)
     }),
     [n]
   );
-  Q(Y, W, r);
+  U(Z, W, r);
   const [K, F] = C(void 0), [L, V] = C(
     void 0
   ), S = v ? {
@@ -190,7 +190,7 @@ const A = f(
       isHoverMode: n,
       clearHoverTimer: d,
       closeWithDelay: v
-    } = u(k), a = Z(e), H = n ? {
+    } = u(k), a = _(e), H = n ? {
       onMouseEnter: d,
       onMouseLeave: v,
       onFocus: d,
@@ -206,7 +206,7 @@ const A = f(
         collisionPadding: 8,
         "aria-labelledby": I,
         "aria-describedby": m,
-        className: _({ size: r, className: t }),
+        className: $({ size: r, className: t }),
         "data-component": "popover",
         "data-component-id": l,
         ...H,
@@ -229,7 +229,7 @@ const A = f(
 A.displayName = "Popover.Content";
 const B = f(
   ({ className: e }, o) => {
-    const { t: r } = G();
+    const { t: r } = J();
     return /* @__PURE__ */ s(
       "div",
       {
@@ -238,10 +238,10 @@ const B = f(
           e
         ].filter(Boolean).join(" "),
         children: /* @__PURE__ */ s(p.Close, { asChild: !0, children: /* @__PURE__ */ s(
-          J,
+          Q,
           {
             ref: o,
-            icon: /* @__PURE__ */ s(U, {}),
+            icon: /* @__PURE__ */ s(Y, {}),
             intent: "ghost",
             size: "sm",
             "aria-label": r("common.close", "Close")
@@ -300,6 +300,6 @@ const ae = Object.assign(T, {
 });
 export {
   ae as P,
-  Y as p
+  Z as p
 };
-//# sourceMappingURL=popover-DP6WCVwm.js.map
+//# sourceMappingURL=popover-DzR5QYxp.js.map

package/dist/_chunks/{popover-DP6WCVwm.js.map → popover-DzR5QYxp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-DP6WCVwm.js","sources":["../../src/components/popover/popover.agent.ts","../../src/components/popover/popover.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PopoverHandle } from './popover';\n\nexport const popoverAgent: AgentAdapter<PopoverHandle> = {\n  id: 'popover',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.popover.state.isOpen',\n      description: 'True when the popover is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.popover.actions.open',\n      description: 'Open the popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.popover.actions.close',\n      description: 'Close the popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'popover' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Popover.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { useAgentRegistration } from '../../agent';\nimport { popoverAgent } from './popover.agent';\n\ninterface PopoverA11yContext {\n  headingId: string | undefined;\n  setHeadingId: (id: string | undefined) => void;\n  descriptionId: string | undefined;\n  setDescriptionId: (id: string | undefined) => void;\n}\n\nconst A11yContext = createContext<PopoverA11yContext>({\n  headingId: undefined,\n  setHeadingId: () => {},\n  descriptionId: undefined,\n  setDescriptionId: () => {},\n});\n\ninterface PopoverHoverContext {\n  isHoverMode: boolean;\n  clearHoverTimer: () => void;\n  closeWithDelay: () => void;\n}\n\nconst HoverContext = createContext<PopoverHoverContext>({\n  isHoverMode: false,\n  clearHoverTimer: () => {},\n  closeWithDelay: () => {},\n});\n\nfunction resolvePhysicalSide(\n  logicalSide: 'start' | 'top' | 'end' | 'bottom',\n): 'left' | 'top' | 'right' | 'bottom' {\n  if (logicalSide === 'top' || logicalSide === 'bottom') return logicalSide;\n  const isRtl =\n    typeof document !== 'undefined' && document.documentElement.dir === 'rtl';\n  if (logicalSide === 'start') return isRtl ? 'right' : 'left';\n  /* logicalSide === 'end' */\n  return isRtl ? 'left' : 'right';\n}\n\nconst contentVariants = cva(\n  [\n    // `--card-border` 32% alpha provides a subtle edge that survives dark\n    // without becoming a heavy outline. The previous transparent border\n    // relied on the drop-shadow alone, which reads as a faint halo against\n    // dark surfaces and lets the popover float as an unbounded blob; the\n    // earlier heavy `--border` (grey-800 since WCAG 1.4.11 bump in 67fef8c)\n    // overcorrected the other way and made the popover read as a charcoal\n    // box. The forced-colors override below upgrades the border to\n    // `CanvasText` so HCM still repaints a fully visible edge.\n    'ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--card-border)] ds:rounded-[var(--radius-md)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:z-[var(--z-popover)]',\n    'ds:text-[var(--popover-foreground)] ds:text-[length:var(--font-size-sm)]',\n    'ds:break-words',\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n    'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2',\n    'ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:transition-none ds:motion-reduce:animate-none',\n    'ds:forced-colors:border-[CanvasText]',\n    'ds:focus-visible:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:max-w-[var(--popover-size-sm)]',\n        md: 'ds:max-w-[var(--popover-size-md)]',\n        lg: 'ds:max-w-[var(--popover-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\n// Curated agent-readiness handle — see popover.agent.ts.\nexport interface PopoverHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface PopoverRootProps extends ComponentPropsWithoutRef<\n  typeof RadixPopover.Root\n> {\n  openOn?: 'click' | 'hover' | 'hover-or-click';\n  /** Opaque instance id — forwarded to Popover.Content as `data-component-id`. */\n  id?: string;\n  children: ReactNode;\n}\n\nconst PopoverIdContext = createContext<string | undefined>(undefined);\n\nfunction PopoverRoot({\n  openOn = 'click',\n  children,\n  id,\n  open: controlledOpen,\n  onOpenChange,\n  defaultOpen,\n  modal,\n}: PopoverRootProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) setInternalOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const hoverTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isHoverMode = openOn === 'hover' || openOn === 'hover-or-click';\n\n  const clearHoverTimer = useCallback(() => {\n    if (hoverTimerRef.current) {\n      clearTimeout(hoverTimerRef.current);\n      hoverTimerRef.current = null;\n    }\n  }, []);\n\n  const openWithDelay = useCallback(() => {\n    clearHoverTimer();\n    hoverTimerRef.current = setTimeout(() => {\n      handleOpenChange(true);\n    }, 300);\n  }, [clearHoverTimer, handleOpenChange]);\n\n  const closeWithDelay = useCallback(() => {\n    clearHoverTimer();\n    hoverTimerRef.current = setTimeout(() => {\n      handleOpenChange(false);\n    }, 300);\n  }, [clearHoverTimer, handleOpenChange]);\n\n  useEffect(() => {\n    return () => clearHoverTimer();\n  }, [clearHoverTimer]);\n\n  // Agent handle.\n  const openRef = useRef(isOpen);\n  useEffect(() => {\n    openRef.current = isOpen;\n  }, [isOpen]);\n\n  const agentHandle = useMemo<PopoverHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => handleOpenChange(true),\n      close: () => handleOpenChange(false),\n    }),\n    [handleOpenChange],\n  );\n  useAgentRegistration(popoverAgent, agentHandle, id);\n\n  /* a11y context state */\n  const [headingId, setHeadingId] = useState<string | undefined>(undefined);\n  const [descriptionId, setDescriptionId] = useState<string | undefined>(\n    undefined,\n  );\n\n  const hoverHandlers = isHoverMode\n    ? {\n        onMouseEnter: openWithDelay,\n        onMouseLeave: closeWithDelay,\n        onFocus: () => {\n          clearHoverTimer();\n          handleOpenChange(true);\n        },\n        onBlur: closeWithDelay,\n      }\n    : {};\n\n  return (\n    <PopoverIdContext.Provider value={id}>\n      <A11yContext.Provider\n        value={{ headingId, setHeadingId, descriptionId, setDescriptionId }}\n      >\n        <HoverContext.Provider\n          value={{ isHoverMode, clearHoverTimer, closeWithDelay }}\n        >\n          <RadixPopover.Root\n            open={isOpen}\n            onOpenChange={handleOpenChange}\n            modal={modal}\n          >\n            {isHoverMode ? (\n              <span className=\"ds:inline-flex\" {...hoverHandlers}>\n                {children}\n              </span>\n            ) : (\n              children\n            )}\n          </RadixPopover.Root>\n        </HoverContext.Provider>\n      </A11yContext.Provider>\n    </PopoverIdContext.Provider>\n  );\n}\nPopoverRoot.displayName = 'Popover.Root';\n\nconst PopoverTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixPopover.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixPopover.Trigger ref={ref} {...props}>\n    {children}\n  </RadixPopover.Trigger>\n));\nPopoverTrigger.displayName = 'Popover.Trigger';\n\nexport interface PopoverContentProps\n  extends\n    Omit<\n      ComponentPropsWithoutRef<typeof RadixPopover.Content>,\n      'side' | 'align'\n    >,\n    VariantProps<typeof contentVariants> {\n  side?: 'start' | 'top' | 'end' | 'bottom';\n  align?: 'start' | 'center' | 'end';\n  size?: 'sm' | 'md' | 'lg';\n  showArrow?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst PopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      side = 'bottom',\n      align = 'center',\n      size = 'md',\n      showArrow = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { headingId, descriptionId } = useContext(A11yContext);\n    const instanceId = useContext(PopoverIdContext);\n    const {\n      isHoverMode: isHover,\n      clearHoverTimer: cancelTimer,\n      closeWithDelay: delayClose,\n    } = useContext(HoverContext);\n    const physicalSide = resolvePhysicalSide(side);\n\n    const contentHoverHandlers = isHover\n      ? {\n          onMouseEnter: cancelTimer,\n          onMouseLeave: delayClose,\n          onFocus: cancelTimer,\n          onBlur: delayClose,\n        }\n      : {};\n\n    return (\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          ref={ref}\n          side={physicalSide}\n          align={align}\n          sideOffset={8}\n          collisionPadding={8}\n          aria-labelledby={headingId}\n          aria-describedby={descriptionId}\n          className={contentVariants({ size, className })}\n          data-component=\"popover\"\n          data-component-id={instanceId}\n          {...contentHoverHandlers}\n          {...props}\n        >\n          {children}\n          {showArrow && (\n            <RadixPopover.Arrow\n              width={12}\n              height={6}\n              className=\"ds:fill-[var(--popover)]\"\n            />\n          )}\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'Popover.Content';\n\nconst PopoverClose = forwardRef<HTMLButtonElement, { className?: string }>(\n  ({ className }, ref) => {\n    const { t } = useTranslation();\n\n    return (\n      <div\n        className={[\n          'ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RadixPopover.Close asChild>\n          <IconButton\n            ref={ref}\n            icon={<X />}\n            intent=\"ghost\"\n            size=\"sm\"\n            aria-label={t('common.close', 'Close')}\n          />\n        </RadixPopover.Close>\n      </div>\n    );\n  },\n);\nPopoverClose.displayName = 'Popover.Close';\n\ninterface PopoverHeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n}\n\nconst PopoverHeading = forwardRef<HTMLHeadingElement, PopoverHeadingProps>(\n  ({ as: Tag = 'h3', className, ...props }, ref) => {\n    const generatedId = useId();\n    const { setHeadingId } = useContext(A11yContext);\n\n    useEffect(() => {\n      setHeadingId(generatedId);\n      return () => setHeadingId(undefined);\n    }, [generatedId, setHeadingId]);\n\n    return (\n      <Tag\n        ref={ref}\n        id={generatedId}\n        className={[\n          'type-title-item ds:leading-snug ds:break-words',\n          'ds:pe-[var(--spacing-xl)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    );\n  },\n);\nPopoverHeading.displayName = 'Popover.Heading';\n\n/**\n * The popover's description region.\n *\n * A `div`, not a `p`. A popover body routinely holds structured content —\n * the calendar's hover peek puts `KeyValuePair`s in here — and a `p` may\n * only contain phrasing content, so the browser silently closed the\n * paragraph and re-parented the rest. That breaks the DOM the\n * `aria-describedby` region points at, so the description a screen reader\n * announces was not the description on screen. React said so on every\n * open: \"validateDOMNesting: <div> cannot appear as a descendant of <p>\".\n *\n * The accessible wiring is by id, not by tag, so nothing about the\n * announcement depends on the element being a paragraph.\n */\nconst PopoverDescription = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const generatedId = useId();\n  const { setDescriptionId } = useContext(A11yContext);\n\n  useEffect(() => {\n    setDescriptionId(generatedId);\n    return () => setDescriptionId(undefined);\n  }, [generatedId, setDescriptionId]);\n\n  return (\n    <div\n      ref={ref}\n      id={generatedId}\n      className={[\n        'ds:text-[var(--muted-foreground)] type-body-sm ds:mt-[var(--spacing-xs)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  );\n});\nPopoverDescription.displayName = 'Popover.Description';\n\nexport const Popover = Object.assign(PopoverRoot, {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  // Radix pass-through: position Content against an arbitrary element when a\n  // Trigger button is unsuitable (e.g. anchoring an editor to a role=tab).\n  Anchor: RadixPopover.Anchor,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Heading: PopoverHeading,\n  Description: PopoverDescription,\n});\n\nexport type { PopoverRootProps as PopoverProps, PopoverHeadingProps };\n"],"names":["popoverAgent","handle","A11yContext","createContext","HoverContext","resolvePhysicalSide","logicalSide","isRtl","contentVariants","cva","PopoverIdContext","PopoverRoot","openOn","children","id","controlledOpen","onOpenChange","defaultOpen","modal","internalOpen","setInternalOpen","useState","isControlled","isOpen","handleOpenChange","useCallback","nextOpen","hoverTimerRef","useRef","isHoverMode","clearHoverTimer","openWithDelay","closeWithDelay","useEffect","openRef","agentHandle","useMemo","useAgentRegistration","headingId","setHeadingId","descriptionId","setDescriptionId","hoverHandlers","jsx","RadixPopover","PopoverTrigger","forwardRef","props","ref","PopoverContent","side","align","size","showArrow","className","useContext","instanceId","isHover","cancelTimer","delayClose","physicalSide","contentHoverHandlers","jsxs","PopoverClose","t","useTranslation","IconButton","X","PopoverHeading","Tag","generatedId","useId","PopoverDescription","Popover"],"mappings":"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"}
+{"version":3,"file":"popover-DzR5QYxp.js","sources":["../../src/components/popover/popover.agent.ts","../../src/components/popover/popover.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PopoverHandle } from './popover';\n\nexport const popoverAgent: AgentAdapter<PopoverHandle> = {\n  id: 'popover',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.popover.state.isOpen',\n      description: 'True when the popover is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.popover.actions.open',\n      description: 'Open the popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.popover.actions.close',\n      description: 'Close the popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'popover' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Popover.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { useAgentRegistration } from '../../agent';\nimport { popoverAgent } from './popover.agent';\n\ninterface PopoverA11yContext {\n  headingId: string | undefined;\n  setHeadingId: (id: string | undefined) => void;\n  descriptionId: string | undefined;\n  setDescriptionId: (id: string | undefined) => void;\n}\n\nconst A11yContext = createContext<PopoverA11yContext>({\n  headingId: undefined,\n  setHeadingId: () => {},\n  descriptionId: undefined,\n  setDescriptionId: () => {},\n});\n\ninterface PopoverHoverContext {\n  isHoverMode: boolean;\n  clearHoverTimer: () => void;\n  closeWithDelay: () => void;\n}\n\nconst HoverContext = createContext<PopoverHoverContext>({\n  isHoverMode: false,\n  clearHoverTimer: () => {},\n  closeWithDelay: () => {},\n});\n\nfunction resolvePhysicalSide(\n  logicalSide: 'start' | 'top' | 'end' | 'bottom',\n): 'left' | 'top' | 'right' | 'bottom' {\n  if (logicalSide === 'top' || logicalSide === 'bottom') return logicalSide;\n  const isRtl =\n    typeof document !== 'undefined' && document.documentElement.dir === 'rtl';\n  if (logicalSide === 'start') return isRtl ? 'right' : 'left';\n  /* logicalSide === 'end' */\n  return isRtl ? 'left' : 'right';\n}\n\nconst contentVariants = cva(\n  [\n    // `--card-border` 32% alpha provides a subtle edge that survives dark\n    // without becoming a heavy outline. The previous transparent border\n    // relied on the drop-shadow alone, which reads as a faint halo against\n    // dark surfaces and lets the popover float as an unbounded blob; the\n    // earlier heavy `--border` (grey-800 since WCAG 1.4.11 bump in 67fef8c)\n    // overcorrected the other way and made the popover read as a charcoal\n    // box. The forced-colors override below upgrades the border to\n    // `CanvasText` so HCM still repaints a fully visible edge.\n    'ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--card-border)] ds:rounded-[var(--radius-md)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:z-[var(--z-popover)]',\n    'ds:text-[var(--popover-foreground)] ds:text-[length:var(--font-size-sm)]',\n    'ds:break-words',\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n    'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2',\n    'ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:transition-none ds:motion-reduce:animate-none',\n    'ds:forced-colors:border-[CanvasText]',\n    'ds:focus-visible:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:max-w-[var(--popover-size-sm)]',\n        md: 'ds:max-w-[var(--popover-size-md)]',\n        lg: 'ds:max-w-[var(--popover-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\n// Curated agent-readiness handle — see popover.agent.ts.\nexport interface PopoverHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface PopoverRootProps extends ComponentPropsWithoutRef<\n  typeof RadixPopover.Root\n> {\n  openOn?: 'click' | 'hover' | 'hover-or-click';\n  /** Opaque instance id — forwarded to Popover.Content as `data-component-id`. */\n  id?: string;\n  children: ReactNode;\n}\n\nconst PopoverIdContext = createContext<string | undefined>(undefined);\n\nfunction PopoverRoot({\n  openOn = 'click',\n  children,\n  id,\n  open: controlledOpen,\n  onOpenChange,\n  defaultOpen,\n  modal,\n}: PopoverRootProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) setInternalOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const hoverTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isHoverMode = openOn === 'hover' || openOn === 'hover-or-click';\n\n  const clearHoverTimer = useCallback(() => {\n    if (hoverTimerRef.current) {\n      clearTimeout(hoverTimerRef.current);\n      hoverTimerRef.current = null;\n    }\n  }, []);\n\n  const openWithDelay = useCallback(() => {\n    clearHoverTimer();\n    hoverTimerRef.current = setTimeout(() => {\n      handleOpenChange(true);\n    }, 300);\n  }, [clearHoverTimer, handleOpenChange]);\n\n  const closeWithDelay = useCallback(() => {\n    clearHoverTimer();\n    hoverTimerRef.current = setTimeout(() => {\n      handleOpenChange(false);\n    }, 300);\n  }, [clearHoverTimer, handleOpenChange]);\n\n  useEffect(() => {\n    return () => clearHoverTimer();\n  }, [clearHoverTimer]);\n\n  // Agent handle.\n  const openRef = useRef(isOpen);\n  useEffect(() => {\n    openRef.current = isOpen;\n  }, [isOpen]);\n\n  const agentHandle = useMemo<PopoverHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => handleOpenChange(true),\n      close: () => handleOpenChange(false),\n    }),\n    [handleOpenChange],\n  );\n  useAgentRegistration(popoverAgent, agentHandle, id);\n\n  /* a11y context state */\n  const [headingId, setHeadingId] = useState<string | undefined>(undefined);\n  const [descriptionId, setDescriptionId] = useState<string | undefined>(\n    undefined,\n  );\n\n  const hoverHandlers = isHoverMode\n    ? {\n        onMouseEnter: openWithDelay,\n        onMouseLeave: closeWithDelay,\n        onFocus: () => {\n          clearHoverTimer();\n          handleOpenChange(true);\n        },\n        onBlur: closeWithDelay,\n      }\n    : {};\n\n  return (\n    <PopoverIdContext.Provider value={id}>\n      <A11yContext.Provider\n        value={{ headingId, setHeadingId, descriptionId, setDescriptionId }}\n      >\n        <HoverContext.Provider\n          value={{ isHoverMode, clearHoverTimer, closeWithDelay }}\n        >\n          <RadixPopover.Root\n            open={isOpen}\n            onOpenChange={handleOpenChange}\n            modal={modal}\n          >\n            {isHoverMode ? (\n              <span className=\"ds:inline-flex\" {...hoverHandlers}>\n                {children}\n              </span>\n            ) : (\n              children\n            )}\n          </RadixPopover.Root>\n        </HoverContext.Provider>\n      </A11yContext.Provider>\n    </PopoverIdContext.Provider>\n  );\n}\nPopoverRoot.displayName = 'Popover.Root';\n\nconst PopoverTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixPopover.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixPopover.Trigger ref={ref} {...props}>\n    {children}\n  </RadixPopover.Trigger>\n));\nPopoverTrigger.displayName = 'Popover.Trigger';\n\nexport interface PopoverContentProps\n  extends\n    Omit<\n      ComponentPropsWithoutRef<typeof RadixPopover.Content>,\n      'side' | 'align'\n    >,\n    VariantProps<typeof contentVariants> {\n  side?: 'start' | 'top' | 'end' | 'bottom';\n  align?: 'start' | 'center' | 'end';\n  size?: 'sm' | 'md' | 'lg';\n  showArrow?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst PopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      side = 'bottom',\n      align = 'center',\n      size = 'md',\n      showArrow = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { headingId, descriptionId } = useContext(A11yContext);\n    const instanceId = useContext(PopoverIdContext);\n    const {\n      isHoverMode: isHover,\n      clearHoverTimer: cancelTimer,\n      closeWithDelay: delayClose,\n    } = useContext(HoverContext);\n    const physicalSide = resolvePhysicalSide(side);\n\n    const contentHoverHandlers = isHover\n      ? {\n          onMouseEnter: cancelTimer,\n          onMouseLeave: delayClose,\n          onFocus: cancelTimer,\n          onBlur: delayClose,\n        }\n      : {};\n\n    return (\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          ref={ref}\n          side={physicalSide}\n          align={align}\n          sideOffset={8}\n          collisionPadding={8}\n          aria-labelledby={headingId}\n          aria-describedby={descriptionId}\n          className={contentVariants({ size, className })}\n          data-component=\"popover\"\n          data-component-id={instanceId}\n          {...contentHoverHandlers}\n          {...props}\n        >\n          {children}\n          {showArrow && (\n            <RadixPopover.Arrow\n              width={12}\n              height={6}\n              className=\"ds:fill-[var(--popover)]\"\n            />\n          )}\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'Popover.Content';\n\nconst PopoverClose = forwardRef<HTMLButtonElement, { className?: string }>(\n  ({ className }, ref) => {\n    const { t } = useTranslation();\n\n    return (\n      <div\n        className={[\n          'ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RadixPopover.Close asChild>\n          <IconButton\n            ref={ref}\n            icon={<X />}\n            intent=\"ghost\"\n            size=\"sm\"\n            aria-label={t('common.close', 'Close')}\n          />\n        </RadixPopover.Close>\n      </div>\n    );\n  },\n);\nPopoverClose.displayName = 'Popover.Close';\n\ninterface PopoverHeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n}\n\nconst PopoverHeading = forwardRef<HTMLHeadingElement, PopoverHeadingProps>(\n  ({ as: Tag = 'h3', className, ...props }, ref) => {\n    const generatedId = useId();\n    const { setHeadingId } = useContext(A11yContext);\n\n    useEffect(() => {\n      setHeadingId(generatedId);\n      return () => setHeadingId(undefined);\n    }, [generatedId, setHeadingId]);\n\n    return (\n      <Tag\n        ref={ref}\n        id={generatedId}\n        className={[\n          'type-title-item ds:leading-snug ds:break-words',\n          'ds:pe-[var(--spacing-xl)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    );\n  },\n);\nPopoverHeading.displayName = 'Popover.Heading';\n\n/**\n * The popover's description region.\n *\n * A `div`, not a `p`. A popover body routinely holds structured content —\n * the calendar's hover peek puts `KeyValuePair`s in here — and a `p` may\n * only contain phrasing content, so the browser silently closed the\n * paragraph and re-parented the rest. That breaks the DOM the\n * `aria-describedby` region points at, so the description a screen reader\n * announces was not the description on screen. React said so on every\n * open: \"validateDOMNesting: <div> cannot appear as a descendant of <p>\".\n *\n * The accessible wiring is by id, not by tag, so nothing about the\n * announcement depends on the element being a paragraph.\n */\nconst PopoverDescription = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const generatedId = useId();\n  const { setDescriptionId } = useContext(A11yContext);\n\n  useEffect(() => {\n    setDescriptionId(generatedId);\n    return () => setDescriptionId(undefined);\n  }, [generatedId, setDescriptionId]);\n\n  return (\n    <div\n      ref={ref}\n      id={generatedId}\n      className={[\n        'ds:text-[var(--muted-foreground)] type-body-sm ds:mt-[var(--spacing-xs)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  );\n});\nPopoverDescription.displayName = 'Popover.Description';\n\nexport const Popover = Object.assign(PopoverRoot, {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  // Radix pass-through: position Content against an arbitrary element when a\n  // Trigger button is unsuitable (e.g. anchoring an editor to a role=tab).\n  Anchor: RadixPopover.Anchor,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Heading: PopoverHeading,\n  Description: PopoverDescription,\n});\n\nexport type { PopoverRootProps as PopoverProps, PopoverHeadingProps };\n"],"names":["popoverAgent","handle","A11yContext","createContext","HoverContext","resolvePhysicalSide","logicalSide","isRtl","contentVariants","cva","PopoverIdContext","PopoverRoot","openOn","children","id","controlledOpen","onOpenChange","defaultOpen","modal","internalOpen","setInternalOpen","useState","isControlled","isOpen","handleOpenChange","useCallback","nextOpen","hoverTimerRef","useRef","isHoverMode","clearHoverTimer","openWithDelay","closeWithDelay","useEffect","openRef","agentHandle","useMemo","useAgentRegistration","headingId","setHeadingId","descriptionId","setDescriptionId","hoverHandlers","jsx","RadixPopover","PopoverTrigger","forwardRef","props","ref","PopoverContent","side","align","size","showArrow","className","useContext","instanceId","isHover","cancelTimer","delayClose","physicalSide","contentHoverHandlers","jsxs","PopoverClose","t","useTranslation","IconButton","X","PopoverHeading","Tag","generatedId","useId","PopoverDescription","Popover"],"mappings":";;;;;;;;AAGO,MAAMA,IAA4C;AAAA,EACvD,IAAI;AAAA,EACJ,cAAc,CAAC,QAAQ,OAAO;AAAA,EAC9B,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,UAAA;AAAA,IAAU;AAAA,EACrC;AAAA,EAEF,SAAS;AAAA,IACP,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,KAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,UAAA;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCbMC,IAAcC,EAAkC;AAAA,EACpD,WAAW;AAAA,EACX,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,eAAe;AAAA,EACf,kBAAkB,MAAM;AAAA,EAAC;AAC3B,CAAC,GAQKC,IAAeD,EAAmC;AAAA,EACtD,aAAa;AAAA,EACb,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC;AAED,SAASE,EACPC,GACqC;AACrC,MAAIA,MAAgB,SAASA,MAAgB,SAAU,QAAOA;AAC9D,QAAMC,IACJ,OAAO,WAAa,OAAe,SAAS,gBAAgB,QAAQ;AACtE,SAAID,MAAgB,UAAgBC,IAAQ,UAAU,SAE/CA,IAAQ,SAAS;AAC1B;AAEA,MAAMC,IAAkBC;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAkBMC,IAAmBP,EAAkC,MAAS;AAEpE,SAASQ,EAAY;AAAA,EACnB,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,MAAMC;AAAA,EACN,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,GAAqB;AACnB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAASJ,KAAe,EAAK,GAC/DK,IAAeP,MAAmB,QAClCQ,IAASD,IAAeP,IAAiBI,GAEzCK,IAAmBC;AAAA,IACvB,CAACC,MAAsB;AACrB,MAAKJ,KAAcF,EAAgBM,CAAQ,GAC3CV,KAAA,QAAAA,EAAeU;AAAA,IACjB;AAAA,IACA,CAACJ,GAAcN,CAAY;AAAA,EAAA,GAGvBW,IAAgBC,EAA6C,IAAI,GACjEC,IAAcjB,MAAW,WAAWA,MAAW,kBAE/CkB,IAAkBL,EAAY,MAAM;AACxC,IAAIE,EAAc,YAChB,aAAaA,EAAc,OAAO,GAClCA,EAAc,UAAU;AAAA,EAE5B,GAAG,CAAA,CAAE,GAECI,IAAgBN,EAAY,MAAM;AACtC,IAAAK,EAAA,GACAH,EAAc,UAAU,WAAW,MAAM;AACvC,MAAAH,EAAiB,EAAI;AAAA,IACvB,GAAG,GAAG;AAAA,EACR,GAAG,CAACM,GAAiBN,CAAgB,CAAC,GAEhCQ,IAAiBP,EAAY,MAAM;AACvC,IAAAK,EAAA,GACAH,EAAc,UAAU,WAAW,MAAM;AACvC,MAAAH,EAAiB,EAAK;AAAA,IACxB,GAAG,GAAG;AAAA,EACR,GAAG,CAACM,GAAiBN,CAAgB,CAAC;AAEtC,EAAAS,EAAU,MACD,MAAMH,EAAA,GACZ,CAACA,CAAe,CAAC;AAGpB,QAAMI,IAAUN,EAAOL,CAAM;AAC7B,EAAAU,EAAU,MAAM;AACd,IAAAC,EAAQ,UAAUX;AAAA,EACpB,GAAG,CAACA,CAAM,CAAC;AAEX,QAAMY,IAAcC;AAAA,IAClB,OAAO;AAAA,MACL,WAAW,MAAMF,EAAQ;AAAA,MACzB,MAAM,MAAMV,EAAiB,EAAI;AAAA,MACjC,OAAO,MAAMA,EAAiB,EAAK;AAAA,IAAA;AAAA,IAErC,CAACA,CAAgB;AAAA,EAAA;AAEnB,EAAAa,EAAqBrC,GAAcmC,GAAarB,CAAE;AAGlD,QAAM,CAACwB,GAAWC,CAAY,IAAIlB,EAA6B,MAAS,GAClE,CAACmB,GAAeC,CAAgB,IAAIpB;AAAA,IACxC;AAAA,EAAA,GAGIqB,IAAgBb,IAClB;AAAA,IACE,cAAcE;AAAA,IACd,cAAcC;AAAA,IACd,SAAS,MAAM;AACb,MAAAF,EAAA,GACAN,EAAiB,EAAI;AAAA,IACvB;AAAA,IACA,QAAQQ;AAAA,EAAA,IAEV,CAAA;AAEJ,SACE,gBAAAW,EAACjC,EAAiB,UAAjB,EAA0B,OAAOI,GAChC,UAAA,gBAAA6B;AAAA,IAACzC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO,EAAE,WAAAoC,GAAW,cAAAC,GAAc,eAAAC,GAAe,kBAAAC,EAAA;AAAA,MAEjD,UAAA,gBAAAE;AAAA,QAACvC,EAAa;AAAA,QAAb;AAAA,UACC,OAAO,EAAE,aAAAyB,GAAa,iBAAAC,GAAiB,gBAAAE,EAAA;AAAA,UAEvC,UAAA,gBAAAW;AAAA,YAACC,EAAa;AAAA,YAAb;AAAA,cACC,MAAMrB;AAAA,cACN,cAAcC;AAAA,cACd,OAAAN;AAAA,cAEC,UAAAW,sBACE,QAAA,EAAK,WAAU,kBAAkB,GAAGa,GAClC,UAAA7B,GACH,IAEAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;AACAF,EAAY,cAAc;AAE1B,MAAMkC,IAAiBC,EAGrB,CAAC,EAAE,UAAAjC,GAAU,GAAGkC,EAAA,GAASC,MACzB,gBAAAL,EAACC,EAAa,SAAb,EAAqB,KAAAI,GAAW,GAAGD,GACjC,UAAAlC,GACH,CACD;AACDgC,EAAe,cAAc;AAiB7B,MAAMI,IAAiBH;AAAA,EACrB,CACE;AAAA,IACE,MAAAI,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,UAAAzC;AAAA,IACA,GAAGkC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,WAAAV,GAAW,eAAAE,MAAkBe,EAAWrD,CAAW,GACrDsD,IAAaD,EAAW7C,CAAgB,GACxC;AAAA,MACJ,aAAa+C;AAAA,MACb,iBAAiBC;AAAA,MACjB,gBAAgBC;AAAA,IAAA,IACdJ,EAAWnD,CAAY,GACrBwD,IAAevD,EAAoB6C,CAAI,GAEvCW,IAAuBJ,IACzB;AAAA,MACE,cAAcC;AAAA,MACd,cAAcC;AAAA,MACd,SAASD;AAAA,MACT,QAAQC;AAAA,IAAA,IAEV,CAAA;AAEJ,WACE,gBAAAhB,EAACC,EAAa,QAAb,EACC,UAAA,gBAAAkB;AAAA,MAAClB,EAAa;AAAA,MAAb;AAAA,QACC,KAAAI;AAAA,QACA,MAAMY;AAAA,QACN,OAAAT;AAAA,QACA,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,mBAAiBb;AAAA,QACjB,oBAAkBE;AAAA,QAClB,WAAWhC,EAAgB,EAAE,MAAA4C,GAAM,WAAAE,GAAW;AAAA,QAC9C,kBAAe;AAAA,QACf,qBAAmBE;AAAA,QAClB,GAAGK;AAAA,QACH,GAAGd;AAAA,QAEH,UAAA;AAAA,UAAAlC;AAAA,UACAwC,KACC,gBAAAV;AAAA,YAACC,EAAa;AAAA,YAAb;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,IAAA,GAGN;AAAA,EAEJ;AACF;AACAK,EAAe,cAAc;AAE7B,MAAMc,IAAejB;AAAA,EACnB,CAAC,EAAE,WAAAQ,EAAA,GAAaN,MAAQ;AACtB,UAAM,EAAE,GAAAgB,EAAA,IAAMC,EAAA;AAEd,WACE,gBAAAtB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACAW;AAAA,QAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QAEX,UAAA,gBAAAX,EAACC,EAAa,OAAb,EAAmB,SAAO,IACzB,UAAA,gBAAAD;AAAA,UAACuB;AAAA,UAAA;AAAA,YACC,KAAAlB;AAAA,YACA,wBAAOmB,GAAA,EAAE;AAAA,YACT,QAAO;AAAA,YACP,MAAK;AAAA,YACL,cAAYH,EAAE,gBAAgB,OAAO;AAAA,UAAA;AAAA,QAAA,EACvC,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACAD,EAAa,cAAc;AAM3B,MAAMK,IAAiBtB;AAAA,EACrB,CAAC,EAAE,IAAIuB,IAAM,MAAM,WAAAf,GAAW,GAAGP,EAAA,GAASC,MAAQ;AAChD,UAAMsB,IAAcC,EAAA,GACd,EAAE,cAAAhC,EAAA,IAAiBgB,EAAWrD,CAAW;AAE/C,WAAA+B,EAAU,OACRM,EAAa+B,CAAW,GACjB,MAAM/B,EAAa,MAAS,IAClC,CAAC+B,GAAa/B,CAAY,CAAC,GAG5B,gBAAAI;AAAA,MAAC0B;AAAA,MAAA;AAAA,QACC,KAAArB;AAAA,QACA,IAAIsB;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACAhB;AAAA,QAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAqB,EAAe,cAAc;AAgB7B,MAAMI,IAAqB1B,EAGzB,CAAC,EAAE,WAAAQ,GAAW,GAAGP,EAAA,GAASC,MAAQ;AAClC,QAAMsB,IAAcC,EAAA,GACd,EAAE,kBAAA9B,EAAA,IAAqBc,EAAWrD,CAAW;AAEnD,SAAA+B,EAAU,OACRQ,EAAiB6B,CAAW,GACrB,MAAM7B,EAAiB,MAAS,IACtC,CAAC6B,GAAa7B,CAAgB,CAAC,GAGhC,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAK;AAAA,MACA,IAAIsB;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACAhB;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDyB,EAAmB,cAAc;AAE1B,MAAMC,KAAU,OAAO,OAAO9D,GAAa;AAAA,EAChD,MAAMA;AAAA,EACN,SAASkC;AAAA;AAAA;AAAA,EAGT,QAAQD,EAAa;AAAA,EACrB,SAASK;AAAA,EACT,OAAOc;AAAA,EACP,SAASK;AAAA,EACT,aAAaI;AACf,CAAC;"}

package/dist/_chunks/{practice-profile-hero-DQyDvpJL.js → practice-profile-hero-DxoLlQr5.js}

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as e, Fragment as w } from "react/jsx-runtime";
 import { forwardRef as k, useId as C, useMemo as R, useRef as j } from "react";
 import { c as A } from "./index-D2ZczOXr.js";
 import { A as x } from "./avatar-CkDeQOSI.js";
-import { B } from "./badge-sTusUqZD.js";
+import { B } from "./badge-BudgzTe_.js";
 import { C as y } from "./card-DPmk26CL.js";
 import { R as z } from "./rating-BYbUowdK.js";
 import { u as I } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
@@ -190,4 +190,4 @@ export {
   E as P,
   M as p
 };
-//# sourceMappingURL=practice-profile-hero-DQyDvpJL.js.map
+//# sourceMappingURL=practice-profile-hero-DxoLlQr5.js.map

package/dist/_chunks/{practice-profile-hero-DQyDvpJL.js.map → practice-profile-hero-DxoLlQr5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"practice-profile-hero-DQyDvpJL.js","sources":["../../src/components/practice-profile-hero/practice-profile-hero.agent.ts","../../src/components/practice-profile-hero/practice-profile-hero.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PracticeProfileHeroHandle } from './practice-profile-hero';\n\nexport const practiceProfileHeroAgent: AgentAdapter<PracticeProfileHeroHandle> =\n  {\n    id: 'practice-profile-hero',\n    // Purely observable hero region — no interactive affordances and no\n    // imperative actions on the handle (getName / getHasCover are read-only\n    // projections).\n    capabilities: [],\n    state: {\n      name: {\n        type: 'string',\n        descriptionKey: 'ui.agent.practiceProfileHero.state.name',\n        description: 'Practice display name currently rendered.',\n        read: (handle) => handle.getName(),\n      },\n      hasCover: {\n        type: 'boolean',\n        descriptionKey: 'ui.agent.practiceProfileHero.state.hasCover',\n        description:\n          'Whether a cover-image strip is rendered. Structural flag only — never the image URL or any PHI.',\n        read: (handle) => handle.getHasCover(),\n      },\n    },\n    actions: {},\n    domHooks: {\n      root: {\n        attr: 'data-component',\n        value: 'practice-profile-hero',\n        description: 'Marks the PracticeProfileHero root region.',\n      },\n      instanceId: {\n        attr: 'data-component-id',\n        sourceProp: 'id',\n        description: 'Sourced from the id prop.',\n      },\n    },\n  };\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Rating } from '../rating/rating';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { practiceProfileHeroAgent } from './practice-profile-hero.agent';\n\n/* -------------------------------------------------------------------- */\n/* PracticeProfileHero                                                    */\n/*                                                                        */\n/* The practice-page counterpart to `<OperatorHero>` — the top-of-page   */\n/* hero for a practice profile (booking site `/p/<seoUrl>`, marketplace  */\n/* practice views). Differences from the operator hero:                  */\n/*                                                                        */\n/*   - Optional cover strip: renders ONLY when `coverImageUrl` is set.   */\n/*     A practice without a configured cover image gets no strip at all  */\n/*     — never an empty brand-gradient band eating page space.           */\n/*   - Larger avatar at desktop widths (3xl), stepped down to xl and     */\n/*     stacked above the text on small viewports so the practice name,   */\n/*     tagline and rating keep the full line width on phones.            */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    // Matches the kit's other `surface` props (Booking, ReviewsPanel,\n    // OperatorHero). `'elevated'` wraps in `<Card>`.\n    surface: {\n      flat: '',\n      elevated: '',\n    },\n  },\n  defaultVariants: {\n    surface: 'elevated',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface PracticeProfileHeroBadge {\n  /** Display key — i18n is up to the consumer. */\n  key: string;\n  /** Display label. */\n  label: string;\n  /** Badge variant — falls back to `neutral`. */\n  variant?: 'neutral' | 'info' | 'success' | 'warning' | 'error';\n}\n\nexport interface PracticeProfileHeroRating {\n  /** Mean rating, 0–5. */\n  value: number;\n  /** Total number of reviews. */\n  count: number;\n}\n\nexport interface PracticeProfileHeroHandle {\n  getName: () => string;\n  /** Structural flag — whether a cover strip is rendered. No PHI. */\n  getHasCover: () => boolean;\n}\n\nexport interface PracticeProfileHeroProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** Practice display name. Rendered as the H1 heading. */\n  name: string;\n  /** Slogan / tagline subtitle (e.g. \"15 anni di esperienza nel cuore di Brera\"). */\n  tagline?: string;\n  /**\n   * Optional practice photo / logo URL. The kit always renders an\n   * `<Avatar>` — when `imageUrl` is missing the avatar falls back to\n   * initials.\n   */\n  imageUrl?: string;\n  /**\n   * Optional cover image painted as a full-width strip above the body.\n   * The strip renders ONLY when this is set — a practice without a cover\n   * image gets no strip (and no empty gradient band). While the image\n   * loads, the brand gradient shows underneath it.\n   */\n  coverImageUrl?: string;\n  /** Rating summary — when present, renders a Rating + numeric breakdown line. */\n  rating?: PracticeProfileHeroRating;\n  /**\n   * Optional badge row beneath the rating. Use sparingly — 1–3 chips\n   * suit the hero's density; longer lists belong in `<ContactProfileCard>`.\n   */\n  badges?: PracticeProfileHeroBadge[];\n\n  /* ----- Slots ----- */\n\n  /**\n   * Rendered at the inline-end of the heading row (right side on LTR)\n   * from `sm` up. The heading row wraps, so on a phone the action drops\n   * onto its own line, starts flush with the practice name, and is free\n   * to shrink into the column rather than overflow it.\n   *\n   * Use for a \"Book an appointment\" `<Button>` or a share action.\n   */\n  actionSlot?: ReactNode;\n\n  /* ----- Styling ----- */\n\n  /**\n   * `elevated` (default) wraps in `<Card variant=\"elevated\">`. `flat`\n   * drops the Card — use inside another card / sheet.\n   */\n  surface?: 'flat' | 'elevated';\n\n  /* ----- a11y ----- */\n\n  'aria-label'?: string;\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const PracticeProfileHero = forwardRef<\n  HTMLDivElement,\n  PracticeProfileHeroProps\n>(\n  (\n    {\n      name,\n      tagline,\n      imageUrl,\n      coverImageUrl,\n      rating,\n      badges,\n      actionSlot,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const headingId = useId();\n    const hasCover = Boolean(coverImageUrl);\n\n    // Memoised so the registry doesn't see a fresh handle identity (and\n    // fire unregister+register) on every render — mirrors Booking.\n    const agentHandle = useMemo(\n      () => ({ getName: () => name, getHasCover: () => hasCover }),\n      [name, hasCover],\n    );\n    useAgentRegistration(practiceProfileHeroAgent, agentHandle, id);\n\n    // Cover image URL lands as a component-scoped CSS custom property set\n    // imperatively on a ref — mirrors the Avatar `--avatar-color-override`\n    // idiom so no `style={{…}}` attribute lands on the JSX (constraint §4).\n    const coverRef = useRef<HTMLDivElement>(null);\n    useIsomorphicLayoutEffect(() => {\n      const el = coverRef.current;\n      if (!el) return;\n      if (coverImageUrl) {\n        el.style.setProperty(\n          '--practice-profile-hero-cover',\n          `url(\"${coverImageUrl.replace(/\\\\/g, '\\\\\\\\').replace(/\"/g, '\\\\\"')}\")`,\n        );\n      } else {\n        el.style.removeProperty('--practice-profile-hero-cover');\n      }\n    }, [coverImageUrl]);\n\n    const cover = hasCover ? (\n      <div\n        ref={coverRef}\n        aria-hidden=\"true\"\n        data-slot=\"cover\"\n        className={[\n          'ds:h-32 ds:sm:h-40 ds:w-full',\n          // Cover image layered over the brand gradient — the gradient is\n          // the visible underlay while the image streams in (or 404s). The\n          // `none` fallback keeps the declaration valid before the layout\n          // effect sets the custom property (SSR / first paint).\n          'ds:bg-[image:var(--practice-profile-hero-cover,none),var(--gradient-hero-brand)]',\n          'ds:bg-cover ds:bg-center',\n        ].join(' ')}\n      />\n    ) : null;\n\n    const body = (\n      <div\n        className={[\n          // Phones: stacked column, smaller avatar — the practice name,\n          // tagline and rating keep the full line width instead of being\n          // squeezed beside a 3xl avatar. sm+: classic row layout.\n          'ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-md)]',\n          'ds:sm:flex-row ds:sm:gap-[var(--spacing-lg)]',\n        ].join(' ')}\n      >\n        {/* Responsive avatar — `ds:hidden` removes the inactive size from\n            both the layout and the accessibility tree. Both renders are\n            aria-hidden: the H1 right beside them already carries the\n            practice name, so the avatar is decorative here. */}\n        <div className=\"ds:shrink-0 ds:sm:hidden\">\n          <Avatar size=\"xl\" name={name} src={imageUrl} aria-hidden=\"true\" />\n        </div>\n        <div className=\"ds:hidden ds:shrink-0 ds:sm:block\">\n          <Avatar size=\"3xl\" name={name} src={imageUrl} aria-hidden=\"true\" />\n        </div>\n        <div className=\"ds:flex ds:w-full ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:flex-wrap ds:items-start ds:gap-[var(--spacing-md)]\">\n            <h1\n              id={headingId}\n              className=\"type-title-page ds:m-0 ds:text-[color:var(--foreground)]\"\n            >\n              {name}\n            </h1>\n            {actionSlot ? (\n              // `ms-auto` + `shrink-0` are the desktop contract, and both are\n              // wrong once the row wraps on a phone: they stranded the action\n              // at the inline-end of a start-aligned stack and stopped a wide\n              // control fitting the column. Hence `sm:` and up only.\n              <div className=\"ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:sm:ms-auto ds:sm:shrink-0\">\n                {actionSlot}\n              </div>\n            ) : null}\n          </div>\n          {tagline ? (\n            <p className=\"type-body ds:m-0 ds:text-[color:var(--foreground)]\">\n              {tagline}\n            </p>\n          ) : null}\n          {rating ? (\n            // Rating owns the whole line: locale-formatted value, plural-\n            // aware review count, and a single role=\"img\" announcement.\n            <Rating\n              value={rating.value}\n              max={5}\n              size=\"md\"\n              reviews={{ count: rating.count }}\n            />\n          ) : null}\n          {badges && badges.length > 0 ? (\n            <div\n              role=\"list\"\n              className=\"ds:mt-[var(--spacing-2xs)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]\"\n            >\n              {badges.map((badge) => (\n                <Badge\n                  key={badge.key}\n                  variant={badge.variant ?? 'neutral'}\n                  role=\"listitem\"\n                >\n                  {badge.label}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        // A consumer-supplied aria-label wins; otherwise the region is\n        // named by the practice-name H1 via aria-labelledby.\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabel ? undefined : headingId}\n        data-component=\"practice-profile-hero\"\n        data-component-id={id}\n        data-has-cover={hasCover ? 'true' : 'false'}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            {cover}\n            <Card.Body>{body}</Card.Body>\n          </Card>\n        ) : (\n          <>\n            {cover}\n            <div className=\"ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]\">\n              {body}\n            </div>\n          </>\n        )}\n      </div>\n    );\n  },\n);\n\nPracticeProfileHero.displayName = 'PracticeProfileHero';\n"],"names":["practiceProfileHeroAgent","handle","rootVariants","cva","PracticeProfileHero","forwardRef","name","tagline","imageUrl","coverImageUrl","rating","badges","actionSlot","surface","ariaLabel","id","className","rest","ref","headingId","useId","hasCover","agentHandle","useMemo","useAgentRegistration","coverRef","useRef","useIsomorphicLayoutEffect","el","cover","jsx","body","jsxs","Avatar","Rating","badge","Badge","Card","Fragment"],"mappings":"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"}
+{"version":3,"file":"practice-profile-hero-DxoLlQr5.js","sources":["../../src/components/practice-profile-hero/practice-profile-hero.agent.ts","../../src/components/practice-profile-hero/practice-profile-hero.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PracticeProfileHeroHandle } from './practice-profile-hero';\n\nexport const practiceProfileHeroAgent: AgentAdapter<PracticeProfileHeroHandle> =\n  {\n    id: 'practice-profile-hero',\n    // Purely observable hero region — no interactive affordances and no\n    // imperative actions on the handle (getName / getHasCover are read-only\n    // projections).\n    capabilities: [],\n    state: {\n      name: {\n        type: 'string',\n        descriptionKey: 'ui.agent.practiceProfileHero.state.name',\n        description: 'Practice display name currently rendered.',\n        read: (handle) => handle.getName(),\n      },\n      hasCover: {\n        type: 'boolean',\n        descriptionKey: 'ui.agent.practiceProfileHero.state.hasCover',\n        description:\n          'Whether a cover-image strip is rendered. Structural flag only — never the image URL or any PHI.',\n        read: (handle) => handle.getHasCover(),\n      },\n    },\n    actions: {},\n    domHooks: {\n      root: {\n        attr: 'data-component',\n        value: 'practice-profile-hero',\n        description: 'Marks the PracticeProfileHero root region.',\n      },\n      instanceId: {\n        attr: 'data-component-id',\n        sourceProp: 'id',\n        description: 'Sourced from the id prop.',\n      },\n    },\n  };\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Rating } from '../rating/rating';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { practiceProfileHeroAgent } from './practice-profile-hero.agent';\n\n/* -------------------------------------------------------------------- */\n/* PracticeProfileHero                                                    */\n/*                                                                        */\n/* The practice-page counterpart to `<OperatorHero>` — the top-of-page   */\n/* hero for a practice profile (booking site `/p/<seoUrl>`, marketplace  */\n/* practice views). Differences from the operator hero:                  */\n/*                                                                        */\n/*   - Optional cover strip: renders ONLY when `coverImageUrl` is set.   */\n/*     A practice without a configured cover image gets no strip at all  */\n/*     — never an empty brand-gradient band eating page space.           */\n/*   - Larger avatar at desktop widths (3xl), stepped down to xl and     */\n/*     stacked above the text on small viewports so the practice name,   */\n/*     tagline and rating keep the full line width on phones.            */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    // Matches the kit's other `surface` props (Booking, ReviewsPanel,\n    // OperatorHero). `'elevated'` wraps in `<Card>`.\n    surface: {\n      flat: '',\n      elevated: '',\n    },\n  },\n  defaultVariants: {\n    surface: 'elevated',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface PracticeProfileHeroBadge {\n  /** Display key — i18n is up to the consumer. */\n  key: string;\n  /** Display label. */\n  label: string;\n  /** Badge variant — falls back to `neutral`. */\n  variant?: 'neutral' | 'info' | 'success' | 'warning' | 'error';\n}\n\nexport interface PracticeProfileHeroRating {\n  /** Mean rating, 0–5. */\n  value: number;\n  /** Total number of reviews. */\n  count: number;\n}\n\nexport interface PracticeProfileHeroHandle {\n  getName: () => string;\n  /** Structural flag — whether a cover strip is rendered. No PHI. */\n  getHasCover: () => boolean;\n}\n\nexport interface PracticeProfileHeroProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** Practice display name. Rendered as the H1 heading. */\n  name: string;\n  /** Slogan / tagline subtitle (e.g. \"15 anni di esperienza nel cuore di Brera\"). */\n  tagline?: string;\n  /**\n   * Optional practice photo / logo URL. The kit always renders an\n   * `<Avatar>` — when `imageUrl` is missing the avatar falls back to\n   * initials.\n   */\n  imageUrl?: string;\n  /**\n   * Optional cover image painted as a full-width strip above the body.\n   * The strip renders ONLY when this is set — a practice without a cover\n   * image gets no strip (and no empty gradient band). While the image\n   * loads, the brand gradient shows underneath it.\n   */\n  coverImageUrl?: string;\n  /** Rating summary — when present, renders a Rating + numeric breakdown line. */\n  rating?: PracticeProfileHeroRating;\n  /**\n   * Optional badge row beneath the rating. Use sparingly — 1–3 chips\n   * suit the hero's density; longer lists belong in `<ContactProfileCard>`.\n   */\n  badges?: PracticeProfileHeroBadge[];\n\n  /* ----- Slots ----- */\n\n  /**\n   * Rendered at the inline-end of the heading row (right side on LTR)\n   * from `sm` up. The heading row wraps, so on a phone the action drops\n   * onto its own line, starts flush with the practice name, and is free\n   * to shrink into the column rather than overflow it.\n   *\n   * Use for a \"Book an appointment\" `<Button>` or a share action.\n   */\n  actionSlot?: ReactNode;\n\n  /* ----- Styling ----- */\n\n  /**\n   * `elevated` (default) wraps in `<Card variant=\"elevated\">`. `flat`\n   * drops the Card — use inside another card / sheet.\n   */\n  surface?: 'flat' | 'elevated';\n\n  /* ----- a11y ----- */\n\n  'aria-label'?: string;\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const PracticeProfileHero = forwardRef<\n  HTMLDivElement,\n  PracticeProfileHeroProps\n>(\n  (\n    {\n      name,\n      tagline,\n      imageUrl,\n      coverImageUrl,\n      rating,\n      badges,\n      actionSlot,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const headingId = useId();\n    const hasCover = Boolean(coverImageUrl);\n\n    // Memoised so the registry doesn't see a fresh handle identity (and\n    // fire unregister+register) on every render — mirrors Booking.\n    const agentHandle = useMemo(\n      () => ({ getName: () => name, getHasCover: () => hasCover }),\n      [name, hasCover],\n    );\n    useAgentRegistration(practiceProfileHeroAgent, agentHandle, id);\n\n    // Cover image URL lands as a component-scoped CSS custom property set\n    // imperatively on a ref — mirrors the Avatar `--avatar-color-override`\n    // idiom so no `style={{…}}` attribute lands on the JSX (constraint §4).\n    const coverRef = useRef<HTMLDivElement>(null);\n    useIsomorphicLayoutEffect(() => {\n      const el = coverRef.current;\n      if (!el) return;\n      if (coverImageUrl) {\n        el.style.setProperty(\n          '--practice-profile-hero-cover',\n          `url(\"${coverImageUrl.replace(/\\\\/g, '\\\\\\\\').replace(/\"/g, '\\\\\"')}\")`,\n        );\n      } else {\n        el.style.removeProperty('--practice-profile-hero-cover');\n      }\n    }, [coverImageUrl]);\n\n    const cover = hasCover ? (\n      <div\n        ref={coverRef}\n        aria-hidden=\"true\"\n        data-slot=\"cover\"\n        className={[\n          'ds:h-32 ds:sm:h-40 ds:w-full',\n          // Cover image layered over the brand gradient — the gradient is\n          // the visible underlay while the image streams in (or 404s). The\n          // `none` fallback keeps the declaration valid before the layout\n          // effect sets the custom property (SSR / first paint).\n          'ds:bg-[image:var(--practice-profile-hero-cover,none),var(--gradient-hero-brand)]',\n          'ds:bg-cover ds:bg-center',\n        ].join(' ')}\n      />\n    ) : null;\n\n    const body = (\n      <div\n        className={[\n          // Phones: stacked column, smaller avatar — the practice name,\n          // tagline and rating keep the full line width instead of being\n          // squeezed beside a 3xl avatar. sm+: classic row layout.\n          'ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-md)]',\n          'ds:sm:flex-row ds:sm:gap-[var(--spacing-lg)]',\n        ].join(' ')}\n      >\n        {/* Responsive avatar — `ds:hidden` removes the inactive size from\n            both the layout and the accessibility tree. Both renders are\n            aria-hidden: the H1 right beside them already carries the\n            practice name, so the avatar is decorative here. */}\n        <div className=\"ds:shrink-0 ds:sm:hidden\">\n          <Avatar size=\"xl\" name={name} src={imageUrl} aria-hidden=\"true\" />\n        </div>\n        <div className=\"ds:hidden ds:shrink-0 ds:sm:block\">\n          <Avatar size=\"3xl\" name={name} src={imageUrl} aria-hidden=\"true\" />\n        </div>\n        <div className=\"ds:flex ds:w-full ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:flex-wrap ds:items-start ds:gap-[var(--spacing-md)]\">\n            <h1\n              id={headingId}\n              className=\"type-title-page ds:m-0 ds:text-[color:var(--foreground)]\"\n            >\n              {name}\n            </h1>\n            {actionSlot ? (\n              // `ms-auto` + `shrink-0` are the desktop contract, and both are\n              // wrong once the row wraps on a phone: they stranded the action\n              // at the inline-end of a start-aligned stack and stopped a wide\n              // control fitting the column. Hence `sm:` and up only.\n              <div className=\"ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:sm:ms-auto ds:sm:shrink-0\">\n                {actionSlot}\n              </div>\n            ) : null}\n          </div>\n          {tagline ? (\n            <p className=\"type-body ds:m-0 ds:text-[color:var(--foreground)]\">\n              {tagline}\n            </p>\n          ) : null}\n          {rating ? (\n            // Rating owns the whole line: locale-formatted value, plural-\n            // aware review count, and a single role=\"img\" announcement.\n            <Rating\n              value={rating.value}\n              max={5}\n              size=\"md\"\n              reviews={{ count: rating.count }}\n            />\n          ) : null}\n          {badges && badges.length > 0 ? (\n            <div\n              role=\"list\"\n              className=\"ds:mt-[var(--spacing-2xs)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]\"\n            >\n              {badges.map((badge) => (\n                <Badge\n                  key={badge.key}\n                  variant={badge.variant ?? 'neutral'}\n                  role=\"listitem\"\n                >\n                  {badge.label}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        // A consumer-supplied aria-label wins; otherwise the region is\n        // named by the practice-name H1 via aria-labelledby.\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabel ? undefined : headingId}\n        data-component=\"practice-profile-hero\"\n        data-component-id={id}\n        data-has-cover={hasCover ? 'true' : 'false'}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            {cover}\n            <Card.Body>{body}</Card.Body>\n          </Card>\n        ) : (\n          <>\n            {cover}\n            <div className=\"ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]\">\n              {body}\n            </div>\n          </>\n        )}\n      </div>\n    );\n  },\n);\n\nPracticeProfileHero.displayName = 'PracticeProfileHero';\n"],"names":["practiceProfileHeroAgent","handle","rootVariants","cva","PracticeProfileHero","forwardRef","name","tagline","imageUrl","coverImageUrl","rating","badges","actionSlot","surface","ariaLabel","id","className","rest","ref","headingId","useId","hasCover","agentHandle","useMemo","useAgentRegistration","coverRef","useRef","useIsomorphicLayoutEffect","el","cover","jsx","body","jsxs","Avatar","Rating","badge","Badge","Card","Fragment"],"mappings":"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"}