@alfadocs/ui-kit-debug 0.1.9 → 0.2.1

package/dist/_chunks/tooth-scheme-3mITSXiZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooth-scheme-3mITSXiZ.js","sources":["../../src/components/tooth-scheme/tooth-scheme.agent.ts","../../src/components/tooth-scheme/tooth-data.ts","../../src/components/tooth-scheme/tooth-scheme.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ToothSchemeHandle } from './tooth-scheme';\n\nexport const toothSchemeAgent: AgentAdapter<ToothSchemeHandle> = {\n  id: 'tooth-scheme',\n  capabilities: ['pick'],\n  state: {\n    chart: {\n      type: 'object',\n      description:\n        'Current dental chart state — tooth conditions keyed by FDI id.',\n      read: (handle) => handle.getChart(),\n    },\n  },\n  actions: {\n    focus_tooth: {\n      safety: 'read',\n      argsType: '{ id: FdiId }',\n      description: 'Move focus to a specific tooth by FDI id.',\n      invoke: (\n        handle,\n        args: { id: Parameters<ToothSchemeHandle['focusTooth']>[0] },\n      ) => {\n        handle.focusTooth(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'tooth-scheme' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-fdi',\n      description:\n        'Each rendered tooth `<g>` carries its FDI id as `data-fdi`. Tests still use `data-testid=\"tooth-<fdi>\"` separately.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* ToothScheme — data model + lookup tables.                           */\n/*                                                                     */\n/* FDI ISO 3950 is the canonical internal id. This module exposes     */\n/* conversion tables to Universal (ADA) and a simplified Palmer-style */\n/* quadrant+position string so consuming UIs can toggle numbering.    */\n/*                                                                     */\n/* Why simplified Palmer? True Palmer notation uses quadrant bracket  */\n/* glyphs (\"⌐\", \"¬\", \"L\", \"J\") that do not render reliably in every   */\n/* browser/font combination. We emit a readable `UR3` / `LL6` form    */\n/* instead and document the deviation in the component MDX.           */\n/* ------------------------------------------------------------------ */\n\n/* ------------------------------------------------------------------ */\n/* Core types                                                          */\n/* ------------------------------------------------------------------ */\n\nexport type FdiId = string; // '11'–'48' permanent, '51'–'85' primary\n\nexport type Dentition = 'permanent' | 'primary' | 'mixed';\nexport type Numbering = 'fdi' | 'universal' | 'palmer';\nexport type ToothMode = 'interactive' | 'display';\nexport type Surface = 'mesial' | 'distal' | 'occlusal' | 'buccal' | 'lingual';\nexport type ToothCondition =\n  | 'caries'\n  | 'filled'\n  | 'crowned'\n  | 'missing'\n  | 'implant'\n  | 'rootCanal';\n\nexport interface ToothState {\n  conditions: ToothCondition[];\n  surfaces: Surface[];\n  notes?: string;\n}\n\nexport type ToothChart = Record<FdiId, ToothState>;\n\nexport type Anatomy = 'incisor' | 'canine' | 'premolar' | 'molar';\nexport type Arch = 'upper' | 'lower';\nexport type Side = 'right' | 'left'; // patient's side (NOT viewer's)\nexport type Quadrant = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n\nexport interface ToothMeta {\n  fdi: FdiId;\n  /** '1'–'32' for permanent, 'A'–'T' for primary. */\n  universal: string;\n  /** Simplified Palmer quadrant-and-position string, e.g. 'UR3', 'LL6'. */\n  palmer: string;\n  quadrant: Quadrant;\n  /** 1–8 (permanent) or 1–5 (primary), counted from the midline outward. */\n  positionInQuadrant: number;\n  anatomy: Anatomy;\n  arch: Arch;\n  side: Side;\n  dentition: 'permanent' | 'primary';\n}\n\n/* ------------------------------------------------------------------ */\n/* Layout orders                                                       */\n/*                                                                     */\n/* Layout reads from the viewer's perspective, top-left to bottom-     */\n/* right. The chart is FIXED in clinical convention: the patient's    */\n/* right side sits on the viewer's left, regardless of document `dir`. */\n/* ------------------------------------------------------------------ */\n\n/**\n * 32 permanent teeth in visual layout order:\n *   upper row: 18..11 (patient upper-right, outermost → midline), then 21..28 (upper-left, midline → outermost)\n *   lower row: 48..41 (patient lower-right, outermost → midline), then 31..38 (lower-left, midline → outermost)\n */\nexport const PERMANENT_TEETH: FdiId[] = [\n  // upper\n  '18',\n  '17',\n  '16',\n  '15',\n  '14',\n  '13',\n  '12',\n  '11',\n  '21',\n  '22',\n  '23',\n  '24',\n  '25',\n  '26',\n  '27',\n  '28',\n  // lower\n  '48',\n  '47',\n  '46',\n  '45',\n  '44',\n  '43',\n  '42',\n  '41',\n  '31',\n  '32',\n  '33',\n  '34',\n  '35',\n  '36',\n  '37',\n  '38',\n];\n\n/**\n * 20 primary teeth in visual layout order:\n *   upper row: 55..51 (upper-right outermost → midline), then 61..65\n *   lower row: 85..81, then 71..75\n */\nexport const PRIMARY_TEETH: FdiId[] = [\n  // upper\n  '55',\n  '54',\n  '53',\n  '52',\n  '51',\n  '61',\n  '62',\n  '63',\n  '64',\n  '65',\n  // lower\n  '85',\n  '84',\n  '83',\n  '82',\n  '81',\n  '71',\n  '72',\n  '73',\n  '74',\n  '75',\n];\n\n/* ------------------------------------------------------------------ */\n/* Anatomy by position                                                 */\n/* ------------------------------------------------------------------ */\n\nfunction permanentAnatomy(positionInQuadrant: number): Anatomy {\n  if (positionInQuadrant <= 2) return 'incisor';\n  if (positionInQuadrant === 3) return 'canine';\n  if (positionInQuadrant <= 5) return 'premolar';\n  return 'molar';\n}\n\nfunction primaryAnatomy(positionInQuadrant: number): Anatomy {\n  if (positionInQuadrant <= 2) return 'incisor';\n  if (positionInQuadrant === 3) return 'canine';\n  // Primary dentition has no premolars — positions 4 & 5 are molars.\n  return 'molar';\n}\n\n/* ------------------------------------------------------------------ */\n/* Palmer helper                                                       */\n/* ------------------------------------------------------------------ */\n\nfunction palmerCode(quadrant: Quadrant, position: number): string {\n  // Permanent: 1=UR, 2=UL, 3=LL, 4=LR. Primary: 5=UR, 6=UL, 7=LL, 8=LR.\n  // Mapping is identical within each dentition ring; the number is what\n  // changes, so we fold 5→1, 6→2, 7→3, 8→4 to derive the quadrant code.\n  const normalised = ((quadrant - 1) % 4) + 1;\n  const code =\n    normalised === 1\n      ? 'UR'\n      : normalised === 2\n        ? 'UL'\n        : normalised === 3\n          ? 'LL'\n          : 'LR';\n  return `${code}${position}`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Universal (ADA) conversion                                          */\n/*                                                                     */\n/* Permanent — Universal numbers 1..32 run clockwise from the          */\n/*   patient's upper-right 3rd molar (FDI 18 = Universal 1), across    */\n/*   the upper arch (18→11 = 1→8, 21→28 = 9→16), then down the left    */\n/*   lower arch (38→31 = 17→24) and across the right lower (41→48 =   */\n/*   25→32).                                                           */\n/*                                                                     */\n/* Primary — Universal letters A..T walk the same path:               */\n/*   55→51 = A→E, 61→65 = F→J, 75→71 = K→O, 81→85 = P→T.              */\n/* ------------------------------------------------------------------ */\n\nfunction permanentUniversal(quadrant: Quadrant, position: number): string {\n  switch (quadrant) {\n    case 1:\n      // 18→1, 17→2, …, 11→8\n      return String(1 + (8 - position));\n    case 2:\n      // 21→9, 22→10, …, 28→16\n      return String(8 + position);\n    case 3:\n      // 38→17, 37→18, …, 31→24\n      return String(17 + (8 - position));\n    case 4:\n      // 41→25, 42→26, …, 48→32\n      return String(24 + position);\n    default:\n      return '';\n  }\n}\n\nfunction primaryUniversal(quadrant: Quadrant, position: number): string {\n  const letters = 'ABCDEFGHIJKLMNOPQRST';\n  let index = -1;\n  switch (quadrant) {\n    case 5:\n      // 55→A, 54→B, 53→C, 52→D, 51→E\n      index = 0 + (5 - position);\n      break;\n    case 6:\n      // 61→F, 62→G, 63→H, 64→I, 65→J\n      index = 5 + (position - 1);\n      break;\n    case 7:\n      // 75→K, 74→L, 73→M, 72→N, 71→O\n      index = 10 + (5 - position);\n      break;\n    case 8:\n      // 81→P, 82→Q, 83→R, 84→S, 85→T\n      index = 15 + (position - 1);\n      break;\n    default:\n      index = -1;\n  }\n  return index >= 0 ? letters[index] : '';\n}\n\n/* ------------------------------------------------------------------ */\n/* Meta builder                                                        */\n/* ------------------------------------------------------------------ */\n\nfunction buildMeta(fdi: FdiId): ToothMeta {\n  const quadrant = Number(fdi[0]) as Quadrant;\n  const position = Number(fdi[1]);\n  const isPrimary = quadrant >= 5;\n  const anatomy = isPrimary\n    ? primaryAnatomy(position)\n    : permanentAnatomy(position);\n  const arch: Arch =\n    quadrant === 1 || quadrant === 2 || quadrant === 5 || quadrant === 6\n      ? 'upper'\n      : 'lower';\n  const side: Side =\n    quadrant === 1 || quadrant === 4 || quadrant === 5 || quadrant === 8\n      ? 'right'\n      : 'left';\n  const universal = isPrimary\n    ? primaryUniversal(quadrant, position)\n    : permanentUniversal(quadrant, position);\n  const palmer = palmerCode(quadrant, position);\n  return {\n    fdi,\n    universal,\n    palmer,\n    quadrant,\n    positionInQuadrant: position,\n    anatomy,\n    arch,\n    side,\n    dentition: isPrimary ? 'primary' : 'permanent',\n  };\n}\n\nexport const FDI_TO_META: Record<FdiId, ToothMeta> = [\n  ...PERMANENT_TEETH,\n  ...PRIMARY_TEETH,\n].reduce<Record<FdiId, ToothMeta>>((acc, fdi) => {\n  acc[fdi] = buildMeta(fdi);\n  return acc;\n}, {});\n\nexport const FDI_TO_UNIVERSAL: Record<FdiId, string> = Object.fromEntries(\n  Object.entries(FDI_TO_META).map(([fdi, meta]) => [fdi, meta.universal]),\n);\n\nexport const FDI_TO_PALMER: Record<FdiId, string> = Object.fromEntries(\n  Object.entries(FDI_TO_META).map(([fdi, meta]) => [fdi, meta.palmer]),\n);\n\n/* ------------------------------------------------------------------ */\n/* Condition → token + pattern                                         */\n/*                                                                     */\n/* Every condition carries BOTH a colour AND a fill pattern so         */\n/* colour-blind clinicians can distinguish states in the SVG (and in   */\n/* black-and-white prints) — colour is never the sole channel.        */\n/* ------------------------------------------------------------------ */\n\n/** CSS variable name (without the leading `var(...)`) that drives a condition's colour. */\nexport const CONDITION_TOKENS: Record<ToothCondition, string> = {\n  caries: '--destructive',\n  filled: '--info',\n  crowned: '--warning',\n  missing: '--muted-foreground',\n  implant: '--accent',\n  rootCanal: '--primary',\n};\n\n/**\n * Convenience: the `fill=\"var(--destructive)\"` string ready to paste onto\n * an SVG attribute. Kept in sync with `CONDITION_TOKENS`.\n */\nexport const CONDITION_COLORS: Record<ToothCondition, string> = {\n  caries: 'var(--destructive)',\n  filled: 'var(--info)',\n  crowned: 'var(--warning)',\n  missing: 'var(--muted-foreground)',\n  implant: 'var(--accent)',\n  rootCanal: 'var(--primary)',\n};\n\n/** SVG `<pattern>` ids declared in `<defs>`. `missing` renders an X glyph instead of a pattern. */\nexport const CONDITION_PATTERNS: Record<ToothCondition, string> = {\n  caries: 'tooth-scheme-pattern-diagonal',\n  filled: 'tooth-scheme-pattern-dots',\n  crowned: 'tooth-scheme-pattern-crosshatch',\n  missing: 'tooth-scheme-pattern-blank',\n  implant: 'tooth-scheme-pattern-vertical',\n  rootCanal: 'tooth-scheme-pattern-horizontal',\n};\n\n/* ------------------------------------------------------------------ */\n/* SVG shape paths — one per anatomy class                             */\n/*                                                                     */\n/* Artistry is deliberately minimal for this first pass: each tooth is */\n/* a rounded rectangle with a small anatomy cue (cusp notch for        */\n/* molars, pointed tip for canines, narrower body for incisors). The   */\n/* shapes accept a `translate(x, y)` on the enclosing `<g>` and draw   */\n/* within a 30×50 bounding box (22×50 for incisors).                   */\n/* ------------------------------------------------------------------ */\n\nexport interface ToothShape {\n  /** Visual width inside the enclosing `<g>`. */\n  width: number;\n  /** Visual height inside the enclosing `<g>`. */\n  height: number;\n  /** SVG `d` attribute for the crown outline. */\n  path: string;\n  /** Optional inner decorative path (occlusal surface on molars, etc.). */\n  innerPath?: string;\n}\n\nexport const TOOTH_SHAPES: Record<Anatomy, ToothShape> = {\n  incisor: {\n    width: 22,\n    height: 50,\n    // Narrow rounded rectangle — slightly wider at the occlusal/biting edge.\n    path: 'M4 4 C4 2 6 0 8 0 L14 0 C16 0 18 2 18 4 L20 44 C20 47 18 50 14 50 L8 50 C4 50 2 47 2 44 Z',\n  },\n  canine: {\n    width: 26,\n    height: 50,\n    // Pointed cusp at the bottom — canines present a single prominent cusp.\n    path: 'M4 4 C4 2 6 0 8 0 L18 0 C20 0 22 2 22 4 L24 40 L13 50 L2 40 Z',\n  },\n  premolar: {\n    width: 28,\n    height: 50,\n    // Wider rounded rectangle with a subtle horizontal notch hinting at two cusps.\n    path: 'M4 4 C4 2 6 0 8 0 L20 0 C22 0 24 2 24 4 L26 44 C26 47 24 50 20 50 L8 50 C4 50 2 47 2 44 Z',\n    innerPath: 'M6 34 L22 34',\n  },\n  molar: {\n    width: 32,\n    height: 50,\n    // Widest rounded rectangle with a cross-notch hinting at the occlusal fissure pattern.\n    path: 'M4 4 C4 2 6 0 8 0 L24 0 C26 0 28 2 28 4 L30 44 C30 47 28 50 24 50 L8 50 C4 50 2 47 2 44 Z',\n    innerPath: 'M6 32 L26 32 M16 22 L16 42',\n  },\n};\n\n/* ------------------------------------------------------------------ */\n/* Viewport layout helpers                                             */\n/* ------------------------------------------------------------------ */\n\nexport const TOOTH_GAP = 4;\nexport const TOOTH_ROW_GAP = 24;\nexport const TOOTH_HIT_PAD = 4;\n\nexport interface PositionedTooth {\n  fdi: FdiId;\n  meta: ToothMeta;\n  shape: ToothShape;\n  x: number;\n  y: number;\n}\n\n/**\n * Produce the positioned list of teeth for a given dentition. The layout\n * is a two-row grid reading viewer-left-to-right across the upper arch,\n * then viewer-left-to-right across the lower arch. Clinical convention\n * is preserved: the patient's right sits on the viewer's left in both\n * arches, regardless of document direction.\n */\nexport function layoutTeeth(dentition: Dentition): {\n  teeth: PositionedTooth[];\n  width: number;\n  height: number;\n} {\n  const ids: FdiId[] =\n    dentition === 'primary'\n      ? PRIMARY_TEETH\n      : dentition === 'mixed'\n        ? [...PERMANENT_TEETH, ...PRIMARY_TEETH]\n        : PERMANENT_TEETH;\n\n  // Upper / lower partition is inferred from meta.arch.\n  const upper: FdiId[] = [];\n  const lower: FdiId[] = [];\n  for (const id of ids) {\n    const meta = FDI_TO_META[id];\n    if (meta.arch === 'upper') upper.push(id);\n    else lower.push(id);\n  }\n\n  const rowHeight = 50;\n  const maxPerRow = Math.max(upper.length, lower.length);\n\n  // Centre each row on the widest one.\n  function positionRow(row: FdiId[], yOffset: number): PositionedTooth[] {\n    const rowWidth = row.reduce((acc, id) => {\n      const shape = TOOTH_SHAPES[FDI_TO_META[id].anatomy];\n      return acc + shape.width + TOOTH_GAP;\n    }, 0);\n    const fullRowWidth = row.length > 0 ? rowWidth - TOOTH_GAP : 0;\n\n    const maxRowWidth = (function computeMax(): number {\n      const bigger = upper.length >= lower.length ? upper : lower;\n      const biggerWidth = bigger.reduce((acc, id) => {\n        const shape = TOOTH_SHAPES[FDI_TO_META[id].anatomy];\n        return acc + shape.width + TOOTH_GAP;\n      }, 0);\n      return biggerWidth - TOOTH_GAP;\n    })();\n\n    const startX = (maxRowWidth - fullRowWidth) / 2;\n    let cursor = startX;\n    return row.map((id) => {\n      const meta = FDI_TO_META[id];\n      const shape = TOOTH_SHAPES[meta.anatomy];\n      const tooth: PositionedTooth = {\n        fdi: id,\n        meta,\n        shape,\n        x: cursor,\n        y: yOffset,\n      };\n      cursor += shape.width + TOOTH_GAP;\n      return tooth;\n    });\n  }\n\n  const upperRow = positionRow(upper, 0);\n  const lowerRow = positionRow(lower, rowHeight + TOOTH_ROW_GAP);\n\n  // Compute the true content width / height for the viewBox.\n  const maxRowWidth = Math.max(\n    upperRow.reduce((acc, t) => Math.max(acc, t.x + t.shape.width), 0),\n    lowerRow.reduce((acc, t) => Math.max(acc, t.x + t.shape.width), 0),\n  );\n\n  // Fall back to a reasonable default if a row is empty.\n  const width = maxRowWidth > 0 ? maxRowWidth : maxPerRow * 30;\n  const height = rowHeight * 2 + TOOTH_ROW_GAP;\n\n  return { teeth: [...upperRow, ...lowerRow], width, height };\n}\n\n/* ------------------------------------------------------------------ */\n/* Labels by numbering                                                 */\n/* ------------------------------------------------------------------ */\n\nexport function labelFor(id: FdiId, numbering: Numbering): string {\n  switch (numbering) {\n    case 'universal':\n      return FDI_TO_UNIVERSAL[id] ?? id;\n    case 'palmer':\n      return FDI_TO_PALMER[id] ?? id;\n    case 'fdi':\n    default:\n      return id;\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* Chart helpers                                                       */\n/* ------------------------------------------------------------------ */\n\nexport function emptyChart(): ToothChart {\n  return {};\n}\n\nexport function chartFromConditions(\n  conditions: Partial<Record<FdiId, ToothCondition[]>>,\n): ToothChart {\n  const chart: ToothChart = {};\n  for (const [id, list] of Object.entries(conditions)) {\n    if (!list || list.length === 0) continue;\n    chart[id] = { conditions: list, surfaces: [] };\n  }\n  return chart;\n}\n","/* ------------------------------------------------------------------ */\n/* ToothScheme — in-house SVG dental chart.                            */\n/*                                                                     */\n/* - The ONLY Domain-Specific component without a third-party engine.  */\n/*   No DentalChart.js, no toothchart, no canvas — `src/docs/08-third- */\n/*   party.mdx §Dental chart` flags every candidate as rejected (jQuery */\n/*   dependency, abandoned, poor a11y), so we draw SVG ourselves.      */\n/*                                                                     */\n/* - Colour-not-alone: each `ToothCondition` has a translated label, a */\n/*   token colour AND a `<pattern>` fill. Pattern ids live in          */\n/*   `CONDITION_PATTERNS`; the six `<pattern>` nodes live once per     */\n/*   mounted chart inside a single `<defs>` block.                     */\n/*                                                                     */\n/* - Chart orientation is FIXED to clinical convention: the patient's */\n/*   right side sits on the viewer's left in both upper and lower      */\n/*   arches, regardless of document `dir`. RTL mirrors the surrounding */\n/*   chrome (labels, controls) but NEVER the anatomy — a mirrored      */\n/*   chart would invert every diagnosis recorded against it.           */\n/*                                                                     */\n/* TODO:                                                                */\n/*   - SVG artistry is deliberately minimal (rounded-rect crowns with  */\n/*     anatomy cues). A future pass should replace each `<path>` with  */\n/*     a clinically-correct crown outline from the dental design team. */\n/*   - Surface selection sub-control (mesial / distal / occlusal / …)  */\n/*     is stubbed via the data model only; the interactive surface     */\n/*     picker will land in a follow-up.                                */\n/*   - Condition editing is a single-step cycle on Space/Enter — good  */\n/*     enough for demos and stories; a richer picker belongs in a     */\n/*     popover and will reuse Radix Popover when it's wired in.        */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n} from 'react';\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { toothSchemeAgent } from './tooth-scheme.agent';\n\nimport {\n  CONDITION_COLORS,\n  CONDITION_PATTERNS,\n  CONDITION_TOKENS,\n  FDI_TO_META,\n  PERMANENT_TEETH,\n  PRIMARY_TEETH,\n  TOOTH_HIT_PAD,\n  chartFromConditions,\n  labelFor,\n  layoutTeeth,\n  type Dentition,\n  type FdiId,\n  type Numbering,\n  type ToothChart,\n  type ToothCondition,\n  type ToothMode,\n  type ToothState,\n} from './tooth-data';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface ToothSchemeProps {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Which teeth to render. Default `'permanent'`. */\n  dentition?: Dentition;\n  /** Numbering system shown on each tooth label. Default `'fdi'`. */\n  numbering?: Numbering;\n  /** `'interactive'` enables selection + keyboard nav; `'display'` is read-only. Default `'interactive'`. */\n  mode?: ToothMode;\n  /** Controlled chart state — the full `Record<FdiId, ToothState>`. */\n  value?: ToothChart;\n  /** Uncontrolled initial chart state. */\n  defaultValue?: ToothChart;\n  /** Fired whenever the chart changes — always emits FDI ids. */\n  onChange?: (next: ToothChart) => void;\n  /** Fired when a tooth is focused or clicked. */\n  onSelect?: (toothId: FdiId) => void;\n  /** Shortcut for pre-populating conditions: `{ '16': ['caries'], '36': ['filled'] }`. */\n  conditions?: Partial<Record<FdiId, ToothCondition[]>>;\n  /** Accessible label override for the chart region. */\n  ariaLabel?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport interface ToothSchemeHandle {\n  /** Programmatically focus a tooth by FDI id. */\n  focusTooth: (id: FdiId) => void;\n  /** Read the current chart state. */\n  getChart: () => ToothChart;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    'ds:tooth-scheme-alfadocs',\n    'ds:inline-flex ds:flex-col',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  ].join(' '),\n);\n\nconst svgVariants = cva(\n  ['ds:block ds:max-w-full ds:h-auto', 'ds:text-[var(--foreground)]'].join(' '),\n);\n\n// `group` here is load-bearing — the focus-ring <rect> below uses\n// `group-focus-visible:opacity-100` to appear when the parent <g> takes\n// focus. Without this class the selector never fires and keyboard users\n// see no focus indicator (a11y-critical-fixes.mdx).\nconst toothGroupVariants = cva(\n  [\n    'ds:group ds:cursor-pointer',\n    'ds:focus:outline-none',\n    'ds:transition-[fill,stroke,opacity] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n);\n\nconst legendVariants = cva(\n  [\n    'ds:flex ds:flex-wrap ds:items-center',\n    'ds:gap-[var(--spacing-sm)]',\n    'type-meta ds:text-[var(--muted-foreground)]',\n  ].join(' '),\n);\n\nconst legendItemVariants = cva(\n  ['ds:inline-flex ds:items-center', 'ds:gap-[var(--spacing-xs)]'].join(' '),\n);\n\nconst legendSwatchVariants = cva(\n  [\n    'ds:inline-block',\n    'ds:inline-size-[0.75rem] ds:block-size-[0.75rem]',\n    'ds:rounded-[var(--radius-xs)]',\n    'ds:border ds:border-[color:var(--border)]',\n  ].join(' '),\n);\n\nconst liveRegionVariants = cva(['ds:sr-only'].join(' '));\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction isControlled(props: Pick<ToothSchemeProps, 'value'>): boolean {\n  return props.value !== undefined;\n}\n\nfunction emptyState(): ToothState {\n  return { conditions: [], surfaces: [] };\n}\n\nfunction cycleCondition(\n  current: ToothCondition[] | undefined,\n): ToothCondition[] {\n  if (!current || current.length === 0) return ['caries'];\n  return [];\n}\n\nfunction sanitiseIdSuffix(raw: string): string {\n  return raw.replace(/[^a-zA-Z0-9-_]/g, '');\n}\n\n/* ------------------------------------------------------------------ */\n/* Patterns <defs>                                                      */\n/* ------------------------------------------------------------------ */\n\ninterface PatternDefsProps {\n  idPrefix: string;\n}\n\nfunction PatternDefs({ idPrefix }: PatternDefsProps): JSX.Element {\n  // We namespace pattern ids per-instance so multiple ToothScheme charts\n  // on a page don't collide. References inside the component use\n  // `${idPrefix}-${CONDITION_PATTERNS[condition]}`.\n  const pid = (id: string): string => `${idPrefix}-${id}`;\n  return (\n    <defs>\n      <pattern\n        id={pid(CONDITION_PATTERNS.caries)}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"6\"\n        height=\"6\"\n        patternTransform=\"rotate(45)\"\n      >\n        <line\n          x1=\"0\"\n          y1=\"0\"\n          x2=\"0\"\n          y2=\"6\"\n          stroke={CONDITION_COLORS.caries}\n          strokeWidth=\"2\"\n        />\n      </pattern>\n      <pattern\n        id={pid(CONDITION_PATTERNS.filled)}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"5\"\n        height=\"5\"\n      >\n        <circle cx=\"2.5\" cy=\"2.5\" r=\"1\" fill={CONDITION_COLORS.filled} />\n      </pattern>\n      <pattern\n        id={pid(CONDITION_PATTERNS.crowned)}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"6\"\n        height=\"6\"\n      >\n        <path\n          d=\"M0 0 L6 6 M6 0 L0 6\"\n          stroke={CONDITION_COLORS.crowned}\n          strokeWidth=\"1\"\n        />\n      </pattern>\n      <pattern\n        id={pid(CONDITION_PATTERNS.implant)}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"4\"\n        height=\"4\"\n      >\n        <line\n          x1=\"1\"\n          y1=\"0\"\n          x2=\"1\"\n          y2=\"4\"\n          stroke={CONDITION_COLORS.implant}\n          strokeWidth=\"1\"\n        />\n      </pattern>\n      <pattern\n        id={pid(CONDITION_PATTERNS.rootCanal)}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"4\"\n        height=\"4\"\n      >\n        <line\n          x1=\"0\"\n          y1=\"1\"\n          x2=\"4\"\n          y2=\"1\"\n          stroke={CONDITION_COLORS.rootCanal}\n          strokeWidth=\"1\"\n        />\n      </pattern>\n      {/* `missing` does not need a pattern — the renderer draws an X glyph. */}\n    </defs>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Legend                                                               */\n/* ------------------------------------------------------------------ */\n\nconst ALL_CONDITIONS: ToothCondition[] = [\n  'caries',\n  'filled',\n  'crowned',\n  'missing',\n  'implant',\n  'rootCanal',\n];\n\ninterface LegendProps {\n  idPrefix: string;\n}\n\nfunction Legend({ idPrefix: _idPrefix }: LegendProps): JSX.Element {\n  const { t } = useTranslation();\n  return (\n    <ul\n      className={legendVariants()}\n      data-testid=\"tooth-scheme-legend\"\n      aria-label={t('toothScheme.legendLabel')}\n    >\n      {ALL_CONDITIONS.map((condition) => (\n        <li key={condition} className={legendItemVariants()}>\n          <span\n            className={legendSwatchVariants()}\n            aria-hidden=\"true\"\n            data-condition={condition}\n            data-token={CONDITION_TOKENS[condition]}\n            data-testid={`tooth-scheme-legend-swatch-${condition}`}\n          />\n          <span>{t(`toothScheme.condition.${condition}`)}</span>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const ToothScheme = forwardRef<ToothSchemeHandle, ToothSchemeProps>(\n  (\n    {\n      id,\n      dentition = 'permanent',\n      numbering = 'fdi',\n      mode = 'interactive',\n      value,\n      defaultValue,\n      onChange,\n      onSelect,\n      conditions,\n      ariaLabel,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const rawId = useId();\n    const idPrefix = useMemo(() => `ts-${sanitiseIdSuffix(rawId)}`, [rawId]);\n\n    // Chart state — controlled / uncontrolled.\n    const [internalChart, setInternalChart] = useState<ToothChart>(() => {\n      if (value !== undefined) return value;\n      if (defaultValue !== undefined) return defaultValue;\n      if (conditions) return chartFromConditions(conditions);\n      return {};\n    });\n\n    const chart: ToothChart = isControlled({ value })\n      ? (value as ToothChart)\n      : internalChart;\n\n    // Keep uncontrolled chart in sync when `conditions` shortcut updates.\n    useEffect(() => {\n      if (isControlled({ value })) return;\n      if (conditions === undefined) return;\n      setInternalChart(chartFromConditions(conditions));\n      // Intentionally depend on a stable key — swapping the entire prop\n      // snapshot is the consumer's signal to reset.\n    }, [conditions, value]);\n\n    // Layout.\n    const layout = useMemo(() => layoutTeeth(dentition), [dentition]);\n    const visibleIds = useMemo(() => layout.teeth.map((t) => t.fdi), [layout]);\n\n    // Roving tabindex: which tooth owns `tabindex=\"0\"`.\n    const firstId: FdiId | undefined = visibleIds[0];\n    const [focusedId, setFocusedId] = useState<FdiId | undefined>(firstId);\n    useEffect(() => {\n      if (!focusedId || !visibleIds.includes(focusedId)) {\n        setFocusedId(firstId);\n      }\n    }, [firstId, focusedId, visibleIds]);\n\n    // Live-region announcement text.\n    const [announcement, setAnnouncement] = useState<string>('');\n\n    const svgRef = useRef<SVGSVGElement>(null);\n\n    const commitChart = useCallback(\n      (next: ToothChart) => {\n        if (!isControlled({ value })) {\n          setInternalChart(next);\n        }\n        onChange?.(next);\n      },\n      [onChange, value],\n    );\n\n    const focusToothById = useCallback((id: FdiId) => {\n      const svg = svgRef.current;\n      if (!svg) return;\n      const node = svg.querySelector<SVGGElement>(`g[data-fdi=\"${id}\"]`);\n      if (node) {\n        node.focus();\n        setFocusedId(id);\n      }\n    }, []);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const agentHandle = useMemo<ToothSchemeHandle>(\n      () => ({\n        focusTooth: (id: FdiId) => {\n          focusToothById(id);\n        },\n        getChart: () => chart,\n      }),\n      [chart, focusToothById],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(toothSchemeAgent, agentHandle, id);\n\n    /* ------------------------------------------------------------- */\n    /* Keyboard navigation                                            */\n    /* ------------------------------------------------------------- */\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<SVGGElement>, id: FdiId) => {\n        if (mode !== 'interactive') return;\n        const meta = FDI_TO_META[id];\n        if (!meta) return;\n\n        // Resolve the ordered list of visible ids for Left/Right.\n        const order = visibleIds;\n        const currentIndex = order.indexOf(id);\n\n        switch (event.key) {\n          case 'ArrowRight': {\n            event.preventDefault();\n            const nextIndex = Math.min(order.length - 1, currentIndex + 1);\n            focusToothById(order[nextIndex]);\n            return;\n          }\n          case 'ArrowLeft': {\n            event.preventDefault();\n            const nextIndex = Math.max(0, currentIndex - 1);\n            focusToothById(order[nextIndex]);\n            return;\n          }\n          case 'ArrowUp':\n          case 'ArrowDown': {\n            event.preventDefault();\n            // Map to the opposing arch, same FDI position where possible.\n            // Permanent: 1 ↔ 4, 2 ↔ 3. Primary: 5 ↔ 8, 6 ↔ 7.\n            const quadrantMap: Record<number, number> = {\n              1: 4,\n              4: 1,\n              2: 3,\n              3: 2,\n              5: 8,\n              8: 5,\n              6: 7,\n              7: 6,\n            };\n            const targetQuadrant = quadrantMap[meta.quadrant];\n            if (!targetQuadrant) return;\n            const candidate = `${targetQuadrant}${meta.positionInQuadrant}`;\n            if (order.includes(candidate)) {\n              focusToothById(candidate);\n            }\n            return;\n          }\n          case 'Home': {\n            event.preventDefault();\n            // First tooth in the same quadrant (visible).\n            const inQuadrant = order.filter(\n              (other) => FDI_TO_META[other].quadrant === meta.quadrant,\n            );\n            if (inQuadrant.length > 0) {\n              focusToothById(inQuadrant[0]);\n            }\n            return;\n          }\n          case 'End': {\n            event.preventDefault();\n            const inQuadrant = order.filter(\n              (other) => FDI_TO_META[other].quadrant === meta.quadrant,\n            );\n            if (inQuadrant.length > 0) {\n              focusToothById(inQuadrant[inQuadrant.length - 1]);\n            }\n            return;\n          }\n          case ' ':\n          case 'Enter': {\n            event.preventDefault();\n            const prev = chart[id]?.conditions;\n            const nextConditions = cycleCondition(prev);\n            const next: ToothChart = { ...chart };\n            if (nextConditions.length === 0) {\n              delete next[id];\n              setAnnouncement(t('toothScheme.deselected', { id }));\n            } else {\n              next[id] = {\n                ...(chart[id] ?? emptyState()),\n                conditions: nextConditions,\n              };\n              setAnnouncement(\n                t('toothScheme.selected', {\n                  id,\n                  conditions: nextConditions\n                    .map((c) => t(`toothScheme.condition.${c}`))\n                    .join(', '),\n                }),\n              );\n            }\n            commitChart(next);\n            onSelect?.(id);\n            return;\n          }\n          default:\n            return;\n        }\n      },\n      [chart, commitChart, focusToothById, mode, onSelect, t, visibleIds],\n    );\n\n    const handleClick = useCallback(\n      (id: FdiId) => {\n        if (mode !== 'interactive') return;\n        setFocusedId(id);\n        const prev = chart[id]?.conditions;\n        const nextConditions = cycleCondition(prev);\n        const next: ToothChart = { ...chart };\n        if (nextConditions.length === 0) {\n          delete next[id];\n          setAnnouncement(t('toothScheme.deselected', { id }));\n        } else {\n          next[id] = {\n            ...(chart[id] ?? emptyState()),\n            conditions: nextConditions,\n          };\n          setAnnouncement(\n            t('toothScheme.selected', {\n              id,\n              conditions: nextConditions\n                .map((c) => t(`toothScheme.condition.${c}`))\n                .join(', '),\n            }),\n          );\n        }\n        commitChart(next);\n        onSelect?.(id);\n      },\n      [chart, commitChart, mode, onSelect, t],\n    );\n\n    /* ------------------------------------------------------------- */\n    /* Rendering                                                      */\n    /* ------------------------------------------------------------- */\n\n    const viewBoxWidth = layout.width + 4; // small padding for stroke\n    const viewBoxHeight = layout.height + 4;\n\n    const regionLabel = ariaLabel ?? t('toothScheme.ariaLabel');\n\n    return (\n      <RadixTooltip.Provider delayDuration={200}>\n        <div\n          ref={rootRef}\n          role=\"region\"\n          aria-label={regionLabel}\n          className={[rootVariants(), className].filter(Boolean).join(' ')}\n          data-component=\"tooth-scheme\"\n          data-component-id={id}\n          data-testid=\"tooth-scheme-root\"\n          data-dentition={dentition}\n          data-numbering={numbering}\n          data-mode={mode}\n        >\n          <svg\n            ref={svgRef}\n            viewBox={`0 0 ${viewBoxWidth} ${viewBoxHeight}`}\n            className={svgVariants()}\n            role=\"group\"\n            aria-label={regionLabel}\n            data-testid=\"tooth-scheme-svg\"\n            focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <PatternDefs idPrefix={idPrefix} />\n\n            {layout.teeth.map((tooth) => {\n              const state = chart[tooth.fdi];\n              const primaryCondition: ToothCondition | undefined =\n                state?.conditions?.[0];\n\n              const anatomyLabel = t(\n                `toothScheme.anatomy.${tooth.meta.anatomy}`,\n              );\n              const conditionSuffix = primaryCondition\n                ? `, ${t(`toothScheme.condition.${primaryCondition}`)}`\n                : '';\n              const label = t('toothScheme.toothLabel', {\n                id: labelFor(tooth.fdi, numbering),\n                anatomy: anatomyLabel,\n                conditionSuffix,\n              });\n\n              const tabIndex =\n                mode === 'interactive'\n                  ? tooth.fdi === focusedId\n                    ? 0\n                    : -1\n                  : undefined;\n\n              const fillColour: string =\n                primaryCondition && primaryCondition !== 'missing'\n                  ? `url(#${idPrefix}-${CONDITION_PATTERNS[primaryCondition]})`\n                  : 'var(--muted)';\n\n              const strokeColour: string =\n                primaryCondition && primaryCondition !== 'missing'\n                  ? CONDITION_COLORS[primaryCondition]\n                  : 'var(--border)';\n\n              const tooltipContent = primaryCondition\n                ? `${anatomyLabel} · ${t(`toothScheme.condition.${primaryCondition}`)}`\n                : anatomyLabel;\n\n              const labelText = labelFor(tooth.fdi, numbering);\n\n              return (\n                <RadixTooltip.Root key={tooth.fdi}>\n                  <RadixTooltip.Trigger asChild>\n                    <g\n                      data-fdi={tooth.fdi}\n                      data-anatomy={tooth.meta.anatomy}\n                      data-arch={tooth.meta.arch}\n                      data-side={tooth.meta.side}\n                      data-quadrant={tooth.meta.quadrant}\n                      data-condition={primaryCondition ?? 'none'}\n                      data-testid={`tooth-${tooth.fdi}`}\n                      transform={`translate(${tooth.x}, ${tooth.y})`}\n                      tabIndex={tabIndex}\n                      // SVG `<g>` has no implicit role, so `aria-label`\n                      // would be rejected by axe's `aria-prohibited-attr`\n                      // rule. Give it an explicit role: `button` in\n                      // interactive mode, `img` in display mode (the\n                      // group reads as a single labelled tooth glyph).\n                      role={mode === 'interactive' ? 'button' : 'img'}\n                      aria-label={label}\n                      aria-pressed={\n                        mode === 'interactive'\n                          ? primaryCondition !== undefined\n                          : undefined\n                      }\n                      className={toothGroupVariants()}\n                      onClick={\n                        mode === 'interactive'\n                          ? () => handleClick(tooth.fdi)\n                          : undefined\n                      }\n                      onFocus={() => setFocusedId(tooth.fdi)}\n                      onKeyDown={(event) => handleKeyDown(event, tooth.fdi)}\n                    >\n                      {/* Invisible ≥44px hit target (WCAG 2.5.5). */}\n                      <rect\n                        x={-TOOTH_HIT_PAD}\n                        y={-TOOTH_HIT_PAD}\n                        width={tooth.shape.width + TOOTH_HIT_PAD * 2}\n                        height={tooth.shape.height + TOOTH_HIT_PAD * 2}\n                        fill=\"transparent\"\n                      />\n                      {/* Crown outline. */}\n                      <path\n                        d={tooth.shape.path}\n                        fill={fillColour}\n                        stroke={strokeColour}\n                        strokeWidth=\"1.5\"\n                        vectorEffect=\"non-scaling-stroke\"\n                      />\n                      {tooth.shape.innerPath ? (\n                        <path\n                          d={tooth.shape.innerPath}\n                          fill=\"none\"\n                          stroke=\"var(--muted-foreground)\"\n                          strokeWidth=\"0.75\"\n                          vectorEffect=\"non-scaling-stroke\"\n                        />\n                      ) : null}\n                      {/* Focus ring — drawn as a rect so it tracks the hit\n                          area. `group` on the parent <g> makes this\n                          group-focus-visible selector fire when a keyboard\n                          user focuses the tooth. In forced-colors mode the\n                          ring falls back to `CanvasText` so it stays visible\n                          when `var(--ring)` is remapped. */}\n                      <rect\n                        x={-TOOTH_HIT_PAD}\n                        y={-TOOTH_HIT_PAD}\n                        width={tooth.shape.width + TOOTH_HIT_PAD * 2}\n                        height={tooth.shape.height + TOOTH_HIT_PAD * 2}\n                        fill=\"none\"\n                        stroke=\"var(--ring)\"\n                        strokeWidth=\"var(--focus-ring-width)\"\n                        className={[\n                          'ds:opacity-0',\n                          'ds:group-focus-visible:opacity-100',\n                          'ds:forced-colors:stroke-[CanvasText]',\n                        ].join(' ')}\n                        data-testid={`tooth-${tooth.fdi}-focus-ring`}\n                        pointerEvents=\"none\"\n                        rx=\"4\"\n                      />\n                      {/* Missing-tooth X glyph. */}\n                      {primaryCondition === 'missing' ? (\n                        <path\n                          d={`M2 2 L${tooth.shape.width - 2} ${tooth.shape.height - 2} M${tooth.shape.width - 2} 2 L2 ${tooth.shape.height - 2}`}\n                          stroke={CONDITION_COLORS.missing}\n                          strokeWidth=\"2\"\n                          fill=\"none\"\n                        />\n                      ) : null}\n                      {/* Tooth number label — sits below (upper arch) or above (lower) the crown. */}\n                      <text\n                        x={tooth.shape.width / 2}\n                        y={\n                          tooth.meta.arch === 'upper'\n                            ? tooth.shape.height + 12\n                            : -4\n                        }\n                        textAnchor=\"middle\"\n                        fontSize=\"10\"\n                        fill=\"var(--muted-foreground)\"\n                        className=\"ds:select-none\"\n                        aria-hidden=\"true\"\n                      >\n                        {labelText}\n                      </text>\n                    </g>\n                  </RadixTooltip.Trigger>\n                  <RadixTooltip.Portal>\n                    <RadixTooltip.Content\n                      side=\"top\"\n                      sideOffset={6}\n                      className=\"ds:z-[var(--z-tooltip)] ds:rounded-[var(--radius-sm)] ds:bg-[var(--foreground)] ds:text-[var(--background)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[calc(var(--spacing-xs)/2)] ds:pb-[calc(var(--spacing-xs)/2)] ds:text-[length:var(--font-size-xs)]\"\n                    >\n                      {tooltipContent}\n                      <RadixTooltip.Arrow className=\"ds:fill-[var(--foreground)]\" />\n                    </RadixTooltip.Content>\n                  </RadixTooltip.Portal>\n                </RadixTooltip.Root>\n              );\n            })}\n          </svg>\n\n          <Legend idPrefix={idPrefix} />\n\n          <div\n            className={liveRegionVariants()}\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            data-testid=\"tooth-scheme-live\"\n          >\n            {announcement}\n          </div>\n        </div>\n      </RadixTooltip.Provider>\n    );\n  },\n);\n\nToothScheme.displayName = 'ToothScheme';\n\n/* ------------------------------------------------------------------ */\n/* Re-exports                                                          */\n/* ------------------------------------------------------------------ */\n\nexport { rootVariants as toothSchemeVariants, PERMANENT_TEETH, PRIMARY_TEETH };\nexport type {\n  Dentition,\n  FdiId,\n  Numbering,\n  ToothChart,\n  ToothCondition,\n  ToothMode,\n  ToothState,\n} from './tooth-data';\n"],"names":["toothSchemeAgent","handle","args","PERMANENT_TEETH","PRIMARY_TEETH","permanentAnatomy","positionInQuadrant","primaryAnatomy","palmerCode","quadrant","position","normalised","permanentUniversal","primaryUniversal","letters","index","buildMeta","fdi","isPrimary","anatomy","arch","side","universal","palmer","FDI_TO_META","acc","FDI_TO_UNIVERSAL","meta","FDI_TO_PALMER","CONDITION_TOKENS","CONDITION_COLORS","CONDITION_PATTERNS","TOOTH_SHAPES","TOOTH_GAP","TOOTH_ROW_GAP","TOOTH_HIT_PAD","layoutTeeth","dentition","ids","upper","lower","id","rowHeight","maxPerRow","positionRow","row","yOffset","rowWidth","shape","fullRowWidth","cursor","tooth","upperRow","lowerRow","maxRowWidth","t","width","height","labelFor","numbering","emptyChart","chartFromConditions","conditions","chart","list","rootVariants","cva","svgVariants","toothGroupVariants","legendVariants","legendItemVariants","legendSwatchVariants","liveRegionVariants","isControlled","props","emptyState","cycleCondition","current","sanitiseIdSuffix","raw","PatternDefs","idPrefix","pid","jsx","ALL_CONDITIONS","Legend","_idPrefix","useTranslation","condition","ToothScheme","forwardRef","mode","value","defaultValue","onChange","onSelect","ariaLabel","className","ref","rawId","useId","useMemo","internalChart","setInternalChart","useState","useEffect","layout","visibleIds","firstId","focusedId","setFocusedId","announcement","setAnnouncement","svgRef","useRef","commitChart","useCallback","next","focusToothById","svg","node","rootRef","agentHandle","useImperativeHandle","useAgentRegistration","handleKeyDown","event","order","currentIndex","nextIndex","targetQuadrant","candidate","inQuadrant","other","prev","_a","nextConditions","c","handleClick","viewBoxWidth","viewBoxHeight","regionLabel","RadixTooltip","jsxs","state","primaryCondition","anatomyLabel","conditionSuffix","label","tabIndex","fillColour","strokeColour","tooltipContent","labelText"],"mappings":"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"}

package/dist/_chunks/transaction-chip-DE6DITun.js

@@ -0,0 +1,196 @@
+import { jsxs as z, jsx as s } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { c as l } from "./index-D2ZczOXr.js";
+import { useTranslation as T } from "react-i18next";
+import { C as M } from "./check-DPdL_Sm7.js";
+import { c as t } from "./createLucideIcon-CrFbzy84.js";
+import { F as _ } from "./file-text-DSNuv2B8.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const I = [
+  ["path", { d: "M17 7 7 17", key: "15tmo1" }],
+  ["path", { d: "M17 17H7V7", key: "1org7z" }]
+], C = t("arrow-down-left", I);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const A = [
+  ["path", { d: "M7 7h10v10", key: "1tivn9" }],
+  ["path", { d: "M7 17 17 7", key: "1vkiza" }]
+], E = t("arrow-up-right", A);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const L = [
+  ["path", { d: "M16 14v2.2l1.6 1", key: "fo4ql5" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["path", { d: "M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5", key: "1osxxc" }],
+  ["path", { d: "M3 10h5", key: "r794hk" }],
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["circle", { cx: "16", cy: "16", r: "6", key: "qoo3c4" }]
+], R = t("calendar-clock", L), S = {
+  debt: "debt",
+  credit: "credit",
+  "to-invoice": "toInvoice",
+  "to-deliver": "toDeliver",
+  settled: "settled"
+}, V = {
+  debt: C,
+  credit: E,
+  "to-invoice": _,
+  "to-deliver": R,
+  settled: M
+}, F = {
+  debt: "−",
+  credit: "+",
+  "to-invoice": "",
+  "to-deliver": "",
+  settled: ""
+}, D = {
+  debt: -1,
+  credit: 1,
+  "to-invoice": 1,
+  "to-deliver": 1,
+  settled: 1
+}, U = "EUR", j = l(
+  [
+    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:rounded-[var(--radius-full)] ds:border",
+    "ds:whitespace-nowrap ds:align-middle",
+    "ds:focus-visible:outline-none",
+    "ds:focus-visible:ring-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:ring-[color:var(--ring)]",
+    "ds:focus-visible:ring-offset-[length:var(--focus-ring-offset)]"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        // Text uses the deeper `*-foreground` token (matching Badge / Tag) so
+        // small chip text clears WCAG AA (4.5:1) against the 10% tinted
+        // background. The surface and border use the lighter alias.
+        debt: "ds:bg-destructive/10 ds:text-[color:var(--error-foreground)] ds:border-destructive/20",
+        credit: "ds:bg-success/10 ds:text-[color:var(--success-foreground)] ds:border-success/20",
+        // The orange "to-invoice" tint has no kit-wide semantic alias — see
+        // src/tokens/index.css §Transaction-chip-scoped tokens. The component
+        // owns the alias because the customer-anchored "Da fatturare" orange
+        // is distinct from `--warning` (yellow) and from `--destructive`.
+        "to-invoice": "ds:bg-transaction-chip-to-invoice/10 ds:text-[color:var(--transaction-chip-to-invoice-foreground)] ds:border-transaction-chip-to-invoice/20",
+        "to-deliver": "ds:bg-info/10 ds:text-[color:var(--info-foreground)] ds:border-info/20",
+        settled: "ds:bg-muted/30 ds:text-muted-foreground ds:border-muted/40"
+      },
+      size: {
+        // Heights tuned for table-cell density (sm), default app surfaces (md),
+        // and header / summary cards (lg). `--type-eyebrow-size` flows into the
+        // optional label span, keeping its typography in step with the chip.
+        sm: "ds:h-5 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-2xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
+        md: "ds:h-6 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
+        lg: "ds:h-7 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]"
+      },
+      bold: {
+        // `settled` is the terminal resting state — see compound variant below.
+        true: "ds:font-semibold",
+        false: "ds:font-medium"
+      }
+    },
+    defaultVariants: {
+      state: "debt",
+      size: "md",
+      bold: !0
+    },
+    compoundVariants: [
+      // `settled` always renders at the lighter weight, regardless of the
+      // resolved default. Mirrors PR #523's follow-up where the resting branch
+      // dropped from bold to medium to recede visually.
+      { state: "settled", class: "ds:font-medium" }
+    ]
+  }
+), $ = l(
+  "ds:shrink-0 ds:[&>svg]:block ds:rtl:[&>svg]:-scale-x-100",
+  {
+    variants: {
+      size: {
+        sm: "ds:[&>svg]:size-3",
+        md: "ds:[&>svg]:size-3.5",
+        lg: "ds:[&>svg]:size-4"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), q = N(
+  ({
+    state: e,
+    amount: v,
+    currency: o = U,
+    locale: m,
+    size: r = "md",
+    showLabel: p = !1,
+    className: f,
+    "aria-label": u,
+    ...g
+  }, h) => {
+    const { t: a, i18n: b } = T(), i = m ?? b.language ?? "en", y = V[e], n = F[e], d = Math.abs(v), x = new Intl.NumberFormat(i, {
+      style: "currency",
+      currency: o,
+      signDisplay: "never"
+    }).format(d), c = a(`ui.financial.state.${S[e]}`), k = new Intl.NumberFormat(i, {
+      style: "currency",
+      currency: o,
+      signDisplay: e === "debt" ? "always" : "auto"
+    }).format(d * D[e]), w = u ?? a("ui.financial.aria.label", {
+      state: c,
+      amount: k
+    });
+    return /* @__PURE__ */ z(
+      "span",
+      {
+        ref: h,
+        role: "img",
+        "aria-label": w,
+        "data-component": "transaction-chip",
+        "data-state": e,
+        className: j({
+          state: e,
+          size: r,
+          bold: e !== "settled",
+          className: f
+        }),
+        ...g,
+        children: [
+          /* @__PURE__ */ s("span", { "aria-hidden": "true", className: $({ size: r }), children: /* @__PURE__ */ s(y, {}) }),
+          p && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "type-eyebrow", children: c }),
+          n && /* @__PURE__ */ s(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:[font-variant-numeric:var(--font-feature-tabular)]",
+              children: n
+            }
+          ),
+          /* @__PURE__ */ s(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:[font-variant-numeric:var(--font-feature-tabular)]",
+              children: x
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+q.displayName = "TransactionChip";
+export {
+  q as T
+};
+//# sourceMappingURL=transaction-chip-DE6DITun.js.map

package/dist/_chunks/transaction-chip-DE6DITun.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction-chip-DE6DITun.js","sources":["../../node_modules/lucide-react/dist/esm/icons/arrow-down-left.js","../../node_modules/lucide-react/dist/esm/icons/arrow-up-right.js","../../node_modules/lucide-react/dist/esm/icons/calendar-clock.js","../../src/components/transaction-chip/transaction-chip.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M17 7 7 17\", key: \"15tmo1\" }],\n  [\"path\", { d: \"M17 17H7V7\", key: \"1org7z\" }]\n];\nconst ArrowDownLeft = createLucideIcon(\"arrow-down-left\", __iconNode);\n\nexport { __iconNode, ArrowDownLeft as default };\n//# sourceMappingURL=arrow-down-left.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M7 7h10v10\", key: \"1tivn9\" }],\n  [\"path\", { d: \"M7 17 17 7\", key: \"1vkiza\" }]\n];\nconst ArrowUpRight = createLucideIcon(\"arrow-up-right\", __iconNode);\n\nexport { __iconNode, ArrowUpRight as default };\n//# sourceMappingURL=arrow-up-right.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M16 14v2.2l1.6 1\", key: \"fo4ql5\" }],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"path\", { d: \"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5\", key: \"1osxxc\" }],\n  [\"path\", { d: \"M3 10h5\", key: \"r794hk\" }],\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n  [\"circle\", { cx: \"16\", cy: \"16\", r: \"6\", key: \"qoo3c4\" }]\n];\nconst CalendarClock = createLucideIcon(\"calendar-clock\", __iconNode);\n\nexport { __iconNode, CalendarClock as default };\n//# sourceMappingURL=calendar-clock.js.map\n","import { forwardRef, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ArrowDownLeft,\n  ArrowUpRight,\n  CalendarClock,\n  Check,\n  FileText,\n  type LucideIcon,\n} from 'lucide-react';\n\n/* ------------------------------------------------------------------ */\n/* State vocabulary                                                     */\n/* ------------------------------------------------------------------ */\n\nexport type TransactionState =\n  | 'debt'\n  | 'credit'\n  | 'to-invoice'\n  | 'to-deliver'\n  | 'settled';\n\n// State → translation-key segment. Hyphenated state names are flattened to\n// camelCase so the i18next bundle stays consistent with the rest of `ui.*`.\nconst STATE_KEY: Record<TransactionState, string> = {\n  debt: 'debt',\n  credit: 'credit',\n  'to-invoice': 'toInvoice',\n  'to-deliver': 'toDeliver',\n  settled: 'settled',\n};\n\nconst STATE_ICON: Record<TransactionState, LucideIcon> = {\n  debt: ArrowDownLeft,\n  credit: ArrowUpRight,\n  'to-invoice': FileText,\n  'to-deliver': CalendarClock,\n  settled: Check,\n};\n\n// U+2212 MINUS SIGN — matches PR alfadocs/platform#523's typographic minus.\n// Hyphen-minus would render visually narrower next to the currency glyph.\nconst STATE_SIGN: Record<TransactionState, '' | '+' | '−'> = {\n  debt: '−',\n  credit: '+',\n  'to-invoice': '',\n  'to-deliver': '',\n  settled: '',\n};\n\n// Multiplier used when composing the screen-reader announcement so SR users\n// hear the signed amount Intl produces (\"minus one thousand…\") rather than\n// the magnitude plus a separate sign glyph.\nconst SIGN_MULTIPLIER: Record<TransactionState, -1 | 1> = {\n  debt: -1,\n  credit: 1,\n  'to-invoice': 1,\n  'to-deliver': 1,\n  settled: 1,\n};\n\nconst DEFAULT_CURRENCY = 'EUR';\n\n/* ------------------------------------------------------------------ */\n/* CVA — chip root                                                      */\n/* ------------------------------------------------------------------ */\n\nconst chipVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-full)] ds:border',\n    'ds:whitespace-nowrap ds:align-middle',\n    'ds:focus-visible:outline-none',\n    'ds:focus-visible:ring-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:ring-[color:var(--ring)]',\n    'ds:focus-visible:ring-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n  {\n    variants: {\n      state: {\n        // Text uses the deeper `*-foreground` token (matching Badge / Tag) so\n        // small chip text clears WCAG AA (4.5:1) against the 10% tinted\n        // background. The surface and border use the lighter alias.\n        debt:\n          'ds:bg-destructive/10 ds:text-[color:var(--error-foreground)] ds:border-destructive/20',\n        credit:\n          'ds:bg-success/10 ds:text-[color:var(--success-foreground)] ds:border-success/20',\n        // The orange \"to-invoice\" tint has no kit-wide semantic alias — see\n        // src/tokens/index.css §Transaction-chip-scoped tokens. The component\n        // owns the alias because the customer-anchored \"Da fatturare\" orange\n        // is distinct from `--warning` (yellow) and from `--destructive`.\n        'to-invoice':\n          'ds:bg-transaction-chip-to-invoice/10 ds:text-[color:var(--transaction-chip-to-invoice-foreground)] ds:border-transaction-chip-to-invoice/20',\n        'to-deliver':\n          'ds:bg-info/10 ds:text-[color:var(--info-foreground)] ds:border-info/20',\n        settled:\n          'ds:bg-muted/30 ds:text-muted-foreground ds:border-muted/40',\n      },\n      size: {\n        // Heights tuned for table-cell density (sm), default app surfaces (md),\n        // and header / summary cards (lg). `--type-eyebrow-size` flows into the\n        // optional label span, keeping its typography in step with the chip.\n        sm: 'ds:h-5 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-2xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'ds:h-6 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'ds:h-7 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]',\n      },\n      bold: {\n        // `settled` is the terminal resting state — see compound variant below.\n        true: 'ds:font-semibold',\n        false: 'ds:font-medium',\n      },\n    },\n    defaultVariants: {\n      state: 'debt',\n      size: 'md',\n      bold: true,\n    },\n    compoundVariants: [\n      // `settled` always renders at the lighter weight, regardless of the\n      // resolved default. Mirrors PR #523's follow-up where the resting branch\n      // dropped from bold to medium to recede visually.\n      { state: 'settled', class: 'ds:font-medium' },\n    ],\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — icon wrapper                                                   */\n/* ------------------------------------------------------------------ */\n\n// `ArrowDownLeft` (debt) and `ArrowUpRight` (credit) are direction-encoded\n// glyphs — their physical orientation carries the semantic (\"money coming\n// in\" / \"money going out\"). PRS §05 RTL: directional icons flip in RTL.\n// The non-directional glyphs (FileText, CalendarClock, Check) are unaffected.\nconst iconWrapperVariants = cva(\n  'ds:shrink-0 ds:[&>svg]:block ds:rtl:[&>svg]:-scale-x-100',\n  {\n    variants: {\n      size: {\n        sm: 'ds:[&>svg]:size-3',\n        md: 'ds:[&>svg]:size-3.5',\n        lg: 'ds:[&>svg]:size-4',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface TransactionChipProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'>,\n    Pick<VariantProps<typeof chipVariants>, 'size'> {\n  /** Financial state — drives colour, icon, sign, and label. */\n  state: TransactionState;\n  /**\n   * Magnitude of the amount as a non-negative number. The sign is rendered\n   * separately based on `state` — callers must never pass a negative value.\n   */\n  amount: number;\n  /**\n   * ISO 4217 currency code. Defaults to `EUR` for the Italian-anchored\n   * release. Required at the type level so consumers can't silently render\n   * a different currency than they intended.\n   */\n  currency?: string;\n  /** BCP 47 locale override. Defaults to the active i18next language. */\n  locale?: string;\n  /** Render the state label (e.g. \"Da incassare\") before the amount. */\n  showLabel?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const TransactionChip = forwardRef<HTMLSpanElement, TransactionChipProps>(\n  (\n    {\n      state,\n      amount,\n      currency = DEFAULT_CURRENCY,\n      locale,\n      size = 'md',\n      showLabel = false,\n      className,\n      'aria-label': ariaLabelProp,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const activeLocale = locale ?? i18n.language ?? 'en';\n\n    const StateIcon = STATE_ICON[state];\n    const sign = STATE_SIGN[state];\n    const magnitude = Math.abs(amount);\n\n    // The visible amount is rendered without a sign; the leading sign glyph\n    // (or its absence) is owned by the state, not the formatter.\n    const formattedAmount = new Intl.NumberFormat(activeLocale, {\n      style: 'currency',\n      currency,\n      signDisplay: 'never',\n    }).format(magnitude);\n\n    // The accessible name uses Intl's own signed output so screen readers\n    // announce the locale-correct \"minus\" / \"negative\" phrasing instead of\n    // skipping the U+2212 glyph or speaking it as \"hyphen\".\n    const stateLabel = t(`ui.financial.state.${STATE_KEY[state]}`);\n    const signedAmountForSR = new Intl.NumberFormat(activeLocale, {\n      style: 'currency',\n      currency,\n      signDisplay: state === 'debt' ? 'always' : 'auto',\n    }).format(magnitude * SIGN_MULTIPLIER[state]);\n    const ariaLabel =\n      ariaLabelProp ??\n      t('ui.financial.aria.label', {\n        state: stateLabel,\n        amount: signedAmountForSR,\n      });\n\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={ariaLabel}\n        data-component=\"transaction-chip\"\n        data-state={state}\n        className={chipVariants({\n          state,\n          size,\n          bold: state !== 'settled',\n          className,\n        })}\n        {...rest}\n      >\n        <span aria-hidden=\"true\" className={iconWrapperVariants({ size })}>\n          <StateIcon />\n        </span>\n        {showLabel && (\n          <span aria-hidden=\"true\" className=\"type-eyebrow\">\n            {stateLabel}\n          </span>\n        )}\n        {sign && (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:[font-variant-numeric:var(--font-feature-tabular)]\"\n          >\n            {sign}\n          </span>\n        )}\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:[font-variant-numeric:var(--font-feature-tabular)]\"\n        >\n          {formattedAmount}\n        </span>\n      </span>\n    );\n  },\n);\n\nTransactionChip.displayName = 'TransactionChip';\n"],"names":["__iconNode","ArrowDownLeft","createLucideIcon","ArrowUpRight","CalendarClock","STATE_KEY","STATE_ICON","FileText","Check","STATE_SIGN","SIGN_MULTIPLIER","DEFAULT_CURRENCY","chipVariants","cva","iconWrapperVariants","TransactionChip","forwardRef","state","amount","currency","locale","size","showLabel","className","ariaLabelProp","rest","ref","t","i18n","useTranslation","activeLocale","StateIcon","sign","magnitude","formattedAmount","stateLabel","signedAmountForSR","ariaLabel","jsxs","jsx"],"mappings":"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","x_google_ignoreList":[0,1,2]}