@optimum-intelligence/opti-ui 0.0.0-stage → 0.3.0

package/dist/components/app-shell/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.js","names":["React","Dialog","BaseDialog","useRender","mergeProps","cx","createPrimitive","usePortalContainer","ChevronLeftIcon","MenuIcon","XIcon","NavbarVariant","NavbarState","variant","collapsed","peek","NavbarProps","ComponentProps","collapsible","defaultCollapsed","onCollapsedChange","expandOnHover","collapseLabel","expandLabel","NavbarCollapsedContext","createContext","NavbarDrawerContext","Navbar","t0","$","_c","t1","t2","collapsedProp","t3","t4","t5","t6","render","children","ref","props","undefined","inDrawer","useContext","canCollapse","internal","setInternal","useState","label","pointerInside","setPointerInside","hovered","setHovered","t7","t8","timer","setTimeout","clearTimeout","useEffect","t9","Symbol","for","endHover","t10","toggle","t11","event","pointerType","onPointerEnter","t12","t13","state","t14","t15","t16","t17","className","onPointerLeave","t18","defaultTagName","element","t19","t20","NavbarHeader","NavbarFooter","NavbarSection","NavbarSectionLabel","NavbarBrandProps","Omit","logo","ReactNode","title","subtitle","NavbarBrand","NavbarItemState","active","NavbarItemProps","icon","badge","NavbarItem","AppShellProps","HTMLAttributes","HTMLDivElement","Ref","navbar","mobileBrand","mobileActions","menuLabel","mainProps","HTMLElement","AppShell","open","setOpen","container","target","closest","closeOnNavigate","PageHeaderProps","breadcrumbs","eyebrow","description","actions","PageHeader","GridProps","columns","gap","Grid","_c","_Fragment","BaseDialog"],"sources":["../../../src/components/app-shell/AppShell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { useRender } from '@base-ui/react/use-render';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { cx } from '../../utils/cx';\nimport { createPrimitive } from '../../utils/primitive';\nimport { usePortalContainer } from '../../utils/portal';\nimport { ChevronLeftIcon, MenuIcon, XIcon } from '../../icons';\n\n// ─── Navbar ─────────────────────────────────────────────────────────────────\n\nexport type NavbarVariant = 'inverse' | 'surface';\n\nexport type NavbarState = { variant: NavbarVariant; collapsed: boolean; peek: boolean };\n\nexport interface NavbarProps extends useRender.ComponentProps<'nav', NavbarState> {\n  /** `inverse` (brand-colored, default) or `surface` (light panel). */\n  variant?: NavbarVariant;\n  /** Shows a toggle in the top right that shrinks the navbar to an icon rail. Defaults to `true`. */\n  collapsible?: boolean;\n  /** Controlled collapsed state. */\n  collapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Temporarily opens a collapsed navbar while the mouse is over it. Defaults to `true`. */\n  expandOnHover?: boolean;\n  /** Accessible names for the icon-only toggle. */\n  collapseLabel?: string;\n  expandLabel?: string;\n}\n\nconst NavbarCollapsedContext = React.createContext(false);\n// True inside the AppShell drawer, where the navbar always shows in full.\nconst NavbarDrawerContext = React.createContext(false);\n\nexport function Navbar({\n  variant = 'inverse',\n  collapsible = true,\n  collapsed: collapsedProp,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  expandOnHover = true,\n  collapseLabel = 'Collapse',\n  expandLabel = 'Expand',\n  render,\n  children,\n  ref,\n  ...props\n}: NavbarProps) {\n  const inDrawer = React.useContext(NavbarDrawerContext);\n  const canCollapse = collapsible && !inDrawer;\n  const [internal, setInternal] = React.useState(defaultCollapsed);\n  const collapsed = canCollapse && (collapsedProp ?? internal);\n  const label = collapsed ? expandLabel : collapseLabel;\n\n  // Hover peek: shown in full once the mouse has rested over a collapsed navbar.\n  const [pointerInside, setPointerInside] = React.useState(false);\n  const [hovered, setHovered] = React.useState(false);\n  React.useEffect(() => {\n    if (!pointerInside) return;\n    const timer = setTimeout(() => setHovered(true), 120);\n    return () => clearTimeout(timer);\n  }, [pointerInside]);\n  const peek = collapsed && expandOnHover && hovered;\n\n  const endHover = () => {\n    setPointerInside(false);\n    setHovered(false);\n  };\n\n  const toggle = () => {\n    // Collapsing with the mouse still inside must not peek straight back open.\n    endHover();\n    if (collapsedProp === undefined) setInternal(!collapsed);\n    onCollapsedChange?.(!collapsed);\n  };\n\n  const onPointerEnter = (event: React.PointerEvent) => {\n    if (event.pointerType === 'mouse') setPointerInside(true);\n  };\n\n  const state: NavbarState = { variant, collapsed: collapsed && !peek, peek };\n  const element = useRender({\n    defaultTagName: 'nav',\n    render,\n    ref,\n    state,\n    props: mergeProps<'nav'>(\n      {\n        className: 'oui-navbar',\n        onPointerEnter: collapsed && expandOnHover ? onPointerEnter : undefined,\n        onPointerLeave: collapsed && expandOnHover ? endHover : undefined,\n        children: (\n          <>\n            {canCollapse && (\n              <button\n                type=\"button\"\n                className=\"oui-navbar__toggle\"\n                aria-label={label}\n                aria-expanded={!collapsed}\n                title={label}\n                onClick={toggle}\n              >\n                <ChevronLeftIcon />\n              </button>\n            )}\n            {children}\n          </>\n        ),\n      },\n      props,\n    ),\n  });\n  return <NavbarCollapsedContext value={collapsed && !peek}>{element}</NavbarCollapsedContext>;\n}\n\nexport const NavbarHeader = createPrimitive('div', 'oui-navbar__header', 'NavbarHeader');\nexport const NavbarFooter = createPrimitive('div', 'oui-navbar__footer', 'NavbarFooter');\nexport const NavbarSection = createPrimitive('div', 'oui-navbar__section', 'NavbarSection');\nexport const NavbarSectionLabel = createPrimitive('div', 'oui-navbar__section-label', 'NavbarSectionLabel');\n\nexport interface NavbarBrandProps extends Omit<useRender.ComponentProps<'div'>, 'title'> {\n  logo?: React.ReactNode;\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n}\n\nexport function NavbarBrand({ logo, title, subtitle, render, ref, ...props }: NavbarBrandProps) {\n  return useRender({\n    defaultTagName: 'div',\n    render,\n    ref,\n    props: mergeProps<'div'>(\n      {\n        className: 'oui-navbar__brand',\n        children: (\n          <>\n            {logo && <span className=\"oui-navbar__logo\">{logo}</span>}\n            <span className=\"oui-navbar__brand-text\">\n              <span className=\"oui-navbar__brand-title\">{title}</span>\n              {subtitle && <span className=\"oui-navbar__brand-subtitle\">{subtitle}</span>}\n            </span>\n          </>\n        ),\n      },\n      props,\n    ),\n  });\n}\n\nexport type NavbarItemState = { active: boolean };\n\nexport interface NavbarItemProps extends useRender.ComponentProps<'a', NavbarItemState> {\n  icon?: React.ReactNode;\n  /** Marks the current page (sets aria-current). */\n  active?: boolean;\n  /** Trailing content such as a count badge. */\n  badge?: React.ReactNode;\n}\n\n/**\n * Navigation link. Renders an `<a>`; use `render={<Link to=\"…\" />}` for a\n * router link or `render={<button />}` for an action.\n */\nexport function NavbarItem({ icon, active = false, badge, render, children, ref, ...props }: NavbarItemProps) {\n  const collapsed = React.useContext(NavbarCollapsedContext);\n  const state: NavbarItemState = { active };\n  return useRender({\n    defaultTagName: 'a',\n    render,\n    ref,\n    state,\n    props: mergeProps<'a'>(\n      {\n        className: 'oui-navbar__item',\n        'aria-current': active ? 'page' : undefined,\n        title: collapsed && typeof children === 'string' ? children : undefined,\n        children: (\n          <>\n            {icon && <span className=\"oui-navbar__item-icon\">{icon}</span>}\n            <span className=\"oui-navbar__item-label\">{children}</span>\n            {badge != null && <span className=\"oui-navbar__item-badge\">{badge}</span>}\n          </>\n        ),\n      },\n      props,\n    ),\n  });\n}\n\n// ─── App shell ───────────────────────────────────────────────────────────────\n\nexport interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement>;\n  /** Navbar content (usually a `<Navbar>`). Rendered in a drawer on small screens. */\n  navbar: React.ReactNode;\n  /** Brand shown in the mobile top bar. */\n  mobileBrand?: React.ReactNode;\n  /** Extra content on the right of the mobile top bar. */\n  mobileActions?: React.ReactNode;\n  menuLabel?: string;\n  /** Props for the scrolling `<main>` element. */\n  mainProps?: React.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Full-height layout with a fixed navbar and an internally scrolling main\n * area. Below 900px the navbar moves into a slide-in drawer.\n * Customize width with `--oui-navbar-width` and `--oui-navbar-collapsed-width`.\n */\nexport function AppShell({\n  navbar,\n  mobileBrand,\n  mobileActions,\n  menuLabel = 'Open navigation',\n  mainProps,\n  className,\n  children,\n  ref,\n  ...props\n}: AppShellProps) {\n  const [open, setOpen] = React.useState(false);\n  const container = usePortalContainer();\n\n  const closeOnNavigate = (event: React.MouseEvent) => {\n    if ((event.target as HTMLElement).closest('a, .oui-navbar__item')) setOpen(false);\n  };\n\n  return (\n    <div ref={ref} className={cx('oui-app-shell', className)} {...props}>\n      <div className=\"oui-app-shell__navbar\">{navbar}</div>\n\n      <BaseDialog.Root open={open} onOpenChange={setOpen}>\n        <header className=\"oui-app-shell__mobile-bar\">\n          <BaseDialog.Trigger className=\"oui-app-shell__menu-button\" aria-label={menuLabel}>\n            <MenuIcon />\n          </BaseDialog.Trigger>\n          <div className=\"oui-app-shell__mobile-brand\">{mobileBrand}</div>\n          {mobileActions}\n        </header>\n        <BaseDialog.Portal container={container}>\n          <BaseDialog.Backdrop className=\"oui-dialog__backdrop\" />\n          <BaseDialog.Popup className=\"oui-app-shell__drawer\" aria-label=\"Navigation\" onClick={closeOnNavigate}>\n            <BaseDialog.Close className=\"oui-app-shell__drawer-close\" aria-label=\"Close navigation\">\n              <XIcon />\n            </BaseDialog.Close>\n            <NavbarDrawerContext value={true}>{navbar}</NavbarDrawerContext>\n          </BaseDialog.Popup>\n        </BaseDialog.Portal>\n      </BaseDialog.Root>\n\n      <main {...mainProps} className={cx('oui-app-shell__main', mainProps?.className)}>\n        {children}\n      </main>\n    </div>\n  );\n}\n\n// ─── Page layout helpers ─────────────────────────────────────────────────────\n\nexport interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {\n  ref?: React.Ref<HTMLElement>;\n  /** Trail shown above the title, usually `<Breadcrumbs>`. */\n  breadcrumbs?: React.ReactNode;\n  eyebrow?: React.ReactNode;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n}\n\nexport function PageHeader({\n  breadcrumbs,\n  eyebrow,\n  title,\n  description,\n  actions,\n  className,\n  ref,\n  ...props\n}: PageHeaderProps) {\n  return (\n    <header ref={ref} className={cx('oui-page-header', className)} {...props}>\n      <div className=\"oui-page-header__text\">\n        {breadcrumbs && <div className=\"oui-page-header__breadcrumbs\">{breadcrumbs}</div>}\n        {eyebrow && <span className=\"oui-eyebrow\">{eyebrow}</span>}\n        <h1 className=\"oui-page-header__title\">{title}</h1>\n        {description && <p className=\"oui-page-header__description\">{description}</p>}\n      </div>\n      {actions && <div className=\"oui-page-header__actions\">{actions}</div>}\n    </header>\n  );\n}\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement>;\n  /** Columns on wide screens; collapses to 2 below 1200px (for 4+) and 1 below 900px. */\n  columns?: 1 | 2 | 3 | 4 | 5 | 6;\n  gap?: 'sm' | 'md' | 'lg';\n}\n\n/** Responsive dashboard grid. */\nexport function Grid({ columns = 3, gap = 'md', className, ref, ...props }: GridProps) {\n  return <div ref={ref} className={cx('oui-grid', className)} data-columns={columns} data-gap={gap} {...props} />;\n}\n"],"mappings":";;;;;;;;;;;;AA+BA,IAAMwB,yBAAyBxB,MAAMyB,cAAc,KAAK;AAExD,IAAMC,sBAAsB1B,MAAMyB,cAAc,KAAK;AAErD,SAAOE,OAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAgB,MAAA,EAAAjB,SAAAkB,IAAAb,aAAAc,IAAAlB,WAAAmB,eAAAd,kBAAAe,IAAAd,mBAAAC,eAAAc,IAAAb,eAAAc,IAAAb,aAAAc,IAAAC,QAAAC,UAAAC,KAAA,GAAAC,UAAAb;CACrB,MAAAf,UAAAkB,OAAAW,KAAAA,IAAA,YAAAX;CACA,MAAAb,cAAAc,OAAAU,KAAAA,IAAA,OAAAV;CAEA,MAAAb,mBAAAe,OAAAQ,KAAAA,IAAA,QAAAR;CAEA,MAAAb,gBAAAc,OAAAO,KAAAA,IAAA,OAAAP;CACA,MAAAb,gBAAAc,OAAAM,KAAAA,IAAA,aAAAN;CACA,MAAAb,cAAAc,OAAAK,KAAAA,IAAA,WAAAL;CAMA,MAAAM,WAAiB3C,MAAK4C,WAAYlB,mBAAmB;CACrD,MAAAmB,cAAoB3B,eAAA,CAAgByB;CACpC,MAAA,CAAAG,UAAAC,eAAgC/C,MAAKgD,SAAU7B,gBAAgB;CAC/D,MAAAL,YAAkB+B,gBAAgBZ,iBAAAa;CAClC,MAAAG,QAAcnC,YAAAS,cAAAD;CAGd,MAAA,CAAA4B,eAAAC,oBAA0CnD,MAAKgD,SAAU,KAAK;CAC9D,MAAA,CAAAI,SAAAC,cAA8BrD,MAAKgD,SAAU,KAAK;CAAE,IAAAM;CAAA,IAAAC;CAAA,IAAA1B,EAAA,OAAAqB,eAAA;EACpCI,WAAA;GACd,IAAI,CAACJ,eAAa;GAClB,MAAAM,QAAcC,iBAAiBJ,WAAW,IAAI,GAAG,GAAG;GAAE,aACzCK,aAAaF,KAAK;EAAC;EAC/BD,KAAA,CAACL,aAAa;EAACrB,EAAA,KAAAqB;EAAArB,EAAA,KAAAyB;EAAAzB,EAAA,KAAA0B;CAAA,OAAA;EAAAD,KAAAzB,EAAA;EAAA0B,KAAA1B,EAAA;CAAA;CAJlB7B,MAAK2D,UAAWL,IAIbC,EAAe;CAClB,MAAAxC,OAAaD,aAAAO,iBAAA+B;CAAsC,IAAAQ;CAAA,IAAA/B,EAAA,OAAAgC,OAAAC,IAAA,2BAAA,GAAA;EAElCF,WAAA;GACfT,iBAAiB,KAAK;GACtBE,WAAW,KAAK;EAAC;EAClBxB,EAAA,KAAA+B;CAAA,OAAAA,KAAA/B,EAAA;CAHD,MAAAkC,WAAiBH;CAGf,IAAAI;CAAA,IAAAnC,EAAA,OAAAf,aAAAe,EAAA,OAAAI,iBAAAJ,EAAA,OAAAT,mBAAA;EAEa4C,YAAA;GAEbD,SAAS;GACT,IAAI9B,kBAAkBS,KAAAA,GAAWK,YAAY,CAACjC,SAAS;GACvDM,oBAAoB,CAACN,SAAS;EAAC;EAChCe,EAAA,KAAAf;EAAAe,EAAA,KAAAI;EAAAJ,EAAA,KAAAT;EAAAS,EAAA,KAAAmC;CAAA,OAAAA,MAAAnC,EAAA;CALD,MAAAoC,SAAeD;CAKb,IAAAE;CAAA,IAAArC,EAAA,OAAAgC,OAAAC,IAAA,2BAAA,GAAA;EAEqBI,OAAAC,UAAA;GACrB,IAAIA,MAAKC,gBAAiB,SAASjB,iBAAiB,IAAI;EAAE;EAC3DtB,EAAA,KAAAqC;CAAA,OAAAA,MAAArC,EAAA;CAFD,MAAAwC,iBAAuBH;CAI0B,MAAAI,MAAAxD,aAAA,CAAcC;CAAI,IAAAwD;CAAA,IAAA1C,EAAA,OAAAd,QAAAc,EAAA,QAAAyC,OAAAzC,EAAA,QAAAhB,SAAA;EAAxC0D,MAAA;GAAA1D;GAAAC,WAAsBwD;GAAkBvD;EAAO;EAACc,EAAA,KAAAd;EAAAc,EAAA,MAAAyC;EAAAzC,EAAA,MAAAhB;EAAAgB,EAAA,MAAA0C;CAAA,OAAAA,MAAA1C,EAAA;CAA3E,MAAA2C,QAA2BD;CAET,MAAAE,MAAA;CAAK,IAAAC;CAAA,IAAA7C,EAAA,QAAAgB,eAAAhB,EAAA,QAAAf,aAAAe,EAAA,QAAAoB,SAAApB,EAAA,QAAAoC,QAAA;EAWZS,MAAA7B,eACC,oBAAA,UAAA;GACO,MAAA;GACK,WAAA;GACEI,cAAAA;GACG,iBAAA,CAACnC;GACTmC,OAAAA;GACEgB,SAAAA;GAET,UAAA,oBAAC,iBAAD,CAAgB,CAAA;EACT,CAAA;EACVpC,EAAA,MAAAgB;EAAAhB,EAAA,MAAAf;EAAAe,EAAA,MAAAoB;EAAApB,EAAA,MAAAoC;EAAApC,EAAA,MAAA6C;CAAA,OAAAA,MAAA7C,EAAA;CAAA,IAAA8C;CAAA,IAAA9C,EAAA,QAAAU,YAAAV,EAAA,QAAA6C,KAAA;EAZHC,MAAA,qBAAAsD,UAAA,EAAA,UAAA,CACGvD,KAYAnC,QAAQ,EAAA,CAAA;EACRV,EAAA,MAAAU;EAAAV,EAAA,MAAA6C;EAAA7C,EAAA,MAAA8C;CAAA,OAAAA,MAAA9C,EAAA;CApBF,MAAA+C,MAAAxE,WACL;EAAAyE,WACa;EAAYR,gBACPvD,aAAAO,gBAAAgD,iBAAA3B,KAAAA;EAAuDoC,gBACvDhE,aAAAO,gBAAA0C,WAAArB,KAAAA;EAAiDH,UAE/DoC;CAgBJ,GACAlC,KACF;CAAC,IAAAsC;CAAA,IAAAlD,EAAA,QAAAW,OAAAX,EAAA,QAAAS,UAAAT,EAAA,QAAA2C,SAAA3C,EAAA,QAAA+C,KAAA;EA7BuBG,MAAA;GAAAC,gBACRP;GAAKnC;GAAAE;GAAAgC;GAAA/B,OAIdmC;EAyBT;EAAC/C,EAAA,MAAAW;EAAAX,EAAA,MAAAS;EAAAT,EAAA,MAAA2C;EAAA3C,EAAA,MAAA+C;EAAA/C,EAAA,MAAAkD;CAAA,OAAAA,MAAAlD,EAAA;CA9BD,MAAAoD,UAAgB9E,UAAU4E,GA8BzB;CACqC,MAAAG,MAAApE,aAAA,CAAcC;CAAI,IAAAoE;CAAA,IAAAtD,EAAA,QAAAoD,WAAApD,EAAA,QAAAqD,KAAA;EAAjDC,MAAA,oBAAC,wBAAD;GAA+B,OAAAD;GAAqBD,UAAAA;EAA7B,CAAA;EAA8DpD,EAAA,MAAAoD;EAAApD,EAAA,MAAAqD;EAAArD,EAAA,MAAAsD;CAAA,OAAAA,MAAAtD,EAAA;CAAA,OAArFsD;AAAqF;AAG9F,IAAaC,eAAe9E,gBAAgB,OAAO,sBAAsB,cAAc;AACvF,IAAa+E,eAAe/E,gBAAgB,OAAO,sBAAsB,cAAc;AACvF,IAAagF,gBAAgBhF,gBAAgB,OAAO,uBAAuB,eAAe;AAC1F,IAAaiF,qBAAqBjF,gBAAgB,OAAO,6BAA6B,oBAAoB;AAQ1G,SAAOwF,YAAAlE,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAE;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAP,EAAA,OAAAD,IAAA;EAAqB,MAAA,EAAA8D,MAAAE,OAAAC,UAAAvD,QAAAE,KAAA,GAAAC,UAAAb;EACnBzB,KAAAA;EACW4B,KAAA;EAChBO,KAAAA;EACAE,KAAAA;EAAG,IAAAH;EAAA,IAAAR,EAAA,OAAA6D,MAAA;GAMMrD,KAAAqD,QAAQ,oBAAA,QAAA;IAAgB,WAAA;IAAoBA,UAAAA;GAAY,CAAA;GAAA7D,EAAA,KAAA6D;GAAA7D,EAAA,KAAAQ;EAAA,OAAAA,KAAAR,EAAA;EAAA,IAAAyB;EAAA,IAAAzB,EAAA,OAAA+D,OAAA;GAEvDtC,KAAA,oBAAA,QAAA;IAAgB,WAAA;IAA2BsC,UAAAA;GAAa,CAAA;GAAA/D,EAAA,KAAA+D;GAAA/D,EAAA,KAAAyB;EAAA,OAAAA,KAAAzB,EAAA;EAAA,IAAA0B;EAAA,IAAA1B,EAAA,QAAAgE,UAAA;GACvDtC,KAAAsC,YAAY,oBAAA,QAAA;IAAgB,WAAA;IAA8BA,UAAAA;GAAgB,CAAA;GAAAhE,EAAA,MAAAgE;GAAAhE,EAAA,MAAA0B;EAAA,OAAAA,KAAA1B,EAAA;EAAA,IAAA+B;EAAA,IAAA/B,EAAA,QAAAyB,MAAAzB,EAAA,QAAA0B,IAAA;GAF7EK,KAAA,qBAAA,QAAA;IAAgB,WAAA;IAAhB,UAAA,CACEN,IACCC,EACI;;GAAA1B,EAAA,MAAAyB;GAAAzB,EAAA,MAAA0B;GAAA1B,EAAA,MAAA+B;EAAA,OAAAA,KAAA/B,EAAA;EAAA,IAAAmC;EAAA,IAAAnC,EAAA,QAAAQ,MAAAR,EAAA,QAAA+B,IAAA;GALTI,MAAA,qBAAAiE,UAAA,EAAA,UAAA,CACG5F,IACDuB,EAGO,EAAA,CAAA;GACN/B,EAAA,MAAAQ;GAAAR,EAAA,MAAA+B;GAAA/B,EAAA,MAAAmC;EAAA,OAAAA,MAAAnC,EAAA;EAVFM,KAAA/B,WACL;GAAAyE,WACa;GAAmBtC,UAE5ByB;EAQJ,GACAvB,KACF;EAACZ,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAA;EAAAL,KAAAF,EAAA;EAAAG,KAAAH,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;CAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAE,MAAAF,EAAA,QAAAG,MAAAH,EAAA,QAAAK,MAAAL,EAAA,QAAAM,IAAA;EAlBcE,KAAA;GAAA2C,gBACCjD;GAAKO,QACrBA;GAAME,KACNA;GAAGC,OACIN;EAeT;EAACN,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OAnBM1B,GAAUkC,EAmBhB;AAAC;;;;;AAiBJ,SAAO+D,WAAAxE,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAoB,MAAA,EAAAoE,MAAAF,QAAAjE,IAAAoE,OAAA7D,QAAAC,UAAAC,KAAA,GAAAC,UAAAb;CAAQ,MAAAoE,SAAAjE,OAAAW,KAAAA,IAAA,QAAAX;CACjC,MAAAjB,YAAkBd,MAAK4C,WAAYpB,sBAAsB;CAAE,IAAAQ;CAAA,IAAAH,EAAA,OAAAmE,QAAA;EAC5BhE,KAAA,EAAAgE,OAAS;EAACnE,EAAA,KAAAmE;EAAAnE,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAzC,MAAA2C,QAA+BxC;CAEb,MAAAE,KAAA;CAAG,IAAAC;CAAA,IAAAN,EAAA,OAAAqE,MAAA;EAWV/D,KAAA+D,QAAQ,oBAAA,QAAA;GAAgB,WAAA;GAAyBA,UAAAA;EAAY,CAAA;EAAArE,EAAA,KAAAqE;EAAArE,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAU,UAAA;EAC9DH,KAAA,oBAAA,QAAA;GAAgB,WAAA;GAA0BG;EAAgB,CAAA;EAAAV,EAAA,KAAAU;EAAAV,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,OAAAsE,OAAA;EACzD9D,KAAA8D,SAAS,QAAQ,oBAAA,QAAA;GAAgB,WAAA;GAA0BA,UAAAA;EAAa,CAAA;EAAAtE,EAAA,KAAAsE;EAAAtE,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,OAAAM,MAAAN,EAAA,OAAAO,MAAAP,EAAA,QAAAQ,IAAA;EAH3EiB,KAAA,qBAAA2E,UAAA,EAAA,UAAA;GACG9F;GACDC;GACCC;EAAwE,EAAA,CAAA;EACxER,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,MAAAQ;EAAAR,EAAA,MAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAVF,MAAA0B,KAAAnD,WACL;EAAAyE,WACa;EAAkB,gBACbmB,SAAA,SAAAtD,KAAAA;EAA2BkD,OACpC9E,aAAa,OAAOyB,aAAa,WAAjCA,WAAAG,KAAAA;EAAgEH,UAErEe;CAMJ,GACAb,KACF;CAAC,IAAAmB;CAAA,IAAA/B,EAAA,QAAAW,OAAAX,EAAA,QAAAS,UAAAT,EAAA,QAAA2C,SAAA3C,EAAA,QAAA0B,IAAA;EAnBcK,KAAA;GAAAoB,gBACC9C;GAAGI;GAAAE;GAAAgC;GAAA/B,OAIZc;EAeT;EAAC1B,EAAA,MAAAW;EAAAX,EAAA,MAAAS;EAAAT,EAAA,MAAA2C;EAAA3C,EAAA,MAAA0B;EAAA1B,EAAA,MAAA+B;CAAA,OAAAA,KAAA/B,EAAA;CAAA,OApBM1B,UAAUyD,EAoBhB;AAAC;;;;;;AAuBJ,SAAOmD,SAAAnF,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAS;CAAA,IAAAsC;CAAA,IAAAgC;CAAA,IAAAF;CAAA,IAAAD;CAAA,IAAAD;CAAA,IAAAhE;CAAA,IAAAD;CAAA,IAAAT;CAAA,IAAAF,EAAA,OAAAD,IAAA;EAAkB,CAAA,CAAA6E,QAAAC,aAAAC,eAAAC,WAAA7E,IAAA8E,WAAAhC,WAAAtC,UAAAC,KAAA,GAAAC,SAAAb;EAUTC,EAAA,KAAAD;EAAAC,EAAA,KAAAU;EAAAV,EAAA,KAAAgD;EAAAhD,EAAA,KAAAgF;EAAAhF,EAAA,KAAA8E;EAAA9E,EAAA,KAAA6E;EAAA7E,EAAA,KAAA4E;EAAA5E,EAAA,KAAAY;EAAAZ,EAAA,KAAAW;EAAAX,EAAA,KAAAE;CAAA,OAAA;EAAAQ,WAAAV,EAAA;EAAAgD,YAAAhD,EAAA;EAAAgF,YAAAhF,EAAA;EAAA8E,gBAAA9E,EAAA;EAAA6E,cAAA7E,EAAA;EAAA4E,SAAA5E,EAAA;EAAAY,QAAAZ,EAAA;EAAAW,MAAAX,EAAA;EAAAE,KAAAF,EAAA;CAAA;CANd,MAAA+E,YAAA7E,OAAAW,KAAAA,IAAA,oBAAAX;CAOA,MAAA,CAAAiF,MAAAC,WAAwBjH,MAAKgD,SAAU,KAAK;CAC5C,MAAAkE,YAAkB3G,mBAAmB;CAAE,IAAAyB;CAAA,IAAAH,EAAA,QAAAgC,OAAAC,IAAA,2BAAA,GAAA;EAEf9B,MAAAmC,UAAA;GACtB,IAAKA,MAAKgD,OAAsBC,QAAU,sBAAsB,GAAGH,QAAQ,KAAK;EAAE;EACnFpF,EAAA,MAAAG;CAAA,OAAAA,KAAAH,EAAA;CAFD,MAAAwF,kBAAwBrF;CAEtB,IAAAE;CAAA,IAAAL,EAAA,QAAAgD,WAAA;EAG0B3C,KAAA7B,GAAG,iBAAiBwE,SAAS;EAAChD,EAAA,MAAAgD;EAAAhD,EAAA,MAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,QAAA4E,QAAA;EACtDtE,KAAA,oBAAA,OAAA;GAAe,WAAA;GAAyBsE,UAAAA;EAAa,CAAA;EAAA5E,EAAA,MAAA4E;EAAA5E,EAAA,MAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,QAAAgC,OAAAC,IAAA,2BAAA,GAAA;EAK/C1B,KAAA,oBAAC,UAAD,CAAS,CAAA;EAAGP,EAAA,MAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAA+E,WAAA;EADdvE,KAAA,oBAAA6F,OAAA,SAAA;GAA8B,WAAA;GAAyCtB,cAAAA;GACrExE,UAAAA;EACF,CAAA;EAAqBP,EAAA,MAAA+E;EAAA/E,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,QAAA6E,aAAA;EACrBpD,KAAA,oBAAA,OAAA;GAAe,WAAA;GAA+BoD,UAAAA;EAAkB,CAAA;EAAA7E,EAAA,MAAA6E;EAAA7E,EAAA,MAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,QAAA8E,iBAAA9E,EAAA,QAAAQ,MAAAR,EAAA,QAAAyB,IAAA;EAJlEC,KAAA,qBAAA,UAAA;GAAkB,WAAA;GAAlB,UAAA;IACElB;IAGAiB;IACCqD;GACM;;EAAA9E,EAAA,MAAA8E;EAAA9E,EAAA,MAAAQ;EAAAR,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,IAAA+B;CAAA,IAAA/B,EAAA,QAAAgC,OAAAC,IAAA,2BAAA,GAAA;EAEPF,KAAA,oBAAAsE,OAAA,UAAA,EAA+B,WAAA,uBAAsB,CAAA;EAAGrG,EAAA,MAAA+B;CAAA,OAAAA,KAAA/B,EAAA;CAAA,IAAAmC;CAAA,IAAAnC,EAAA,QAAAgC,OAAAC,IAAA,2BAAA,GAAA;EAEtDE,MAAA,oBAAAkE,OAAA,OAAA;GAA4B,WAAA;GAAyC,cAAA;GACnE,UAAA,oBAAC,OAAD,CAAM,CAAA;EACR,CAAA;EAAmBrG,EAAA,MAAAmC;CAAA,OAAAA,MAAAnC,EAAA;CAAA,IAAAqC;CAAA,IAAArC,EAAA,QAAA4E,QAAA;EAHrBvC,MAAA,qBAAAgE,OAAA,OAAA;GAA4B,WAAA;GAAmC,cAAA;GAAsBb,SAAAA;GAArF,UAAA,CACErD,KAGA,oBAAC,qBAAD;IAA4B,OAAA;IAAOyC,UAAAA;GAAf,CAAA,CACtB;;EAAmB5E,EAAA,MAAA4E;EAAA5E,EAAA,MAAAqC;CAAA,OAAAA,MAAArC,EAAA;CAAA,IAAAyC;CAAA,IAAAzC,EAAA,QAAAqF,aAAArF,EAAA,QAAAqC,KAAA;EAPrBI,MAAA,qBAAA4D,OAAA,QAAA;GAA8BhB;GAA9B,UAAA,CACEtD,IACAM,GAMF;;EAAoBrC,EAAA,MAAAqF;EAAArF,EAAA,MAAAqC;EAAArC,EAAA,MAAAyC;CAAA,OAAAA,MAAAzC,EAAA;CAAA,IAAA0C;CAAA,IAAA1C,EAAA,QAAAmF,QAAAnF,EAAA,QAAAyC,OAAAzC,EAAA,QAAA0B,IAAA;EAhBtBgB,MAAA,qBAAA2D,OAAA,MAAA;GAAuBlB;GAAoBC,cAAAA;GAA3C,UAAA,CACE1D,IAOAe,GASF;;EAAkBzC,EAAA,MAAAmF;EAAAnF,EAAA,MAAAyC;EAAAzC,EAAA,MAAA0B;EAAA1B,EAAA,MAAA0C;CAAA,OAAAA,MAAA1C,EAAA;CAEwC,MAAA4C,MAAAoC,WAAShC;CAAW,IAAAH;CAAA,IAAA7C,EAAA,QAAA4C,KAAA;EAA9CC,MAAArE,GAAG,uBAAuBoE,GAAoB;EAAC5C,EAAA,MAAA4C;EAAA5C,EAAA,MAAA6C;CAAA,OAAAA,MAAA7C,EAAA;CAAA,IAAA8C;CAAA,IAAA9C,EAAA,QAAAU,YAAAV,EAAA,QAAAgF,aAAAhF,EAAA,QAAA6C,KAAA;EAA/EC,MAAA,oBAAA,QAAA;GAEO,GAFGkC;GAAsB,WAAAnC;GAC7BnC;EACI,CAAA;EAAAV,EAAA,MAAAU;EAAAV,EAAA,MAAAgF;EAAAhF,EAAA,MAAA6C;EAAA7C,EAAA,MAAA8C;CAAA,OAAAA,MAAA9C,EAAA;CAAA,IAAA+C;CAAA,IAAA/C,EAAA,QAAAY,SAAAZ,EAAA,QAAAW,OAAAX,EAAA,QAAA0C,OAAA1C,EAAA,QAAA8C,OAAA9C,EAAA,QAAAK,MAAAL,EAAA,QAAAM,IAAA;EAxBTyC,MAAA,qBAAA,OAAA;GAAUpC;GAAgB,WAAAN;GAA8B,GAAMO;GAA9D,UAAA;IACEN;IAEAoC;IAmBAI;GAGI;;EAAA9C,EAAA,MAAAY;EAAAZ,EAAA,MAAAW;EAAAX,EAAA,MAAA0C;EAAA1C,EAAA,MAAA8C;EAAA9C,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAA+C;CAAA,OAAAA,MAAA/C,EAAA;CAAA,OAzBN+C;AAyBM;AAgBV,SAAO+C,WAAA/F,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAA4F;CAAA,IAAAH;CAAA,IAAA1C;CAAA,IAAA4C;CAAA,IAAAD;CAAA,IAAA/E;CAAA,IAAAD;CAAA,IAAAoD;CAAA,IAAA/D,EAAA,OAAAD,IAAA;EAAoB,CAAA,CAAA2F,aAAAC,SAAA5B,OAAA6B,aAAAC,SAAA7C,WAAArC,KAAA,GAAAC,SAAAb;EASTC,EAAA,KAAAD;EAAAC,EAAA,KAAA6F;EAAA7F,EAAA,KAAA0F;EAAA1F,EAAA,KAAAgD;EAAAhD,EAAA,KAAA4F;EAAA5F,EAAA,KAAA2F;EAAA3F,EAAA,KAAAY;EAAAZ,EAAA,KAAAW;EAAAX,EAAA,KAAA+D;CAAA,OAAA;EAAA8B,UAAA7F,EAAA;EAAA0F,cAAA1F,EAAA;EAAAgD,YAAAhD,EAAA;EAAA4F,cAAA5F,EAAA;EAAA2F,UAAA3F,EAAA;EAAAY,QAAAZ,EAAA;EAAAW,MAAAX,EAAA;EAAA+D,QAAA/D,EAAA;CAAA;CAAA,IAAAE;CAAA,IAAAF,EAAA,OAAAgD,WAAA;EAEe9C,KAAA1B,GAAG,mBAAmBwE,SAAS;EAAChD,EAAA,KAAAgD;EAAAhD,EAAA,MAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAG;CAAA,IAAAH,EAAA,QAAA0F,aAAA;EAExDvF,KAAAuF,eAAe,oBAAA,OAAA;GAAe,WAAA;GAAgCA,UAAAA;EAAkB,CAAA;EAAA1F,EAAA,MAAA0F;EAAA1F,EAAA,MAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,QAAA2F,SAAA;EAChFtF,KAAAsF,WAAW,oBAAA,QAAA;GAAgB,WAAA;GAAeA,UAAAA;EAAe,CAAA;EAAA3F,EAAA,MAAA2F;EAAA3F,EAAA,MAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,QAAA+D,OAAA;EAC1DzD,KAAA,oBAAA,MAAA;GAAc,WAAA;GAA0ByD,UAAAA;EAAW,CAAA;EAAA/D,EAAA,MAAA+D;EAAA/D,EAAA,MAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,QAAA4F,aAAA;EAClDrF,KAAAqF,eAAe,oBAAA,KAAA;GAAa,WAAA;GAAgCA,UAAAA;EAAgB,CAAA;EAAA5F,EAAA,MAAA4F;EAAA5F,EAAA,MAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAG,MAAAH,EAAA,QAAAK,MAAAL,EAAA,QAAAM,MAAAN,EAAA,QAAAO,IAAA;EAJ/EC,KAAA,qBAAA,OAAA;GAAe,WAAA;GAAf,UAAA;IACGL;IACAE;IACDC;IACCC;GACG;;EAAAP,EAAA,MAAAG;EAAAH,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAO;EAAAP,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,QAAA6F,SAAA;EACLpE,KAAAoE,WAAW,oBAAA,OAAA;GAAe,WAAA;GAA4BA,UAAAA;EAAc,CAAA;EAAA7F,EAAA,MAAA6F;EAAA7F,EAAA,MAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,QAAAY,SAAAZ,EAAA,QAAAW,OAAAX,EAAA,QAAAE,MAAAF,EAAA,QAAAQ,MAAAR,EAAA,QAAAyB,IAAA;EAPvEC,KAAA,qBAAA,UAAA;GAAaf;GAAgB,WAAAT;GAAgC,GAAMU;GAAnE,UAAA,CACEJ,IAMCiB,EACM;;EAAAzB,EAAA,MAAAY;EAAAZ,EAAA,MAAAW;EAAAX,EAAA,MAAAE;EAAAF,EAAA,MAAAQ;EAAAR,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,OART0B;AAQS;;AAYb,SAAOwE,KAAAnG,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAA+C;CAAA,IAAApC;CAAA,IAAAD;CAAA,IAAAT;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAD,IAAA;EAAc,CAAA,CAAAiG,SAAA9F,IAAA+F,KAAA9F,IAAA6C,WAAArC,KAAA,GAAAC,SAAAb;EAAgEC,EAAA,KAAAD;EAAAC,EAAA,KAAAgD;EAAAhD,EAAA,KAAAY;EAAAZ,EAAA,KAAAW;EAAAX,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAA6C,YAAAhD,EAAA;EAAAY,QAAAZ,EAAA;EAAAW,MAAAX,EAAA;EAAAE,KAAAF,EAAA;EAAAG,KAAAH,EAAA;CAAA;CAA9D,MAAAgG,UAAA9F,OAAAW,KAAAA,IAAA,IAAAX;CAAa,MAAA+F,MAAA9F,OAAAU,KAAAA,IAAA,OAAAV;CAAU,IAAAE;CAAA,IAAAL,EAAA,OAAAgD,WAAA;EACX3C,KAAA7B,GAAG,YAAYwE,SAAS;EAAChD,EAAA,KAAAgD;EAAAhD,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAgG,WAAAhG,EAAA,OAAAiG,OAAAjG,EAAA,QAAAY,SAAAZ,EAAA,QAAAW,OAAAX,EAAA,QAAAK,IAAA;EAAnDC,KAAA,oBAAA,OAAA;GAAUK;GAAgB,WAAAN;GAAyC2F,gBAAAA;GAAmBC,YAAAA;GAAG,GAAMrF;EAAK,CAAA;EAAIZ,EAAA,KAAAgG;EAAAhG,EAAA,KAAAiG;EAAAjG,EAAA,MAAAY;EAAAZ,EAAA,MAAAW;EAAAX,EAAA,MAAAK;EAAAL,EAAA,MAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAAxGM;AAAwG"}

