@alfadocs/ui-kit 0.1.4 → 0.1.6

package/dist/_chunks/tabs.agent-BtaNGxRh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.agent-BtaNGxRh.js","sources":["../../src/components/tabs/tabs.tsx","../../src/components/tabs/tabs.agent.ts"],"sourcesContent":["import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { X, ChevronDown } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { Select, type SelectOption } from '../select/select';\n\n// ---------------------------------------------------------------------------\n// CVA recipes\n// ---------------------------------------------------------------------------\n\nexport const tabsListVariants = cva(\n  'ds:relative ds:flex',\n  {\n    variants: {\n      variant: {\n        // Shadcn-style segmented control: light container, white active card\n        default: 'ds:flex-1 ds:min-w-0 ds:items-center ds:bg-muted/10 ds:rounded-[var(--radius-md)] ds:p-1',\n        // Classic underline tabs: bottom border with colored active indicator\n        underlined: 'ds:flex-1 ds:min-w-0 ds:items-end ds:[border-block-end:1px_solid_var(--border)]',\n        // Segmented control: warm secondary container, content-width\n        pills: 'ds:items-center ds:bg-secondary ds:rounded-[var(--radius-md)] ds:p-1',\n      },\n      orientation: {\n        horizontal: 'ds:flex-row ds:overflow-hidden',\n        vertical: 'ds:flex-col',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      orientation: 'horizontal',\n    },\n  },\n);\n\nexport const tabsTriggerVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:whitespace-nowrap ds:border-0',\n    'ds:gap-2 ds:font-medium ds:transition-colors',\n    'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:cursor-pointer ds:select-none',\n    'ds:disabled:pointer-events-none ds:disabled:opacity-50',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        default: [\n          'ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-background ds:data-[state=active]:text-foreground',\n          'ds:data-[state=active]:shadow-sm',\n        ].join(' '),\n        underlined: [\n          'ds:bg-transparent ds:text-muted-foreground',\n          'ds:[border-block-end:2px_solid_transparent]',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:[border-block-end-color:var(--primary)]',\n          'ds:data-[state=active]:text-foreground ds:data-[state=active]:[margin-block-end:-1px]',\n        ].join(' '),\n        pills: [\n          'ds:rounded-[var(--radius-full)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/20 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-primary ds:data-[state=active]:text-primary-foreground',\n        ].join(' '),\n      },\n      size: {\n        sm: 'ds:h-8 ds:px-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-10 ds:px-[var(--spacing-md)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:px-[var(--spacing-lg)] ds:text-[length:var(--font-size-lg)]',\n      },\n      orientation: {\n        horizontal: '',\n        vertical: 'ds:w-full ds:justify-start',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      orientation: 'horizontal',\n    },\n  },\n);\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ntype TabsOverflow = 'dropdown' | 'select';\n\ninterface TabsContextValue {\n  variant: 'default' | 'underlined' | 'pills';\n  size: 'sm' | 'md' | 'lg';\n  orientation: 'horizontal' | 'vertical';\n  overflow: TabsOverflow;\n  value: string;\n  setValue: (value: string) => void;\n}\n\nconst TabsContext = createContext<TabsContextValue>({\n  variant: 'default',\n  size: 'md',\n  orientation: 'horizontal',\n  overflow: 'dropdown',\n  value: '',\n  setValue: () => {},\n});\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface TabsRootProps\n  extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, 'orientation'> {\n  variant?: 'default' | 'underlined' | 'pills';\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Strategy for tabs that don't fit horizontally.\n   *\n   * - `'dropdown'` (default) — overflowing tabs collapse into a \"More\"\n   *   `DropdownMenu` rendered next to the visible tab list. Most tabs\n   *   stay visible inline; the few that don't fit hide behind the menu.\n   *   Best when there are 5–7 tabs at moderately narrow viewports.\n   * - `'select'` — at narrow container widths (under the `@md` breakpoint)\n   *   the entire tab strip collapses into a single `Select` whose value\n   *   is the active tab. Best when there are many tabs and the panel is\n   *   genuinely cramped (mobile, side-panel host). Above `@md`, the\n   *   inline tab list reappears unchanged.\n   *\n   *   Limitation: the Select mirror builds option labels from each\n   *   `Tabs.Trigger`'s `children`. Plain string / number children are\n   *   used verbatim; richer children (icon + text, fragments) fall back\n   *   to the trigger's `value` so the option remains selectable. Prefer\n   *   plain-text trigger children when using `overflow=\"select\"`, or use\n   *   the trigger's `icon` prop for the icon and keep `children` a\n   *   plain string.\n   *\n   * @default 'dropdown'\n   */\n  overflow?: TabsOverflow;\n}\n\nexport interface TabsListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {\n  'aria-label'?: string;\n}\n\nexport interface TabsTriggerProps\n  extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,\n    VariantProps<typeof tabsTriggerVariants> {\n  icon?: ReactNode;\n  badge?: ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n}\n\nexport type TabsContentProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;\n\n// ---------------------------------------------------------------------------\n// TabsRoot\n// ---------------------------------------------------------------------------\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsRootProps>(\n  (\n    {\n      variant = 'default',\n      size = 'md',\n      orientation = 'horizontal',\n      overflow = 'dropdown',\n      className,\n      children,\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n\n    // Track the active tab so the `overflow=\"select\"` mirror can read it\n    // without forcing consumers into controlled mode. If `value` is passed\n    // we honour it; otherwise we manage internal state seeded from\n    // `defaultValue` and notify consumers via `onValueChange`. Net effect\n    // is identical to Radix's own controlled / uncontrolled split — we\n    // just shadow the value into context so the Select can mirror it.\n    const isControlled = valueProp !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(defaultValue ?? '');\n    const value = isControlled ? (valueProp ?? '') : internalValue;\n    const setValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n        onValueChange?.(next);\n      },\n      [isControlled, onValueChange],\n    );\n\n    const ctxValue = useMemo(\n      () => ({ variant, size, orientation, overflow, value, setValue }),\n      [variant, size, orientation, overflow, value, setValue],\n    );\n\n    return (\n      <TabsContext.Provider value={ctxValue}>\n        <TabsPrimitive.Root\n          ref={composedRef}\n          orientation={orientation}\n          dir={dir}\n          // We always run Radix in controlled mode against our shadow state\n          // (seeded from `defaultValue`) so the `overflow=\"select\"` mirror\n          // can read the active value via context without DOM observation.\n          value={value}\n          onValueChange={setValue}\n          data-component=\"tabs\"\n          className={cx(\n            'flex',\n            orientation === 'vertical' ? 'flex-row gap-[var(--spacing-md)]' : 'flex-col',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.Root>\n      </TabsContext.Provider>\n    );\n  },\n);\nTabsRoot.displayName = 'Tabs';\n\n// ---------------------------------------------------------------------------\n// TabsList — with overflow detection\n// ---------------------------------------------------------------------------\n\nconst TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, children, 'aria-label': ariaLabel, ...props }, ref) => {\n    const { variant, size, orientation, overflow, value, setValue } = useContext(TabsContext);\n    const { t } = useTranslation('ui');\n\n    const listRef = useRef<HTMLDivElement>(null);\n    const [overflowTabs, setOverflowTabs] = useState<{ value: string; label: string }[]>([]);\n    const isHorizontal = orientation === 'horizontal';\n    // The `select` overflow strategy renders a Select mirror at narrow\n    // container widths and skips the DropdownMenu overflow detector\n    // (it's the wrong UX for that case — a select-and-a-dropdown would\n    // double up). The dropdown detector only runs when `overflow` is\n    // `dropdown` and the strip is horizontal.\n    const isDropdownOverflow = overflow === 'dropdown' && isHorizontal;\n\n    useEffect(() => {\n      if (!isDropdownOverflow) {\n        setOverflowTabs([]);\n        return;\n      }\n      const el = listRef.current;\n      if (!el) return;\n\n      const detectOverflow = () => {\n        const containerRight = el.getBoundingClientRect().right;\n        const hidden: { value: string; label: string }[] = [];\n        el.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]').forEach((tab) => {\n          const rect = tab.getBoundingClientRect();\n          if (rect.right > containerRight + 2) {\n            const value = tab.getAttribute('data-value') ?? tab.dataset['value'] ?? '';\n            const label = tab.textContent?.trim() ?? value;\n            hidden.push({ value, label });\n          }\n        });\n        setOverflowTabs(hidden);\n      };\n\n      const ro = new ResizeObserver(detectOverflow);\n      ro.observe(el);\n      detectOverflow();\n      return () => ro.disconnect();\n    }, [isDropdownOverflow, children]);\n\n    const combinedRef = (node: HTMLDivElement | null) => {\n      (listRef as MutableRefObject<HTMLDivElement | null>).current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as MutableRefObject<HTMLDivElement | null>).current = node;\n    };\n\n    // For `overflow=\"select\"` we mirror the Trigger children as Select\n    // options. Triggers may carry icon + text; for the Select label we\n    // prefer the trigger's plain-text children — anything else falls\n    // back to the trigger's `value` so the option is at least selectable.\n    const selectOptions = useMemo<SelectOption<string>[]>(() => {\n      if (overflow !== 'select') return [];\n      return Children.toArray(children)\n        .filter((child): child is ReactElement<TabsTriggerProps> => isValidElement(child))\n        .filter((child) => typeof child.props.value === 'string' && child.props.value.length > 0)\n        .map((child) => {\n          const triggerValue = child.props.value as string;\n          const labelChild = child.props.children;\n          const label =\n            typeof labelChild === 'string'\n              ? labelChild\n              : typeof labelChild === 'number'\n                ? String(labelChild)\n                : triggerValue;\n          return { value: triggerValue, label };\n        });\n    }, [children, overflow]);\n\n    if (overflow === 'select' && isHorizontal) {\n      // Container queries gate the swap: above `@md` (Tailwind v4 default\n      // 28rem container width) the inline tab strip renders; below it,\n      // the Select takes over. The Tabs.List markup stays mounted in\n      // both modes so Radix's roving-tabindex / ARIA wiring is preserved\n      // even when the strip is visually hidden — keyboard users who land\n      // on the panel via skip-link still get to the active tab.\n      return (\n        <div className=\"ds:@container/tabs ds:relative ds:w-full\">\n          {/* Select mirror — visible at narrow container widths only. */}\n          <div className=\"ds:block ds:@md/tabs:hidden\">\n            <Select\n              options={selectOptions}\n              value={value}\n              onValueChange={(next) => {\n                if (typeof next === 'string' && next.length > 0) setValue(next);\n              }}\n              size={size}\n              aria-label={ariaLabel ?? t('tabs.selectLabel')}\n            />\n          </div>\n          {/* Inline tab strip — visible at wider container widths. */}\n          <div className=\"ds:hidden ds:@md/tabs:flex ds:relative ds:items-center\">\n            <TabsPrimitive.List\n              ref={combinedRef}\n              aria-label={ariaLabel}\n              className={tabsListVariants({ variant, orientation, className })}\n              {...props}\n            >\n              {children}\n            </TabsPrimitive.List>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"ds:relative ds:flex ds:items-center\">\n        <TabsPrimitive.List\n          ref={combinedRef}\n          aria-label={ariaLabel}\n          className={tabsListVariants({ variant, orientation, className })}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.List>\n\n        {isDropdownOverflow && overflowTabs.length > 0 && (\n          <OverflowMenu tabs={overflowTabs} label={t('tabs.moreTabs')} size={size} />\n        )}\n      </div>\n    );\n  },\n);\nTabsList.displayName = 'TabsList';\n\n// ---------------------------------------------------------------------------\n// OverflowMenu (internal)\n// ---------------------------------------------------------------------------\n\ninterface OverflowMenuProps {\n  tabs: { value: string; label: string }[];\n  label: string;\n  size: 'sm' | 'md' | 'lg';\n}\n\nfunction OverflowMenu({ tabs, label, size }: OverflowMenuProps) {\n  const { variant } = useContext(TabsContext);\n\n  return (\n    <DropdownMenuPrimitive.Root>\n      <DropdownMenuPrimitive.Trigger\n        className={cx(\n          tabsTriggerVariants({ variant, size, orientation: 'horizontal' }),\n          'shrink-0 ms-1',\n        )}\n        aria-label={label}\n      >\n        {label}\n        <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n      </DropdownMenuPrimitive.Trigger>\n      <DropdownMenuPrimitive.Portal>\n        <DropdownMenuPrimitive.Content\n          sideOffset={4}\n          className={cx(\n            'z-50 min-w-40 overflow-hidden rounded-[var(--radius-md)]',\n            'border border-border bg-popover p-1 shadow-md',\n            'data-[state=open]:animate-in data-[state=closed]:animate-out',\n            'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n            'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n          )}\n        >\n          {tabs.map(({ value, label: tabLabel }) => (\n            <DropdownMenuPrimitive.Item\n              key={value}\n              className={cx(\n                'relative flex cursor-pointer select-none items-center',\n                'rounded-[var(--radius-sm)] px-[var(--spacing-sm)] py-[var(--spacing-xs)]',\n                'text-[var(--font-size-sm)] text-foreground outline-none',\n                'hover:bg-muted focus:bg-muted',\n                'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n              )}\n              onSelect={() => {\n                const tab = document.querySelector<HTMLButtonElement>(\n                  `[role=\"tab\"][data-value=\"${CSS.escape(value)}\"]`,\n                );\n                tab?.click();\n                tab?.scrollIntoView({ inline: 'nearest' });\n              }}\n            >\n              {tabLabel}\n            </DropdownMenuPrimitive.Item>\n          ))}\n        </DropdownMenuPrimitive.Content>\n      </DropdownMenuPrimitive.Portal>\n    </DropdownMenuPrimitive.Root>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TabsTrigger\n// ---------------------------------------------------------------------------\n\nconst TabsTrigger = forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  (\n    {\n      variant: variantProp,\n      size: sizeProp,\n      orientation: orientationProp,\n      icon,\n      badge,\n      dismissible = false,\n      onDismiss,\n      className,\n      children,\n      value,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useContext(TabsContext);\n    const variant = variantProp ?? ctx.variant;\n    const size = sizeProp ?? ctx.size;\n    const orientation = orientationProp ?? ctx.orientation;\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      // APG dismissible-tab pattern: Delete/Backspace while trigger is focused closes the tab.\n      // The visual X is pointer-only (aria-hidden) to avoid nested-interactive HTML violation.\n      if (dismissible && (e.key === 'Delete' || e.key === 'Backspace')) {\n        e.preventDefault();\n        onDismiss?.();\n      }\n      onKeyDown?.(e);\n    };\n\n    return (\n      <TabsPrimitive.Trigger\n        ref={ref}\n        value={value}\n        data-value={value}\n        className={tabsTriggerVariants({ variant, size, orientation, className })}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {icon && <span aria-hidden=\"true\" className=\"ds:shrink-0 ds:size-4\">{icon}</span>}\n        {children}\n        {badge && <span className=\"ds:shrink-0\">{badge}</span>}\n        {dismissible && (\n          // Visual-only dismiss indicator — pointer dismiss fires here; keyboard dismiss fires via Delete/Backspace on the trigger above.\n          // No role/tabIndex to avoid nested-interactive (interactive content inside <button> is invalid HTML).\n          <span\n            aria-hidden=\"true\"\n            className={cx(\n              'inline-flex items-center justify-center shrink-0',\n              'size-6 rounded-[var(--radius-sm)]',\n              'hover:bg-muted-foreground/20',\n            )}\n            onPointerDown={(e) => {\n              e.stopPropagation();\n              e.preventDefault();\n              onDismiss?.();\n            }}\n          >\n            <X className=\"ds:size-3.5\" />\n          </span>\n        )}\n      </TabsPrimitive.Trigger>\n    );\n  },\n);\nTabsTrigger.displayName = 'TabsTrigger';\n\n// ---------------------------------------------------------------------------\n// TabsContent\n// ---------------------------------------------------------------------------\n\nconst TabsContent = forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <TabsPrimitive.Content\n      ref={ref}\n      className={cx(\n        'mt-[var(--spacing-sm)] outline-none',\n        'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n        'focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TabsPrimitive.Content>\n  ),\n);\nTabsContent.displayName = 'TabsContent';\n\n// ---------------------------------------------------------------------------\n// Compound export\n// ---------------------------------------------------------------------------\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n});\n\nexport { TabsList, TabsTrigger, TabsContent };\n\n","import type { AgentAdapter } from '../../agent/types';\n\nexport const tabsAgent: AgentAdapter<unknown> = {\n  id: 'tabs',\n  capabilities: ['select_single', 'navigate'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: { attr: 'data-component', value: 'tabs' },\n    item: {\n      attr: 'data-tab-id',\n      description: 'Each Tab.Trigger emits its value as data-tab-id. The agent reads this to identify the active tab via the DOM.',\n    },\n  },\n};\n"],"names":["tabsListVariants","cva","tabsTriggerVariants","TabsContext","createContext","TabsRoot","forwardRef","variant","size","orientation","overflow","className","children","valueProp","defaultValue","onValueChange","props","ref","rootRef","useRef","composedRef","composeRefs","dir","useDirection","isControlled","internalValue","setInternalValue","useState","value","setValue","useCallback","next","ctxValue","useMemo","jsx","TabsPrimitive","cx","TabsList","ariaLabel","useContext","t","useTranslation","listRef","overflowTabs","setOverflowTabs","isHorizontal","isDropdownOverflow","useEffect","el","detectOverflow","containerRight","hidden","tab","label","_a","ro","combinedRef","node","selectOptions","Children","child","isValidElement","triggerValue","labelChild","jsxs","Select","OverflowMenu","tabs","DropdownMenuPrimitive","ChevronDown","tabLabel","TabsTrigger","variantProp","sizeProp","orientationProp","icon","badge","dismissible","onDismiss","onKeyDown","ctx","handleKeyDown","e","X","TabsContent","Tabs","tabsAgent"],"mappings":"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"}

