@alfadocs/ui-kit-debug 1.35.0 → 1.36.0

package/dist/_chunks/patient-summary-card--CT_gbaQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"patient-summary-card--CT_gbaQ.js","sources":["../../node_modules/lucide-react/dist/esm/icons/file-exclamation-point.mjs","../../node_modules/lucide-react/dist/esm/icons/message-square-warning.mjs","../../src/components/patient-summary-card/patient-summary-card.agent.ts","../../src/components/patient-summary-card/patient-summary-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.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.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\",\n      key: \"1oefj6\"\n    }\n  ],\n  [\"path\", { d: \"M12 9v4\", key: \"juzpu7\" }],\n  [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst FileExclamationPoint = createLucideIcon(\"file-exclamation-point\", __iconNode);\n\nexport { __iconNode, FileExclamationPoint as default };\n//# sourceMappingURL=file-exclamation-point.mjs.map\n","/**\n * @license lucide-react v1.22.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.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\",\n      key: \"18887p\"\n    }\n  ],\n  [\"path\", { d: \"M12 15h.01\", key: \"q59x07\" }],\n  [\"path\", { d: \"M12 7v4\", key: \"xawao1\" }]\n];\nconst MessageSquareWarning = createLucideIcon(\"message-square-warning\", __iconNode);\n\nexport { __iconNode, MessageSquareWarning as default };\n//# sourceMappingURL=message-square-warning.mjs.map\n","import type { AgentAdapter } from '../../agent/types';\nimport type { PatientSummaryCardHandle } from './patient-summary-card';\n\n/* -------------------------------------------------------------------- */\n/* Agent adapter — PatientSummaryCard                                    */\n/*                                                                        */\n/* Read-only adapter. Surfaces a STRUCTURAL snapshot of the patient       */\n/* overview — counts, flags, and the consumer id only. Never the patient */\n/* name, age, contact details, or any clinical content, so an agent /    */\n/* MCP runtime can answer \"does this patient have unpaid balances /       */\n/* unsigned documents / AI consent?\" without re-parsing the DOM and       */\n/* without leaking PHI (PRS §Security).                                   */\n/* -------------------------------------------------------------------- */\n\nexport const patientSummaryCardAgent: AgentAdapter<PatientSummaryCardHandle> = {\n  id: 'patient-summary-card',\n  // The agent surface is a structural snapshot only — the single handle method\n  // is a getSummary projection. The card MAY be human-customized (the optional\n  // per-context \"Customize fields\" cog), but that field reordering is a UI\n  // concern and is deliberately NOT exposed as an agent action; programmatic\n  // field-set control lives on PatientDetails' adapter (set_field_order).\n  capabilities: [],\n  state: {\n    summary: {\n      type: '{ id?: string; hasUnpaid: boolean; unsignedDocumentsCount: number; highlightedAnamnesisCount: number; aiConsentGranted: boolean }',\n      descriptionKey: 'ui.agent.patientSummaryCard.state.summary',\n      description:\n        'Structural summary of the patient card — identifiers, counts, and consent flags only. Never patient identity or clinical content.',\n      read: (handle) => handle.getSummary(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'patient-summary-card',\n      description: 'Marks the PatientSummaryCard root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  CalendarDays,\n  FileExclamationPoint,\n  Mail,\n  MapPin,\n  MessageSquareWarning,\n  Phone,\n  ShieldCheck,\n  Astroid,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { KeyValueList, KeyValuePair } from '../key-value-pair/key-value-pair';\nimport { Link } from '../link/link';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { Tag } from '../tag/tag';\nimport { TransactionChip } from '../transaction-chip/transaction-chip';\nimport { isSafeEntityUrl } from '../_shared/is-safe-url';\nimport {\n  resolveVisibleFields,\n  type PatientField,\n  type PatientFieldSection,\n} from '../_shared/patient-fields';\nimport { usePatientFieldVisibility } from '../_shared/field-visibility';\nimport { FieldVisibilityCog } from '../_shared/field-visibility-cog';\nimport {\n  AgeChip,\n  FieldValue,\n  NeutralChip,\n  SexChip,\n} from '../_shared/field-value';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { patientSummaryCardAgent } from './patient-summary-card.agent';\n\n/** A section list reference that stays stable across renders (legacy mode). */\nconst NO_SECTIONS: PatientFieldSection[] = [];\n\n/* -------------------------------------------------------------------- */\n/* PatientSummaryCard                                                     */\n/*                                                                        */\n/* The patient-overview profile card every AlfaDocs in-app surface       */\n/* composes by hand today (platform patient header, alfascribe patient   */\n/* sidebar, check-in landing). Templated on ContactProfileCard: composes */\n/* Card + Avatar + KeyValueList + KeyValuePair + Badge + Tag +           */\n/* TransactionChip + Link so the contact rows share a column and every   */\n/* row uses the same lucide icon family.                                 */\n/*                                                                        */\n/* The kit owns the ORDER, ICONS, and LABELS — consumers pass data. No   */\n/* free-text clinical content (anamnesis notes, diagnoses) ever lives    */\n/* here: only counts/flags/relations are surfaced, so the card stays     */\n/* PHI-light and the agent state can be derived without leaking patient  */\n/* identity.                                                             */\n/*                                                                        */\n/* All visible text flows through `useTranslation('ui')` against the     */\n/* `patientSummaryCard.*` namespace.                                     */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                             */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    // Matches the kit's other `surface` props (ContactProfileCard,\n    // OperatorHero). `'elevated'` wraps the content in `<Card>`.\n    surface: {\n      flat: '',\n      elevated: '',\n    },\n    // Density tunes the avatar size + body padding. `comfortable` reads\n    // as a page header; `compact` fits an embedded sidebar / aside.\n    density: {\n      comfortable: '',\n      compact: '',\n    },\n  },\n  defaultVariants: {\n    surface: 'elevated',\n    density: 'comfortable',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\n/** Patient phone number — already formatted for display by the consumer. */\nexport interface PatientSummaryCardPhone {\n  /** Display string, e.g. `\"+39 055 123 4567\"`. Compiled into a `tel:` link. */\n  prefixAndNumber: string;\n  /** Optional label that distinguishes this number (e.g. \"Mobile\"). */\n  label?: string;\n  /** Whether SMS is enabled for this number — shows a small \"SMS\" chip. */\n  smsEnabled?: boolean;\n}\n\n/** A family relation row — links one patient to another. */\nexport interface PatientSummaryCardFamilyRelation {\n  /** Localised relation label, consumer-supplied (e.g. \"Mother\", \"Child\"). */\n  relation: string;\n  /** The related patient — name + optional in-app profile URL. */\n  relatedPatient: {\n    name: string;\n    url?: string;\n  };\n}\n\n/** Operator the patient is assigned to. */\nexport interface PatientSummaryCardAssignee {\n  name: string;\n  avatarUrl?: string;\n}\n\n/** AI-consent grant metadata — structural only, never the consented content. */\nexport interface PatientSummaryCardAiConsent {\n  /** ISO-8601 / display string of when consent was granted. */\n  grantedAt: string;\n  /** Optional name of who recorded the grant. */\n  grantedBy?: string;\n}\n\n/** Status flags rendered as glyph badges (counts / amounts only — no PHI). */\nexport interface PatientSummaryCardFlags {\n  /** Number of anamnesis answers highlighted for clinical attention. */\n  highlightedAnamnesisCount?: number;\n  /** Outstanding balance in the smallest currency unit (cents). */\n  unpaidAmountCents?: number;\n  /** Number of documents awaiting the patient's signature. */\n  unsignedDocumentsCount?: number;\n}\n\n/** Marketing-consent tri-state. */\nexport type PatientSummaryCardMarketingConsent = 'no' | 'yes' | 'not_specified';\n\nexport interface PatientSummaryCardHandle {\n  /** Structural snapshot — identifiers and counts only, never patient identity. */\n  getSummary: () => {\n    id?: string;\n    hasUnpaid: boolean;\n    unsignedDocumentsCount: number;\n    highlightedAnamnesisCount: number;\n    aiConsentGranted: boolean;\n  };\n}\n\nexport interface PatientSummaryCardProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** Patient display name. Rendered as the heading. */\n  name: string;\n  /** Honorific — `'mr'` / `'ms'`. Prepended to the name in the heading. */\n  title?: 'mr' | 'ms';\n  /** Patient age in whole years — rendered in the identity line. */\n  ageYears?: number;\n  /** Date of birth — already formatted for display by the consumer. */\n  dateOfBirth?: string;\n  /** Biological sex marker — `'m'` / `'f'`. Drives the identity-line glyph copy. */\n  gender?: 'm' | 'f';\n  /** Optional avatar / photo URL. Falls back to initials. */\n  avatarUrl?: string;\n  /**\n   * In-app patient profile URL. When safe, the heading becomes a link.\n   * Guarded by the shared `isSafeEntityUrl` allow-list — unsafe URLs are\n   * dropped and the heading renders as plain text.\n   */\n  patientUrl?: string;\n\n  /* ----- Shared field model (preferred) ----- */\n\n  /**\n   * Patient fields in the shared model — the SAME `sections` shape\n   * `PatientDetails` consumes (`@alfadocs/ui-kit` `PatientFieldSection`).\n   * When provided, the card renders these (honouring `visibleFieldOrder`)\n   * instead of the legacy contact props, so a consumer defines its patient-\n   * field registry once and reuses it across every patient surface.\n   *\n   * The card renders each field's `label`, `value`, and `icon` only — it is\n   * flat (section headings are not shown in the body) and never inline-edits;\n   * `sensitive` / `copyable` / `mono` / `editable` are honoured by\n   * `PatientDetails`, not the card (so the PHI lock glyph does not appear here).\n   *\n   * Pass `onVisibleFieldsChange` alongside `sections` to make THIS placement\n   * self-curating (a \"Customize fields\" cog appears — show/hide + drag-and-drop\n   * reorder).\n   */\n  sections?: PatientFieldSection[];\n  /**\n   * Ordered visible field ids for THIS placement. The order is a\n   * per-INSTANCE, per-CONTEXT preference the kit never persists — wire it to\n   * whatever scope the consumer wants (e.g. a global per-user setting, or a\n   * different config in the care-plan view vs the patient folder). The same\n   * field vocabulary can therefore display differently in different parts of\n   * the app. Omit (`undefined`) ⇒ show every field; an explicit empty array\n   * `[]` ⇒ show none (a card that starts collapsed to name + identity chips and\n   * reveals fields via the cog). Also applied to the legacy contact rows (ids\n   * `email` / `phone` / `cityProvince` / `marketingConsent` / `aiConsent` /\n   * `assignedTo`).\n   */\n  visibleFieldOrder?: string[];\n  /**\n   * Make this card's field set user-customizable. When provided alongside\n   * `sections`, a \"Customize fields\" cog renders in the header (show/hide +\n   * drag-and-drop / Alt+Arrow reorder), and this fires with the next ordered\n   * visible set. The consumer owns persistence + its scope — editing here\n   * writes only THIS context's preference, never a shared/global one.\n   */\n  onVisibleFieldsChange?: (orderedIds: string[]) => void;\n\n  /* ----- Contact rows (legacy — prefer `sections`) ----- */\n\n  /** @deprecated Pass via `sections`. Patient email — `mailto:` link when `emailEnabled`. */\n  email?: string;\n  /** Whether email contact is enabled — gates the `mailto:` link. */\n  emailEnabled?: boolean;\n  /** Phone number block. Compiled into a `tel:` link. */\n  phone?: PatientSummaryCardPhone;\n  /** City / province display string. */\n  cityProvince?: string;\n\n  /* ----- Consent ----- */\n\n  /** Marketing-consent tri-state. */\n  marketingConsent?: PatientSummaryCardMarketingConsent;\n  /** AI-consent grant metadata. When present, an \"AI consent\" row renders. */\n  aiConsent?: PatientSummaryCardAiConsent;\n\n  /* ----- Status flags ----- */\n\n  /** Counts / amounts surfaced as glyph badges. */\n  flags?: PatientSummaryCardFlags;\n\n  /* ----- Relations & assignment ----- */\n\n  /** Family relations — rendered as `<Tag>` chips, optionally linked. */\n  familyRelations?: PatientSummaryCardFamilyRelation[];\n  /** Operator the patient is assigned to. */\n  assignedTo?: PatientSummaryCardAssignee;\n\n  /* ----- Formatting ----- */\n\n  /** ISO-4217 currency code for the unpaid-amount chip. Defaults to `EUR`. */\n  currency?: string;\n  /** BCP-47 locale override. Defaults to the active i18next language. */\n  locale?: string;\n\n  /* ----- States ----- */\n\n  /** Render the skeleton loading placeholder. */\n  loading?: boolean;\n\n  /* ----- Slots & callbacks ----- */\n\n  /** Rendered at the inline-end of the heading row (e.g. an action menu). */\n  actionSlot?: ReactNode;\n  /** Fires when the whole card / heading is activated. */\n  onActivate?: () => void;\n\n  /* ----- Styling ----- */\n\n  /** `'elevated'` (default) wraps in `<Card>`; `'flat'` drops the chrome. */\n  surface?: 'flat' | 'elevated';\n  /** `'comfortable'` (default) reads as a header; `'compact'` for asides. */\n  density?: 'comfortable' | 'compact';\n\n  /* ----- a11y ----- */\n\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\n/** Strip everything except digits + leading `+` for `tel:` URLs. */\nfunction normalisePhone(raw: string): string {\n  return raw.replace(/[^\\d+]/g, '');\n}\n\n/* -------------------------------------------------------------------- */\n/* Flag glyphs — the closed set of status indicators                     */\n/* -------------------------------------------------------------------- */\n\n/** The closed set of status-flag keys (icon + tonal variant defined below). */\ntype FlagKey = 'highlightedAnamnesis' | 'unsignedDocuments';\n\nconst FLAG_ICON: Record<FlagKey, LucideIcon> = {\n  highlightedAnamnesis: MessageSquareWarning,\n  unsignedDocuments: FileExclamationPoint,\n};\n\nconst FLAG_VARIANT: Record<FlagKey, 'warning' | 'error'> = {\n  highlightedAnamnesis: 'warning',\n  unsignedDocuments: 'error',\n};\n\n/** English fallbacks for the flag badge accessible names (count-interpolated). */\nconst FLAG_LABEL_DEFAULTS: Record<FlagKey, string> = {\n  highlightedAnamnesis: '{{count}} highlighted anamnesis answers',\n  unsignedDocuments: '{{count}} unsigned documents',\n};\n\n/** English fallbacks for the marketing-consent tri-state chip. */\nconst MARKETING_CONSENT_DEFAULTS: Record<\n  PatientSummaryCardMarketingConsent,\n  string\n> = {\n  yes: 'Yes',\n  no: 'No',\n  not_specified: 'Not specified',\n};\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const PatientSummaryCard = forwardRef<\n  HTMLDivElement,\n  PatientSummaryCardProps\n>(\n  (\n    {\n      name,\n      title,\n      ageYears,\n      dateOfBirth,\n      gender,\n      avatarUrl,\n      patientUrl,\n      sections,\n      visibleFieldOrder,\n      onVisibleFieldsChange,\n      email,\n      emailEnabled = false,\n      phone,\n      cityProvince,\n      marketingConsent,\n      aiConsent,\n      flags,\n      familyRelations,\n      assignedTo,\n      currency = 'EUR',\n      locale,\n      loading = false,\n      actionSlot,\n      onActivate,\n      surface = 'elevated',\n      density = 'comfortable',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const headingId = useId();\n    const activeLocale = locale ?? i18n.language ?? 'en';\n\n    const unpaidAmountCents = flags?.unpaidAmountCents;\n    const unsignedDocumentsCount = flags?.unsignedDocumentsCount ?? 0;\n    const highlightedAnamnesisCount = flags?.highlightedAnamnesisCount ?? 0;\n    const hasUnpaid = unpaidAmountCents != null && unpaidAmountCents > 0;\n\n    // Imperative handle — structural snapshot only (counts/flags/ids),\n    // never the patient name or any clinical content.\n    const handle = useMemo<PatientSummaryCardHandle>(\n      () => ({\n        getSummary: () => ({\n          id,\n          hasUnpaid,\n          unsignedDocumentsCount,\n          highlightedAnamnesisCount,\n          aiConsentGranted: aiConsent != null,\n        }),\n      }),\n      [\n        id,\n        hasUnpaid,\n        unsignedDocumentsCount,\n        highlightedAnamnesisCount,\n        aiConsent,\n      ],\n    );\n    useAgentRegistration(patientSummaryCardAgent, handle, id);\n\n    // Per-context field visibility. The cog (and live reordering) only engages\n    // with the shared `sections` model AND an `onVisibleFieldsChange` handler;\n    // legacy contact-prop cards stay read-only. The order is this placement's\n    // own preference — never shared across surfaces.\n    const customizable = !!sections && !!onVisibleFieldsChange;\n    const fieldVisibility = usePatientFieldVisibility(sections ?? NO_SECTIONS, {\n      value: visibleFieldOrder,\n      onChange: onVisibleFieldsChange,\n    });\n\n    const resolvedAriaLabel =\n      ariaLabel ??\n      t('patientSummaryCard.regionLabel', { defaultValue: 'Patient overview' });\n\n    // Heading text: optional honorific prefix + name.\n    const TITLE_DEFAULTS: Record<'mr' | 'ms', string> = {\n      mr: 'Mr.',\n      ms: 'Ms.',\n    };\n    const honorific = title\n      ? t(`patientSummaryCard.title.${title}`, {\n          defaultValue: TITLE_DEFAULTS[title],\n        })\n      : undefined;\n    const headingText = honorific ? `${honorific} ${name}` : name;\n\n    // Identity line: the canonical sex / age / dob chips below the name — the\n    // SAME chips the field model renders, so the header and the field rows\n    // agree. Each chip is added only when its prop is present. (`dateOfBirth`\n    // is a consumer-preformatted display string, so it goes through NeutralChip\n    // directly rather than the date-parsing `dob` kind.)\n    const identityChips: ReactNode[] = [];\n    if (gender) {\n      identityChips.push(<SexChip key=\"sex\" code={gender} />);\n    }\n    if (ageYears != null) {\n      identityChips.push(<AgeChip key=\"age\" years={ageYears} />);\n    }\n    if (dateOfBirth) {\n      identityChips.push(\n        <NeutralChip key=\"dob\" icon={<CalendarDays />}>\n          {dateOfBirth}\n        </NeutralChip>,\n      );\n    }\n\n    const isUrlSafe = !!patientUrl && isSafeEntityUrl(patientUrl);\n\n    const avatarSize = density === 'comfortable' ? 'xl' : 'lg';\n    const headingClass =\n      density === 'comfortable' ? 'type-title-card' : 'type-title-item';\n    const bodyGapClass =\n      density === 'comfortable'\n        ? 'ds:gap-[var(--spacing-md)]'\n        : 'ds:gap-[var(--spacing-sm)]';\n\n    /* ---------------------------------------------------------------- */\n    /* Contact rows                                                      */\n    /* ---------------------------------------------------------------- */\n\n    const rows: Array<{\n      key: string;\n      icon: ReactElement;\n      label: string;\n      value: ReactNode;\n    }> = [];\n\n    if (email) {\n      rows.push({\n        key: 'email',\n        icon: <Mail aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.email', { defaultValue: 'Email' }),\n        value: emailEnabled ? (\n          <Link href={`mailto:${email}`} intent=\"default\" onClick={onActivate}>\n            {email}\n          </Link>\n        ) : (\n          <span className=\"ds:text-[color:var(--muted-foreground)]\">\n            {email}\n          </span>\n        ),\n      });\n    }\n\n    if (phone) {\n      rows.push({\n        key: 'phone',\n        icon: <Phone aria-hidden=\"true\" />,\n        label:\n          phone.label ??\n          t('patientSummaryCard.label.phone', { defaultValue: 'Phone' }),\n        value: (\n          <span className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]\">\n            <Link\n              href={`tel:${normalisePhone(phone.prefixAndNumber)}`}\n              intent=\"default\"\n            >\n              {phone.prefixAndNumber}\n            </Link>\n            {phone.smsEnabled ? (\n              <Badge variant=\"success\" size=\"sm\">\n                {t('patientSummaryCard.value.smsEnabled', {\n                  defaultValue: 'SMS',\n                })}\n              </Badge>\n            ) : null}\n          </span>\n        ),\n      });\n    }\n\n    if (cityProvince) {\n      rows.push({\n        key: 'cityProvince',\n        icon: <MapPin aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.cityProvince', {\n          defaultValue: 'City / province',\n        }),\n        value: cityProvince,\n      });\n    }\n\n    if (marketingConsent) {\n      rows.push({\n        key: 'marketingConsent',\n        icon: <ShieldCheck aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.marketingConsent', {\n          defaultValue: 'Marketing consent',\n        }),\n        value: (\n          <Badge\n            variant={\n              marketingConsent === 'yes'\n                ? 'success'\n                : marketingConsent === 'no'\n                  ? 'error'\n                  : 'neutral'\n            }\n            size=\"sm\"\n            withDot\n          >\n            {t(`patientSummaryCard.marketingConsent.${marketingConsent}`, {\n              defaultValue: MARKETING_CONSENT_DEFAULTS[marketingConsent],\n            })}\n          </Badge>\n        ),\n      });\n    }\n\n    if (aiConsent) {\n      rows.push({\n        key: 'aiConsent',\n        icon: <Astroid aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.aiConsent', {\n          defaultValue: 'AI consent',\n        }),\n        value: aiConsent.grantedBy\n          ? t('patientSummaryCard.value.aiConsentGrantedBy', {\n              date: aiConsent.grantedAt,\n              by: aiConsent.grantedBy,\n              defaultValue: 'Granted {{date}} by {{by}}',\n            })\n          : t('patientSummaryCard.value.aiConsentGrantedAt', {\n              date: aiConsent.grantedAt,\n              defaultValue: 'Granted {{date}}',\n            }),\n      });\n    }\n\n    if (assignedTo) {\n      rows.push({\n        key: 'assignedTo',\n        icon: <Users aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.assignedTo', {\n          defaultValue: 'Assigned to',\n        }),\n        value: (\n          <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n            <Avatar\n              size=\"xs\"\n              name={assignedTo.name}\n              src={assignedTo.avatarUrl}\n            />\n            <span>{assignedTo.name}</span>\n          </span>\n        ),\n      });\n    }\n\n    /* ---------------------------------------------------------------- */\n    /* Attention-flag chips (VERBOSE — shown in the identity line)        */\n    /*                                                                    */\n    /* The unpaid balance + warning counts sit in the chip row under the  */\n    /* name, BEFORE the sex / age chips, each as a self-describing chip    */\n    /* (\"2 unsigned documents\") rather than a collapsed count badge in a   */\n    /* separate strip — the attention signals lead the patient's chips.    */\n    /* ---------------------------------------------------------------- */\n\n    const flagBadges: Array<{ key: FlagKey; count: number }> = [];\n    if (highlightedAnamnesisCount > 0) {\n      flagBadges.push({\n        key: 'highlightedAnamnesis',\n        count: highlightedAnamnesisCount,\n      });\n    }\n    if (unsignedDocumentsCount > 0) {\n      flagBadges.push({\n        key: 'unsignedDocuments',\n        count: unsignedDocumentsCount,\n      });\n    }\n\n    const attentionChips: ReactNode[] = [];\n    if (hasUnpaid) {\n      attentionChips.push(\n        <TransactionChip\n          key=\"unpaid\"\n          state=\"debt\"\n          amount={(unpaidAmountCents as number) / 100}\n          currency={currency}\n          locale={activeLocale}\n          size=\"md\"\n          showLabel\n        />,\n      );\n    }\n    flagBadges.forEach(({ key, count }) => {\n      const FlagIcon = FLAG_ICON[key];\n      // The Badge's visible text IS the count-interpolated label, so it's its\n      // own accessible name — the leading glyph is decorative (aria-hidden).\n      attentionChips.push(\n        <Badge\n          key={key}\n          variant={FLAG_VARIANT[key]}\n          size=\"md\"\n          leading={<FlagIcon aria-hidden=\"true\" />}\n        >\n          {t(`patientSummaryCard.flag.${key}`, {\n            count,\n            defaultValue: FLAG_LABEL_DEFAULTS[key],\n          })}\n        </Badge>,\n      );\n    });\n\n    /* ---------------------------------------------------------------- */\n    /* Loading skeleton                                                  */\n    /* ---------------------------------------------------------------- */\n\n    const skeletonBody = (\n      <div className={`ds:flex ds:flex-col ${bodyGapClass}`}>\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-md)]\">\n          <Skeleton variant=\"circular\" size=\"lg\" />\n          <div className=\"ds:flex ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <Skeleton variant=\"text\" width=\"60%\" />\n            <Skeleton variant=\"text\" width=\"40%\" />\n          </div>\n        </div>\n        <Skeleton variant=\"text\" lines={3} />\n      </div>\n    );\n\n    /* ---------------------------------------------------------------- */\n    /* Header                                                            */\n    /* ---------------------------------------------------------------- */\n\n    const heading = isUrlSafe ? (\n      <Link\n        href={patientUrl as string}\n        intent=\"default\"\n        weight=\"strong\"\n        onClick={onActivate}\n        className={`${headingClass} ds:no-underline`}\n      >\n        <span id={headingId}>{headingText}</span>\n      </Link>\n    ) : (\n      <span\n        id={headingId}\n        className={`${headingClass} ds:text-[color:var(--foreground)]`}\n      >\n        {headingText}\n      </span>\n    );\n\n    const header = (\n      <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-md)]\">\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatarUrl}\n          className=\"ds:shrink-0\"\n        />\n        <div className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {heading}\n          {attentionChips.length > 0 || identityChips.length > 0 ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {/* Attention flags lead, then the sex / age / dob identity chips. */}\n              {attentionChips}\n              {identityChips}\n            </div>\n          ) : null}\n        </div>\n        {customizable || actionSlot ? (\n          <div className=\"ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {customizable && sections ? (\n              <FieldVisibilityCog\n                sections={sections}\n                visible={fieldVisibility.visible}\n                onToggleField={fieldVisibility.toggleField}\n                onToggleSection={fieldVisibility.toggleSection}\n                onMoveFieldOnto={fieldVisibility.moveFieldOnto}\n                onReset={fieldVisibility.reset}\n              />\n            ) : null}\n            {actionSlot}\n          </div>\n        ) : null}\n      </div>\n    );\n\n    /* ---------------------------------------------------------------- */\n    /* Family relations                                                  */\n    /* ---------------------------------------------------------------- */\n\n    const familyBlock =\n      familyRelations && familyRelations.length > 0 ? (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <span className=\"type-label ds:text-[color:var(--muted-foreground)]\">\n            {t('patientSummaryCard.label.familyRelations', {\n              defaultValue: 'Family relations',\n            })}\n          </span>\n          <div className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n            {familyRelations.map((rel, index) => {\n              const safeUrl =\n                !!rel.relatedPatient.url &&\n                isSafeEntityUrl(rel.relatedPatient.url);\n              const tagLabel = t('patientSummaryCard.value.familyRelation', {\n                relation: rel.relation,\n                name: rel.relatedPatient.name,\n                defaultValue: '{{relation}}: {{name}}',\n              });\n              return safeUrl ? (\n                <Link\n                  key={`${rel.relation}-${index}`}\n                  href={rel.relatedPatient.url as string}\n                  intent=\"default\"\n                  className=\"ds:no-underline\"\n                >\n                  <Tag label={tagLabel} variant=\"neutral\" />\n                </Link>\n              ) : (\n                <Tag\n                  key={`${rel.relation}-${index}`}\n                  label={tagLabel}\n                  variant=\"neutral\"\n                />\n              );\n            })}\n          </div>\n        </div>\n      ) : null;\n\n    /* ---------------------------------------------------------------- */\n    /* Body                                                              */\n    /* ---------------------------------------------------------------- */\n\n    // Field rows resolve through the SHARED model: when the consumer passes\n    // `sections` (preferred), render those; otherwise wrap the legacy contact\n    // rows as a single section. Either way `resolveVisibleFields` applies the\n    // shared `visibleFieldOrder` preference, so the card and PatientDetails\n    // always show the same fields, honouring the same per-user choice.\n    const legacyFields: PatientField[] = rows.map((row) => ({\n      id: row.key,\n      label: row.label,\n      value: row.value,\n      icon: row.icon,\n    }));\n    const effectiveSections: PatientFieldSection[] = sections ?? [\n      { id: 'contact', heading: '', fields: legacyFields },\n    ];\n    // With the shared `sections` model the order comes from the visibility hook\n    // (so a cog reorder reflects live); legacy contact rows honour the raw\n    // `visibleFieldOrder` prop.\n    const order = sections ? fieldVisibility.visible : visibleFieldOrder;\n    const visibleFields = resolveVisibleFields(\n      effectiveSections,\n      order,\n    ).flatMap((resolved) => resolved.fields);\n\n    const body = (\n      <div className={`ds:flex ds:flex-col ${bodyGapClass}`}>\n        {header}\n        {visibleFields.length > 0 ? (\n          // Container-queried so the fields flow into two columns when the\n          // card is wide enough (the banner spans the full folder width), and\n          // stay single-column in a narrow rail. The list's KeyValuePair\n          // children already `col-span-3`; doubling the parent to six tracks\n          // (`repeat(2, …)`) lets grid auto-flow place two fields per row while\n          // each column keeps its own subgrid label/value alignment.\n          // 672px, not the `@2xl` rem alias: container-query `rem` follows the\n          // host root font-size, so a non-16px root moves the threshold.\n          <div className=\"ds:@container/pfields\">\n            <KeyValueList\n              rowGap=\"sm\"\n              className=\"ds:@[672px]/pfields:grid-cols-[repeat(2,auto_auto_minmax(0,1fr))]\"\n            >\n              {visibleFields.map((field) => (\n                <KeyValuePair\n                  key={field.id}\n                  icon={field.icon ?? undefined}\n                  label={field.label}\n                  value={<FieldValue field={field} />}\n                />\n              ))}\n            </KeyValueList>\n          </div>\n        ) : null}\n        {familyBlock}\n      </div>\n    );\n\n    const inner = loading ? skeletonBody : body;\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        // When the heading is rendered, the patient name (via\n        // aria-labelledby) is the region's accessible name — the more\n        // meaningful label than a generic \"Patient overview\". A consumer\n        // aria-label still wins; the generic fallback only applies when\n        // there is no heading to point at (loading state).\n        aria-label={loading || ariaLabel ? resolvedAriaLabel : undefined}\n        aria-labelledby={loading || ariaLabel ? undefined : headingId}\n        aria-busy={loading || undefined}\n        data-component=\"patient-summary-card\"\n        data-component-id={id}\n        data-density={density}\n        id={id}\n        className={rootVariants({ surface, density, 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\nPatientSummaryCard.displayName = 'PatientSummaryCard';\n\n/** Variant unions re-exported for downstream typing. */\nexport type PatientSummaryCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\nexport type PatientSummaryCardDensity = NonNullable<\n  VariantProps<typeof rootVariants>['density']\n>;\n"],"names":["__iconNode","FileExclamationPoint","createLucideIcon","MessageSquareWarning","patientSummaryCardAgent","handle","NO_SECTIONS","rootVariants","cva","normalisePhone","raw","FLAG_ICON","FLAG_VARIANT","FLAG_LABEL_DEFAULTS","MARKETING_CONSENT_DEFAULTS","PatientSummaryCard","forwardRef","name","title","ageYears","dateOfBirth","gender","avatarUrl","patientUrl","sections","visibleFieldOrder","onVisibleFieldsChange","email","emailEnabled","phone","cityProvince","marketingConsent","aiConsent","flags","familyRelations","assignedTo","currency","locale","loading","actionSlot","onActivate","surface","density","ariaLabel","id","className","rest","ref","i18n","useTranslation","headingId","useId","activeLocale","unpaidAmountCents","unsignedDocumentsCount","highlightedAnamnesisCount","hasUnpaid","useMemo","useAgentRegistration","customizable","fieldVisibility","usePatientFieldVisibility","resolvedAriaLabel","TITLE_DEFAULTS","honorific","headingText","identityChips","jsx","SexChip","AgeChip","NeutralChip","CalendarDays","isUrlSafe","isSafeEntityUrl","avatarSize","headingClass","bodyGapClass","rows","Mail","Link","Phone","jsxs","Badge","MapPin","ShieldCheck","Astroid","Users","Avatar","flagBadges","attentionChips","TransactionChip","key","count","FlagIcon","skeletonBody","Skeleton","heading","header","FieldVisibilityCog","familyBlock","rel","index","safeUrl","tagLabel","Tag","legacyFields","row","effectiveSections","order","visibleFields","resolveVisibleFields","resolved","body","KeyValueList","field","KeyValuePair","FieldValue","inner","Card"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/_chunks/payment-automation-upsell-DwQW2fRp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payment-automation-upsell-DwQW2fRp.js","sources":["../../node_modules/lucide-react/dist/esm/icons/arrow-right.mjs","../../src/patterns/payment-automation-upsell/payment-automation-upsell.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.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.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }],\n  [\"path\", { d: \"m12 5 7 7-7 7\", key: \"xquz4c\" }]\n];\nconst ArrowRight = createLucideIcon(\"arrow-right\", __iconNode);\n\nexport { __iconNode, ArrowRight as default };\n//# sourceMappingURL=arrow-right.mjs.map\n","/* -------------------------------------------------------------------- */\n/* Payment Automation Upsell — PLG surface for the payment-request index  */\n/* when the Payment Automation (PAU) module is NOT enabled.               */\n/*                                                                        */\n/* Replaces the old dead-end \"module disabled\" page with a value preview  */\n/* + role-aware call to action. Ships as a RUNTIME pattern (an importable */\n/* component) so the platform mounts it directly instead of hand-rolling  */\n/* markup — see src/patterns/README.md § \"Exception — runtime patterns\".  */\n/*                                                                        */\n/* Copy is consumer-owned: every user-visible string arrives pre-         */\n/* translated via props (the host app localises through its own i18n),    */\n/* mirroring MarketplaceAppShell. The kit owns the design, not the words. */\n/* Marketing-serif display heading is the DS-owner-sanctioned PAU         */\n/* exception (CLAUDE.md constraint 10 / 06-i18n § Font Requirements).     */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport {\n  ArrowRight,\n  CalendarClock,\n  CircleCheck,\n  Clock,\n  CreditCard,\n  Lock,\n  ReceiptEuro,\n  RefreshCw,\n  Repeat,\n  Send,\n  ShieldCheck,\n  TriangleAlert,\n} from 'lucide-react';\n\nimport { Alert } from '../../components/alert';\nimport { Badge } from '../../components/badge';\nimport { BenefitCard } from '../../components/benefit-card';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { List } from '../../components/list';\nimport { Stat } from '../../components/stat';\n\n/** Who is viewing the surface — drives which CTA is shown. */\nexport type PaymentAutomationUpsellRole = 'owner' | 'member';\n\n/** Status of a mock payment request in the preview. */\nexport type PaymentAutomationUpsellRequestStatus =\n  | 'paid'\n  | 'authorized'\n  | 'pending'\n  | 'overdue';\n\nexport interface PaymentAutomationUpsellStep {\n  id: string;\n  /** Pre-translated step title. */\n  title: string;\n  /** Pre-translated step body. */\n  description: string;\n  /** Optional icon override; a sensible default is chosen per position. */\n  icon?: ReactNode;\n}\n\nexport interface PaymentAutomationUpsellFeature {\n  id: string;\n  /** Pre-translated single line of the \"what's included\" checklist. */\n  label: string;\n}\n\nexport interface PaymentAutomationUpsellMetric {\n  id: string;\n  /** Headline value, already formatted/localised, e.g. \"3×\" or \"−75%\". */\n  value: string;\n  /** Pre-translated caption under the value. */\n  label: string;\n}\n\nexport interface PaymentAutomationUpsellPreviewRow {\n  id: string;\n  /** Pre-translated row title, e.g. \"Richiesta RDP-2026-0042\". */\n  title: string;\n  /** Optional pre-translated secondary line (plan / date). Never real PHI. */\n  meta?: string;\n  /** Amount in minor units (cents); formatted with `locale` + `currency`. */\n  amountCents: number;\n  /** Drives the status badge colour + icon. */\n  status: PaymentAutomationUpsellRequestStatus;\n  /** Pre-translated status label shown in the badge. */\n  statusLabel: string;\n}\n\nexport interface PaymentAutomationUpsellLabels {\n  /** Small eyebrow above the headline — usually the module name. */\n  eyebrow?: string;\n  /** Serif display headline. */\n  title: string;\n  /** One- or two-sentence supporting subtitle. */\n  subtitle: string;\n  /** Heading for the \"how it works\" step column. */\n  howItWorksHeading: string;\n  /** Heading for the mock preview. */\n  previewHeading: string;\n  /** Optional small caption flagging the preview as illustrative. */\n  previewCaption?: string;\n  /** Title of the right-hand call-to-action card. */\n  ctaCardTitle: string;\n  /** Optional pitch line under the CTA card title. */\n  ctaCardSubtitle?: string;\n  /** Optional heading above the feature checklist. */\n  featuresHeading?: string;\n  /** Optional price / plan note, e.g. \"Incluso nel piano Premium\". */\n  priceNote?: string;\n  /** Owner primary CTA label. */\n  activateLabel: string;\n  /** Member: notice title explaining they cannot self-activate. */\n  memberNoticeTitle?: string;\n  /** Member: notice body. */\n  memberNoticeDescription?: string;\n  /** Member CTA label. */\n  notifyAdminLabel?: string;\n}\n\nexport interface PaymentAutomationUpsellProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /** Who is viewing. Owners can self-activate; members ask an admin. Default `owner`. */\n  role?: PaymentAutomationUpsellRole;\n  /** All user-visible copy — pre-translated by the host app. */\n  labels: PaymentAutomationUpsellLabels;\n  /** \"How it works\" steps, rendered as numbered BenefitCards. */\n  steps: PaymentAutomationUpsellStep[];\n  /** \"What's included\" checklist. */\n  features: PaymentAutomationUpsellFeature[];\n  /** Optional proof metrics shown in the CTA card. */\n  metrics?: PaymentAutomationUpsellMetric[];\n  /** Mock payment-request rows for the preview. */\n  previewRows: PaymentAutomationUpsellPreviewRow[];\n  /** BCP-47 locale used for currency formatting. Default `it-IT`. */\n  locale?: string;\n  /** ISO-4217 currency for the preview amounts. Default `EUR`. */\n  currency?: string;\n  /** Owner CTA handler — host navigates to the activation / upgrade flow. */\n  onActivate?: () => void;\n  /** Member CTA handler — host notifies the practice owner / admin. */\n  onNotifyAdmin?: () => void;\n}\n\n/* Marketing serif is the DS-owner-sanctioned PAU exception; body/UI stays sans. */\nconst HEADLINE_CLASS = [\n  // eslint-disable-next-line no-restricted-syntax -- sanctioned PAU marketing serif display heading (constraint 10)\n  'ds:[font-family:var(--font-serif)] ds:italic ds:font-semibold ds:leading-tight',\n  'ds:text-[color:var(--primary)]',\n].join(' ');\n\nconst DEFAULT_STEP_ICONS: ReactNode[] = [\n  <CalendarClock aria-hidden=\"true\" className=\"ds:size-5\" key=\"0\" />,\n  <CreditCard aria-hidden=\"true\" className=\"ds:size-5\" key=\"1\" />,\n  <RefreshCw aria-hidden=\"true\" className=\"ds:size-5\" key=\"2\" />,\n  <Repeat aria-hidden=\"true\" className=\"ds:size-5\" key=\"3\" />,\n];\n\n/* Brand-only accent rotation. The BenefitCard `auto`/`blue`+ wheel pairs each\n   hue with the next (blue→green, green→red), so anything past `magenta` bleeds\n   into semantic colours. Cap to the three brand hues and wrap. */\nconst STEP_ACCENTS = ['violet', 'purple', 'magenta'] as const;\n\nconst STATUS_META: Record<\n  PaymentAutomationUpsellRequestStatus,\n  { variant: 'success' | 'info' | 'warning' | 'error'; icon: ReactNode }\n> = {\n  paid: {\n    variant: 'success',\n    icon: <CircleCheck aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  authorized: {\n    variant: 'info',\n    icon: <ShieldCheck aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  pending: {\n    variant: 'warning',\n    icon: <Clock aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  overdue: {\n    variant: 'error',\n    icon: <TriangleAlert aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n};\n\nexport const PaymentAutomationUpsell = forwardRef<\n  HTMLElement,\n  PaymentAutomationUpsellProps\n>(\n  (\n    {\n      role = 'owner',\n      labels,\n      steps,\n      features,\n      metrics,\n      previewRows,\n      locale = 'it-IT',\n      currency = 'EUR',\n      onActivate,\n      onNotifyAdmin,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const headingId = useId();\n    const howHeadingId = useId();\n    const previewHeadingId = useId();\n    const ctaTitleId = useId();\n    const featuresHeadingId = useId();\n\n    const money = new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n    });\n\n    const stepColumns = Math.min(Math.max(steps.length, 1), 4) as 1 | 2 | 3 | 4;\n\n    // Split the \"what's included\" checklist into two balanced columns so the\n    // full-width card reads as a filled panel rather than a left-hugging strip.\n    const featureMid = Math.ceil(features.length / 2);\n    const featureColumns = [\n      features.slice(0, featureMid),\n      features.slice(featureMid),\n    ].filter((column) => column.length > 0);\n\n    return (\n      <section\n        ref={ref}\n        data-component=\"payment-automation-upsell\"\n        aria-labelledby={headingId}\n        className={[\n          'ds:mx-auto ds:flex ds:w-full ds:max-w-[80rem] ds:flex-col ds:gap-[var(--spacing-lg)]',\n          'ds:text-[color:var(--foreground)]',\n          className ?? '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {/* Hero — pure value proposition, no action. */}\n        <Card variant=\"elevated\">\n          <Card.Body className=\"ds:relative ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:overflow-hidden ds:sm:flex-row ds:sm:items-center ds:sm:justify-between ds:sm:gap-[var(--spacing-lg)]\">\n            <div className=\"ds:flex ds:max-w-prose ds:flex-col ds:gap-[var(--spacing-sm)]\">\n              {labels.eyebrow ? (\n                <span className=\"type-eyebrow ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[color:var(--accent)]\">\n                  <CreditCard aria-hidden=\"true\" className=\"ds:size-4\" />\n                  {labels.eyebrow}\n                </span>\n              ) : null}\n              <h1\n                id={headingId}\n                className={`${HEADLINE_CLASS} ds:text-[length:var(--font-size-4xl)]`}\n              >\n                {labels.title}\n              </h1>\n              <p className=\"type-body ds:text-[color:var(--muted-foreground)]\">\n                {labels.subtitle}\n              </p>\n            </div>\n            <CreditCard\n              aria-hidden=\"true\"\n              className=\"ds:pointer-events-none ds:hidden ds:size-28 ds:shrink-0 ds:text-[color:var(--accent)] ds:opacity-15 ds:lg:block\"\n            />\n          </Card.Body>\n        </Card>\n\n        {/* How it works — the flow, as numbered steps. */}\n        <section\n          aria-labelledby={howHeadingId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n        >\n          <h2 id={howHeadingId} className=\"type-title-section\">\n            {labels.howItWorksHeading}\n          </h2>\n          <BenefitCard.Row columns={stepColumns}>\n            {steps.map((step, index) => (\n              <BenefitCard\n                key={step.id}\n                step={index + 1}\n                accent={STEP_ACCENTS[index % STEP_ACCENTS.length]}\n                icon={\n                  step.icon ??\n                  DEFAULT_STEP_ICONS[index % DEFAULT_STEP_ICONS.length]\n                }\n                title={step.title}\n              >\n                {step.description}\n              </BenefitCard>\n            ))}\n          </BenefitCard.Row>\n        </section>\n\n        {/* Preview — an illustrative peek at the generated requests. */}\n        <section\n          aria-labelledby={previewHeadingId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n        >\n          <div className=\"ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <h2 id={previewHeadingId} className=\"type-title-section\">\n              {labels.previewHeading}\n            </h2>\n            {labels.previewCaption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {labels.previewCaption}\n              </span>\n            ) : null}\n          </div>\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:p-[var(--spacing-lg)]\">\n              <List\n                divider=\"spaced\"\n                density=\"relaxed\"\n                aria-labelledby={previewHeadingId}\n              >\n                {previewRows.map((row) => {\n                  const status = STATUS_META[row.status];\n                  return (\n                    <List.Item\n                      key={row.id}\n                      title={row.title}\n                      description={row.meta}\n                      leading={\n                        <span className=\"ds:flex ds:size-10 ds:items-center ds:justify-center ds:rounded-full ds:bg-[color:var(--muted)] ds:text-[color:var(--accent)]\">\n                          <ReceiptEuro\n                            aria-hidden=\"true\"\n                            className=\"ds:size-5\"\n                          />\n                        </span>\n                      }\n                      trailing={\n                        <span className=\"ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-2xs)]\">\n                          <span className=\"type-metric ds:text-[color:var(--foreground)] ds:[--type-metric-size:var(--font-size-xl)]\">\n                            {money.format(row.amountCents / 100)}\n                          </span>\n                          <Badge\n                            variant={status.variant}\n                            size=\"sm\"\n                            leading={status.icon}\n                          >\n                            {row.statusLabel}\n                          </Badge>\n                        </span>\n                      }\n                    />\n                  );\n                })}\n              </List>\n            </Card.Body>\n          </Card>\n        </section>\n\n        {/* Conversion — proof metrics + what's included + the CTA. */}\n        <section\n          aria-labelledby={ctaTitleId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\"\n        >\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            <h2 id={ctaTitleId} className=\"type-title-section\">\n              {labels.ctaCardTitle}\n            </h2>\n            {labels.ctaCardSubtitle ? (\n              <p className=\"type-body ds:text-[color:var(--muted-foreground)]\">\n                {labels.ctaCardSubtitle}\n              </p>\n            ) : null}\n          </div>\n\n          {metrics && metrics.length > 0 ? (\n            <div className=\"ds:grid ds:gap-[var(--spacing-md)] ds:[grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))]\">\n              {metrics.map((metric) => (\n                <Stat\n                  key={metric.id}\n                  label={metric.label}\n                  value={metric.value}\n                  variant=\"elevated\"\n                  size=\"lg\"\n                  intent=\"primary\"\n                  // eslint-disable-next-line no-restricted-syntax -- sanctioned PAU marketing serif KPI numerals (constraint 10)\n                  className=\"ds:[--type-metric-family:var(--font-serif)]\"\n                />\n              ))}\n            </div>\n          ) : null}\n\n          {/* What's included — full-width card, two balanced columns. */}\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-lg)]\">\n              {labels.featuresHeading ? (\n                <span\n                  id={featuresHeadingId}\n                  className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\"\n                >\n                  {labels.featuresHeading}\n                </span>\n              ) : null}\n              <div className=\"ds:grid ds:gap-x-[var(--spacing-2xl)] ds:gap-y-[var(--spacing-sm)] ds:sm:grid-cols-2\">\n                {featureColumns.map((column, columnIndex) => (\n                  <List\n                    key={columnIndex}\n                    divider=\"spaced\"\n                    density=\"default\"\n                    aria-labelledby={\n                      labels.featuresHeading ? featuresHeadingId : ctaTitleId\n                    }\n                  >\n                    {column.map((feature) => (\n                      <List.Item\n                        key={feature.id}\n                        title={feature.label}\n                        leading={\n                          <CircleCheck\n                            aria-hidden=\"true\"\n                            className=\"ds:size-5 ds:text-[color:var(--success)]\"\n                          />\n                        }\n                      />\n                    ))}\n                  </List>\n                ))}\n              </div>\n            </Card.Body>\n          </Card>\n\n          {/* CTA — centred + width-capped so the button never stretches full-bleed. */}\n          <div className=\"ds:mx-auto ds:flex ds:w-full ds:max-w-[28rem] ds:flex-col ds:gap-[var(--spacing-sm)]\">\n            {role === 'member' ? (\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n                {labels.memberNoticeTitle || labels.memberNoticeDescription ? (\n                  <Alert\n                    variant=\"info\"\n                    live=\"off\"\n                    icon={<Lock aria-hidden=\"true\" className=\"ds:size-4\" />}\n                  >\n                    {labels.memberNoticeTitle ? (\n                      <Alert.Title as=\"p\">\n                        {labels.memberNoticeTitle}\n                      </Alert.Title>\n                    ) : null}\n                    {labels.memberNoticeDescription ? (\n                      <Alert.Description>\n                        {labels.memberNoticeDescription}\n                      </Alert.Description>\n                    ) : null}\n                  </Alert>\n                ) : null}\n                <Button\n                  intent=\"secondary\"\n                  size=\"lg\"\n                  startIcon={<Send />}\n                  flipIconInRtl\n                  onClick={onNotifyAdmin}\n                  className=\"ds:w-full\"\n                >\n                  {labels.notifyAdminLabel ?? labels.activateLabel}\n                </Button>\n              </div>\n            ) : (\n              <Button\n                intent=\"primary\"\n                size=\"lg\"\n                endIcon={<ArrowRight />}\n                flipIconInRtl\n                onClick={onActivate}\n                className=\"ds:w-full\"\n              >\n                {labels.activateLabel}\n              </Button>\n            )}\n\n            {labels.priceNote ? (\n              <p className=\"type-meta ds:text-center ds:text-[color:var(--muted-foreground)]\">\n                {labels.priceNote}\n              </p>\n            ) : null}\n          </div>\n        </section>\n      </section>\n    );\n  },\n);\n\nPaymentAutomationUpsell.displayName = 'PaymentAutomationUpsell';\n"],"names":["__iconNode","ArrowRight","createLucideIcon","HEADLINE_CLASS","DEFAULT_STEP_ICONS","CalendarClock","CreditCard","RefreshCw","Repeat","STEP_ACCENTS","STATUS_META","jsx","CircleCheck","ShieldCheck","Clock","TriangleAlert","PaymentAutomationUpsell","forwardRef","role","labels","steps","features","metrics","previewRows","locale","currency","onActivate","onNotifyAdmin","className","rest","ref","headingId","useId","howHeadingId","previewHeadingId","ctaTitleId","featuresHeadingId","money","stepColumns","featureMid","featureColumns","column","jsxs","Card","BenefitCard","step","index","List","row","status","ReceiptEuro","Badge","metric","Stat","columnIndex","feature","Alert","Lock","Button","Send"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAChD,GACMC,IAAaC,EAAiB,eAAeF,CAAU,GCqIvDG,IAAiB;AAAA;AAAA,EAErB;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,IAAkC;AAAA,oBACrCC,GAAA,EAAc,eAAY,QAAO,WAAU,eAAgB,GAAI;AAAA,oBAC/DC,GAAA,EAAW,eAAY,QAAO,WAAU,eAAgB,GAAI;AAAA,oBAC5DC,GAAA,EAAU,eAAY,QAAO,WAAU,eAAgB,GAAI;AAAA,oBAC3DC,GAAA,EAAO,eAAY,QAAO,WAAU,eAAgB,GAAI;AAC3D,GAKMC,IAAe,CAAC,UAAU,UAAU,SAAS,GAE7CC,IAGF;AAAA,EACF,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,MAAM,gBAAAC,EAACC,GAAA,EAAY,eAAY,QAAO,WAAU,cAAA,CAAc;AAAA,EAAA;AAAA,EAEhE,YAAY;AAAA,IACV,SAAS;AAAA,IACT,MAAM,gBAAAD,EAACE,GAAA,EAAY,eAAY,QAAO,WAAU,cAAA,CAAc;AAAA,EAAA;AAAA,EAEhE,SAAS;AAAA,IACP,SAAS;AAAA,IACT,MAAM,gBAAAF,EAACG,GAAA,EAAM,eAAY,QAAO,WAAU,cAAA,CAAc;AAAA,EAAA;AAAA,EAE1D,SAAS;AAAA,IACP,SAAS;AAAA,IACT,MAAM,gBAAAH,EAACI,GAAA,EAAc,eAAY,QAAO,WAAU,cAAA,CAAc;AAAA,EAAA;AAEpE,GAEaC,KAA0BC;AAAA,EAIrC,CACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAYC,EAAA,GACZC,IAAeD,EAAA,GACfE,IAAmBF,EAAA,GACnBG,IAAaH,EAAA,GACbI,IAAoBJ,EAAA,GAEpBK,IAAQ,IAAI,KAAK,aAAab,GAAQ;AAAA,MAC1C,OAAO;AAAA,MACP,UAAAC;AAAA,IAAA,CACD,GAEKa,IAAc,KAAK,IAAI,KAAK,IAAIlB,EAAM,QAAQ,CAAC,GAAG,CAAC,GAInDmB,IAAa,KAAK,KAAKlB,EAAS,SAAS,CAAC,GAC1CmB,IAAiB;AAAA,MACrBnB,EAAS,MAAM,GAAGkB,CAAU;AAAA,MAC5BlB,EAAS,MAAMkB,CAAU;AAAA,IAAA,EACzB,OAAO,CAACE,MAAWA,EAAO,SAAS,CAAC;AAEtC,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,kBAAe;AAAA,QACf,mBAAiBC;AAAA,QACjB,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACAH,KAAa;AAAA,QAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGC;AAAA,QAGJ,UAAA;AAAA,UAAA,gBAAAlB,EAACgC,GAAA,EAAK,SAAQ,YACZ,UAAA,gBAAAD,EAACC,EAAK,MAAL,EAAU,WAAU,uKACnB,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iEACZ,UAAA;AAAA,cAAAvB,EAAO,UACN,gBAAAuB,EAAC,QAAA,EAAK,WAAU,yGACd,UAAA;AAAA,gBAAA,gBAAA/B,EAACL,GAAA,EAAW,eAAY,QAAO,WAAU,aAAY;AAAA,gBACpDa,EAAO;AAAA,cAAA,EAAA,CACV,IACE;AAAA,cACJ,gBAAAR;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAIoB;AAAA,kBACJ,WAAW,GAAG5B,CAAc;AAAA,kBAE3B,UAAAgB,EAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEV,gBAAAR,EAAC,KAAA,EAAE,WAAU,qDACV,YAAO,SAAA,CACV;AAAA,YAAA,GACF;AAAA,YACA,gBAAAA;AAAA,cAACL;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,EAAA,CACF,EAAA,CACF;AAAA,UAGA,gBAAAoC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,mBAAiBT;AAAA,cACjB,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAtB,EAAC,QAAG,IAAIsB,GAAc,WAAU,sBAC7B,YAAO,mBACV;AAAA,gBACA,gBAAAtB,EAACiC,EAAY,KAAZ,EAAgB,SAASN,GACvB,UAAAlB,EAAM,IAAI,CAACyB,GAAMC,MAChB,gBAAAnC;AAAA,kBAACiC;AAAA,kBAAA;AAAA,oBAEC,MAAME,IAAQ;AAAA,oBACd,QAAQrC,EAAaqC,IAAQrC,EAAa,MAAM;AAAA,oBAChD,MACEoC,EAAK,QACLzC,EAAmB0C,IAAQ1C,EAAmB,MAAM;AAAA,oBAEtD,OAAOyC,EAAK;AAAA,oBAEX,UAAAA,EAAK;AAAA,kBAAA;AAAA,kBATDA,EAAK;AAAA,gBAAA,CAWb,EAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIF,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,mBAAiBR;AAAA,cACjB,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,2EACb,UAAA;AAAA,kBAAA,gBAAA/B,EAAC,QAAG,IAAIuB,GAAkB,WAAU,sBACjC,YAAO,gBACV;AAAA,kBACCf,EAAO,iBACN,gBAAAR,EAAC,QAAA,EAAK,WAAU,wDACb,UAAAQ,EAAO,gBACV,IACE;AAAA,gBAAA,GACN;AAAA,gBACA,gBAAAR,EAACgC,KAAK,SAAQ,YACZ,4BAACA,EAAK,MAAL,EAAU,WAAU,4BACnB,UAAA,gBAAAhC;AAAA,kBAACoC;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,SAAQ;AAAA,oBACR,mBAAiBb;AAAA,oBAEhB,UAAAX,EAAY,IAAI,CAACyB,MAAQ;AACxB,4BAAMC,IAASvC,EAAYsC,EAAI,MAAM;AACrC,6BACE,gBAAArC;AAAA,wBAACoC,EAAK;AAAA,wBAAL;AAAA,0BAEC,OAAOC,EAAI;AAAA,0BACX,aAAaA,EAAI;AAAA,0BACjB,SACE,gBAAArC,EAAC,QAAA,EAAK,WAAU,iIACd,UAAA,gBAAAA;AAAA,4BAACuC;AAAA,4BAAA;AAAA,8BACC,eAAY;AAAA,8BACZ,WAAU;AAAA,4BAAA;AAAA,0BAAA,GAEd;AAAA,0BAEF,UACE,gBAAAR,EAAC,QAAA,EAAK,WAAU,gEACd,UAAA;AAAA,4BAAA,gBAAA/B,EAAC,QAAA,EAAK,WAAU,6FACb,UAAA0B,EAAM,OAAOW,EAAI,cAAc,GAAG,EAAA,CACrC;AAAA,4BACA,gBAAArC;AAAA,8BAACwC;AAAA,8BAAA;AAAA,gCACC,SAASF,EAAO;AAAA,gCAChB,MAAK;AAAA,gCACL,SAASA,EAAO;AAAA,gCAEf,UAAAD,EAAI;AAAA,8BAAA;AAAA,4BAAA;AAAA,0BACP,EAAA,CACF;AAAA,wBAAA;AAAA,wBAvBGA,EAAI;AAAA,sBAAA;AAAA,oBA2Bf,CAAC;AAAA,kBAAA;AAAA,gBAAA,GAEL,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIF,gBAAAN;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,mBAAiBP;AAAA,cACjB,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,kBAAA,gBAAA/B,EAAC,QAAG,IAAIwB,GAAY,WAAU,sBAC3B,YAAO,cACV;AAAA,kBACChB,EAAO,kBACN,gBAAAR,EAAC,KAAA,EAAE,WAAU,qDACV,UAAAQ,EAAO,iBACV,IACE;AAAA,gBAAA,GACN;AAAA,gBAECG,KAAWA,EAAQ,SAAS,IAC3B,gBAAAX,EAAC,OAAA,EAAI,WAAU,oGACZ,UAAAW,EAAQ,IAAI,CAAC8B,MACZ,gBAAAzC;AAAA,kBAAC0C;AAAA,kBAAA;AAAA,oBAEC,OAAOD,EAAO;AAAA,oBACd,OAAOA,EAAO;AAAA,oBACd,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,QAAO;AAAA,oBAEP,WAAU;AAAA,kBAAA;AAAA,kBAPLA,EAAO;AAAA,gBAAA,CASf,GACH,IACE;AAAA,gBAGJ,gBAAAzC,EAACgC,KAAK,SAAQ,YACZ,4BAACA,EAAK,MAAL,EAAU,WAAU,2EAClB,UAAA;AAAA,kBAAAxB,EAAO,kBACN,gBAAAR;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,IAAIyB;AAAA,sBACJ,WAAU;AAAA,sBAET,UAAAjB,EAAO;AAAA,oBAAA;AAAA,kBAAA,IAER;AAAA,kBACJ,gBAAAR,EAAC,SAAI,WAAU,wFACZ,YAAe,IAAI,CAAC8B,GAAQa,MAC3B,gBAAA3C;AAAA,oBAACoC;AAAA,oBAAA;AAAA,sBAEC,SAAQ;AAAA,sBACR,SAAQ;AAAA,sBACR,mBACE5B,EAAO,kBAAkBiB,IAAoBD;AAAA,sBAG9C,UAAAM,EAAO,IAAI,CAACc,MACX,gBAAA5C;AAAA,wBAACoC,EAAK;AAAA,wBAAL;AAAA,0BAEC,OAAOQ,EAAQ;AAAA,0BACf,SACE,gBAAA5C;AAAA,4BAACC;AAAA,4BAAA;AAAA,8BACC,eAAY;AAAA,8BACZ,WAAU;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBACZ;AAAA,wBANG2C,EAAQ;AAAA,sBAAA,CAShB;AAAA,oBAAA;AAAA,oBAlBID;AAAA,kBAAA,CAoBR,EAAA,CACH;AAAA,gBAAA,EAAA,CACF,EAAA,CACF;AAAA,gBAGA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,wFACZ,UAAA;AAAA,kBAAAxB,MAAS,WACR,gBAAAwB,EAAC,OAAA,EAAI,WAAU,kDACZ,UAAA;AAAA,oBAAAvB,EAAO,qBAAqBA,EAAO,0BAClC,gBAAAuB;AAAA,sBAACc;AAAA,sBAAA;AAAA,wBACC,SAAQ;AAAA,wBACR,MAAK;AAAA,wBACL,MAAM,gBAAA7C,EAAC8C,GAAA,EAAK,eAAY,QAAO,WAAU,aAAY;AAAA,wBAEpD,UAAA;AAAA,0BAAAtC,EAAO,sCACLqC,EAAM,OAAN,EAAY,IAAG,KACb,UAAArC,EAAO,kBAAA,CACV,IACE;AAAA,0BACHA,EAAO,0BACN,gBAAAR,EAAC6C,EAAM,aAAN,EACE,UAAArC,EAAO,yBACV,IACE;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAAA,IAEJ;AAAA,oBACJ,gBAAAR;AAAA,sBAAC+C;AAAA,sBAAA;AAAA,wBACC,QAAO;AAAA,wBACP,MAAK;AAAA,wBACL,6BAAYC,GAAA,EAAK;AAAA,wBACjB,eAAa;AAAA,wBACb,SAAShC;AAAA,wBACT,WAAU;AAAA,wBAET,UAAAR,EAAO,oBAAoBA,EAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACrC,EAAA,CACF,IAEA,gBAAAR;AAAA,oBAAC+C;AAAA,oBAAA;AAAA,sBACC,QAAO;AAAA,sBACP,MAAK;AAAA,sBACL,2BAAUzD,GAAA,EAAW;AAAA,sBACrB,eAAa;AAAA,sBACb,SAASyB;AAAA,sBACT,WAAU;AAAA,sBAET,UAAAP,EAAO;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAIXA,EAAO,YACN,gBAAAR,EAAC,KAAA,EAAE,WAAU,oEACV,UAAAQ,EAAO,WACV,IACE;AAAA,gBAAA,EAAA,CACN;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAH,GAAwB,cAAc;","x_google_ignoreList":[0]}

package/dist/_chunks/timeline-Bs9Erxlo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeline-Bs9Erxlo.js","sources":["../../src/components/timeline/timeline.agent.ts","../../src/components/timeline/timeline.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Timeline.                                              */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TimelineHandle } from './timeline';\n\nexport const timelineAgent: AgentAdapter<TimelineHandle> = {\n  id: 'timeline',\n  // `select_event` persists `selectedEvent` state, so this is single-selection\n  // (`select_single`), not a transient `pick`. See PRS §26 §4.\n  capabilities: ['select_single'],\n  state: {\n    selectedEvent: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.timeline.state.selectedEvent',\n      description: 'Opaque event id of the currently-active event, or null.',\n      read: (handle) => handle.getSelectedEvent(),\n    },\n  },\n  actions: {\n    select_event: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.timeline.actions.selectEvent',\n      description: 'Scroll the given event into view and mark it as selected.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectEvent(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'timeline',\n      description: 'Marks the Timeline root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-event-id',\n      description:\n        'Opaque event id emitted on each Timeline.Event when the `eventId` prop is provided.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type LiHTMLAttributes,\n  type OlHTMLAttributes,\n  type ReactNode,\n  type TimeHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { TriangleAlert, Check, Circle, Info, X } from 'lucide-react';\nimport { Avatar } from '../avatar';\nimport { Card } from '../card';\nimport { Timestamp } from '../timestamp';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { timelineAgent } from './timeline.agent';\n\n// TODO: optional @tanstack/react-virtual integration for 500+ events\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ntype EventType = 'info' | 'success' | 'warning' | 'error' | 'neutral';\ntype Layout = 'rail-start' | 'rail-end' | 'alternating';\n\ninterface TimelineContextValue {\n  layout: Layout;\n  order: 'newest-first' | 'oldest-first';\n}\n\nconst TimelineContext = createContext<TimelineContextValue>({\n  layout: 'rail-start',\n  order: 'newest-first',\n});\n\ninterface TimelineEventContextValue {\n  type: EventType;\n}\n\nconst TimelineEventContext = createContext<TimelineEventContextValue>({\n  type: 'neutral',\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — root                                                          */\n/* ------------------------------------------------------------------ */\n\nconst timelineVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    layout: {\n      'rail-start': 'ds:ps-4',\n      'rail-end': 'ds:pe-4',\n      alternating:\n        'ds:grid ds:grid-cols-[1fr_2rem_1fr] ds:gap-x-[var(--spacing-md)]',\n    },\n    order: {\n      'newest-first': 'ds:flex-col',\n      'oldest-first': 'ds:flex-col-reverse',\n    },\n  },\n  defaultVariants: { layout: 'rail-start', order: 'newest-first' },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — event item                                                    */\n/* ------------------------------------------------------------------ */\n\nconst eventVariants = cva(\n  'ds:relative ds:flex ds:gap-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n  {\n    variants: {\n      layout: {\n        'rail-start': [\n          'ds:flex-row',\n          // Rail: continuous border on the inline-start of the event list\n          'ds:before:absolute ds:before:top-8 ds:before:bottom-0',\n          'ds:before:border-inline-start-[2px] ds:before:border-[color:var(--border)]',\n          'ds:before:inset-inline-start-[-1rem]',\n          'ds:last:before:hidden',\n        ].join(' '),\n        'rail-end': [\n          'ds:flex-row-reverse',\n          'ds:before:absolute ds:before:top-8 ds:before:bottom-0',\n          'ds:before:border-inline-end-[2px] ds:before:border-[color:var(--border)]',\n          'ds:before:inset-inline-end-[-1rem]',\n          'ds:last:before:hidden',\n        ].join(' '),\n        alternating: 'ds:contents',\n      },\n    },\n    defaultVariants: { layout: 'rail-start' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — dot                                                           */\n/* ------------------------------------------------------------------ */\n\nconst dotVariants = cva(\n  [\n    'ds:relative ds:z-10 ds:flex ds:items-center ds:justify-center',\n    'ds:rounded-[var(--radius-full)] ds:shrink-0',\n    'ds:size-8',\n    'ds:ring-2 ds:ring-[var(--background)]',\n  ].join(' '),\n  {\n    variants: {\n      type: {\n        info: 'ds:bg-[var(--info)] ds:text-[var(--info-solid-foreground)]',\n        success:\n          'ds:bg-[var(--success)] ds:text-[var(--success-solid-foreground)]',\n        warning:\n          'ds:bg-[var(--warning)] ds:text-[var(--warning-solid-foreground)]',\n        error:\n          'ds:bg-[var(--destructive)] ds:text-[var(--destructive-foreground)]',\n        neutral: 'ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: { type: 'neutral' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface TimelineProps\n  extends\n    Omit<OlHTMLAttributes<HTMLOListElement>, 'color'>,\n    VariantProps<typeof timelineVariants> {\n  layout?: Layout;\n  order?: 'newest-first' | 'oldest-first';\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineEventProps extends LiHTMLAttributes<HTMLLIElement> {\n  type?: EventType;\n  /** Opaque event id — when set, the component emits `data-event-id` for agent addressing. */\n  eventId?: string;\n  children: ReactNode;\n  className?: string;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface TimelineHandle {\n  getSelectedEvent: () => string | null;\n  selectEvent: (id: string) => void;\n}\n\nexport interface TimelineDotProps extends HTMLAttributes<HTMLDivElement> {\n  icon?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineContentProps extends HTMLAttributes<HTMLDivElement> {\n  title: string;\n  description?: string;\n  actor?: { name: string; src?: string };\n  children?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineTimestampProps extends TimeHTMLAttributes<HTMLTimeElement> {\n  date: Date | string;\n  /** Overrides the active language for date and time formatting. */\n  locale?: string;\n  relative?: boolean;\n  format?: Intl.DateTimeFormatOptions;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Default icons per type                                              */\n/* ------------------------------------------------------------------ */\n\nconst TYPE_ICONS: Record<EventType, ReactNode> = {\n  info: <Info size={16} aria-hidden=\"true\" />,\n  success: <Check size={16} aria-hidden=\"true\" />,\n  warning: <TriangleAlert size={16} aria-hidden=\"true\" />,\n  error: <X size={16} aria-hidden=\"true\" />,\n  neutral: <Circle size={16} aria-hidden=\"true\" />,\n};\n\n/* ------------------------------------------------------------------ */\n/* Timeline root                                                       */\n/* ------------------------------------------------------------------ */\n\nconst TimelineRoot = forwardRef<HTMLOListElement, TimelineProps>(\n  (\n    {\n      layout = 'rail-start',\n      order = 'newest-first',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useMemo(() => ({ layout, order }), [layout, order]);\n    const olRef = useRef<HTMLOListElement | null>(null);\n    const [selectedEvent, setSelectedEvent] = useState<string | null>(null);\n    const latestRef = useRef<string | null>(null);\n    latestRef.current = selectedEvent;\n\n    const selectEvent = useCallback((id: string) => {\n      setSelectedEvent(id);\n      const target = olRef.current?.querySelector(\n        `[data-event-id=\"${id}\"]`,\n      ) as HTMLElement | null;\n      target?.scrollIntoView({ block: 'center', behavior: 'auto' });\n    }, []);\n\n    const agentHandle = useMemo<TimelineHandle>(\n      () => ({\n        getSelectedEvent: () => latestRef.current,\n        selectEvent,\n      }),\n      [selectEvent],\n    );\n    useImperativeHandle(ref, () => olRef.current as HTMLOListElement, []);\n    useAgentRegistration(timelineAgent, agentHandle, props.id);\n\n    return (\n      <TimelineContext.Provider value={ctx}>\n        <ol\n          ref={olRef}\n          data-component=\"timeline\"\n          data-component-id={props.id}\n          data-selected-event={selectedEvent ?? undefined}\n          className={timelineVariants({ layout, order, className })}\n          {...props}\n        >\n          {children}\n        </ol>\n      </TimelineContext.Provider>\n    );\n  },\n);\nTimelineRoot.displayName = 'Timeline';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Event                                                      */\n/* ------------------------------------------------------------------ */\n\nconst TimelineEvent = forwardRef<HTMLLIElement, TimelineEventProps>(\n  ({ type = 'neutral', eventId, className, children, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n    const { t } = useTranslation();\n\n    const evtCtx = useMemo(() => ({ type }), [type]);\n\n    if (layout === 'alternating') {\n      // In alternating layout the <li> uses `contents` so its children\n      // participate directly in the parent grid.\n      return (\n        <TimelineEventContext.Provider value={evtCtx}>\n          <li\n            ref={ref}\n            data-event-id={eventId}\n            className={['ds:contents', className].filter(Boolean).join(' ')}\n            {...props}\n          >\n            {/* Visually-hidden type prefix for screen readers */}\n            <span className=\"ds:sr-only\">{t(`timeline.type.${type}`)}</span>\n            {children}\n          </li>\n        </TimelineEventContext.Provider>\n      );\n    }\n\n    return (\n      <TimelineEventContext.Provider value={evtCtx}>\n        <li\n          ref={ref}\n          data-event-id={eventId}\n          className={eventVariants({ layout, className })}\n          {...props}\n        >\n          {/* Visually-hidden type prefix for screen readers */}\n          <span className=\"ds:sr-only\">{t(`timeline.type.${type}`)}</span>\n          {children}\n        </li>\n      </TimelineEventContext.Provider>\n    );\n  },\n);\nTimelineEvent.displayName = 'Timeline.Event';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Dot                                                        */\n/* ------------------------------------------------------------------ */\n\nconst TimelineDot = forwardRef<HTMLDivElement, TimelineDotProps>(\n  ({ icon, className, ...props }, ref) => {\n    const { type } = useContext(TimelineEventContext);\n    const { layout } = useContext(TimelineContext);\n\n    const dot = (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={dotVariants({ type, className })}\n        {...props}\n      >\n        {icon ?? TYPE_ICONS[type]}\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // In alternating grid: col 2 (centre) for the dot with the rail line\n      return (\n        <div\n          aria-hidden=\"true\"\n          className=\"ds:col-start-2 ds:flex ds:flex-col ds:items-center\"\n        >\n          {/* Rail segment above the dot */}\n          <div className=\"ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)] ds:first:hidden\" />\n          {dot}\n          {/* Rail segment below the dot */}\n          <div className=\"ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)]\" />\n        </div>\n      );\n    }\n\n    return dot;\n  },\n);\nTimelineDot.displayName = 'Timeline.Dot';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Content                                                    */\n/* ------------------------------------------------------------------ */\n\nconst TimelineContent = forwardRef<HTMLDivElement, TimelineContentProps>(\n  ({ title, description, actor, children, className, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n\n    const inner = (\n      <div\n        ref={ref}\n        className={[\n          'ds:flex-1 ds:min-w-0 ds:pb-[var(--spacing-md)]',\n          // Wrap policy: `break-word` (not `anywhere`) preserves word-\n          // boundary wrapping for natural-language titles / descriptions;\n          // only genuinely unbreakable strings (URLs, hashes) break mid-\n          // word when they would otherwise overflow. `anywhere` introduces\n          // a soft-wrap opportunity at every character boundary, which\n          // chopped Italian / German labels mid-word when an event card\n          // sat in a narrow context.\n          'ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:break-word]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <Card variant=\"outlined\">\n          <Card.Body>\n            <p className=\"type-label ds:text-[var(--foreground)]\">{title}</p>\n            {description && (\n              <p className=\"ds:mt-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]\">\n                {description}\n              </p>\n            )}\n            {actor && (\n              <div className=\"ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                <Avatar size=\"xs\" name={actor.name} src={actor.src} />\n                <span className=\"type-meta ds:text-[var(--muted-foreground)]\">\n                  {actor.name}\n                </span>\n              </div>\n            )}\n            {children}\n          </Card.Body>\n        </Card>\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // Alternating: odd events in col 1 (start), even events in col 3 (end).\n      // We use CSS nth-child targeting via a wrapper that sets col placement.\n      return (\n        <div className=\"ds:col-span-1 ds:[li:nth-child(even)_&]:col-start-3 ds:[li:nth-child(odd)_&]:col-start-1\">\n          {inner}\n        </div>\n      );\n    }\n\n    return inner;\n  },\n);\nTimelineContent.displayName = 'Timeline.Content';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Timestamp — thin wrapper over the shared Timestamp         */\n/* component. Keeps the existing API (`date`, `relative`, `format`)    */\n/* for backward compatibility; adds tabular-nums because timeline      */\n/* timestamps sit in a rail gutter and benefit from column-aligned     */\n/* digits.                                                              */\n/* ------------------------------------------------------------------ */\n\nconst TWENTY_FOUR_HOURS_MS = 24 * 60 * 60 * 1000;\n\nconst TimelineTimestamp = forwardRef<HTMLTimeElement, TimelineTimestampProps>(\n  (\n    {\n      date,\n      locale,\n      relative = true,\n      format = { dateStyle: 'medium', timeStyle: 'short' },\n      className,\n      ...props\n    },\n    ref,\n  ) => (\n    <Timestamp\n      ref={ref}\n      value={date}\n      locale={locale}\n      format={relative ? 'relative' : 'absolute'}\n      relativeWindow={relative ? TWENTY_FOUR_HOURS_MS : undefined}\n      absoluteFormat={format}\n      className={[\n        'ds:text-[var(--muted-foreground)]',\n        'ds:[font-variant-numeric:var(--font-feature-tabular)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nTimelineTimestamp.displayName = 'Timeline.Timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Event: TimelineEvent,\n  Dot: TimelineDot,\n  Content: TimelineContent,\n  Timestamp: TimelineTimestamp,\n});\n"],"names":["timelineAgent","handle","args","TimelineContext","createContext","TimelineEventContext","timelineVariants","cva","eventVariants","dotVariants","TYPE_ICONS","jsx","Info","Check","TriangleAlert","X","Circle","TimelineRoot","forwardRef","layout","order","className","children","props","ref","ctx","useMemo","olRef","useRef","selectedEvent","setSelectedEvent","useState","latestRef","selectEvent","useCallback","id","target","_a","agentHandle","useImperativeHandle","useAgentRegistration","TimelineEvent","type","eventId","useContext","t","useTranslation","evtCtx","jsxs","TimelineDot","icon","dot","TimelineContent","title","description","actor","inner","Card","Avatar","TWENTY_FOUR_HOURS_MS","TimelineTimestamp","date","locale","relative","format","Timestamp","Timeline"],"mappings":"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"}

package/dist/_chunks/tooltip-DvmfrNvB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-DvmfrNvB.js","sources":["../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { type ReactElement, useRef, useEffect, useState } from 'react';\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { cva } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* useDirection — reads the closest [dir] ancestor at render time      */\n/* ------------------------------------------------------------------ */\n\nfunction useDirection(ref: React.RefObject<HTMLElement | null>): 'ltr' | 'rtl' {\n  const [dir, setDir] = useState<'ltr' | 'rtl'>(() => {\n    if (typeof document === 'undefined') return 'ltr';\n    return (document.documentElement.dir as 'ltr' | 'rtl') || 'ltr';\n  });\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const closest = el.closest('[dir]');\n    const resolved =\n      closest?.getAttribute('dir') ?? document.documentElement.dir ?? 'ltr';\n    setDir(resolved === 'rtl' ? 'rtl' : 'ltr');\n  }, [ref]);\n\n  return dir;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — tooltip content                                               */\n/* ------------------------------------------------------------------ */\n\nconst tooltipContentVariants = cva(\n  [\n    'ds:z-[var(--z-tooltip)]',\n    'ds:max-w-[240px]',\n    'ds:overflow-hidden ds:rounded-[var(--radius-sm)]',\n    // High-contrast solid tooltip surface — inverted vs the page so it\n    // reads against any background (gradient washes, coloured cards,\n    // images). Uses opaque ramp-step tokens (`--color-grey-900` /\n    // `--color-grey-50`) directly because:\n    //   - 0.30.3 swapped to `bg-[var(--foreground)]` after the\n    //     `bg-foreground` shorthand emitted translucent backgrounds in\n    //     some consumer bundles.\n    //   - 0.31.0 staging still saw see-through tooltips on the booking-\n    //     website surface where parent `backdrop-filter` / `opacity`\n    //     stacking contexts bled into the semantic foreground token.\n    //   - Ramp-step tokens are theme-stable hex literals — no\n    //     resolution chain — so the tooltip surface is solid in every\n    //     theme + every consumer bundle.\n    // `isolation: isolate` defends against future parent-side filters /\n    // mix-blend-modes by giving the tooltip its own stacking context.\n    'ds:bg-[var(--color-grey-900)] ds:text-[var(--color-grey-50)]',\n    'ds:[isolation:isolate]',\n    'ds:shadow-[var(--shadow-md)]',\n    // Forced-colours users (Windows High Contrast) lose `bg-/text-`\n    // entirely — emit a CanvasText border so the tooltip is still\n    // visible.\n    'ds:forced-colors:[outline:1px_solid_CanvasText]',\n    'ds:ps-3 ds:pe-3 ds:py-1.5 type-meta',\n    'ds:break-normal ds:[overflow-wrap:anywhere]',\n    'ds:animate-in ds:fade-in ds:zoom-in-95',\n    'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out ds:data-[state=closed]:zoom-out-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2',\n    'ds:data-[side=left]:slide-in-from-right-2',\n    'ds:data-[side=right]:slide-in-from-left-2',\n    'ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Logical → physical side mapping                                     */\n/* ------------------------------------------------------------------ */\n\ntype LogicalSide = 'top' | 'end' | 'bottom' | 'start';\ntype PhysicalSide = 'top' | 'right' | 'bottom' | 'left';\n\nfunction resolvePhysicalSide(\n  logical: LogicalSide,\n  dir: 'ltr' | 'rtl',\n): PhysicalSide {\n  switch (logical) {\n    case 'top':\n      return 'top';\n    case 'bottom':\n      return 'bottom';\n    case 'start':\n      return dir === 'rtl' ? 'right' : 'left';\n    case 'end':\n      return dir === 'rtl' ? 'left' : 'right';\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* TooltipProvider                                                      */\n/* ------------------------------------------------------------------ */\n\nexport interface TooltipProviderProps {\n  children: React.ReactNode;\n  /** Open delay in ms. Default 700. */\n  delayDuration?: number;\n  /** Skip delay when moving between triggers. Default 300. */\n  skipDelayDuration?: number;\n}\n\nexport const TooltipProvider: React.FC<TooltipProviderProps> = ({\n  children,\n  delayDuration = 700,\n  skipDelayDuration = 300,\n}) => (\n  <RadixTooltip.Provider\n    delayDuration={delayDuration}\n    skipDelayDuration={skipDelayDuration}\n  >\n    {children}\n  </RadixTooltip.Provider>\n);\n\nTooltipProvider.displayName = 'TooltipProvider';\n\n/* ------------------------------------------------------------------ */\n/* Tooltip                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface TooltipProps {\n  /** The tooltip text — required. */\n  label: string;\n  /** The trigger element. */\n  children: ReactElement;\n  /** Logical side. Default 'top'. Mapped to Radix physical side based on dir. */\n  side?: LogicalSide;\n  /** Alignment along the side axis. Default 'center'. */\n  align?: 'start' | 'center' | 'end';\n  /** Gap between trigger and tooltip. Default 4. */\n  sideOffset?: number;\n  /** Open delay override for this instance. */\n  delayDuration?: number;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Callback when open state changes. */\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  label,\n  children,\n  side = 'top',\n  align = 'center',\n  sideOffset = 4,\n  delayDuration,\n  open,\n  onOpenChange,\n}) => {\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const dir = useDirection(triggerRef as React.RefObject<HTMLElement | null>);\n  const physicalSide = resolvePhysicalSide(side, dir);\n\n  return (\n    <RadixTooltip.Root\n      delayDuration={delayDuration}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <RadixTooltip.Trigger asChild ref={triggerRef}>\n        {children}\n      </RadixTooltip.Trigger>\n      <RadixTooltip.Portal>\n        <RadixTooltip.Content\n          className={tooltipContentVariants()}\n          side={physicalSide}\n          align={align}\n          sideOffset={sideOffset}\n          data-component=\"tooltip\"\n        >\n          {label}\n          <RadixTooltip.Arrow className=\"ds:fill-foreground\" />\n        </RadixTooltip.Content>\n      </RadixTooltip.Portal>\n    </RadixTooltip.Root>\n  );\n};\n\nTooltip.displayName = 'Tooltip';\n"],"names":["useDirection","ref","dir","setDir","useState","useEffect","el","closest","resolved","tooltipContentVariants","cva","resolvePhysicalSide","logical","TooltipProvider","children","delayDuration","skipDelayDuration","jsx","RadixTooltip","Tooltip","label","side","align","sideOffset","open","onOpenChange","triggerRef","useRef","physicalSide","jsxs"],"mappings":";;;;AAQA,SAASA,EAAaC,GAAyD;AAC7E,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAwB,MACxC,OAAO,WAAa,MAAoB,QACpC,SAAS,gBAAgB,OAAyB,KAC3D;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAKL,EAAI;AACf,QAAI,CAACK,EAAI;AACT,UAAMC,IAAUD,EAAG,QAAQ,OAAO,GAC5BE,KACJD,KAAA,gBAAAA,EAAS,aAAa,WAAU,SAAS,gBAAgB,OAAO;AAClE,IAAAJ,EAAOK,MAAa,QAAQ,QAAQ,KAAK;AAAA,EAC3C,GAAG,CAACP,CAAG,CAAC,GAEDC;AACT;AAMA,MAAMO,IAAyBC;AAAA,EAC7B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgBA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ;AASA,SAASC,EACPC,GACAV,GACc;AACd,UAAQU,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAOV,MAAQ,QAAQ,UAAU;AAAA,IACnC,KAAK;AACH,aAAOA,MAAQ,QAAQ,SAAS;AAAA,EAAA;AAEtC;AAcO,MAAMW,IAAkD,CAAC;AAAA,EAC9D,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,mBAAAC,IAAoB;AACtB,MACE,gBAAAC;AAAA,EAACC,EAAa;AAAA,EAAb;AAAA,IACC,eAAAH;AAAA,IACA,mBAAAC;AAAA,IAEC,UAAAF;AAAA,EAAA;AACH;AAGFD,EAAgB,cAAc;AAyBvB,MAAMM,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAN;AAAA,EACA,MAAAO,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,eAAAR;AAAA,EACA,MAAAS;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC,EAAiC,IAAI,GAClDzB,IAAMF,EAAa0B,CAAiD,GACpEE,IAAejB,EAAoBU,GAAMnB,CAAG;AAElD,SACE,gBAAA2B;AAAA,IAACX,EAAa;AAAA,IAAb;AAAA,MACC,eAAAH;AAAA,MACA,MAAAS;AAAA,MACA,cAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAR,EAACC,EAAa,SAAb,EAAqB,SAAO,IAAC,KAAKQ,GAChC,UAAAZ,GACH;AAAA,QACA,gBAAAG,EAACC,EAAa,QAAb,EACC,UAAA,gBAAAW;AAAA,UAACX,EAAa;AAAA,UAAb;AAAA,YACC,WAAWT,EAAA;AAAA,YACX,MAAMmB;AAAA,YACN,OAAAN;AAAA,YACA,YAAAC;AAAA,YACA,kBAAe;AAAA,YAEd,UAAA;AAAA,cAAAH;AAAA,cACD,gBAAAH,EAACC,EAAa,OAAb,EAAmB,WAAU,qBAAA,CAAqB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,EACrD,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAC,EAAQ,cAAc;"}