package/dist/components/avatar/Avatar.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarProps extends BaseAvatar.Root.Props {
+    src?: string;
+    alt?: string;
+    /** Name used for initials when the image is missing. */
+    name?: string;
+    /** Explicit fallback content (overrides initials). */
+    fallback?: React.ReactNode;
+    size?: AvatarSize;
+    shape?: 'circle' | 'rounded';
+}
+export declare function Avatar({ src, alt, name, fallback, size, shape, className, ref, ...props }: AvatarProps): React.JSX.Element;
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+    /** Show at most this many avatars, then a "+N" counter. */
+    max?: number;
+    size?: AvatarSize;
+}
+export declare function AvatarGroup({ max, size, className, children, ref, ...props }: AvatarGroupProps): React.JSX.Element;

package/dist/components/avatar/Avatar.js

@@ -0,0 +1,190 @@
+"use client";
+import { cx, withClass } from "../../utils/cx.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+//#region src/components/avatar/Avatar.tsx
+function initials(name) {
+	if (!name) return "";
+	const parts = name.trim().split(/\s+/);
+	return ((parts[0]?.[0] ?? "") + (parts.length > 1 ? parts[parts.length - 1]?.[0] ?? "" : "")).toUpperCase();
+}
+function Avatar$1(t0) {
+	const $ = c(30);
+	let alt;
+	let className;
+	let fallback;
+	let name;
+	let props;
+	let ref;
+	let src;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({src, alt, name, fallback, size: t1, shape: t2, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = alt;
+		$[2] = className;
+		$[3] = fallback;
+		$[4] = name;
+		$[5] = props;
+		$[6] = ref;
+		$[7] = src;
+		$[8] = t1;
+		$[9] = t2;
+	} else {
+		alt = $[1];
+		className = $[2];
+		fallback = $[3];
+		name = $[4];
+		props = $[5];
+		ref = $[6];
+		src = $[7];
+		t1 = $[8];
+		t2 = $[9];
+	}
+	const size = t1 === void 0 ? "md" : t1;
+	const shape = t2 === void 0 ? "circle" : t2;
+	let t3;
+	if ($[10] !== className) {
+		t3 = withClass("oui-avatar", className);
+		$[10] = className;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== alt || $[13] !== name || $[14] !== src) {
+		t4 = src && /* @__PURE__ */ jsx(Avatar.Image, {
+			className: "oui-avatar__image",
+			src,
+			alt: alt ?? name ?? ""
+		});
+		$[12] = alt;
+		$[13] = name;
+		$[14] = src;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== fallback || $[17] !== name) {
+		t5 = fallback ?? initials(name);
+		$[16] = fallback;
+		$[17] = name;
+		$[18] = t5;
+	} else t5 = $[18];
+	let t6;
+	if ($[19] !== name || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Avatar.Fallback, {
+			className: "oui-avatar__fallback",
+			"aria-label": name,
+			children: t5
+		});
+		$[19] = name;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	let t7;
+	if ($[22] !== props || $[23] !== ref || $[24] !== shape || $[25] !== size || $[26] !== t3 || $[27] !== t4 || $[28] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Avatar.Root, {
+			ref,
+			className: t3,
+			"data-size": size,
+			"data-shape": shape,
+			...props,
+			children: [t4, t6]
+		});
+		$[22] = props;
+		$[23] = ref;
+		$[24] = shape;
+		$[25] = size;
+		$[26] = t3;
+		$[27] = t4;
+		$[28] = t6;
+		$[29] = t7;
+	} else t7 = $[29];
+	return t7;
+}
+function AvatarGroup(t0) {
+	const $ = c(23);
+	let children;
+	let className;
+	let max;
+	let props;
+	let ref;
+	let t1;
+	if ($[0] !== t0) {
+		({max, size: t1, className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = max;
+		$[4] = props;
+		$[5] = ref;
+		$[6] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		max = $[3];
+		props = $[4];
+		ref = $[5];
+		t1 = $[6];
+	}
+	const size = t1 === void 0 ? "md" : t1;
+	let items;
+	let t2;
+	if ($[7] !== children || $[8] !== max) {
+		items = React.Children.toArray(children);
+		t2 = max != null ? items.slice(0, max) : items;
+		$[7] = children;
+		$[8] = max;
+		$[9] = items;
+		$[10] = t2;
+	} else {
+		items = $[9];
+		t2 = $[10];
+	}
+	const visible = t2;
+	const hidden = items.length - visible.length;
+	let t3;
+	if ($[11] !== className) {
+		t3 = cx("oui-avatar-group", className);
+		$[11] = className;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== hidden || $[14] !== size) {
+		t4 = hidden > 0 && /* @__PURE__ */ jsx("span", {
+			className: "oui-avatar oui-avatar--count",
+			"data-size": size,
+			"data-shape": "circle",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "oui-avatar__fallback",
+				children: ["+", hidden]
+			})
+		});
+		$[13] = hidden;
+		$[14] = size;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== props || $[17] !== ref || $[18] !== size || $[19] !== t3 || $[20] !== t4 || $[21] !== visible) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			ref,
+			className: t3,
+			"data-size": size,
+			...props,
+			children: [visible, t4]
+		});
+		$[16] = props;
+		$[17] = ref;
+		$[18] = size;
+		$[19] = t3;
+		$[20] = t4;
+		$[21] = visible;
+		$[22] = t5;
+	} else t5 = $[22];
+	return t5;
+}
+//#endregion
+export { Avatar$1 as Avatar, AvatarGroup };
+
+//# sourceMappingURL=Avatar.js.map