package/dist/_chunks/tag--uLKOb9f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag--uLKOb9f.js","sources":["../../src/components/tag/tag.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useState,\n  useEffect,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { Tooltip } from '../tooltip';\n\n/* ------------------------------------------------------------------ */\n/* CVA — tag pill                                                       */\n/* ------------------------------------------------------------------ */\n\nconst tagVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-full)]',\n    'type-eyebrow ds:whitespace-nowrap',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\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:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        neutral: '',\n        info: '',\n        success: '',\n        warning: '',\n        error: '',\n        brand: '',\n      },\n      fill: {\n        solid: '',\n        outline: 'ds:border ds:bg-transparent',\n      },\n      size: {\n        // Symmetric start/end padding — close button uses negative margin to stay flush.\n        // Size is the only eyebrow-role axis that varies per Tag size; weight, transform,\n        // tracking, line-height, and features all come from `.type-eyebrow` on the base.\n        sm: 'ds:h-[calc(var(--spacing)*4)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'ds:h-[calc(var(--spacing)*5)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'ds:h-[calc(var(--spacing)*6)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]',\n      },\n    },\n    compoundVariants: [\n      // Solid fills — foreground tokens adapt per theme\n      { fill: 'solid', variant: 'neutral', className: 'ds:bg-muted/20 ds:text-muted-foreground' },\n      { fill: 'solid', variant: 'info',    className: 'ds:bg-info ds:text-[color:var(--info-solid-foreground)]' },\n      { fill: 'solid', variant: 'success', className: 'ds:bg-success ds:text-[color:var(--success-solid-foreground)]' },\n      { fill: 'solid', variant: 'warning', className: 'ds:bg-warning ds:text-foreground' },\n      { fill: 'solid', variant: 'error',   className: 'ds:bg-destructive ds:text-destructive-foreground' },\n      { fill: 'solid', variant: 'brand',   className: 'ds:bg-primary ds:text-primary-foreground' },\n      // Outline fills\n      { fill: 'outline', variant: 'neutral', className: 'ds:border-muted ds:text-muted-foreground' },\n      { fill: 'outline', variant: 'info',    className: 'ds:border-info ds:text-[var(--info-foreground)]' },\n      { fill: 'outline', variant: 'success', className: 'ds:border-success ds:text-[var(--success-foreground)]' },\n      { fill: 'outline', variant: 'warning', className: 'ds:border-warning ds:text-[var(--warning-foreground)]' },\n      { fill: 'outline', variant: 'error',   className: 'ds:border-destructive ds:text-[var(--error-foreground)]' },\n      { fill: 'outline', variant: 'brand',   className: 'ds:border-primary ds:text-primary' },\n    ],\n    defaultVariants: {\n      variant: 'neutral',\n      fill: 'solid',\n      size: 'md',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — close button                                                   */\n/* ------------------------------------------------------------------ */\n\nconst closeButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:rounded-full',\n    // Negative end margin keeps the button flush with the pill edge\n    'ds:-me-[var(--spacing-xs)]',\n    'ds:hover:bg-foreground/10',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\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:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-1 ds:[&>svg]:size-3',\n        md: 'ds:p-1 ds:[&>svg]:size-3.5',\n        lg: 'ds:p-1.5 ds:[&>svg]:size-4',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* TagProps                                                             */\n/* ------------------------------------------------------------------ */\n\nexport interface TagProps {\n  /** The visible label text */\n  label: string;\n  /** Semantic colour variant */\n  variant?: 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'brand';\n  /** Visual fill style */\n  fill?: 'solid' | 'outline';\n  /** Size */\n  size?: 'sm' | 'md' | 'lg';\n  /** Leading slot — icon element or dot */\n  leading?: ReactNode;\n  /** Called when the tag is removed (enables close button + Backspace/Delete) */\n  onRemove?: () => void;\n  /** Called when the tag is clicked (non-removable interactive tag) */\n  onClick?: () => void;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Max inline size before truncation with tooltip — default 'none' */\n  maxInlineSize?: string | 'none';\n  /** Additional class names */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Tag                                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const Tag = forwardRef<HTMLElement, TagProps>(\n  (\n    {\n      label,\n      variant = 'neutral',\n      fill = 'solid',\n      size = 'md',\n      leading,\n      onRemove,\n      onClick,\n      disabled = false,\n      maxInlineSize = 'none',\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const labelRef = useRef<HTMLSpanElement>(null);\n    const [isOverflowing, setIsOverflowing] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    useEffect(() => {\n      const el = labelRef.current;\n      if (!el || maxInlineSize === 'none') return;\n\n      const check = () => setIsOverflowing(el.scrollWidth > el.clientWidth);\n      const observer = new ResizeObserver(check);\n      observer.observe(el);\n      check();\n      return () => observer.disconnect();\n    }, [maxInlineSize]);\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if ((e.key === 'Backspace' || e.key === 'Delete') && onRemove && !disabled) {\n        e.preventDefault();\n        announce();\n        // Delay gives the live region one render cycle before unmount\n        setTimeout(onRemove, 100);\n      }\n    };\n\n    const announce = () => {\n      setAnnouncement(t('ui.tag.removed', { label }));\n    };\n\n    const handleRemove = () => {\n      if (!disabled && onRemove) {\n        announce();\n        setTimeout(onRemove, 100);\n      }\n    };\n\n    const isRemovable = !!onRemove;\n    const isClickable = !!onClick && !isRemovable;\n\n    const rootClasses = tagVariants({\n      variant,\n      fill,\n      size,\n      className: [\n        isClickable && !disabled ? 'hover:brightness-90 cursor-pointer' : '',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' '),\n    });\n\n    const leadingEl = leading ? (\n      <span aria-hidden=\"true\" className=\"ds:shrink-0 ds:inline-flex ds:items-center ds:[&>svg]:size-3.5\">\n        {leading}\n      </span>\n    ) : null;\n\n    // Consumer-controlled layout constraint — not a design token.\n    // maxInlineSize is an arbitrary caller-supplied value that cannot be expressed\n    // as a static Tailwind class; the style prop is the only cross-browser option.\n    const labelEl = (\n      <span\n        ref={labelRef}\n        className={\n          maxInlineSize !== 'none'\n            ? 'ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap'\n            : undefined\n        }\n        // eslint-disable-next-line react/forbid-component-props\n        style={maxInlineSize !== 'none' ? { maxInlineSize } : undefined}\n      >\n        {label}\n      </span>\n    );\n\n    // Live region — only for removable tags; must be a sibling outside the button.\n    const liveRegion = (\n      <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n        {announcement}\n      </span>\n    );\n\n    const closeButton = isRemovable ? (\n      <button\n        type=\"button\"\n        aria-label={t('ui.tag.remove', { label })}\n        onClick={handleRemove}\n        disabled={disabled}\n        // Intentionally excluded from tab order: Backspace/Delete on the focused\n        // group element provides the same keyboard action.\n        tabIndex={-1}\n        className={closeButtonVariants({ size })}\n      >\n        <X aria-hidden=\"true\" />\n      </button>\n    ) : null;\n\n    const shouldWrapTooltip = maxInlineSize !== 'none' && isOverflowing;\n\n    // Clickable tag — renders as <button>; live region is a sibling, not inside button\n    if (isClickable) {\n      const tagEl = (\n        <button\n          ref={ref as React.Ref<HTMLButtonElement>}\n          type=\"button\"\n          onClick={!disabled ? onClick : undefined}\n          disabled={disabled}\n          data-component=\"tag\"\n          className={rootClasses}\n        >\n          {leadingEl}\n          {labelEl}\n        </button>\n      );\n      return shouldWrapTooltip ? <Tooltip label={label}>{tagEl}</Tooltip> : tagEl;\n    }\n\n    // Removable tag — focusable <span> with embedded close button\n    if (isRemovable) {\n      const tagEl = (\n        <span\n          ref={ref as React.Ref<HTMLSpanElement>}\n          role=\"group\"\n          aria-label={label}\n          tabIndex={disabled ? -1 : 0}\n          aria-disabled={disabled || undefined}\n          onKeyDown={handleKeyDown}\n          data-component=\"tag\"\n          className={rootClasses}\n        >\n          {liveRegion}\n          {leadingEl}\n          {labelEl}\n          {closeButton}\n        </span>\n      );\n      return shouldWrapTooltip ? <Tooltip label={label}>{tagEl}</Tooltip> : tagEl;\n    }\n\n    // Decorative tag — plain <span>, no interactive role\n    const tagEl = (\n      <span\n        ref={ref as React.Ref<HTMLSpanElement>}\n        data-component=\"tag\"\n        className={tagVariants({ variant, fill, size, className })}\n      >\n        {leadingEl}\n        {labelEl}\n      </span>\n    );\n    return shouldWrapTooltip ? <Tooltip label={label}>{tagEl}</Tooltip> : tagEl;\n  },\n);\n\nTag.displayName = 'Tag';\n"],"names":["tagVariants","cva","closeButtonVariants","Tag","forwardRef","label","variant","fill","size","leading","onRemove","onClick","disabled","maxInlineSize","className","ref","t","useTranslation","labelRef","useRef","isOverflowing","setIsOverflowing","useState","announcement","setAnnouncement","useEffect","el","check","observer","handleKeyDown","e","announce","handleRemove","isRemovable","isClickable","rootClasses","leadingEl","jsx","labelEl","liveRegion","closeButton","X","shouldWrapTooltip","tagEl","jsxs","Tooltip"],"mappings":"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"}

package/dist/_chunks/task-card-BeSuntXP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"task-card-BeSuntXP.js","sources":["../../src/components/task-card/task-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CheckSquare, Square, AlertCircle, ChevronRight } from 'lucide-react';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type TaskStatus = 'open' | 'in-progress' | 'done';\nexport type TaskPriority = 'low' | 'normal' | 'high';\n\nexport interface TaskItem {\n  /** Unique identifier for the task. */\n  id: string;\n  /** Title — single line, primary content. */\n  title: string;\n  /** Optional secondary line (e.g. \"Patient A · Due today\"). */\n  description?: string;\n  /**\n   * Localised due-date hint (e.g. \"Due today\" / \"Tomorrow\"). Rendered as a\n   * trailing eyebrow chip when set; consumers compute the bucket and pass\n   * the localised string.\n   */\n  dueLabel?: string;\n  /** Lifecycle state — drives the leading icon. */\n  status?: TaskStatus;\n  /** Priority — `high` colours the leading icon as `--destructive`. */\n  priority?: TaskPriority;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface TaskCardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof taskCardVariants> {\n  /** The task to render. */\n  item: TaskItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the row is activated (click / Enter / Space). */\n  onActivate?: (item: TaskItem) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'focus-visible:outline-none',\n  \"after:content-[''] after:absolute after:inset-0 after:rounded-[var(--radius-sm)]\",\n  'after:pointer-events-auto',\n  'focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'focus-visible:after:outline-solid',\n  'focus-visible:after:outline-[color:var(--ring)]',\n  'focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeTaskUrl(url: string): boolean {\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\nfunction StatusIcon({ status, priority }: { status?: TaskStatus; priority?: TaskPriority }): ReactNode {\n  const tone =\n    priority === 'high'\n      ? 'text-[color:var(--destructive)]'\n      : 'text-[color:var(--muted-foreground)]';\n  if (status === 'done') {\n    return <CheckSquare aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n  }\n  if (priority === 'high') {\n    return <AlertCircle aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n  }\n  return <Square aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(\n  ({ item, size = 'sm', onActivate, className, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeTaskUrl(item.url);\n    const ariaLabel = t('ui.taskCard.itemLabel', {\n      title: item.title,\n      due: item.dueLabel ?? '',\n      defaultValue: '{{title}}{{due, prepend, \" · \"}}',\n    });\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.title}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey) return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'}\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"task-card\"\n        data-status={item.status ?? 'open'}\n        data-priority={item.priority ?? 'normal'}\n        className={taskCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span className=\"ds:mt-[var(--spacing-2xs)] ds:shrink-0\">\n          <StatusIcon status={item.status} priority={item.priority} />\n        </span>\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.description ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.description}\n            </span>\n          ) : null}\n          {item.dueLabel ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n              {item.dueLabel}\n            </span>\n          ) : null}\n        </div>\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:mt-[var(--spacing-2xs)] ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTaskCard.displayName = 'TaskCard';\n"],"names":["taskCardVariants","cva","stretchedLinkClass","isSafeTaskUrl","url","StatusIcon","status","priority","tone","CheckSquare","AlertCircle","Square","TaskCard","forwardRef","item","size","onActivate","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","ariaLabel","titleNode","jsx","activator","e","jsxs","ChevronRight"],"mappings":"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"}

