@alfadocs/ui-kit-debug 0.30.5 → 0.31.2

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

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-ClJd0ciy.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). The `[var(...)]` syntax is the same one every other\n    // floating surface in the kit uses; the previous `bg-foreground` /\n    // `text-background` shorthand was emitting transparent backgrounds\n    // in some consumer bundles where the Tailwind theme inline wasn't\n    // resolving the named utility. See 0.30.3 follow-up issue 4b.\n    'ds:bg-[var(--foreground)] ds:text-[var(--background)]',\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,IAQA;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;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"transaction-chip-z9ENE50O.js","sources":["../../node_modules/lucide-react/dist/esm/icons/arrow-down-left.js","../../node_modules/lucide-react/dist/esm/icons/arrow-up-right.js","../../node_modules/lucide-react/dist/esm/icons/calendar-clock.js","../../src/components/transaction-chip/transaction-chip.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M17 7 7 17\", key: \"15tmo1\" }],\n  [\"path\", { d: \"M17 17H7V7\", key: \"1org7z\" }]\n];\nconst ArrowDownLeft = createLucideIcon(\"arrow-down-left\", __iconNode);\n\nexport { __iconNode, ArrowDownLeft as default };\n//# sourceMappingURL=arrow-down-left.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M7 7h10v10\", key: \"1tivn9\" }],\n  [\"path\", { d: \"M7 17 17 7\", key: \"1vkiza\" }]\n];\nconst ArrowUpRight = createLucideIcon(\"arrow-up-right\", __iconNode);\n\nexport { __iconNode, ArrowUpRight as default };\n//# sourceMappingURL=arrow-up-right.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M16 14v2.2l1.6 1\", key: \"fo4ql5\" }],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"path\", { d: \"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5\", key: \"1osxxc\" }],\n  [\"path\", { d: \"M3 10h5\", key: \"r794hk\" }],\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n  [\"circle\", { cx: \"16\", cy: \"16\", r: \"6\", key: \"qoo3c4\" }]\n];\nconst CalendarClock = createLucideIcon(\"calendar-clock\", __iconNode);\n\nexport { __iconNode, CalendarClock as default };\n//# sourceMappingURL=calendar-clock.js.map\n","import { forwardRef, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ArrowDownLeft,\n  ArrowUpRight,\n  CalendarClock,\n  Check,\n  FileText,\n  type LucideIcon,\n} from 'lucide-react';\n\n/* ------------------------------------------------------------------ */\n/* State vocabulary                                                     */\n/* ------------------------------------------------------------------ */\n\nexport type TransactionState =\n  | 'debt'\n  | 'credit'\n  | 'to-invoice'\n  | 'to-deliver'\n  | 'settled';\n\n// State → translation-key segment. Hyphenated state names are flattened to\n// camelCase so the i18next bundle stays consistent with the rest of `ui.*`.\nconst STATE_KEY: Record<TransactionState, string> = {\n  debt: 'debt',\n  credit: 'credit',\n  'to-invoice': 'toInvoice',\n  'to-deliver': 'toDeliver',\n  settled: 'settled',\n};\n\nconst STATE_ICON: Record<TransactionState, LucideIcon> = {\n  debt: ArrowDownLeft,\n  credit: ArrowUpRight,\n  'to-invoice': FileText,\n  'to-deliver': CalendarClock,\n  settled: Check,\n};\n\n// U+2212 MINUS SIGN — matches PR alfadocs/platform#523's typographic minus.\n// Hyphen-minus would render visually narrower next to the currency glyph.\nconst STATE_SIGN: Record<TransactionState, '' | '+' | '−'> = {\n  debt: '−',\n  credit: '+',\n  'to-invoice': '',\n  'to-deliver': '',\n  settled: '',\n};\n\n// Multiplier used when composing the screen-reader announcement so SR users\n// hear the signed amount Intl produces (\"minus one thousand…\") rather than\n// the magnitude plus a separate sign glyph.\nconst SIGN_MULTIPLIER: Record<TransactionState, -1 | 1> = {\n  debt: -1,\n  credit: 1,\n  'to-invoice': 1,\n  'to-deliver': 1,\n  settled: 1,\n};\n\nconst DEFAULT_CURRENCY = 'EUR';\n\n/* ------------------------------------------------------------------ */\n/* CVA — chip root                                                      */\n/* ------------------------------------------------------------------ */\n\nconst chipVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-full)] ds:border',\n    'ds:whitespace-nowrap ds:align-middle',\n    'ds:focus-visible:outline-none',\n    'ds:focus-visible:ring-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:ring-[color:var(--ring)]',\n    'ds:focus-visible:ring-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n  {\n    variants: {\n      state: {\n        // Text uses the deeper `*-foreground` token (matching Badge / Tag) so\n        // small chip text clears WCAG AA (4.5:1) against the 10% tinted\n        // background. The surface and border use the lighter alias.\n        debt: 'ds:bg-destructive/10 ds:text-[color:var(--error-foreground)] ds:border-destructive/20',\n        credit:\n          'ds:bg-success/10 ds:text-[color:var(--success-foreground)] ds:border-success/20',\n        // The orange \"to-invoice\" tint has no kit-wide semantic alias — see\n        // src/tokens/index.css §Transaction-chip-scoped tokens. The component\n        // owns the alias because the customer-anchored \"Da fatturare\" orange\n        // is distinct from `--warning` (yellow) and from `--destructive`.\n        'to-invoice':\n          'ds:bg-transaction-chip-to-invoice/10 ds:text-[color:var(--transaction-chip-to-invoice-foreground)] ds:border-transaction-chip-to-invoice/20',\n        'to-deliver':\n          'ds:bg-info/10 ds:text-[color:var(--info-foreground)] ds:border-info/20',\n        settled: 'ds:bg-muted/30 ds:text-muted-foreground ds:border-muted/40',\n      },\n      size: {\n        // Heights tuned for table-cell density (sm), default app surfaces (md),\n        // and header / summary cards (lg). `--type-eyebrow-size` flows into the\n        // optional label span, keeping its typography in step with the chip.\n        sm: 'ds:h-5 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-2xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'ds:h-6 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'ds:h-7 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]',\n      },\n      bold: {\n        // `settled` is the terminal resting state — see compound variant below.\n        true: 'ds:font-semibold',\n        false: 'ds:font-medium',\n      },\n    },\n    defaultVariants: {\n      state: 'debt',\n      size: 'md',\n      bold: true,\n    },\n    compoundVariants: [\n      // `settled` always renders at the lighter weight, regardless of the\n      // resolved default. Mirrors PR #523's follow-up where the resting branch\n      // dropped from bold to medium to recede visually.\n      { state: 'settled', class: 'ds:font-medium' },\n    ],\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — icon wrapper                                                   */\n/* ------------------------------------------------------------------ */\n\n// `ArrowDownLeft` (debt) and `ArrowUpRight` (credit) are direction-encoded\n// glyphs — their physical orientation carries the semantic (\"money coming\n// in\" / \"money going out\"). PRS §05 RTL: directional icons flip in RTL.\n// The non-directional glyphs (FileText, CalendarClock, Check) are unaffected.\nconst iconWrapperVariants = cva(\n  'ds:shrink-0 ds:[&>svg]:block ds:rtl:[&>svg]:-scale-x-100',\n  {\n    variants: {\n      size: {\n        sm: 'ds:[&>svg]:size-3',\n        md: 'ds:[&>svg]:size-3.5',\n        lg: 'ds:[&>svg]:size-4',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface TransactionChipProps\n  extends\n    Omit<HTMLAttributes<HTMLSpanElement>, 'children'>,\n    Pick<VariantProps<typeof chipVariants>, 'size'> {\n  /** Financial state — drives colour, icon, sign, and label. */\n  state: TransactionState;\n  /**\n   * Magnitude of the amount as a non-negative number. The sign is rendered\n   * separately based on `state` — callers must never pass a negative value.\n   */\n  amount: number;\n  /**\n   * ISO 4217 currency code. Defaults to `EUR` for the Italian-anchored\n   * release. Required at the type level so consumers can't silently render\n   * a different currency than they intended.\n   */\n  currency?: string;\n  /** BCP 47 locale override. Defaults to the active i18next language. */\n  locale?: string;\n  /** Render the state label (e.g. \"Da incassare\") before the amount. */\n  showLabel?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const TransactionChip = forwardRef<\n  HTMLSpanElement,\n  TransactionChipProps\n>(\n  (\n    {\n      state,\n      amount,\n      currency = DEFAULT_CURRENCY,\n      locale,\n      size = 'md',\n      showLabel = false,\n      className,\n      'aria-label': ariaLabelProp,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const activeLocale = locale ?? i18n.language ?? 'en';\n\n    const StateIcon = STATE_ICON[state];\n    const sign = STATE_SIGN[state];\n    const magnitude = Math.abs(amount);\n\n    // The visible amount is rendered without a sign; the leading sign glyph\n    // (or its absence) is owned by the state, not the formatter.\n    const formattedAmount = new Intl.NumberFormat(activeLocale, {\n      style: 'currency',\n      currency,\n      signDisplay: 'never',\n    }).format(magnitude);\n\n    // The accessible name uses Intl's own signed output so screen readers\n    // announce the locale-correct \"minus\" / \"negative\" phrasing instead of\n    // skipping the U+2212 glyph or speaking it as \"hyphen\".\n    const stateLabel = t(`financial.state.${STATE_KEY[state]}`);\n    const signedAmountForSR = new Intl.NumberFormat(activeLocale, {\n      style: 'currency',\n      currency,\n      signDisplay: state === 'debt' ? 'always' : 'auto',\n    }).format(magnitude * SIGN_MULTIPLIER[state]);\n    const ariaLabel =\n      ariaLabelProp ??\n      t('financial.aria.label', {\n        state: stateLabel,\n        amount: signedAmountForSR,\n      });\n\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={ariaLabel}\n        data-component=\"transaction-chip\"\n        data-state={state}\n        className={chipVariants({\n          state,\n          size,\n          bold: state !== 'settled',\n          className,\n        })}\n        {...rest}\n      >\n        <span aria-hidden=\"true\" className={iconWrapperVariants({ size })}>\n          <StateIcon />\n        </span>\n        {showLabel && (\n          <span aria-hidden=\"true\" className=\"type-eyebrow\">\n            {stateLabel}\n          </span>\n        )}\n        {sign && (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:[font-variant-numeric:var(--font-feature-tabular)]\"\n          >\n            {sign}\n          </span>\n        )}\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:[font-variant-numeric:var(--font-feature-tabular)]\"\n        >\n          {formattedAmount}\n        </span>\n      </span>\n    );\n  },\n);\n\nTransactionChip.displayName = 'TransactionChip';\n"],"names":["__iconNode","ArrowDownLeft","createLucideIcon","ArrowUpRight","CalendarClock","STATE_KEY","STATE_ICON","FileText","Check","STATE_SIGN","SIGN_MULTIPLIER","DEFAULT_CURRENCY","chipVariants","cva","iconWrapperVariants","TransactionChip","forwardRef","state","amount","currency","locale","size","showLabel","className","ariaLabelProp","rest","ref","t","i18n","useTranslation","activeLocale","StateIcon","sign","magnitude","formattedAmount","stateLabel","signedAmountForSR","ariaLabel","jsxs","jsx"],"mappings":";;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,GACMC,IAAgBC,EAAiB,mBAAmBF,CAAU;ACbpE;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,GACMG,IAAeD,EAAiB,kBAAkBF,CAAU;ACblE;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,oBAAoB,KAAK,SAAQ,CAAE;AAAA,EACjD,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,gEAAgE,KAAK,SAAQ,CAAE;AAAA,EAC7F,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AAAA,EACvC,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,GACMI,IAAgBF,EAAiB,kBAAkBF,CAAU,GCQ7DK,IAA8C;AAAA,EAClD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX,GAEMC,IAAmD;AAAA,EACvD,MAAML;AAAA,EACN,QAAQE;AAAA,EACR,cAAcI;AAAA,EACd,cAAcH;AAAA,EACd,SAASI;AACX,GAIMC,IAAuD;AAAA,EAC3D,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX,GAKMC,IAAoD;AAAA,EACxD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX,GAEMC,IAAmB,OAMnBC,IAAeC;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA;AAAA;AAAA;AAAA,QAIL,MAAM;AAAA,QACN,QACE;AAAA;AAAA;AAAA;AAAA;AAAA,QAKF,cACE;AAAA,QACF,cACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA;AAAA;AAAA;AAAA,QAIJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,MAAM;AAAA;AAAA,QAEJ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,IAER,kBAAkB;AAAA;AAAA;AAAA;AAAA,MAIhB,EAAE,OAAO,WAAW,OAAO,iBAAA;AAAA,IAAiB;AAAA,EAC9C;AAEJ,GAUMC,IAAsBD;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAiCaE,IAAkBC;AAAA,EAI7B,CACE;AAAA,IACE,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAWR;AAAA,IACX,QAAAS;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GACdC,IAAeV,KAAUQ,EAAK,YAAY,MAE1CG,IAAYzB,EAAWW,CAAK,GAC5Be,IAAOvB,EAAWQ,CAAK,GACvBgB,IAAY,KAAK,IAAIf,CAAM,GAI3BgB,IAAkB,IAAI,KAAK,aAAaJ,GAAc;AAAA,MAC1D,OAAO;AAAA,MACP,UAAAX;AAAA,MACA,aAAa;AAAA,IAAA,CACd,EAAE,OAAOc,CAAS,GAKbE,IAAaR,EAAE,mBAAmBtB,EAAUY,CAAK,CAAC,EAAE,GACpDmB,IAAoB,IAAI,KAAK,aAAaN,GAAc;AAAA,MAC5D,OAAO;AAAA,MACP,UAAAX;AAAA,MACA,aAAaF,MAAU,SAAS,WAAW;AAAA,IAAA,CAC5C,EAAE,OAAOgB,IAAYvB,EAAgBO,CAAK,CAAC,GACtCoB,IACJb,KACAG,EAAE,wBAAwB;AAAA,MACxB,OAAOQ;AAAA,MACP,QAAQC;AAAA,IAAA,CACT;AAEH,WACE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,MAAK;AAAA,QACL,cAAYW;AAAA,QACZ,kBAAe;AAAA,QACf,cAAYpB;AAAA,QACZ,WAAWL,EAAa;AAAA,UACtB,OAAAK;AAAA,UACA,MAAAI;AAAA,UACA,MAAMJ,MAAU;AAAA,UAChB,WAAAM;AAAA,QAAA,CACD;AAAA,QACA,GAAGE;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAc,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWzB,EAAoB,EAAE,MAAAO,EAAA,CAAM,GAC9D,UAAA,gBAAAkB,EAACR,GAAA,CAAA,CAAU,EAAA,CACb;AAAA,UACCT,KACC,gBAAAiB,EAAC,QAAA,EAAK,eAAY,QAAO,WAAU,gBAChC,UAAAJ,GACH;AAAA,UAEDH,KACC,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,UAGL,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAAL;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAnB,EAAgB,cAAc;","x_google_ignoreList":[0,1,2]}

