@alfadocs/ui-kit-debug 1.90.2 → 1.91.0

package/dist/_chunks/{clinical-note-card-Caidqcwa.js.map → clinical-note-card-Cut2lNmu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"clinical-note-card-Caidqcwa.js","sources":["../../src/components/clinical-note-card/clinical-note-card.agent.ts","../../src/components/clinical-note-card/clinical-note-card.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ClinicalNoteCard.                                     */\n/*                                                                        */\n/* Read-only presentation surface. Exposes the note's id + structural    */\n/* flags (pinned / flagged / attachment kind) so a future MCP UI bridge  */\n/* can locate and describe a rendered note. NEVER reads the note body or */\n/* any author identity — those are PHI and stay out of the agent layer.  */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ClinicalNoteCardHandle } from './clinical-note-card';\n\nexport const clinicalNoteCardAgent: AgentAdapter<ClinicalNoteCardHandle> = {\n  id: 'clinical-note-card',\n  capabilities: [],\n  state: {\n    noteId: {\n      type: 'string | undefined',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.noteId',\n      description: 'Stable identifier of the rendered note, when supplied.',\n      read: (handle) => handle.getNoteId(),\n    },\n    pinned: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.pinned',\n      description: 'Whether the note is pinned to the top of the timeline.',\n      read: (handle) => handle.isPinned(),\n    },\n    flagged: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.flagged',\n      description: 'Whether the note is flagged for follow-up.',\n      read: (handle) => handle.isFlagged(),\n    },\n    attachmentKind: {\n      type: \"'patient' | 'carePlan' | 'carePlanEntry' | 'phase' | 'xray' | undefined\",\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.attachmentKind',\n      description:\n        'Structural kind the note is attached to. Never the attachment identity or content.',\n      read: (handle) => handle.getAttachmentKind(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'clinical-note-card',\n      description:\n        'Marks the ClinicalNoteCard root. Also emits data-pinned / data-flagged / data-attached-to structural hooks; the pin / flag toggles carry data-note-action=\"pin\" | \"flag\".',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop — addresses a specific note.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Flag, Pin } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Timestamp } from '../timestamp';\nimport { SafeHtml } from '../_shared/safe-html';\nimport { noteMarkdownToHtml } from '../_shared/note-markdown';\nimport {\n  NoteAttachmentChip,\n  type NoteAttachment,\n} from '../_shared/note-attachment';\nimport { useClampOverflow } from '../../hooks/use-clamp-overflow';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { clinicalNoteCardAgent } from './clinical-note-card.agent';\n\n// The attachment type moved to `_shared` when NoteTimeline began rendering the\n// same chip; re-exported here so this component's public API is unchanged.\nexport type { NoteAttachment };\n\n/* -------------------------------------------------------------------- */\n/* ClinicalNoteCard                                                      */\n/*                                                                        */\n/* A single clinical note — the free-text annotation an operator writes  */\n/* against a patient, care plan, treatment phase, or x-ray. Replaces the */\n/* bespoke \"nota clinica\" rows scattered across the platform patient     */\n/* timeline. Composes Card + Avatar (author) + Timestamp + Badge/Tag     */\n/* (clinical / pinned / flagged) + Link (attachment) and renders the     */\n/* markdown body through the shared SafeHtml helper — the only sanctioned */\n/* carrier of dangerouslySetInnerHTML (constraint §8).                   */\n/*                                                                        */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `clinicalNoteCard.*` namespace. No PHI is read by the agent adapter — */\n/* only the note id and structural flags are exposed.                    */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/* -------------------------------------------------------------------- */\n\n/** Author identity — drives the avatar + visible byline. */\nexport interface ClinicalNoteAuthor {\n  /** Display name. */\n  name: string;\n  /** Optional avatar image URL. */\n  avatarUrl?: string;\n}\n\n/** Imperative handle exposed to the agent runtime — identifiers / flags only. */\nexport interface ClinicalNoteCardHandle {\n  /** The note's stable id, when supplied. */\n  getNoteId: () => string | undefined;\n  /** Whether the note is currently pinned. */\n  isPinned: () => boolean;\n  /** Whether the note is currently flagged. */\n  isFlagged: () => boolean;\n  /** The attachment kind the note is bound to. */\n  getAttachmentKind: () => NoteAttachment['kind'] | undefined;\n}\n\nexport interface ClinicalNoteCardProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'aria-label' | 'children' | 'content' | 'title'\n> {\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n  /**\n   * ISO-8601 timestamp the note refers to (the clinical date). Drives the\n   * primary `<Timestamp>`. An empty string renders no timestamp (an undated\n   * imported note).\n   */\n  dateIso: string;\n  /**\n   * ISO-8601 timestamp the note was authored, when it differs from\n   * `dateIso`. Rendered as a secondary \"added\" line.\n   */\n  createdAtIso?: string;\n  /** Author identity — avatar + byline. Optional for system notes. */\n  author?: ClinicalNoteAuthor;\n  /** The operator the note is credited to: a secondary \"Operator: …\" byline. */\n  operatorName?: string;\n  /**\n   * A deleted note kept for the record. Shows a \"Deleted\" badge and keeps the\n   * body out of the DOM until the reader presses \"Show deleted note\". Not an\n   * access control: the body is one press away.\n   */\n  deleted?: boolean;\n  /**\n   * Whether this is a clinical note (vs. an administrative one). When true a\n   * \"Clinical\" badge is shown so the note's nature is unambiguous at a glance.\n   */\n  clinical?: boolean;\n  /** What the note is attached to — drives a contextual chip + optional link. */\n  attachedTo?: NoteAttachment;\n  /**\n   * The note body, authored in a small, safe subset of Markdown (bold,\n   * italic, inline code, links, line breaks, simple lists). Rendered through\n   * the shared `SafeHtml` helper with the `markdown` sanitiser profile —\n   * raw HTML and unsafe link schemes are stripped.\n   */\n  content: string;\n  /**\n   * How `content` is authored. `'markdown'` (default) runs the small Markdown\n   * subset through the converter; `'html'` treats `content` as rich HTML\n   * (e.g. Redactor output) and renders it through SafeHtml's `rich-text`\n   * profile, so colours, sizes, tables and images survive sanitisation.\n   */\n  contentFormat?: 'markdown' | 'html';\n  /** Pin the note to the top of a timeline — shows a \"Pinned\" chip. */\n  pinned?: boolean;\n  /** Flag the note for follow-up / attention — shows a \"Flagged\" chip. */\n  flagged?: boolean;\n  /**\n   * Host-owned actions for this note (edit, delete, share …), rendered\n   * beside the pin and flag. They belong in the same cluster: a reader\n   * looking for what they can do to a note should find every affordance\n   * in one place, not some in the card and the rest below it.\n   */\n  headerActions?: ReactNode;\n  /**\n   * When provided, the pinned chip becomes an `aria-pressed` toggle button so\n   * the note can be (un)pinned in place — the pin glyph fills and tints to the\n   * accent when pinned (no button fill). Omit for a static, display-only card.\n   */\n  onTogglePin?: () => void;\n  /** As `onTogglePin`, for the flagged state (warning-tinted when flagged). */\n  onToggleFlag?: () => void;\n  /**\n   * A pin write is in flight. The toggle keeps showing `pinned`, is\n   * `aria-disabled`, dims and ignores clicks until the host answers. Only\n   * with `onTogglePin`.\n   */\n  pinPending?: boolean;\n  /** As `pinPending`, for the flag toggle. */\n  flagPending?: boolean;\n  /**\n   * Clamp the rendered body to five lines. When the body is taller than the\n   * clamp, a \"Read more\" / \"Read less\" disclosure toggles the full text in\n   * place — the note stays a read-only display surface, so this is the\n   * sighted-user escape hatch (assistive tech reads the full body regardless).\n   */\n  truncate?: boolean;\n  /**\n   * `'elevated'` (default) wraps the note in `<Card variant=\"elevated\">`.\n   * `'flat'` drops the chrome for use inside an existing Card / timeline rail.\n   */\n  surface?: 'flat' | 'elevated';\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                            */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    surface: { flat: '', elevated: '' },\n  },\n  defaultVariants: { surface: 'elevated' },\n});\n\n/* Body clamp — applied only when `truncate` is set. Logical-safe. */\nconst bodyVariants = cva(\n  [\n    'type-body-sm ds:text-[color:var(--foreground)]',\n    'ds:break-words',\n    '[&_a]:ds:underline [&_a]:ds:underline-offset-2',\n    '[&_code]:ds:rounded-[var(--radius-sm)] [&_code]:ds:bg-muted/30 [&_code]:ds:ps-[var(--spacing-xs)] [&_code]:ds:pe-[var(--spacing-xs)] [&_code]:ds:font-[family-name:var(--font-mono)]',\n    '[&_p]:ds:m-0 [&_p+p]:ds:mt-[var(--spacing-sm)]',\n    // `list-disc` / `list-decimal` are load-bearing: the card renders host\n    // HTML inside `[data-component]`, where preflight's `list-style: none`\n    // still applies. Without them the indent lands but the markers do not.\n    'ds:[&_ul]:m-0 ds:[&_ul]:ps-[var(--spacing-md)] ds:[&_ul]:list-disc ds:[&_ol]:m-0 ds:[&_ol]:ps-[var(--spacing-md)] ds:[&_ol]:list-decimal',\n    // Rich-text (Redactor) extras — harmless on markdown notes, which carry\n    // none of these tags. Headings, inline images and tables stay readable.\n    '[&_h2]:type-title-item [&_h3]:type-title-item [&_h2]:ds:m-0 [&_h3]:ds:m-0',\n    '[&_img]:ds:max-w-full [&_img]:ds:h-auto [&_img]:ds:rounded-[var(--radius-sm)]',\n    '[&_table]:ds:my-[var(--spacing-sm)] [&_table]:ds:w-full [&_table]:ds:border-collapse',\n    '[&_th]:ds:border [&_th]:ds:border-[color:var(--border)] [&_th]:ds:ps-[var(--spacing-xs)] [&_th]:ds:pe-[var(--spacing-xs)] [&_th]:ds:py-[var(--spacing-2xs)] [&_th]:ds:text-start',\n    '[&_td]:ds:border [&_td]:ds:border-[color:var(--border)] [&_td]:ds:ps-[var(--spacing-xs)] [&_td]:ds:pe-[var(--spacing-xs)] [&_td]:ds:py-[var(--spacing-2xs)]',\n  ].join(' '),\n  {\n    variants: {\n      truncate: {\n        true: 'ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:5]',\n        false: '',\n      },\n    },\n    defaultVariants: { truncate: false },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Inline affordances — pin / flag toggle + read-more disclosure        */\n/* -------------------------------------------------------------------- */\n\n/* Pin / flag toggle. A raw button (not IconButton) so the pressed state\n   reads as a FILLED glyph + colour tint rather than a filled button — the\n   same treatment as the Sidebar favourite star. The compact box keeps a\n   --min-target-size hit area on touch via the ::before expansion. */\nconst noteToggleBase = [\n  'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:size-7 ds:rounded-[var(--radius-sm)]',\n  'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n  'ds:hover:bg-[color:var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-[color,background-color] ds:duration-[var(--animation-duration)]',\n  'ds:motion-reduce:transition-none',\n  // A write in flight: the toggle stays focusable, says it is busy and\n  // dims as a waiting Button does, so a keyboard reader sees it too.\n  'ds:aria-disabled:cursor-progress ds:aria-disabled:opacity-50',\n].join(' ');\n\n/* Read-more / read-less disclosure — an inline text toggle in the flow of\n   the body copy (exempt from target-size the same way an inline link is). */\nconst readMoreClasses = [\n  'ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start',\n  'ds:text-[length:var(--font-size-xs)] ds:font-semibold',\n  'ds:underline ds:underline-offset-2 ds:text-[color:var(--primary)] ds:hover:no-underline',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst deletedDisclosure = cva([\n  readMoreClasses,\n  'ds:[min-block-size:var(--min-target-size)] ds:[min-inline-size:var(--min-target-size)]',\n]);\n\ninterface NoteToggleProps {\n  /** The lucide glyph, pre-configured with `fill` + size by the caller. */\n  icon: ReactNode;\n  /** Current pressed state. */\n  pressed: boolean;\n  /** Accessible label (flips between the on / off verb). */\n  label: string;\n  /** Colour class applied while pressed (accent for pin, warning for flag). */\n  activeClassName: string;\n  /** Stable hook for hosts, agents and focus rescue: `pin` or `flag`. */\n  action: 'pin' | 'flag';\n  /** A write is in flight: aria-disabled, and clicks do nothing. */\n  pending: boolean;\n  onToggle: () => void;\n}\n\nfunction NoteToggle({\n  icon,\n  pressed,\n  label,\n  activeClassName,\n  action,\n  pending,\n  onToggle,\n}: NoteToggleProps) {\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={pressed}\n      aria-label={label}\n      // aria-disabled, not disabled: the toggle keeps its focus while the\n      // host answers, so a keyboard reader is not dropped onto the page.\n      aria-disabled={pending || undefined}\n      data-note-action={action}\n      onClick={() => {\n        if (!pending) onToggle();\n      }}\n      className={[\n        noteToggleBase,\n        pressed\n          ? activeClassName\n          : 'ds:text-[color:var(--muted-foreground)] ds:hover:text-[color:var(--foreground)]',\n      ].join(' ')}\n    >\n      {icon}\n    </button>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const ClinicalNoteCard = forwardRef<\n  HTMLDivElement,\n  ClinicalNoteCardProps\n>(\n  (\n    {\n      id,\n      dateIso,\n      createdAtIso,\n      author,\n      operatorName,\n      deleted,\n      clinical,\n      attachedTo,\n      content,\n      contentFormat = 'markdown',\n      pinned,\n      flagged,\n      headerActions,\n      onTogglePin,\n      onToggleFlag,\n      pinPending = false,\n      flagPending = false,\n      truncate = false,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const headingId = useId();\n    const bodyId = useId();\n    const [expanded, setExpanded] = useState(false);\n    const [deletedOpen, setDeletedOpen] = useState(false);\n    const [previousDeleted, setPreviousDeleted] = useState(!!deleted);\n    if (previousDeleted !== !!deleted) {\n      setPreviousDeleted(!!deleted);\n      setDeletedOpen(false);\n    }\n    // A deleted note's body stays empty and hidden until the reader reveals it.\n    const bodyHidden = !!deleted && !deletedOpen;\n\n    // Only measure while clamped — once expanded there's nothing to clip.\n    const { ref: clampRef, isOverflowing } = useClampOverflow<HTMLDivElement>(\n      truncate && !expanded && !bodyHidden,\n    );\n    // Show the disclosure once the body overflows; keep it while expanded so\n    // the user can collapse again.\n    const showReadMore = truncate && !bodyHidden && (isOverflowing || expanded);\n\n    // Markdown notes are converted to a safe HTML subset; rich-text (Redactor)\n    // notes are passed through verbatim and sanitised by SafeHtml's broader\n    // `rich-text` profile at render. Either way SafeHtml is the only carrier.\n    const bodyHtml = useMemo(\n      () => (contentFormat === 'html' ? content : noteMarkdownToHtml(content)),\n      [content, contentFormat],\n    );\n\n    const resolvedAriaLabel = ariaLabel ?? t('clinicalNoteCard.regionLabel');\n\n    useAgentRegistration(\n      clinicalNoteCardAgent,\n      {\n        getNoteId: () => id,\n        isPinned: () => !!pinned,\n        isFlagged: () => !!flagged,\n        getAttachmentKind: () => attachedTo?.kind,\n      },\n      id,\n    );\n\n    const attachmentNode = <NoteAttachmentChip attachedTo={attachedTo} />;\n\n    const inner = (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n        {/* Header: author + date + status chips */}\n        <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n          {author ? (\n            <Avatar\n              name={author.name}\n              src={author.avatarUrl}\n              size=\"sm\"\n              className=\"ds:shrink-0\"\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              aria-label={undefined}\n            />\n          ) : null}\n          <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            {author ? (\n              <span\n                id={headingId}\n                className=\"type-title-item ds:text-[color:var(--foreground)] ds:truncate\"\n              >\n                {author.name}\n              </span>\n            ) : (\n              <span id={headingId} className=\"ds:sr-only\">\n                {resolvedAriaLabel}\n              </span>\n            )}\n            {operatorName ? (\n              <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:break-words\">\n                {t('clinicalNoteCard.operator', { name: operatorName })}\n              </span>\n            ) : null}\n            <span className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)] ds:empty:hidden\">\n              {dateIso ? (\n                <Timestamp value={dateIso} shape=\"bare\" size=\"sm\" />\n              ) : null}\n              {createdAtIso && createdAtIso !== dateIso ? (\n                <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {t('clinicalNoteCard.added')}{' '}\n                  <Timestamp value={createdAtIso} shape=\"bare\" size=\"sm\" />\n                </span>\n              ) : null}\n            </span>\n          </div>\n          {deleted ||\n          clinical ||\n          headerActions ||\n          onTogglePin ||\n          onToggleFlag ||\n          pinned ||\n          flagged ? (\n            <span className=\"ds:ms-auto ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]\">\n              {deleted ? (\n                <Badge variant=\"error\" size=\"sm\">\n                  {t('clinicalNoteCard.deleted')}\n                </Badge>\n              ) : null}\n              {clinical ? (\n                <Badge variant=\"brand\" size=\"sm\">\n                  {t('clinicalNoteCard.clinical')}\n                </Badge>\n              ) : null}\n              {/* Pin + flag — grouped tightly together, kept clear of the\n                  clinical badge by the cluster's larger gap. Each is an\n                  interactive toggle when a handler is supplied (filled glyph +\n                  tint when active, no button fill), else a static chip. */}\n              {onTogglePin || onToggleFlag || pinned || flagged ? (\n                <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  {onTogglePin ? (\n                    <NoteToggle\n                      action=\"pin\"\n                      pending={pinPending}\n                      pressed={!!pinned}\n                      onToggle={onTogglePin}\n                      label={\n                        pinned\n                          ? t('clinicalNoteCard.unpin')\n                          : t('clinicalNoteCard.pin')\n                      }\n                      activeClassName=\"ds:text-[color:var(--accent)]\"\n                      icon={\n                        <Pin\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={pinned ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : pinned ? (\n                    <Badge\n                      variant=\"accent\"\n                      size=\"sm\"\n                      leading={<Pin aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.pinned')}\n                    </Badge>\n                  ) : null}\n                  {onToggleFlag ? (\n                    <NoteToggle\n                      action=\"flag\"\n                      pending={flagPending}\n                      pressed={!!flagged}\n                      onToggle={onToggleFlag}\n                      label={\n                        flagged\n                          ? t('clinicalNoteCard.unflag')\n                          : t('clinicalNoteCard.flag')\n                      }\n                      activeClassName=\"ds:text-[color:var(--warning-readable)]\"\n                      icon={\n                        <Flag\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={flagged ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : flagged ? (\n                    <Badge\n                      variant=\"warning\"\n                      size=\"sm\"\n                      leading={<Flag aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.flagged')}\n                    </Badge>\n                  ) : null}\n                </span>\n              ) : null}\n              {/* Sibling of the pin/flag cluster, not inside it: a note with\n                  neither would otherwise drop the host's actions entirely. */}\n              {headerActions}\n            </span>\n          ) : null}\n        </div>\n\n        {deleted ? (\n          <button\n            type=\"button\"\n            aria-expanded={deletedOpen}\n            aria-controls={bodyId}\n            onClick={() => setDeletedOpen((prev) => !prev)}\n            className={deletedDisclosure()}\n          >\n            {deletedOpen\n              ? t('clinicalNoteCard.hideDeleted')\n              : t('clinicalNoteCard.showDeleted')}\n          </button>\n        ) : null}\n        {/* Body — rendered via the sanctioned SafeHtml carrier. Markdown notes\n            use the tight markdown profile; rich-text notes the broader one.\n            When `truncate`, the body clamps to five lines with a read-more\n            disclosure once it overflows. */}\n        <SafeHtml\n          ref={clampRef}\n          id={truncate || deleted ? bodyId : undefined}\n          hidden={bodyHidden}\n          html={bodyHidden ? '' : bodyHtml}\n          profile={contentFormat === 'html' ? 'rich-text' : 'markdown'}\n          className={bodyVariants({ truncate: truncate && !expanded })}\n        />\n        {showReadMore ? (\n          <button\n            type=\"button\"\n            aria-expanded={expanded}\n            aria-controls={bodyId}\n            onClick={() => setExpanded((prev) => !prev)}\n            className={readMoreClasses}\n          >\n            {expanded\n              ? t('clinicalNoteCard.readLess')\n              : t('clinicalNoteCard.readMore')}\n          </button>\n        ) : null}\n\n        {/* Attachment context */}\n        {attachmentNode ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {attachmentNode}\n          </div>\n        ) : null}\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"article\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"clinical-note-card\"\n        data-component-id={id}\n        data-pinned={pinned ? 'true' : undefined}\n        data-flagged={flagged ? 'true' : undefined}\n        data-deleted={deleted ? 'true' : undefined}\n        data-attached-to={attachedTo?.kind}\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\nClinicalNoteCard.displayName = 'ClinicalNoteCard';\n\n/** Re-export of the surface variant union for downstream typing. */\nexport type ClinicalNoteCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n"],"names":["clinicalNoteCardAgent","handle","rootVariants","cva","bodyVariants","noteToggleBase","readMoreClasses","deletedDisclosure","NoteToggle","icon","pressed","label","activeClassName","action","pending","onToggle","jsx","ClinicalNoteCard","forwardRef","id","dateIso","createdAtIso","author","operatorName","deleted","clinical","attachedTo","content","contentFormat","pinned","flagged","headerActions","onTogglePin","onToggleFlag","pinPending","flagPending","truncate","surface","ariaLabel","className","rest","ref","t","useTranslation","headingId","useId","bodyId","expanded","setExpanded","useState","deletedOpen","setDeletedOpen","previousDeleted","setPreviousDeleted","bodyHidden","clampRef","isOverflowing","useClampOverflow","showReadMore","bodyHtml","useMemo","noteMarkdownToHtml","resolvedAriaLabel","useAgentRegistration","attachmentNode","NoteAttachmentChip","inner","jsxs","Avatar","Timestamp","Badge","Pin","Flag","prev","SafeHtml","Card"],"mappings":"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"}
+{"version":3,"file":"clinical-note-card-Cut2lNmu.js","sources":["../../src/components/clinical-note-card/clinical-note-card.agent.ts","../../src/components/clinical-note-card/clinical-note-card.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ClinicalNoteCard.                                     */\n/*                                                                        */\n/* Read-only presentation surface. Exposes the note's id + structural    */\n/* flags (pinned / flagged / attachment kind) so a future MCP UI bridge  */\n/* can locate and describe a rendered note. NEVER reads the note body or */\n/* any author identity — those are PHI and stay out of the agent layer.  */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ClinicalNoteCardHandle } from './clinical-note-card';\n\nexport const clinicalNoteCardAgent: AgentAdapter<ClinicalNoteCardHandle> = {\n  id: 'clinical-note-card',\n  capabilities: [],\n  state: {\n    noteId: {\n      type: 'string | undefined',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.noteId',\n      description: 'Stable identifier of the rendered note, when supplied.',\n      read: (handle) => handle.getNoteId(),\n    },\n    pinned: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.pinned',\n      description: 'Whether the note is pinned to the top of the timeline.',\n      read: (handle) => handle.isPinned(),\n    },\n    flagged: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.flagged',\n      description: 'Whether the note is flagged for follow-up.',\n      read: (handle) => handle.isFlagged(),\n    },\n    attachmentKind: {\n      type: \"'patient' | 'carePlan' | 'carePlanEntry' | 'phase' | 'xray' | undefined\",\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.attachmentKind',\n      description:\n        'Structural kind the note is attached to. Never the attachment identity or content.',\n      read: (handle) => handle.getAttachmentKind(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'clinical-note-card',\n      description:\n        'Marks the ClinicalNoteCard root. Also emits data-pinned / data-flagged / data-attached-to structural hooks; the pin / flag toggles carry data-note-action=\"pin\" | \"flag\".',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop — addresses a specific note.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Flag, Pin } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Timestamp } from '../timestamp';\nimport { SafeHtml } from '../_shared/safe-html';\nimport { noteMarkdownToHtml } from '../_shared/note-markdown';\nimport {\n  NoteAttachmentChip,\n  type NoteAttachment,\n} from '../_shared/note-attachment';\nimport { useClampOverflow } from '../../hooks/use-clamp-overflow';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { clinicalNoteCardAgent } from './clinical-note-card.agent';\n\n// The attachment type moved to `_shared` when NoteTimeline began rendering the\n// same chip; re-exported here so this component's public API is unchanged.\nexport type { NoteAttachment };\n\n/* -------------------------------------------------------------------- */\n/* ClinicalNoteCard                                                      */\n/*                                                                        */\n/* A single clinical note — the free-text annotation an operator writes  */\n/* against a patient, care plan, treatment phase, or x-ray. Replaces the */\n/* bespoke \"nota clinica\" rows scattered across the platform patient     */\n/* timeline. Composes Card + Avatar (author) + Timestamp + Badge/Tag     */\n/* (clinical / pinned / flagged) + Link (attachment) and renders the     */\n/* markdown body through the shared SafeHtml helper — the only sanctioned */\n/* carrier of dangerouslySetInnerHTML (constraint §8).                   */\n/*                                                                        */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `clinicalNoteCard.*` namespace. No PHI is read by the agent adapter — */\n/* only the note id and structural flags are exposed.                    */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/* -------------------------------------------------------------------- */\n\n/** Author identity — drives the avatar + visible byline. */\nexport interface ClinicalNoteAuthor {\n  /** Display name. */\n  name: string;\n  /** Optional avatar image URL. */\n  avatarUrl?: string;\n}\n\n/** Imperative handle exposed to the agent runtime — identifiers / flags only. */\nexport interface ClinicalNoteCardHandle {\n  /** The note's stable id, when supplied. */\n  getNoteId: () => string | undefined;\n  /** Whether the note is currently pinned. */\n  isPinned: () => boolean;\n  /** Whether the note is currently flagged. */\n  isFlagged: () => boolean;\n  /** The attachment kind the note is bound to. */\n  getAttachmentKind: () => NoteAttachment['kind'] | undefined;\n}\n\nexport interface ClinicalNoteCardProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'aria-label' | 'children' | 'content' | 'title'\n> {\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n  /**\n   * ISO-8601 timestamp the note refers to (the clinical date). Drives the\n   * primary `<Timestamp>`. An empty string renders no timestamp (an undated\n   * imported note).\n   */\n  dateIso: string;\n  /**\n   * ISO-8601 timestamp the note was authored, when it differs from\n   * `dateIso`. Rendered as a secondary \"added\" line.\n   */\n  createdAtIso?: string;\n  /** Author identity — avatar + byline. Optional for system notes. */\n  author?: ClinicalNoteAuthor;\n  /** The operator the note is credited to: a secondary \"Operator: …\" byline. */\n  operatorName?: string;\n  /**\n   * A deleted note kept for the record. Shows a \"Deleted\" badge and keeps the\n   * body out of the DOM until the reader presses \"Show deleted note\". Not an\n   * access control: the body is one press away.\n   */\n  deleted?: boolean;\n  /**\n   * Whether this is a clinical note (vs. an administrative one). When true a\n   * \"Clinical\" badge is shown so the note's nature is unambiguous at a glance.\n   */\n  clinical?: boolean;\n  /** What the note is attached to — drives a contextual chip + optional link. */\n  attachedTo?: NoteAttachment;\n  /**\n   * The note body, authored in a small, safe subset of Markdown (bold,\n   * italic, inline code, links, line breaks, simple lists). Rendered through\n   * the shared `SafeHtml` helper with the `markdown` sanitiser profile —\n   * raw HTML and unsafe link schemes are stripped.\n   */\n  content: string;\n  /**\n   * How `content` is authored. `'markdown'` (default) runs the small Markdown\n   * subset through the converter; `'html'` treats `content` as rich HTML\n   * (e.g. Redactor output) and renders it through SafeHtml's `rich-text`\n   * profile, so colours, sizes, tables and images survive sanitisation.\n   */\n  contentFormat?: 'markdown' | 'html';\n  /** Pin the note to the top of a timeline — shows a \"Pinned\" chip. */\n  pinned?: boolean;\n  /** Flag the note for follow-up / attention — shows a \"Flagged\" chip. */\n  flagged?: boolean;\n  /**\n   * Host-owned actions for this note (edit, delete, share …), rendered\n   * beside the pin and flag. They belong in the same cluster: a reader\n   * looking for what they can do to a note should find every affordance\n   * in one place, not some in the card and the rest below it.\n   */\n  headerActions?: ReactNode;\n  /**\n   * When provided, the pinned chip becomes an `aria-pressed` toggle button so\n   * the note can be (un)pinned in place — the pin glyph fills and tints to the\n   * accent when pinned (no button fill). Omit for a static, display-only card.\n   */\n  onTogglePin?: () => void;\n  /** As `onTogglePin`, for the flagged state (warning-tinted when flagged). */\n  onToggleFlag?: () => void;\n  /**\n   * A pin write is in flight. The toggle keeps showing `pinned`, is\n   * `aria-disabled`, dims and ignores clicks until the host answers. Only\n   * with `onTogglePin`.\n   */\n  pinPending?: boolean;\n  /** As `pinPending`, for the flag toggle. */\n  flagPending?: boolean;\n  /**\n   * Clamp the rendered body to five lines. When the body is taller than the\n   * clamp, a \"Read more\" / \"Read less\" disclosure toggles the full text in\n   * place — the note stays a read-only display surface, so this is the\n   * sighted-user escape hatch (assistive tech reads the full body regardless).\n   */\n  truncate?: boolean;\n  /**\n   * `'elevated'` (default) wraps the note in `<Card variant=\"elevated\">`.\n   * `'flat'` drops the chrome for use inside an existing Card / timeline rail.\n   */\n  surface?: 'flat' | 'elevated';\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                            */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    surface: { flat: '', elevated: '' },\n  },\n  defaultVariants: { surface: 'elevated' },\n});\n\n/* Body clamp — applied only when `truncate` is set. Logical-safe. */\nconst bodyVariants = cva(\n  [\n    'type-body-sm ds:text-[color:var(--foreground)]',\n    'ds:break-words',\n    '[&_a]:ds:underline [&_a]:ds:underline-offset-2',\n    '[&_code]:ds:rounded-[var(--radius-sm)] [&_code]:ds:bg-muted/30 [&_code]:ds:ps-[var(--spacing-xs)] [&_code]:ds:pe-[var(--spacing-xs)] [&_code]:ds:font-[family-name:var(--font-mono)]',\n    '[&_p]:ds:m-0 [&_p+p]:ds:mt-[var(--spacing-sm)]',\n    // `list-disc` / `list-decimal` are load-bearing: the card renders host\n    // HTML inside `[data-component]`, where preflight's `list-style: none`\n    // still applies. Without them the indent lands but the markers do not.\n    'ds:[&_ul]:m-0 ds:[&_ul]:ps-[var(--spacing-md)] ds:[&_ul]:list-disc ds:[&_ol]:m-0 ds:[&_ol]:ps-[var(--spacing-md)] ds:[&_ol]:list-decimal',\n    // Rich-text (Redactor) extras — harmless on markdown notes, which carry\n    // none of these tags. Headings, inline images and tables stay readable.\n    '[&_h2]:type-title-item [&_h3]:type-title-item [&_h2]:ds:m-0 [&_h3]:ds:m-0',\n    '[&_img]:ds:max-w-full [&_img]:ds:h-auto [&_img]:ds:rounded-[var(--radius-sm)]',\n    '[&_table]:ds:my-[var(--spacing-sm)] [&_table]:ds:w-full [&_table]:ds:border-collapse',\n    '[&_th]:ds:border [&_th]:ds:border-[color:var(--border)] [&_th]:ds:ps-[var(--spacing-xs)] [&_th]:ds:pe-[var(--spacing-xs)] [&_th]:ds:py-[var(--spacing-2xs)] [&_th]:ds:text-start',\n    '[&_td]:ds:border [&_td]:ds:border-[color:var(--border)] [&_td]:ds:ps-[var(--spacing-xs)] [&_td]:ds:pe-[var(--spacing-xs)] [&_td]:ds:py-[var(--spacing-2xs)]',\n  ].join(' '),\n  {\n    variants: {\n      truncate: {\n        true: 'ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:5]',\n        false: '',\n      },\n    },\n    defaultVariants: { truncate: false },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Inline affordances — pin / flag toggle + read-more disclosure        */\n/* -------------------------------------------------------------------- */\n\n/* Pin / flag toggle. A raw button (not IconButton) so the pressed state\n   reads as a FILLED glyph + colour tint rather than a filled button — the\n   same treatment as the Sidebar favourite star. The compact box keeps a\n   --min-target-size hit area on touch via the ::before expansion. */\nconst noteToggleBase = [\n  'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:size-7 ds:rounded-[var(--radius-sm)]',\n  'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n  'ds:hover:bg-[color:var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-[color,background-color] ds:duration-[var(--animation-duration)]',\n  'ds:motion-reduce:transition-none',\n  // A write in flight: the toggle stays focusable, says it is busy and\n  // dims as a waiting Button does, so a keyboard reader sees it too.\n  'ds:aria-disabled:cursor-progress ds:aria-disabled:opacity-50',\n].join(' ');\n\n/* Read-more / read-less disclosure — an inline text toggle in the flow of\n   the body copy (exempt from target-size the same way an inline link is). */\nconst readMoreClasses = [\n  'ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start',\n  'ds:text-[length:var(--font-size-xs)] ds:font-semibold',\n  'ds:underline ds:underline-offset-2 ds:text-[color:var(--primary)] ds:hover:no-underline',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst deletedDisclosure = cva([\n  readMoreClasses,\n  'ds:[min-block-size:var(--min-target-size)] ds:[min-inline-size:var(--min-target-size)]',\n]);\n\ninterface NoteToggleProps {\n  /** The lucide glyph, pre-configured with `fill` + size by the caller. */\n  icon: ReactNode;\n  /** Current pressed state. */\n  pressed: boolean;\n  /** Accessible label (flips between the on / off verb). */\n  label: string;\n  /** Colour class applied while pressed (accent for pin, warning for flag). */\n  activeClassName: string;\n  /** Stable hook for hosts, agents and focus rescue: `pin` or `flag`. */\n  action: 'pin' | 'flag';\n  /** A write is in flight: aria-disabled, and clicks do nothing. */\n  pending: boolean;\n  onToggle: () => void;\n}\n\nfunction NoteToggle({\n  icon,\n  pressed,\n  label,\n  activeClassName,\n  action,\n  pending,\n  onToggle,\n}: NoteToggleProps) {\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={pressed}\n      aria-label={label}\n      // aria-disabled, not disabled: the toggle keeps its focus while the\n      // host answers, so a keyboard reader is not dropped onto the page.\n      aria-disabled={pending || undefined}\n      data-note-action={action}\n      onClick={() => {\n        if (!pending) onToggle();\n      }}\n      className={[\n        noteToggleBase,\n        pressed\n          ? activeClassName\n          : 'ds:text-[color:var(--muted-foreground)] ds:hover:text-[color:var(--foreground)]',\n      ].join(' ')}\n    >\n      {icon}\n    </button>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const ClinicalNoteCard = forwardRef<\n  HTMLDivElement,\n  ClinicalNoteCardProps\n>(\n  (\n    {\n      id,\n      dateIso,\n      createdAtIso,\n      author,\n      operatorName,\n      deleted,\n      clinical,\n      attachedTo,\n      content,\n      contentFormat = 'markdown',\n      pinned,\n      flagged,\n      headerActions,\n      onTogglePin,\n      onToggleFlag,\n      pinPending = false,\n      flagPending = false,\n      truncate = false,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const headingId = useId();\n    const bodyId = useId();\n    const [expanded, setExpanded] = useState(false);\n    const [deletedOpen, setDeletedOpen] = useState(false);\n    const [previousDeleted, setPreviousDeleted] = useState(!!deleted);\n    if (previousDeleted !== !!deleted) {\n      setPreviousDeleted(!!deleted);\n      setDeletedOpen(false);\n    }\n    // A deleted note's body stays empty and hidden until the reader reveals it.\n    const bodyHidden = !!deleted && !deletedOpen;\n\n    // Only measure while clamped — once expanded there's nothing to clip.\n    const { ref: clampRef, isOverflowing } = useClampOverflow<HTMLDivElement>(\n      truncate && !expanded && !bodyHidden,\n    );\n    // Show the disclosure once the body overflows; keep it while expanded so\n    // the user can collapse again.\n    const showReadMore = truncate && !bodyHidden && (isOverflowing || expanded);\n\n    // Markdown notes are converted to a safe HTML subset; rich-text (Redactor)\n    // notes are passed through verbatim and sanitised by SafeHtml's broader\n    // `rich-text` profile at render. Either way SafeHtml is the only carrier.\n    const bodyHtml = useMemo(\n      () => (contentFormat === 'html' ? content : noteMarkdownToHtml(content)),\n      [content, contentFormat],\n    );\n\n    const resolvedAriaLabel = ariaLabel ?? t('clinicalNoteCard.regionLabel');\n\n    useAgentRegistration(\n      clinicalNoteCardAgent,\n      {\n        getNoteId: () => id,\n        isPinned: () => !!pinned,\n        isFlagged: () => !!flagged,\n        getAttachmentKind: () => attachedTo?.kind,\n      },\n      id,\n    );\n\n    const attachmentNode = <NoteAttachmentChip attachedTo={attachedTo} />;\n\n    const inner = (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n        {/* Header: author + date + status chips */}\n        <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n          {author ? (\n            <Avatar\n              name={author.name}\n              src={author.avatarUrl}\n              size=\"sm\"\n              className=\"ds:shrink-0\"\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              aria-label={undefined}\n            />\n          ) : null}\n          <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            {author ? (\n              <span\n                id={headingId}\n                className=\"type-title-item ds:text-[color:var(--foreground)] ds:truncate\"\n              >\n                {author.name}\n              </span>\n            ) : (\n              <span id={headingId} className=\"ds:sr-only\">\n                {resolvedAriaLabel}\n              </span>\n            )}\n            {operatorName ? (\n              <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:break-words\">\n                {t('clinicalNoteCard.operator', { name: operatorName })}\n              </span>\n            ) : null}\n            <span className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)] ds:empty:hidden\">\n              {dateIso ? (\n                <Timestamp value={dateIso} shape=\"bare\" size=\"sm\" />\n              ) : null}\n              {createdAtIso && createdAtIso !== dateIso ? (\n                <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {t('clinicalNoteCard.added')}{' '}\n                  <Timestamp value={createdAtIso} shape=\"bare\" size=\"sm\" />\n                </span>\n              ) : null}\n            </span>\n          </div>\n          {deleted ||\n          clinical ||\n          headerActions ||\n          onTogglePin ||\n          onToggleFlag ||\n          pinned ||\n          flagged ? (\n            <span className=\"ds:ms-auto ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]\">\n              {deleted ? (\n                <Badge variant=\"error\" size=\"sm\">\n                  {t('clinicalNoteCard.deleted')}\n                </Badge>\n              ) : null}\n              {clinical ? (\n                <Badge variant=\"brand\" size=\"sm\">\n                  {t('clinicalNoteCard.clinical')}\n                </Badge>\n              ) : null}\n              {/* Pin + flag — grouped tightly together, kept clear of the\n                  clinical badge by the cluster's larger gap. Each is an\n                  interactive toggle when a handler is supplied (filled glyph +\n                  tint when active, no button fill), else a static chip. */}\n              {onTogglePin || onToggleFlag || pinned || flagged ? (\n                <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  {onTogglePin ? (\n                    <NoteToggle\n                      action=\"pin\"\n                      pending={pinPending}\n                      pressed={!!pinned}\n                      onToggle={onTogglePin}\n                      label={\n                        pinned\n                          ? t('clinicalNoteCard.unpin')\n                          : t('clinicalNoteCard.pin')\n                      }\n                      activeClassName=\"ds:text-[color:var(--accent)]\"\n                      icon={\n                        <Pin\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={pinned ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : pinned ? (\n                    <Badge\n                      variant=\"accent\"\n                      size=\"sm\"\n                      leading={<Pin aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.pinned')}\n                    </Badge>\n                  ) : null}\n                  {onToggleFlag ? (\n                    <NoteToggle\n                      action=\"flag\"\n                      pending={flagPending}\n                      pressed={!!flagged}\n                      onToggle={onToggleFlag}\n                      label={\n                        flagged\n                          ? t('clinicalNoteCard.unflag')\n                          : t('clinicalNoteCard.flag')\n                      }\n                      activeClassName=\"ds:text-[color:var(--warning-readable)]\"\n                      icon={\n                        <Flag\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={flagged ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : flagged ? (\n                    <Badge\n                      variant=\"warning\"\n                      size=\"sm\"\n                      leading={<Flag aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.flagged')}\n                    </Badge>\n                  ) : null}\n                </span>\n              ) : null}\n              {/* Sibling of the pin/flag cluster, not inside it: a note with\n                  neither would otherwise drop the host's actions entirely. */}\n              {headerActions}\n            </span>\n          ) : null}\n        </div>\n\n        {deleted ? (\n          <button\n            type=\"button\"\n            aria-expanded={deletedOpen}\n            aria-controls={bodyId}\n            onClick={() => setDeletedOpen((prev) => !prev)}\n            className={deletedDisclosure()}\n          >\n            {deletedOpen\n              ? t('clinicalNoteCard.hideDeleted')\n              : t('clinicalNoteCard.showDeleted')}\n          </button>\n        ) : null}\n        {/* Body — rendered via the sanctioned SafeHtml carrier. Markdown notes\n            use the tight markdown profile; rich-text notes the broader one.\n            When `truncate`, the body clamps to five lines with a read-more\n            disclosure once it overflows. */}\n        <SafeHtml\n          ref={clampRef}\n          id={truncate || deleted ? bodyId : undefined}\n          hidden={bodyHidden}\n          html={bodyHidden ? '' : bodyHtml}\n          profile={contentFormat === 'html' ? 'rich-text' : 'markdown'}\n          className={bodyVariants({ truncate: truncate && !expanded })}\n        />\n        {showReadMore ? (\n          <button\n            type=\"button\"\n            aria-expanded={expanded}\n            aria-controls={bodyId}\n            onClick={() => setExpanded((prev) => !prev)}\n            className={readMoreClasses}\n          >\n            {expanded\n              ? t('clinicalNoteCard.readLess')\n              : t('clinicalNoteCard.readMore')}\n          </button>\n        ) : null}\n\n        {/* Attachment context */}\n        {attachmentNode ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {attachmentNode}\n          </div>\n        ) : null}\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"article\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"clinical-note-card\"\n        data-component-id={id}\n        data-pinned={pinned ? 'true' : undefined}\n        data-flagged={flagged ? 'true' : undefined}\n        data-deleted={deleted ? 'true' : undefined}\n        data-attached-to={attachedTo?.kind}\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\nClinicalNoteCard.displayName = 'ClinicalNoteCard';\n\n/** Re-export of the surface variant union for downstream typing. */\nexport type ClinicalNoteCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n"],"names":["clinicalNoteCardAgent","handle","rootVariants","cva","bodyVariants","noteToggleBase","readMoreClasses","deletedDisclosure","NoteToggle","icon","pressed","label","activeClassName","action","pending","onToggle","jsx","ClinicalNoteCard","forwardRef","id","dateIso","createdAtIso","author","operatorName","deleted","clinical","attachedTo","content","contentFormat","pinned","flagged","headerActions","onTogglePin","onToggleFlag","pinPending","flagPending","truncate","surface","ariaLabel","className","rest","ref","t","useTranslation","headingId","useId","bodyId","expanded","setExpanded","useState","deletedOpen","setDeletedOpen","previousDeleted","setPreviousDeleted","bodyHidden","clampRef","isOverflowing","useClampOverflow","showReadMore","bodyHtml","useMemo","noteMarkdownToHtml","resolvedAriaLabel","useAgentRegistration","attachmentNode","NoteAttachmentChip","inner","jsxs","Avatar","Timestamp","Badge","Pin","Flag","prev","SafeHtml","Card"],"mappings":"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"}

