@usefragments/ui 1.6.0 → 2.0.0

package/dist/components/Grid/Grid.module.scss.js

@@ -1,57 +1,57 @@
-const grid = "_grid_1xtpg_1";
-const columns1 = "_columns1_1xtpg_7";
-const columns2 = "_columns2_1xtpg_11";
-const columns3 = "_columns3_1xtpg_15";
-const columns4 = "_columns4_1xtpg_19";
-const columns5 = "_columns5_1xtpg_23";
-const columns6 = "_columns6_1xtpg_27";
-const columns7 = "_columns7_1xtpg_31";
-const columns8 = "_columns8_1xtpg_35";
-const columns9 = "_columns9_1xtpg_39";
-const columns10 = "_columns10_1xtpg_43";
-const columns11 = "_columns11_1xtpg_47";
-const columns12 = "_columns12_1xtpg_51";
-const columnsAuto = "_columnsAuto_1xtpg_55";
-const columnsResponsive = "_columnsResponsive_1xtpg_59";
-const paddingNone = "_paddingNone_1xtpg_93";
-const paddingSm = "_paddingSm_1xtpg_97";
-const paddingMd = "_paddingMd_1xtpg_101";
-const paddingLg = "_paddingLg_1xtpg_105";
-const alignStart = "_alignStart_1xtpg_109";
-const alignCenter = "_alignCenter_1xtpg_113";
-const alignEnd = "_alignEnd_1xtpg_117";
-const alignStretch = "_alignStretch_1xtpg_121";
-const justifyStart = "_justifyStart_1xtpg_125";
-const justifyCenter = "_justifyCenter_1xtpg_129";
-const justifyEnd = "_justifyEnd_1xtpg_133";
-const justifyStretch = "_justifyStretch_1xtpg_137";
-const item = "_item_1xtpg_141";
-const colSpan1 = "_colSpan1_1xtpg_145";
-const colSpan2 = "_colSpan2_1xtpg_149";
-const colSpan3 = "_colSpan3_1xtpg_153";
-const colSpan4 = "_colSpan4_1xtpg_157";
-const colSpan5 = "_colSpan5_1xtpg_161";
-const colSpan6 = "_colSpan6_1xtpg_165";
-const colSpan7 = "_colSpan7_1xtpg_169";
-const colSpan8 = "_colSpan8_1xtpg_173";
-const colSpan9 = "_colSpan9_1xtpg_177";
-const colSpan10 = "_colSpan10_1xtpg_181";
-const colSpan11 = "_colSpan11_1xtpg_185";
-const colSpan12 = "_colSpan12_1xtpg_189";
-const colSpanFull = "_colSpanFull_1xtpg_193";
-const rowSpan1 = "_rowSpan1_1xtpg_197";
-const rowSpan2 = "_rowSpan2_1xtpg_201";
-const rowSpan3 = "_rowSpan3_1xtpg_205";
-const rowSpan4 = "_rowSpan4_1xtpg_209";
-const rowSpan5 = "_rowSpan5_1xtpg_213";
-const rowSpan6 = "_rowSpan6_1xtpg_217";
-const selfAlignStart = "_selfAlignStart_1xtpg_221";
-const selfAlignCenter = "_selfAlignCenter_1xtpg_225";
-const selfAlignEnd = "_selfAlignEnd_1xtpg_229";
-const selfAlignStretch = "_selfAlignStretch_1xtpg_233";
-const subgridRows = "_subgridRows_1xtpg_237";
-const subgridColumns = "_subgridColumns_1xtpg_242";
-const subgridBoth = "_subgridBoth_1xtpg_247";
+const grid = "_grid_uto44_1";
+const columns1 = "_columns1_uto44_7";
+const columns2 = "_columns2_uto44_11";
+const columns3 = "_columns3_uto44_15";
+const columns4 = "_columns4_uto44_19";
+const columns5 = "_columns5_uto44_23";
+const columns6 = "_columns6_uto44_27";
+const columns7 = "_columns7_uto44_31";
+const columns8 = "_columns8_uto44_35";
+const columns9 = "_columns9_uto44_39";
+const columns10 = "_columns10_uto44_43";
+const columns11 = "_columns11_uto44_47";
+const columns12 = "_columns12_uto44_51";
+const columnsAuto = "_columnsAuto_uto44_55";
+const columnsResponsive = "_columnsResponsive_uto44_59";
+const paddingNone = "_paddingNone_uto44_93";
+const paddingSm = "_paddingSm_uto44_97";
+const paddingMd = "_paddingMd_uto44_101";
+const paddingLg = "_paddingLg_uto44_105";
+const alignStart = "_alignStart_uto44_109";
+const alignCenter = "_alignCenter_uto44_113";
+const alignEnd = "_alignEnd_uto44_117";
+const alignStretch = "_alignStretch_uto44_121";
+const justifyStart = "_justifyStart_uto44_125";
+const justifyCenter = "_justifyCenter_uto44_129";
+const justifyEnd = "_justifyEnd_uto44_133";
+const justifyStretch = "_justifyStretch_uto44_137";
+const item = "_item_uto44_141";
+const colSpan1 = "_colSpan1_uto44_145";
+const colSpan2 = "_colSpan2_uto44_149";
+const colSpan3 = "_colSpan3_uto44_153";
+const colSpan4 = "_colSpan4_uto44_157";
+const colSpan5 = "_colSpan5_uto44_161";
+const colSpan6 = "_colSpan6_uto44_165";
+const colSpan7 = "_colSpan7_uto44_169";
+const colSpan8 = "_colSpan8_uto44_173";
+const colSpan9 = "_colSpan9_uto44_177";
+const colSpan10 = "_colSpan10_uto44_181";
+const colSpan11 = "_colSpan11_uto44_185";
+const colSpan12 = "_colSpan12_uto44_189";
+const colSpanFull = "_colSpanFull_uto44_193";
+const rowSpan1 = "_rowSpan1_uto44_197";
+const rowSpan2 = "_rowSpan2_uto44_201";
+const rowSpan3 = "_rowSpan3_uto44_205";
+const rowSpan4 = "_rowSpan4_uto44_209";
+const rowSpan5 = "_rowSpan5_uto44_213";
+const rowSpan6 = "_rowSpan6_uto44_217";
+const selfAlignStart = "_selfAlignStart_uto44_221";
+const selfAlignCenter = "_selfAlignCenter_uto44_225";
+const selfAlignEnd = "_selfAlignEnd_uto44_229";
+const selfAlignStretch = "_selfAlignStretch_uto44_233";
+const subgridRows = "_subgridRows_uto44_237";
+const subgridColumns = "_subgridColumns_uto44_242";
+const subgridBoth = "_subgridBoth_uto44_247";
 const styles = {
   grid,
   columns1,

package/dist/components/Grid/index.cjs

@@ -59,7 +59,7 @@ const Grid = React__namespace.forwardRef(function Grid2({
     if (columns.xl) vars["--fui-grid-cols-xl"] = String(columns.xl);
     inlineStyle = vars;
   } else {
-    columnsClass = Grid_module.default[`columns${columns}`];
+    columnsClass = Grid_module.default[`columns${columns}`] ?? "";
   }
   inlineStyle = {
     ...inlineStyle,

package/dist/components/Grid/index.js

@@ -40,7 +40,7 @@ const Grid = React.forwardRef(function Grid2({
     if (columns.xl) vars["--fui-grid-cols-xl"] = String(columns.xl);
     inlineStyle = vars;
   } else {
-    columnsClass = styles[`columns${columns}`];
+    columnsClass = styles[`columns${columns}`] ?? "";
   }
   inlineStyle = {
     ...inlineStyle,

package/dist/components/Header/Header.module.scss.cjs

@@ -1,38 +1,38 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const header = "_header_1lu4k_1";
-const fixed = "_fixed_1lu4k_28";
-const sticky = "_sticky_1lu4k_35";
-const elevatedOnScroll = "_elevatedOnScroll_1lu4k_40";
-const scrolled = "_scrolled_1lu4k_45";
-const containerPage = "_containerPage_1lu4k_49";
-const container = "_container_1lu4k_49";
-const navCentered = "_navCentered_1lu4k_70";
-const nav = "_nav_1lu4k_70";
-const brand = "_brand_1lu4k_82";
-const navList = "_navList_1lu4k_110";
-const navItem = "_navItem_1lu4k_119";
-const navItemActive = "_navItemActive_1lu4k_180";
-const navMenuTrigger = "_navMenuTrigger_1lu4k_190";
-const navMenuChevron = "_navMenuChevron_1lu4k_195";
-const navMenuPositioner = "_navMenuPositioner_1lu4k_203";
-const navMenuPopup = "_navMenuPopup_1lu4k_208";
-const navMenuItem = "_navMenuItem_1lu4k_254";
-const navMenuItemActive = "_navMenuItemActive_1lu4k_294";
-const search = "_search_1lu4k_316";
-const searchExpandable = "_searchExpandable_1lu4k_326";
-const actions = "_actions_1lu4k_330";
-const trigger = "_trigger_1lu4k_337";
-const spacer = "_spacer_1lu4k_403";
-const mobileNavBackdrop = "_mobileNavBackdrop_1lu4k_407";
-const mobileNavDrawer = "_mobileNavDrawer_1lu4k_415";
-const mobileNavHeader = "_mobileNavHeader_1lu4k_429";
-const mobileNavClose = "_mobileNavClose_1lu4k_437";
-const mobileNavBody = "_mobileNavBody_1lu4k_498";
-const mobileNavLink = "_mobileNavLink_1lu4k_504";
-const mobileNavLinkActive = "_mobileNavLinkActive_1lu4k_555";
-const mobileNavActions = "_mobileNavActions_1lu4k_560";
-const skipLink = "_skipLink_1lu4k_589";
+const header = "_header_3qgjx_1";
+const fixed = "_fixed_3qgjx_23";
+const sticky = "_sticky_3qgjx_30";
+const elevatedOnScroll = "_elevatedOnScroll_3qgjx_35";
+const scrolled = "_scrolled_3qgjx_40";
+const containerPage = "_containerPage_3qgjx_44";
+const container = "_container_3qgjx_44";
+const navCentered = "_navCentered_3qgjx_65";
+const nav = "_nav_3qgjx_65";
+const brand = "_brand_3qgjx_77";
+const navList = "_navList_3qgjx_105";
+const navItem = "_navItem_3qgjx_114";
+const navItemActive = "_navItemActive_3qgjx_178";
+const navMenuTrigger = "_navMenuTrigger_3qgjx_188";
+const navMenuChevron = "_navMenuChevron_3qgjx_193";
+const navMenuPositioner = "_navMenuPositioner_3qgjx_201";
+const navMenuPopup = "_navMenuPopup_3qgjx_206";
+const navMenuItem = "_navMenuItem_3qgjx_249";
+const navMenuItemActive = "_navMenuItemActive_3qgjx_294";
+const search = "_search_3qgjx_316";
+const searchExpandable = "_searchExpandable_3qgjx_328";
+const actions = "_actions_3qgjx_332";
+const trigger = "_trigger_3qgjx_339";
+const spacer = "_spacer_3qgjx_408";
+const mobileNavBackdrop = "_mobileNavBackdrop_3qgjx_412";
+const mobileNavDrawer = "_mobileNavDrawer_3qgjx_420";
+const mobileNavHeader = "_mobileNavHeader_3qgjx_466";
+const mobileNavClose = "_mobileNavClose_3qgjx_474";
+const mobileNavBody = "_mobileNavBody_3qgjx_538";
+const mobileNavLink = "_mobileNavLink_3qgjx_544";
+const mobileNavLinkActive = "_mobileNavLinkActive_3qgjx_593";
+const mobileNavActions = "_mobileNavActions_3qgjx_603";
+const skipLink = "_skipLink_3qgjx_632";
 const styles = {
   header,
   fixed,

package/dist/components/Header/Header.module.scss.js

@@ -1,36 +1,36 @@
-const header = "_header_1lu4k_1";
-const fixed = "_fixed_1lu4k_28";
-const sticky = "_sticky_1lu4k_35";
-const elevatedOnScroll = "_elevatedOnScroll_1lu4k_40";
-const scrolled = "_scrolled_1lu4k_45";
-const containerPage = "_containerPage_1lu4k_49";
-const container = "_container_1lu4k_49";
-const navCentered = "_navCentered_1lu4k_70";
-const nav = "_nav_1lu4k_70";
-const brand = "_brand_1lu4k_82";
-const navList = "_navList_1lu4k_110";
-const navItem = "_navItem_1lu4k_119";
-const navItemActive = "_navItemActive_1lu4k_180";
-const navMenuTrigger = "_navMenuTrigger_1lu4k_190";
-const navMenuChevron = "_navMenuChevron_1lu4k_195";
-const navMenuPositioner = "_navMenuPositioner_1lu4k_203";
-const navMenuPopup = "_navMenuPopup_1lu4k_208";
-const navMenuItem = "_navMenuItem_1lu4k_254";
-const navMenuItemActive = "_navMenuItemActive_1lu4k_294";
-const search = "_search_1lu4k_316";
-const searchExpandable = "_searchExpandable_1lu4k_326";
-const actions = "_actions_1lu4k_330";
-const trigger = "_trigger_1lu4k_337";
-const spacer = "_spacer_1lu4k_403";
-const mobileNavBackdrop = "_mobileNavBackdrop_1lu4k_407";
-const mobileNavDrawer = "_mobileNavDrawer_1lu4k_415";
-const mobileNavHeader = "_mobileNavHeader_1lu4k_429";
-const mobileNavClose = "_mobileNavClose_1lu4k_437";
-const mobileNavBody = "_mobileNavBody_1lu4k_498";
-const mobileNavLink = "_mobileNavLink_1lu4k_504";
-const mobileNavLinkActive = "_mobileNavLinkActive_1lu4k_555";
-const mobileNavActions = "_mobileNavActions_1lu4k_560";
-const skipLink = "_skipLink_1lu4k_589";
+const header = "_header_3qgjx_1";
+const fixed = "_fixed_3qgjx_23";
+const sticky = "_sticky_3qgjx_30";
+const elevatedOnScroll = "_elevatedOnScroll_3qgjx_35";
+const scrolled = "_scrolled_3qgjx_40";
+const containerPage = "_containerPage_3qgjx_44";
+const container = "_container_3qgjx_44";
+const navCentered = "_navCentered_3qgjx_65";
+const nav = "_nav_3qgjx_65";
+const brand = "_brand_3qgjx_77";
+const navList = "_navList_3qgjx_105";
+const navItem = "_navItem_3qgjx_114";
+const navItemActive = "_navItemActive_3qgjx_178";
+const navMenuTrigger = "_navMenuTrigger_3qgjx_188";
+const navMenuChevron = "_navMenuChevron_3qgjx_193";
+const navMenuPositioner = "_navMenuPositioner_3qgjx_201";
+const navMenuPopup = "_navMenuPopup_3qgjx_206";
+const navMenuItem = "_navMenuItem_3qgjx_249";
+const navMenuItemActive = "_navMenuItemActive_3qgjx_294";
+const search = "_search_3qgjx_316";
+const searchExpandable = "_searchExpandable_3qgjx_328";
+const actions = "_actions_3qgjx_332";
+const trigger = "_trigger_3qgjx_339";
+const spacer = "_spacer_3qgjx_408";
+const mobileNavBackdrop = "_mobileNavBackdrop_3qgjx_412";
+const mobileNavDrawer = "_mobileNavDrawer_3qgjx_420";
+const mobileNavHeader = "_mobileNavHeader_3qgjx_466";
+const mobileNavClose = "_mobileNavClose_3qgjx_474";
+const mobileNavBody = "_mobileNavBody_3qgjx_538";
+const mobileNavLink = "_mobileNavLink_3qgjx_544";
+const mobileNavLinkActive = "_mobileNavLinkActive_3qgjx_593";
+const mobileNavActions = "_mobileNavActions_3qgjx_603";
+const skipLink = "_skipLink_3qgjx_632";
 const styles = {
   header,
   fixed,

package/dist/components/Header/index.cjs

@@ -157,11 +157,7 @@ function HeaderNavItem({
   className,
   ...htmlProps
 }) {
-  const classes = [
-    Header_module.default.navItem,
-    active && Header_module.default.navItemActive,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [Header_module.default.navItem, active && Header_module.default.navItemActive, className].filter(Boolean).join(" ");
   const itemProps = {
     className: classes,
     onClick,
@@ -188,11 +184,7 @@ function HeaderSearch({
   className,
   ...htmlProps
 }) {
-  const classes = [
-    Header_module.default.search,
-    expandable && Header_module.default.searchExpandable,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [Header_module.default.search, expandable && Header_module.default.searchExpandable, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
 }
 function HeaderActions({ children, className, ...htmlProps }) {
@@ -262,7 +254,16 @@ function HeaderNavMenu({
       label,
       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: popup.POPUP_OFFSET_PX, className: Header_module.default.navMenuPositioner, children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Popup, { className: Header_module.default.navMenuPopup, children }) }) })
+    /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      menu.Menu.Positioner,
+      {
+        side: "bottom",
+        align: "start",
+        sideOffset: popup.POPUP_OFFSET_PX,
+        className: Header_module.default.navMenuPositioner,
+        children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Popup, { className: Header_module.default.navMenuPopup, children })
+      }
+    ) })
   ] }) });
 }
 function HeaderNavMenuItem({
@@ -273,20 +274,9 @@ function HeaderNavMenuItem({
   className,
   ...htmlProps
 }) {
-  const classes = [
-    Header_module.default.navMenuItem,
-    active && Header_module.default.navMenuItemActive,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [Header_module.default.navMenuItem, active && Header_module.default.navMenuItemActive, className].filter(Boolean).join(" ");
   if (asChild && React__namespace.isValidElement(children)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      menu.Menu.Item,
-      {
-        ...htmlProps,
-        className: classes,
-        render: children
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Item, { ...htmlProps, className: classes, render: children });
   }
   if (href) {
     return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Item, { ...htmlProps, className: classes, render: /* @__PURE__ */ jsxRuntime.jsx("a", { href }), children });
@@ -319,14 +309,7 @@ function HeaderMobileNav({ children, className }) {
     open: true
   });
   const drawerContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: Header_module.default.mobileNavBackdrop,
-        onClick: () => setMobileOpen(false),
-        "aria-hidden": true
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: Header_module.default.mobileNavBackdrop, onClick: () => setMobileOpen(false), "aria-hidden": true }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -346,7 +329,7 @@ function HeaderMobileNav({ children, className }) {
               children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, "aria-hidden": true })
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(index$1.ScrollArea, { orientation: "vertical", className: Header_module.default.mobileNavBody, children })
+          /* @__PURE__ */ jsxRuntime.jsx(index$1.ScrollArea, { orientation: "vertical", showFades: true, className: Header_module.default.mobileNavBody, children })
         ]
       }
     )
