@goliapkg/gds 1.6.1 → 2.0.0

package/dist/l7-patterns-Dn7X2pQC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"l7-patterns-Dn7X2pQC.js","names":[],"sources":["../src/l7-patterns/action-bar.tsx","../src/l7-patterns/admin-layout.tsx","../src/l7-patterns/analytics-dashboard.tsx","../src/l7-patterns/app-shell.tsx","../src/l7-patterns/bento-grid.tsx","../src/l7-patterns/calendar-view.tsx","../src/l7-patterns/comparison-table.tsx","../src/l7-patterns/composition-pattern.tsx","../src/l7-patterns/cta-banner.tsx","../src/l7-patterns/dashboard-layout.tsx","../src/l7-patterns/data-export-card.tsx","../src/l7-patterns/devops-layout.tsx","../src/l7-patterns/empty-state.tsx","../src/l7-patterns/faq.tsx","../src/l7-patterns/feature-card.tsx","../src/l7-patterns/footer.tsx","../src/l7-patterns/form-layout.tsx","../src/l7-patterns/form-pattern.tsx","../src/l7-patterns/glass-panel.tsx","../src/l7-patterns/grid-layout.tsx","../src/l7-patterns/hero.tsx","../src/l7-patterns/hr-dashboard.tsx","../src/l7-patterns/inbox-layout.tsx","../src/l7-patterns/metric-card.tsx","../src/l7-patterns/kpi-dashboard.tsx","../src/l7-patterns/loading-states.tsx","../src/l7-patterns/login-form.tsx","../src/l7-patterns/mail-composer.tsx","../src/l7-patterns/masonry.tsx","../src/l7-patterns/media-grid.tsx","../src/l7-patterns/mini-dashboard.tsx","../src/l7-patterns/monitor-grid.tsx","../src/l7-patterns/nav-bar.tsx","../src/l7-patterns/notification-list.tsx","../src/l7-patterns/onboarding-card.tsx","../src/l7-patterns/page-header.tsx","../src/l7-patterns/panel-group.tsx","../src/l7-patterns/payroll-dashboard.tsx","../src/l7-patterns/pricing-card.tsx","../src/l7-patterns/profile-card.tsx","../src/l7-patterns/project-dashboard.tsx","../src/l7-patterns/responsive-container.tsx","../src/l7-patterns/server-overview.tsx","../src/l7-patterns/settings-layout.tsx","../src/l7-patterns/sidebar.tsx","../src/l7-patterns/skeleton-pattern.tsx","../src/l7-patterns/splash-screen.tsx","../src/l7-patterns/split-view.tsx","../src/l7-patterns/stat.tsx","../src/l7-patterns/stat-grid.tsx","../src/l7-patterns/stats-card.tsx","../src/l7-patterns/status-page.tsx","../src/l7-patterns/stepper-form.tsx","../src/l7-patterns/sticky-header.tsx","../src/l7-patterns/testimonial.tsx","../src/l7-patterns/timeline-steps.tsx","../src/l7-patterns/toolbar.tsx","../src/l7-patterns/wizard-layout.tsx"],"sourcesContent":["// action-bar — sticky bottom/top action bar for forms and bulk operations\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype ActionBarPosition = 'bottom' | 'top'\ntype ActionBarJustify = 'between' | 'center' | 'end' | 'start'\n\nexport type ActionBarProps = {\n  children: ReactNode\n  className?: string\n  glass?: boolean\n  justify?: ActionBarJustify\n  position?: ActionBarPosition\n}\n\nconst justifyMap: Record<ActionBarJustify, string> = {\n  between: 'justify-between',\n  center: 'justify-center',\n  end: 'justify-end',\n  start: 'justify-start',\n}\n\nexport const ActionBar = forwardRef<HTMLDivElement, ActionBarProps>(\n  function ActionBar(\n    { children, className, glass = true, justify = 'end', position = 'bottom' },\n    ref,\n  ) {\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'sticky z-10 flex items-center gds-pad-x-lg gds-pad-y',\n          position === 'bottom' ? 'bottom-0 border-t' : 'top-0 border-b',\n          justifyMap[justify],\n          glass === true\n            ? cx(glassClass(glass), 'border-white/10 bg-bg/60')\n            : 'border-border bg-surface',\n          className,\n        )}\n        data-component=\"action-bar\"\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","// admin-layout — full admin application layout with sidebar + topbar + content\n// supports mobile responsive drawer mode via Sheet\nimport type { ReactNode } from 'react'\nimport { forwardRef, useState } from 'react'\n\nimport { Sheet } from '../l4-molecules/sheet'\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\nimport { useIsMobile } from '../utils/hooks'\n\ntype AdminLayoutProps = {\n  sidebar: ReactNode\n  topbar?: ReactNode\n  children: ReactNode\n  sidebarWidth?: number\n  sidebarCollapsible?: boolean\n  sidebarDefaultCollapsed?: boolean\n  mobileDrawer?: boolean\n  topbarHeight?: number\n  topbarSticky?: boolean\n  logo?: ReactNode\n  className?: string\n}\n\n// simple 3-line hamburger icon — no lucide dependency in L7\nfunction HamburgerIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\">\n      <path d=\"M3 5h14M3 10h14M3 15h14\" />\n    </svg>\n  )\n}\n\n// collapse/expand chevron icon\nfunction CollapseIcon({ collapsed }: { collapsed: boolean }) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cx('transition-transform duration-200', collapsed && 'rotate-180')}\n    >\n      <path d=\"M10 3L5 8l5 5\" />\n    </svg>\n  )\n}\n\nconst AdminLayout = forwardRef<HTMLDivElement, AdminLayoutProps>(\n  function AdminLayout({\n    sidebar,\n    topbar,\n    children,\n    sidebarWidth = 240,\n    sidebarCollapsible = true,\n    sidebarDefaultCollapsed = false,\n    mobileDrawer = true,\n    topbarHeight = 48,\n    topbarSticky = true,\n    logo,\n    className,\n  }, ref) {\n    const isMobile = useIsMobile()\n    const [drawerOpen, setDrawerOpen] = useState(false)\n    const [collapsed, setCollapsed] = useState(sidebarDefaultCollapsed)\n\n    const showMobileDrawer = mobileDrawer && isMobile\n    const effectiveSidebarWidth = collapsed ? 56 : sidebarWidth\n\n    return (\n      <div ref={ref} className={cx('flex h-screen min-h-0 bg-bg', className)} data-component=\"admin-layout\">\n        {/* desktop sidebar */}\n        {!showMobileDrawer && (\n          <aside\n            className=\"relative shrink-0 overflow-y-auto border-r border-border bg-surface transition-[width] duration-200\"\n            style={{ width: effectiveSidebarWidth }}\n          >\n            {logo !== undefined && (\n              <div className=\"flex items-center border-b border-border px-3\" style={{ height: topbarHeight }}>\n                {logo}\n              </div>\n            )}\n            <div className={cx(collapsed && 'overflow-hidden')}>\n              {sidebar}\n            </div>\n            {sidebarCollapsible && (\n              <button\n                type=\"button\"\n                onClick={() => setCollapsed((prev) => !prev)}\n                className={cx(\n                  'absolute bottom-3 right-2 flex h-6 w-6 items-center justify-center rounded-md text-fg-muted hover:text-fg hover:bg-surface-hover',\n                  focusCls,\n                )}\n                aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n              >\n                <CollapseIcon collapsed={collapsed} />\n              </button>\n            )}\n          </aside>\n        )}\n\n        {/* mobile drawer */}\n        {showMobileDrawer && (\n          <Sheet\n            open={drawerOpen}\n            onClose={() => setDrawerOpen(false)}\n            side=\"left\"\n            width={sidebarWidth}\n          >\n            {logo !== undefined && (\n              <div className=\"mb-2\">{logo}</div>\n            )}\n            {sidebar}\n          </Sheet>\n        )}\n\n        <div className=\"flex flex-1 flex-col min-w-0\">\n          {/* topbar — always render if mobile (for hamburger), or if topbar content provided */}\n          {(topbar !== undefined || showMobileDrawer) && (\n            <header\n              className={cx(\n                'z-10 shrink-0 flex items-center border-b border-border bg-surface/80 backdrop-blur-sm',\n                topbarSticky && 'sticky top-0',\n              )}\n              style={{ height: topbarHeight }}\n            >\n              {showMobileDrawer && (\n                <button\n                  type=\"button\"\n                  onClick={() => setDrawerOpen(true)}\n                  className={cx(\n                    'ml-2 flex h-9 w-9 items-center justify-center rounded-md text-fg-muted hover:text-fg hover:bg-surface-hover',\n                    focusCls,\n                  )}\n                  aria-label=\"Open sidebar menu\"\n                  data-testid=\"admin-layout-hamburger\"\n                >\n                  <HamburgerIcon />\n                </button>\n              )}\n              {topbar !== undefined && <div className=\"flex-1 min-w-0\">{topbar}</div>}\n            </header>\n          )}\n          <main className=\"flex-1 overflow-auto\">{children}</main>\n        </div>\n      </div>\n    )\n  },\n)\n\nexport { AdminLayout }\nexport type { AdminLayoutProps }\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype AnalyticsDashboardProps = {\n  charts?: ReactNode\n  className?: string\n  data?: ReactNode\n  metrics?: ReactNode\n}\n\nconst AnalyticsDashboard = forwardRef<HTMLDivElement, AnalyticsDashboardProps>(\n  function AnalyticsDashboard({ charts, className, data, metrics }, ref) {\n    return (\n      <div\n        className={cx('flex flex-col gds-gap', className)}\n        data-component=\"analytics-dashboard\"\n        ref={ref}\n      >\n        {metrics !== undefined && (\n          <section className=\"flex flex-wrap gds-gap\" data-slot=\"metrics\">{metrics}</section>\n        )}\n        {charts !== undefined && (\n          <section className=\"flex flex-col gds-gap\" data-slot=\"charts\">{charts}</section>\n        )}\n        {data !== undefined && (\n          <section className=\"flex flex-col gds-gap\" data-slot=\"data\">{data}</section>\n        )}\n      </div>\n    )\n  },\n)\n\nexport { AnalyticsDashboard }\nexport type { AnalyticsDashboardProps }\n","// app-shell — root application layout with sidebar, content, status bar, and mobile nav\n// the outermost frame for mailrs-style applications\n// desktop: sidebar + content + optional status bar\n// mobile: content + bottom nav, sidebar hidden\n\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport { useIsMobile } from '../utils/hooks'\n\nexport type AppShellProps = React.HTMLAttributes<HTMLDivElement> & {\n  /** sidebar slot (left or right) */\n  sidebar?: ReactNode\n  /** main content area */\n  children: ReactNode\n  /** bottom status bar (hidden on mobile) */\n  statusBar?: ReactNode\n  /** bottom navigation on mobile (hidden on desktop) */\n  mobileNav?: ReactNode\n\n  /** sidebar width in px, default 56 (icon-only like mailrs) */\n  sidebarWidth?: number\n  /** sidebar position */\n  sidebarPosition?: 'left' | 'right'\n\n  /** add padding around content, default true */\n  padded?: boolean\n  /** gap between sidebar and content in px, default 0 */\n  gap?: number\n\n  /** frosted glass effect */\n  glass?: boolean\n  className?: string\n}\n\nexport const AppShell = forwardRef<HTMLDivElement, AppShellProps>(\n  function AppShell({\n    sidebar,\n    children,\n    statusBar,\n    mobileNav,\n    sidebarWidth = 56,\n    sidebarPosition = 'left',\n    padded = false,\n    gap = 0,\n    glass,\n    className,\n    ...props\n  }, ref) {\n    const isMobile = useIsMobile()\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(\n          'fixed inset-0 flex flex-col bg-bg',\n          glassClass(glass),\n          className,\n        )}\n        data-component=\"app-shell\"\n      >\n        {/* main area: sidebar + content */}\n        <div\n          className={cx(\n            'flex flex-1 min-h-0',\n            sidebarPosition === 'right' && 'flex-row-reverse',\n          )}\n          style={gap > 0 ? { gap } : undefined}\n        >\n          {/* sidebar — hidden on mobile */}\n          {sidebar !== undefined && !isMobile && (\n            <div\n              className=\"shrink-0 overflow-hidden\"\n              style={{ width: sidebarWidth }}\n            >\n              {sidebar}\n            </div>\n          )}\n\n          {/* content area */}\n          <div className={cx('flex-1 min-w-0 flex flex-col overflow-hidden', padded && 'p-1.5 md:p-1.5')}>\n            {children}\n          </div>\n        </div>\n\n        {/* status bar — desktop only */}\n        {statusBar !== undefined && !isMobile && (\n          <div\n            className=\"shrink-0 border-t border-border bg-bg-secondary\"\n            data-component=\"app-shell-status-bar\"\n          >\n            {statusBar}\n          </div>\n        )}\n\n        {/* mobile nav — bottom, mobile only */}\n        {mobileNav !== undefined && isMobile && (\n          <div\n            className=\"shrink-0 border-t border-border bg-bg-secondary\"\n            data-component=\"app-shell-mobile-nav\"\n          >\n            {mobileNav}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n","// bento-grid — bento box grid layout where items can span multiple rows/columns\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype BentoGap = 'default' | 'lg' | 'sm'\n\nexport type BentoGridProps = {\n  children: ReactNode\n  columns?: number\n  gap?: BentoGap\n  className?: string\n}\n\nconst gapMap: Record<BentoGap, string> = {\n  sm: 'gds-gap-sm',\n  default: 'gds-gap',\n  lg: 'gds-gap-lg',\n}\n\nconst colClass = (n: number): string => {\n  const map: Record<number, string> = {\n    1: 'grid-cols-1',\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n    5: 'grid-cols-5',\n    6: 'grid-cols-6',\n  }\n  return map[n] ?? `grid-cols-${n}`\n}\n\nexport const BentoGrid = forwardRef<HTMLDivElement, BentoGridProps>(\n  function BentoGrid({ children, columns = 4, gap = 'default', className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx('grid auto-rows-[minmax(120px,auto)]', colClass(columns), gapMap[gap], className)}\n        data-component=\"bento-grid\"\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","import { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype CalendarEvent = {\n  color?: string\n  date: number\n  label: string\n}\n\ntype CalendarViewProps = React.HTMLAttributes<HTMLDivElement> & {\n  events?: CalendarEvent[]\n  month: number\n  onDateClick?: (date: number) => void\n  year: number\n}\n\nconst WEEKDAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']\n\nexport const CalendarView = forwardRef<HTMLDivElement, CalendarViewProps>(\n  function CalendarView({ className, events = [], month, onDateClick, year, ...props }, ref) {\n    const firstDay = new Date(year, month - 1, 1).getDay()\n    const daysInMonth = new Date(year, month, 0).getDate()\n    const cells: (number | null)[] = []\n\n    for (let i = 0; i < firstDay; i++) cells.push(null)\n    for (let d = 1; d <= daysInMonth; d++) cells.push(d)\n\n    const eventsByDate = new Map<number, CalendarEvent[]>()\n    for (const ev of events) {\n      const existing = eventsByDate.get(ev.date) ?? []\n      eventsByDate.set(ev.date, [...existing, ev])\n    }\n\n    return (\n      <div\n        className={cx('flex flex-col gap-1', className)}\n        data-component=\"calendar-view\"\n        ref={ref}\n        {...props}\n      >\n        <div className=\"grid grid-cols-7 gap-1\">\n          {WEEKDAYS.map((d) => (\n            <div className=\"py-1 text-center text-xs font-medium text-fg-muted\" key={d}>{d}</div>\n          ))}\n          {cells.map((day, i) => {\n            const dayEvents = day !== null ? (eventsByDate.get(day) ?? []) : []\n            return (\n              <div\n                className={cx(\n                  'flex min-h-[36px] flex-col items-center rounded p-1 text-xs',\n                  day !== null && 'cursor-pointer text-fg hover:bg-accent/10',\n                  day === null && 'pointer-events-none',\n                )}\n                key={i}\n                onClick={() => { if (day !== null && onDateClick !== undefined) onDateClick(day) }}\n              >\n                {day !== null && <span>{day}</span>}\n                {dayEvents.length > 0 && (\n                  <div className=\"mt-0.5 flex gap-0.5\">\n                    {dayEvents.slice(0, 3).map((ev, j) => (\n                      <span\n                        className=\"h-1 w-1 rounded-full\"\n                        key={j}\n                        style={{ backgroundColor: ev.color ?? 'var(--color-accent)' }}\n                        title={ev.label}\n                      />\n                    ))}\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    )\n  },\n)\n\nexport type { CalendarEvent, CalendarViewProps }\n","// comparison-table — feature comparison grid for pricing and plan comparison\nimport { cx } from '../utils/cx'\n\nexport type ComparisonPlan = {\n  name: string\n  values: (boolean | string)[]\n}\n\nexport type ComparisonTableProps = {\n  features: string[]\n  plans: ComparisonPlan[]\n  highlightColumn?: number\n  glass?: boolean\n  className?: string\n}\n\nexport function ComparisonTable({\n  features,\n  plans,\n  highlightColumn,\n  glass,\n  className,\n}: ComparisonTableProps) {\n  return (\n    <div\n      data-component=\"comparison-table\"\n      className={cx(\n        'overflow-hidden gds-radius-card border border-border',\n        glass === true && 'bg-white/5 backdrop-blur-md',\n        className,\n      )}\n    >\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-border bg-bg-tertiary/30\">\n            <th className=\"px-4 py-3 text-left text-xs font-medium text-fg-muted\">Feature</th>\n            {plans.map((plan, i) => (\n              <th\n                key={plan.name}\n                className={cx(\n                  'px-4 py-3 text-center text-xs font-semibold text-fg',\n                  i === highlightColumn && 'bg-accent/5',\n                )}\n              >\n                {plan.name}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {features.map((feature, fi) => (\n            <tr key={feature} className={cx(fi < features.length - 1 && 'border-b border-border/50')}>\n              <td className=\"px-4 py-2.5 text-xs text-fg\">{feature}</td>\n              {plans.map((plan, pi) => {\n                const val = plan.values[fi]\n                return (\n                  <td\n                    key={plan.name}\n                    className={cx(\n                      'px-4 py-2.5 text-center',\n                      pi === highlightColumn && 'bg-accent/5',\n                    )}\n                  >\n                    {typeof val === 'boolean' ? (\n                      val === true ? (\n                        <svg className=\"mx-auto text-success\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" data-icon=\"check\">\n                          <polyline points=\"20 6 9 17 4 12\" />\n                        </svg>\n                      ) : (\n                        <svg className=\"mx-auto text-fg-muted/40\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" data-icon=\"dash\">\n                          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n                        </svg>\n                      )\n                    ) : (\n                      <span className=\"text-xs text-fg\">{val}</span>\n                    )}\n                  </td>\n                )\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n","// composition-pattern — header + sidebar + content + footer layout composition\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\nexport type CompositionPatternProps = {\n  header?: ReactNode\n  sidebar?: ReactNode\n  content: ReactNode\n  footer?: ReactNode\n  sidebarPosition?: 'left' | 'right'\n  sidebarWidth?: number | string\n  glass?: boolean\n  className?: string\n}\n\nexport const CompositionPattern = forwardRef<HTMLDivElement, CompositionPatternProps>(\n  function CompositionPattern(\n    { header, sidebar, content, footer, sidebarPosition = 'left', sidebarWidth = 240, glass, className },\n    ref,\n  ) {\n    const width = typeof sidebarWidth === 'number' ? `${sidebarWidth}px` : sidebarWidth\n    const isRight = sidebarPosition === 'right'\n\n    const sidebarEl = sidebar !== undefined ? (\n      <div\n        className={cx(\n          'shrink-0 overflow-auto',\n          isRight ? 'border-l border-border' : 'border-r border-border',\n        )}\n        style={{ width }}\n      >\n        {sidebar}\n      </div>\n    ) : null\n\n    return (\n      <div\n        ref={ref}\n        className={cx('gds-ctx flex h-full flex-col', glassClass(glass), className)}\n        data-component=\"composition-pattern\"\n      >\n        {header !== undefined && (\n          <div className=\"shrink-0 border-b border-border\">{header}</div>\n        )}\n        <div className=\"flex min-h-0 flex-1\">\n          {isRight ? null : sidebarEl}\n          <div className=\"flex-1 overflow-auto\">{content}</div>\n          {isRight ? sidebarEl : null}\n        </div>\n        {footer !== undefined && (\n          <div className=\"shrink-0 border-t border-border\">{footer}</div>\n        )}\n      </div>\n    )\n  },\n)\n","// cta-banner — call-to-action banner with prominent message and action buttons\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype CTABannerVariant = 'default' | 'accent' | 'gradient'\n\nexport type CTABannerProps = {\n  title: string\n  description?: string\n  actions: ReactNode\n  variant?: CTABannerVariant\n  glass?: boolean\n  className?: string\n}\n\nexport const CTABanner = forwardRef<HTMLDivElement, CTABannerProps>(\n  function CTABanner({ title, description, actions, variant = 'default', glass, className }, ref) {\n    const variantClass =\n      variant === 'accent'\n        ? 'bg-accent text-accent-fg'\n        : variant === 'gradient'\n          ? 'bg-gradient-to-r from-accent to-success text-accent-fg'\n          : glass === true\n            ? cx(glassClass(glass), 'border border-white/10 bg-bg/60')\n            : 'border border-border bg-surface'\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'gds-ctx gds-radius-card gds-pad-x-lg gds-pad-y-lg w-full text-center',\n          variantClass,\n          className,\n        )}\n        data-component=\"cta-banner\"\n        data-variant={variant}\n      >\n        <h2 className={cx('text-xl font-bold', variant === 'default' && 'text-fg')}>{title}</h2>\n        {description !== undefined && (\n          <p className={cx('mt-2 gds-text-body', variant === 'default' ? 'text-fg-muted' : 'opacity-80')}>\n            {description}\n          </p>\n        )}\n        <div className=\"mt-4 flex items-center justify-center gap-3\">{actions}</div>\n      </div>\n    )\n  },\n)\n","// dashboard-layout — full page layout with sidebar + header + content\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype DashboardLayoutProps = {\n  sidebar: ReactNode\n  header?: ReactNode\n  children: ReactNode\n  sidebarWidth?: number\n  className?: string\n}\n\nconst DashboardLayout = forwardRef<HTMLDivElement, DashboardLayoutProps>(\n  function DashboardLayout({ sidebar, header, children, sidebarWidth = 240, className }, ref) {\n    return (\n      <div ref={ref} className={cx('flex h-full min-h-0 bg-bg', className)} data-component=\"dashboard-layout\">\n        <aside className=\"shrink-0 overflow-y-auto border-r border-border bg-surface\" style={{ width: sidebarWidth }}>\n          {sidebar}\n        </aside>\n        <div className=\"flex flex-1 flex-col min-w-0\">\n          {header !== undefined && (\n            <header className=\"sticky top-0 z-10 shrink-0 border-b border-border bg-surface/80 backdrop-blur-sm\">\n              {header}\n            </header>\n          )}\n          <main className=\"flex-1 overflow-auto\">{children}</main>\n        </div>\n      </div>\n    )\n  },\n)\n\nexport { DashboardLayout }\nexport type { DashboardLayoutProps }\n","// data-export-card — format selector + date range + export button\nimport { forwardRef, useState } from 'react'\n\nimport { Button } from '../l2-primitives/button'\nimport { cx } from '../utils/cx'\n\ntype DateRange = {\n  from: string\n  to: string\n}\n\ntype DataExportCardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n  formats: string[]\n  onExport: (format: string, dateRange?: DateRange) => void\n  title?: string\n}\n\nconst DataExportCard = forwardRef<HTMLDivElement, DataExportCardProps>(\n  function DataExportCard({ formats, onExport, title = 'Export Data', className, ...props }, ref) {\n    const [format, setFormat] = useState(formats[0] ?? '')\n    const [from, setFrom] = useState('')\n    const [to, setTo] = useState('')\n\n    function handleExport() {\n      const dateRange = from !== '' && to !== '' ? { from, to } : undefined\n      onExport(format, dateRange)\n    }\n\n    return (\n      <div ref={ref} className={cx('gds-ctx rounded-lg border border-border bg-surface gds-pad gds-shadow', className)} data-component=\"data-export-card\" {...props}>\n        <h3 className=\"select-none font-medium gds-heading text-fg mb-3\">{title}</h3>\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex flex-col gap-1\">\n            <label className=\"select-none text-xs text-fg-muted\">Format</label>\n            <select value={format} onChange={(e) => setFormat(e.target.value)} className=\"rounded border border-border bg-bg px-2 py-1.5 gds-text-body text-fg\">\n              {formats.map((f) => <option key={f} value={f}>{f}</option>)}\n            </select>\n          </div>\n          <div className=\"flex gap-2\">\n            <div className=\"flex flex-1 flex-col gap-1\">\n              <label className=\"select-none text-xs text-fg-muted\">From</label>\n              <input type=\"date\" value={from} onChange={(e) => setFrom(e.target.value)} className=\"rounded border border-border bg-bg px-2 py-1.5 gds-text-body text-fg\" />\n            </div>\n            <div className=\"flex flex-1 flex-col gap-1\">\n              <label className=\"select-none text-xs text-fg-muted\">To</label>\n              <input type=\"date\" value={to} onChange={(e) => setTo(e.target.value)} className=\"rounded border border-border bg-bg px-2 py-1.5 gds-text-body text-fg\" />\n            </div>\n          </div>\n          <Button type=\"button\" onClick={handleExport} className=\"mt-1\">\n            Export\n          </Button>\n        </div>\n      </div>\n    )\n  },\n)\n\nexport { DataExportCard }\nexport type { DataExportCardProps, DateRange }\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype DevOpsTab = { id: string; label: string }\n\ntype DevOpsLayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  activeTab: string\n  children: ReactNode\n  onTabChange: (id: string) => void\n  statusBar?: ReactNode\n  tabs: DevOpsTab[]\n}\n\nexport const DevOpsLayout = forwardRef<HTMLDivElement, DevOpsLayoutProps>(\n  function DevOpsLayout({ activeTab, children, className, onTabChange, statusBar, tabs, ...props }, ref) {\n    return (\n      <div\n        className={cx('flex h-full flex-col', className)}\n        data-component=\"devops-layout\"\n        ref={ref}\n        {...props}\n      >\n        <div className=\"flex items-center gap-1 border-b border-border px-2\">\n          {tabs.map((tab) => (\n            <button\n              key={tab.id}\n              className={cx(\n                'px-3 py-2 gds-text-label font-medium transition-colors',\n                tab.id === activeTab ? 'border-b-2 border-accent text-accent' : 'text-fg-muted hover:text-fg',\n              )}\n              onClick={() => onTabChange(tab.id)}\n              type=\"button\"\n            >\n              {tab.label}\n            </button>\n          ))}\n        </div>\n        {statusBar !== undefined && (\n          <div className=\"border-b border-border px-3 py-2\">{statusBar}</div>\n        )}\n        <div className=\"flex-1 overflow-auto\">{children}</div>\n      </div>\n    )\n  },\n)\n\nexport type { DevOpsLayoutProps, DevOpsTab }\n","// empty-state — placeholder for sections with no content\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type EmptyStateProps = {\n  title: string\n  description?: string\n  icon?: ReactNode\n  action?: ReactNode\n  className?: string\n}\n\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n  function EmptyState({ title, description, icon, action, className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx('flex flex-col items-center justify-center py-12', className)}\n        data-component=\"empty-state\"\n      >\n        {icon !== undefined && (\n          <div className=\"mb-3 flex h-12 w-12 items-center justify-center text-fg-muted/20\">\n            {icon}\n          </div>\n        )}\n        <p className=\"gds-text-body font-medium text-fg\">{title}</p>\n        {description !== undefined && (\n          <p className=\"mt-1 gds-text-body text-fg-muted\">{description}</p>\n        )}\n        {action !== undefined && <div className=\"mt-4\">{action}</div>}\n      </div>\n    )\n  },\n)\n","// faq — frequently asked questions section with expandable answers\nimport { forwardRef } from 'react'\n\nimport { Accordion, AccordionItem } from '../l4-molecules/accordion'\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\nexport type FAQItem = {\n  question: string\n  answer: string\n}\n\nexport type FAQProps = {\n  items: FAQItem[]\n  title?: string\n  glass?: boolean\n  className?: string\n}\n\nexport const FAQ = forwardRef<HTMLDivElement, FAQProps>(\n  function FAQ({ items, title = 'FAQ', glass, className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'gds-ctx gds-radius-card border gds-pad-x-lg gds-pad-y-lg',\n          glass === true ? cx(glassClass(glass), 'border-white/10 bg-bg/60') : 'border-border bg-surface',\n          className,\n        )}\n        data-component=\"faq\"\n      >\n        <h2 className=\"gds-heading font-semibold text-fg mb-4\">{title}</h2>\n        <Accordion type=\"single\">\n          {items.map((item, i) => (\n            <AccordionItem key={i} id={`faq-${i}`} title={item.question}>\n              {item.answer}\n            </AccordionItem>\n          ))}\n        </Accordion>\n      </div>\n    )\n  },\n)\n","// feature-card — feature showcase card with icon, title, description, and optional CTA\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\nexport type FeatureCardProps = {\n  icon?: ReactNode\n  title: string\n  description?: string\n  action?: ReactNode\n  glass?: boolean\n  className?: string\n}\n\nexport const FeatureCard = forwardRef<HTMLDivElement, FeatureCardProps>(\n  function FeatureCard({ icon, title, description, action, glass, className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'gds-ctx gds-radius-card border gds-pad-x-lg gds-pad-y-lg flex flex-col',\n          glass === true\n            ? cx(glassClass(glass), 'border-white/10 bg-bg/60')\n            : 'border-border bg-surface',\n          className,\n        )}\n        data-component=\"feature-card\"\n      >\n        {icon !== undefined && (\n          <div className=\"mb-3 text-accent\">{icon}</div>\n        )}\n        <p className=\"font-semibold text-fg\">{title}</p>\n        {description !== undefined && (\n          <p className=\"mt-1 gds-text-body text-fg-muted\">{description}</p>\n        )}\n        {action !== undefined && (\n          <div className=\"mt-auto pt-4\">{action}</div>\n        )}\n      </div>\n    )\n  },\n)\n","// footer — site footer with link columns and copyright\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype FooterColumn = {\n  title: string\n  links: { label: string; href: string }[]\n}\n\nexport type FooterProps = {\n  columns?: FooterColumn[]\n  copyright?: string\n  logo?: ReactNode\n  glass?: boolean\n  className?: string\n}\n\nexport const Footer = forwardRef<HTMLElement, FooterProps>(\n  function Footer({ columns, copyright, logo, glass, className }, ref) {\n    return (\n      <footer\n        ref={ref}\n        className={cx(\n          'w-full py-10',\n          glass && glassClass(true),\n          className,\n        )}\n        data-component=\"footer\"\n      >\n        {columns !== undefined && columns.length > 0 && (\n          <div className=\"grid grid-cols-2 gap-8 sm:grid-cols-3 lg:grid-cols-4\">\n            {columns.map((col) => (\n              <div key={col.title}>\n                <h3 className=\"text-sm font-semibold text-fg\">{col.title}</h3>\n                <ul className=\"mt-3 space-y-2\">\n                  {col.links.map((link) => (\n                    <li key={link.href}>\n                      <a href={link.href} className=\"text-sm text-fg-muted hover:text-fg\">{link.label}</a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))}\n          </div>\n        )}\n        <div className={cx('flex items-center gap-3 border-t border-border pt-6', columns !== undefined && columns.length > 0 && 'mt-8')}>\n          {logo !== undefined && <div>{logo}</div>}\n          {copyright !== undefined && (\n            <p className=\"text-xs text-fg-muted\">{copyright}</p>\n          )}\n        </div>\n      </footer>\n    )\n  },\n)\n","// form-layout — standard form container with header, body, and action footer\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type FormLayoutProps = {\n  title?: string\n  description?: string\n  children: ReactNode\n  actions?: ReactNode\n  className?: string\n}\n\nexport const FormLayout = forwardRef<HTMLDivElement, FormLayoutProps>(\n  function FormLayout({ title, description, children, actions, className }, ref) {\n    const hasHeader = title !== undefined || description !== undefined\n\n    return (\n      <div\n        ref={ref}\n        className={cx('flex flex-col', className)}\n        data-component=\"form-layout\"\n      >\n        {hasHeader && (\n          <div className=\"mb-4\">\n            {title !== undefined && (\n              <h2 className=\"gds-text-body font-semibold text-fg\">{title}</h2>\n            )}\n            {description !== undefined && (\n              <p className=\"mt-0.5 gds-text-body text-fg-muted\">{description}</p>\n            )}\n          </div>\n        )}\n        <div className=\"flex flex-col gds-gap-lg\">{children}</div>\n        {actions !== undefined && (\n          <div className=\"mt-6 flex justify-end gds-gap-sm\">{actions}</div>\n        )}\n      </div>\n    )\n  },\n)\n","// form-pattern — sectioned form layout with title, description, and action bar\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { Separator } from '../l2-primitives/separator'\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype FormSection = {\n  title: string\n  fields: ReactNode\n}\n\nexport type FormPatternProps = {\n  title?: string\n  description?: string\n  sections: FormSection[]\n  actions?: ReactNode\n  glass?: boolean\n  className?: string\n}\n\nexport const FormPattern = forwardRef<HTMLDivElement, FormPatternProps>(\n  function FormPattern({ title, description, sections, actions, glass, className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx('gds-ctx flex flex-col gds-pad gds-radius-card', glassClass(glass), className)}\n        data-component=\"form-pattern\"\n      >\n        {(title !== undefined || description !== undefined) && (\n          <div className=\"mb-4\">\n            {title !== undefined && (\n              <h2 className=\"gds-heading font-semibold text-fg\">{title}</h2>\n            )}\n            {description !== undefined && (\n              <p className=\"mt-1 gds-text-body text-fg-muted\">{description}</p>\n            )}\n          </div>\n        )}\n        {sections.map((section, i) => (\n          <div key={section.title}>\n            {i > 0 && <Separator className=\"my-4\" />}\n            <div className=\"flex flex-col gds-gap\">\n              <h3 className=\"gds-text-body font-medium text-fg\">{section.title}</h3>\n              {section.fields}\n            </div>\n          </div>\n        ))}\n        {actions !== undefined && (\n          <>\n            <Separator className=\"my-4\" />\n            <div className=\"flex justify-end gds-gap-sm\">{actions}</div>\n          </>\n        )}\n      </div>\n    )\n  },\n)\n\nexport type { FormSection }\n","// glass-panel — translucent container with depth-aware glass material\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype GlassPanelBlur = 'default' | 'lg' | 'sm'\ntype GlassPanelPadding = 'default' | 'lg' | 'none' | 'sm'\n\nconst paddingMap: Record<GlassPanelPadding, string> = {\n  none: '',\n  sm: 'gds-pad-x gds-pad-y',\n  default: 'gds-pad-x-lg gds-pad-y-lg',\n  lg: 'p-6',\n}\n\nconst blurToGlass: Record<GlassPanelBlur, Parameters<typeof glassClass>[0]> = {\n  sm: 'sm',\n  default: true,\n  lg: 'lg',\n}\n\nexport type GlassPanelProps = {\n  children: ReactNode\n  blur?: GlassPanelBlur\n  padding?: GlassPanelPadding\n  className?: string\n}\n\nexport const GlassPanel = forwardRef<HTMLDivElement, GlassPanelProps>(\n  function GlassPanel({ children, blur = 'default', padding = 'default', className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'gds-ctx gds-radius-card border border-white/10',\n          glassClass(blurToGlass[blur]),\n          paddingMap[padding],\n          className,\n        )}\n        data-component=\"glass-panel\"\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","// grid-layout — responsive grid layout with configurable columns and breakpoints\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype ResponsiveColumns = {\n  sm?: number\n  md?: number\n  lg?: number\n  xl?: number\n}\n\ntype GridGap = 'default' | 'lg' | 'sm'\n\nexport type GridLayoutProps = {\n  children: ReactNode\n  columns?: number | ResponsiveColumns\n  gap?: GridGap\n  className?: string\n}\n\nconst gapMap: Record<GridGap, string> = {\n  sm: 'gds-gap-sm',\n  default: 'gds-gap',\n  lg: 'gds-gap-lg',\n}\n\nconst colClass = (n: number): string => {\n  const map: Record<number, string> = {\n    1: 'grid-cols-1',\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n    5: 'grid-cols-5',\n    6: 'grid-cols-6',\n  }\n  return map[n] ?? `grid-cols-${n}`\n}\n\nconst responsiveColClass = (prefix: string, n: number): string => {\n  const map: Record<number, string> = {\n    1: `${prefix}:grid-cols-1`,\n    2: `${prefix}:grid-cols-2`,\n    3: `${prefix}:grid-cols-3`,\n    4: `${prefix}:grid-cols-4`,\n    5: `${prefix}:grid-cols-5`,\n    6: `${prefix}:grid-cols-6`,\n  }\n  return map[n] ?? `${prefix}:grid-cols-${n}`\n}\n\nfunction buildColumnClasses(columns: number | ResponsiveColumns): string {\n  if (typeof columns === 'number') {\n    return colClass(columns)\n  }\n\n  const parts: string[] = []\n  if (columns.sm !== undefined) parts.push(responsiveColClass('sm', columns.sm))\n  if (columns.md !== undefined) parts.push(responsiveColClass('md', columns.md))\n  if (columns.lg !== undefined) parts.push(responsiveColClass('lg', columns.lg))\n  if (columns.xl !== undefined) parts.push(responsiveColClass('xl', columns.xl))\n\n  // add base grid-cols-1 for mobile when using responsive\n  if (parts.length > 0) {\n    parts.unshift('grid-cols-1')\n  }\n\n  return parts.join(' ')\n}\n\nexport const GridLayout = forwardRef<HTMLDivElement, GridLayoutProps>(\n  function GridLayout({ children, columns = { sm: 1, md: 2, lg: 3 }, gap = 'default', className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'grid',\n          buildColumnClasses(columns),\n          gapMap[gap],\n          className,\n        )}\n        data-component=\"grid-layout\"\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","// hero — landing page above-the-fold section\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\nexport type HeroProps = {\n  title: string\n  subtitle?: string\n  actions?: ReactNode\n  media?: ReactNode\n  align?: 'left' | 'center'\n  glass?: boolean\n  className?: string\n}\n\nexport const Hero = forwardRef<HTMLDivElement, HeroProps>(\n  function Hero({ title, subtitle, actions, media, align = 'center', glass, className }, ref) {\n    const isCenter = align === 'center'\n\n    return (\n      <section\n        ref={ref}\n        className={cx(\n          'w-full py-16',\n          isCenter ? 'text-center' : 'flex items-center gap-12',\n          glass && glassClass(true),\n          className,\n        )}\n        data-component=\"hero\"\n        data-variant={align}\n      >\n        <div className={cx(isCenter ? 'mx-auto max-w-2xl' : 'flex-1')}>\n          <h1 className=\"text-4xl font-bold text-fg\">{title}</h1>\n          {subtitle !== undefined && (\n            <p className=\"mt-3 text-lg text-fg-muted\">{subtitle}</p>\n          )}\n          {actions !== undefined && <div className=\"mt-6\">{actions}</div>}\n          {isCenter && media !== undefined && <div className=\"mt-8\">{media}</div>}\n        </div>\n        {!isCenter && media !== undefined && (\n          <div className=\"flex-1\">{media}</div>\n        )}\n      </section>\n    )\n  },\n)\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype HRDashboardProps = React.HTMLAttributes<HTMLDivElement> & {\n  departments?: ReactNode\n  onboarding?: ReactNode\n  stats?: ReactNode\n}\n\nexport const HRDashboard = forwardRef<HTMLDivElement, HRDashboardProps>(\n  function HRDashboard({ className, departments, onboarding, stats, ...props }, ref) {\n    return (\n      <div\n        className={cx('gds-ctx flex flex-col gds-gap', className)}\n        data-component=\"hr-dashboard\"\n        ref={ref}\n        {...props}\n      >\n        {stats !== undefined && <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">{stats}</div>}\n        <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n          {onboarding !== undefined && (\n            <div className=\"gds-radius-card border border-border bg-surface gds-pad\">{onboarding}</div>\n          )}\n          {departments !== undefined && (\n            <div className=\"gds-radius-card border border-border bg-surface gds-pad\">{departments}</div>\n          )}\n        </div>\n      </div>\n    )\n  },\n)\n\nexport type { HRDashboardProps }\n","// inbox-layout — responsive 3-pane email layout with resizable divider\n// v2: complete rewrite from simple 2-pane to full-featured inbox layout\n// desktop: sidebar? + list + detail with drag-resize\n// mobile: one pane at a time with swipe/back navigation\n\nimport type { ReactNode } from 'react'\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport { useIsMobile } from '../utils/hooks'\n\nexport type InboxLayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  /** left sidebar (e.g. app navigation) */\n  sidebar?: ReactNode\n  /** conversation list pane */\n  list: ReactNode\n  /** detail/thread pane — null shows empty state */\n  detail?: ReactNode\n\n  /** list pane width in px, default 360 */\n  listWidth?: number\n  /** min list width, default 280 */\n  listMinWidth?: number\n  /** max list width, default 500 */\n  listMaxWidth?: number\n  /** enable drag resize between list and detail, default true */\n  resizable?: boolean\n\n  /** which pane to show on mobile */\n  mobileView?: 'detail' | 'list'\n  /** callback when mobile view changes */\n  onMobileViewChange?: (view: 'detail' | 'list') => void\n\n  /** shown when detail is null */\n  emptyState?: ReactNode\n\n  /** batch action bar at bottom of list pane */\n  batchActions?: ReactNode\n\n  /** frosted glass effect */\n  glass?: boolean\n  className?: string\n}\n\nexport const InboxLayout = forwardRef<HTMLDivElement, InboxLayoutProps>(\n  function InboxLayout({\n    sidebar,\n    list,\n    detail,\n    listWidth: initialListWidth = 360,\n    listMinWidth = 280,\n    listMaxWidth = 500,\n    resizable = true,\n    mobileView = 'list',\n    onMobileViewChange,\n    emptyState,\n    batchActions,\n    glass,\n    className,\n    ...props\n  }, ref) {\n    const isMobile = useIsMobile()\n    const [listWidth, setListWidth] = useState(initialListWidth)\n    const isDragging = useRef(false)\n    const dragStart = useRef({ x: 0, width: 0 })\n\n    // drag resize handlers\n    const handleDragStart = useCallback((e: React.MouseEvent) => {\n      e.preventDefault()\n      isDragging.current = true\n      dragStart.current = { x: e.clientX, width: listWidth }\n      document.body.style.cursor = 'col-resize'\n      document.body.style.userSelect = 'none'\n    }, [listWidth])\n\n    useEffect(() => {\n      const handleMouseMove = (e: MouseEvent) => {\n        if (!isDragging.current) return\n        const delta = e.clientX - dragStart.current.x\n        const newWidth = Math.max(listMinWidth, Math.min(listMaxWidth, dragStart.current.width + delta))\n        setListWidth(newWidth)\n      }\n\n      const handleMouseUp = () => {\n        if (!isDragging.current) return\n        isDragging.current = false\n        document.body.style.cursor = ''\n        document.body.style.userSelect = ''\n      }\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n        // reset body styles if unmounted during drag\n        if (isDragging.current) {\n          isDragging.current = false\n          document.body.style.cursor = ''\n          document.body.style.userSelect = ''\n        }\n      }\n    }, [listMinWidth, listMaxWidth])\n\n    // double-click divider resets width\n    const handleDividerDoubleClick = useCallback(() => {\n      setListWidth(initialListWidth)\n    }, [initialListWidth])\n\n    // mobile back button handler\n    const handleMobileBack = useCallback(() => {\n      if (onMobileViewChange !== undefined) {\n        onMobileViewChange('list')\n      }\n    }, [onMobileViewChange])\n\n    // mobile: show one pane at a time\n    if (isMobile) {\n      return (\n        <div\n          {...props}\n          ref={ref}\n          className={cx('flex h-full flex-col overflow-hidden', className)}\n          data-component=\"inbox-layout\"\n          data-state={mobileView}\n          data-mobile-view={mobileView}\n        >\n          {mobileView === 'list' && (\n            <div className=\"flex-1 min-h-0 overflow-y-auto\">\n              {list}\n              {batchActions !== undefined && (\n                <div className=\"sticky bottom-0 animate-slide-up\">{batchActions}</div>\n              )}\n            </div>\n          )}\n          {mobileView === 'detail' && (\n            <div className=\"flex-1 min-h-0 flex flex-col overflow-hidden\">\n              <button\n                type=\"button\"\n                className=\"flex items-center gap-1.5 px-3 py-2 text-sm text-accent hover:bg-white/[0.04] border-b border-border\"\n                onClick={handleMobileBack}\n                aria-label=\"Back to message list\"\n              >\n                <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" viewBox=\"0 0 24 24\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                  <polyline points=\"15 18 9 12 15 6\" />\n                </svg>\n                Back\n              </button>\n              <div className=\"flex-1 min-h-0 overflow-y-auto\">\n                {detail ?? emptyState ?? null}\n              </div>\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    // desktop: multi-pane layout\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(\n          'flex h-full overflow-hidden',\n          glassClass(glass),\n          className,\n        )}\n        data-component=\"inbox-layout\"\n        data-state={detail !== undefined ? 'detail' : 'list'}\n      >\n        {/* sidebar */}\n        {sidebar !== undefined && (\n          <div className=\"shrink-0\">{sidebar}</div>\n        )}\n\n        {/* list pane */}\n        <div\n          className=\"shrink-0 flex flex-col overflow-hidden border-r border-border\"\n          style={{ width: listWidth }}\n        >\n          <div className=\"flex-1 min-h-0 overflow-y-auto\">\n            {list}\n          </div>\n          {batchActions !== undefined && (\n            <div className=\"shrink-0 border-t border-border animate-slide-up\">\n              {batchActions}\n            </div>\n          )}\n        </div>\n\n        {/* resize divider */}\n        {resizable && (\n          <div\n            className=\"shrink-0 w-1 cursor-col-resize bg-transparent hover:bg-accent/20 active:bg-accent/30 transition-colors focus:bg-accent/20 focus:outline-none\"\n            onMouseDown={handleDragStart}\n            onDoubleClick={handleDividerDoubleClick}\n            onKeyDown={(e) => {\n              const step = e.shiftKey ? 50 : 10\n              if (e.key === 'ArrowLeft') {\n                e.preventDefault()\n                setListWidth(prev => Math.max(listMinWidth, prev - step))\n              } else if (e.key === 'ArrowRight') {\n                e.preventDefault()\n                setListWidth(prev => Math.min(listMaxWidth, prev + step))\n              } else if (e.key === 'Home') {\n                e.preventDefault()\n                setListWidth(listMinWidth)\n              } else if (e.key === 'End') {\n                e.preventDefault()\n                setListWidth(listMaxWidth)\n              }\n            }}\n            role=\"separator\"\n            aria-orientation=\"vertical\"\n            aria-label=\"Resize list pane\"\n            aria-valuenow={listWidth}\n            aria-valuemin={listMinWidth}\n            aria-valuemax={listMaxWidth}\n            tabIndex={0}\n          />\n        )}\n\n        {/* detail pane */}\n        <div className=\"min-w-0 flex-1 overflow-y-auto\">\n          {detail ?? emptyState ?? null}\n        </div>\n      </div>\n    )\n  },\n)\n","// metric-card — single KPI display with optional trend indicator\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\nexport type MetricCardProps = {\n  title: string\n  value: string | number\n  change?: number\n  changeLabel?: string\n  icon?: ReactNode\n  glass?: boolean\n  className?: string\n}\n\nexport const MetricCard = forwardRef<HTMLDivElement, MetricCardProps>(\n  function MetricCard({ title, value, change, changeLabel, icon, glass, className }, ref) {\n    const isPositive = change !== undefined && change >= 0\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'relative gds-radius-card border gds-pad-x-lg gds-pad-y-lg',\n          glass === true\n            ? cx(glassClass(glass), 'border-white/10 bg-bg/60')\n            : 'border-border bg-surface',\n          className,\n        )}\n        data-component=\"metric-card\"\n      >\n        {icon !== undefined && (\n          <div className=\"absolute right-4 top-4 text-fg-muted/40\">{icon}</div>\n        )}\n        <p className=\"gds-text-body text-fg-muted\">{title}</p>\n        <p className=\"mt-1 text-2xl font-bold text-fg\">{value}</p>\n        {change !== undefined && (\n          <p\n            className={cx(\n              'mt-1 gds-text-body',\n              isPositive ? 'text-success' : 'text-danger',\n            )}\n          >\n            {isPositive ? '+' : ''}\n            {change}%{changeLabel !== undefined ? ` ${changeLabel}` : ''}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n","// kpi-dashboard — pre-composed KPI layout with metrics, chart, and table slots\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport { MetricCard } from './metric-card'\n\ntype KPIMetric = {\n  title: string\n  value: string\n  change?: number\n}\n\ntype KPIDashboardProps = {\n  title?: string\n  metrics?: KPIMetric[]\n  chart?: ReactNode\n  table?: ReactNode\n  glass?: boolean\n  className?: string\n}\n\nconst KPIDashboard = forwardRef<HTMLDivElement, KPIDashboardProps>(\n  function KPIDashboard({ title, metrics, chart, table, glass, className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx('gds-ctx flex flex-col gds-gap', className)}\n        data-component=\"kpi-dashboard\"\n      >\n        {title !== undefined && (\n          <h2 className=\"gds-heading font-semibold text-fg\">{title}</h2>\n        )}\n        {metrics !== undefined && metrics.length > 0 && (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n            {metrics.map((m) => (\n              <MetricCard\n                key={m.title}\n                change={m.change}\n                glass={glass}\n                title={m.title}\n                value={m.value}\n              />\n            ))}\n          </div>\n        )}\n        {chart !== undefined && (\n          <div\n            className={cx(\n              'gds-radius-card border gds-pad',\n              glass === true\n                ? cx(glassClass(glass), 'border-white/10 bg-bg/60')\n                : 'border-border bg-surface',\n            )}\n          >\n            {chart}\n          </div>\n        )}\n        {table !== undefined && (\n          <div\n            className={cx(\n              'gds-radius-card border gds-pad',\n              glass === true\n                ? cx(glassClass(glass), 'border-white/10 bg-bg/60')\n                : 'border-border bg-surface',\n            )}\n          >\n            {table}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nexport { KPIDashboard }\nexport type { KPIDashboardProps, KPIMetric }\n","// loading-states — pre-composed loading state patterns for common UI contexts\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { Button } from '../l2-primitives/button'\nimport { Spinner } from '../l2-primitives/spinner'\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype LoadingStatesVariant = 'button' | 'inline' | 'overlay' | 'page'\n\nexport type LoadingStatesProps = {\n  variant: LoadingStatesVariant\n  message?: string\n  glass?: boolean\n  className?: string\n}\n\nfunction PageLoading({ message, glass, className }: Omit<LoadingStatesProps, 'variant'>) {\n  return (\n    <div className={cx('flex min-h-[200px] flex-col items-center justify-center gap-3', glassClass(glass), className)}>\n      <Spinner size=\"lg\" />\n      {message !== undefined && <p className=\"gds-text-body text-fg-muted\">{message}</p>}\n    </div>\n  )\n}\n\nfunction InlineLoading({ message, className }: Omit<LoadingStatesProps, 'variant'>) {\n  return (\n    <div className={cx('inline-flex items-center gap-2', className)}>\n      <Spinner size=\"sm\" />\n      {message !== undefined && <span className=\"gds-text-body text-fg-muted\">{message}</span>}\n    </div>\n  )\n}\n\nfunction ButtonLoading({ message, className }: Omit<LoadingStatesProps, 'variant'>) {\n  return (\n    <div className={className}>\n      <Button loading disabled>{message ?? 'Loading...'}</Button>\n    </div>\n  )\n}\n\nfunction OverlayLoading({ message, glass, className }: Omit<LoadingStatesProps, 'variant'>) {\n  return (\n    <div className={cx(\n      'absolute inset-0 flex flex-col items-center justify-center gap-3',\n      glass === true ? glassClass(glass) : 'bg-bg/80',\n      className,\n    )}>\n      <Spinner size=\"lg\" />\n      {message !== undefined && <p className=\"gds-text-body text-fg-muted\">{message}</p>}\n    </div>\n  )\n}\n\nconst variantMap: Record<LoadingStatesVariant, (props: Omit<LoadingStatesProps, 'variant'>) => ReactNode> = {\n  page: PageLoading,\n  inline: InlineLoading,\n  button: ButtonLoading,\n  overlay: OverlayLoading,\n}\n\nexport const LoadingStates = forwardRef<HTMLDivElement, LoadingStatesProps>(\n  function LoadingStates({ variant, message, glass, className }, ref) {\n    return (\n      <div ref={ref} data-component=\"loading-states\" data-variant={variant}>\n        {variantMap[variant]({ message, glass, className })}\n      </div>\n    )\n  },\n)\n\nexport type { LoadingStatesVariant }\n","// login-form — pre-composed login form\nimport { forwardRef, useState } from 'react'\n\nimport { Button } from '../l2-primitives/button'\nimport { Input } from '../l2-primitives/input'\nimport { Label } from '../l2-primitives/label'\nimport { Checkbox } from '../l3-atoms/checkbox'\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype LoginFormData = {\n  email: string\n  password: string\n  remember: boolean\n}\n\ntype LoginFormProps = Omit<React.HTMLAttributes<HTMLFormElement>, 'onSubmit'> & {\n  onSubmit: (data: LoginFormData) => void\n  title?: string\n  error?: string\n  loading?: boolean\n  glass?: boolean\n}\n\nexport const LoginForm = forwardRef<HTMLFormElement, LoginFormProps>(\n  function LoginForm(\n    { onSubmit, title = 'Sign in', error, loading = false, glass = false, className, ...props },\n    ref,\n  ) {\n    const [email, setEmail] = useState('')\n    const [password, setPassword] = useState('')\n    const [remember, setRemember] = useState(false)\n\n    function handleSubmit(e: React.FormEvent) {\n      e.preventDefault()\n      onSubmit({ email, password, remember })\n    }\n\n    return (\n      <form\n        ref={ref}\n        className={cx(\n          'flex w-full max-w-sm flex-col gap-4 rounded-lg border border-border p-6',\n          glassClass(glass),\n          !glass && 'bg-bg',\n          className,\n        )}\n        data-component=\"login-form\"\n        onSubmit={handleSubmit}\n        {...props}\n      >\n        <h2 className=\"text-center font-semibold text-fg gds-heading\">{title}</h2>\n        {error !== undefined && (\n          <div className=\"rounded-md bg-danger/10 px-3 py-2 text-xs text-danger\">{error}</div>\n        )}\n        <div className=\"flex flex-col gap-1\">\n          <Label>Email</Label>\n          <Input type=\"email\" value={email} onChange={(e) => setEmail(e.target.value)} placeholder=\"you@example.com\" required />\n        </div>\n        <div className=\"flex flex-col gap-1\">\n          <Label>Password</Label>\n          <Input type=\"password\" value={password} onChange={(e) => setPassword(e.target.value)} placeholder=\"••••••••\" required />\n        </div>\n        <Checkbox checked={remember} onChange={setRemember} label=\"Remember me\" />\n        <Button type=\"submit\" disabled={loading} className=\"w-full\">\n          {loading ? 'Signing in...' : 'Sign in'}\n        </Button>\n      </form>\n    )\n  },\n)\n\nexport type { LoginFormData, LoginFormProps }\n","// mail-composer — email compose form with to, subject, body, and send\nimport { forwardRef, useCallback, useRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type MailComposerData = {\n  to: string\n  subject: string\n  body: string\n}\n\nexport type MailComposerProps = {\n  onSend: (data: MailComposerData) => void\n  defaultTo?: string\n  className?: string\n}\n\nexport const MailComposer = forwardRef<HTMLFormElement, MailComposerProps>(\n  function MailComposer({ onSend, defaultTo, className }, ref) {\n    const toRef = useRef<HTMLInputElement>(null)\n    const subjectRef = useRef<HTMLInputElement>(null)\n    const bodyRef = useRef<HTMLTextAreaElement>(null)\n\n    const handleSubmit = useCallback((e: React.FormEvent) => {\n      e.preventDefault()\n      onSend({\n        to: toRef.current?.value ?? '',\n        subject: subjectRef.current?.value ?? '',\n        body: bodyRef.current?.value ?? '',\n      })\n    }, [onSend])\n\n    const inputCls = 'w-full rounded-md border border-border bg-transparent px-3 py-2 gds-text-body text-fg placeholder:text-fg-muted/40 focus:border-accent focus:outline-none'\n\n    return (\n      <form\n        ref={ref}\n        className={cx('flex flex-col gap-3', className)}\n        data-component=\"mail-composer\"\n        onSubmit={handleSubmit}\n      >\n        <input ref={toRef} type=\"email\" placeholder=\"To\" defaultValue={defaultTo ?? ''} className={inputCls} />\n        <input ref={subjectRef} type=\"text\" placeholder=\"Subject\" className={inputCls} />\n        <textarea ref={bodyRef} placeholder=\"Body\" rows={6} className={cx(inputCls, 'resize-none')} />\n        <div className=\"flex justify-end\">\n          <button\n            type=\"submit\"\n            className=\"rounded-md bg-accent px-4 py-2 gds-text-body font-medium text-accent-fg hover:bg-accent/90 transition-colors\"\n          >\n            Send\n          </button>\n        </div>\n      </form>\n    )\n  },\n)\n","// masonry — CSS columns-based masonry layout\nimport type { CSSProperties, ReactNode } from 'react'\nimport { Children, forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type MasonryProps = {\n  children: ReactNode\n  columns?: number\n  gap?: number\n  className?: string\n}\n\nexport const Masonry = forwardRef<HTMLDivElement, MasonryProps>(\n  function Masonry({ children, columns = 3, gap = 16, className }, ref) {\n    const containerStyle: CSSProperties = {\n      columnCount: columns,\n      columnGap: `${gap}px`,\n    }\n\n    const itemStyle: CSSProperties = {\n      breakInside: 'avoid',\n      marginBottom: `${gap}px`,\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cx(className)}\n        style={containerStyle}\n        data-component=\"masonry\"\n      >\n        {Children.map(children, (child) => {\n          if (child === null || child === undefined) return null\n          return (\n            <div style={itemStyle}>\n              {child}\n            </div>\n          )\n        })}\n      </div>\n    )\n  },\n)\n","// media-grid — responsive image/media grid layout for galleries\nimport type { ReactNode } from 'react'\nimport { Children, forwardRef } from 'react'\n\nimport { AspectRatio } from '../l2-primitives/aspect-ratio'\nimport { cx } from '../utils/cx'\n\ntype GridGap = 'default' | 'lg' | 'sm'\n\ntype ResponsiveColumns = {\n  lg?: number\n  md?: number\n  sm?: number\n}\n\nexport type MediaGridProps = {\n  aspectRatio?: number\n  children: ReactNode\n  className?: string\n  columns?: number | ResponsiveColumns\n  gap?: GridGap\n}\n\nconst gapMap: Record<GridGap, string> = {\n  default: 'gds-gap',\n  lg: 'gds-gap-lg',\n  sm: 'gds-gap-sm',\n}\n\nfunction buildCols(columns: number | ResponsiveColumns): string {\n  if (typeof columns === 'number') {\n    return `grid-cols-${columns}`\n  }\n  const parts = ['grid-cols-1']\n  if (columns.sm !== undefined) parts.push(`sm:grid-cols-${columns.sm}`)\n  if (columns.md !== undefined) parts.push(`md:grid-cols-${columns.md}`)\n  if (columns.lg !== undefined) parts.push(`lg:grid-cols-${columns.lg}`)\n  return parts.join(' ')\n}\n\nexport const MediaGrid = forwardRef<HTMLDivElement, MediaGridProps>(\n  function MediaGrid(\n    { aspectRatio = 1, children, className, columns = { sm: 2, md: 3, lg: 4 }, gap = 'default' },\n    ref,\n  ) {\n    return (\n      <div\n        ref={ref}\n        className={cx('grid', buildCols(columns), gapMap[gap], className)}\n        data-component=\"media-grid\"\n      >\n        {Children.map(children, (child) => (\n          <AspectRatio ratio={aspectRatio} className=\"overflow-hidden rounded-lg\">\n            {child}\n          </AspectRatio>\n        ))}\n      </div>\n    )\n  },\n)\n","// mini-dashboard — section-level container with optional title header\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\nexport type MiniDashboardProps = {\n  title?: string\n  children: ReactNode\n  glass?: boolean\n  className?: string\n}\n\nexport const MiniDashboard = forwardRef<HTMLDivElement, MiniDashboardProps>(\n  function MiniDashboard({ title, children, glass, className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'gds-ctx gds-radius-card border',\n          glass === true\n            ? cx(glassClass(glass), 'border-white/10 bg-bg/60')\n            : 'border-border bg-surface',\n          'gds-pad-x-lg gds-pad-y-lg',\n          className,\n        )}\n        data-component=\"mini-dashboard\"\n      >\n        {title !== undefined && (\n          <h2 className=\"mb-3 gds-text-body font-semibold text-fg\">{title}</h2>\n        )}\n        {children}\n      </div>\n    )\n  },\n)\n","// monitor-grid — responsive grid layout for service/server monitoring cards\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type MonitorGridProps = {\n  children: ReactNode\n  columns?: number\n  className?: string\n}\n\nexport const MonitorGrid = forwardRef<HTMLDivElement, MonitorGridProps>(\n  function MonitorGrid({ children, columns, className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'grid gds-gap',\n          columns !== undefined\n            ? `grid-cols-${columns}`\n            : 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',\n          className,\n        )}\n        data-component=\"monitor-grid\"\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","// nav-bar — top navigation bar with logo, links, and actions\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype NavLink = {\n  label: string\n  href: string\n  active?: boolean\n}\n\nexport type NavBarProps = {\n  logo?: ReactNode\n  links?: NavLink[]\n  actions?: ReactNode\n  sticky?: boolean\n  glass?: boolean\n  className?: string\n}\n\nexport const NavBar = forwardRef<HTMLElement, NavBarProps>(\n  function NavBar({ logo, links, actions, sticky = true, glass = true, className }, ref) {\n    return (\n      <nav\n        ref={ref}\n        className={cx(\n          'flex w-full items-center justify-between px-6 py-3',\n          sticky && 'sticky top-0 z-40',\n          glass && glassClass(true),\n          className,\n        )}\n        data-component=\"nav-bar\"\n      >\n        {logo !== undefined && <div className=\"flex-shrink-0\">{logo}</div>}\n        {links !== undefined && links.length > 0 && (\n          <div className=\"flex items-center gap-6\">\n            {links.map((link) => (\n              <a\n                key={link.href}\n                href={link.href}\n                className={cx('text-sm transition-colors', link.active ? 'text-accent font-medium' : 'text-fg-muted hover:text-fg')}\n              >\n                {link.label}\n              </a>\n            ))}\n          </div>\n        )}\n        {actions !== undefined && <div className=\"flex items-center gap-3\">{actions}</div>}\n      </nav>\n    )\n  },\n)\n","import { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype NotificationEntry = {\n  id: string\n  message?: string\n  read?: boolean\n  timestamp: string\n  title: string\n}\n\ntype NotificationListProps = React.HTMLAttributes<HTMLDivElement> & {\n  notifications: NotificationEntry[]\n  onRead?: (id: string) => void\n  onReadAll?: () => void\n}\n\nexport const NotificationList = forwardRef<HTMLDivElement, NotificationListProps>(\n  function NotificationList({ className, notifications, onRead, onReadAll, ...props }, ref) {\n    return (\n      <div\n        className={cx('gds-ctx gds-radius-card border border-border bg-surface', className)}\n        data-component=\"notification-list\"\n        ref={ref}\n        {...props}\n      >\n        <div className=\"flex items-center justify-between border-b border-border px-4 py-2.5\">\n          <span className=\"text-sm font-semibold text-fg\">Notifications</span>\n          {onReadAll !== undefined && (\n            <button className=\"text-xs text-accent hover:underline\" onClick={onReadAll} type=\"button\">\n              Mark all read\n            </button>\n          )}\n        </div>\n        {notifications.length === 0 ? (\n          <div className=\"px-4 py-6 text-center text-xs text-fg-muted\">No notifications</div>\n        ) : (\n          <div className=\"divide-y divide-border\">\n            {notifications.map((n) => (\n              <div\n                key={n.id}\n                className={cx(\n                  'flex gap-3 px-4 py-2.5',\n                  n.read !== true && 'border-l-2 border-l-accent',\n                  onRead !== undefined && 'cursor-pointer hover:bg-bg-tertiary',\n                )}\n                onClick={onRead !== undefined ? () => onRead(n.id) : undefined}\n              >\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"text-xs font-medium text-fg\">{n.title}</div>\n                  {n.message !== undefined && (\n                    <div className=\"mt-0.5 text-xs text-fg-muted\">{n.message}</div>\n                  )}\n                  <div className=\"mt-1 text-[10px] text-fg-muted\">{n.timestamp}</div>\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nexport type { NotificationEntry, NotificationListProps }\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype OnboardingStep = {\n  action?: ReactNode\n  completed: boolean\n  label: string\n}\n\ntype OnboardingCardProps = React.HTMLAttributes<HTMLDivElement> & {\n  steps: OnboardingStep[]\n  title?: string\n}\n\nexport const OnboardingCard = forwardRef<HTMLDivElement, OnboardingCardProps>(\n  function OnboardingCard({ className, steps, title = 'Getting Started', ...props }, ref) {\n    const done = steps.filter((s) => s.completed).length\n    const pct = steps.length > 0 ? Math.round((done / steps.length) * 100) : 0\n\n    return (\n      <div\n        className={cx('gds-ctx rounded-lg border border-border bg-surface gds-pad', className)}\n        data-component=\"onboarding-card\"\n        ref={ref}\n        {...props}\n      >\n        <div className=\"mb-3 flex items-center justify-between\">\n          <h3 className=\"gds-heading font-semibold text-fg\">{title}</h3>\n          <span className=\"gds-text-label text-fg-muted\">{done}/{steps.length}</span>\n        </div>\n        <div className=\"mb-4 h-1.5 w-full overflow-hidden rounded-full bg-border\">\n          <div\n            className=\"h-full rounded-full bg-accent transition-all\"\n            style={{ width: `${pct}%` }}\n          />\n        </div>\n        <ul className=\"flex flex-col gds-gap\">\n          {steps.map((step, i) => (\n            <li className=\"flex items-center justify-between gds-gap\" key={i}>\n              <div className=\"flex items-center gds-gap-sm\">\n                <span className={cx(\n                  'flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-xs',\n                  step.completed ? 'bg-success text-white' : 'border border-border text-fg-muted',\n                )}>\n                  {step.completed ? '\\u2713' : i + 1}\n                </span>\n                <span className={cx('text-sm', step.completed ? 'text-fg-muted line-through' : 'text-fg')}>\n                  {step.label}\n                </span>\n              </div>\n              {step.action !== undefined && !step.completed && step.action}\n            </li>\n          ))}\n        </ul>\n      </div>\n    )\n  },\n)\n\nexport type { OnboardingCardProps, OnboardingStep }\n","// page-header — standard page header with title, breadcrumb, and actions\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype PageHeaderBreadcrumbItem = {\n  href?: string\n  label: string\n}\n\ntype PageHeaderProps = {\n  actions?: ReactNode\n  breadcrumb?: PageHeaderBreadcrumbItem[]\n  className?: string\n  subtitle?: string\n  title: string\n}\n\nconst separator = (\n  <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\">\n    <path d=\"M4.5 3l3 3-3 3\" />\n  </svg>\n)\n\nexport const PageHeader = forwardRef<HTMLDivElement, PageHeaderProps>(\n  function PageHeader({ actions, breadcrumb, className, subtitle, title }, ref) {\n    return (\n      <div ref={ref} className={cx('flex flex-col gds-gap-sm', className)} data-component=\"page-header\">\n        {breadcrumb !== undefined && breadcrumb.length > 0 && (\n          <nav aria-label=\"Breadcrumb\">\n            <ol className=\"flex items-center gds-gap-sm text-[11px] text-fg-muted\">\n              {breadcrumb.map((item, i) => (\n                <li key={i} className=\"flex items-center gds-gap-sm\">\n                  {i > 0 && <span className=\"text-fg-muted/50\" aria-hidden=\"true\">{separator}</span>}\n                  {item.href !== undefined ? (\n                    <a href={item.href} className=\"transition-colors hover:text-fg\">{item.label}</a>\n                  ) : (\n                    <span>{item.label}</span>\n                  )}\n                </li>\n              ))}\n            </ol>\n          </nav>\n        )}\n        <div className=\"flex items-center justify-between gds-gap\">\n          <div className=\"min-w-0\">\n            <h1 className=\"gds-heading font-semibold text-fg\">{title}</h1>\n            {subtitle !== undefined && (\n              <p className=\"mt-0.5 gds-text-body text-fg-muted\">{subtitle}</p>\n            )}\n          </div>\n          {actions !== undefined && (\n            <div className=\"flex shrink-0 items-center gds-gap-sm\">{actions}</div>\n          )}\n        </div>\n      </div>\n    )\n  },\n)\n\nexport type { PageHeaderBreadcrumbItem, PageHeaderProps }\n","// panel-group + panel — layout primitives for multi-pane content areas\n// PaneGroup is a flex container, Pane is a flex child\n// fixed-width panels on desktop, full-width stacked on mobile\n\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { useIsMobile } from '../utils/hooks'\n\n// ---- Pane ----\n\nexport type PaneProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: ReactNode\n  /** fixed width in px (desktop only), omit for flex-1 */\n  width?: number\n  /** minimum width in px */\n  minWidth?: number\n  /** maximum width in px */\n  maxWidth?: number\n  /** center content horizontally */\n  center?: boolean\n  /** enable vertical scroll, default true */\n  scrollable?: boolean\n  className?: string\n}\n\nexport const Pane = forwardRef<HTMLDivElement, PaneProps>(\n  function Pane({\n    children,\n    width,\n    minWidth,\n    maxWidth,\n    center,\n    scrollable = true,\n    className,\n    ...props\n  }, ref) {\n    const isMobile = useIsMobile()\n\n    const style: React.CSSProperties = {}\n    if (width !== undefined && !isMobile) {\n      style.width = width\n      style.flexShrink = 0\n    }\n    if (minWidth !== undefined && !isMobile) style.minWidth = minWidth\n    if (maxWidth !== undefined && !isMobile) style.maxWidth = maxWidth\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(\n          width === undefined && 'flex-1',\n          isMobile && 'w-full',\n          scrollable && 'min-h-0 overflow-y-auto',\n          center === true && 'flex justify-center',\n          className,\n        )}\n        data-component=\"panel\"\n        style={Object.keys(style).length > 0 ? style : undefined}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n\n// ---- PaneGroup ----\n\nexport type PaneGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: ReactNode\n  /** layout direction, default 'horizontal' */\n  direction?: 'horizontal' | 'vertical'\n  className?: string\n}\n\nexport const PaneGroup = forwardRef<HTMLDivElement, PaneGroupProps>(\n  function PaneGroup({ children, direction = 'horizontal', className, ...props }, ref) {\n    const isMobile = useIsMobile()\n\n    // on mobile, horizontal groups stack vertically\n    const isVertical = direction === 'vertical' || isMobile\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(\n          'flex min-h-0 flex-1',\n          isVertical ? 'flex-col' : 'flex-row',\n          className,\n        )}\n        data-component=\"panel-group\"\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype PayrollDashboardProps = React.HTMLAttributes<HTMLDivElement> & {\n  chart?: ReactNode\n  metrics?: ReactNode\n  transactions?: ReactNode\n}\n\nexport const PayrollDashboard = forwardRef<HTMLDivElement, PayrollDashboardProps>(\n  function PayrollDashboard({ chart, className, metrics, transactions, ...props }, ref) {\n    return (\n      <div\n        className={cx('gds-ctx flex flex-col gds-gap', className)}\n        data-component=\"payroll-dashboard\"\n        ref={ref}\n        {...props}\n      >\n        {metrics !== undefined && <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">{metrics}</div>}\n        <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n          {chart !== undefined && (\n            <div className=\"gds-radius-card border border-border bg-surface gds-pad\">{chart}</div>\n          )}\n          {transactions !== undefined && (\n            <div className=\"gds-radius-card border border-border bg-surface gds-pad\">{transactions}</div>\n          )}\n        </div>\n      </div>\n    )\n  },\n)\n\nexport type { PayrollDashboardProps }\n","// pricing-card — pricing tier card with name, price, features list, and CTA\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\nexport type PricingCardProps = {\n  name: string\n  price: string\n  period?: string\n  features: string[]\n  action?: ReactNode\n  highlighted?: boolean\n  glass?: boolean\n  className?: string\n}\n\nexport const PricingCard = forwardRef<HTMLDivElement, PricingCardProps>(\n  function PricingCard(\n    { name, price, period = '/month', features, action, highlighted, glass, className },\n    ref,\n  ) {\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'gds-ctx gds-radius-card border gds-pad-x-lg gds-pad-y-lg flex flex-col',\n          highlighted === true && 'border-accent ring-1 ring-accent',\n          highlighted !== true && (\n            glass === true\n              ? cx(glassClass(glass), 'border-white/10 bg-bg/60')\n              : 'border-border bg-surface'\n          ),\n          glass === true && highlighted === true && cx(glassClass(glass), 'bg-bg/60'),\n          className,\n        )}\n        data-component=\"pricing-card\"\n        data-highlighted={highlighted === true ? 'true' : undefined}\n      >\n        <p className=\"font-semibold text-fg\">{name}</p>\n        <div className=\"mt-2 flex items-baseline gap-1\">\n          <span className=\"text-3xl font-bold text-fg\">{price}</span>\n          <span className=\"gds-text-body text-fg-muted\">{period}</span>\n        </div>\n        {features.length > 0 && (\n          <ul className=\"mt-4 flex flex-col gap-2\">\n            {features.map((feature) => (\n              <li key={feature} className=\"flex items-center gap-2 gds-text-body text-fg-muted\">\n                <svg className=\"h-4 w-4 shrink-0 text-success\" viewBox=\"0 0 16 16\" fill=\"none\">\n                  <path d=\"M3 8l3 3 7-7\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                </svg>\n                {feature}\n              </li>\n            ))}\n          </ul>\n        )}\n        {action !== undefined && (\n          <div className=\"mt-auto pt-4\">{action}</div>\n        )}\n      </div>\n    )\n  },\n)\n","// profile-card — user profile card with avatar, name, role, stats, actions\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { Avatar } from '../l3-atoms/avatar'\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype ProfileStat = {\n  label: string\n  value: string\n}\n\nexport type ProfileCardProps = {\n  actions?: ReactNode\n  avatar?: string\n  className?: string\n  glass?: boolean\n  name: string\n  role?: string\n  stats?: ProfileStat[]\n}\n\nexport const ProfileCard = forwardRef<HTMLDivElement, ProfileCardProps>(\n  function ProfileCard({ actions, avatar, className, glass, name, role, stats }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'gds-ctx flex flex-col items-center gds-pad gds-radius-card border',\n          glass === true\n            ? cx(glassClass(glass), 'border-white/10 bg-bg/60')\n            : 'border-border bg-surface',\n          className,\n        )}\n        data-component=\"profile-card\"\n      >\n        <Avatar name={name} src={avatar} size=\"lg\" />\n        <p className=\"mt-3 text-sm font-semibold text-fg\">{name}</p>\n        {role !== undefined && (\n          <p className=\"mt-0.5 text-xs text-fg-muted\">{role}</p>\n        )}\n        {stats !== undefined && stats.length > 0 && (\n          <div className=\"mt-3 flex w-full justify-center gds-gap\">\n            {stats.map((stat) => (\n              <div key={stat.label} className=\"flex flex-col items-center\">\n                <span className=\"text-sm font-bold text-fg\">{stat.value}</span>\n                <span className=\"text-[10px] text-fg-muted\">{stat.label}</span>\n              </div>\n            ))}\n          </div>\n        )}\n        {actions !== undefined && (\n          <div className=\"mt-3 flex w-full justify-center gds-gap\">{actions}</div>\n        )}\n      </div>\n    )\n  },\n)\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype ProjectDashboardProps = {\n  activity?: ReactNode\n  className?: string\n  progress?: ReactNode\n  tasks?: ReactNode\n  team?: ReactNode\n}\n\nconst ProjectDashboard = forwardRef<HTMLDivElement, ProjectDashboardProps>(\n  function ProjectDashboard({ activity, className, progress, tasks, team }, ref) {\n    return (\n      <div className={cx('grid grid-cols-2 gds-gap', className)} data-component=\"project-dashboard\" ref={ref}>\n        {progress !== undefined && <section data-slot=\"progress\">{progress}</section>}\n        {team !== undefined && <section data-slot=\"team\">{team}</section>}\n        {activity !== undefined && <section data-slot=\"activity\">{activity}</section>}\n        {tasks !== undefined && <section data-slot=\"tasks\">{tasks}</section>}\n      </div>\n    )\n  },\n)\n\nexport { ProjectDashboard }\nexport type { ProjectDashboardProps }\n","// responsive-container — renders different children based on viewport width\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type ResponsiveContainerProps = {\n  mobile: ReactNode\n  tablet?: ReactNode\n  desktop: ReactNode\n  className?: string\n}\n\nexport const ResponsiveContainer = forwardRef<HTMLDivElement, ResponsiveContainerProps>(\n  function ResponsiveContainer({ mobile, tablet, desktop, className }, ref) {\n    const tabletContent = tablet ?? mobile\n\n    return (\n      <div ref={ref} className={cx(className)} data-component=\"responsive-container\">\n        <div className=\"block sm:hidden\">{mobile}</div>\n        <div className=\"hidden sm:block lg:hidden\">{tabletContent}</div>\n        <div className=\"hidden lg:block\">{desktop}</div>\n      </div>\n    )\n  },\n)\n","import { forwardRef } from 'react'\n\nimport { Progress } from '../l2-primitives/progress'\nimport { cx } from '../utils/cx'\n\ntype ServerInfo = {\n  location: string\n  metrics?: { cpu: number; disk: number; mem: number }\n  name: string\n  status: 'offline' | 'online'\n}\n\ntype ServerOverviewProps = React.HTMLAttributes<HTMLDivElement> & { servers: ServerInfo[] }\n\nfunction bv(v: number): 'danger' | 'success' | 'warning' {\n  if (v >= 90) return 'danger'\n  if (v >= 70) return 'warning'\n  return 'success'\n}\n\nconst rowCls = 'flex items-center gap-2'\nconst labelCls = 'w-8 text-[10px] text-fg-muted'\nconst valueCls = 'w-8 text-right text-[10px] font-mono text-fg-muted'\n\nfunction MetricRow({ label, value }: { label: string; value: number }) {\n  return (\n    <div className={rowCls}>\n      <span className={labelCls}>{label}</span>\n      <Progress value={value} variant={bv(value)} size=\"sm\" />\n      <span className={valueCls}>{value}%</span>\n    </div>\n  )\n}\n\nexport const ServerOverview = forwardRef<HTMLDivElement, ServerOverviewProps>(\n  function ServerOverview({ className, servers, ...props }, ref) {\n    return (\n      <div className={cx('grid gap-3 sm:grid-cols-2 lg:grid-cols-3', className)} data-component=\"server-overview\" ref={ref} {...props}>\n        {servers.map((s) => (\n          <div key={s.name} className=\"rounded-lg border border-border bg-surface p-3 gds-ctx\">\n            <div className=\"flex items-center justify-between mb-2\">\n              <span className=\"gds-text-label font-medium text-fg\">{s.name}</span>\n              <span className=\"inline-flex items-center gap-1.5\">\n                <span className={cx('h-2 w-2 rounded-full', s.status === 'online' ? 'bg-success' : 'bg-danger')} />\n                <span className=\"text-xs text-fg-muted\">{s.status}</span>\n              </span>\n            </div>\n            <div className=\"text-xs text-fg-muted mb-2\">{s.location}</div>\n            {s.metrics !== undefined && (\n              <div className=\"flex flex-col gap-1.5\">\n                <MetricRow label=\"CPU\" value={s.metrics.cpu} />\n                <MetricRow label=\"MEM\" value={s.metrics.mem} />\n                <MetricRow label=\"DISK\" value={s.metrics.disk} />\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n    )\n  },\n)\n\nexport type { ServerInfo, ServerOverviewProps }\n","// settings-layout — sidebar nav + content area for settings pages\nimport type { KeyboardEvent, ReactNode } from 'react'\nimport { useCallback, useRef, useState } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype SettingsSection = {\n  content: ReactNode\n  id: string\n  label: string\n}\n\ntype SettingsLayoutProps = {\n  activeSection?: string\n  animated?: boolean\n  className?: string\n  defaultSection?: string\n  navWidth?: number\n  onSectionChange?: (sectionId: string) => void\n  sections: SettingsSection[]\n  stickyNav?: boolean\n}\n\nexport function SettingsLayout({\n  activeSection: controlledActiveId,\n  animated = true,\n  className,\n  defaultSection,\n  navWidth = 192,\n  onSectionChange,\n  sections,\n  stickyNav = true,\n}: SettingsLayoutProps) {\n  const isControlled = controlledActiveId !== undefined && onSectionChange !== undefined\n  const [internalId, setInternalId] = useState(defaultSection ?? sections[0]?.id ?? '')\n  const activeId = isControlled ? controlledActiveId : internalId\n  const currentSection = sections.find((s) => s.id === activeId)\n  const navItemsRef = useRef<Map<string, HTMLButtonElement>>(new Map())\n  const animationKey = useRef(0)\n\n  const handleSelect = useCallback(\n    (sectionId: string) => {\n      if (isControlled) {\n        onSectionChange(sectionId)\n      } else {\n        setInternalId(sectionId)\n      }\n      if (onSectionChange !== undefined && !isControlled) {\n        onSectionChange(sectionId)\n      }\n      animationKey.current += 1\n    },\n    [isControlled, onSectionChange],\n  )\n\n  const handleNavKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLUListElement>) => {\n      if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') {\n        return\n      }\n      e.preventDefault()\n      const currentIndex = sections.findIndex((s) => s.id === activeId)\n      if (currentIndex < 0) {\n        return\n      }\n      let nextIndex = currentIndex\n      if (e.key === 'ArrowDown') {\n        nextIndex = currentIndex < sections.length - 1 ? currentIndex + 1 : 0\n      }\n      if (e.key === 'ArrowUp') {\n        nextIndex = currentIndex > 0 ? currentIndex - 1 : sections.length - 1\n      }\n      const nextSection = sections[nextIndex]\n      if (nextSection === undefined) {\n        return\n      }\n      handleSelect(nextSection.id)\n      const btn = navItemsRef.current.get(nextSection.id)\n      if (btn !== undefined) {\n        btn.focus()\n      }\n    },\n    [activeId, handleSelect, sections],\n  )\n\n  const setNavItemRef = useCallback((id: string, el: HTMLButtonElement | null) => {\n    if (el !== null) {\n      navItemsRef.current.set(id, el)\n    } else {\n      navItemsRef.current.delete(id)\n    }\n  }, [])\n\n  return (\n    <div\n      className={cx('flex gap-6', className)}\n      data-component=\"settings-layout\"\n    >\n      <nav\n        className=\"shrink-0\"\n        style={{\n          width: navWidth,\n          ...(stickyNav ? { position: 'sticky' as const, top: 0, alignSelf: 'flex-start' } : {}),\n        }}\n      >\n        <ul\n          className=\"flex flex-col gap-0.5\"\n          role=\"list\"\n          onKeyDown={handleNavKeyDown}\n        >\n          {sections.map((section) => (\n            <li key={section.id}>\n              <button\n                ref={(el) => setNavItemRef(section.id, el)}\n                type=\"button\"\n                className={cx(\n                  'w-full rounded-md px-3 py-2 text-left gds-text-body transition-colors',\n                  section.id === activeId\n                    ? 'bg-accent/10 font-medium text-accent'\n                    : 'text-fg-muted hover:bg-bg-tertiary hover:text-fg',\n                )}\n                onClick={() => handleSelect(section.id)}\n              >\n                {section.label}\n              </button>\n            </li>\n          ))}\n        </ul>\n      </nav>\n      <div\n        key={animated ? `${activeId}-${animationKey.current}` : undefined}\n        className={cx('min-w-0 flex-1', animated && 'animate-fade-in')}\n      >\n        {currentSection !== undefined ? currentSection.content : null}\n      </div>\n    </div>\n  )\n}\n\nexport type { SettingsLayoutProps, SettingsSection }\n","// sidebar — collapsible navigation panel with item support\nimport type { ReactNode } from 'react'\nimport { createContext, forwardRef, useContext, useState } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\n// context for sidebar collapsed state — children can react to it\ntype SidebarContextValue = { collapsed: boolean }\nconst SidebarContext = createContext<SidebarContextValue>({ collapsed: false })\n\nexport type SidebarItemProps = {\n  icon: ReactNode\n  label: string\n  badge?: number | string\n  active?: boolean\n  onClick?: () => void\n  href?: string\n  className?: string\n}\n\n// sidebar item — shows icon + label when expanded, icon + tooltip when collapsed\nexport function SidebarItem({ icon, label, badge, active, onClick, href, className }: SidebarItemProps) {\n  const { collapsed } = useContext(SidebarContext)\n  const [showTooltip, setShowTooltip] = useState(false)\n\n  const content = (\n    <>\n      <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>\n      {!collapsed && <span className=\"flex-1 truncate gds-text-body\">{label}</span>}\n      {!collapsed && badge !== undefined && (\n        <span className=\"shrink-0 rounded-full bg-accent/15 px-1.5 py-px gds-text-caption font-medium text-accent\">\n          {badge}\n        </span>\n      )}\n      {collapsed && badge !== undefined && (\n        <span className=\"absolute -top-0.5 -right-0.5 h-2 w-2 rounded-full bg-danger\" />\n      )}\n    </>\n  )\n\n  const baseCls = cx(\n    'relative flex items-center gap-2.5 rounded-md px-2.5 py-2 text-left transition-colors select-none',\n    active === true\n      ? 'bg-accent/15 text-accent font-medium'\n      : 'text-fg-muted hover:bg-white/[0.04] hover:text-fg',\n    collapsed && 'justify-center px-0',\n    className,\n  )\n\n  const tooltipEl = collapsed && showTooltip\n    ? (\n      <div className=\"absolute left-full top-1/2 -translate-y-1/2 ml-2 z-50 whitespace-nowrap rounded-md bg-bg-secondary border border-border px-2.5 py-1 gds-text-label text-fg shadow-lg pointer-events-none\">\n        {label}\n        {badge !== undefined && <span className=\"ml-1.5 text-accent font-medium\">{badge}</span>}\n      </div>\n    )\n    : null\n\n  const hoverHandlers = collapsed\n    ? { onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false) }\n    : {}\n\n  if (href !== undefined) {\n    return (\n      <div className=\"relative\" {...hoverHandlers}>\n        <a href={href} className={baseCls} data-component=\"sidebar-item\" data-state={active === true ? 'active' : undefined}>\n          {content}\n        </a>\n        {tooltipEl}\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"relative\" {...hoverHandlers}>\n      <button type=\"button\" onClick={onClick} className={cx(baseCls, 'w-full')} data-component=\"sidebar-item\" data-state={active === true ? 'active' : undefined}>\n        {content}\n      </button>\n      {tooltipEl}\n    </div>\n  )\n}\n\nexport type SidebarProps = {\n  children: ReactNode\n  collapsed?: boolean\n  onCollapse?: (collapsed: boolean) => void\n  width?: number\n  collapsedWidth?: number\n  position?: 'left' | 'right'\n  glass?: boolean\n  className?: string\n  /** v2: structured nav items (alternative to children) */\n  items?: SidebarItemProps[]\n  /** v2: show tooltip on hover when collapsed, default true */\n  showTooltipOnCollapse?: boolean\n}\n\nexport const Sidebar = forwardRef<HTMLDivElement, SidebarProps>(\n  function Sidebar(\n    {\n      children,\n      collapsed = false,\n      onCollapse,\n      width = 240,\n      collapsedWidth = 56,\n      position = 'left',\n      glass,\n      className,\n      items,\n    },\n    ref,\n  ) {\n    const currentWidth = collapsed ? collapsedWidth : width\n\n    return (\n      <SidebarContext value={{ collapsed }}>\n        <div\n          ref={ref}\n          className={cx(\n            'flex flex-col overflow-hidden transition-[width] duration-200',\n            position === 'left' ? 'border-r' : 'border-l',\n            glass === true\n              ? cx(glassClass(glass), 'border-white/10 bg-bg/60')\n              : 'border-border bg-surface',\n            className,\n          )}\n          data-collapsed={collapsed}\n          data-component=\"sidebar\"\n          style={{ width: currentWidth }}\n        >\n          <div className=\"flex-1 overflow-y-auto overflow-x-hidden\">\n            {items !== undefined && (\n              <nav className=\"flex flex-col gap-0.5 p-2\">\n                {items.map(item => (\n                  <SidebarItem key={item.label} {...item} />\n                ))}\n              </nav>\n            )}\n            {children}\n          </div>\n          {onCollapse !== undefined && (\n            <button\n              className=\"flex h-10 items-center justify-center border-t border-border/50 text-fg-muted hover:text-fg transition-colors\"\n              type=\"button\"\n              onClick={() => onCollapse(!collapsed)}\n              aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n            >\n              <svg\n                className={cx('transition-transform duration-200', collapsed && 'rotate-180', position === 'right' && 'rotate-180', collapsed && position === 'right' && 'rotate-0')}\n                fill=\"none\"\n                height=\"14\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                viewBox=\"0 0 24 24\"\n                width=\"14\"\n              >\n                <polyline points=\"15 18 9 12 15 6\" />\n              </svg>\n            </button>\n          )}\n        </div>\n      </SidebarContext>\n    )\n  },\n)\n","// skeleton-pattern — pre-composed skeleton loading patterns\nimport { forwardRef } from 'react'\n\nimport { Skeleton } from '../l2-primitives/skeleton'\nimport { cx } from '../utils/cx'\n\ntype SkeletonPatternVariant = 'card' | 'list' | 'profile' | 'table'\n\nexport type SkeletonPatternProps = {\n  variant: SkeletonPatternVariant\n  count?: number\n  glass?: boolean\n  className?: string\n}\n\nfunction CardSkeleton() {\n  return (\n    <div className=\"flex flex-col gds-gap gds-ctx gds-pad gds-radius-card\">\n      <Skeleton variant=\"rect\" height={120} />\n      <Skeleton variant=\"text\" width=\"60%\" />\n      <Skeleton variant=\"text\" lines={2} />\n    </div>\n  )\n}\n\nfunction ListRow() {\n  return (\n    <div className=\"flex items-center gap-3\">\n      <Skeleton variant=\"circle\" />\n      <div className=\"flex flex-1 flex-col gap-2\">\n        <Skeleton variant=\"text\" width=\"40%\" />\n        <Skeleton variant=\"text\" width=\"80%\" />\n      </div>\n    </div>\n  )\n}\n\nfunction ProfileSkeleton() {\n  return (\n    <div className=\"flex flex-col items-center gds-gap gds-ctx gds-pad\">\n      <Skeleton variant=\"circle\" width={64} height={64} />\n      <Skeleton variant=\"text\" width=\"30%\" />\n      <Skeleton variant=\"text\" lines={3} />\n    </div>\n  )\n}\n\nfunction TableSkeleton({ rows }: { rows: number }) {\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"flex gap-4\">\n        <Skeleton variant=\"text\" width=\"25%\" />\n        <Skeleton variant=\"text\" width=\"25%\" />\n        <Skeleton variant=\"text\" width=\"25%\" />\n        <Skeleton variant=\"text\" width=\"25%\" />\n      </div>\n      {Array.from({ length: rows }, (_, i) => (\n        <div key={i} className=\"flex gap-4\">\n          <Skeleton variant=\"text\" width=\"25%\" />\n          <Skeleton variant=\"text\" width=\"25%\" />\n          <Skeleton variant=\"text\" width=\"25%\" />\n          <Skeleton variant=\"text\" width=\"25%\" />\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport const SkeletonPattern = forwardRef<HTMLDivElement, SkeletonPatternProps>(\n  function SkeletonPattern({ variant, count = 1, glass, className }, ref) {\n    const glassClass = glass ? 'backdrop-blur-md bg-white/5' : undefined\n\n    if (variant === 'card') {\n      return (\n        <div ref={ref} className={cx('gds-ctx gds-radius-card', glassClass, className)} data-component=\"skeleton-pattern\" data-variant=\"card\">\n          <CardSkeleton />\n        </div>\n      )\n    }\n\n    if (variant === 'list') {\n      return (\n        <div ref={ref} className={cx('flex flex-col gds-gap gds-ctx gds-pad', glassClass, className)} data-component=\"skeleton-pattern\" data-variant=\"list\">\n          {Array.from({ length: count }, (_, i) => (\n            <ListRow key={i} />\n          ))}\n        </div>\n      )\n    }\n\n    if (variant === 'profile') {\n      return (\n        <div ref={ref} className={cx(glassClass, className)} data-component=\"skeleton-pattern\" data-variant=\"profile\">\n          <ProfileSkeleton />\n        </div>\n      )\n    }\n\n    return (\n      <div ref={ref} className={cx('gds-ctx gds-pad', glassClass, className)} data-component=\"skeleton-pattern\" data-variant=\"table\">\n        <TableSkeleton rows={count} />\n      </div>\n    )\n  },\n)\n\nexport type { SkeletonPatternVariant }\n","// splash-screen — full-screen loading splash during app initialization\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type SplashScreenProps = React.HTMLAttributes<HTMLDivElement> & {\n  logo?: ReactNode\n  message?: string\n  title?: string\n  visible: boolean\n}\n\n// inline spinner to avoid circular dependency with L2\nfunction SplashSpinner() {\n  return (\n    <svg className=\"h-5 w-5 animate-spin text-accent\" fill=\"none\" viewBox=\"0 0 24 24\">\n      <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n      <path className=\"opacity-75\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\" fill=\"currentColor\" />\n    </svg>\n  )\n}\n\nexport const SplashScreen = forwardRef<HTMLDivElement, SplashScreenProps>(\n  function SplashScreen(\n    { className, logo, message, title, visible, ...props },\n    ref,\n  ) {\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'fixed inset-0 z-[9999] flex flex-col items-center justify-center bg-bg transition-opacity duration-300',\n          visible === true ? 'opacity-100' : 'pointer-events-none opacity-0',\n          className,\n        )}\n        data-component=\"splash-screen\"\n        data-visible={visible}\n        {...props}\n      >\n        {logo !== undefined && <div className=\"mb-6\">{logo}</div>}\n        {title !== undefined && <h1 className=\"mb-2 text-lg font-semibold text-fg\">{title}</h1>}\n        {message !== undefined && <p className=\"mb-8 text-sm text-fg-muted\">{message}</p>}\n        <SplashSpinner />\n      </div>\n    )\n  },\n)\n","import type { ReactNode } from 'react'\nimport { forwardRef, useCallback, useRef, useState } from 'react'\n\nimport { ResizeHandle } from '../l3-atoms/resize-handle'\nimport { cx } from '../utils/cx'\n\ntype SplitViewProps = React.HTMLAttributes<HTMLDivElement> & {\n  defaultSplit?: number\n  left: ReactNode\n  minLeft?: number\n  minRight?: number\n  right: ReactNode\n}\n\nexport const SplitView = forwardRef<HTMLDivElement, SplitViewProps>(\n  function SplitView({ className, defaultSplit = 50, left, minLeft = 20, minRight = 20, right, ...props }, ref) {\n    const [split, setSplit] = useState(defaultSplit)\n    const containerRef = useRef<HTMLDivElement>(null)\n\n    const handleResize = useCallback(\n      (delta: number) => {\n        const container = containerRef.current\n        if (container === null) return\n        const width = container.offsetWidth\n        if (width === 0) return\n        const pctDelta = (delta / width) * 100\n        setSplit((prev) => {\n          const next = prev + pctDelta\n          if (next < minLeft) return minLeft\n          if (next > 100 - minRight) return 100 - minRight\n          return next\n        })\n      },\n      [minLeft, minRight],\n    )\n\n    return (\n      <div\n        className={cx('flex h-full w-full', className)}\n        data-component=\"split-view\"\n        ref={(el) => {\n          (containerRef as React.MutableRefObject<HTMLDivElement | null>).current = el\n          if (typeof ref === 'function') ref(el)\n          else if (ref !== null && ref !== undefined) (ref as React.MutableRefObject<HTMLDivElement | null>).current = el\n        }}\n        {...props}\n      >\n        <div className=\"overflow-auto\" style={{ width: `${split}%` }}>{left}</div>\n        <ResizeHandle orientation=\"vertical\" onResize={handleResize} />\n        <div className=\"overflow-auto\" style={{ width: `${100 - split}%` }}>{right}</div>\n      </div>\n    )\n  },\n)\n\nexport type { SplitViewProps }\n","// stat — KPI card with animated counter, trend, sparkline, and motion\nimport type { ReactNode } from 'react'\nimport { forwardRef, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype StatProps = {\n  animated?: boolean\n  change?: string\n  changeType?: 'down' | 'neutral' | 'up'\n  className?: string\n  description?: string\n  footer?: ReactNode\n  glass?: boolean\n  icon?: ReactNode\n  label: string\n  motion?: 'counter' | 'fade' | 'slide-up'\n  pulse?: boolean\n  size?: 'default' | 'lg' | 'sm'\n  sparkData?: number[]\n  trend?: number\n  unit?: string\n  value: number | string\n}\n\nconst valueSizes = { default: 'text-2xl', lg: 'text-3xl', sm: 'text-lg' }\n\nconst changeColors = { down: 'text-danger', neutral: 'text-fg-muted', up: 'text-success' }\n\n// inline arrow SVGs\nfunction ArrowUpIcon() { return <svg className=\"h-3 w-3\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M12 19V5M5 12l7-7 7 7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" /></svg> }\nfunction ArrowDownIcon() { return <svg className=\"h-3 w-3\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M19 12l-7 7-7-7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" /></svg> }\nfunction MinusIcon() { return <svg className=\"h-3 w-3\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14\" strokeLinecap=\"round\" /></svg> }\n\nconst changeIcons = { down: ArrowDownIcon, neutral: MinusIcon, up: ArrowUpIcon }\n\nfunction sparklinePath(data: number[], w: number, h: number): string {\n  if (data.length < 2) return ''\n  const min = Math.min(...data)\n  const max = Math.max(...data)\n  const range = max - min || 1\n  const step = w / (data.length - 1)\n  return data.map((v, i) => `${i === 0 ? 'M' : 'L'}${(i * step).toFixed(1)},${(h - ((v - min) / range) * h).toFixed(1)}`).join(' ')\n}\n\nfunction useAnimatedValue(target: number, enabled: boolean, duration: number = 500): number {\n  const [display, setDisplay] = useState(target)\n  const prevRef = useRef(target)\n  const rafRef = useRef<number>(0)\n\n  useEffect(() => {\n    if (!enabled) { setDisplay(target); return }\n    const from = prevRef.current\n    prevRef.current = target\n    if (from === target) return\n    const startTime = performance.now()\n    const diff = target - from\n    const animate = (now: number) => {\n      const progress = Math.min(1, (now - startTime) / duration)\n      const eased = 1 - Math.pow(1 - progress, 3)\n      setDisplay(from + diff * eased)\n      if (progress < 1) { rafRef.current = requestAnimationFrame(animate) } else { setDisplay(target) }\n    }\n    rafRef.current = requestAnimationFrame(animate)\n    return () => cancelAnimationFrame(rafRef.current)\n  }, [target, enabled, duration])\n\n  return display\n}\n\nexport const Stat = forwardRef<HTMLDivElement, StatProps>(\n  function Stat({ animated = false, change, changeType = 'neutral', className, description, footer, glass = false, icon, label, motion: motionProp, pulse = false, size = 'default', sparkData, trend, unit, value }, ref) {\n    const ChangeIcon = changeIcons[changeType]\n    const trendDir = trend !== undefined ? (trend > 0 ? 'up' : trend < 0 ? 'down' : 'neutral') : null\n    const trendColor = trendDir !== null ? changeColors[trendDir] : null\n    const sparkColor = trendDir === 'up' ? 'var(--gds-success)' : trendDir === 'down' ? 'var(--gds-danger)' : 'var(--gds-fg-muted)'\n\n    const path = useMemo(() => sparkData !== undefined && sparkData.length >= 2 ? sparklinePath(sparkData, 80, 24) : null, [sparkData])\n\n    const numericValue = typeof value === 'number' ? value : null\n    const animatedValue = useAnimatedValue(numericValue ?? 0, animated && numericValue !== null)\n    const displayValue = animated && numericValue !== null ? (Number.isInteger(animatedValue) ? animatedValue.toLocaleString() : animatedValue.toLocaleString(undefined, { maximumFractionDigits: 2 })) : value\n\n    const motionCls = motionProp === 'fade' ? 'animate-fade-in' : motionProp === 'slide-up' ? 'animate-slide-up' : ''\n\n    return (\n      <div\n        className={cx('select-none', glass ? 'rounded-lg border border-white/10 bg-white/5 p-4 shadow-lg backdrop-blur-xl' : 'space-y-1', pulse && 'animate-pulse', motionCls, className)}\n        data-component=\"stat\"\n        ref={ref}\n      >\n        <div className=\"flex items-start justify-between\">\n          <div className=\"text-xs text-fg-muted\">{label}</div>\n          {icon !== undefined && <span className=\"h-4 w-4 text-fg-muted/30\">{icon}</span>}\n        </div>\n\n        <div className=\"flex items-end gap-3\">\n          <div className={cx('font-bold text-fg tabular-nums', valueSizes[size])}>\n            {displayValue}\n            {unit !== undefined && <span className=\"ml-1 text-xs font-normal text-fg-muted\">{unit}</span>}\n          </div>\n          {trend !== undefined && trendDir !== null && (\n            <div className={cx('mb-0.5 flex items-center gap-0.5 text-xs font-medium', trendColor)}>\n              {trendDir === 'up' && <ArrowUpIcon />}\n              {trendDir === 'down' && <ArrowDownIcon />}\n              {trendDir === 'neutral' && <MinusIcon />}\n              <span>{trendDir === 'neutral' ? '0%' : `${trend > 0 ? '+' : ''}${trend}%`}</span>\n            </div>\n          )}\n        </div>\n\n        {change !== undefined && trend === undefined && (\n          <div className={cx('inline-flex items-center gap-0.5 text-xs font-medium', changeColors[changeType])}>\n            <ChangeIcon />\n            {change}\n          </div>\n        )}\n\n        {path !== null && (\n          <svg className=\"mt-1\" height={24} viewBox=\"0 0 80 24\" width={80}>\n            <path d={path} fill=\"none\" stroke={sparkColor} strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} />\n          </svg>\n        )}\n\n        {description !== undefined && <div className=\"text-[11px] text-fg-muted\">{description}</div>}\n        {footer !== undefined && <div className=\"mt-3 border-t border-border/20 pt-2 text-[10px] text-fg-muted/50\">{footer}</div>}\n      </div>\n    )\n  },\n)\n\nexport type { StatProps }\n","// stat-grid — responsive grid layout for metric cards and stat widgets\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nconst colsMap = {\n  2: 'grid-cols-2',\n  3: 'grid-cols-3',\n  4: 'grid-cols-4',\n} as const\n\nexport type StatGridProps = {\n  children: ReactNode\n  columns?: 2 | 3 | 4\n  className?: string\n}\n\nexport const StatGrid = forwardRef<HTMLDivElement, StatGridProps>(\n  function StatGrid({ children, columns = 3, className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx('grid gds-gap-lg', colsMap[columns], className)}\n        data-component=\"stat-grid\"\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","// stats-card — rich KPI card with icon, value, trend, and sparkline\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\nexport type StatsCardProps = {\n  icon?: ReactNode\n  label: string\n  value: string | number\n  trend?: number\n  sparkData?: number[]\n  glass?: boolean\n  className?: string\n}\n\nfunction MiniSparkline({ data }: { data: number[] }) {\n  const h = 24\n  const w = 64\n  if (data.length < 2) return null\n  const max = Math.max(...data)\n  const min = Math.min(...data)\n  const range = max - min\n  const points = data\n    .map((v, i) => {\n      const x = (i / (data.length - 1)) * w\n      const y = range > 0 ? h - ((v - min) / range) * h : h / 2\n      return `${x},${y}`\n    })\n    .join(' ')\n\n  return (\n    <svg className=\"mt-2\" height={h} viewBox={`0 0 ${w} ${h}`} width={w}>\n      <polyline fill=\"none\" points={points} stroke=\"var(--gds-accent)\" strokeWidth={1.5} />\n    </svg>\n  )\n}\n\nexport const StatsCard = forwardRef<HTMLDivElement, StatsCardProps>(\n  function StatsCard({ icon, label, value, trend, sparkData, glass, className }, ref) {\n    const isPositive = trend !== undefined && trend >= 0\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'relative gds-ctx gds-radius-card border gds-pad-x-lg gds-pad-y-lg',\n          glass === true\n            ? cx(glassClass(glass), 'border-white/10 bg-bg/60')\n            : 'border-border bg-surface',\n          className,\n        )}\n        data-component=\"stats-card\"\n      >\n        <div className=\"flex items-start justify-between\">\n          <div className=\"flex items-center gap-2\">\n            {icon !== undefined && <div className=\"text-fg-muted/50\">{icon}</div>}\n            <p className=\"gds-text-body text-fg-muted\">{label}</p>\n          </div>\n          {trend !== undefined && (\n            <span\n              className={cx(\n                'inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-[10px] font-medium',\n                isPositive ? 'bg-success/10 text-success' : 'bg-danger/10 text-danger',\n              )}\n            >\n              {isPositive ? '\\u2191' : '\\u2193'}\n              {isPositive ? '+' : ''}{trend}%\n            </span>\n          )}\n        </div>\n        <p className=\"mt-1 text-2xl font-bold text-fg\">{value}</p>\n        {sparkData !== undefined && sparkData.length >= 2 && <MiniSparkline data={sparkData} />}\n      </div>\n    )\n  },\n)\n","// status-page — full-page status display for 404, 500, maintenance, etc.\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type StatusPageProps = {\n  code?: string | number\n  title: string\n  description?: string\n  action?: ReactNode\n  secondaryAction?: ReactNode\n  illustration?: ReactNode\n  className?: string\n}\n\nexport const StatusPage = forwardRef<HTMLDivElement, StatusPageProps>(\n  function StatusPage({ code, title, description, action, secondaryAction, illustration, className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx('flex min-h-[60vh] flex-col items-center justify-center gap-4 text-center', className)}\n        data-component=\"status-page\"\n      >\n        {illustration !== undefined && <div className=\"mb-2\">{illustration}</div>}\n        {code !== undefined && (\n          <p className=\"text-6xl font-bold text-fg-muted/10\">{code}</p>\n        )}\n        <h1 className=\"text-xl font-semibold text-fg\">{title}</h1>\n        {description !== undefined && (\n          <p className=\"max-w-md text-fg-muted\">{description}</p>\n        )}\n        {(action !== undefined || secondaryAction !== undefined) && (\n          <div className=\"mt-2 flex items-center gap-3\">\n            {action}\n            {secondaryAction}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n","// stepper-form — multi-step form wizard with prev/next navigation\nimport type { ReactNode } from 'react'\nimport { forwardRef, useState } from 'react'\n\nimport { Button } from '../l2-primitives/button'\nimport { Stepper } from '../l4-molecules/stepper'\nimport { cx } from '../utils/cx'\n\ntype StepperFormStep = {\n  title: string\n  description?: string\n  content: ReactNode\n}\n\nexport type StepperFormProps = React.HTMLAttributes<HTMLDivElement> & {\n  steps: StepperFormStep[]\n  onComplete?: () => void\n  completeLabel?: string\n  glass?: boolean\n}\n\nexport const StepperForm = forwardRef<HTMLDivElement, StepperFormProps>(\n  function StepperForm(\n    { steps, onComplete, completeLabel = 'Complete', glass = false, className, ...props },\n    ref,\n  ) {\n    const [current, setCurrent] = useState(0)\n    const isFirst = current === 0\n    const isLast = current === steps.length - 1\n\n    const stepDefs = steps.map((s) => ({\n      label: s.title,\n      description: s.description,\n    }))\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'flex flex-col rounded-lg border border-border p-6',\n          glass ? 'bg-bg/80 backdrop-blur-xl' : 'bg-bg-secondary',\n          className,\n        )}\n        data-component=\"stepper-form\"\n        {...props}\n      >\n        {/* stepper indicator */}\n        <Stepper steps={stepDefs} current={current} className=\"mb-6\" />\n\n        {/* step content */}\n        <div className=\"min-h-[120px] flex-1\">\n          {steps[current]?.content}\n        </div>\n\n        {/* navigation */}\n        <div className=\"mt-6 flex items-center justify-between\">\n          <Button\n            variant=\"secondary\"\n            size=\"sm\"\n            disabled={isFirst}\n            onClick={() => setCurrent((c) => c - 1)}\n          >\n            Previous\n          </Button>\n\n          {isLast ? (\n            <Button size=\"sm\" onClick={onComplete}>\n              {completeLabel}\n            </Button>\n          ) : (\n            <Button size=\"sm\" onClick={() => setCurrent((c) => c + 1)}>\n              Next\n            </Button>\n          )}\n        </div>\n      </div>\n    )\n  },\n)\n","import { forwardRef, useEffect, useState } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype StickyHeaderProps = React.HTMLAttributes<HTMLDivElement> & {\n  glass?: boolean\n  threshold?: number\n}\n\nexport const StickyHeader = forwardRef<HTMLDivElement, StickyHeaderProps>(\n  function StickyHeader({ children, className, glass = true, threshold = 0, ...props }, ref) {\n    const [isSticky, setIsSticky] = useState(false)\n\n    useEffect(() => {\n      function handleScroll() {\n        setIsSticky(window.scrollY > threshold)\n      }\n      window.addEventListener('scroll', handleScroll, { passive: true })\n      return () => window.removeEventListener('scroll', handleScroll)\n    }, [threshold])\n\n    return (\n      <div\n        className={cx(\n          'sticky top-0 z-40 transition-[background-color,box-shadow] duration-200',\n          isSticky && 'shadow-md bg-bg/80',\n          isSticky && glass && glassClass(true),\n          className,\n        )}\n        data-component=\"sticky-header\"\n        data-sticky={isSticky}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n\nexport type { StickyHeaderProps }\n","// testimonial — customer review/endorsement quote card\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\nexport type TestimonialProps = {\n  quote: string\n  author: string\n  role?: string\n  avatar?: string\n  rating?: number\n  glass?: boolean\n  className?: string\n}\n\nexport const Testimonial = forwardRef<HTMLDivElement, TestimonialProps>(\n  function Testimonial({ quote, author, role, avatar, rating, glass, className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'gds-ctx gds-radius-card border gds-pad-x-lg gds-pad-y-lg',\n          glass === true ? cx(glassClass(glass), 'border-white/10 bg-bg/60') : 'border-border bg-surface',\n          className,\n        )}\n        data-component=\"testimonial\"\n      >\n        <svg className=\"mb-3 h-6 w-6 text-fg-muted opacity-30\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378C7.06 7.752 6.14 9.87 5.94 11.501c.26-.058.527-.088.8-.088 1.656 0 2.96 1.283 2.96 2.87 0 1.586-1.304 2.87-2.96 2.87-.83 0-1.572-.358-2.157-.832zM14.583 17.321C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-2.863 1.551-3.783 3.669-3.983 5.3.26-.058.527-.088.8-.088 1.656 0 2.96 1.283 2.96 2.87 0 1.586-1.304 2.87-2.96 2.87-.83 0-1.572-.358-2.157-.832z\" />\n        </svg>\n        <p className=\"gds-text-body italic text-fg\">{quote}</p>\n        {rating !== undefined && (\n          <div className=\"mt-3 flex gap-0.5\">\n            {Array.from({ length: 5 }, (_, i) => (\n              <svg key={i} className={cx('h-4 w-4', i < rating ? 'text-warning' : 'text-fg-muted/30')} viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n              </svg>\n            ))}\n          </div>\n        )}\n        <div className=\"mt-4 flex items-center gap-3\">\n          {avatar !== undefined && (\n            <img src={avatar} alt={author} className=\"h-10 w-10 rounded-full object-cover\" />\n          )}\n          <div>\n            <p className=\"text-sm font-medium text-fg\">{author}</p>\n            {role !== undefined && <p className=\"text-xs text-fg-muted\">{role}</p>}\n          </div>\n        </div>\n      </div>\n    )\n  },\n)\n","// timeline-steps — horizontal step indicator for order tracking and milestones\nimport { cx } from '../utils/cx'\n\nexport type TimelineStep = {\n  label: string\n  description?: string\n  status: 'completed' | 'current' | 'upcoming'\n}\n\nexport type TimelineStepsProps = {\n  steps: TimelineStep[]\n  className?: string\n}\n\nexport function TimelineSteps({ steps, className }: TimelineStepsProps) {\n  return (\n    <div data-component=\"timeline-steps\" className={cx('flex items-start', className)}>\n      {steps.map((step, i) => (\n        <div key={step.label} className=\"flex flex-1 items-start\">\n          <div className=\"flex flex-col items-center\">\n            <div\n              data-status={step.status}\n              className={cx(\n                'flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-xs font-semibold',\n                step.status === 'completed' && 'bg-success text-white',\n                step.status === 'current' && 'bg-accent text-accent-fg animate-pulse',\n                step.status === 'upcoming' && 'bg-bg-tertiary text-fg-muted',\n              )}\n            >\n              {step.status === 'completed' ? (\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                  <polyline points=\"20 6 9 17 4 12\" />\n                </svg>\n              ) : (\n                i + 1\n              )}\n            </div>\n            <div className=\"mt-2 text-center\">\n              <div className=\"text-xs font-medium text-fg\">{step.label}</div>\n              {step.description !== undefined && (\n                <div className=\"mt-0.5 text-[10px] text-fg-muted\">{step.description}</div>\n              )}\n            </div>\n          </div>\n          {i < steps.length - 1 && (\n            <div\n              className={cx(\n                'mt-4 h-0.5 flex-1 mx-2',\n                step.status === 'completed' ? 'bg-success' : 'bg-border',\n              )}\n            />\n          )}\n        </div>\n      ))}\n    </div>\n  )\n}\n","// toolbar — horizontal toolbar with icon buttons, separators, and groups\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\ntype ToolbarPosition = 'bottom' | 'floating' | 'top'\n\nexport type ToolbarProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: ReactNode\n  glass?: boolean\n  position?: ToolbarPosition\n}\n\nexport const Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(\n  function Toolbar(\n    { children, className, glass, position = 'top', ...props },\n    ref,\n  ) {\n    const isFloating = position === 'floating'\n    const resolvedGlass = glass ?? isFloating\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          'flex items-center gds-gap-sm gds-pad-x gds-pad-y-sm',\n          position === 'top' && 'border-b border-border',\n          position === 'bottom' && 'border-t border-border',\n          isFloating && 'rounded-full gds-shadow-lg',\n          resolvedGlass === true\n            ? cx(glassClass(resolvedGlass), 'border-white/10 bg-bg/60')\n            : !isFloating && 'bg-surface',\n          isFloating && resolvedGlass !== true && 'border border-border bg-surface',\n          className,\n        )}\n        data-component=\"toolbar\"\n        data-position={position}\n        role=\"toolbar\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","// wizard-layout — full-page wizard with step indicator, content, and actions\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { ProgressSteps } from '../l4-molecules/progress-steps'\nimport { cx } from '../utils/cx'\n\ntype WizardLayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  actions?: ReactNode\n  children: ReactNode\n  currentStep: number\n  steps: string[]\n}\n\nexport const WizardLayout = forwardRef<HTMLDivElement, WizardLayoutProps>(\n  function WizardLayout({ steps, currentStep, children, actions, className, ...props }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx('flex min-h-0 flex-1 flex-col gds-gap', className)}\n        data-component=\"wizard-layout\"\n        {...props}\n      >\n        <div className=\"shrink-0 gds-pad-x\">\n          <ProgressSteps steps={steps} current={currentStep} />\n        </div>\n        <div className=\"min-h-0 flex-1 overflow-auto gds-pad-x\">\n          {children}\n        </div>\n        {actions !== undefined && (\n          <div className=\"flex shrink-0 items-center justify-end gds-gap gds-pad-x gds-pad-y border-t border-border\">\n            {actions}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nexport type { WizardLayoutProps }\n"],"mappings":"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"}

package/dist/loading-dots-Dz79qOGY.js

@@ -0,0 +1,62 @@
+import { r as e, t } from "./glass-CQTlX7IO.js";
+import { forwardRef as n, useCallback as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/l3-atoms/tooltip.tsx
+var c = {
+	bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+	left: "right-full top-1/2 -translate-y-1/2 mr-2",
+	right: "left-full top-1/2 -translate-y-1/2 ml-2",
+	top: "bottom-full left-1/2 -translate-x-1/2 mb-2"
+}, l = {
+	bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-bg-tertiary border-x-transparent border-t-transparent border-4",
+	left: "left-full top-1/2 -translate-y-1/2 border-l-bg-tertiary border-y-transparent border-r-transparent border-4",
+	right: "right-full top-1/2 -translate-y-1/2 border-r-bg-tertiary border-y-transparent border-l-transparent border-4",
+	top: "top-full left-1/2 -translate-x-1/2 border-t-bg-tertiary border-x-transparent border-b-transparent border-4"
+}, u = n(function({ children: n, className: u, content: d, delay: f = 300, glass: p, interactive: m = !1, maxWidth: h, placement: g = "top", ..._ }, v) {
+	let [y, b] = a(!1), x = i(void 0), S = i(void 0), C = r(() => {
+		clearTimeout(S.current), x.current = setTimeout(() => b(!0), f);
+	}, [f]), w = r(() => {
+		clearTimeout(x.current), m ? S.current = setTimeout(() => b(!1), 150) : b(!1);
+	}, [m]);
+	return /* @__PURE__ */ s("div", {
+		className: e("relative inline-flex", u),
+		"data-component": "tooltip",
+		"data-state": y ? "open" : "closed",
+		onMouseEnter: C,
+		onMouseLeave: w,
+		ref: v,
+		..._,
+		children: [n, y && /* @__PURE__ */ s("div", {
+			className: e("pointer-events-none absolute z-50 animate-popup whitespace-nowrap gds-radius-tooltip gds-pad-x-sm gds-pad-y-sm gds-text-label text-fg", m && "pointer-events-auto", p === !0 ? t(p) : "bg-bg-tertiary", p === !0 && "border border-white/10"),
+			onMouseEnter: m ? C : void 0,
+			onMouseLeave: m ? w : void 0,
+			style: h === void 0 ? void 0 : {
+				maxWidth: h,
+				whiteSpace: "normal"
+			},
+			children: [/* @__PURE__ */ o("span", { className: e("absolute", l[g]) }), /* @__PURE__ */ o("span", {
+				className: (c[g], ""),
+				children: d
+			})]
+		})]
+	});
+}), d = {
+	default: "h-1.5 w-1.5",
+	sm: "h-1 w-1"
+}, f = n(function({ className: t, count: n = 3, size: r = "default", ...i }, a) {
+	return /* @__PURE__ */ o("span", {
+		className: e("inline-flex items-center gds-gap-xs", t),
+		"data-component": "loading-dots",
+		ref: a,
+		role: "status",
+		...i,
+		children: Array.from({ length: n }, (t, n) => /* @__PURE__ */ o("span", {
+			className: e("gds-radius-badge bg-fg-muted/40 animate-pulse", d[r]),
+			style: { animationDelay: `${n * 150}ms` }
+		}, n))
+	});
+});
+//#endregion
+export { u as n, f as t };
+
+//# sourceMappingURL=loading-dots-Dz79qOGY.js.map

package/dist/loading-dots-Dz79qOGY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-dots-Dz79qOGY.js","names":[],"sources":["../src/l3-atoms/tooltip.tsx","../src/l3-atoms/loading-dots.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { forwardRef, useCallback, useRef, useState } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\n\nconst positionClasses: Record<string, string> = {\n  bottom: 'top-full left-1/2 -translate-x-1/2 mt-2',\n  left: 'right-full top-1/2 -translate-y-1/2 mr-2',\n  right: 'left-full top-1/2 -translate-y-1/2 ml-2',\n  top: 'bottom-full left-1/2 -translate-x-1/2 mb-2',\n}\n\nconst arrowClasses: Record<string, string> = {\n  bottom: 'bottom-full left-1/2 -translate-x-1/2 border-b-bg-tertiary border-x-transparent border-t-transparent border-4',\n  left: 'left-full top-1/2 -translate-y-1/2 border-l-bg-tertiary border-y-transparent border-r-transparent border-4',\n  right: 'right-full top-1/2 -translate-y-1/2 border-r-bg-tertiary border-y-transparent border-l-transparent border-4',\n  top: 'top-full left-1/2 -translate-x-1/2 border-t-bg-tertiary border-x-transparent border-b-transparent border-4',\n}\n\ntype TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\n  content: ReactNode\n  delay?: number\n  glass?: boolean\n  interactive?: boolean\n  maxWidth?: number\n  placement?: 'bottom' | 'left' | 'right' | 'top'\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(\n    {\n      children,\n      className,\n      content,\n      delay = 300,\n      glass,\n      interactive = false,\n      maxWidth,\n      placement = 'top',\n      ...props\n    },\n    ref,\n  ) {\n    const [open, setOpen] = useState(false)\n    const enterTimer = useRef<ReturnType<typeof setTimeout>>(undefined)\n    const leaveTimer = useRef<ReturnType<typeof setTimeout>>(undefined)\n\n    const handleEnter = useCallback(() => {\n      clearTimeout(leaveTimer.current)\n      enterTimer.current = setTimeout(() => setOpen(true), delay)\n    }, [delay])\n\n    const handleLeave = useCallback(() => {\n      clearTimeout(enterTimer.current)\n      if (interactive) {\n        leaveTimer.current = setTimeout(() => setOpen(false), 150)\n      } else {\n        setOpen(false)\n      }\n    }, [interactive])\n\n    return (\n      <div\n        className={cx('relative inline-flex', className)}\n        data-component=\"tooltip\"\n        data-state={open ? 'open' : 'closed'}\n        onMouseEnter={handleEnter}\n        onMouseLeave={handleLeave}\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {open && (\n          <div\n            className={cx(\n              'pointer-events-none absolute z-50 animate-popup whitespace-nowrap gds-radius-tooltip gds-pad-x-sm gds-pad-y-sm gds-text-label text-fg',\n              interactive && 'pointer-events-auto',\n              glass === true ? glassClass(glass) : 'bg-bg-tertiary',\n              glass === true && 'border border-white/10',\n            )}\n            onMouseEnter={interactive ? handleEnter : undefined}\n            onMouseLeave={interactive ? handleLeave : undefined}\n            style={maxWidth !== undefined ? { maxWidth, whiteSpace: 'normal' } : undefined}\n          >\n            <span className={cx('absolute', arrowClasses[placement])} />\n            <span className={positionClasses[placement] ? '' : ''}>{content}</span>\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nexport type { TooltipProps }\n","import { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype LoadingDotsProps = React.HTMLAttributes<HTMLSpanElement> & {\n  count?: number\n  size?: 'default' | 'sm'\n}\n\nconst sizeMap = {\n  default: 'h-1.5 w-1.5',\n  sm: 'h-1 w-1',\n}\n\nexport const LoadingDots = forwardRef<HTMLSpanElement, LoadingDotsProps>(\n  function LoadingDots({ className, count = 3, size = 'default', ...props }, ref) {\n    return (\n      <span\n        className={cx('inline-flex items-center gds-gap-xs', className)}\n        data-component=\"loading-dots\"\n        ref={ref}\n        role=\"status\"\n        {...props}\n      >\n        {Array.from({ length: count }, (_, i) => (\n          <span\n            className={cx(\n              'gds-radius-badge bg-fg-muted/40 animate-pulse',\n              sizeMap[size],\n            )}\n            key={i}\n            style={{ animationDelay: `${i * 150}ms` }}\n          />\n        ))}\n      </span>\n    )\n  },\n)\n\nexport type { LoadingDotsProps }\n"],"mappings":";;;;AAMA,IAAM,IAA0C;CAC9C,QAAQ;CACR,MAAM;CACN,OAAO;CACP,KAAK;CACN,EAEK,IAAuC;CAC3C,QAAQ;CACR,MAAM;CACN,OAAO;CACP,KAAK;CACN,EAWY,IAAU,EACrB,SACE,EACE,aACA,cACA,YACA,WAAQ,KACR,UACA,iBAAc,IACd,aACA,eAAY,OACZ,GAAG,KAEL,GACA;CACA,IAAM,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,IAAa,EAAsC,KAAA,EAAU,EAC7D,IAAa,EAAsC,KAAA,EAAU,EAE7D,IAAc,QAAkB;AAEpC,EADA,aAAa,EAAW,QAAQ,EAChC,EAAW,UAAU,iBAAiB,EAAQ,GAAK,EAAE,EAAM;IAC1D,CAAC,EAAM,CAAC,EAEL,IAAc,QAAkB;AAEpC,EADA,aAAa,EAAW,QAAQ,EAC5B,IACF,EAAW,UAAU,iBAAiB,EAAQ,GAAM,EAAE,IAAI,GAE1D,EAAQ,GAAM;IAEf,CAAC,EAAY,CAAC;AAEjB,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,wBAAwB,EAAU;EAChD,kBAAe;EACf,cAAY,IAAO,SAAS;EAC5B,cAAc;EACd,cAAc;EACT;EACL,GAAI;YAPN,CASG,GACA,KACC,kBAAC,OAAD;GACE,WAAW,EACT,yIACA,KAAe,uBACf,MAAU,KAAO,EAAW,EAAM,GAAG,kBACrC,MAAU,MAAQ,yBACnB;GACD,cAAc,IAAc,IAAc,KAAA;GAC1C,cAAc,IAAc,IAAc,KAAA;GAC1C,OAAO,MAAa,KAAA,IAAiD,KAAA,IAArC;IAAE;IAAU,YAAY;IAAU;aATpE,CAWE,kBAAC,QAAD,EAAM,WAAW,EAAG,YAAY,EAAa,GAAW,EAAI,CAAA,EAC5D,kBAAC,QAAD;IAAM,YAAW,EAAgB,IAAa;cAAU;IAAe,CAAA,CACnE;KAEJ;;EAGX,ECnFK,IAAU;CACd,SAAS;CACT,IAAI;CACL,EAEY,IAAc,EACzB,SAAqB,EAAE,cAAW,WAAQ,GAAG,UAAO,WAAW,GAAG,KAAS,GAAK;AAC9E,QACE,kBAAC,QAAD;EACE,WAAW,EAAG,uCAAuC,EAAU;EAC/D,kBAAe;EACV;EACL,MAAK;EACL,GAAI;YAEH,MAAM,KAAK,EAAE,QAAQ,GAAO,GAAG,GAAG,MACjC,kBAAC,QAAD;GACE,WAAW,EACT,iDACA,EAAQ,GACT;GAED,OAAO,EAAE,gBAAgB,GAAG,IAAI,IAAI,KAAK;GACzC,EAFK,EAEL,CACF;EACG,CAAA;EAGZ"}

package/dist/sanitize-BF45M9xp.js

@@ -0,0 +1,33 @@
+import e from "dompurify";
+//#region src/utils/sanitize.ts
+var t = {
+	FORBID_TAGS: [
+		"script",
+		"iframe",
+		"object",
+		"embed",
+		"form",
+		"input"
+	],
+	ADD_ATTR: [
+		"style",
+		"align",
+		"bgcolor",
+		"target",
+		"rel"
+	],
+	RETURN_TRUSTED_TYPE: !1
+};
+function n(n) {
+	return e.sanitize(n, t);
+}
+function r(t, n) {
+	return e.sanitize(t, {
+		...n,
+		RETURN_TRUSTED_TYPE: !1
+	});
+}
+//#endregion
+export { r as n, n as t };
+
+//# sourceMappingURL=sanitize-BF45M9xp.js.map

package/dist/sanitize-BF45M9xp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize-BF45M9xp.js","names":[],"sources":["../src/utils/sanitize.ts"],"sourcesContent":["// anti-corruption wrapper — HTML sanitization\n// L5 components import from here, never directly from dompurify\n// consumers who don't use EmailThread don't need dompurify installed\n\nimport DOMPurify, { type Config } from 'dompurify'\n\nexport type SanitizeConfig = Config\n\n// pre-configured sanitizer for email HTML rendering\nconst EMAIL_SANITIZE_CONFIG: SanitizeConfig = {\n  FORBID_TAGS: ['script', 'iframe', 'object', 'embed', 'form', 'input'],\n  ADD_ATTR: ['style', 'align', 'bgcolor', 'target', 'rel'],\n  RETURN_TRUSTED_TYPE: false,\n}\n\nexport function sanitizeEmailHtml(html: string): string {\n  return DOMPurify.sanitize(html, EMAIL_SANITIZE_CONFIG) as string\n}\n\nexport function sanitizeHtml(html: string, config?: SanitizeConfig): string {\n  return DOMPurify.sanitize(html, { ...config, RETURN_TRUSTED_TYPE: false }) as string\n}\n\nexport { EMAIL_SANITIZE_CONFIG }\n"],"mappings":";;AASA,IAAM,IAAwC;CAC5C,aAAa;EAAC;EAAU;EAAU;EAAU;EAAS;EAAQ;EAAQ;CACrE,UAAU;EAAC;EAAS;EAAS;EAAW;EAAU;EAAM;CACxD,qBAAqB;CACtB;AAED,SAAgB,EAAkB,GAAsB;AACtD,QAAO,EAAU,SAAS,GAAM,EAAsB;;AAGxD,SAAgB,EAAa,GAAc,GAAiC;AAC1E,QAAO,EAAU,SAAS,GAAM;EAAE,GAAG;EAAQ,qBAAqB;EAAO,CAAC"}