package/dist/_chunks/transcript-panel-QUQ9XJmf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"transcript-panel-QUQ9XJmf.js","sources":["../../src/components/transcript-panel/transcript-panel.agent.ts","../../src/components/transcript-panel/transcript-panel.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TranscriptPanel.                                       */\n/*                                                                        */\n/* `data-turn-id` carries the line's stable index (opaque id) — never     */\n/* the dictated text. Transcript content frequently contains PHI; the     */\n/* DOM hook MUST NOT leak it. See PRS §26 §6.1.                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TranscriptPanelHandle } from './transcript-panel';\n\nexport const transcriptPanelAgent: AgentAdapter<TranscriptPanelHandle> = {\n  id: 'transcript-panel',\n  capabilities: ['select_single'],\n  state: {\n    selectedTurn: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.transcriptPanel.state.selectedTurn',\n      description:\n        'Opaque id (line index) of the currently-active turn, or null when none is active.',\n      read: (handle) => handle.getSelectedTurn(),\n    },\n  },\n  actions: {\n    focus_turn: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.transcriptPanel.actions.focusTurn',\n      description: 'Scroll the given turn into view and focus its seek button.',\n      invoke: (handle, args: { id: string }) => {\n        handle.focusTurn(args.id);\n      },\n    },\n    copy_turn: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.transcriptPanel.actions.copyTurn',\n      description: \"Copy the given turn's text to the clipboard.\",\n      invoke: (handle, args: { id: string }) => handle.copyTurn(args.id),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'transcript-panel',\n      description: 'Marks the TranscriptPanel wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-turn-id',\n      description:\n        \"Stable opaque turn id (line index). Never carries the turn's dictated text.\",\n    },\n  },\n};\n","import {\n  forwardRef,\n  Fragment,\n  useCallback,\n  useId,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { transcriptPanelAgent } from './transcript-panel.agent';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { SearchInput } from '../search-input';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface TranscriptLine {\n  speaker: string;\n  text: string;\n  /** Seconds, floating-point — matches HTMLMediaElement.currentTime. */\n  start: number;\n  end: number;\n  /** 0..1 — rendered with a dotted underline when below 0.6. */\n  confidence?: number;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface TranscriptPanelHandle {\n  /** Opaque id (line index) of the active turn, or null. */\n  getSelectedTurn: () => string | null;\n  /** Scroll the turn with the given id into view and focus its seek button. */\n  focusTurn: (id: string) => void;\n  /** Copy the turn's text to the clipboard. */\n  copyTurn: (id: string) => Promise<void> | void;\n}\n\nexport interface TranscriptPanelProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    VariantProps<typeof rootVariants> {\n  lines: TranscriptLine[];\n  /** Current playback time in seconds — drives the active line highlight. */\n  currentTime?: number;\n  onSeek?: (seconds: number) => void;\n  /** Show the search bar. */\n  searchable?: boolean;\n}\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:w-full ds:min-h-0',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n    'ds:bg-background',\n    'ds:focus-within:border-[color:var(--primary)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst VIRTUALIZATION_THRESHOLD = 100;\nconst SPEAKER_SLOT_COUNT = 8;\n\nfunction formatTime(seconds: number, locale: string): string {\n  const total = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale, { minimumIntegerDigits: 2 }).format(n);\n  return `${fmt(m)}:${fmt(s)}`;\n}\n\n/** ISO-8601 duration (PT#M#S) for <time datetime=\"...\">. */\nfunction secondsToIsoDuration(seconds: number): string {\n  const total = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(total / 60);\n  const s = total % 60;\n  return `PT${m}M${s}S`;\n}\n\n/** Deterministic speaker slot (0..7) based on name hash. */\nfunction speakerSlot(name: string): number {\n  let hash = 0;\n  for (let i = 0; i < name.length; i += 1) {\n    hash = (hash * 31 + name.charCodeAt(i)) | 0;\n  }\n  return Math.abs(hash) % SPEAKER_SLOT_COUNT;\n}\n\n/** Per-slot background classes. Indices align with the speaker palette tokens\n *  in tokens/index.css. Static strings so Tailwind can pick them up at build. */\nconst SPEAKER_BG_CLASSES = [\n  'ds:bg-[color:var(--transcript-speaker-1)]',\n  'ds:bg-[color:var(--transcript-speaker-2)]',\n  'ds:bg-[color:var(--transcript-speaker-3)]',\n  'ds:bg-[color:var(--transcript-speaker-4)]',\n  'ds:bg-[color:var(--transcript-speaker-5)]',\n  'ds:bg-[color:var(--transcript-speaker-6)]',\n  'ds:bg-[color:var(--transcript-speaker-7)]',\n  'ds:bg-[color:var(--transcript-speaker-8)]',\n] as const;\n\n/** Escape a literal string for safe use inside a RegExp. */\nfunction escapeRegExp(input: string): string {\n  return input.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\ninterface HighlightedTextProps {\n  text: string;\n  query: string;\n}\n\n/** Renders text with <mark> wrapping around case-insensitive matches.\n *  No dangerouslySetInnerHTML — splits text nodes only. */\nfunction HighlightedText({ text, query }: HighlightedTextProps): ReactNode {\n  if (!query) return text;\n  const escaped = escapeRegExp(query);\n  const parts = text.split(new RegExp(`(${escaped})`, 'gi'));\n  return parts.map((part, i) =>\n    part.toLocaleLowerCase() === query.toLocaleLowerCase() ? (\n      <mark\n        key={i}\n        className=\"ds:bg-[color:var(--warning)]/30 ds:text-[color:var(--foreground)] ds:rounded-[var(--radius-sm)]\"\n      >\n        {part}\n      </mark>\n    ) : (\n      <Fragment key={i}>{part}</Fragment>\n    ),\n  );\n}\n\nexport const TranscriptPanel = forwardRef<HTMLDivElement, TranscriptPanelProps>(\n  (\n    {\n      lines,\n      currentTime = 0,\n      onSeek,\n      searchable = true,\n      size = 'md',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const [query, setQuery] = useState('');\n    const scrollRef = useRef<HTMLDivElement | null>(null);\n    const searchInputRef = useRef<HTMLInputElement | null>(null);\n    const searchId = useId();\n\n    /* Active-line index */\n    const activeIndex = useMemo(() => {\n      if (!Number.isFinite(currentTime)) return -1;\n      for (let i = 0; i < lines.length; i += 1) {\n        const line = lines[i];\n        if (line.start <= currentTime && currentTime < line.end) return i;\n      }\n      return -1;\n    }, [lines, currentTime]);\n\n    /* Match count for search */\n    const matchCount = useMemo(() => {\n      if (!query) return 0;\n      let count = 0;\n      const needle = query.toLocaleLowerCase();\n      for (const line of lines) {\n        const hay = line.text.toLocaleLowerCase();\n        let idx = hay.indexOf(needle);\n        while (idx !== -1) {\n          count += 1;\n          idx = hay.indexOf(needle, idx + needle.length);\n        }\n      }\n      return count;\n    }, [lines, query]);\n\n    /* Ctrl/Cmd+F shortcut — focuses the search field when focus is within. */\n    const handleRootKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          (e.metaKey || e.ctrlKey) &&\n          e.key.toLowerCase() === 'f' &&\n          searchable\n        ) {\n          e.preventDefault();\n          searchInputRef.current?.focus();\n        }\n      },\n      [searchable],\n    );\n\n    /* Virtualisation above 100 lines */\n    const virtualized = lines.length > VIRTUALIZATION_THRESHOLD;\n    const virtualizer = useVirtualizer({\n      count: virtualized ? lines.length : 0,\n      getScrollElement: () => scrollRef.current,\n      estimateSize: () => 48,\n      overscan: 8,\n      getItemKey: (i) => i,\n    });\n\n    /* Auto-scroll active line into view when it changes. */\n    useLayoutEffect(() => {\n      if (activeIndex < 0) return;\n      const scroller = scrollRef.current;\n      if (!scroller) return;\n      const target = scroller.querySelector(\n        `[data-line-index=\"${activeIndex}\"]`,\n      ) as HTMLElement | null;\n      if (!target) return;\n      const prefersReducedMotion =\n        typeof window !== 'undefined' &&\n        window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      target.scrollIntoView({\n        block: 'center',\n        behavior: prefersReducedMotion ? 'auto' : 'smooth',\n      });\n    }, [activeIndex]);\n\n    const renderLine = useCallback(\n      (\n        line: TranscriptLine,\n        index: number,\n        extras?: {\n          liRef?: (node: HTMLLIElement | null) => void;\n          dataIndex?: number;\n          // Style is an inline-style escape hatch — virtualizer offsets\n          // cannot be expressed as static Tailwind. See 23-constraints §4.\n          style?: CSSProperties;\n          absolutePositioning?: boolean;\n        },\n      ) => {\n        const isActive = index === activeIndex;\n        const slot = speakerSlot(line.speaker);\n        const lowConfidence =\n          typeof line.confidence === 'number' && line.confidence < 0.6;\n        return (\n          <li\n            key={index}\n            ref={extras?.liRef}\n            data-line-index={index}\n            data-turn-id={String(index)}\n            data-index={extras?.dataIndex}\n            aria-current={isActive ? 'true' : undefined}\n            // eslint-disable-next-line react/forbid-dom-props -- virtualizer translateY offset, runtime-computed\n            style={extras?.style}\n            className={[\n              'ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n              'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n              isActive\n                ? 'ds:bg-[color:var(--accent)]/12 ds:border-s-[3px] ds:border-[color:var(--primary)]'\n                : 'ds:border-s-[3px] ds:border-transparent',\n              extras?.absolutePositioning\n                ? 'ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full'\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            <button\n              type=\"button\"\n              onClick={() => onSeek?.(line.start)}\n              aria-label={t('chat.transcript.seekTo', {\n                time: formatTime(line.start, i18n.language),\n              })}\n              className={[\n                'ds:inline-flex ds:items-center ds:justify-center',\n                'ds:font-[family-name:var(--font-mono)]',\n                'type-meta',\n                'ds:tabular-nums',\n                'ds:text-[color:var(--muted-foreground)]',\n                'ds:rounded-[var(--radius-sm)]',\n                'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n                // WCAG 2.5.5 target size: 44×44 default, 48×48 in accessible\n                // themes — matches the DS `--min-target-size` token.\n                'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n                'ds:hover:bg-muted/20',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:forced-colors:focus-visible:outline-[CanvasText]',\n              ].join(' ')}\n            >\n              <time dir=\"ltr\" dateTime={secondsToIsoDuration(line.start)}>\n                {formatTime(line.start, i18n.language)}\n              </time>\n            </button>\n            <div className=\"ds:flex-1 ds:min-w-0\">\n              <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                <span\n                  aria-hidden=\"true\"\n                  className={`ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${SPEAKER_BG_CLASSES[slot]}`}\n                />\n                <strong className=\"type-title-item\">\n                  {t('chat.transcript.speaker', { name: line.speaker })}\n                </strong>\n                {lowConfidence ? (\n                  <span className=\"type-meta ds:italic ds:text-[color:var(--muted-foreground)]\">\n                    ({t('chat.transcript.lowConfidence')})\n                  </span>\n                ) : null}\n              </div>\n              <span\n                dir=\"auto\"\n                className={[\n                  'ds:block',\n                  lowConfidence\n                    ? 'ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]'\n                    : '',\n                ].join(' ')}\n              >\n                <HighlightedText text={line.text} query={query} />\n              </span>\n            </div>\n          </li>\n        );\n      },\n      [activeIndex, i18n.language, onSeek, query, t],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<TranscriptPanelHandle>(\n      () => ({\n        getSelectedTurn: () => (activeIndex >= 0 ? String(activeIndex) : null),\n        focusTurn: (id: string) => {\n          const target = scrollRef.current?.querySelector(\n            `[data-turn-id=\"${id}\"]`,\n          ) as HTMLElement | null;\n          if (!target) return;\n          target.scrollIntoView({ block: 'center', behavior: 'auto' });\n          const btn = target.querySelector(\n            'button',\n          ) as HTMLButtonElement | null;\n          btn?.focus();\n        },\n        copyTurn: (id: string) => {\n          const index = Number.parseInt(id, 10);\n          if (!Number.isFinite(index)) return;\n          const line = lines[index];\n          if (!line) return;\n          if (typeof navigator !== 'undefined' && navigator.clipboard) {\n            return navigator.clipboard.writeText(line.text);\n          }\n        },\n      }),\n      [activeIndex, lines],\n    );\n    useAgentRegistration(\n      transcriptPanelAgent,\n      agentHandle,\n      rest.id as string | undefined,\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- root keyboard shortcuts (j/k navigation, /) bubble up from focused descendants\n      <div\n        ref={rootRef}\n        onKeyDown={handleRootKeyDown}\n        data-component=\"transcript-panel\"\n        data-component-id={rest.id}\n        className={rootVariants({ size, className })}\n        {...rest}\n      >\n        {searchable ? (\n          <div className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:border-b ds:border-border\">\n            <SearchInput\n              ref={searchInputRef}\n              id={searchId}\n              placeholder={t('chat.transcript.search')}\n              aria-label={t('chat.transcript.search')}\n              aria-keyshortcuts=\"Meta+F Control+F\"\n              debounceMs={150}\n              onChange={(v) => setQuery(v)}\n              size=\"sm\"\n            />\n            {query ? (\n              <span\n                role=\"status\"\n                aria-live=\"polite\"\n                className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums\"\n              >\n                {matchCount === 0\n                  ? t('chat.transcript.noMatches')\n                  : t('chat.transcript.matchCount', { count: matchCount })}\n              </span>\n            ) : null}\n          </div>\n        ) : null}\n\n        <div\n          ref={scrollRef}\n          className=\"ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden\"\n        >\n          {virtualized ? (\n            <ol\n              className=\"ds:relative ds:list-none ds:ps-0 ds:m-0\"\n              // eslint-disable-next-line react/forbid-dom-props -- virtualizer total size, runtime-computed\n              style={{ blockSize: `${virtualizer.getTotalSize()}px` }}\n            >\n              {virtualizer.getVirtualItems().map((vi) => {\n                const line = lines[vi.index];\n                if (!line) return null;\n                // Put the measureElement ref on the <li> directly — a <div>\n                // child of <ol> is invalid and breaks list semantics for\n                // assistive tech.\n                return renderLine(line, vi.index, {\n                  liRef: virtualizer.measureElement,\n                  dataIndex: vi.index,\n                  style: { transform: `translateY(${vi.start}px)` },\n                  absolutePositioning: true,\n                });\n              })}\n            </ol>\n          ) : (\n            <ol className=\"ds:list-none ds:ps-0 ds:m-0\">\n              {lines.map((line, index) => renderLine(line, index))}\n            </ol>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nTranscriptPanel.displayName = 'TranscriptPanel';\n"],"names":["transcriptPanelAgent","handle","args","rootVariants","cva","VIRTUALIZATION_THRESHOLD","SPEAKER_SLOT_COUNT","formatTime","seconds","locale","total","m","s","fmt","n","secondsToIsoDuration","speakerSlot","name","hash","i","SPEAKER_BG_CLASSES","escapeRegExp","input","HighlightedText","text","query","escaped","part","jsx","Fragment","TranscriptPanel","forwardRef","lines","currentTime","onSeek","searchable","size","className","rest","ref","t","i18n","useTranslation","setQuery","useState","scrollRef","useRef","searchInputRef","searchId","useId","activeIndex","useMemo","line","matchCount","count","needle","hay","idx","handleRootKeyDown","useCallback","_a","virtualized","virtualizer","useVirtualizer","useLayoutEffect","scroller","target","prefersReducedMotion","renderLine","index","extras","isActive","slot","lowConfidence","jsxs","rootRef","useImperativeHandle","agentHandle","id","btn","useAgentRegistration","SearchInput","v","vi"],"mappings":";;;;;;;AAWO,MAAMA,IAA4D;AAAA,EACvE,IAAI;AAAA,EACJ,cAAc,CAAC,eAAe;AAAA,EAC9B,OAAO;AAAA,IACL,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,gBAAA;AAAA,IAAgB;AAAA,EAC3C;AAAA,EAEF,SAAS;AAAA,IACP,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,GAAQC,MAAyB;AACxC,QAAAD,EAAO,UAAUC,EAAK,EAAE;AAAA,MAC1B;AAAA,IAAA;AAAA,IAEF,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACD,GAAQC,MAAyBD,EAAO,SAASC,EAAK,EAAE;AAAA,IAAA;AAAA,EACnE;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aACE;AAAA,IAAA;AAAA,EACJ;AAEJ,GCAMC,IAAeC;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAEMC,IAA2B,KAC3BC,IAAqB;AAE3B,SAASC,EAAWC,GAAiBC,GAAwB;AAC3D,QAAMC,IAAQ,KAAK,IAAI,GAAG,KAAK,MAAMF,CAAO,CAAC,GACvCG,IAAI,KAAK,MAAMD,IAAQ,EAAE,GACzBE,IAAIF,IAAQ,IACZG,IAAM,CAACC,MACX,IAAI,KAAK,aAAaL,GAAQ,EAAE,sBAAsB,EAAA,CAAG,EAAE,OAAOK,CAAC;AACrE,SAAO,GAAGD,EAAIF,CAAC,CAAC,IAAIE,EAAID,CAAC,CAAC;AAC5B;AAGA,SAASG,EAAqBP,GAAyB;AACrD,QAAME,IAAQ,KAAK,IAAI,GAAG,KAAK,MAAMF,CAAO,CAAC,GACvCG,IAAI,KAAK,MAAMD,IAAQ,EAAE,GACzBE,IAAIF,IAAQ;AAClB,SAAO,KAAKC,CAAC,IAAIC,CAAC;AACpB;AAGA,SAASI,EAAYC,GAAsB;AACzC,MAAIC,IAAO;AACX,WAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE,KAAK;AACpC,IAAAD,IAAQA,IAAO,KAAKD,EAAK,WAAWE,CAAC,IAAK;AAE5C,SAAO,KAAK,IAAID,CAAI,IAAIZ;AAC1B;AAIA,MAAMc,IAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGA,SAASC,EAAaC,GAAuB;AAC3C,SAAOA,EAAM,QAAQ,uBAAuB,MAAM;AACpD;AASA,SAASC,GAAgB,EAAE,MAAAC,GAAM,OAAAC,KAA0C;AACzE,MAAI,CAACA,EAAO,QAAOD;AACnB,QAAME,IAAUL,EAAaI,CAAK;AAElC,SADcD,EAAK,MAAM,IAAI,OAAO,IAAIE,CAAO,KAAK,IAAI,CAAC,EAC5C;AAAA,IAAI,CAACC,GAAMR,MACtBQ,EAAK,wBAAwBF,EAAM,sBACjC,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAET,UAAAD;AAAA,MAAA;AAAA,MAHIR;AAAA,IAAA,IAMP,gBAAAS,EAACC,GAAA,EAAkB,UAAAF,EAAA,GAAJR,CAAS;AAAA,EAAA;AAG9B;AAEO,MAAMW,KAAkBC;AAAA,EAC7B,CACE;AAAA,IACE,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,QAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GACd,CAACjB,GAAOkB,CAAQ,IAAIC,EAAS,EAAE,GAC/BC,IAAYC,EAA8B,IAAI,GAC9CC,IAAiBD,EAAgC,IAAI,GACrDE,IAAWC,EAAA,GAGXC,IAAcC,EAAQ,MAAM;AAChC,UAAI,CAAC,OAAO,SAASlB,CAAW,EAAG,QAAO;AAC1C,eAASd,IAAI,GAAGA,IAAIa,EAAM,QAAQb,KAAK,GAAG;AACxC,cAAMiC,IAAOpB,EAAMb,CAAC;AACpB,YAAIiC,EAAK,SAASnB,KAAeA,IAAcmB,EAAK,IAAK,QAAOjC;AAAA,MAClE;AACA,aAAO;AAAA,IACT,GAAG,CAACa,GAAOC,CAAW,CAAC,GAGjBoB,IAAaF,EAAQ,MAAM;AAC/B,UAAI,CAAC1B,EAAO,QAAO;AACnB,UAAI6B,IAAQ;AACZ,YAAMC,IAAS9B,EAAM,kBAAA;AACrB,iBAAW2B,KAAQpB,GAAO;AACxB,cAAMwB,IAAMJ,EAAK,KAAK,kBAAA;AACtB,YAAIK,IAAMD,EAAI,QAAQD,CAAM;AAC5B,eAAOE,MAAQ;AACb,UAAAH,KAAS,GACTG,IAAMD,EAAI,QAAQD,GAAQE,IAAMF,EAAO,MAAM;AAAA,MAEjD;AACA,aAAOD;AAAA,IACT,GAAG,CAACtB,GAAOP,CAAK,CAAC,GAGXiC,IAAoBC;AAAA,MACxB,CAAC,MAAqC;;AACpC,SACG,EAAE,WAAW,EAAE,YAChB,EAAE,IAAI,YAAA,MAAkB,OACxBxB,MAEA,EAAE,eAAA,IACFyB,IAAAb,EAAe,YAAf,QAAAa,EAAwB;AAAA,MAE5B;AAAA,MACA,CAACzB,CAAU;AAAA,IAAA,GAIP0B,IAAc7B,EAAM,SAAS3B,GAC7ByD,IAAcC,EAAe;AAAA,MACjC,OAAOF,IAAc7B,EAAM,SAAS;AAAA,MACpC,kBAAkB,MAAMa,EAAU;AAAA,MAClC,cAAc,MAAM;AAAA,MACpB,UAAU;AAAA,MACV,YAAY,CAAC1B,MAAMA;AAAA,IAAA,CACpB;AAGD,IAAA6C,EAAgB,MAAM;AACpB,UAAId,IAAc,EAAG;AACrB,YAAMe,IAAWpB,EAAU;AAC3B,UAAI,CAACoB,EAAU;AACf,YAAMC,IAASD,EAAS;AAAA,QACtB,qBAAqBf,CAAW;AAAA,MAAA;AAElC,UAAI,CAACgB,EAAQ;AACb,YAAMC,IACJ,OAAO,SAAW,OAClB,OAAO,WAAW,kCAAkC,EAAE;AACxD,MAAAD,EAAO,eAAe;AAAA,QACpB,OAAO;AAAA,QACP,UAAUC,IAAuB,SAAS;AAAA,MAAA,CAC3C;AAAA,IACH,GAAG,CAACjB,CAAW,CAAC;AAEhB,UAAMkB,IAAaT;AAAA,MACjB,CACEP,GACAiB,GACAC,MAQG;AACH,cAAMC,IAAWF,MAAUnB,GACrBsB,IAAOxD,EAAYoC,EAAK,OAAO,GAC/BqB,IACJ,OAAOrB,EAAK,cAAe,YAAYA,EAAK,aAAa;AAC3D,eACE,gBAAAsB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,KAAKJ,KAAA,gBAAAA,EAAQ;AAAA,YACb,mBAAiBD;AAAA,YACjB,gBAAc,OAAOA,CAAK;AAAA,YAC1B,cAAYC,KAAA,gBAAAA,EAAQ;AAAA,YACpB,gBAAcC,IAAW,SAAS;AAAA,YAElC,OAAOD,KAAA,gBAAAA,EAAQ;AAAA,YACf,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACAC,IACI,sFACA;AAAA,cACJD,KAAA,QAAAA,EAAQ,sBACJ,uDACA;AAAA,YAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,YAEX,UAAA;AAAA,cAAA,gBAAA1C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAMM,KAAA,gBAAAA,EAASkB,EAAK;AAAA,kBAC7B,cAAYZ,EAAE,0BAA0B;AAAA,oBACtC,MAAMjC,EAAW6C,EAAK,OAAOX,EAAK,QAAQ;AAAA,kBAAA,CAC3C;AAAA,kBACD,WAAW;AAAA,oBACT;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA;AAAA;AAAA,oBAGA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBAAA,EACA,KAAK,GAAG;AAAA,kBAEV,UAAA,gBAAAb,EAAC,QAAA,EAAK,KAAI,OAAM,UAAUb,EAAqBqC,EAAK,KAAK,GACtD,UAAA7C,EAAW6C,EAAK,OAAOX,EAAK,QAAQ,EAAA,CACvC;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEF,gBAAAiC,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,gBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,kBAAA,gBAAA9C;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,eAAY;AAAA,sBACZ,WAAW,6DAA6DR,EAAmBoD,CAAI,CAAC;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAElG,gBAAA5C,EAAC,UAAA,EAAO,WAAU,mBACf,UAAAY,EAAE,2BAA2B,EAAE,MAAMY,EAAK,QAAA,CAAS,EAAA,CACtD;AAAA,kBACCqB,IACC,gBAAAC,EAAC,QAAA,EAAK,WAAU,+DAA8D,UAAA;AAAA,oBAAA;AAAA,oBAC1ElC,EAAE,+BAA+B;AAAA,oBAAE;AAAA,kBAAA,EAAA,CACvC,IACE;AAAA,gBAAA,GACN;AAAA,gBACA,gBAAAZ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAI;AAAA,oBACJ,WAAW;AAAA,sBACT;AAAA,sBACA6C,IACI,oFACA;AAAA,oBAAA,EACJ,KAAK,GAAG;AAAA,oBAEV,UAAA,gBAAA7C,EAACL,IAAA,EAAgB,MAAM6B,EAAK,MAAM,OAAA3B,EAAA,CAAc;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAClD,EAAA,CACF;AAAA,YAAA;AAAA,UAAA;AAAA,UA1EK4C;AAAA,QAAA;AAAA,MA6EX;AAAA,MACA,CAACnB,GAAaT,EAAK,UAAUP,GAAQT,GAAOe,CAAC;AAAA,IAAA,GAGzCmC,IAAU7B,EAAuB,IAAI;AAC3C,IAAA8B,EAAoBrC,GAAK,MAAMoC,EAAQ,SAA2B,CAAA,CAAE;AAEpE,UAAME,IAAc1B;AAAA,MAClB,OAAO;AAAA,QACL,iBAAiB,MAAOD,KAAe,IAAI,OAAOA,CAAW,IAAI;AAAA,QACjE,WAAW,CAAC4B,MAAe;;AACzB,gBAAMZ,KAASN,IAAAf,EAAU,YAAV,gBAAAe,EAAmB;AAAA,YAChC,kBAAkBkB,CAAE;AAAA;AAEtB,cAAI,CAACZ,EAAQ;AACb,UAAAA,EAAO,eAAe,EAAE,OAAO,UAAU,UAAU,QAAQ;AAC3D,gBAAMa,IAAMb,EAAO;AAAA,YACjB;AAAA,UAAA;AAEF,UAAAa,KAAA,QAAAA,EAAK;AAAA,QACP;AAAA,QACA,UAAU,CAACD,MAAe;AACxB,gBAAMT,IAAQ,OAAO,SAASS,GAAI,EAAE;AACpC,cAAI,CAAC,OAAO,SAAST,CAAK,EAAG;AAC7B,gBAAMjB,IAAOpB,EAAMqC,CAAK;AACxB,cAAKjB,KACD,OAAO,YAAc,OAAe,UAAU;AAChD,mBAAO,UAAU,UAAU,UAAUA,EAAK,IAAI;AAAA,QAElD;AAAA,MAAA;AAAA,MAEF,CAACF,GAAalB,CAAK;AAAA,IAAA;AAErB,WAAAgD;AAAA,MACEhF;AAAA,MACA6E;AAAA,MACAvC,EAAK;AAAA,IAAA;AAAA,IAKL,gBAAAoC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKC;AAAA,QACL,WAAWjB;AAAA,QACX,kBAAe;AAAA,QACf,qBAAmBpB,EAAK;AAAA,QACxB,WAAWnC,EAAa,EAAE,MAAAiC,GAAM,WAAAC,GAAW;AAAA,QAC1C,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAH,IACC,gBAAAuC,EAAC,OAAA,EAAI,WAAU,2LACb,UAAA;AAAA,YAAA,gBAAA9C;AAAA,cAACqD;AAAA,cAAA;AAAA,gBACC,KAAKlC;AAAA,gBACL,IAAIC;AAAA,gBACJ,aAAaR,EAAE,wBAAwB;AAAA,gBACvC,cAAYA,EAAE,wBAAwB;AAAA,gBACtC,qBAAkB;AAAA,gBAClB,YAAY;AAAA,gBACZ,UAAU,CAAC0C,MAAMvC,EAASuC,CAAC;AAAA,gBAC3B,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAENzD,IACC,gBAAAG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAU;AAAA,gBACV,WAAU;AAAA,gBAET,UAAAyB,MAAe,IACZb,EAAE,2BAA2B,IAC7BA,EAAE,8BAA8B,EAAE,OAAOa,EAAA,CAAY;AAAA,cAAA;AAAA,YAAA,IAEzD;AAAA,UAAA,EAAA,CACN,IACE;AAAA,UAEJ,gBAAAzB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKiB;AAAA,cACL,WAAU;AAAA,cAET,UAAAgB,IACC,gBAAAjC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBAEV,OAAO,EAAE,WAAW,GAAGkC,EAAY,aAAA,CAAc,KAAA;AAAA,kBAEhD,UAAAA,EAAY,gBAAA,EAAkB,IAAI,CAACqB,MAAO;AACzC,0BAAM/B,IAAOpB,EAAMmD,EAAG,KAAK;AAC3B,2BAAK/B,IAIEgB,EAAWhB,GAAM+B,EAAG,OAAO;AAAA,sBAChC,OAAOrB,EAAY;AAAA,sBACnB,WAAWqB,EAAG;AAAA,sBACd,OAAO,EAAE,WAAW,cAAcA,EAAG,KAAK,MAAA;AAAA,sBAC1C,qBAAqB;AAAA,oBAAA,CACtB,IATiB;AAAA,kBAUpB,CAAC;AAAA,gBAAA;AAAA,cAAA,IAGH,gBAAAvD,EAAC,MAAA,EAAG,WAAU,+BACX,UAAAI,EAAM,IAAI,CAACoB,GAAMiB,MAAUD,EAAWhB,GAAMiB,CAAK,CAAC,EAAA,CACrD;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAvC,GAAgB,cAAc;"}

