@alfadocs/ui-kit-debug 0.20.0 → 0.21.0

package/dist/_chunks/sidebar-DkyC6GvS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-DkyC6GvS.js","sources":["../../node_modules/lucide-react/dist/esm/icons/panel-left-close.js","../../node_modules/lucide-react/dist/esm/icons/panel-left-open.js","../../src/components/sidebar/sidebar.agent.ts","../../src/components/sidebar/sidebar.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  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M9 3v18\", key: \"fh3hqa\" }],\n  [\"path\", { d: \"m16 15-3-3 3-3\", key: \"14y99z\" }]\n];\nconst PanelLeftClose = createLucideIcon(\"panel-left-close\", __iconNode);\n\nexport { __iconNode, PanelLeftClose as default };\n//# sourceMappingURL=panel-left-close.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  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M9 3v18\", key: \"fh3hqa\" }],\n  [\"path\", { d: \"m14 9 3 3-3 3\", key: \"8010ee\" }]\n];\nconst PanelLeftOpen = createLucideIcon(\"panel-left-open\", __iconNode);\n\nexport { __iconNode, PanelLeftOpen as default };\n//# sourceMappingURL=panel-left-open.js.map\n","import type { AgentAdapter } from '../../agent/types';\nimport type { SidebarHandle } from './sidebar';\n\nexport const sidebarAgent: AgentAdapter<SidebarHandle> = {\n  id: 'sidebar',\n  capabilities: ['expand'],\n  state: {\n    isCollapsed: {\n      type: 'boolean',\n      description: 'True when the sidebar is in its collapsed (rail) state.',\n      read: (handle) => handle.getIsCollapsed(),\n    },\n  },\n  actions: {\n    toggle_collapsed: {\n      safety: 'read',\n      description: 'Toggle the sidebar between collapsed and expanded.',\n      invoke: (handle) => {\n        handle.toggleCollapsed();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'sidebar' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-nav-id',\n      description: 'Each Sidebar.Item emits its key as data-nav-id.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type AnchorHTMLAttributes,\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport * as RadixCollapsible from '@radix-ui/react-collapsible';\nimport * as RadixAccordion from '@radix-ui/react-accordion';\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { AccordionContent } from '../accordion';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ChevronRight,\n  GripVertical,\n  PanelLeftClose,\n  PanelLeftOpen,\n  Star,\n  X,\n} from 'lucide-react';\nimport { useAgentRegistration } from '../../agent';\nimport { sidebarAgent } from './sidebar.agent';\n\n/* -------------------------------------------------------------------- */\n/* Types & context                                                       */\n/* -------------------------------------------------------------------- */\n\nexport type SidebarMode = 'expanded' | 'icon' | 'overlay';\nexport type SidebarDensity = 'default' | 'compact';\n\nexport interface SidebarContextValue {\n  mode: SidebarMode;\n  density: SidebarDensity;\n  /** Transition the sidebar to a new mode from an internal toggle. */\n  transitionTo?: (next: SidebarMode) => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue>({\n  mode: 'expanded',\n  density: 'default',\n});\n\nexport const useSidebar = () => useContext(SidebarContext);\n\n/* -------------------------------------------------------------------- */\n/* localStorage helpers (SSR-safe)                                       */\n/* -------------------------------------------------------------------- */\n\nconst STORAGE_KEY = 'ui.sidebar.state';\n\nfunction readStoredState(defaultMode: SidebarMode): SidebarMode {\n  if (typeof window === 'undefined') return defaultMode;\n  try {\n    const v = window.localStorage.getItem(STORAGE_KEY);\n    if (v === 'expanded' || v === 'icon' || v === 'overlay') return v;\n  } catch {\n    /* noop */\n  }\n  return defaultMode;\n}\n\nfunction writeStoredState(value: SidebarMode) {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.setItem(STORAGE_KEY, value);\n  } catch {\n    /* noop */\n  }\n}\n\n// `usePersistentState` was extracted to `src/hooks/use-persistent-state.ts`\n// so any consumer (sidebar or otherwise) can use it. Re-exported here so\n// `import { usePersistentState } from '@/components/sidebar'` keeps working.\nexport { usePersistentState } from '../../hooks/use-persistent-state';\n\n/* -------------------------------------------------------------------- */\n/* Root                                                                  */\n/* -------------------------------------------------------------------- */\n\nconst railClasses = cva(\n  [\n    'ds:flex ds:flex-col',\n    // Sidebar sits at the page background in light mode (white-on-white\n    // chrome separated by the inline-end border + --shadow-md). In dark\n    // mode the Header already blends with --background, so we step the\n    // sidebar one layer down (blue-600) to keep it visually distinct from\n    // the header band — matches the PDF dark mockups' \"flat Dark Blue\n    // surface with subtle depth via layering\" recipe.\n    'ds:bg-[var(--background)] ds:[.theme-dark_&]:bg-[color:var(--color-blue-600)] ds:text-[var(--foreground)]',\n    'ds:border-inline-end ds:border-[var(--border)]',\n    // Resting-surface elevation — `--shadow-md` is deliberately lighter\n    // than `--shadow-card` so it reads as chrome, not a floating card,\n    // while still separating the rail from the page content on light\n    // backgrounds. Forced-colors strips shadows globally, so the\n    // `border-inline-end` above carries the separation cue for HCM.\n    //\n    // `relative z-[1]` lifts the rail above any sibling that paints a\n    // solid background (e.g. AppFrame's `<main>` surface), otherwise\n    // the shadow that projects towards the inline-end gets covered.\n    'ds:relative ds:z-[1] ds:shadow-[var(--shadow-md)]',\n    'ds:h-full',\n    'ds:transition-[inline-size] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      mode: {\n        // Tokenised widths modelled on Linear / Jira proportions.\n        expanded: 'ds:w-[var(--sidebar-modern-expanded-size)]',\n        icon: 'ds:w-[var(--sidebar-modern-icon-size)]',\n        overlay: 'ds:w-[var(--sidebar-modern-expanded-size)]',\n      },\n      density: {\n        default: '',\n        compact: '',\n      },\n    },\n    defaultVariants: { mode: 'expanded', density: 'default' },\n  },\n);\n\n// Curated agent-readiness handle — see sidebar.agent.ts.\n// `activeItem` / `selectItem` are intentionally NOT exposed: the active\n// navigation item is owned by the consuming app (it sets `aria-current` on\n// each Sidebar.Item based on its router state). Surfacing setters here would\n// be lying about a write capability we can't actually perform.\nexport interface SidebarHandle {\n  getIsCollapsed: () => boolean;\n  toggleCollapsed: () => void;\n}\n\nexport interface SidebarProps extends ComponentPropsWithoutRef<'nav'> {\n  /** Visual mode. Controlled via `onStateChange`. @default 'expanded' */\n  state?: SidebarMode;\n  /** Uncontrolled default mode. @default 'expanded' */\n  defaultState?: SidebarMode;\n  /** Fires when the mode changes (user toggle or overlay open/close). */\n  onStateChange?: (state: SidebarMode) => void;\n  /** Compact density shrinks inline padding. @default 'default' */\n  density?: SidebarDensity;\n  /** Overlay-only: controlled open state. */\n  open?: boolean;\n  /** Overlay-only: fires when the dialog opens/closes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Override the nav aria-label. */\n  'aria-label'?: string;\n}\n\nconst Sidebar = forwardRef<HTMLElement, SidebarProps>(\n  (\n    {\n      state,\n      defaultState = 'expanded',\n      onStateChange,\n      density = 'default',\n      open,\n      onOpenChange,\n      'aria-label': ariaLabel,\n      className,\n      children,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const isControlled = state !== undefined;\n    const [internalState, setInternalState] = useState<SidebarMode>(() =>\n      isControlled ? state! : readStoredState(defaultState),\n    );\n    const resolved = isControlled ? state! : internalState;\n\n    useEffect(() => {\n      if (!isControlled) writeStoredState(internalState);\n    }, [internalState, isControlled]);\n\n    // Transition handler used by internal toggles. In controlled mode we\n    // only fire `onStateChange` — the parent is responsible for updating\n    // the `state` prop. In uncontrolled mode we also update local state.\n    // Note: we intentionally do NOT echo the incoming `state` prop back to\n    // `onStateChange` — that caused a feedback loop in controlled consumers.\n    const transitionTo = useCallback(\n      (next: SidebarMode) => {\n        if (!isControlled) setInternalState(next);\n        onStateChange?.(next);\n      },\n      [isControlled, onStateChange],\n    );\n\n    const label = ariaLabel ?? t('navigation.sidebar.label');\n\n    // Agent handle — refs mirror state for fresh reads.\n    const resolvedRef = useRef<SidebarMode>(resolved);\n    useEffect(() => {\n      resolvedRef.current = resolved;\n    }, [resolved]);\n\n    const agentHandle = useMemo<SidebarHandle>(\n      () => ({\n        getIsCollapsed: () => resolvedRef.current !== 'expanded',\n        toggleCollapsed: () => {\n          const next: SidebarMode =\n            resolvedRef.current === 'expanded' ? 'icon' : 'expanded';\n          transitionTo(next);\n        },\n      }),\n      [transitionTo],\n    );\n    useAgentRegistration(sidebarAgent, agentHandle, id);\n\n    if (resolved === 'overlay') {\n      return (\n        <SidebarContext.Provider\n          value={{ mode: 'overlay', density, transitionTo }}\n        >\n          <RadixDialog.Root open={open} onOpenChange={onOpenChange}>\n            <RadixDialog.Portal>\n              <RadixDialog.Overlay\n                className={[\n                  'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n                  'ds:bg-[var(--foreground)]/20 ds:backdrop-blur-sm',\n                  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n                  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n                  'ds:motion-reduce:animate-none',\n                ].join(' ')}\n              />\n              <RadixDialog.Content\n                aria-label={label}\n                className={[\n                  'ds:fixed ds:z-[var(--z-modal)]',\n                  'ds:inset-inline-start-0 ds:inset-block-start-0',\n                  'ds:h-dvh',\n                  railClasses({ mode: 'overlay', density }),\n                  'ds:shadow-[var(--shadow-xl)]',\n                  'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n                  'ds:data-[state=open]:slide-in-from-left ds:data-[state=closed]:slide-out-to-left',\n                  'ds:rtl:data-[state=open]:slide-in-from-right ds:rtl:data-[state=closed]:slide-out-to-right',\n                  'ds:motion-reduce:animate-none',\n                  'ds:focus:outline-none',\n                  className ?? '',\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n              >\n                <nav\n                  ref={ref}\n                  id={id}\n                  aria-label={label}\n                  data-component=\"sidebar\"\n                  data-component-id={id}\n                  className=\"ds:flex ds:flex-col ds:h-full\"\n                  {...rest}\n                >\n                  {children}\n                </nav>\n                <RadixDialog.Close asChild>\n                  <button\n                    type=\"button\"\n                    aria-label={t('navigation.sidebar.close')}\n                    className={[\n                      'ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]',\n                      'ds:inline-flex ds:items-center ds:justify-center',\n                      'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n                      'ds:rounded-[var(--radius-sm)] ds:text-[var(--muted-foreground)]',\n                      'ds:hover:bg-[var(--muted)]/20 ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n                      'ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)]',\n                      'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                    ].join(' ')}\n                  >\n                    <X aria-hidden=\"true\" className=\"ds:size-4\" />\n                  </button>\n                </RadixDialog.Close>\n              </RadixDialog.Content>\n            </RadixDialog.Portal>\n          </RadixDialog.Root>\n        </SidebarContext.Provider>\n      );\n    }\n\n    return (\n      <SidebarContext.Provider\n        value={{ mode: resolved, density, transitionTo }}\n      >\n        <RadixTooltip.Provider delayDuration={300}>\n          <nav\n            ref={ref}\n            id={id}\n            aria-label={label}\n            data-component=\"sidebar\"\n            data-component-id={id}\n            data-mode={resolved}\n            data-density={density}\n            className={[\n              railClasses({ mode: resolved, density }),\n              density === 'compact' ? 'ds:density-compact' : '',\n              className ?? '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            {...rest}\n          >\n            {children}\n          </nav>\n        </RadixTooltip.Provider>\n      </SidebarContext.Provider>\n    );\n  },\n);\nSidebar.displayName = 'Sidebar';\n\n/* -------------------------------------------------------------------- */\n/* Header / Body / Footer                                                */\n/* -------------------------------------------------------------------- */\n\nconst SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  return (\n    <div\n      ref={ref}\n      className={[\n        'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]',\n        'ds:min-h-[var(--min-target-size)]',\n        // Icon-rail is 64px — shrink horizontal padding so a 44×44\n        // control fits centred inside the header.\n        mode === 'icon'\n          ? 'ds:justify-center ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]'\n          : 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:py-[var(--spacing-sm)]',\n        // Hairline border + downward chrome shadow cast the header as a\n        // sticky top band above the scrolling body.\n        'ds:border-block-end ds:border-[var(--border)]',\n        'ds:shadow-[var(--shadow-chrome-down)]',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    />\n  );\n});\nSidebarHeader.displayName = 'SidebarHeader';\n\nconst SidebarBody = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...rest }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex-1 ds:overflow-auto',\n        'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n        'ds:py-[var(--spacing-sm)]',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    />\n  ),\n);\nSidebarBody.displayName = 'SidebarBody';\n\nconst SidebarFooter = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  return (\n    <div\n      ref={ref}\n      className={[\n        'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]',\n        // Icon-rail is 64px — two 44×44 controls can't sit side-by-side,\n        // so switch to a vertical stack and let each row self-centre.\n        mode === 'icon'\n          ? 'ds:flex-col ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]'\n          : 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:min-h-[var(--min-target-size)]',\n        'ds:py-[var(--spacing-sm)]',\n        // Hairline border + upward chrome shadow cast the footer as a\n        // sticky bottom band below the scrolling body.\n        'ds:border-block-start ds:border-[var(--border)]',\n        'ds:shadow-[var(--shadow-chrome-up)]',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    />\n  );\n});\nSidebarFooter.displayName = 'SidebarFooter';\n\n/* -------------------------------------------------------------------- */\n/* Section                                                               */\n/* -------------------------------------------------------------------- */\n\nexport interface SidebarSectionProps extends ComponentPropsWithoutRef<'div'> {\n  /** Section label shown in expanded / overlay modes. */\n  label?: string;\n  /**\n   * Optional leading glyph rendered inline with the section label. Stays\n   * visible in `icon` mode (when the label collapses to `sr-only`) so the\n   * user still has a visual grouping cue. Decorative — the label carries\n   * the accessible name, so the icon slot is `aria-hidden`.\n   */\n  icon?: ReactNode;\n  /**\n   * Make the label an accordion trigger that collapses its children.\n   * @default true\n   */\n  collapsible?: boolean;\n  /** Uncontrolled default open state for the accordion. @default true */\n  defaultOpen?: boolean;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Fires when the accordion opens / closes. */\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst sectionLabelClasses = [\n  'ds:group/section-label ds:flex ds:w-full ds:items-center',\n  'type-eyebrow',\n  'ds:text-[var(--muted-foreground)]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n  'ds:py-[var(--spacing-xs)]',\n  'ds:hover:text-[var(--foreground)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\n// Leading icon rendered inside a section header (accordion trigger or plain\n// heading). `--accent` keeps it in the same tint as item-level icons so the\n// header reads as a grouping cue, not a control. `aria-hidden` because the\n// label carries the accessible name.\nconst sectionIconClasses = [\n  'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n  'ds:size-4',\n  'ds:text-[var(--accent)]',\n  'ds:me-[var(--spacing-xs)]',\n].join(' ');\n\nconst SidebarSection = forwardRef<HTMLDivElement, SidebarSectionProps>(\n  (\n    {\n      label,\n      icon,\n      collapsible = true,\n      defaultOpen = true,\n      open,\n      onOpenChange,\n      className,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { mode } = useSidebar();\n    const isIconMode = mode === 'icon';\n    // Collapsing the section in icon mode hides icons the user needs for\n    // navigation — skip the accordion behaviour there.\n    const isAccordion = collapsible && !isIconMode && Boolean(label);\n\n    const wrapperClasses = [\n      'ds:flex ds:flex-col',\n      'ds:gap-[var(--spacing-xs)]',\n      'ds:mt-[var(--spacing-sm)]',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    if (!isAccordion) {\n      // In icon mode, if there's no icon and no label to render, skip the\n      // heading altogether. If there is an icon, it stays visible as the\n      // grouping cue and the label collapses to sr-only.\n      const hasHeading = Boolean(label) || Boolean(icon);\n      return (\n        <div ref={ref} className={wrapperClasses} {...rest}>\n          {hasHeading ? (\n            <span\n              className={[\n                'ds:flex ds:items-center',\n                'type-eyebrow',\n                'ds:text-[var(--muted-foreground)]',\n                'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n                'ds:py-[var(--spacing-xs)]',\n                isIconMode && !icon ? 'ds:sr-only' : '',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {icon ? (\n                <span aria-hidden=\"true\" className={sectionIconClasses}>\n                  {icon}\n                </span>\n              ) : null}\n              {label ? (\n                <span className={isIconMode ? 'ds:sr-only' : ''}>{label}</span>\n              ) : null}\n            </span>\n          ) : null}\n          {children}\n        </div>\n      );\n    }\n\n    // Use the Radix Accordion primitive + the DS `AccordionContent`\n    // component so the sidebar inherits the exact open/close animation\n    // defined in `accordion.tsx` (`accordion-down` / `accordion-up`\n    // keyframes). Any tweak there propagates here automatically.\n    const accordionValue = 'section';\n    return (\n      <RadixAccordion.Root\n        type=\"single\"\n        collapsible\n        defaultValue={\n          open === undefined && defaultOpen ? accordionValue : undefined\n        }\n        value={open === undefined ? undefined : open ? accordionValue : ''}\n        onValueChange={\n          onOpenChange ? (v) => onOpenChange(v === accordionValue) : undefined\n        }\n        asChild\n      >\n        <div ref={ref} className={wrapperClasses} {...rest}>\n          <RadixAccordion.Item value={accordionValue}>\n            <RadixAccordion.Header className=\"ds:flex\">\n              <RadixAccordion.Trigger className={sectionLabelClasses}>\n                {icon ? (\n                  <span aria-hidden=\"true\" className={sectionIconClasses}>\n                    {icon}\n                  </span>\n                ) : null}\n                <span className=\"ds:flex-1 ds:text-start\">{label}</span>\n                <ChevronRight\n                  aria-hidden=\"true\"\n                  className=\"ds:size-3 ds:transition-transform ds:group-data-[state=open]/section-label:rotate-90 ds:rtl:-scale-x-100 ds:motion-reduce:transition-none\"\n                />\n              </RadixAccordion.Trigger>\n            </RadixAccordion.Header>\n            <AccordionContent\n              aria-label={label}\n              // Flatten the inner padding wrapper AccordionContent adds —\n              // the sidebar sections don't want the 16px padding block\n              // that Accordion cards use. `display: contents` strips the\n              // wrapper from layout so our children flow directly into\n              // the flex column with the gap we set here.\n              className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:[&>div]:contents\"\n            >\n              {children}\n            </AccordionContent>\n          </RadixAccordion.Item>\n        </div>\n      </RadixAccordion.Root>\n    );\n  },\n);\nSidebarSection.displayName = 'SidebarSection';\n\n/* -------------------------------------------------------------------- */\n/* Group (collapsible)                                                   */\n/* -------------------------------------------------------------------- */\n\nexport interface SidebarGroupProps extends ComponentPropsWithoutRef<\n  typeof RadixCollapsible.Root\n> {\n  /** Visible label for the group trigger. */\n  label: string;\n  /** Optional leading icon. */\n  icon?: ReactNode;\n}\n\nconst groupTriggerClasses = [\n  'ds:group ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-[var(--foreground)] ds:text-[var(--font-size-sm)]',\n  'ds:font-[var(--font-weight-medium)]',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst SidebarGroup = forwardRef<HTMLDivElement, SidebarGroupProps>(\n  (\n    {\n      label,\n      icon,\n      children,\n      className,\n      defaultOpen,\n      open,\n      onOpenChange,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { mode } = useSidebar();\n    return (\n      <RadixCollapsible.Root\n        ref={ref}\n        defaultOpen={defaultOpen}\n        open={open}\n        onOpenChange={onOpenChange}\n        className={className}\n        {...rest}\n      >\n        <RadixCollapsible.Trigger className={groupTriggerClasses}>\n          {icon ? (\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:inline-flex ds:items-center ds:text-[var(--accent)]\"\n            >\n              {icon}\n            </span>\n          ) : null}\n          <span\n            className={[\n              'ds:flex-1 ds:text-start',\n              mode === 'icon' ? 'ds:sr-only' : '',\n            ].join(' ')}\n          >\n            {label}\n          </span>\n          {mode !== 'icon' ? (\n            <ChevronRight\n              aria-hidden=\"true\"\n              className=\"ds:size-4 ds:transition-transform ds:group-data-[state=open]:rotate-90 ds:rtl:-scale-x-100 ds:motion-reduce:transition-none\"\n            />\n          ) : null}\n        </RadixCollapsible.Trigger>\n        <RadixCollapsible.Content\n          className={[\n            'ds:overflow-hidden',\n            'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n            'ds:motion-reduce:animate-none',\n            'ds:ps-[var(--spacing-md)]',\n          ].join(' ')}\n        >\n          {children}\n        </RadixCollapsible.Content>\n      </RadixCollapsible.Root>\n    );\n  },\n);\nSidebarGroup.displayName = 'SidebarGroup';\n\n/* -------------------------------------------------------------------- */\n/* Item                                                                  */\n/* -------------------------------------------------------------------- */\n\nconst itemClasses = cva(\n  [\n    // Every row is a pin-hover parent so inline pin / reorder affordances can\n    // fade in on hover of the whole row — keep `group/item` on this selector.\n    // `!text-[var(--foreground)]` forces the label colour over the browser's\n    // default `<a>` link colour (blue-violet) and any inherited hue. The\n    // active variant also uses `!text-*` so it still wins when needed.\n    'ds:group/item ds:relative ds:flex ds:items-center',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:no-underline ds:!text-[var(--foreground)] ds:text-[length:var(--font-size-sm)]',\n    'ds:hover:bg-[var(--muted)]/12',\n    'ds:transition-colors ds:duration-[var(--animation-duration)]',\n    '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-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      mode: {\n        expanded: [\n          'ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n          'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n        ].join(' '),\n        // Icon-only: each item is a 44×44 pill tile centered in the rail.\n        // The active / hover background fills just the tile rather than the\n        // whole row — matching Linear / Asana chrome.\n        icon: [\n          'ds:justify-center ds:ms-auto ds:me-auto',\n          'ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]',\n          'ds:ps-0 ds:pe-0 ds:rounded-[var(--radius-md)]',\n        ].join(' '),\n        overlay: [\n          'ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n          'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n        ].join(' '),\n      },\n      density: {\n        default: '',\n        compact: 'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n      },\n      isActive: {\n        // Filled pill — multi-carrier (bg + text + weight + aria-current at\n        // render time) so colour is never the sole identifier. `!text-*`\n        // forces the foreground over any inherited / base rule so the icon\n        // and label read clearly against the primary fill in every theme.\n        true: [\n          'ds:bg-[var(--primary)] ds:!text-[var(--primary-foreground)]',\n          'ds:font-[var(--font-weight-semibold)]',\n          // Keep hover from dimming the active fill.\n          'ds:hover:bg-[var(--primary)]',\n        ].join(' '),\n        false: '',\n      },\n    },\n    defaultVariants: {\n      mode: 'expanded',\n      density: 'default',\n      isActive: false,\n    },\n  },\n);\n\nexport interface SidebarItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n  /** Render through Radix `Slot` so a router link can take over. */\n  asChild?: boolean;\n  /**\n   * Whether this item is currently pinned to Favourites. Only consulted\n   * when `onPinChange` is supplied.\n   */\n  isPinned?: boolean;\n  /**\n   * Fires with the new pinned state when the user clicks the star. Passing\n   * this prop opts the row into the always-on pin affordance — a star\n   * outline fades in on row hover / focus and fills when pinned. Hidden in\n   * icon-only mode where there is no room for trailing controls.\n   */\n  onPinChange?: (next: boolean) => void;\n  /** Accessible label for the pin button. Defaults to the item's `aria-label`. */\n  pinLabel?: string;\n}\n\nconst SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      isPinned = false,\n      onPinChange,\n      pinLabel,\n      className,\n      children,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { mode, density } = useSidebar();\n    const Comp = asChild ? Slot : 'a';\n    const showPin = onPinChange !== undefined && mode !== 'icon';\n\n    const anchor = (\n      <Comp\n        ref={ref as never}\n        aria-current={isActive ? 'page' : undefined}\n        aria-label={ariaLabel}\n        className={itemClasses({\n          mode,\n          density,\n          isActive,\n          className: showPin ? 'ds:flex-1 ds:min-w-0' : className,\n        })}\n        {...rest}\n      >\n        {children}\n      </Comp>\n    );\n\n    const body = showPin ? (\n      <div\n        className={[\n          'ds:group/item ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]',\n          className ?? '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {anchor}\n        <SidebarPinButton\n          isPinned={isPinned}\n          label={pinLabel ?? ariaLabel ?? ''}\n          onPinChange={onPinChange}\n        />\n      </div>\n    ) : (\n      anchor\n    );\n\n    // In icon-only mode, wrap the item in a Radix Tooltip showing the label.\n    if (mode === 'icon' && ariaLabel) {\n      return (\n        <RadixTooltip.Root>\n          <RadixTooltip.Trigger asChild>{body}</RadixTooltip.Trigger>\n          <RadixTooltip.Portal>\n            <RadixTooltip.Content\n              side=\"right\"\n              sideOffset={6}\n              className={[\n                'ds:z-[var(--z-tooltip)] ds:max-w-[16rem]',\n                'ds:rounded-[var(--radius-sm)]',\n                'ds:bg-[var(--foreground)] ds:text-[var(--background)]',\n                'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:text-[length:var(--font-size-xs)]',\n                'ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none',\n              ].join(' ')}\n            >\n              {ariaLabel}\n              <RadixTooltip.Arrow className=\"ds:fill-[var(--foreground)]\" />\n            </RadixTooltip.Content>\n          </RadixTooltip.Portal>\n        </RadixTooltip.Root>\n      );\n    }\n\n    return body;\n  },\n);\nSidebarItem.displayName = 'SidebarItem';\n\n/* -------------------------------------------------------------------- */\n/* Item slots — Icon, Label, Badge                                       */\n/* -------------------------------------------------------------------- */\n\nconst SidebarItemIcon = forwardRef<\n  HTMLSpanElement,\n  ComponentPropsWithoutRef<'span'>\n>(({ className, children, ...rest }, ref) => (\n  <span\n    ref={ref}\n    aria-hidden=\"true\"\n    className={[\n      'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n      'ds:size-5',\n      // Icons carry the accent tint by default so the rail reads less\n      // monotone against the violet active pill. The active row sets\n      // `aria-current=\"page\"` on the anchor (which is `group/item`), so\n      // the icon flips to the primary-foreground (white) on the filled\n      // pill — keeping it readable on the primary background.\n      'ds:text-[var(--accent)]',\n      'ds:group-aria-[current=page]/item:text-[var(--primary-foreground)]',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ')}\n    {...rest}\n  >\n    {children}\n  </span>\n));\nSidebarItemIcon.displayName = 'SidebarItemIcon';\n\nconst SidebarItemLabel = forwardRef<\n  HTMLSpanElement,\n  ComponentPropsWithoutRef<'span'>\n>(({ className, children, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  return (\n    <span\n      ref={ref}\n      className={[\n        'ds:flex-1',\n        'ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal',\n        'ds:text-start',\n        mode === 'icon' ? 'ds:sr-only' : '',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n});\nSidebarItemLabel.displayName = 'SidebarItemLabel';\n\nconst SidebarItemBadge = forwardRef<\n  HTMLSpanElement,\n  ComponentPropsWithoutRef<'span'>\n>(({ className, children, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  const isIcon = mode === 'icon';\n  // --accent on a light surface is magenta-500 (~3.2:1 on white) and\n  // fails WCAG AA for `--font-size-xs` text per 05-accessibility §Accent.\n  // Use --primary + its token-paired foreground so contrast is preserved\n  // in every theme.\n  //\n  // In icon mode the pill collapses to a compact presence indicator: a\n  // 10×10 dot perched on the top-end of the icon tile with a background-\n  // coloured ring so it reads against any row fill. The numeric count is\n  // hidden visually but stays in the accessible name via an sr-only span.\n  return (\n    <span\n      ref={ref}\n      aria-hidden={isIcon ? 'true' : undefined}\n      className={[\n        'ds:inline-flex ds:items-center ds:justify-center',\n        'ds:font-[var(--font-weight-semibold)]',\n        isIcon\n          ? [\n              'ds:absolute ds:top-[2px] ds:end-[2px]',\n              'ds:min-w-0 ds:size-[10px] ds:ps-0 ds:pe-0',\n              'ds:rounded-[var(--radius-full)]',\n              'ds:bg-[var(--primary)] ds:text-transparent',\n              'ds:ring-2 ds:ring-[var(--background)]',\n              'ds:pointer-events-none',\n            ].join(' ')\n          : [\n              'ds:min-w-[var(--spacing-lg)] ds:h-[var(--spacing-lg)]',\n              'ds:rounded-[var(--radius-full)]',\n              'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n              'ds:text-[length:var(--font-size-xs)]',\n              'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n            ].join(' '),\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n});\nSidebarItemBadge.displayName = 'SidebarItemBadge';\n\n/* -------------------------------------------------------------------- */\n/* Modern-only compound pieces                                           */\n/*                                                                       */\n/* These components ship styling that matches the modern aesthetic.      */\n/* They are INTERACTION STUBS — they render the correct chrome but do    */\n/* not open a DropdownMenu, because the DS <DropdownMenu> wrapper does   */\n/* not exist yet (see review-findings/component-cohesion.mdx). Consumers */\n/* wire their own Radix DropdownMenu around these triggers until the DS  */\n/* wrapper lands. Do NOT add aria-haspopup here — it would announce a    */\n/* menu that never opens (screen-reader lie).                            */\n/* -------------------------------------------------------------------- */\n\nconst workspaceSwitcherClasses = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:text-[var(--foreground)] ds:text-[length:var(--font-size-sm)]',\n    'ds:hover:bg-[var(--muted)]/20',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:no-underline',\n  ].join(' '),\n);\n\nexport interface SidebarWorkspaceSwitcherProps extends ComponentPropsWithoutRef<'button'> {\n  /** Workspace glyph — square <Avatar>, <img>, or <svg>. Required. */\n  logo: ReactNode;\n  /** Workspace name. Hidden in icon mode; always the accessible name. */\n  name: string;\n  /** Trailing chevron for the dropdown affordance. Defaults to true. */\n  showChevron?: boolean;\n}\n\nconst SidebarWorkspaceSwitcher = forwardRef<\n  HTMLButtonElement,\n  SidebarWorkspaceSwitcherProps\n>(({ logo, name, showChevron = true, className, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  const showLabel = mode !== 'icon';\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={name}\n      className={[workspaceSwitcherClasses(), className]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:items-center ds:shrink-0\"\n      >\n        {logo}\n      </span>\n      {showLabel ? (\n        <>\n          <span className=\"ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]\">\n            {name}\n          </span>\n          {showChevron ? (\n            <ChevronRight\n              aria-hidden=\"true\"\n              className=\"ds:size-4 ds:shrink-0 ds:rotate-90\"\n            />\n          ) : null}\n        </>\n      ) : null}\n    </button>\n  );\n});\nSidebarWorkspaceSwitcher.displayName = 'SidebarWorkspaceSwitcher';\n\n/* -- Primary action slot -------------------------------------------- */\n\nconst primaryActionClasses = cva(\n  [\n    'ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n    'ds:font-[var(--font-weight-semibold)] ds:text-[length:var(--font-size-sm)]',\n    'ds:hover:bg-[var(--primary-hover)]',\n    'ds:transition-colors 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-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      mode: {\n        expanded: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        icon: 'ds:ps-0 ds:pe-0 ds:w-[var(--sidebar-modern-tile)] ds:h-[var(--sidebar-modern-tile)] ds:ms-auto ds:me-auto',\n        overlay: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { mode: 'expanded' },\n  },\n);\n\nexport interface SidebarPrimaryActionProps extends ComponentPropsWithoutRef<'button'> {\n  icon: ReactNode;\n  /** Button label — hidden in icon mode, always the accessible name. */\n  label: string;\n  /** Optional keyboard shortcut displayed on inline-end in expanded mode. */\n  shortcut?: string;\n}\n\nconst SidebarPrimaryAction = forwardRef<\n  HTMLButtonElement,\n  SidebarPrimaryActionProps\n>(({ icon, label, shortcut, className, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  const showLabel = mode !== 'icon';\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={label}\n      aria-keyshortcuts={shortcut}\n      className={[primaryActionClasses({ mode }), className]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:size-4 ds:items-center ds:justify-center\"\n      >\n        {icon}\n      </span>\n      {showLabel ? (\n        <>\n          <span className=\"ds:truncate\">{label}</span>\n          {shortcut ? (\n            <kbd className=\"ds:ms-auto ds:text-[length:var(--font-size-xs)] ds:font-[family-name:var(--font-mono)] ds:opacity-80\">\n              {shortcut}\n            </kbd>\n          ) : null}\n        </>\n      ) : null}\n    </button>\n  );\n});\nSidebarPrimaryAction.displayName = 'SidebarPrimaryAction';\n\n/* -- Pin button ----------------------------------------------------- */\n\n/**\n * Toggleable star button used to pin / unpin a nav item to the Favorites\n * section. Rendered inline alongside a `SidebarItem`'s content — hidden in\n * icon mode (pin affordances only make sense when the full row is visible).\n *\n * Controlled via `isPinned` + `onPinChange`. The consumer owns the list of\n * pinned items and mirrors them into `<SidebarFavorites>`.\n */\nexport interface SidebarPinButtonProps extends Omit<\n  ComponentPropsWithoutRef<'button'>,\n  'onChange'\n> {\n  /** Whether the associated item is currently pinned. */\n  isPinned: boolean;\n  /** Fires with the new pinned state. */\n  onPinChange?: (next: boolean) => void;\n  /**\n   * Accessible label that names what is being pinned — e.g. the item's\n   * label. Required so screen-readers can tell pin buttons apart.\n   */\n  label: string;\n}\n\nconst pinButtonClasses = [\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:size-6 ds:rounded-[var(--radius-sm)]',\n  // Pin stars carry the accent tint to match every other icon in the rail.\n  // Stays quiet via opacity — reveals only on row hover / focus.\n  'ds:text-[var(--accent)]',\n  'ds:opacity-0 ds:group-hover/item:opacity-100 ds:focus-visible:opacity-100',\n  'ds:hover:bg-[var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)]',\n  'ds:motion-reduce:transition-none',\n].join(' ');\n\nconst SidebarPinButton = forwardRef<HTMLButtonElement, SidebarPinButtonProps>(\n  ({ isPinned, onPinChange, label, className, onClick, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const { mode } = useSidebar();\n    if (mode === 'icon') return null;\n    const accessibleLabel = isPinned\n      ? t('navigation.sidebar.unpinItem', 'Unpin {{label}}', { label })\n      : t('navigation.sidebar.pinItem', 'Pin {{label}}', { label });\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={accessibleLabel}\n        aria-pressed={isPinned}\n        className={[pinButtonClasses, className].filter(Boolean).join(' ')}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onPinChange?.(!isPinned);\n          onClick?.(event);\n        }}\n        {...rest}\n      >\n        <Star\n          aria-hidden=\"true\"\n          className=\"ds:size-4\"\n          fill={isPinned ? 'currentColor' : 'none'}\n        />\n      </button>\n    );\n  },\n);\nSidebarPinButton.displayName = 'SidebarPinButton';\n\n/* -- Favorites — reorderable section -------------------------------- */\n\ninterface SidebarFavoritesContextValue {\n  onReorder?: (from: number, to: number) => void;\n  count: number;\n  dragSource: number | null;\n  setDragSource: (index: number | null) => void;\n  announce: (message: string) => void;\n}\n\nconst SidebarFavoritesContext =\n  createContext<SidebarFavoritesContextValue | null>(null);\n\nconst useFavoritesContext = () => useContext(SidebarFavoritesContext);\n\n/**\n * Renders `<SidebarSection heading={t('navigation.sidebar.favorites')}>` with an\n * empty-state prompt when no children are supplied. When `onReorder` is\n * provided, children rendered as `<SidebarFavoriteItem>` become drag-and-drop\n * and keyboard reorderable (Alt+↑ / Alt+↓).\n */\nexport interface SidebarFavoritesProps extends ComponentPropsWithoutRef<'div'> {\n  heading?: string;\n  /** Shown when `children` is empty. */\n  emptyMessage?: string;\n  /**\n   * Called when a favorite item is moved from `from` index to `to` index.\n   * Providing this opts the section into drag-and-drop + keyboard reorder.\n   */\n  onReorder?: (from: number, to: number) => void;\n}\n\nconst SidebarFavorites = forwardRef<HTMLDivElement, SidebarFavoritesProps>(\n  ({ heading, emptyMessage, onReorder, className, children, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const resolvedHeading =\n      heading ?? t('navigation.sidebar.favorites', 'Favourites');\n    const childArray = Array.isArray(children)\n      ? children.filter(Boolean)\n      : children\n        ? [children]\n        : [];\n    const count = childArray.length;\n    const hasChildren = count > 0;\n    const [dragSource, setDragSource] = useState<number | null>(null);\n    const [liveMessage, setLiveMessage] = useState('');\n    // Re-emit identical announcements by toggling an invisible suffix so\n    // screen-readers treat repeated moves as distinct.\n    const announceToggle = useRef(false);\n    const announce = useCallback((message: string) => {\n      announceToggle.current = !announceToggle.current;\n      setLiveMessage(announceToggle.current ? message : `${message}\\u200b`);\n    }, []);\n\n    const value = useMemo<SidebarFavoritesContextValue>(\n      () => ({ onReorder, count, dragSource, setDragSource, announce }),\n      [onReorder, count, dragSource, announce],\n    );\n\n    // When there are no pinned items, render nothing by default — no\n    // heading, no empty-state copy. Consumers that want an explicit empty\n    // state can pass `emptyMessage` to opt in.\n    if (!hasChildren && !emptyMessage) return null;\n\n    return (\n      <SidebarFavoritesContext.Provider value={value}>\n        <SidebarSection\n          ref={ref}\n          label={resolvedHeading}\n          className={className}\n          {...rest}\n        >\n          {hasChildren ? (\n            childArray\n          ) : (\n            <p className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]\">\n              {emptyMessage}\n            </p>\n          )}\n          <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n            {liveMessage}\n          </span>\n        </SidebarSection>\n      </SidebarFavoritesContext.Provider>\n    );\n  },\n);\nSidebarFavorites.displayName = 'SidebarFavorites';\n\n/* -- Favorite item with drag handle + keyboard reorder -------------- */\n\nexport interface SidebarFavoriteItemProps extends SidebarItemProps {\n  /** Zero-based position of this item within its `<SidebarFavorites>`. */\n  index: number;\n  /**\n   * Accessible name used by the drag handle and live-region announcements.\n   * Defaults to the `aria-label` of the underlying `SidebarItem`.\n   */\n  reorderLabel?: string;\n}\n\nconst favoriteRowClasses = cva(\n  [\n    'ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      dragging: {\n        true: 'ds:opacity-60',\n        false: '',\n      },\n      dropTarget: {\n        true: 'ds:outline-[length:var(--focus-ring-width)] ds:outline-dashed ds:outline-[var(--primary)] ds:outline-offset-[-2px]',\n        false: '',\n      },\n    },\n    defaultVariants: { dragging: false, dropTarget: false },\n  },\n);\n\nconst dragHandleClasses = [\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:size-6 ds:rounded-[var(--radius-sm)]',\n  'ds:cursor-grab ds:active:cursor-grabbing',\n  'ds:text-[var(--muted-foreground)]',\n  // Quiet chrome — only reveal the grip when the row is hovered or the\n  // handle itself is focused (keyboard / AT). Matches the pin-star's\n  // reveal-on-hover behaviour so the two siblings appear together.\n  'ds:opacity-0 ds:group-hover/item:opacity-100 ds:focus-visible:opacity-100',\n  'ds:hover:bg-[var(--muted)]/20 ds:hover:text-[var(--foreground)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst SidebarFavoriteItem = forwardRef<\n  HTMLAnchorElement,\n  SidebarFavoriteItemProps\n>(\n  (\n    {\n      index,\n      isActive = false,\n      asChild = false,\n      reorderLabel,\n      isPinned = false,\n      onPinChange,\n      pinLabel,\n      'aria-label': ariaLabel,\n      className,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const { mode } = useSidebar();\n    const favorites = useFavoritesContext();\n    const [isDropTarget, setIsDropTarget] = useState(false);\n    const canReorder = Boolean(favorites?.onReorder) && mode !== 'icon';\n    const label = reorderLabel ?? ariaLabel ?? '';\n    const handleId = useId();\n\n    const moveFromTo = (from: number, to: number) => {\n      if (!favorites?.onReorder) return;\n      const clamped = Math.max(0, Math.min(favorites.count - 1, to));\n      if (clamped === from) return;\n      favorites.onReorder(from, clamped);\n      favorites.announce(\n        t(\n          'navigation.sidebar.reorderAnnounce',\n          '{{label}} moved to position {{to}} of {{total}}',\n          { label, to: clamped + 1, total: favorites.count },\n        ),\n      );\n    };\n\n    const onHandleKeyDown = (event: ReactKeyboardEvent<HTMLButtonElement>) => {\n      if (!canReorder) return;\n      if (event.altKey && event.key === 'ArrowUp') {\n        event.preventDefault();\n        moveFromTo(index, index - 1);\n      } else if (event.altKey && event.key === 'ArrowDown') {\n        event.preventDefault();\n        moveFromTo(index, index + 1);\n      } else if (event.key === 'Home' && event.altKey) {\n        event.preventDefault();\n        moveFromTo(index, 0);\n      } else if (event.key === 'End' && event.altKey) {\n        event.preventDefault();\n        moveFromTo(index, favorites!.count - 1);\n      }\n    };\n\n    const onDragStart = (\n      event: ReactMouseEvent & { dataTransfer?: DataTransfer },\n    ) => {\n      if (!canReorder) return;\n      favorites?.setDragSource(index);\n      if (event.dataTransfer) {\n        event.dataTransfer.effectAllowed = 'move';\n        // Firefox requires data to initiate a drag.\n        event.dataTransfer.setData('ds:text/plain', String(index));\n      }\n    };\n\n    const onDragEnd = () => {\n      favorites?.setDragSource(null);\n      setIsDropTarget(false);\n    };\n\n    const onDragOver = (\n      event: ReactMouseEvent & { dataTransfer?: DataTransfer },\n    ) => {\n      if (!canReorder || favorites?.dragSource === null) return;\n      event.preventDefault();\n      if (event.dataTransfer) event.dataTransfer.dropEffect = 'move';\n      setIsDropTarget(true);\n    };\n\n    const onDragLeave = () => setIsDropTarget(false);\n\n    const onDrop = (event: ReactMouseEvent) => {\n      if (!canReorder) return;\n      event.preventDefault();\n      const source = favorites?.dragSource;\n      setIsDropTarget(false);\n      if (source === null || source === undefined || source === index) return;\n      moveFromTo(source, index);\n    };\n\n    const isDragging = favorites?.dragSource === index;\n\n    return (\n      <div\n        className={favoriteRowClasses({\n          dragging: isDragging,\n          dropTarget: isDropTarget && !isDragging,\n        })}\n        // Drag the whole row — the grip is a visual + keyboard affordance,\n        // not the sole drag target. Buttons don't start HTML5 drags reliably\n        // in every browser, so we mount the drag events on the row wrapper.\n        draggable={canReorder || undefined}\n        onDragStart={\n          canReorder\n            ? (onDragStart as unknown as (\n                e: ReactMouseEvent<HTMLDivElement>,\n              ) => void)\n            : undefined\n        }\n        onDragEnd={canReorder ? onDragEnd : undefined}\n        onDragOver={\n          onDragOver as unknown as (e: ReactMouseEvent<HTMLDivElement>) => void\n        }\n        onDragLeave={onDragLeave}\n        onDrop={onDrop}\n      >\n        <SidebarItem\n          ref={ref}\n          isActive={isActive}\n          asChild={asChild}\n          aria-label={ariaLabel}\n          aria-describedby={canReorder ? handleId : undefined}\n          // Links and images are `draggable=auto` by default — without this\n          // the browser would fire its native link-drag before our row-level\n          // drag, and our reorder would never start.\n          draggable={canReorder ? false : undefined}\n          className={[canReorder ? 'ds:flex-1 ds:min-w-0' : '', className ?? '']\n            .filter(Boolean)\n            .join(' ')}\n          {...rest}\n        >\n          {children}\n        </SidebarItem>\n        {canReorder ? (\n          <button\n            type=\"button\"\n            id={handleId}\n            aria-label={t(\n              'navigation.sidebar.reorderHandle',\n              'Reorder {{label}}. Press Alt + Up or Alt + Down to move.',\n              { label },\n            )}\n            className={dragHandleClasses}\n            onKeyDown={onHandleKeyDown}\n          >\n            <GripVertical aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n        {onPinChange && mode !== 'icon' ? (\n          <SidebarPinButton\n            isPinned={isPinned}\n            label={pinLabel ?? ariaLabel ?? ''}\n            onPinChange={onPinChange}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\nSidebarFavoriteItem.displayName = 'SidebarFavoriteItem';\n\n/* -- Profile pill at the block-end --------------------------------- */\n\nconst profilePillClasses = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:text-[var(--foreground)] ds:text-[length:var(--font-size-sm)]',\n    'ds:hover:bg-[var(--muted)]/20',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:no-underline',\n  ].join(' '),\n);\n\nexport interface SidebarProfilePillProps extends ComponentPropsWithoutRef<'button'> {\n  /** Avatar or other identifying glyph. Required. */\n  avatar: ReactNode;\n  /** User's display name — hidden in icon mode, always the accessible name. */\n  name: string;\n  /**\n   * Secondary line (e.g. selected studio, \"Owner\", \"Admin\"). Accepts arbitrary\n   * JSX so an icon can sit inline with the text. Hidden in icon mode.\n   */\n  subtitle?: ReactNode;\n  /**\n   * Plain-text form of the subtitle for the accessible name. Required when\n   * `subtitle` is not a string; ignored otherwise.\n   */\n  subtitleLabel?: string;\n}\n\nconst SidebarProfilePill = forwardRef<\n  HTMLButtonElement,\n  SidebarProfilePillProps\n>(({ avatar, name, subtitle, subtitleLabel, className, ...rest }, ref) => {\n  const { mode } = useSidebar();\n  const showLabel = mode !== 'icon';\n  const accessibleSubtitle =\n    typeof subtitle === 'string' ? subtitle : subtitleLabel;\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={accessibleSubtitle ? `${name}, ${accessibleSubtitle}` : name}\n      // No `aria-haspopup` here until a DropdownMenu is wired — announcing\n      // a menu that never opens is a screen-reader lie. Consumers wrap\n      // this trigger in their own Radix DropdownMenu.\n      className={[profilePillClasses(), className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:items-center ds:shrink-0\"\n      >\n        {avatar}\n      </span>\n      {showLabel ? (\n        <span className=\"ds:flex-1 ds:min-w-0 ds:text-start\">\n          <span className=\"ds:block ds:truncate type-label\">{name}</span>\n          {subtitle ? (\n            typeof subtitle === 'string' ? (\n              <span className=\"ds:block ds:truncate type-meta ds:text-[color:var(--muted-foreground)]\">\n                {subtitle}\n              </span>\n            ) : (\n              <span className=\"ds:flex ds:items-center ds:gap-[length:var(--spacing-xs)] ds:min-w-0 type-meta ds:text-[color:var(--muted-foreground)]\">\n                {subtitle}\n              </span>\n            )\n          ) : null}\n        </span>\n      ) : null}\n    </button>\n  );\n});\nSidebarProfilePill.displayName = 'SidebarProfilePill';\n\n/* -------------------------------------------------------------------- */\n/* Collapse trigger                                                      */\n/*                                                                       */\n/* Full-width nav-item-style toggle that swaps between `expanded` and    */\n/* `icon` modes. A compact 44×44 icon-only button — drop it inline next   */\n/* to the profile pill, Settings row, or anywhere else. Accessible name   */\n/* comes from the i18n collapse / expand string; a tooltip shows the     */\n/* same text on hover / focus so sighted users don't have to guess.      */\n/*                                                                       */\n/* Hidden in `overlay` mode (overlay has its own close button).          */\n/* -------------------------------------------------------------------- */\n\nexport interface SidebarCollapseTriggerProps extends ComponentPropsWithoutRef<'button'> {\n  /** Override the accessible label. Defaults to the i18n collapse/expand string. */\n  'aria-label'?: string;\n}\n\nconst collapseTriggerClasses = [\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-[var(--muted-foreground)]',\n  'ds:hover:bg-[var(--muted)]/20 ds:hover:text-[var(--foreground)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst SidebarCollapseTrigger = forwardRef<\n  HTMLButtonElement,\n  SidebarCollapseTriggerProps\n>(({ className, 'aria-label': ariaLabel, onClick, ...rest }, ref) => {\n  const { t } = useTranslation();\n  const { mode, transitionTo } = useSidebar();\n\n  if (mode === 'overlay') return null;\n\n  const isExpanded = mode === 'expanded';\n  const accessibleLabel =\n    ariaLabel ??\n    (isExpanded\n      ? t('navigation.sidebar.collapse', 'Collapse sidebar')\n      : t('navigation.sidebar.expand', 'Expand sidebar'));\n\n  const button = (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={accessibleLabel}\n      aria-expanded={isExpanded}\n      onClick={(event) => {\n        transitionTo?.(isExpanded ? 'icon' : 'expanded');\n        onClick?.(event);\n      }}\n      className={[collapseTriggerClasses, className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {isExpanded ? (\n        <PanelLeftClose\n          aria-hidden=\"true\"\n          className=\"ds:size-4 ds:rtl:-scale-x-100\"\n        />\n      ) : (\n        <PanelLeftOpen\n          aria-hidden=\"true\"\n          className=\"ds:size-4 ds:rtl:-scale-x-100\"\n        />\n      )}\n    </button>\n  );\n\n  return (\n    <RadixTooltip.Root>\n      <RadixTooltip.Trigger asChild>{button}</RadixTooltip.Trigger>\n      <RadixTooltip.Portal>\n        <RadixTooltip.Content\n          side={mode === 'icon' ? 'right' : 'top'}\n          sideOffset={6}\n          className={[\n            'ds:z-[var(--z-tooltip)] ds:max-w-[16rem]',\n            'ds:rounded-[var(--radius-sm)]',\n            'ds:bg-[var(--foreground)] ds:text-[var(--background)]',\n            'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:text-[length:var(--font-size-xs)]',\n            'ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none',\n          ].join(' ')}\n        >\n          {accessibleLabel}\n          <RadixTooltip.Arrow className=\"ds:fill-[var(--foreground)]\" />\n        </RadixTooltip.Content>\n      </RadixTooltip.Portal>\n    </RadixTooltip.Root>\n  );\n});\nSidebarCollapseTrigger.displayName = 'SidebarCollapseTrigger';\n\nexport {\n  Sidebar,\n  SidebarHeader,\n  SidebarBody,\n  SidebarFooter,\n  SidebarSection,\n  SidebarGroup,\n  SidebarItem,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  SidebarItemBadge,\n  SidebarWorkspaceSwitcher,\n  SidebarPrimaryAction,\n  SidebarFavorites,\n  SidebarFavoriteItem,\n  SidebarPinButton,\n  SidebarProfilePill,\n  SidebarCollapseTrigger,\n};\n"],"names":["__iconNode","PanelLeftClose","createLucideIcon","PanelLeftOpen","sidebarAgent","handle","SidebarContext","createContext","useSidebar","useContext","STORAGE_KEY","readStoredState","defaultMode","v","writeStoredState","value","railClasses","cva","Sidebar","forwardRef","state","defaultState","onStateChange","density","open","onOpenChange","ariaLabel","className","children","id","rest","ref","t","useTranslation","isControlled","internalState","setInternalState","useState","resolved","useEffect","transitionTo","useCallback","next","label","resolvedRef","useRef","agentHandle","useMemo","useAgentRegistration","jsx","RadixDialog","jsxs","X","RadixTooltip","SidebarHeader","mode","SidebarBody","SidebarFooter","sectionLabelClasses","sectionIconClasses","SidebarSection","icon","collapsible","defaultOpen","isIconMode","isAccordion","wrapperClasses","accordionValue","RadixAccordion","ChevronRight","AccordionContent","groupTriggerClasses","SidebarGroup","RadixCollapsible","itemClasses","SidebarItem","asChild","isActive","isPinned","onPinChange","pinLabel","Comp","Slot","showPin","anchor","body","SidebarPinButton","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","isIcon","workspaceSwitcherClasses","SidebarWorkspaceSwitcher","logo","name","showChevron","showLabel","Fragment","primaryActionClasses","SidebarPrimaryAction","shortcut","pinButtonClasses","onClick","accessibleLabel","event","Star","SidebarFavoritesContext","useFavoritesContext","SidebarFavorites","heading","emptyMessage","onReorder","resolvedHeading","childArray","count","hasChildren","dragSource","setDragSource","liveMessage","setLiveMessage","announceToggle","announce","message","favoriteRowClasses","dragHandleClasses","SidebarFavoriteItem","index","reorderLabel","favorites","isDropTarget","setIsDropTarget","canReorder","handleId","useId","moveFromTo","from","to","clamped","onHandleKeyDown","onDragStart","onDragEnd","onDragOver","onDragLeave","onDrop","source","isDragging","GripVertical","profilePillClasses","SidebarProfilePill","avatar","subtitle","subtitleLabel","accessibleSubtitle","collapseTriggerClasses","SidebarCollapseTrigger","isExpanded","button"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/_chunks/{timeline-rmls7dIh.js → timeline-Czeqr3HF.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as m, useMemo as p, useRef as w, useState as V, useCallback as I, useImperativeHandle as O, useContext as v, createContext as C } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
-import { A as P } from "./avatar-I10iCDs8.js";
+import { A as P } from "./avatar-BpFohgWG.js";
 import { C as N } from "./card-CWzuTLYE.js";
 import { T as B } from "./timestamp-BV2lC-wV.js";
 import { u as H } from "./registry-C9nwlNyL.js";
@@ -276,4 +276,4 @@ export {
   le as T,
   K as t
 };
-//# sourceMappingURL=timeline-rmls7dIh.js.map
+//# sourceMappingURL=timeline-Czeqr3HF.js.map

package/dist/_chunks/{timeline-rmls7dIh.js.map → timeline-Czeqr3HF.js.map}

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

package/dist/_chunks/{warning-stack-CDH9TudY.js → warning-stack-bDicCvxs.js}

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { forwardRef as M, useId as N, useState as O, useRef as y, useEffect as V, useMemo as _, useCallback as j } from "react";
 import { c as W } from "./index-D2ZczOXr.js";
 import { useTranslation as q } from "react-i18next";
-import { A as u } from "./alert-DBnawbmf.js";
+import { A as u } from "./alert-ywPR59NE.js";
 import { B as F } from "./button-DD_0Xdmr.js";
 import { C as H } from "./chevron-down-BX_NP2Yh.js";
 const L = W(
@@ -176,4 +176,4 @@ P.displayName = "WarningStack";
 export {
   P as W
 };
-//# sourceMappingURL=warning-stack-CDH9TudY.js.map
+//# sourceMappingURL=warning-stack-bDicCvxs.js.map

package/dist/_chunks/{warning-stack-CDH9TudY.js.map → warning-stack-bDicCvxs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"warning-stack-CDH9TudY.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  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start',\n].join(' ');\n\nexport interface WarningStackProps\n  extends\n    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('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('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          aria-labelledby={labelId}\n          data-component=\"warning-stack\"\n          className={[stackVariants({ size, stretch }), className]\n            .filter(Boolean)\n            .join(' ')}\n          {...rest}\n        >\n          {header}\n          {emptyState}\n        </section>\n      );\n    }\n\n    return (\n      <section\n        ref={ref}\n        aria-labelledby={labelId}\n        data-component=\"warning-stack\"\n        className={[stackVariants({ size, stretch }), className]\n          .filter(Boolean)\n          .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('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 ? (\n                    <Alert.Action>{item.actions}</Alert.Action>\n                  ) : 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('warningStack.showMore', {\n                  count: hiddenCount,\n                  defaultValue: 'Show {{count}} more warnings',\n                })\n              : t('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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"}
+{"version":3,"file":"warning-stack-bDicCvxs.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  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start',\n].join(' ');\n\nexport interface WarningStackProps\n  extends\n    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('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('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          aria-labelledby={labelId}\n          data-component=\"warning-stack\"\n          className={[stackVariants({ size, stretch }), className]\n            .filter(Boolean)\n            .join(' ')}\n          {...rest}\n        >\n          {header}\n          {emptyState}\n        </section>\n      );\n    }\n\n    return (\n      <section\n        ref={ref}\n        aria-labelledby={labelId}\n        data-component=\"warning-stack\"\n        className={[stackVariants({ size, stretch }), className]\n          .filter(Boolean)\n          .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('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 ? (\n                    <Alert.Action>{item.actions}</Alert.Action>\n                  ) : 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('warningStack.showMore', {\n                  count: hiddenCount,\n                  defaultValue: 'Show {{count}} more warnings',\n                })\n              : t('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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"}

package/dist/_chunks/{whatsapp-button-Bj5FIhpC.js → whatsapp-button-CtlLwM3M.js}

@@ -17,7 +17,13 @@ function u({ className: a }) {
 }
 const _ = m(
   [
-    "ds:relative ds:inline-flex ds:items-center ds:justify-center",
+    // `position` is provided by `positionVariants` below — `static`
+    // sets `ds:relative` (so the pseudo-element touch-target anchors),
+    // `bottom-end` / `bottom-start` set `ds:fixed`. Keeping `relative`
+    // off the base avoids the cascade conflict that made `position:
+    // relative` win against `position: fixed` in the compiled CSS
+    // (booking-website was patching with `style={{position:'fixed'}}`).
+    "ds:inline-flex ds:items-center ds:justify-center",
     "ds:font-medium ds:whitespace-nowrap",
     "ds:bg-[var(--brand-whatsapp)] ds:text-[var(--brand-whatsapp-foreground)]",
     "ds:hover:bg-[var(--brand-whatsapp-hover)]",
@@ -100,7 +106,12 @@ const _ = m(
 ), j = m("", {
   variants: {
     position: {
-      static: "",
+      // `relative` so the `::before` pseudo touch-target (defined in
+      // the `pill sm` / `fab sm` compound variants) anchors to the
+      // button's box. The fixed-positioning variants below don't need
+      // this — `position: fixed` is itself a positioning context for
+      // descendants and pseudo-elements.
+      static: "ds:relative",
       "bottom-end": "ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:end-[var(--spacing-lg)]",
       "bottom-start": "ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:start-[var(--spacing-lg)]"
     }
@@ -172,4 +183,4 @@ N.displayName = "WhatsAppButton";
 export {
   N as W
 };
-//# sourceMappingURL=whatsapp-button-Bj5FIhpC.js.map
+//# sourceMappingURL=whatsapp-button-CtlLwM3M.js.map

package/dist/_chunks/whatsapp-button-CtlLwM3M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-button-CtlLwM3M.js","sources":["../../src/components/whatsapp-button/whatsapp-button.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* WhatsAppButton — kit-tokened Click-to-Chat affordance.               */\n/*                                                                      */\n/* Replaces the booking website's loose green-circle-with-caption       */\n/* combo (see HTP screenshot in the rebrand discussion) with a single   */\n/* well-anchored affordance. Two variants:                              */\n/*                                                                      */\n/*   - `pill`  — inline rounded button, brand green + white glyph +     */\n/*               label. Drops anywhere in card / header chrome.         */\n/*   - `fab`   — circular floating action button, glyph only,           */\n/*               persistently anchored in the page corner. Carries an   */\n/*               `aria-label` so the SR announcement is \"Open WhatsApp  */\n/*               chat\" without rendering a loose visible caption.       */\n/*                                                                      */\n/* WhatsApp brand guidance requires the canonical #25D366 surface and   */\n/* the official phone-bubble glyph — those live in `--brand-whatsapp`   */\n/* tokens (added under `src/tokens/index.css`) so all four themes can   */\n/* shift the green for accessible contrast without bleeding the brand   */\n/* requirement into component code.                                     */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useMemo,\n  type AnchorHTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* WhatsApp glyph                                                       */\n/*                                                                      */\n/* Inlined SVG — no external icon dep. The path matches WhatsApp's      */\n/* official brand mark (speech bubble + phone). `currentColor` lets     */\n/* the kit's `--brand-whatsapp-foreground` paint the glyph from a       */\n/* single CVA class, so accessible-theme shifts apply without code.     */\n/* ------------------------------------------------------------------ */\n\nfunction WhatsAppGlyph({ className }: { className?: string }): ReactNode {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.71.306 1.263.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\" />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    // `position` is provided by `positionVariants` below — `static`\n    // sets `ds:relative` (so the pseudo-element touch-target anchors),\n    // `bottom-end` / `bottom-start` set `ds:fixed`. Keeping `relative`\n    // off the base avoids the cascade conflict that made `position:\n    // relative` win against `position: fixed` in the compiled CSS\n    // (booking-website was patching with `style={{position:'fixed'}}`).\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:font-medium ds:whitespace-nowrap',\n    'ds:bg-[var(--brand-whatsapp)] ds:text-[var(--brand-whatsapp-foreground)]',\n    'ds:hover:bg-[var(--brand-whatsapp-hover)]',\n    'ds:active:opacity-90',\n    'ds:transition-[background-color,box-shadow,opacity]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    // Focus ring colour is `var(--ring)` (= `--primary` in light, ditto\n    // through theme cascade) — NOT `--brand-whatsapp`. Painting the\n    // ring brand-green on a brand-green surface makes it invisible.\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    // Under Windows High Contrast Mode the bg + shadow are stripped;\n    // repaint a solid border + swap the focus ring to CanvasText so\n    // the affordance stays identifiable.\n    'ds:forced-colors:border ds:forced-colors:border-[ButtonBorder]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // Pill — inline rounded button. Visible label is the brand\n        // affordance text; glyph sits leading.\n        pill: 'ds:rounded-[var(--radius-full)] ds:gap-[var(--spacing-xs)]',\n        // FAB — circular floating action button. Glyph only; the\n        // label resolves into `aria-label`.\n        fab: [\n          'ds:rounded-full ds:shadow-[var(--shadow-lg)]',\n          'ds:hover:shadow-[var(--shadow-xl)] ds:active:shadow-[var(--shadow-md)]',\n        ].join(' '),\n      },\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'pill',\n        size: 'sm',\n        class:\n          'ds:h-9 ds:ps-3 ds:pe-3.5 ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-4 ds:min-h-[var(--min-target-size)] ds:sm:min-h-0 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n      {\n        variant: 'pill',\n        size: 'md',\n        class:\n          'ds:h-10 ds:ps-4 ds:pe-5 ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-5',\n      },\n      {\n        variant: 'pill',\n        size: 'lg',\n        class:\n          'ds:h-12 ds:ps-5 ds:pe-6 ds:text-[length:var(--font-size-lg)] ds:[&_svg]:size-6',\n      },\n      // FAB — fixed square dimensions; the `sm` case mirrors the\n      // FloatingActionButton's pseudo-target expansion below the\n      // `sm:` breakpoint so a 40px circle still hits 44/48 px on\n      // mobile.\n      {\n        variant: 'fab',\n        size: 'sm',\n        class:\n          'ds:h-10 ds:w-10 ds:[&_svg]:size-5 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n      {\n        variant: 'fab',\n        size: 'md',\n        class: 'ds:h-14 ds:w-14 ds:[&_svg]:size-7',\n      },\n      {\n        variant: 'fab',\n        size: 'lg',\n        class: 'ds:h-16 ds:w-16 ds:[&_svg]:size-8',\n      },\n    ],\n    defaultVariants: {\n      variant: 'pill',\n      size: 'md',\n    },\n  },\n);\n\nconst positionVariants = cva('', {\n  variants: {\n    position: {\n      // `relative` so the `::before` pseudo touch-target (defined in\n      // the `pill sm` / `fab sm` compound variants) anchors to the\n      // button's box. The fixed-positioning variants below don't need\n      // this — `position: fixed` is itself a positioning context for\n      // descendants and pseudo-elements.\n      static: 'ds:relative',\n      'bottom-end':\n        'ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:end-[var(--spacing-lg)]',\n      'bottom-start':\n        'ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:start-[var(--spacing-lg)]',\n    },\n  },\n  defaultVariants: { position: 'static' },\n});\n\n/* ------------------------------------------------------------------ */\n/* URL builder                                                          */\n/* ------------------------------------------------------------------ */\n\n/**\n * Build a `wa.me` deep-link from an E.164 phone number and an\n * optional prefilled message. The number is stripped to digits — the\n * `wa.me` host requires digits only (no `+`, no separators).\n *\n * Returns `null` (not an empty `wa.me/` URL) when the input contains\n * no digits — the caller is then responsible for rendering a disabled\n * affordance rather than shipping a broken link. In dev a `console.warn`\n * fires so the typo is visible during development.\n */\nfunction buildWaMeUrl(phoneNumber: string, message?: string): string | null {\n  const digits = phoneNumber.replace(/\\D/g, '');\n  if (digits.length === 0) {\n    if (\n      typeof import.meta !== 'undefined' &&\n      typeof import.meta.env !== 'undefined' &&\n      import.meta.env.DEV === true\n    ) {\n      console.warn(\n        `[WhatsAppButton] phoneNumber \"${phoneNumber}\" contains no digits — ` +\n          `the affordance will render disabled. Pass an E.164 number ` +\n          `(e.g. \"+393331234567\") to fix.`,\n      );\n    }\n    return null;\n  }\n  const base = `https://wa.me/${digits}`;\n  if (!message) return base;\n  return `${base}?text=${encodeURIComponent(message)}`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface WhatsAppButtonProps\n  extends\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'children'>,\n    VariantProps<typeof rootVariants>,\n    VariantProps<typeof positionVariants> {\n  /**\n   * Phone number to chat to. E.164 format is recommended\n   * (e.g. `+393331234567`). Any non-digit characters are stripped\n   * before the URL is built — `wa.me` requires digits only.\n   */\n  phoneNumber: string;\n  /**\n   * Optional prefilled message. The receiver sees this in their\n   * compose box. Keep it short and human — long pasted text is the\n   * single most common reason consumers drop the affordance.\n   */\n  message?: string;\n  /**\n   * Override the visible / accessible label. Defaults to\n   * `t('whatsApp.label')` for the pill variant and\n   * `t('whatsApp.fabLabel')` for the FAB.\n   */\n  label?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* WhatsAppButton                                                       */\n/* ------------------------------------------------------------------ */\n\nexport const WhatsAppButton = forwardRef<\n  HTMLAnchorElement,\n  WhatsAppButtonProps\n>(\n  (\n    {\n      phoneNumber,\n      message,\n      variant = 'pill',\n      size = 'md',\n      position,\n      label,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const href = useMemo(\n      () => buildWaMeUrl(phoneNumber, message),\n      [phoneNumber, message],\n    );\n    const resolvedLabel =\n      label ??\n      (variant === 'fab' ? t('whatsApp.fabLabel') : t('whatsApp.label'));\n\n    const composedClassName = [\n      rootVariants({ variant, size }),\n      positionVariants({ position }),\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    // When the input has no digits, render an `aria-disabled` anchor\n    // with the same chrome but no `href` — assistive tech announces the\n    // disabled state and click does nothing. `buildWaMeUrl` already\n    // emitted a dev-mode warning above. `target` / `rel` are stripped\n    // too because they're meaningless without `href`.\n    const isDisabled = href === null;\n    const commonAnchorProps = {\n      ref,\n      ...(isDisabled\n        ? {}\n        : {\n            href: href as string,\n            target: '_blank' as const,\n            rel: 'noopener noreferrer' as const,\n          }),\n      'aria-disabled': isDisabled ? true : undefined,\n      'data-component': 'whatsapp-button' as const,\n      'data-variant': variant,\n      onClick: (event: React.MouseEvent<HTMLAnchorElement>) => {\n        if (isDisabled) event.preventDefault();\n        rest.onClick?.(event);\n      },\n      className: composedClassName,\n    };\n\n    // Screen-reader cue for the new-tab behaviour. WCAG 3.2.5 / G201:\n    // user-initiated link openings to a new context should be\n    // announced. Reused `link.opensInNewTab` from the kit's `ui` ns —\n    // single source of truth across every external-link affordance.\n    const opensInNewTabSrText = isDisabled\n      ? null\n      : t('link.opensInNewTab', 'Opens in a new tab');\n\n    if (variant === 'fab') {\n      // FAB — circular, glyph-only. The accessible name lives on the\n      // anchor's `aria-label` (resolved label). No visible caption,\n      // which is exactly what the redesign fixes vs. the legacy\n      // green-circle-with-loose-text affordance.\n      const fabAriaLabel =\n        typeof resolvedLabel === 'string'\n          ? opensInNewTabSrText\n            ? `${resolvedLabel} — ${opensInNewTabSrText}`\n            : resolvedLabel\n          : undefined;\n      return (\n        <a {...rest} {...commonAnchorProps} aria-label={fabAriaLabel}>\n          <WhatsAppGlyph />\n          {typeof resolvedLabel !== 'string' ? (\n            <span className=\"ds:sr-only\">\n              {resolvedLabel}\n              {opensInNewTabSrText ? ` — ${opensInNewTabSrText}` : null}\n            </span>\n          ) : null}\n        </a>\n      );\n    }\n\n    return (\n      <a {...rest} {...commonAnchorProps}>\n        <WhatsAppGlyph />\n        <span>{resolvedLabel}</span>\n        {opensInNewTabSrText ? (\n          <span className=\"ds:sr-only\"> — {opensInNewTabSrText}</span>\n        ) : null}\n      </a>\n    );\n  },\n);\nWhatsAppButton.displayName = 'WhatsAppButton';\n"],"names":["WhatsAppGlyph","className","jsx","rootVariants","cva","positionVariants","buildWaMeUrl","phoneNumber","message","digits","base","WhatsAppButton","forwardRef","variant","size","position","label","rest","ref","t","useTranslation","href","useMemo","resolvedLabel","composedClassName","isDisabled","commonAnchorProps","event","_a","opensInNewTabSrText","fabAriaLabel","jsxs"],"mappings":"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"}

package/dist/_chunks/{workflow-map-BeKe23uw.js → workflow-map-712GL-8u.js}

@@ -4,13 +4,13 @@ import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
 import { C } from "./card-CWzuTLYE.js";
 import { B as be } from "./badge-cLYVGlMh.js";
-import { K as Z } from "./key-value-pair-AbrRwesr.js";
+import { K as Z } from "./key-value-pair-DBuOCtIc.js";
 import { T as xe } from "./timestamp-BV2lC-wV.js";
 import { I as S } from "./icon-button-C4CGcYuz.js";
 import { c as _ } from "./createLucideIcon-CrFbzy84.js";
 import { C as Ne } from "./circle-BkqTgYmt.js";
 import { u as Ce } from "./registry-C9nwlNyL.js";
-import { A as V } from "./alert-DBnawbmf.js";
+import { A as V } from "./alert-ywPR59NE.js";
 import { B as _e } from "./button-DD_0Xdmr.js";
 import { D as N } from "./dropdown-menu-DZxwF23X.js";
 import { E } from "./empty-state-3CLJIXSj.js";
@@ -1412,4 +1412,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-BeKe23uw.js.map
+//# sourceMappingURL=workflow-map-712GL-8u.js.map