package/dist/components/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":["React","Avatar","BaseAvatar","cx","withClass","AvatarSize","AvatarProps","Root","Props","src","alt","name","fallback","ReactNode","size","shape","initials","parts","trim","split","length","toUpperCase","t0","$","_c","className","props","ref","t1","t2","undefined","t3","t4","t5","t6","t7","AvatarGroupProps","HTMLAttributes","HTMLDivElement","Ref","max","AvatarGroup","children","items","Children","toArray","slice","visible","hidden","Avatar","_c","BaseAvatar"],"sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Avatar as BaseAvatar } from '@base-ui/react/avatar';\nimport { cx, withClass } from '../../utils/cx';\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface AvatarProps extends BaseAvatar.Root.Props {\n  src?: string;\n  alt?: string;\n  /** Name used for initials when the image is missing. */\n  name?: string;\n  /** Explicit fallback content (overrides initials). */\n  fallback?: React.ReactNode;\n  size?: AvatarSize;\n  shape?: 'circle' | 'rounded';\n}\n\nfunction initials(name?: string) {\n  if (!name) return '';\n  const parts = name.trim().split(/\\s+/);\n  return ((parts[0]?.[0] ?? '') + (parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? '') : '')).toUpperCase();\n}\n\nexport function Avatar({\n  src,\n  alt,\n  name,\n  fallback,\n  size = 'md',\n  shape = 'circle',\n  className,\n  ref,\n  ...props\n}: AvatarProps) {\n  return (\n    <BaseAvatar.Root\n      ref={ref}\n      className={withClass('oui-avatar', className)}\n      data-size={size}\n      data-shape={shape}\n      {...props}\n    >\n      {src && <BaseAvatar.Image className=\"oui-avatar__image\" src={src} alt={alt ?? name ?? ''} />}\n      <BaseAvatar.Fallback className=\"oui-avatar__fallback\" aria-label={name}>\n        {fallback ?? initials(name)}\n      </BaseAvatar.Fallback>\n    </BaseAvatar.Root>\n  );\n}\n\nexport interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement>;\n  /** Show at most this many avatars, then a \"+N\" counter. */\n  max?: number;\n  size?: AvatarSize;\n}\n\nexport function AvatarGroup({ max, size = 'md', className, children, ref, ...props }: AvatarGroupProps) {\n  const items = React.Children.toArray(children);\n  const visible = max != null ? items.slice(0, max) : items;\n  const hidden = items.length - visible.length;\n  return (\n    <div ref={ref} className={cx('oui-avatar-group', className)} data-size={size} {...props}>\n      {visible}\n      {hidden > 0 && (\n        <span className=\"oui-avatar oui-avatar--count\" data-size={size} data-shape=\"circle\">\n          <span className=\"oui-avatar__fallback\">+{hidden}</span>\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/badge/Badge.d.ts

@@ -0,0 +1,16 @@
+import { useRender } from '@base-ui/react/use-render';
+export type BadgeTone = 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
+export type BadgeVariant = 'soft' | 'solid' | 'outline';
+export type BadgeState = {
+    tone: BadgeTone;
+    variant: BadgeVariant;
+    size: 'sm' | 'md';
+};
+export interface BadgeProps extends useRender.ComponentProps<'span', BadgeState> {
+    tone?: BadgeTone;
+    variant?: BadgeVariant;
+    size?: 'sm' | 'md';
+    /** Leading status dot. */
+    dot?: boolean;
+}
+export declare function Badge({ tone, variant, size, dot, render, children, ref, ...props }: BadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/badge/Badge.js

@@ -0,0 +1,94 @@
+"use client";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import { mergeProps } from "@base-ui/react/merge-props";
+//#region src/components/badge/Badge.tsx
+function Badge(t0) {
+	const $ = c(22);
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	if ($[0] !== t0) {
+		const { tone: t7, variant: t8, size: t9, dot, render, children, ref, ...props } = t0;
+		const tone = t7 === void 0 ? "neutral" : t7;
+		const variant = t8 === void 0 ? "soft" : t8;
+		const size = t9 === void 0 ? "md" : t9;
+		let t10;
+		if ($[7] !== size || $[8] !== tone || $[9] !== variant) {
+			t10 = {
+				tone,
+				variant,
+				size
+			};
+			$[7] = size;
+			$[8] = tone;
+			$[9] = variant;
+			$[10] = t10;
+		} else t10 = $[10];
+		const state = t10;
+		t6 = useRender;
+		t1 = "span";
+		t2 = render;
+		t3 = ref;
+		t4 = state;
+		let t11;
+		if ($[11] !== dot) {
+			t11 = dot && /* @__PURE__ */ jsx("span", {
+				className: "oui-badge__dot",
+				"aria-hidden": true
+			});
+			$[11] = dot;
+			$[12] = t11;
+		} else t11 = $[12];
+		let t12;
+		if ($[13] !== children || $[14] !== t11) {
+			t12 = /* @__PURE__ */ jsxs(Fragment, { children: [t11, children] });
+			$[13] = children;
+			$[14] = t11;
+			$[15] = t12;
+		} else t12 = $[15];
+		t5 = mergeProps({
+			className: "oui-badge",
+			children: t12
+		}, props);
+		$[0] = t0;
+		$[1] = t1;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+		$[5] = t5;
+		$[6] = t6;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+		t3 = $[3];
+		t4 = $[4];
+		t5 = $[5];
+		t6 = $[6];
+	}
+	let t7;
+	if ($[16] !== t1 || $[17] !== t2 || $[18] !== t3 || $[19] !== t4 || $[20] !== t5) {
+		t7 = {
+			defaultTagName: t1,
+			render: t2,
+			ref: t3,
+			state: t4,
+			props: t5
+		};
+		$[16] = t1;
+		$[17] = t2;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t7;
+	} else t7 = $[21];
+	return t6(t7);
+}
+//#endregion
+export { Badge };
+
+//# sourceMappingURL=Badge.js.map

package/dist/components/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","names":["useRender","mergeProps","BadgeTone","BadgeVariant","BadgeState","tone","variant","size","BadgeProps","ComponentProps","dot","Badge","t0","$","_c","t1","t2","t3","t4","t5","t6","t7","t8","t9","render","children","ref","props","undefined","t10","state","t11","t12","className","defaultTagName","_c","_Fragment"],"sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import { useRender } from '@base-ui/react/use-render';\nimport { mergeProps } from '@base-ui/react/merge-props';\n\nexport type BadgeTone = 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';\nexport type BadgeVariant = 'soft' | 'solid' | 'outline';\n\nexport type BadgeState = {\n  tone: BadgeTone;\n  variant: BadgeVariant;\n  size: 'sm' | 'md';\n};\n\nexport interface BadgeProps extends useRender.ComponentProps<'span', BadgeState> {\n  tone?: BadgeTone;\n  variant?: BadgeVariant;\n  size?: 'sm' | 'md';\n  /** Leading status dot. */\n  dot?: boolean;\n}\n\nexport function Badge({\n  tone = 'neutral',\n  variant = 'soft',\n  size = 'md',\n  dot,\n  render,\n  children,\n  ref,\n  ...props\n}: BadgeProps) {\n  const state: BadgeState = { tone, variant, size };\n  return useRender({\n    defaultTagName: 'span',\n    render,\n    ref,\n    state,\n    props: mergeProps<'span'>(\n      {\n        className: 'oui-badge',\n        children: (\n          <>\n            {dot && <span className=\"oui-badge__dot\" aria-hidden />}\n            {children}\n          </>\n        ),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;AAoBA,SAAOW,MAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAP,EAAA,OAAAD,IAAA;EAAe,MAAA,EAAAP,MAAAgB,IAAAf,SAAAgB,IAAAf,MAAAgB,IAAAb,KAAAc,QAAAC,UAAAC,KAAA,GAAAC,UAAAf;EACpB,MAAAP,OAAAgB,OAAAO,KAAAA,IAAA,YAAAP;EACA,MAAAf,UAAAgB,OAAAM,KAAAA,IAAA,SAAAN;EACA,MAAAf,OAAAgB,OAAAK,KAAAA,IAAA,OAAAL;EAAW,IAAAM;EAAA,IAAAhB,EAAA,OAAAN,QAAAM,EAAA,OAAAR,QAAAQ,EAAA,OAAAP,SAAA;GAOeuB,MAAA;IAAAxB;IAAAC;IAAAC;GAAsB;GAACM,EAAA,KAAAN;GAAAM,EAAA,KAAAR;GAAAQ,EAAA,KAAAP;GAAAO,EAAA,MAAAgB;EAAA,OAAAA,MAAAhB,EAAA;EAAjD,MAAAiB,QAA0BD;EACnB7B,KAAAA;EACWe,KAAA;EAChBS,KAAAA;EACAE,KAAAA;EACAI,KAAAA;EAAK,IAAAC;EAAA,IAAAlB,EAAA,QAAAH,KAAA;GAMIqB,MAAArB,OAAO,oBAAA,QAAA;IAAgB,WAAA;IAAiB,eAAA;GAAW,CAAA;GAAGG,EAAA,MAAAH;GAAAG,EAAA,MAAAkB;EAAA,OAAAA,MAAAlB,EAAA;EAAA,IAAAmB;EAAA,IAAAnB,EAAA,QAAAY,YAAAZ,EAAA,QAAAkB,KAAA;GADzDC,MAAA,qBAAAI,UAAA,EAAA,UAAA,CACGL,KACAN,QAAQ,EAAA,CAAA;GACRZ,EAAA,MAAAY;GAAAZ,EAAA,MAAAkB;GAAAlB,EAAA,MAAAmB;EAAA,OAAAA,MAAAnB,EAAA;EAPFM,KAAAlB,WACL;GAAAgC,WACa;GAAWR,UAEpBO;EAKJ,GACAL,KACF;EAACd,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAA;EAAAL,KAAAF,EAAA;EAAAG,KAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;CAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAE,MAAAF,EAAA,QAAAG,MAAAH,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,MAAAL,EAAA,QAAAM,IAAA;EAhBcE,KAAA;GAAAa,gBACCnB;GAAMS,QACtBA;GAAME,KACNA;GAAGI,OACHA;GAAKH,OACER;EAYT;EAACN,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OAjBMb,GAAUqB,EAiBhB;AAAC"}

package/dist/components/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement>;
+    /** Shown between items. Defaults to a chevron. */
+    separator?: React.ReactNode;
+}
+/** Trail of links to the pages above the current one. Each child becomes one step. */
+export declare function Breadcrumbs({ separator, 'aria-label': label, className, children, ref, ...props }: BreadcrumbsProps): React.JSX.Element;
+export type BreadcrumbState = {
+    current: boolean;
+};
+export interface BreadcrumbProps extends useRender.ComponentProps<'a', BreadcrumbState> {
+    /** Marks the page the user is on; it renders as text instead of a link. */
+    current?: boolean;
+}
+/** One step of a breadcrumb trail. Pass a router link through `render`. */
+export declare function Breadcrumb({ current, render, ref, ...props }: BreadcrumbProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/dist/components/breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,154 @@
+"use client";
+import { cx } from "../../utils/cx.js";
+import { ChevronRightIcon } from "../../icons/index.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import { mergeProps } from "@base-ui/react/merge-props";
+//#region src/components/breadcrumbs/Breadcrumbs.tsx
+/** Trail of links to the pages above the current one. Each child becomes one step. */
+function Breadcrumbs(t0) {
+	const $ = c(22);
+	let children;
+	let className;
+	let props;
+	let ref;
+	let separator;
+	let t1;
+	if ($[0] !== t0) {
+		({separator, "aria-label": t1, className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = separator;
+		$[6] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+		separator = $[5];
+		t1 = $[6];
+	}
+	const label = t1 === void 0 ? "Breadcrumb" : t1;
+	let t2;
+	if ($[7] !== className) {
+		t2 = cx("oui-breadcrumbs", className);
+		$[7] = className;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== children || $[10] !== separator) {
+		let t4;
+		if ($[12] !== separator) {
+			t4 = (child, index) => /* @__PURE__ */ jsxs("li", {
+				className: "oui-breadcrumbs__item",
+				children: [index > 0 && /* @__PURE__ */ jsx("span", {
+					className: "oui-breadcrumbs__separator",
+					"aria-hidden": true,
+					children: separator ?? /* @__PURE__ */ jsx(ChevronRightIcon, {})
+				}), child]
+			}, index);
+			$[12] = separator;
+			$[13] = t4;
+		} else t4 = $[13];
+		t3 = React.Children.toArray(children).map(t4);
+		$[9] = children;
+		$[10] = separator;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[14] !== t3) {
+		t4 = /* @__PURE__ */ jsx("ol", {
+			className: "oui-breadcrumbs__list",
+			children: t3
+		});
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== label || $[17] !== props || $[18] !== ref || $[19] !== t2 || $[20] !== t4) {
+		t5 = /* @__PURE__ */ jsx("nav", {
+			ref,
+			"aria-label": label,
+			className: t2,
+			...props,
+			children: t4
+		});
+		$[16] = label;
+		$[17] = props;
+		$[18] = ref;
+		$[19] = t2;
+		$[20] = t4;
+		$[21] = t5;
+	} else t5 = $[21];
+	return t5;
+}
+/** One step of a breadcrumb trail. Pass a router link through `render`. */
+function Breadcrumb(t0) {
+	const $ = c(15);
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	if ($[0] !== t0) {
+		const { current: t7, render, ref, ...props } = t0;
+		const current = t7 === void 0 ? false : t7;
+		let t8;
+		if ($[7] !== current) {
+			t8 = { current };
+			$[7] = current;
+			$[8] = t8;
+		} else t8 = $[8];
+		const state = t8;
+		t6 = useRender;
+		t1 = current ? "span" : "a";
+		t2 = render;
+		t3 = ref;
+		t4 = state;
+		t5 = mergeProps({
+			className: "oui-breadcrumbs__link",
+			"aria-current": current ? "page" : void 0
+		}, props);
+		$[0] = t0;
+		$[1] = t1;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+		$[5] = t5;
+		$[6] = t6;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+		t3 = $[3];
+		t4 = $[4];
+		t5 = $[5];
+		t6 = $[6];
+	}
+	let t7;
+	if ($[9] !== t1 || $[10] !== t2 || $[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
+		t7 = {
+			defaultTagName: t1,
+			render: t2,
+			ref: t3,
+			state: t4,
+			props: t5
+		};
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t7;
+	} else t7 = $[14];
+	return t6(t7);
+}
+//#endregion
+export { Breadcrumb, Breadcrumbs };
+
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","names":["React","useRender","mergeProps","cx","ChevronRightIcon","BreadcrumbsProps","HTMLAttributes","HTMLElement","ref","Ref","separator","ReactNode","Breadcrumbs","t0","$","_c","children","className","props","t1","label","undefined","t2","t3","t4","child","index","Children","toArray","map","t5","BreadcrumbState","current","BreadcrumbProps","ComponentProps","Breadcrumb","t6","t7","render","t8","state","defaultTagName","_c"],"sources":["../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useRender } from '@base-ui/react/use-render';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { cx } from '../../utils/cx';\nimport { ChevronRightIcon } from '../../icons';\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement>;\n  /** Shown between items. Defaults to a chevron. */\n  separator?: React.ReactNode;\n}\n\n/** Trail of links to the pages above the current one. Each child becomes one step. */\nexport function Breadcrumbs({\n  separator,\n  'aria-label': label = 'Breadcrumb',\n  className,\n  children,\n  ref,\n  ...props\n}: BreadcrumbsProps) {\n  return (\n    <nav ref={ref} aria-label={label} className={cx('oui-breadcrumbs', className)} {...props}>\n      <ol className=\"oui-breadcrumbs__list\">\n        {React.Children.toArray(children).map((child, index) => (\n          <li key={index} className=\"oui-breadcrumbs__item\">\n            {index > 0 && (\n              <span className=\"oui-breadcrumbs__separator\" aria-hidden>\n                {separator ?? <ChevronRightIcon />}\n              </span>\n            )}\n            {child}\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n}\n\nexport type BreadcrumbState = { current: boolean };\n\nexport interface BreadcrumbProps extends useRender.ComponentProps<'a', BreadcrumbState> {\n  /** Marks the page the user is on; it renders as text instead of a link. */\n  current?: boolean;\n}\n\n/** One step of a breadcrumb trail. Pass a router link through `render`. */\nexport function Breadcrumb({ current = false, render, ref, ...props }: BreadcrumbProps) {\n  const state: BreadcrumbState = { current };\n  return useRender({\n    defaultTagName: current ? 'span' : 'a',\n    render,\n    ref,\n    state,\n    props: mergeProps<'a'>({ className: 'oui-breadcrumbs__link', 'aria-current': current ? 'page' : undefined }, props),\n  });\n}\n"],"mappings":"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"}

package/dist/components/button/Button.d.ts

@@ -0,0 +1,23 @@
+import { Button as BaseButton } from '@base-ui/react/button';
+export type ButtonVariant = 'primary' | 'accent' | 'secondary' | 'soft' | 'ghost' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonShape = 'pill' | 'rounded';
+export interface ButtonProps extends BaseButton.Props {
+    /** Visual emphasis. */
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    /** `pill` (default) or `rounded` corners. Override with `--oui-button-radius`. */
+    shape?: ButtonShape;
+    /** Stretch to the container width. */
+    fullWidth?: boolean;
+    /** Shows a spinner and blocks interaction while keeping focus. */
+    loading?: boolean;
+}
+export declare function Button({ variant, size, shape, fullWidth, loading, disabled, className, children, ref, ...props }: ButtonProps): import("react").JSX.Element;
+export interface IconButtonProps extends Omit<ButtonProps, 'shape' | 'fullWidth'> {
+    /** Required: icon-only buttons need an accessible name. */
+    'aria-label': string;
+    shape?: 'rounded' | 'circle';
+}
+/** Square button for a single icon. Defaults to the compact ghost style. */
+export declare function IconButton({ variant, size, shape, className, ref, ...props }: IconButtonProps): import("react").JSX.Element;