@fragments-sdk/ui 0.13.0 → 0.14.0

package/dist/components/Header/index.cjs

@@ -23,6 +23,21 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const HeaderIconContext = React__namespace.createContext(void 0);
+function useHeaderIcons() {
+  return React__namespace.useContext(HeaderIconContext);
+}
+function renderHeaderIcon(slot, state) {
+  if (slot === void 0) return void 0;
+  return typeof slot === "function" ? slot(state) : slot;
+}
+function composeEventHandlers(userHandler, internalHandler) {
+  return (event) => {
+    userHandler == null ? void 0 : userHandler(event);
+    if (event.defaultPrevented) return;
+    internalHandler(event);
+  };
+}
 function useIsMobile() {
   const [isMobile, setIsMobile] = React__namespace.useState(false);
   React__namespace.useEffect(() => {
@@ -39,6 +54,7 @@ function HeaderRoot({
   children,
   height = "56px",
   position = "static",
+  icons,
   className,
   style: styleProp,
   ...htmlProps
@@ -53,22 +69,23 @@ function HeaderRoot({
     "--header-height": height,
     ...styleProp
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("header", { ...htmlProps, className: classes, style, "data-position": position, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Header_module.default.container, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(HeaderIconContext.Provider, { value: icons, children: /* @__PURE__ */ jsxRuntime.jsx("header", { ...htmlProps, className: classes, style, "data-position": position, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Header_module.default.container, children }) }) });
 }
-function HeaderBrand({ children, href, className }) {
+function HeaderBrand({ children, href, className, ...htmlProps }) {
   const classes = [Header_module.default.brand, className].filter(Boolean).join(" ");
   if (href) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: classes, children });
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { ...htmlProps, href, className: classes, children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
 }
 function HeaderNav({
   children,
   "aria-label": ariaLabel = "Main navigation",
-  className
+  className,
+  ...htmlProps
 }) {
   const classes = [Header_module.default.nav, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: classes, "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Header_module.default.navList, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { ...htmlProps, className: classes, "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Header_module.default.navList, children }) });
 }
 function HeaderNavItem({
   children,
@@ -76,7 +93,8 @@ function HeaderNavItem({
   href,
   asChild = false,
   onClick,
-  className
+  className,
+  ...htmlProps
 }) {
   const classes = [
     Header_module.default.navItem,
@@ -89,52 +107,64 @@ function HeaderNavItem({
     "aria-current": active ? "page" : void 0
   };
   if (asChild && React__namespace.isValidElement(children)) {
+    const childProps = children.props;
     return /* @__PURE__ */ jsxRuntime.jsx("li", { children: React__namespace.cloneElement(children, {
+      ...htmlProps,
       ...itemProps,
-      className: [classes, children.props.className].filter(Boolean).join(" ")
+      onClick: composeEventHandlers(childProps.onClick, onClick ?? (() => {
+      })),
+      className: [classes, childProps.className].filter(Boolean).join(" ")
     }) });
   }
   if (href) {
-    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { ...itemProps, href, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { ...htmlProps, ...itemProps, href, children }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { ...itemProps, type: "button", children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { ...htmlProps, ...itemProps, type: "button", children }) });
 }
 function HeaderSearch({
   children,
   expandable = false,
-  className
+  className,
+  ...htmlProps
 }) {
   const classes = [
     Header_module.default.search,
     expandable && Header_module.default.searchExpandable,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
 }
-function HeaderActions({ children, className }) {
+function HeaderActions({ children, className, ...htmlProps }) {
   const classes = [Header_module.default.actions, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
 }
 function HeaderTrigger({
   children,
   "aria-label": ariaLabel = "Toggle navigation",
-  className
+  className,
+  onClick,
+  ...htmlProps
 }) {
   const isMobile = useIsMobile();
   const { open, setOpen } = index.useSidebar();
+  const icons = useHeaderIcons();
   if (!isMobile) {
     return null;
   }
   const classes = [Header_module.default.trigger, className].filter(Boolean).join(" ");
+  const iconSlot = open ? icons == null ? void 0 : icons.close : icons == null ? void 0 : icons.menu;
+  const iconState = { slot: open ? "close" : "menu", open };
+  const iconOverride = renderHeaderIcon(iconSlot, iconState);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
+      ...htmlProps,
       type: "button",
       className: classes,
-      onClick: () => setOpen(!open),
+      onClick: composeEventHandlers(onClick, () => setOpen(!open)),
       "aria-label": ariaLabel,
       "aria-expanded": open,
-      children: children || (open ? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 24, "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(react.List, { size: 24, "aria-hidden": true }))
+      children: children || iconOverride || (open ? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 24, "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(react.List, { size: 24, "aria-hidden": true }))
     }
   );
 }
@@ -146,18 +176,24 @@ function HeaderNavMenu({
   label,
   active = false,
   className,
-  children
+  children,
+  ...htmlProps
 }) {
+  const icons = useHeaderIcons();
   const triggerClasses = [
     Header_module.default.navItem,
     Header_module.default.navMenuTrigger,
     active && Header_module.default.navItemActive,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.Root, { modal: false, children: [
+  const chevronIcon = renderHeaderIcon(icons == null ? void 0 : icons.navMenuChevron, {
+    slot: "navMenuChevron",
+    active
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { ...htmlProps, children: /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.Root, { modal: false, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(menu.Menu.Trigger, { className: triggerClasses, children: [
       label,
-      /* @__PURE__ */ jsxRuntime.jsx(react.CaretDown, { size: 12, className: Header_module.default.navMenuChevron, "aria-hidden": true })
+      chevronIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: Header_module.default.navMenuChevron, "aria-hidden": true, children: chevronIcon }) : /* @__PURE__ */ jsxRuntime.jsx(react.CaretDown, { size: 12, className: Header_module.default.navMenuChevron, "aria-hidden": true })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Positioner, { side: "bottom", align: "start", sideOffset: 4, className: Header_module.default.navMenuPositioner, children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Popup, { className: Header_module.default.navMenuPopup, children }) }) })
   ] }) });
@@ -167,7 +203,8 @@ function HeaderNavMenuItem({
   href,
   active = false,
   asChild = false,
-  className
+  className,
+  ...htmlProps
 }) {
   const classes = [
     Header_module.default.navMenuItem,
@@ -178,15 +215,16 @@ function HeaderNavMenuItem({
     return /* @__PURE__ */ jsxRuntime.jsx(
       menu.Menu.Item,
       {
+        ...htmlProps,
         className: classes,
         render: children
       }
     );
   }
   if (href) {
-    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Item, { className: classes, render: /* @__PURE__ */ jsxRuntime.jsx("a", { href }), children });
+    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Item, { ...htmlProps, className: classes, render: /* @__PURE__ */ jsxRuntime.jsx("a", { href }), children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Item, { className: classes, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Item, { ...htmlProps, className: classes, children });
 }
 function HeaderSkipLink({
   children = "Skip to main content",

package/dist/components/Header/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Header/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { CaretDown, List, X } from '@phosphor-icons/react';\nimport styles from './Header.module.scss';\nimport { useSidebar } from '../Sidebar';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Header height (default: '56px') */\n  height?: string;\n  /** Position behavior */\n  position?: 'static' | 'fixed' | 'sticky';\n}\n\nexport interface HeaderBrandProps {\n  children: React.ReactNode;\n  /** Link destination */\n  href?: string;\n  /** Additional class name */\n  className?: string;\n}\n\nexport interface HeaderNavProps {\n  children: React.ReactNode;\n  /** Accessible label for navigation */\n  'aria-label'?: string;\n  /** Additional class name */\n  className?: string;\n}\n\nexport interface HeaderNavItemProps {\n  children: React.ReactNode;\n  /** Whether this item is active/current */\n  active?: boolean;\n  /** Link destination */\n  href?: string;\n  /** Render as child element (polymorphic) */\n  asChild?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n  /** Additional class name */\n  className?: string;\n}\n\nexport interface HeaderSearchProps {\n  children: React.ReactNode;\n  /** Whether search expands on mobile */\n  expandable?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nexport interface HeaderActionsProps {\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\nexport interface HeaderTriggerProps {\n  /** Custom trigger content */\n  children?: React.ReactNode;\n  /** Accessible label */\n  'aria-label'?: string;\n  /** Additional class name */\n  className?: string;\n}\n\nexport interface HeaderNavMenuProps {\n  /** Trigger label text */\n  label: string;\n  /** Whether any child in the group is active */\n  active?: boolean;\n  /** Additional class name */\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport interface HeaderNavMenuItemProps {\n  children: React.ReactNode;\n  /** Link destination */\n  href?: string;\n  /** Whether this item is active/current */\n  active?: boolean;\n  /** Render as child element (polymorphic) */\n  asChild?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const mq = window.matchMedia('(max-width: 767px)');\n    setIsMobile(mq.matches);\n\n    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, []);\n\n  return isMobile;\n}\n\n// ============================================\n// Components\n// ============================================\n\n/**\n * Header - Root header element\n */\nfunction HeaderRoot({\n  children,\n  height = '56px',\n  position = 'static',\n  className,\n  style: styleProp,\n  ...htmlProps\n}: HeaderProps) {\n  const classes = [\n    styles.header,\n    position === 'fixed' && styles.fixed,\n    position === 'sticky' && styles.sticky,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const style: React.CSSProperties = {\n    '--header-height': height,\n    ...styleProp,\n  } as React.CSSProperties;\n\n  return (\n    <header {...htmlProps} className={classes} style={style} data-position={position}>\n      <div className={styles.container}>\n        {children}\n      </div>\n    </header>\n  );\n}\n\n/**\n * Header.Brand - Logo/brand slot\n */\nfunction HeaderBrand({ children, href, className }: HeaderBrandProps) {\n  const classes = [styles.brand, className].filter(Boolean).join(' ');\n\n  if (href) {\n    return (\n      <a href={href} className={classes}>\n        {children}\n      </a>\n    );\n  }\n\n  return <div className={classes}>{children}</div>;\n}\n\n/**\n * Header.Nav - Navigation container (hidden on mobile)\n */\nfunction HeaderNav({\n  children,\n  'aria-label': ariaLabel = 'Main navigation',\n  className,\n}: HeaderNavProps) {\n  const classes = [styles.nav, className].filter(Boolean).join(' ');\n\n  return (\n    <nav className={classes} aria-label={ariaLabel}>\n      <ul className={styles.navList}>\n        {children}\n      </ul>\n    </nav>\n  );\n}\n\n/**\n * Header.NavItem - Navigation link\n */\nfunction HeaderNavItem({\n  children,\n  active = false,\n  href,\n  asChild = false,\n  onClick,\n  className,\n}: HeaderNavItemProps) {\n  const classes = [\n    styles.navItem,\n    active && styles.navItemActive,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const itemProps = {\n    className: classes,\n    onClick,\n    'aria-current': active ? 'page' as const : undefined,\n  };\n\n  if (asChild && React.isValidElement(children)) {\n    return (\n      <li>\n        {React.cloneElement(children, {\n          ...itemProps,\n          className: [classes, (children.props as { className?: string }).className].filter(Boolean).join(' '),\n        } as React.HTMLAttributes<HTMLElement>)}\n      </li>\n    );\n  }\n\n  if (href) {\n    return (\n      <li>\n        <a {...itemProps} href={href}>\n          {children}\n        </a>\n      </li>\n    );\n  }\n\n  return (\n    <li>\n      <button {...itemProps} type=\"button\">\n        {children}\n      </button>\n    </li>\n  );\n}\n\n/**\n * Header.Search - Search input slot (hidden on mobile unless expandable)\n */\nfunction HeaderSearch({\n  children,\n  expandable = false,\n  className,\n}: HeaderSearchProps) {\n  const classes = [\n    styles.search,\n    expandable && styles.searchExpandable,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return <div className={classes}>{children}</div>;\n}\n\n/**\n * Header.Actions - Right-side actions container\n */\nfunction HeaderActions({ children, className }: HeaderActionsProps) {\n  const classes = [styles.actions, className].filter(Boolean).join(' ');\n  return <div className={classes}>{children}</div>;\n}\n\n/**\n * Header.Trigger - Mobile menu trigger (integrates with SidebarProvider)\n */\nfunction HeaderTrigger({\n  children,\n  'aria-label': ariaLabel = 'Toggle navigation',\n  className,\n}: HeaderTriggerProps) {\n  const isMobile = useIsMobile();\n  const { open, setOpen } = useSidebar();\n\n  // Only render on mobile\n  if (!isMobile) {\n    return null;\n  }\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={() => setOpen(!open)}\n      aria-label={ariaLabel}\n      aria-expanded={open}\n    >\n      {children || (open ? <X size={24} aria-hidden /> : <List size={24} aria-hidden />)}\n    </button>\n  );\n}\n\n/**\n * Header.Spacer - Flexible spacer to push items apart\n */\nfunction HeaderSpacer({ className }: { className?: string }) {\n  const classes = [styles.spacer, className].filter(Boolean).join(' ');\n  return <div className={classes} />;\n}\n\n/**\n * Header.NavMenu - Dropdown navigation group\n */\nfunction HeaderNavMenu({\n  label,\n  active = false,\n  className,\n  children,\n}: HeaderNavMenuProps) {\n  const triggerClasses = [\n    styles.navItem,\n    styles.navMenuTrigger,\n    active && styles.navItemActive,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <li>\n      <BaseMenu.Root modal={false}>\n        <BaseMenu.Trigger className={triggerClasses}>\n          {label}\n          <CaretDown size={12} className={styles.navMenuChevron} aria-hidden />\n        </BaseMenu.Trigger>\n        <BaseMenu.Portal>\n          <BaseMenu.Positioner side=\"bottom\" align=\"start\" sideOffset={4} className={styles.navMenuPositioner}>\n            <BaseMenu.Popup className={styles.navMenuPopup}>\n              {children}\n            </BaseMenu.Popup>\n          </BaseMenu.Positioner>\n        </BaseMenu.Portal>\n      </BaseMenu.Root>\n    </li>\n  );\n}\n\n/**\n * Header.NavMenuItem - Item inside a NavMenu dropdown\n */\nfunction HeaderNavMenuItem({\n  children,\n  href,\n  active = false,\n  asChild = false,\n  className,\n}: HeaderNavMenuItemProps) {\n  const classes = [\n    styles.navMenuItem,\n    active && styles.navMenuItemActive,\n    className,\n  ].filter(Boolean).join(' ');\n\n  if (asChild && React.isValidElement(children)) {\n    return (\n      <BaseMenu.Item\n        className={classes}\n        render={children as React.ReactElement}\n      />\n    );\n  }\n\n  if (href) {\n    return (\n      <BaseMenu.Item className={classes} render={<a href={href} />}>\n        {children}\n      </BaseMenu.Item>\n    );\n  }\n\n  return (\n    <BaseMenu.Item className={classes}>\n      {children}\n    </BaseMenu.Item>\n  );\n}\n\n/**\n * Header.SkipLink - Skip to main content link (accessibility)\n */\nfunction HeaderSkipLink({\n  children = 'Skip to main content',\n  href = '#main-content',\n  className,\n}: {\n  children?: React.ReactNode;\n  href?: string;\n  className?: string;\n}) {\n  const classes = [styles.skipLink, className].filter(Boolean).join(' ');\n  return (\n    <a href={href} className={classes}>\n      {children}\n    </a>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Header = Object.assign(HeaderRoot, {\n  Brand: HeaderBrand,\n  Nav: HeaderNav,\n  NavItem: HeaderNavItem,\n  NavMenu: HeaderNavMenu,\n  NavMenuItem: HeaderNavMenuItem,\n  Search: HeaderSearch,\n  Actions: HeaderActions,\n  Trigger: HeaderTrigger,\n  Spacer: HeaderSpacer,\n  SkipLink: HeaderSkipLink,\n});\n\nexport {\n  HeaderRoot,\n  HeaderBrand,\n  HeaderNav,\n  HeaderNavItem,\n  HeaderNavMenu,\n  HeaderNavMenuItem,\n  HeaderSearch,\n  HeaderActions,\n  HeaderTrigger,\n  HeaderSpacer,\n  HeaderSkipLink,\n};\n"],"names":["React","styles","jsx","useSidebar","X","List","jsxs","BaseMenu","CaretDown"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Header/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { CaretDown, List, X } from '@phosphor-icons/react';\nimport styles from './Header.module.scss';\nimport { useSidebar } from '../Sidebar';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface HeaderIconRenderState {\n  slot: 'menu' | 'close' | 'navMenuChevron';\n  open?: boolean;\n  active?: boolean;\n}\n\nexport type HeaderIconSlot =\n  | React.ReactNode\n  | ((state: HeaderIconRenderState) => React.ReactNode);\n\nexport type HeaderIcons = Partial<Record<HeaderIconRenderState['slot'], HeaderIconSlot>>;\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Header height (default: '56px') */\n  height?: string;\n  /** Position behavior */\n  position?: 'static' | 'fixed' | 'sticky';\n  /** Optional icon overrides for internal header controls (mobile trigger + nav menu chevron) */\n  icons?: HeaderIcons;\n}\n\nexport interface HeaderBrandProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Link destination */\n  href?: string;\n}\n\nexport interface HeaderNavProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Accessible label for navigation */\n  'aria-label'?: string;\n}\n\nexport interface HeaderNavItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {\n  children: React.ReactNode;\n  /** Whether this item is active/current */\n  active?: boolean;\n  /** Link destination */\n  href?: string;\n  /** Render as child element (polymorphic) */\n  asChild?: boolean;\n  /** Click handler */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n}\n\nexport interface HeaderSearchProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Whether search expands on mobile */\n  expandable?: boolean;\n}\n\nexport interface HeaderActionsProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface HeaderTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Custom trigger content */\n  children?: React.ReactNode;\n  /** Accessible label */\n  'aria-label'?: string;\n}\n\nexport interface HeaderNavMenuProps extends React.HTMLAttributes<HTMLLIElement> {\n  /** Trigger label text */\n  label: string;\n  /** Whether any child in the group is active */\n  active?: boolean;\n  children: React.ReactNode;\n}\n\nexport interface HeaderNavMenuItemProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Link destination */\n  href?: string;\n  /** Whether this item is active/current */\n  active?: boolean;\n  /** Render as child element (polymorphic) */\n  asChild?: boolean;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nconst HeaderIconContext = React.createContext<HeaderIcons | undefined>(undefined);\n\nfunction useHeaderIcons(): HeaderIcons | undefined {\n  return React.useContext(HeaderIconContext);\n}\n\nfunction renderHeaderIcon(slot: HeaderIconSlot | undefined, state: HeaderIconRenderState): React.ReactNode {\n  if (slot === undefined) return undefined;\n  return typeof slot === 'function' ? slot(state) : slot;\n}\n\nfunction composeEventHandlers<E extends { defaultPrevented: boolean }>(\n  userHandler: ((event: E) => void) | undefined,\n  internalHandler: (event: E) => void,\n) {\n  return (event: E) => {\n    userHandler?.(event);\n    if (event.defaultPrevented) return;\n    internalHandler(event);\n  };\n}\n\nfunction useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const mq = window.matchMedia('(max-width: 767px)');\n    setIsMobile(mq.matches);\n\n    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, []);\n\n  return isMobile;\n}\n\n// ============================================\n// Components\n// ============================================\n\n/**\n * Header - Root header element\n */\nfunction HeaderRoot({\n  children,\n  height = '56px',\n  position = 'static',\n  icons,\n  className,\n  style: styleProp,\n  ...htmlProps\n}: HeaderProps) {\n  const classes = [\n    styles.header,\n    position === 'fixed' && styles.fixed,\n    position === 'sticky' && styles.sticky,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const style: React.CSSProperties = {\n    '--header-height': height,\n    ...styleProp,\n  } as React.CSSProperties;\n\n  return (\n    <HeaderIconContext.Provider value={icons}>\n      <header {...htmlProps} className={classes} style={style} data-position={position}>\n        <div className={styles.container}>\n          {children}\n        </div>\n      </header>\n    </HeaderIconContext.Provider>\n  );\n}\n\n/**\n * Header.Brand - Logo/brand slot\n */\nfunction HeaderBrand({ children, href, className, ...htmlProps }: HeaderBrandProps) {\n  const classes = [styles.brand, className].filter(Boolean).join(' ');\n\n  if (href) {\n    return (\n      <a {...htmlProps} href={href} className={classes}>\n        {children}\n      </a>\n    );\n  }\n\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\n/**\n * Header.Nav - Navigation container (hidden on mobile)\n */\nfunction HeaderNav({\n  children,\n  'aria-label': ariaLabel = 'Main navigation',\n  className,\n  ...htmlProps\n}: HeaderNavProps) {\n  const classes = [styles.nav, className].filter(Boolean).join(' ');\n\n  return (\n    <nav {...htmlProps} className={classes} aria-label={ariaLabel}>\n      <ul className={styles.navList}>\n        {children}\n      </ul>\n    </nav>\n  );\n}\n\n/**\n * Header.NavItem - Navigation link\n */\nfunction HeaderNavItem({\n  children,\n  active = false,\n  href,\n  asChild = false,\n  onClick,\n  className,\n  ...htmlProps\n}: HeaderNavItemProps) {\n  const classes = [\n    styles.navItem,\n    active && styles.navItemActive,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const itemProps = {\n    className: classes,\n    onClick,\n    'aria-current': active ? 'page' as const : undefined,\n  };\n\n  if (asChild && React.isValidElement(children)) {\n    const childProps = children.props as {\n      className?: string;\n      onClick?: React.MouseEventHandler<HTMLElement>;\n    };\n    return (\n      <li>\n        {React.cloneElement(children, {\n          ...htmlProps,\n          ...itemProps,\n          onClick: composeEventHandlers(childProps.onClick, onClick ?? (() => {})),\n          className: [classes, childProps.className].filter(Boolean).join(' '),\n        } as React.HTMLAttributes<HTMLElement>)}\n      </li>\n    );\n  }\n\n  if (href) {\n    return (\n      <li>\n        <a {...htmlProps} {...itemProps} href={href}>\n          {children}\n        </a>\n      </li>\n    );\n  }\n\n  return (\n    <li>\n      <button {...htmlProps} {...itemProps} type=\"button\">\n        {children}\n      </button>\n    </li>\n  );\n}\n\n/**\n * Header.Search - Search input slot (hidden on mobile unless expandable)\n */\nfunction HeaderSearch({\n  children,\n  expandable = false,\n  className,\n  ...htmlProps\n}: HeaderSearchProps) {\n  const classes = [\n    styles.search,\n    expandable && styles.searchExpandable,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\n/**\n * Header.Actions - Right-side actions container\n */\nfunction HeaderActions({ children, className, ...htmlProps }: HeaderActionsProps) {\n  const classes = [styles.actions, className].filter(Boolean).join(' ');\n  return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\n/**\n * Header.Trigger - Mobile menu trigger (integrates with SidebarProvider)\n */\nfunction HeaderTrigger({\n  children,\n  'aria-label': ariaLabel = 'Toggle navigation',\n  className,\n  onClick,\n  ...htmlProps\n}: HeaderTriggerProps) {\n  const isMobile = useIsMobile();\n  const { open, setOpen } = useSidebar();\n  const icons = useHeaderIcons();\n\n  // Only render on mobile\n  if (!isMobile) {\n    return null;\n  }\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n  const iconSlot = open ? icons?.close : icons?.menu;\n  const iconState: HeaderIconRenderState = { slot: open ? 'close' : 'menu', open };\n  const iconOverride = renderHeaderIcon(iconSlot, iconState);\n\n  return (\n    <button\n      {...htmlProps}\n      type=\"button\"\n      className={classes}\n      onClick={composeEventHandlers(onClick, () => setOpen(!open))}\n      aria-label={ariaLabel}\n      aria-expanded={open}\n    >\n      {children || iconOverride || (open ? <X size={24} aria-hidden /> : <List size={24} aria-hidden />)}\n    </button>\n  );\n}\n\n/**\n * Header.Spacer - Flexible spacer to push items apart\n */\nfunction HeaderSpacer({ className }: { className?: string }) {\n  const classes = [styles.spacer, className].filter(Boolean).join(' ');\n  return <div className={classes} />;\n}\n\n/**\n * Header.NavMenu - Dropdown navigation group\n */\nfunction HeaderNavMenu({\n  label,\n  active = false,\n  className,\n  children,\n  ...htmlProps\n}: HeaderNavMenuProps) {\n  const icons = useHeaderIcons();\n  const triggerClasses = [\n    styles.navItem,\n    styles.navMenuTrigger,\n    active && styles.navItemActive,\n    className,\n  ].filter(Boolean).join(' ');\n  const chevronIcon = renderHeaderIcon(icons?.navMenuChevron, {\n    slot: 'navMenuChevron',\n    active,\n  });\n\n  return (\n    <li {...htmlProps}>\n      <BaseMenu.Root modal={false}>\n        <BaseMenu.Trigger className={triggerClasses}>\n          {label}\n          {chevronIcon\n            ? <span className={styles.navMenuChevron} aria-hidden>{chevronIcon}</span>\n            : <CaretDown size={12} className={styles.navMenuChevron} aria-hidden />}\n        </BaseMenu.Trigger>\n        <BaseMenu.Portal>\n          <BaseMenu.Positioner side=\"bottom\" align=\"start\" sideOffset={4} className={styles.navMenuPositioner}>\n            <BaseMenu.Popup className={styles.navMenuPopup}>\n              {children}\n            </BaseMenu.Popup>\n          </BaseMenu.Positioner>\n        </BaseMenu.Portal>\n      </BaseMenu.Root>\n    </li>\n  );\n}\n\n/**\n * Header.NavMenuItem - Item inside a NavMenu dropdown\n */\nfunction HeaderNavMenuItem({\n  children,\n  href,\n  active = false,\n  asChild = false,\n  className,\n  ...htmlProps\n}: HeaderNavMenuItemProps) {\n  const classes = [\n    styles.navMenuItem,\n    active && styles.navMenuItemActive,\n    className,\n  ].filter(Boolean).join(' ');\n\n  if (asChild && React.isValidElement(children)) {\n    return (\n      <BaseMenu.Item\n        {...htmlProps}\n        className={classes}\n        render={children as React.ReactElement}\n      />\n    );\n  }\n\n  if (href) {\n    return (\n      <BaseMenu.Item {...htmlProps} className={classes} render={<a href={href} />}>\n        {children}\n      </BaseMenu.Item>\n    );\n  }\n\n  return (\n    <BaseMenu.Item {...htmlProps} className={classes}>\n      {children}\n    </BaseMenu.Item>\n  );\n}\n\n/**\n * Header.SkipLink - Skip to main content link (accessibility)\n */\nfunction HeaderSkipLink({\n  children = 'Skip to main content',\n  href = '#main-content',\n  className,\n}: {\n  children?: React.ReactNode;\n  href?: string;\n  className?: string;\n}) {\n  const classes = [styles.skipLink, className].filter(Boolean).join(' ');\n  return (\n    <a href={href} className={classes}>\n      {children}\n    </a>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Header = Object.assign(HeaderRoot, {\n  Brand: HeaderBrand,\n  Nav: HeaderNav,\n  NavItem: HeaderNavItem,\n  NavMenu: HeaderNavMenu,\n  NavMenuItem: HeaderNavMenuItem,\n  Search: HeaderSearch,\n  Actions: HeaderActions,\n  Trigger: HeaderTrigger,\n  Spacer: HeaderSpacer,\n  SkipLink: HeaderSkipLink,\n});\n\nexport {\n  HeaderRoot,\n  HeaderBrand,\n  HeaderNav,\n  HeaderNavItem,\n  HeaderNavMenu,\n  HeaderNavMenuItem,\n  HeaderSearch,\n  HeaderActions,\n  HeaderTrigger,\n  HeaderSpacer,\n  HeaderSkipLink,\n};\n"],"names":["React","styles","jsx","useSidebar","X","List","BaseMenu","jsxs","CaretDown"],"mappings":"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"}

package/dist/components/Header/index.d.ts

@@ -1,26 +1,31 @@
 import * as React from 'react';
+export interface HeaderIconRenderState {
+    slot: 'menu' | 'close' | 'navMenuChevron';
+    open?: boolean;
+    active?: boolean;
+}
+export type HeaderIconSlot = React.ReactNode | ((state: HeaderIconRenderState) => React.ReactNode);
+export type HeaderIcons = Partial<Record<HeaderIconRenderState['slot'], HeaderIconSlot>>;
 export interface HeaderProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     /** Header height (default: '56px') */
     height?: string;
     /** Position behavior */
     position?: 'static' | 'fixed' | 'sticky';
+    /** Optional icon overrides for internal header controls (mobile trigger + nav menu chevron) */
+    icons?: HeaderIcons;
 }
-export interface HeaderBrandProps {
+export interface HeaderBrandProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     /** Link destination */
     href?: string;
-    /** Additional class name */
-    className?: string;
 }
-export interface HeaderNavProps {
+export interface HeaderNavProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     /** Accessible label for navigation */
     'aria-label'?: string;
-    /** Additional class name */
-    className?: string;
 }
-export interface HeaderNavItemProps {
+export interface HeaderNavItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
     children: React.ReactNode;
     /** Whether this item is active/current */
     active?: boolean;
@@ -29,40 +34,30 @@ export interface HeaderNavItemProps {
     /** Render as child element (polymorphic) */
     asChild?: boolean;
     /** Click handler */
-    onClick?: () => void;
-    /** Additional class name */
-    className?: string;
+    onClick?: React.MouseEventHandler<HTMLElement>;
 }
-export interface HeaderSearchProps {
+export interface HeaderSearchProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /** Whether search expands on mobile */
     expandable?: boolean;
-    /** Additional class name */
-    className?: string;
 }
-export interface HeaderActionsProps {
+export interface HeaderActionsProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
-    /** Additional class name */
-    className?: string;
 }
-export interface HeaderTriggerProps {
+export interface HeaderTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Custom trigger content */
     children?: React.ReactNode;
     /** Accessible label */
     'aria-label'?: string;
-    /** Additional class name */
-    className?: string;
 }
-export interface HeaderNavMenuProps {
+export interface HeaderNavMenuProps extends React.HTMLAttributes<HTMLLIElement> {
     /** Trigger label text */
     label: string;
     /** Whether any child in the group is active */
     active?: boolean;
-    /** Additional class name */
-    className?: string;
     children: React.ReactNode;
 }
-export interface HeaderNavMenuItemProps {
+export interface HeaderNavMenuItemProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     /** Link destination */
     href?: string;
@@ -70,37 +65,35 @@ export interface HeaderNavMenuItemProps {
     active?: boolean;
     /** Render as child element (polymorphic) */
     asChild?: boolean;
-    /** Additional class name */
-    className?: string;
 }
 /**
  * Header - Root header element
  */
-declare function HeaderRoot({ children, height, position, className, style: styleProp, ...htmlProps }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderRoot({ children, height, position, icons, className, style: styleProp, ...htmlProps }: HeaderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Header.Brand - Logo/brand slot
  */
-declare function HeaderBrand({ children, href, className }: HeaderBrandProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderBrand({ children, href, className, ...htmlProps }: HeaderBrandProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Header.Nav - Navigation container (hidden on mobile)
  */
-declare function HeaderNav({ children, 'aria-label': ariaLabel, className, }: HeaderNavProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderNav({ children, 'aria-label': ariaLabel, className, ...htmlProps }: HeaderNavProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Header.NavItem - Navigation link
  */
-declare function HeaderNavItem({ children, active, href, asChild, onClick, className, }: HeaderNavItemProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderNavItem({ children, active, href, asChild, onClick, className, ...htmlProps }: HeaderNavItemProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Header.Search - Search input slot (hidden on mobile unless expandable)
  */
-declare function HeaderSearch({ children, expandable, className, }: HeaderSearchProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderSearch({ children, expandable, className, ...htmlProps }: HeaderSearchProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Header.Actions - Right-side actions container
  */
-declare function HeaderActions({ children, className }: HeaderActionsProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderActions({ children, className, ...htmlProps }: HeaderActionsProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Header.Trigger - Mobile menu trigger (integrates with SidebarProvider)
  */
-declare function HeaderTrigger({ children, 'aria-label': ariaLabel, className, }: HeaderTriggerProps): import("react/jsx-runtime").JSX.Element | null;
+declare function HeaderTrigger({ children, 'aria-label': ariaLabel, className, onClick, ...htmlProps }: HeaderTriggerProps): import("react/jsx-runtime").JSX.Element | null;
 /**
  * Header.Spacer - Flexible spacer to push items apart
  */
@@ -110,11 +103,11 @@ declare function HeaderSpacer({ className }: {
 /**
  * Header.NavMenu - Dropdown navigation group
  */
-declare function HeaderNavMenu({ label, active, className, children, }: HeaderNavMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderNavMenu({ label, active, className, children, ...htmlProps }: HeaderNavMenuProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Header.NavMenuItem - Item inside a NavMenu dropdown
  */
-declare function HeaderNavMenuItem({ children, href, active, asChild, className, }: HeaderNavMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderNavMenuItem({ children, href, active, asChild, className, ...htmlProps }: HeaderNavMenuItemProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Header.SkipLink - Skip to main content link (accessibility)
  */

package/dist/components/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"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"}