@goliapkg/gds 1.4.3 → 1.5.0

package/dist/l7-patterns-BCpw0-CS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"l7-patterns-BCpw0-CS.js","names":[],"sources":["../src/l7-patterns/action-bar.tsx","../src/l7-patterns/admin-layout.tsx","../src/l7-patterns/analytics-dashboard.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/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-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\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype AdminLayoutProps = {\n  sidebar: ReactNode\n  topbar?: ReactNode\n  children: ReactNode\n  sidebarWidth?: number\n  className?: string\n}\n\nconst AdminLayout = forwardRef<HTMLDivElement, AdminLayoutProps>(\n  function AdminLayout({ sidebar, topbar, children, sidebarWidth = 240, className }, ref) {\n    return (\n      <div ref={ref} className={cx('flex h-screen min-h-0 bg-bg', className)} data-component=\"admin-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          {topbar !== undefined && (\n            <header className=\"sticky top-0 z-10 shrink-0 border-b border-border bg-surface/80 backdrop-blur-sm\">\n              {topbar}\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","// 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 — email/messaging split pane with list and detail\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type InboxLayoutProps = {\n  list: ReactNode\n  detail: ReactNode\n  listWidth?: number\n  className?: string\n}\n\nexport const InboxLayout = forwardRef<HTMLDivElement, InboxLayoutProps>(\n  function InboxLayout({ list, detail, listWidth = 360, className }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx('flex h-full overflow-hidden', className)}\n        data-component=\"inbox-layout\"\n      >\n        <div\n          className=\"shrink-0 overflow-y-auto border-r border-border\"\n          style={{ width: listWidth }}\n        >\n          {list}\n        </div>\n        <div className=\"min-w-0 flex-1 overflow-y-auto\">\n          {detail}\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","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 { ReactNode } from 'react'\nimport { 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  className?: string\n  defaultSection?: string\n  sections: SettingsSection[]\n}\n\nexport function SettingsLayout({ className, defaultSection, sections }: SettingsLayoutProps) {\n  const [activeId, setActiveId] = useState(defaultSection ?? sections[0]?.id ?? '')\n  const activeSection = sections.find((s) => s.id === activeId)\n\n  return (\n    <div\n      className={cx('flex gap-6', className)}\n      data-component=\"settings-layout\"\n    >\n      <nav className=\"w-48 shrink-0\">\n        <ul className=\"flex flex-col gap-0.5\" role=\"list\">\n          {sections.map((section) => (\n            <li key={section.id}>\n              <button\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={() => setActiveId(section.id)}\n              >\n                {section.label}\n              </button>\n            </li>\n          ))}\n        </ul>\n      </nav>\n      <div className=\"min-w-0 flex-1\">\n        {activeSection !== undefined ? activeSection.content : null}\n      </div>\n    </div>\n  )\n}\n\nexport type { SettingsLayoutProps, SettingsSection }\n","// sidebar — collapsible navigation panel\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\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}\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    },\n    ref,\n  ) {\n    const currentWidth = collapsed ? collapsedWidth : width\n\n    return (\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-hidden\">{children}</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          >\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    )\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-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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"}