package/dist/_chunks/{contact-card-Czu60UvU.js → contact-card-ClvEDM9e.js}

@@ -2,7 +2,7 @@ import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { forwardRef as r, Fragment as b } from "react";
 import { useTranslation as k } from "react-i18next";
 import { C as o } from "./card-BA4Ig_kn.js";
-import { L as p } from "./link-N5_YpLtm.js";
+import { L as p } from "./link-DtCfnLnF.js";
 import { M as v } from "./map-pin-BaY37-Km.js";
 function L(s) {
   return `tel:${s.replace(/\(0\)/g, "").replace(/[^\d+]/g, "")}`;
@@ -118,4 +118,4 @@ const M = Object.assign(f, {
 export {
   M as C
 };
-//# sourceMappingURL=contact-card-Czu60UvU.js.map
+//# sourceMappingURL=contact-card-ClvEDM9e.js.map

package/dist/_chunks/{contact-card-Czu60UvU.js.map → contact-card-ClvEDM9e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"contact-card-Czu60UvU.js","sources":["../../src/components/contact-card/contact-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { MapPin } from 'lucide-react';\nimport { Card } from '../card/card';\nimport { Link } from '../link/link';\n\n/* ------------------------------------------------------------------ */\n/* Phone helper                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Strip everything that's not a digit or a leading `+` so the display\n * string (`\"+49 (0)89 51871478\"`) becomes a valid `tel:` URI target\n * (`\"tel:+498951871478\"`). RFC 3966 allows visual separators, but most\n * dialer apps still trip on them — collapsing to a strict E.164-ish\n * form is the safe default. The `(0)` trunk-prefix convention is\n * intentionally dropped: it's not a real digit in international\n * dialling, only a hint for in-country dialling.\n */\nfunction buildTelHref(display: string): string {\n  const trunkStripped = display.replace(/\\(0\\)/g, '');\n  const digits = trunkStripped.replace(/[^\\d+]/g, '');\n  return `tel:${digits}`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /**\n   * Optional card heading rendered inside `Card.Header` as an `<h2>` —\n   * e.g. \"Contact information\" above one or more office blocks. Omit\n   * when the card sits inside a section that already has a heading.\n   */\n  title?: ReactNode;\n  /**\n   * `Card` variant. Defaults to `default` (subtle border on `--card`\n   * surface) to match the marketing site's treatment.\n   */\n  variant?: 'default' | 'outlined' | 'elevated';\n  children: ReactNode;\n}\n\nconst ContactCardRoot = forwardRef<HTMLElement, ContactCardProps>(\n  ({ title, variant = 'default', className, children, ...props }, ref) => (\n    <Card\n      ref={ref}\n      variant={variant}\n      data-component=\"contact-card\"\n      className={className}\n      {...props}\n    >\n      {title !== undefined ? (\n        <Card.Header>\n          <h2 className=\"type-title-card ds:text-foreground\">{title}</h2>\n        </Card.Header>\n      ) : null}\n      <Card.Body\n        className={[\n          'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n          // Tighten the body padding-block-start when a header sits\n          // above so the whole card reads as one cohesive block rather\n          // than two stacked sections — Card.Header already paints\n          // bottom padding via `pb-0` + Card.Body's `p-md`.\n        ].join(' ')}\n      >\n        {children}\n      </Card.Body>\n    </Card>\n  ),\n);\nContactCardRoot.displayName = 'ContactCard';\n\n/* ------------------------------------------------------------------ */\n/* Office                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardOfficeProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'children'\n> {\n  /**\n   * Office name — rendered as the block's bold label next to the pin\n   * glyph. Not a heading element by default so a card with multiple\n   * offices doesn't fragment the heading outline; pass `nameAs=\"h3\"`\n   * (or `h4` etc.) when the consuming page wants a real heading.\n   */\n  name: ReactNode;\n  /**\n   * Address lines in document order, one per `<br>`-equivalent. Country\n   * / region / postcode formatting is the consumer's responsibility —\n   * the kit only inserts the line breaks.\n   */\n  lines: ReadonlyArray<string>;\n  /**\n   * VAT / tax-ID number. Rendered on its own line with the kit-owned\n   * `ui.contactCard.vatNumberLabel` prefix.\n   */\n  vatNumber?: string;\n  /**\n   * Phone number as it should display (with separators, parens, trunk\n   * prefix). The kit normalises this into a `tel:` URI internally —\n   * see `buildTelHref` for the rules.\n   */\n  phone?: string;\n  /** Heading element used for `name`. Defaults to a non-heading `<p>`. */\n  nameAs?: 'p' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n}\n\nconst ContactCardOffice = forwardRef<HTMLElement, ContactCardOfficeProps>(\n  (\n    { name, lines, vatNumber, phone, nameAs = 'p', className, ...props },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const NameTag = nameAs as 'p';\n\n    return (\n      <address\n        ref={ref as React.Ref<HTMLElement>}\n        data-component=\"contact-card-office\"\n        className={[\n          // `not-italic` overrides the UA default for `<address>` since\n          // the kit's type ramp already encodes intent — italic would\n          // double up with a heading-bold name and read as emphasis.\n          'ds:not-italic ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <NameTag className=\"ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-label ds:font-semibold ds:text-foreground\">\n          <MapPin\n            aria-hidden=\"true\"\n            className=\"ds:size-[1.25em] ds:text-primary ds:shrink-0\"\n          />\n          <span>{name}</span>\n        </NameTag>\n        <div className=\"type-body-sm ds:text-foreground ds:[unicode-bidi:isolate]\">\n          {lines.map((line, i) => (\n            <Fragment key={i}>\n              {line}\n              {i < lines.length - 1 ? <br /> : null}\n            </Fragment>\n          ))}\n        </div>\n        {vatNumber ? (\n          <div className=\"type-body-sm ds:text-muted-foreground\">\n            <span className=\"ds:me-[var(--spacing-2xs)]\">\n              {t('contactCard.vatNumberLabel')}\n            </span>\n            <span className=\"ds:[unicode-bidi:isolate]\">{vatNumber}</span>\n          </div>\n        ) : null}\n        {phone ? (\n          <div className=\"type-body-sm ds:text-muted-foreground ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ds:flex-wrap\">\n            <span>{t('contactCard.phoneLabel')}</span>\n            <Link href={buildTelHref(phone)} intent=\"default\">\n              <span className=\"ds:[unicode-bidi:isolate]\">{phone}</span>\n            </Link>\n          </div>\n        ) : null}\n      </address>\n    );\n  },\n);\nContactCardOffice.displayName = 'ContactCard.Office';\n\n/* ------------------------------------------------------------------ */\n/* Links                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type ContactCardLinksProps = HTMLAttributes<HTMLUListElement>;\n\nconst ContactCardLinks = forwardRef<HTMLUListElement, ContactCardLinksProps>(\n  ({ className, children, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-component=\"contact-card-links\"\n      className={[\n        'ds:m-0 ds:p-0 ds:list-none',\n        'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {children}\n    </ul>\n  ),\n);\nContactCardLinks.displayName = 'ContactCard.Links';\n\n/* ------------------------------------------------------------------ */\n/* Link                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardLinkProps {\n  href: string;\n  /**\n   * Leading glyph. Rendered with `--primary` so the link list reads as\n   * a coloured-icon menu (matches the marketing site's treatment).\n   * Consumers pass a bare lucide-react icon; the kit handles colour /\n   * size / aria-hidden.\n   */\n  icon: ReactNode;\n  /** Open in a new tab — adds `target=\"_blank\"` and `rel` via `Link`. */\n  external?: boolean;\n  children: ReactNode;\n}\n\nconst ContactCardLink = forwardRef<HTMLLIElement, ContactCardLinkProps>(\n  ({ href, icon, external, children }, ref) => (\n    <li ref={ref} className=\"ds:m-0\">\n      <Link\n        href={href}\n        external={external}\n        // Wrap in a `text-primary` span so the lucide glyph (which uses\n        // `currentColor`) picks up the brand tint without the consumer\n        // having to thread a className through every icon. Link adds\n        // its own aria-hidden wrapper + `[&_svg]:size-[1em]` outside\n        // this; the colour cascades through.\n        startIcon={<span className=\"ds:text-primary\">{icon}</span>}\n      >\n        {children}\n      </Link>\n    </li>\n  ),\n);\nContactCardLink.displayName = 'ContactCard.Link';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const ContactCard = Object.assign(ContactCardRoot, {\n  Office: ContactCardOffice,\n  Links: ContactCardLinks,\n  Link: ContactCardLink,\n});\n\nexport { buildTelHref as __buildTelHref };\n"],"names":["buildTelHref","display","ContactCardRoot","forwardRef","title","variant","className","children","props","ref","jsxs","Card","jsx","ContactCardOffice","name","lines","vatNumber","phone","nameAs","t","useTranslation","NameTag","MapPin","line","i","Fragment","Link","ContactCardLinks","ContactCardLink","href","icon","external","ContactCard"],"mappings":"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"}
+{"version":3,"file":"contact-card-ClvEDM9e.js","sources":["../../src/components/contact-card/contact-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { MapPin } from 'lucide-react';\nimport { Card } from '../card/card';\nimport { Link } from '../link/link';\n\n/* ------------------------------------------------------------------ */\n/* Phone helper                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Strip everything that's not a digit or a leading `+` so the display\n * string (`\"+49 (0)89 51871478\"`) becomes a valid `tel:` URI target\n * (`\"tel:+498951871478\"`). RFC 3966 allows visual separators, but most\n * dialer apps still trip on them — collapsing to a strict E.164-ish\n * form is the safe default. The `(0)` trunk-prefix convention is\n * intentionally dropped: it's not a real digit in international\n * dialling, only a hint for in-country dialling.\n */\nfunction buildTelHref(display: string): string {\n  const trunkStripped = display.replace(/\\(0\\)/g, '');\n  const digits = trunkStripped.replace(/[^\\d+]/g, '');\n  return `tel:${digits}`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /**\n   * Optional card heading rendered inside `Card.Header` as an `<h2>` —\n   * e.g. \"Contact information\" above one or more office blocks. Omit\n   * when the card sits inside a section that already has a heading.\n   */\n  title?: ReactNode;\n  /**\n   * `Card` variant. Defaults to `default` (subtle border on `--card`\n   * surface) to match the marketing site's treatment.\n   */\n  variant?: 'default' | 'outlined' | 'elevated';\n  children: ReactNode;\n}\n\nconst ContactCardRoot = forwardRef<HTMLElement, ContactCardProps>(\n  ({ title, variant = 'default', className, children, ...props }, ref) => (\n    <Card\n      ref={ref}\n      variant={variant}\n      data-component=\"contact-card\"\n      className={className}\n      {...props}\n    >\n      {title !== undefined ? (\n        <Card.Header>\n          <h2 className=\"type-title-card ds:text-foreground\">{title}</h2>\n        </Card.Header>\n      ) : null}\n      <Card.Body\n        className={[\n          'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n          // Tighten the body padding-block-start when a header sits\n          // above so the whole card reads as one cohesive block rather\n          // than two stacked sections — Card.Header already paints\n          // bottom padding via `pb-0` + Card.Body's `p-md`.\n        ].join(' ')}\n      >\n        {children}\n      </Card.Body>\n    </Card>\n  ),\n);\nContactCardRoot.displayName = 'ContactCard';\n\n/* ------------------------------------------------------------------ */\n/* Office                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardOfficeProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'children'\n> {\n  /**\n   * Office name — rendered as the block's bold label next to the pin\n   * glyph. Not a heading element by default so a card with multiple\n   * offices doesn't fragment the heading outline; pass `nameAs=\"h3\"`\n   * (or `h4` etc.) when the consuming page wants a real heading.\n   */\n  name: ReactNode;\n  /**\n   * Address lines in document order, one per `<br>`-equivalent. Country\n   * / region / postcode formatting is the consumer's responsibility —\n   * the kit only inserts the line breaks.\n   */\n  lines: ReadonlyArray<string>;\n  /**\n   * VAT / tax-ID number. Rendered on its own line with the kit-owned\n   * `ui.contactCard.vatNumberLabel` prefix.\n   */\n  vatNumber?: string;\n  /**\n   * Phone number as it should display (with separators, parens, trunk\n   * prefix). The kit normalises this into a `tel:` URI internally —\n   * see `buildTelHref` for the rules.\n   */\n  phone?: string;\n  /** Heading element used for `name`. Defaults to a non-heading `<p>`. */\n  nameAs?: 'p' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n}\n\nconst ContactCardOffice = forwardRef<HTMLElement, ContactCardOfficeProps>(\n  (\n    { name, lines, vatNumber, phone, nameAs = 'p', className, ...props },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const NameTag = nameAs as 'p';\n\n    return (\n      <address\n        ref={ref as React.Ref<HTMLElement>}\n        data-component=\"contact-card-office\"\n        className={[\n          // `not-italic` overrides the UA default for `<address>` since\n          // the kit's type ramp already encodes intent — italic would\n          // double up with a heading-bold name and read as emphasis.\n          'ds:not-italic ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <NameTag className=\"ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-label ds:font-semibold ds:text-foreground\">\n          <MapPin\n            aria-hidden=\"true\"\n            className=\"ds:size-[1.25em] ds:text-primary ds:shrink-0\"\n          />\n          <span>{name}</span>\n        </NameTag>\n        <div className=\"type-body-sm ds:text-foreground ds:[unicode-bidi:isolate]\">\n          {lines.map((line, i) => (\n            <Fragment key={i}>\n              {line}\n              {i < lines.length - 1 ? <br /> : null}\n            </Fragment>\n          ))}\n        </div>\n        {vatNumber ? (\n          <div className=\"type-body-sm ds:text-muted-foreground\">\n            <span className=\"ds:me-[var(--spacing-2xs)]\">\n              {t('contactCard.vatNumberLabel')}\n            </span>\n            <span className=\"ds:[unicode-bidi:isolate]\">{vatNumber}</span>\n          </div>\n        ) : null}\n        {phone ? (\n          <div className=\"type-body-sm ds:text-muted-foreground ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ds:flex-wrap\">\n            <span>{t('contactCard.phoneLabel')}</span>\n            <Link href={buildTelHref(phone)} intent=\"default\">\n              <span className=\"ds:[unicode-bidi:isolate]\">{phone}</span>\n            </Link>\n          </div>\n        ) : null}\n      </address>\n    );\n  },\n);\nContactCardOffice.displayName = 'ContactCard.Office';\n\n/* ------------------------------------------------------------------ */\n/* Links                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type ContactCardLinksProps = HTMLAttributes<HTMLUListElement>;\n\nconst ContactCardLinks = forwardRef<HTMLUListElement, ContactCardLinksProps>(\n  ({ className, children, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-component=\"contact-card-links\"\n      className={[\n        'ds:m-0 ds:p-0 ds:list-none',\n        'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {children}\n    </ul>\n  ),\n);\nContactCardLinks.displayName = 'ContactCard.Links';\n\n/* ------------------------------------------------------------------ */\n/* Link                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardLinkProps {\n  href: string;\n  /**\n   * Leading glyph. Rendered with `--primary` so the link list reads as\n   * a coloured-icon menu (matches the marketing site's treatment).\n   * Consumers pass a bare lucide-react icon; the kit handles colour /\n   * size / aria-hidden.\n   */\n  icon: ReactNode;\n  /** Open in a new tab — adds `target=\"_blank\"` and `rel` via `Link`. */\n  external?: boolean;\n  children: ReactNode;\n}\n\nconst ContactCardLink = forwardRef<HTMLLIElement, ContactCardLinkProps>(\n  ({ href, icon, external, children }, ref) => (\n    <li ref={ref} className=\"ds:m-0\">\n      <Link\n        href={href}\n        external={external}\n        // Wrap in a `text-primary` span so the lucide glyph (which uses\n        // `currentColor`) picks up the brand tint without the consumer\n        // having to thread a className through every icon. Link adds\n        // its own aria-hidden wrapper + `[&_svg]:size-[1em]` outside\n        // this; the colour cascades through.\n        startIcon={<span className=\"ds:text-primary\">{icon}</span>}\n      >\n        {children}\n      </Link>\n    </li>\n  ),\n);\nContactCardLink.displayName = 'ContactCard.Link';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const ContactCard = Object.assign(ContactCardRoot, {\n  Office: ContactCardOffice,\n  Links: ContactCardLinks,\n  Link: ContactCardLink,\n});\n\nexport { buildTelHref as __buildTelHref };\n"],"names":["buildTelHref","display","ContactCardRoot","forwardRef","title","variant","className","children","props","ref","jsxs","Card","jsx","ContactCardOffice","name","lines","vatNumber","phone","nameAs","t","useTranslation","NameTag","MapPin","line","i","Fragment","Link","ContactCardLinks","ContactCardLink","href","icon","external","ContactCard"],"mappings":";;;;;;AAwBA,SAASA,EAAaC,GAAyB;AAG7C,SAAO,OAFeA,EAAQ,QAAQ,UAAU,EAAE,EACrB,QAAQ,WAAW,EAAE,CAC9B;AACtB;AAwBA,MAAMC,IAAkBC;AAAA,EACtB,CAAC,EAAE,OAAAC,GAAO,SAAAC,IAAU,WAAW,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAASC,MAC9D,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,SAAAJ;AAAA,MACA,kBAAe;AAAA,MACf,WAAAC;AAAA,MACC,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAJ,MAAU,SACT,gBAAAQ,EAACD,EAAK,QAAL,EACC,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,sCAAsC,UAAAR,EAAA,CAAM,EAAA,CAC5D,IACE;AAAA,QACJ,gBAAAQ;AAAA,UAACD,EAAK;AAAA,UAAL;AAAA,YACC,WAAW;AAAA,cACT;AAAA;AAAA;AAAA;AAAA;AAAA,YAAA,EAKA,KAAK,GAAG;AAAA,YAET,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;AACAL,EAAgB,cAAc;AAsC9B,MAAMW,IAAoBV;AAAA,EACxB,CACE,EAAE,MAAAW,GAAM,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,QAAAC,IAAS,KAAK,WAAAZ,GAAW,GAAGE,EAAA,GAC7DC,MACG;AACH,UAAM,EAAE,GAAAU,EAAA,IAAMC,EAAe,IAAI,GAC3BC,IAAUH;AAEhB,WACE,gBAAAR;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,kBAAe;AAAA,QACf,WAAW;AAAA;AAAA;AAAA;AAAA,UAIT;AAAA,UACAH;AAAA,QAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGE;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAE,EAACW,GAAA,EAAQ,WAAU,4GACjB,UAAA;AAAA,YAAA,gBAAAT;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAEZ,gBAAAV,EAAC,UAAM,UAAAE,EAAA,CAAK;AAAA,UAAA,GACd;AAAA,UACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,6DACZ,UAAAG,EAAM,IAAI,CAACQ,GAAMC,MAChB,gBAAAd,EAACe,GAAA,EACE,UAAA;AAAA,YAAAF;AAAA,YACAC,IAAIT,EAAM,SAAS,IAAI,gBAAAH,EAAC,QAAG,IAAK;AAAA,UAAA,KAFpBY,CAGf,CACD,GACH;AAAA,UACCR,IACC,gBAAAN,EAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,8BACb,UAAAO,EAAE,4BAA4B,GACjC;AAAA,YACA,gBAAAP,EAAC,QAAA,EAAK,WAAU,6BAA6B,UAAAI,EAAA,CAAU;AAAA,UAAA,EAAA,CACzD,IACE;AAAA,UACHC,IACC,gBAAAP,EAAC,OAAA,EAAI,WAAU,mHACb,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAA,EAAM,UAAAO,EAAE,wBAAwB,EAAA,CAAE;AAAA,YACnC,gBAAAP,EAACc,GAAA,EAAK,MAAM1B,EAAaiB,CAAK,GAAG,QAAO,WACtC,UAAA,gBAAAL,EAAC,QAAA,EAAK,WAAU,6BAA6B,aAAM,EAAA,CACrD;AAAA,UAAA,EAAA,CACF,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAC,EAAkB,cAAc;AAQhC,MAAMc,IAAmBxB;AAAA,EACvB,CAAC,EAAE,WAAAG,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAClC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,kBAAe;AAAA,MACf,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACAH;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AACAoB,EAAiB,cAAc;AAoB/B,MAAMC,IAAkBzB;AAAA,EACtB,CAAC,EAAE,MAAA0B,GAAM,MAAAC,GAAM,UAAAC,GAAU,UAAAxB,EAAA,GAAYE,MACnC,gBAAAG,EAAC,MAAA,EAAG,KAAAH,GAAU,WAAU,UACtB,UAAA,gBAAAG;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,MAAAG;AAAA,MACA,UAAAE;AAAA,MAMA,WAAW,gBAAAnB,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAAkB,GAAK;AAAA,MAElD,UAAAvB;AAAA,IAAA;AAAA,EAAA,EACH,CACF;AAEJ;AACAqB,EAAgB,cAAc;AAMvB,MAAMI,IAAc,OAAO,OAAO9B,GAAiB;AAAA,EACxD,QAAQW;AAAA,EACR,OAAOc;AAAA,EACP,MAAMC;AACR,CAAC;"}