package/dist/_chunks/use-direction-D6rvvG9G.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-direction-D6rvvG9G.js","sources":["../../src/hooks/use-direction.ts"],"sourcesContent":["import { useLayoutEffect, useState, type RefObject } from 'react';\n\nexport type Direction = 'ltr' | 'rtl';\n\nconst initialDocumentDir = (): Direction => {\n  if (typeof document === 'undefined') return 'ltr';\n  return document.documentElement.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr';\n};\n\n/**\n * Resolves the effective writing direction for `ref`'s element by walking its\n * ancestor chain and reacting to `dir` attribute mutations along the way.\n *\n * Radix primitives default to `dir=\"ltr\"` when no `DirectionProvider` is\n * present and then stamp `dir=\"ltr\"` onto the rendered element — which\n * overrides any inherited `dir=\"rtl\"` from a parent. Pass the result of this\n * hook to the primitive's `dir` prop so the logical layout flips correctly.\n */\nexport function useDirection(ref: RefObject<HTMLElement | null>): Direction {\n  const [dir, setDir] = useState<Direction>(initialDocumentDir);\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    // Read from the parent so Radix's own `dir=\"ltr\"` stamp on `element`\n    // (which overrides the inherited direction) doesn't feed back into us.\n    const source = element.parentElement ?? element;\n\n    const read = () => {\n      const computed = window.getComputedStyle(source).direction;\n      setDir(computed === 'rtl' ? 'rtl' : 'ltr');\n    };\n\n    read();\n\n    const observer = new MutationObserver(read);\n    let node: Element | null = source;\n    while (node) {\n      observer.observe(node, { attributes: true, attributeFilter: ['dir'] });\n      node = node.parentElement;\n    }\n\n    return () => observer.disconnect();\n  }, [ref]);\n\n  return dir;\n}\n\n/**\n * Resolves the document-level writing direction. Use for components whose\n * Root is a pure context provider (no DOM element to ref) — e.g. Radix\n * DropdownMenu/ContextMenu/Menubar Roots.\n */\nexport function useDocumentDirection(): Direction {\n  const [dir, setDir] = useState<Direction>(initialDocumentDir);\n\n  useLayoutEffect(() => {\n    if (typeof document === 'undefined') return;\n    const read = () => {\n      const value = document.documentElement.getAttribute('dir');\n      setDir(value === 'rtl' ? 'rtl' : 'ltr');\n    };\n    read();\n    const observer = new MutationObserver(read);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['dir'],\n    });\n    return () => observer.disconnect();\n  }, []);\n\n  return dir;\n}\n"],"names":["initialDocumentDir","useDirection","ref","dir","setDir","useState","useLayoutEffect","element","source","read","computed","observer","node","useDocumentDirection","value"],"mappings":";AAIA,MAAMA,IAAqB,MACrB,OAAO,WAAa,MAAoB,QACrC,SAAS,gBAAgB,aAAa,KAAK,MAAM,QAAQ,QAAQ;AAYnE,SAASC,EAAaC,GAA+C;AAC1E,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAoBL,CAAkB;AAE5D,SAAAM,EAAgB,MAAM;AACpB,UAAMC,IAAUL,EAAI;AACpB,QAAI,CAACK,EAAS;AAId,UAAMC,IAASD,EAAQ,iBAAiBA,GAElCE,IAAO,MAAM;AACjB,YAAMC,IAAW,OAAO,iBAAiBF,CAAM,EAAE;AACjD,MAAAJ,EAAOM,MAAa,QAAQ,QAAQ,KAAK;AAAA,IAC3C;AAEA,IAAAD,EAAA;AAEA,UAAME,IAAW,IAAI,iBAAiBF,CAAI;AAC1C,QAAIG,IAAuBJ;AAC3B,WAAOI;AACL,MAAAD,EAAS,QAAQC,GAAM,EAAE,YAAY,IAAM,iBAAiB,CAAC,KAAK,GAAG,GACrEA,IAAOA,EAAK;AAGd,WAAO,MAAMD,EAAS,WAAA;AAAA,EACxB,GAAG,CAACT,CAAG,CAAC,GAEDC;AACT;AAOO,SAASU,IAAkC;AAChD,QAAM,CAACV,GAAKC,CAAM,IAAIC,EAAoBL,CAAkB;AAE5D,SAAAM,EAAgB,MAAM;AACpB,QAAI,OAAO,WAAa,IAAa;AACrC,UAAMG,IAAO,MAAM;AACjB,YAAMK,IAAQ,SAAS,gBAAgB,aAAa,KAAK;AACzD,MAAAV,EAAOU,MAAU,QAAQ,QAAQ,KAAK;AAAA,IACxC;AACA,IAAAL,EAAA;AACA,UAAME,IAAW,IAAI,iBAAiBF,CAAI;AAC1C,WAAAE,EAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,KAAK;AAAA,IAAA,CACxB,GACM,MAAMA,EAAS,WAAA;AAAA,EACxB,GAAG,CAAA,CAAE,GAEER;AACT;"}

package/dist/_chunks/use-scroll-to-first-error-BrK7dKB_.js

@@ -1,55 +0,0 @@
-import { useState as h, useEffect as w, useRef as m } from "react";
-function v(e) {
-  const [i, r] = h(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(e).matches);
-  return w(() => {
-    if (typeof window > "u" || typeof window.matchMedia != "function")
-      return;
-    const n = window.matchMedia(e);
-    r(n.matches);
-    const t = (u) => r(u.matches);
-    return typeof n.addEventListener == "function" ? (n.addEventListener("change", t), () => n.removeEventListener("change", t)) : (n.addListener(t), () => n.removeListener(t));
-  }, [e]), i;
-}
-function p(e) {
-  return e != null && e.current ? e.current : typeof document > "u" ? null : document;
-}
-function S(e, i) {
-  const r = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : (
-    // SSR / jsdom fallback — drop every character that's
-    // significant in a CSS attribute selector. Conservative but
-    // robust enough for the test environment.
-    e.replace(/["'\\[\]]/g, "")
-  ), n = `[data-error-anchor="${r}"], [name="${r}"], [name$="[${r}]"]`, t = Array.from(i.querySelectorAll(n));
-  return t.length === 0 ? null : t.find((f) => f.offsetParent !== null) ?? t[0];
-}
-function E(e, i, r = {}) {
-  const {
-    scope: n,
-    scrollOptions: t = { behavior: "smooth", block: "center" },
-    focus: u = !0,
-    skipInitialMount: f = !0
-  } = r, l = m(!0), c = m(null), o = i.find((s) => !!e[s]) ?? null;
-  w(() => {
-    if (l.current && (l.current = !1, f)) {
-      c.current = o;
-      return;
-    }
-    if (!o) {
-      c.current = null;
-      return;
-    }
-    if (o === c.current || typeof window > "u") return;
-    const s = window.requestAnimationFrame(() => {
-      const d = p(n);
-      if (!d) return;
-      const a = S(o, d);
-      a && (a.scrollIntoView(t), u && a.focus({ preventScroll: !0 }), c.current = o);
-    });
-    return () => window.cancelAnimationFrame(s);
-  }, [o]);
-}
-export {
-  E as a,
-  v as u
-};
-//# sourceMappingURL=use-scroll-to-first-error-BrK7dKB_.js.map

package/dist/_chunks/use-scroll-to-first-error-BrK7dKB_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scroll-to-first-error-BrK7dKB_.js","sources":["../../src/hooks/use-media-query.ts","../../src/hooks/use-scroll-to-first-error.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Subscribe to an arbitrary media query and return whether it currently\n * matches. Useful for responsive components that need to branch on\n * viewport size without hand-rolling `matchMedia` plumbing.\n *\n * SSR-safe: returns `false` when `window` is undefined. The effect is\n * client-only, so hydration mismatches are avoided without a null\n * sentinel at the type level.\n *\n * Mirrors the shape of `usePrefersReducedMotion` — Safari < 14 fallback\n * via `addListener` / `removeListener` is included.\n *\n * @example\n *   const isMobile = useMediaQuery('(max-width: 640px)');\n */\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = useState<boolean>(() => {\n    if (\n      typeof window === 'undefined' ||\n      typeof window.matchMedia !== 'function'\n    ) {\n      return false;\n    }\n    return window.matchMedia(query).matches;\n  });\n\n  useEffect(() => {\n    if (\n      typeof window === 'undefined' ||\n      typeof window.matchMedia !== 'function'\n    ) {\n      return;\n    }\n    const mql = window.matchMedia(query);\n    // Re-sync in case the query (or the OS state) changed between the\n    // initial useState read and the first effect.\n    setMatches(mql.matches);\n    const onChange = (ev: MediaQueryListEvent) => setMatches(ev.matches);\n    if (typeof mql.addEventListener === 'function') {\n      mql.addEventListener('change', onChange);\n      return () => mql.removeEventListener('change', onChange);\n    }\n    mql.addListener(onChange);\n    return () => mql.removeListener(onChange);\n  }, [query]);\n\n  return matches;\n}\n","import { useEffect, useRef, type RefObject } from 'react';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                  */\n/* -------------------------------------------------------------------- */\n\nexport interface UseScrollToFirstErrorOptions {\n  /**\n   * Limits the DOM query to this element. Useful when the page renders\n   * more than one form, or when an unrelated component happens to share\n   * a field name. Defaults to `document`.\n   */\n  scope?: RefObject<HTMLElement | null>;\n  /**\n   * Forwarded to `scrollIntoView`. Defaults to\n   * `{ behavior: 'smooth', block: 'center' }`. Pass\n   * `{ behavior: 'auto' }` (or omit `behavior`) on consumers that\n   * respect `prefers-reduced-motion` upstream — the kit doesn't shadow\n   * the user's motion preference inside the hook, since some consumers\n   * deliberately keep a near-instant snap for power-user form flows.\n   */\n  scrollOptions?: ScrollIntoViewOptions;\n  /**\n   * Move keyboard focus to the errored field after scrolling. Default\n   * `true`. The focus call uses `preventScroll: true` so the smooth\n   * scroll the hook just did isn't replaced by a snap.\n   *\n   * Setting this `false` defeats the keyboard-user side of WCAG 3.3.1\n   * — the viewport will scroll but the active element stays on the\n   * submit button, forcing a Shift+Tab back into the form. Only flip\n   * this off when an upstream concern (e.g. a custom error summary\n   * panel that owns its own focus) is taking responsibility.\n   */\n  focus?: boolean;\n  /**\n   * On the very first render, do nothing even if `errors` already has\n   * entries. Default `true`. Without this the hook would yank the\n   * viewport whenever a form is hydrated with server-rendered errors\n   * from a no-JS fallback path — bad UX, since the user landed on the\n   * page and hasn't asked for any movement yet. Set `false` only when\n   * the consumer explicitly wants the initial-mount scroll (rare).\n   */\n  skipInitialMount?: boolean;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\nfunction getScopeRoot(\n  scope: RefObject<HTMLElement | null> | undefined,\n): ParentNode | null {\n  if (scope?.current) return scope.current;\n  if (typeof document === 'undefined') return null;\n  return document;\n}\n\n/**\n * Resolve the DOM element to scroll/focus for a given errored field\n * name. The match order is:\n *\n *   1. `[data-error-anchor=\"<name>\"]` — the consumer's explicit hook,\n *      used for Radix-based fields (Checkbox / Select / Switch) where\n *      the named `<input>` is hidden behind a visible `<button>`.\n *      Consumers set this on the trigger.\n *   2. `[name=\"<name>\"]` — the literal field name.\n *   3. `[name$=\"[<name>]\"]` — Symfony form-prefixed names like\n *      `privacy_generator[fiscal_code]`. Suffix match keeps the hook\n *      consumer-agnostic; no need to thread the form prefix through.\n *\n * Returns the first visible element among the matches. \"Visible\" here\n * means `offsetParent !== null` — that's the cheap heuristic Radix's\n * hidden inputs (display:none-equivalent positioning) fail and the\n * visible triggers pass. Falls back to the first match if every match\n * is hidden, so a field can still be scrolled into view even when the\n * trigger uses a non-standard layout.\n */\nfunction findErrorElement(name: string, root: ParentNode): HTMLElement | null {\n  // `CSS.escape` is load-bearing here, not cosmetic. The Symfony\n  // suffix-match arm embeds `name` inside `[name$=\"[${safe}]\"]`, so a\n  // field name containing `]` would otherwise close the attribute\n  // selector early and turn the rest of the string into stray\n  // selector tokens. We don't expect adversarial input in practice\n  // (server-controlled field names), but a server returning a `]`\n  // in a 422 payload shouldn't be able to break the query.\n  const safe =\n    typeof CSS !== 'undefined' && typeof CSS.escape === 'function'\n      ? CSS.escape(name)\n      : // SSR / jsdom fallback — drop every character that's\n        // significant in a CSS attribute selector. Conservative but\n        // robust enough for the test environment.\n        name.replace(/[\"'\\\\[\\]]/g, '');\n  const selector =\n    `[data-error-anchor=\"${safe}\"], ` +\n    `[name=\"${safe}\"], ` +\n    `[name$=\"[${safe}]\"]`;\n\n  const matches = Array.from(root.querySelectorAll<HTMLElement>(selector));\n  if (matches.length === 0) return null;\n\n  const visible = matches.find((el) => el.offsetParent !== null);\n  return visible ?? matches[0];\n}\n\n/* -------------------------------------------------------------------- */\n/* Hook                                                                   */\n/* -------------------------------------------------------------------- */\n\n/**\n * Scrolls the first errored field into view and (by default) focuses\n * it, after `errors` changes. Backs the standard AlfaDocs rebrand\n * validation-error UX: after a 422 with `{ errors: { field: message } }`\n * is rendered inline, the user shouldn't be left staring at red labels\n * they can't see. Implements WCAG 3.3.1 / 3.3.3.\n *\n * The hook is stateless and never mutates the DOM beyond the\n * `scrollIntoView` + `focus` calls.\n *\n * @example\n *   const fieldOrder = ['firstName', 'email', 'fiscalCode'] as const;\n *   const [errors, setErrors] = useState<Record<string, string>>({});\n *   useScrollToFirstError(errors, fieldOrder);\n *\n * @example Radix-based field\n *   <Checkbox data-error-anchor=\"consent\" name=\"consent\" />\n *   // hook scrolls to the visible <button>, not Radix's hidden input.\n *\n * @example Scoped to one form\n *   const formRef = useRef<HTMLFormElement>(null);\n *   useScrollToFirstError(errors, fieldOrder, { scope: formRef });\n */\nexport function useScrollToFirstError(\n  errors: Readonly<Record<string, string | undefined>>,\n  fieldOrder: ReadonlyArray<string>,\n  options: UseScrollToFirstErrorOptions = {},\n): void {\n  const {\n    scope,\n    scrollOptions = { behavior: 'smooth', block: 'center' },\n    focus = true,\n    skipInitialMount = true,\n  } = options;\n\n  const isInitialMount = useRef(true);\n\n  // Track the previous \"first errored field name\" so a re-render that\n  // leaves the same field errored doesn't re-scroll. We intentionally\n  // depend on the resolved name (not the whole errors object) — that\n  // way callers can mutate `errors` shape freely as long as the head\n  // of the validation list is stable, which is the typical pattern\n  // after a server returns the same 422 twice in a row.\n  const lastScrolledFieldRef = useRef<string | null>(null);\n\n  // Resolve the first errored field by visual order. A field is\n  // \"errored\" iff its key has a truthy string value — the kit's form\n  // contract is `Record<string, string | undefined>` where `undefined`\n  // / missing keys mean \"no error\".\n  const firstErroredField =\n    fieldOrder.find((name) => Boolean(errors[name])) ?? null;\n\n  useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n      if (skipInitialMount) {\n        // Record what we skipped so the next render doesn't try to\n        // scroll to a field that was already errored at mount.\n        lastScrolledFieldRef.current = firstErroredField;\n        return;\n      }\n    }\n\n    if (!firstErroredField) {\n      lastScrolledFieldRef.current = null;\n      return;\n    }\n\n    if (firstErroredField === lastScrolledFieldRef.current) return;\n\n    if (typeof window === 'undefined') return;\n\n    // rAF defers the scroll until after the browser has laid out the\n    // freshly-rendered error labels. Calling scrollIntoView synchronously\n    // inside useEffect would fire before the new DOM is painted on\n    // some browsers, leaving the viewport pointing at the old layout.\n    const handle = window.requestAnimationFrame(() => {\n      const root = getScopeRoot(scope);\n      if (!root) return;\n      const el = findErrorElement(firstErroredField, root);\n      if (!el) return;\n\n      el.scrollIntoView(scrollOptions);\n      if (focus) {\n        // preventScroll: true so the browser doesn't override the\n        // smooth scroll above with a snap to put the element at the\n        // top of the viewport.\n        el.focus({ preventScroll: true });\n      }\n      lastScrolledFieldRef.current = firstErroredField;\n    });\n\n    return () => window.cancelAnimationFrame(handle);\n    // `scrollOptions` / `focus` / `scope` / `skipInitialMount` are\n    // option bag values — re-running on their identity change would\n    // be surprising. The hook re-fires only when the field at the\n    // head of the errored list changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [firstErroredField]);\n}\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","mql","onChange","ev","getScopeRoot","scope","findErrorElement","name","root","safe","selector","el","useScrollToFirstError","errors","fieldOrder","options","scrollOptions","focus","skipInitialMount","isInitialMount","useRef","lastScrolledFieldRef","firstErroredField","handle"],"mappings":";AAiBO,SAASA,EAAcC,GAAwB;AACpD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAkB,MAE5C,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe,aAEtB,KAEF,OAAO,WAAWH,CAAK,EAAE,OACjC;AAED,SAAAI,EAAU,MAAM;AACd,QACE,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe;AAE7B;AAEF,UAAMC,IAAM,OAAO,WAAWL,CAAK;AAGnC,IAAAE,EAAWG,EAAI,OAAO;AACtB,UAAMC,IAAW,CAACC,MAA4BL,EAAWK,EAAG,OAAO;AACnE,WAAI,OAAOF,EAAI,oBAAqB,cAClCA,EAAI,iBAAiB,UAAUC,CAAQ,GAChC,MAAMD,EAAI,oBAAoB,UAAUC,CAAQ,MAEzDD,EAAI,YAAYC,CAAQ,GACjB,MAAMD,EAAI,eAAeC,CAAQ;AAAA,EAC1C,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT;ACAA,SAASO,EACPC,GACmB;AACnB,SAAIA,KAAA,QAAAA,EAAO,UAAgBA,EAAM,UAC7B,OAAO,WAAa,MAAoB,OACrC;AACT;AAsBA,SAASC,EAAiBC,GAAcC,GAAsC;AAQ5E,QAAMC,IACJ,OAAO,MAAQ,OAAe,OAAO,IAAI,UAAW,aAChD,IAAI,OAAOF,CAAI;AAAA;AAAA;AAAA;AAAA,IAIfA,EAAK,QAAQ,cAAc,EAAE;AAAA,KAC7BG,IACJ,uBAAuBD,CAAI,cACjBA,CAAI,gBACFA,CAAI,OAEZZ,IAAU,MAAM,KAAKW,EAAK,iBAA8BE,CAAQ,CAAC;AACvE,SAAIb,EAAQ,WAAW,IAAU,OAEjBA,EAAQ,KAAK,CAACc,MAAOA,EAAG,iBAAiB,IAAI,KAC3Cd,EAAQ,CAAC;AAC7B;AA6BO,SAASe,EACdC,GACAC,GACAC,IAAwC,CAAA,GAClC;AACN,QAAM;AAAA,IACJ,OAAAV;AAAA,IACA,eAAAW,IAAgB,EAAE,UAAU,UAAU,OAAO,SAAA;AAAA,IAC7C,OAAAC,IAAQ;AAAA,IACR,kBAAAC,IAAmB;AAAA,EAAA,IACjBH,GAEEI,IAAiBC,EAAO,EAAI,GAQ5BC,IAAuBD,EAAsB,IAAI,GAMjDE,IACJR,EAAW,KAAK,CAACP,MAAS,EAAQM,EAAON,CAAI,CAAE,KAAK;AAEtD,EAAAP,EAAU,MAAM;AACd,QAAImB,EAAe,YACjBA,EAAe,UAAU,IACrBD,IAAkB;AAGpB,MAAAG,EAAqB,UAAUC;AAC/B;AAAA,IACF;AAGF,QAAI,CAACA,GAAmB;AACtB,MAAAD,EAAqB,UAAU;AAC/B;AAAA,IACF;AAIA,QAFIC,MAAsBD,EAAqB,WAE3C,OAAO,SAAW,IAAa;AAMnC,UAAME,IAAS,OAAO,sBAAsB,MAAM;AAChD,YAAMf,IAAOJ,EAAaC,CAAK;AAC/B,UAAI,CAACG,EAAM;AACX,YAAMG,IAAKL,EAAiBgB,GAAmBd,CAAI;AACnD,MAAKG,MAELA,EAAG,eAAeK,CAAa,GAC3BC,KAIFN,EAAG,MAAM,EAAE,eAAe,GAAA,CAAM,GAElCU,EAAqB,UAAUC;AAAA,IACjC,CAAC;AAED,WAAO,MAAM,OAAO,qBAAqBC,CAAM;AAAA,EAMjD,GAAG,CAACD,CAAiB,CAAC;AACxB;"}