@@ -363,11 +346,7 @@ function HeaderMobileNavLink({
   ...htmlProps
 }) {
   const { setMobileOpen } = useHeaderContext();
-  const classes = [
-    Header_module.default.mobileNavLink,
-    active && Header_module.default.mobileNavLinkActive,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [Header_module.default.mobileNavLink, active && Header_module.default.mobileNavLinkActive, className].filter(Boolean).join(" ");
   const handleClick = (e) => {
     onClick == null ? void 0 : onClick(e);
     if (!e.defaultPrevented) setMobileOpen(false);

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

@@ -1,13 +1,13 @@
-import * as React from 'react';
+import * as React from "react";
 export interface HeaderIconRenderState {
-    slot: 'menu' | 'close' | 'navMenuChevron' | 'mobileClose';
+    slot: "menu" | "close" | "navMenuChevron" | "mobileClose";
     open?: boolean;
     active?: boolean;
 }
 export type HeaderIconSlot = React.ReactNode | ((state: HeaderIconRenderState) => React.ReactNode);
-export type HeaderIcons = Partial<Record<HeaderIconRenderState['slot'], HeaderIconSlot>>;
-export type HeaderNavAlign = 'start' | 'center';
-export type HeaderContainer = 'full' | 'page';
+export type HeaderIcons = Partial<Record<HeaderIconRenderState["slot"], HeaderIconSlot>>;
+export type HeaderNavAlign = "start" | "center";
+export type HeaderContainer = "full" | "page";
 export interface HeaderElevatedOnScrollOptions {
     /** Scroll offset before the elevated surface is applied */
     threshold?: number;
@@ -17,7 +17,7 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLElement> {
     /** Header height (default: '56px') */
     height?: string;
     /** Position behavior */
-    position?: 'static' | 'fixed' | 'sticky';
+    position?: "static" | "fixed" | "sticky";
     /** Apply the elevated header surface after scroll */
     elevatedOnScroll?: boolean | HeaderElevatedOnScrollOptions;
     /** Navigation alignment inside the header */
@@ -37,14 +37,18 @@ export interface HeaderBrandProps extends React.HTMLAttributes<HTMLElement> {
 export interface HeaderNavProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     /** Accessible label for navigation */
-    'aria-label'?: string;
+    "aria-label"?: string;
 }
-export interface HeaderNavItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
+export interface HeaderNavItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "onClick"> {
     children: React.ReactNode;
     /** Whether this item is active/current */
     active?: boolean;
     /** Link destination */
     href?: string;
+    /** Anchor target, when `href` renders an anchor */
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>["target"];
+    /** Anchor rel, when `href` renders an anchor */
+    rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
     /** Render as child element (polymorphic) */
     asChild?: boolean;
     /** Click handler */
@@ -62,7 +66,7 @@ export interface HeaderTriggerProps extends React.ButtonHTMLAttributes<HTMLButto
     /** Custom trigger content */
     children?: React.ReactNode;
     /** Accessible label */
-    'aria-label'?: string;
+    "aria-label"?: string;
 }
 export interface HeaderNavMenuProps extends React.HTMLAttributes<HTMLLIElement> {
     /** Trigger label text */
@@ -100,7 +104,7 @@ declare function HeaderBrand({ children, href, asChild, className, ...htmlProps
 /**
  * Header.Nav - Navigation container (hidden on mobile)
  */
-declare function HeaderNav({ children, 'aria-label': ariaLabel, className, ...htmlProps }: 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
  */
@@ -120,7 +124,7 @@ declare function HeaderActions({ children, className, ...htmlProps }: HeaderActi
  * 1. With SidebarProvider — toggles sidebar open state (existing behavior)
  * 2. Standalone — toggles Header's internal mobile nav drawer
  */
-declare function HeaderTrigger({ children, 'aria-label': ariaLabel, className, onClick, ...htmlProps }: 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
  */

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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"}

package/dist/components/Header/index.js

@@ -138,11 +138,7 @@ function HeaderNavItem({
   className,
   ...htmlProps
 }) {
-  const classes = [
-    styles.navItem,
-    active && styles.navItemActive,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [styles.navItem, active && styles.navItemActive, className].filter(Boolean).join(" ");
   const itemProps = {
     className: classes,
     onClick,
@@ -169,11 +165,7 @@ function HeaderSearch({
   className,
   ...htmlProps
 }) {
-  const classes = [
-    styles.search,
-    expandable && styles.searchExpandable,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [styles.search, expandable && styles.searchExpandable, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
 }
 function HeaderActions({ children, className, ...htmlProps }) {
@@ -243,7 +235,16 @@ function HeaderNavMenu({
       label,
       chevronIcon ? /* @__PURE__ */ jsx("span", { className: styles.navMenuChevron, "aria-hidden": true, children: chevronIcon }) : /* @__PURE__ */ jsx(CaretDown, { size: 12, className: styles.navMenuChevron, "aria-hidden": true })
     ] }),
-    /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { side: "bottom", align: "start", sideOffset: POPUP_OFFSET_PX, className: styles.navMenuPositioner, children: /* @__PURE__ */ jsx(Menu.Popup, { className: styles.navMenuPopup, children }) }) })
+    /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(
+      Menu.Positioner,
+      {
+        side: "bottom",
+        align: "start",
+        sideOffset: POPUP_OFFSET_PX,
+        className: styles.navMenuPositioner,
+        children: /* @__PURE__ */ jsx(Menu.Popup, { className: styles.navMenuPopup, children })
+      }
+    ) })
   ] }) });
 }
 function HeaderNavMenuItem({
@@ -254,20 +255,9 @@ function HeaderNavMenuItem({
   className,
   ...htmlProps
 }) {
-  const classes = [
-    styles.navMenuItem,
-    active && styles.navMenuItemActive,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [styles.navMenuItem, active && styles.navMenuItemActive, className].filter(Boolean).join(" ");
   if (asChild && React.isValidElement(children)) {
-    return /* @__PURE__ */ jsx(
-      Menu.Item,
-      {
-        ...htmlProps,
-        className: classes,
-        render: children
-      }
-    );
+    return /* @__PURE__ */ jsx(Menu.Item, { ...htmlProps, className: classes, render: children });
   }
   if (href) {
     return /* @__PURE__ */ jsx(Menu.Item, { ...htmlProps, className: classes, render: /* @__PURE__ */ jsx("a", { href }), children });
@@ -300,14 +290,7 @@ function HeaderMobileNav({ children, className }) {
     open: true
   });
   const drawerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: styles.mobileNavBackdrop,
-        onClick: () => setMobileOpen(false),
-        "aria-hidden": true
-      }
-    ),
+    /* @__PURE__ */ jsx("div", { className: styles.mobileNavBackdrop, onClick: () => setMobileOpen(false), "aria-hidden": true }),
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -327,7 +310,7 @@ function HeaderMobileNav({ children, className }) {
               children: closeIcon ?? /* @__PURE__ */ jsx(X, { size: 20, "aria-hidden": true })
             }
           ) }),
-          /* @__PURE__ */ jsx(ScrollArea, { orientation: "vertical", className: styles.mobileNavBody, children })
+          /* @__PURE__ */ jsx(ScrollArea, { orientation: "vertical", showFades: true, className: styles.mobileNavBody, children })
         ]
       }
     )
@@ -344,11 +327,7 @@ function HeaderMobileNavLink({
   ...htmlProps
 }) {
   const { setMobileOpen } = useHeaderContext();
-  const classes = [
-    styles.mobileNavLink,
-    active && styles.mobileNavLinkActive,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [styles.mobileNavLink, active && styles.mobileNavLinkActive, className].filter(Boolean).join(" ");
   const handleClick = (e) => {
     onClick == null ? void 0 : onClick(e);
     if (!e.defaultPrevented) setMobileOpen(false);