package/dist/_chunks/text-area-xf9-6iDf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-area-xf9-6iDf.js","sources":["../../src/components/text-area/text-area.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CompositionEvent,\n  type TextareaHTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\n\nconst textAreaVariants = cva(\n  [\n    'ds:block ds:w-full ds:border ds:rounded-[var(--radius-sm)] ds:bg-background ds:text-foreground',\n    'ds:leading-[var(--line-height-base)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n    'ds:focus:outline-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:read-only:bg-muted ds:read-only:cursor-default',\n    'ds:transition-[height,color,background-color,border-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:placeholder:text-muted-foreground',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:min-h-8 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:min-h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:min-h-[calc(var(--min-target-size)*1.5)] ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: 'ds:border-border',\n        error: 'ds:border-destructive',\n      },\n      resize: {\n        auto: 'ds:resize-none',\n        manual: 'ds:resize-y',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'default', resize: 'manual' },\n  },\n);\n\nconst counterToneClass = (ratio: number): string => {\n  if (ratio >= 1) return 'text-destructive';\n  if (ratio >= 0.9) return 'text-warning';\n  return 'text-muted-foreground';\n};\n\ntype NativeTextareaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'children' | 'size'\n>;\n\nexport interface TextAreaProps\n  extends NativeTextareaProps,\n    Pick<VariantProps<typeof textAreaVariants>, 'size' | 'tone'> {\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  autoResize?: boolean;\n  minRows?: number;\n  maxRows?: number;\n  showCounter?: boolean;\n}\n\nconst codePointLength = (value: string): number => [...value].length;\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      size = 'md',\n      tone = 'default',\n      autoResize = false,\n      minRows = 2,\n      maxRows,\n      showCounter,\n      className,\n      id,\n      disabled,\n      value,\n      defaultValue,\n      maxLength,\n      rows,\n      onChange,\n      onCompositionStart,\n      onCompositionEnd,\n      onInput,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const textAreaId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone: 'default' | 'error' = ctx.invalid ? 'error' : tone;\n\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const setRefs = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const currentValue = isControlled ? String(value) : internalValue;\n\n    const composingRef = useRef(false);\n\n    const resizeTextArea = useCallback(() => {\n      const el = innerRef.current;\n      if (!el || !autoResize) return;\n\n      const styles = window.getComputedStyle(el);\n      const lineHeight = parseFloat(styles.lineHeight);\n      const paddingTop = parseFloat(styles.paddingTop);\n      const paddingBottom = parseFloat(styles.paddingBottom);\n      const borderTop = parseFloat(styles.borderTopWidth);\n      const borderBottom = parseFloat(styles.borderBottomWidth);\n      const verticalChrome =\n        paddingTop + paddingBottom + borderTop + borderBottom;\n\n      const minH =\n        (Number.isFinite(lineHeight) ? lineHeight : 24) * minRows +\n        verticalChrome;\n      const maxH =\n        typeof maxRows === 'number'\n          ? (Number.isFinite(lineHeight) ? lineHeight : 24) * maxRows +\n            verticalChrome\n          : Number.POSITIVE_INFINITY;\n\n      // EXCEPTION to constraint #4 (no inline styles): height is computed from\n      // runtime scrollHeight and cannot be expressed as a static Tailwind class.\n      el.style.height = 'auto';\n      const next = Math.max(minH, Math.min(el.scrollHeight, maxH));\n      el.style.height = `${next}px`;\n    }, [autoResize, minRows, maxRows]);\n\n    useLayoutEffect(() => {\n      if (!autoResize) return;\n      resizeTextArea();\n    }, [autoResize, resizeTextArea, currentValue]);\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) {\n        setInternalValue(event.target.value);\n      }\n      if (composingRef.current) return;\n      onChange?.(event);\n    };\n\n    const handleCompositionStart = (\n      event: CompositionEvent<HTMLTextAreaElement>,\n    ) => {\n      composingRef.current = true;\n      onCompositionStart?.(event);\n    };\n\n    const handleCompositionEnd = (\n      event: CompositionEvent<HTMLTextAreaElement>,\n    ) => {\n      composingRef.current = false;\n      onCompositionEnd?.(event);\n      const target = event.currentTarget;\n      if (!isControlled) {\n        setInternalValue(target.value);\n      }\n      // Synthesise a ChangeEvent from the CompositionEvent so consumers receive\n      // a single post-IME change. nativeEvent is still the CompositionEvent, so\n      // consumers inspecting `nativeEvent.inputType` will not find the usual\n      // \"insertCompositionText\" value — documented as a known limitation.\n      onChange?.({\n        ...event,\n        target,\n        currentTarget: target,\n      } as unknown as ChangeEvent<HTMLTextAreaElement>);\n      if (autoResize) resizeTextArea();\n    };\n\n    const counterEnabled =\n      typeof maxLength === 'number' &&\n      (showCounter ?? true) &&\n      maxLength > 0;\n\n    const current = codePointLength(currentValue);\n    const remaining = counterEnabled\n      ? Math.max(0, (maxLength as number) - current)\n      : 0;\n    const ratio = counterEnabled ? current / (maxLength as number) : 0;\n\n    const [announced, setAnnounced] = useState<string>('');\n    useEffect(() => {\n      if (!counterEnabled) return;\n      const handle = window.setTimeout(() => {\n        if (composingRef.current) return;\n        setAnnounced(\n          t('ui.inputs.textarea.charactersRemaining', {\n            count: remaining,\n            defaultValue: '{{count}} characters remaining',\n          }),\n        );\n      }, 500);\n      return () => window.clearTimeout(handle);\n    }, [counterEnabled, remaining, t]);\n\n    const counterId = counterEnabled ? `${textAreaId}-counter` : undefined;\n    const describedBy =\n      [ctx.describedBy || undefined, counterId].filter(Boolean).join(' ') ||\n      undefined;\n\n    const resizeVariant: 'auto' | 'manual' = autoResize ? 'auto' : 'manual';\n\n    return (\n      <div data-component=\"text-area\" className=\"ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-xs)]\">\n        <textarea\n          ref={setRefs}\n          id={textAreaId}\n          value={isControlled ? currentValue : undefined}\n          defaultValue={!isControlled ? defaultValue : undefined}\n          disabled={effectiveDisabled}\n          aria-describedby={describedBy}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          maxLength={maxLength}\n          rows={autoResize ? minRows : rows}\n          onChange={handleChange}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          onInput={onInput}\n          className={textAreaVariants({\n            size,\n            tone: effectiveTone,\n            resize: resizeVariant,\n            className,\n          })}\n          {...props}\n        />\n        {counterEnabled ? (\n          <div\n            id={counterId}\n            className=\"ds:flex ds:justify-end type-meta ds:tabular-nums\"\n          >\n            <span aria-hidden=\"true\" className={counterToneClass(ratio)}>\n              {current} / {maxLength}\n            </span>\n            <span className=\"ds:sr-only\" aria-live=\"polite\">\n              {announced}\n            </span>\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTextArea.displayName = 'TextArea';\n"],"names":["textAreaVariants","cva","counterToneClass","ratio","codePointLength","value","TextArea","forwardRef","size","tone","autoResize","minRows","maxRows","showCounter","className","id","disabled","defaultValue","maxLength","rows","onChange","onCompositionStart","onCompositionEnd","onInput","props","ref","t","useTranslation","ctx","useFormField","textAreaId","effectiveDisabled","effectiveTone","innerRef","useRef","setRefs","useCallback","node","isControlled","internalValue","setInternalValue","useState","currentValue","composingRef","resizeTextArea","el","styles","lineHeight","paddingTop","paddingBottom","borderTop","borderBottom","verticalChrome","minH","maxH","next","useLayoutEffect","handleChange","event","handleCompositionStart","handleCompositionEnd","target","counterEnabled","current","remaining","announced","setAnnounced","useEffect","handle","counterId","describedBy","resizeVariant","jsxs","jsx"],"mappings":"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"}

package/dist/_chunks/text-input-exh7VD7D.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-input-exh7VD7D.js","sources":["../../src/components/text-input/text-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CompositionEvent,\n  type InputHTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { useFormField } from '../form-field/form-field-context';\nimport {\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_TEXT,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\n\nconst wrapperVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:w-full',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-within:outline-[CanvasText]',\n    'ds:has-[:disabled]:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst inputVariants = cva(\n  [\n    'ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-background ds:text-foreground',\n    'ds:placeholder:text-muted-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus:outline-none ds:focus-visible:outline-none',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:read-only:bg-muted ds:read-only:cursor-default',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_TEXT.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_TEXT.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_TEXT.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n      hasStart: {\n        true: 'ds:ps-10',\n        false: '',\n      },\n      hasEnd: {\n        true: 'ds:pe-10',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'sm', hasStart: false, class: 'ds:ps-3' },\n      { size: 'md', hasStart: false, class: 'ds:ps-3' },\n      { size: 'lg', hasStart: false, class: 'ds:ps-4' },\n      { size: 'sm', hasEnd: false, class: 'ds:pe-3' },\n      { size: 'md', hasEnd: false, class: 'ds:pe-3' },\n      { size: 'lg', hasEnd: false, class: 'ds:pe-4' },\n    ],\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n      hasStart: false,\n      hasEnd: false,\n    },\n  },\n);\n\nconst adornmentBase =\n  'absolute inset-y-0 flex items-center pointer-events-none text-muted-foreground';\n\nexport interface TextInputProps\n  extends Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'size' | 'onChange' | 'onCompositionStart' | 'onCompositionEnd'\n    >,\n    Pick<VariantProps<typeof inputVariants>, 'size' | 'tone'> {\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  clearable?: boolean;\n  onClear?: () => void;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n  onCompositionStart?: (event: CompositionEvent<HTMLInputElement>) => void;\n  onCompositionEnd?: (event: CompositionEvent<HTMLInputElement>) => void;\n}\n\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      size = 'md',\n      tone = 'default',\n      startAdornment,\n      endAdornment,\n      clearable = false,\n      onClear,\n      className,\n      id,\n      disabled,\n      value,\n      defaultValue,\n      onChange,\n      onCompositionStart,\n      onCompositionEnd,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : tone;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const currentValue = isControlled ? String(value) : internalValue;\n    const hasValue = currentValue.length > 0;\n\n    const composingRef = useRef(false);\n    const [composingState, setComposingState] = useState(false);\n\n    const innerRef = useRef<HTMLInputElement | null>(null);\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const hasStart = Boolean(startAdornment);\n    const showClear = clearable && hasValue && !effectiveDisabled && !props.readOnly;\n    const hasEnd = Boolean(endAdornment) || showClear;\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setInternalValue(event.target.value);\n      }\n      if (composingRef.current) return;\n      onChange?.(event);\n    };\n\n    const handleCompositionStart = (event: CompositionEvent<HTMLInputElement>) => {\n      composingRef.current = true;\n      setComposingState(true);\n      onCompositionStart?.(event);\n    };\n\n    const handleCompositionEnd = (event: CompositionEvent<HTMLInputElement>) => {\n      composingRef.current = false;\n      setComposingState(false);\n      onCompositionEnd?.(event);\n      const target = event.currentTarget;\n      if (!isControlled) {\n        setInternalValue(target.value);\n      }\n      // Synthesise a ChangeEvent from the CompositionEvent so consumers receive\n      // a single post-IME change. nativeEvent is still the CompositionEvent, so\n      // consumers inspecting `nativeEvent.inputType` will not find the usual\n      // \"insertCompositionText\" value — documented as a known limitation.\n      onChange?.({\n        ...event,\n        target,\n        currentTarget: target,\n      } as unknown as ChangeEvent<HTMLInputElement>);\n    };\n\n    const handleClear = () => {\n      if (!isControlled) {\n        setInternalValue('');\n      }\n      const node = innerRef.current;\n      if (node && onChange) {\n        // Drive the DOM value to '' via the prototype setter so downstream\n        // reads of event.target.value see the cleared value, then forward a\n        // synthesised ChangeEvent to consumers (form libraries drive state\n        // from onChange, not onClear).\n        const prototype = Object.getPrototypeOf(node) as HTMLInputElement;\n        const setter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;\n        setter?.call(node, '');\n        onChange({\n          target: node,\n          currentTarget: node,\n          bubbles: true,\n          type: 'change',\n          nativeEvent: new Event('change', { bubbles: true }),\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isDefaultPrevented: () => false,\n          isPropagationStopped: () => false,\n          persist: () => {},\n        } as unknown as ChangeEvent<HTMLInputElement>);\n      }\n      onClear?.();\n      node?.focus();\n    };\n\n    const handleWrapperClick = (event: MouseEvent<HTMLDivElement>) => {\n      if (event.target === innerRef.current) return;\n      if ((event.target as HTMLElement).closest('button')) return;\n      innerRef.current?.focus();\n    };\n\n    return (\n      <div\n        className={wrapperVariants()}\n        onClick={handleWrapperClick}\n        data-component=\"text-input\"\n        data-composing={composingState ? 'true' : undefined}\n      >\n        {startAdornment ? (\n          <span\n            aria-hidden=\"true\"\n            className={`${adornmentBase} ds:start-0 ds:ps-3 ds:[&_svg]:size-4`}\n          >\n            {startAdornment}\n          </span>\n        ) : null}\n        <input\n          ref={setRefs}\n          id={inputId}\n          type=\"text\"\n          value={currentValue}\n          disabled={effectiveDisabled}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          onChange={handleChange}\n          onCompositionStart={handleCompositionStart}\n          onCompositionEnd={handleCompositionEnd}\n          className={inputVariants({\n            size,\n            tone: effectiveTone,\n            hasStart,\n            hasEnd,\n            className,\n          })}\n          {...props}\n        />\n        {showClear ? (\n          <button\n            type=\"button\"\n            aria-label={t('ui.inputs.text.clear', 'Clear input')}\n            onClick={handleClear}\n            className=\"ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3 ds:flex ds:items-center ds:pointer-events-auto ds:text-muted-foreground ds:hover:text-foreground ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none\"\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : endAdornment ? (\n          <span\n            aria-hidden=\"true\"\n            className={`${adornmentBase} ds:end-0 ds:pe-3 ds:[&_svg]:size-4`}\n          >\n            {endAdornment}\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTextInput.displayName = 'TextInput';\n"],"names":["wrapperVariants","cva","inputVariants","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_TEXT","INPUT_SURFACE_TONE","adornmentBase","TextInput","forwardRef","size","tone","startAdornment","endAdornment","clearable","onClear","className","id","disabled","value","defaultValue","onChange","onCompositionStart","onCompositionEnd","props","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","effectiveTone","isControlled","internalValue","setInternalValue","useState","currentValue","hasValue","composingRef","useRef","composingState","setComposingState","innerRef","setRefs","useCallback","node","hasStart","showClear","hasEnd","handleChange","event","handleCompositionStart","handleCompositionEnd","target","handleClear","prototype","setter","_a","handleWrapperClick","jsxs","jsx","X"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"transcript-panel-DFnhbrlQ.js","sources":["../../src/components/transcript-panel/transcript-panel.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useCallback,\n  useId,\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 { 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\nexport interface TranscriptPanelProps\n  extends 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  'bg-[color:var(--transcript-speaker-1)]',\n  'bg-[color:var(--transcript-speaker-2)]',\n  'bg-[color:var(--transcript-speaker-3)]',\n  'bg-[color:var(--transcript-speaker-4)]',\n  'bg-[color:var(--transcript-speaker-5)]',\n  'bg-[color:var(--transcript-speaker-6)]',\n  'bg-[color:var(--transcript-speaker-7)]',\n  '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 ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'f' && searchable) {\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-index={extras?.dataIndex}\n            aria-current={isActive ? 'true' : undefined}\n            // Inline style — permitted per 23-constraints\n            // §Runtime-computed dimensions (virtualizer translateY).\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('ui.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('ui.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('ui.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    return (\n      <div\n        ref={ref}\n        onKeyDown={handleRootKeyDown}\n        data-component=\"transcript-panel\"\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('ui.chat.transcript.search')}\n              aria-label={t('ui.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('ui.chat.transcript.noMatches')\n                  : t('ui.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              // Inline style — permitted per 23-constraints\n              // §Runtime-computed dimensions (virtualizer total size).\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":["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","SearchInput","v","vi"],"mappings":"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"}

package/dist/_chunks/warning-stack-DCmO0R07.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"warning-stack-DCmO0R07.js","sources":["../../src/components/warning-stack/warning-stack.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { Alert, type AlertProps } from '../alert/alert';\nimport { Button } from '../button/button';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface WarningStackItem {\n  id: string;\n  variant?: AlertProps['variant'];\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  actions?: ReactNode;\n  dismissible?: boolean;\n}\n\nconst stackVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-lg)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:p-[var(--spacing-md)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:gap-[var(--spacing-sm)]',\n        md: 'ds:gap-[var(--spacing-md)]',\n      },\n      // `stretch: true` fills the parent layout cell — mirrors the `stretch`\n      // prop on `Card` so a WarningStack rendered next to a Card in a grid\n      // row ends up at matching height.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      stretch: false,\n    },\n  },\n);\n\nconst listVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    size: {\n      sm: 'ds:gap-[var(--spacing-sm)]',\n      md: 'ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst TOGGLE_CLASSES = [\n  'inline-flex items-center gap-[var(--spacing-xs)] self-start',\n].join(' ');\n\nexport interface WarningStackProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role' | 'title'>,\n    VariantProps<typeof stackVariants> {\n  /** Items rendered inside the stack. */\n  items: WarningStackItem[];\n  /** Fill the parent layout cell — use in a dashboard grid row so the\n   *  stack ends up with matching height to sibling Cards. */\n  stretch?: boolean;\n  /** Visible title rendered as an `<h2>` above the stack. Also labels the\n   *  region for assistive tech. When omitted, the region is labelled via a\n   *  visually hidden heading using `ariaLabel` (or the default \"Warnings\"). */\n  title?: ReactNode;\n  /** Optional short description rendered under the title. */\n  description?: ReactNode;\n  /** Cap on visible items before a \"Show N more\" toggle appears. */\n  maxVisible?: number;\n  /** Whether the stack starts collapsed when items exceed `maxVisible`. */\n  defaultCollapsed?: boolean;\n  /** Fires when a dismissible item's close control is activated. */\n  onDismiss?: (item: WarningStackItem) => void;\n  /** Accessible label for the region when `title` is not set. */\n  ariaLabel?: string;\n  /** Optional node rendered when the stack has zero items. */\n  emptyState?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const WarningStack = forwardRef<HTMLDivElement, WarningStackProps>(\n  (\n    {\n      items,\n      title,\n      description,\n      maxVisible,\n      defaultCollapsed = true,\n      onDismiss,\n      size = 'md',\n      stretch = false,\n      ariaLabel,\n      emptyState,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const labelId = useId();\n    const listId = useId();\n\n    const overflow = maxVisible !== undefined && items.length > maxVisible;\n    const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n    // Live-region announces the count when items change.\n    const liveRef = useRef<HTMLDivElement>(null);\n    const lastCountRef = useRef<number>(items.length);\n\n    useEffect(() => {\n      if (!liveRef.current) return;\n      const prev = lastCountRef.current;\n      const next = items.length;\n      if (prev !== next) {\n        liveRef.current.textContent = t('ui.warningStack.countChanged', {\n          count: next,\n          defaultValue: '{{count}} warnings to review',\n        });\n      }\n      lastCountRef.current = next;\n    }, [items.length, t]);\n\n    const visible = useMemo(() => {\n      if (!overflow || !collapsed) return items;\n      return items.slice(0, maxVisible);\n    }, [items, overflow, collapsed, maxVisible]);\n\n    const hiddenCount = overflow ? items.length - (maxVisible ?? 0) : 0;\n\n    const handleDismiss = useCallback(\n      (item: WarningStackItem) => (open: boolean) => {\n        if (!open) onDismiss?.(item);\n      },\n      [onDismiss],\n    );\n\n    const toggle = useCallback(() => setCollapsed((c) => !c), []);\n\n    const regionLabel = ariaLabel ?? t('ui.warningStack.regionLabel', 'Warnings');\n\n    // Title block: a visible header when `title` is provided; otherwise a\n    // visually hidden heading so the region still has a programmatic name.\n    // A `<div>` rather than `<header>` wrapper keeps the `<header>` element's\n    // implicit banner role from leaking out of the region.\n    const header = title ? (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-3xs)]\">\n        <h2\n          id={labelId}\n          className=\"ds:text-start type-title-section ds:text-[var(--foreground)]\"\n        >\n          {title}\n        </h2>\n        {description ? (\n          <p className=\"ds:text-start type-body-sm ds:text-[var(--muted-foreground)]\">\n            {description}\n          </p>\n        ) : null}\n      </div>\n    ) : (\n      <h2 id={labelId} className=\"ds:sr-only\">\n        {regionLabel}\n      </h2>\n    );\n\n    if (items.length === 0) {\n      if (!emptyState) return null;\n      return (\n        <section\n          ref={ref}\n          role=\"region\"\n          aria-labelledby={labelId}\n          data-component=\"warning-stack\"\n          className={[stackVariants({ size, stretch }), className].filter(Boolean).join(' ')}\n          {...rest}\n        >\n          {header}\n          {emptyState}\n        </section>\n      );\n    }\n\n    return (\n      <section\n        ref={ref}\n        role=\"region\"\n        aria-labelledby={labelId}\n        data-component=\"warning-stack\"\n        className={[stackVariants({ size, stretch }), className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {header}\n        <div\n          ref={liveRef}\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n        />\n        <ul\n          id={listId}\n          className={listVariants({ size })}\n          aria-label={t('ui.warningStack.listLabel', 'Warning list')}\n        >\n          {visible.map((item) => {\n            const variant = item.variant ?? 'warning';\n            return (\n              <li key={item.id}>\n                <Alert\n                  variant={variant}\n                  dismissible={item.dismissible}\n                  icon={item.icon}\n                  onOpenChange={handleDismiss(item)}\n                >\n                  {/* `as=\"h3\"` keeps a clean heading ladder — the stack's\n                      h2 labels the region, then each item's h3 rises from it. */}\n                  <Alert.Title as=\"h3\">{item.title}</Alert.Title>\n                  {item.description ? (\n                    <Alert.Description>{item.description}</Alert.Description>\n                  ) : null}\n                  {item.actions ? <Alert.Action>{item.actions}</Alert.Action> : null}\n                </Alert>\n              </li>\n            );\n          })}\n        </ul>\n\n        {overflow ? (\n          <Button\n            type=\"button\"\n            intent=\"link\"\n            size=\"sm\"\n            aria-expanded={!collapsed}\n            aria-controls={listId}\n            onClick={toggle}\n            className={TOGGLE_CLASSES}\n          >\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={[\n                'ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                collapsed ? '' : 'ds:rotate-180',\n              ].join(' ')}\n            />\n            {collapsed\n              ? t('ui.warningStack.showMore', {\n                  count: hiddenCount,\n                  defaultValue: 'Show {{count}} more warnings',\n                })\n              : t('ui.warningStack.showLess', 'Show less')}\n          </Button>\n        ) : null}\n      </section>\n    );\n  },\n);\n\nWarningStack.displayName = 'WarningStack';\n"],"names":["stackVariants","cva","listVariants","TOGGLE_CLASSES","WarningStack","forwardRef","items","title","description","maxVisible","defaultCollapsed","onDismiss","size","stretch","ariaLabel","emptyState","className","rest","ref","t","useTranslation","labelId","useId","listId","overflow","collapsed","setCollapsed","useState","liveRef","useRef","lastCountRef","useEffect","prev","next","visible","useMemo","hiddenCount","handleDismiss","useCallback","item","open","toggle","c","regionLabel","header","jsxs","jsx","variant","Alert","Button","ChevronDown"],"mappings":"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"}