@fragments-sdk/ui 0.13.0 → 0.15.1

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

@@ -1,33 +1,33 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1sabn_1";
-const rootVertical = "_rootVertical_1sabn_7";
-const list = "_list_1sabn_12";
-const listVertical = "_listVertical_1sabn_26";
-const trigger = "_trigger_1sabn_31";
-const triggerChevron = "_triggerChevron_1sabn_83";
-const content = "_content_1sabn_91";
-const link = "_link_1sabn_150";
-const linkActive = "_linkActive_1sabn_176";
-const linkStructured = "_linkStructured_1sabn_186";
-const linkIcon = "_linkIcon_1sabn_198";
-const linkBody = "_linkBody_1sabn_209";
-const linkTitle = "_linkTitle_1sabn_216";
-const linkDescription = "_linkDescription_1sabn_223";
-const linkFeatured = "_linkFeatured_1sabn_229";
-const indicator = "_indicator_1sabn_238";
-const viewport = "_viewport_1sabn_248";
-const hamburger = "_hamburger_1sabn_278";
-const drawerBackdrop = "_drawerBackdrop_1sabn_325";
-const drawer = "_drawer_1sabn_325";
-const drawerHeader = "_drawerHeader_1sabn_359";
-const drawerClose = "_drawerClose_1sabn_368";
-const drawerBody = "_drawerBody_1sabn_406";
-const drawerNav = "_drawerNav_1sabn_412";
-const drawerLink = "_drawerLink_1sabn_417";
-const drawerSectionLabel = "_drawerSectionLabel_1sabn_451";
-const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1sabn_462";
-const drawerCollapsibleContent = "_drawerCollapsibleContent_1sabn_505";
+const root = "_root_1epmd_1";
+const rootVertical = "_rootVertical_1epmd_9";
+const list = "_list_1epmd_14";
+const listVertical = "_listVertical_1epmd_28";
+const trigger = "_trigger_1epmd_33";
+const triggerChevron = "_triggerChevron_1epmd_85";
+const content = "_content_1epmd_93";
+const link = "_link_1epmd_152";
+const linkActive = "_linkActive_1epmd_178";
+const linkStructured = "_linkStructured_1epmd_188";
+const linkIcon = "_linkIcon_1epmd_200";
+const linkBody = "_linkBody_1epmd_211";
+const linkTitle = "_linkTitle_1epmd_218";
+const linkDescription = "_linkDescription_1epmd_225";
+const linkFeatured = "_linkFeatured_1epmd_231";
+const indicator = "_indicator_1epmd_240";
+const viewport = "_viewport_1epmd_250";
+const hamburger = "_hamburger_1epmd_280";
+const drawerBackdrop = "_drawerBackdrop_1epmd_327";
+const drawer = "_drawer_1epmd_327";
+const drawerHeader = "_drawerHeader_1epmd_361";
+const drawerClose = "_drawerClose_1epmd_370";
+const drawerBody = "_drawerBody_1epmd_408";
+const drawerNav = "_drawerNav_1epmd_414";
+const drawerLink = "_drawerLink_1epmd_419";
+const drawerSectionLabel = "_drawerSectionLabel_1epmd_453";
+const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1epmd_464";
+const drawerCollapsibleContent = "_drawerCollapsibleContent_1epmd_507";
 const styles = {
   root,
   rootVertical,
@@ -87,4 +87,3 @@ exports.rootVertical = rootVertical;
 exports.trigger = trigger;
 exports.triggerChevron = triggerChevron;
 exports.viewport = viewport;
-//# sourceMappingURL=NavigationMenu.module.scss.cjs.map

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

@@ -1,31 +1,31 @@
-const root = "_root_1sabn_1";
-const rootVertical = "_rootVertical_1sabn_7";
-const list = "_list_1sabn_12";
-const listVertical = "_listVertical_1sabn_26";
-const trigger = "_trigger_1sabn_31";
-const triggerChevron = "_triggerChevron_1sabn_83";
-const content = "_content_1sabn_91";
-const link = "_link_1sabn_150";
-const linkActive = "_linkActive_1sabn_176";
-const linkStructured = "_linkStructured_1sabn_186";
-const linkIcon = "_linkIcon_1sabn_198";
-const linkBody = "_linkBody_1sabn_209";
-const linkTitle = "_linkTitle_1sabn_216";
-const linkDescription = "_linkDescription_1sabn_223";
-const linkFeatured = "_linkFeatured_1sabn_229";
-const indicator = "_indicator_1sabn_238";
-const viewport = "_viewport_1sabn_248";
-const hamburger = "_hamburger_1sabn_278";
-const drawerBackdrop = "_drawerBackdrop_1sabn_325";
-const drawer = "_drawer_1sabn_325";
-const drawerHeader = "_drawerHeader_1sabn_359";
-const drawerClose = "_drawerClose_1sabn_368";
-const drawerBody = "_drawerBody_1sabn_406";
-const drawerNav = "_drawerNav_1sabn_412";
-const drawerLink = "_drawerLink_1sabn_417";
-const drawerSectionLabel = "_drawerSectionLabel_1sabn_451";
-const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1sabn_462";
-const drawerCollapsibleContent = "_drawerCollapsibleContent_1sabn_505";
+const root = "_root_1epmd_1";
+const rootVertical = "_rootVertical_1epmd_9";
+const list = "_list_1epmd_14";
+const listVertical = "_listVertical_1epmd_28";
+const trigger = "_trigger_1epmd_33";
+const triggerChevron = "_triggerChevron_1epmd_85";
+const content = "_content_1epmd_93";
+const link = "_link_1epmd_152";
+const linkActive = "_linkActive_1epmd_178";
+const linkStructured = "_linkStructured_1epmd_188";
+const linkIcon = "_linkIcon_1epmd_200";
+const linkBody = "_linkBody_1epmd_211";
+const linkTitle = "_linkTitle_1epmd_218";
+const linkDescription = "_linkDescription_1epmd_225";
+const linkFeatured = "_linkFeatured_1epmd_231";
+const indicator = "_indicator_1epmd_240";
+const viewport = "_viewport_1epmd_250";
+const hamburger = "_hamburger_1epmd_280";
+const drawerBackdrop = "_drawerBackdrop_1epmd_327";
+const drawer = "_drawer_1epmd_327";
+const drawerHeader = "_drawerHeader_1epmd_361";
+const drawerClose = "_drawerClose_1epmd_370";
+const drawerBody = "_drawerBody_1epmd_408";
+const drawerNav = "_drawerNav_1epmd_414";
+const drawerLink = "_drawerLink_1epmd_419";
+const drawerSectionLabel = "_drawerSectionLabel_1epmd_453";
+const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1epmd_464";
+const drawerCollapsibleContent = "_drawerCollapsibleContent_1epmd_507";
 const styles = {
   root,
   rootVertical,
@@ -87,4 +87,3 @@ export {
   triggerChevron,
   viewport
 };
-//# sourceMappingURL=NavigationMenu.module.scss.js.map

package/dist/components/NavigationMenu/NavigationMenuContext.cjs

@@ -38,4 +38,3 @@ exports.NavigationMenuContext = NavigationMenuContext;
 exports.NavigationMenuItemContext = NavigationMenuItemContext;
 exports.useNavigationMenuContext = useNavigationMenuContext;
 exports.useNavigationMenuItemContext = useNavigationMenuItemContext;
-//# sourceMappingURL=NavigationMenuContext.cjs.map

package/dist/components/NavigationMenu/NavigationMenuContext.d.ts

@@ -5,6 +5,13 @@ export interface NavigationMenuItemInfo {
     contentChildren: React.ReactNode;
     linkHref?: string;
 }
+export interface NavigationMenuIconRenderState {
+    slot: 'triggerChevron' | 'mobileMenu' | 'mobileClose' | 'drawerClose';
+    open?: boolean;
+    isMobile?: boolean;
+}
+export type NavigationMenuIconSlot = React.ReactNode | ((state: NavigationMenuIconRenderState) => React.ReactNode);
+export type NavigationMenuIcons = Partial<Record<NavigationMenuIconRenderState['slot'], NavigationMenuIconSlot>>;
 export interface NavigationMenuContextValue {
     value: string;
     setValue: (value: string) => void;
@@ -37,6 +44,7 @@ export interface NavigationMenuContextValue {
     mobileBrandChildren: React.ReactNode;
     setMobileBrandChildren: (children: React.ReactNode) => void;
     rootId: string;
+    icons?: NavigationMenuIcons;
 }
 export declare const NavigationMenuContext: React.Context<NavigationMenuContextValue | null>;
 export declare function useNavigationMenuContext(): NavigationMenuContextValue;

package/dist/components/NavigationMenu/NavigationMenuContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuContext.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenuContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAG1B,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAC3E,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAC5E,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;IAGhF,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpE,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;IAG/C,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;IAG5C,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAGzE,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,eAAe,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAGnE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAGpD,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAG9C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,wBAAwB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAC9D,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,sBAAsB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAG5D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,kDAA+D,CAAC;AAElG,wBAAgB,wBAAwB,IAAI,0BAA0B,CAMrE;AAMD,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,sDAAmE,CAAC;AAE1G,wBAAgB,4BAA4B,IAAI,8BAA8B,CAM7E"}
+{"version":3,"file":"NavigationMenuContext.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenuContext.ts"],"names":[],"mappings":"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"}

package/dist/components/NavigationMenu/NavigationMenuContext.js

@@ -21,4 +21,3 @@ export {
   useNavigationMenuContext,
   useNavigationMenuItemContext
 };
-//# sourceMappingURL=NavigationMenuContext.js.map

package/dist/components/NavigationMenu/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const ReactDOM = require("react-dom");
+const reactDom = require("react-dom");
 const react = require("@phosphor-icons/react");
 const a11y = require("../../utils/a11y.cjs");
 const index$1 = require("../Collapsible/index.cjs");
@@ -27,6 +27,13 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function composeNavMenuClickHandlers(childHandler, internalHandler) {
+  return (event) => {
+    childHandler == null ? void 0 : childHandler(event);
+    if (event.defaultPrevented) return;
+    internalHandler(event);
+  };
+}
 function useIsMobile() {
   const [isMobile, setIsMobile] = React__namespace.useState(false);
   React__namespace.useEffect(() => {
@@ -39,6 +46,10 @@ function useIsMobile() {
   }, []);
   return isMobile;
 }
+function renderNavigationMenuIcon(slot, state) {
+  if (slot === void 0) return void 0;
+  return typeof slot === "function" ? slot(state) : slot;
+}
 function NavigationMenuRoot({
   children,
   value: controlledValue,
@@ -47,6 +58,7 @@ function NavigationMenuRoot({
   orientation = "horizontal",
   delayDuration = 200,
   skipDelayDuration = 300,
+  icons,
   className,
   "aria-label": ariaLabel = "Main navigation",
   ...htmlProps
@@ -70,9 +82,10 @@ function NavigationMenuRoot({
       ...state,
       orientation,
       isMobile,
-      rootId
+      rootId,
+      icons
     }),
-    [state, orientation, isMobile, rootId]
+    [state, orientation, isMobile, rootId, icons]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContext.NavigationMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { ...htmlProps, className: classes, "aria-label": ariaLabel, "data-orientation": orientation, children: [
     children,
@@ -150,6 +163,7 @@ function NavigationMenuItem({ children, value: valueProp, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContext.NavigationMenuItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsxRuntime.jsx("li", { className, children }) });
 }
 function NavigationMenuTrigger({ children, className }) {
+  var _a;
   const ctx = NavigationMenuContext.useNavigationMenuContext();
   const itemCtx = NavigationMenuContext.useNavigationMenuItemContext();
   const isOpen = ctx.value === itemCtx.value;
@@ -201,7 +215,7 @@ function NavigationMenuTrigger({ children, className }) {
     }, ctx.delayDuration);
   };
   const handleKeyDown = (e) => {
-    var _a;
+    var _a2;
     if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
       ctx.setValue(isOpen ? "" : itemCtx.value);
@@ -209,10 +223,15 @@ function NavigationMenuTrigger({ children, className }) {
     if (e.key === "Escape" && isOpen) {
       e.preventDefault();
       ctx.setValue("");
-      (_a = triggerRef.current) == null ? void 0 : _a.focus();
+      (_a2 = triggerRef.current) == null ? void 0 : _a2.focus();
     }
   };
   const classes = [NavigationMenu_module.default.trigger, className].filter(Boolean).join(" ");
+  const chevronOverride = renderNavigationMenuIcon((_a = ctx.icons) == null ? void 0 : _a.triggerChevron, {
+    slot: "triggerChevron",
+    open: isOpen,
+    isMobile: ctx.isMobile
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -230,7 +249,7 @@ function NavigationMenuTrigger({ children, className }) {
       onKeyDown: handleKeyDown,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(react.CaretDown, { size: 12, className: NavigationMenu_module.default.triggerChevron, "aria-hidden": true })
+        chevronOverride ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: NavigationMenu_module.default.triggerChevron, "aria-hidden": true, children: chevronOverride }) : /* @__PURE__ */ jsxRuntime.jsx(react.CaretDown, { size: 12, className: NavigationMenu_module.default.triggerChevron, "aria-hidden": true })
       ]
     }
   );
@@ -308,7 +327,7 @@ function NavigationMenuContent({ children, className }) {
     }
   );
   if (ctx.viewportRef.current) {
-    return ReactDOM.createPortal(contentElement, ctx.viewportRef.current);
+    return reactDom.createPortal(contentElement, ctx.viewportRef.current);
   }
   return contentElement;
 }
@@ -331,7 +350,9 @@ function NavigationMenuLink({
   React__namespace.useEffect(() => {
     if (!ctx || !itemCtx) return;
     const existing = ctx.itemInfoMap.current.get(itemCtx.value);
-    const fallbackLabel = typeof children === "string" ? children : title || "";
+    const fallbackLabel = typeof children === "string" ? children : typeof title === "string" ? title : React__namespace.Children.toArray(title ?? children).filter(
+      (node) => typeof node === "string" || typeof node === "number"
+    ).join("");
     const resolvedHref = typeof href === "string" ? href : existing == null ? void 0 : existing.linkHref;
     ctx.itemInfoMap.current.set(itemCtx.value, {
       ...existing,
@@ -343,6 +364,7 @@ function NavigationMenuLink({
   }, [ctx, itemCtx, children, title, href]);
   const handleClick = (e) => {
     onClick == null ? void 0 : onClick(e);
+    if (e.defaultPrevented) return;
     if ((ctx == null ? void 0 : ctx.isMobile) && ctx.mobileOpen) {
       ctx.setMobileOpen(false);
     }
@@ -366,9 +388,11 @@ function NavigationMenuLink({
       onClick: handleClick
     };
     if (asChild && React__namespace.isValidElement(children)) {
+      const childProps = children.props;
       return React__namespace.cloneElement(children, {
         ...linkProps2,
-        className: [classes2, children.props.className].filter(Boolean).join(" "),
+        onClick: composeNavMenuClickHandlers(childProps.onClick, handleClick),
+        className: [classes2, childProps.className].filter(Boolean).join(" "),
         children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: NavigationMenu_module.default.linkIcon, children: icon }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: NavigationMenu_module.default.linkBody, children: [
@@ -399,9 +423,11 @@ function NavigationMenuLink({
     onClick: handleClick
   };
   if (asChild && React__namespace.isValidElement(children)) {
+    const childProps = children.props;
     return React__namespace.cloneElement(children, {
       ...linkProps,
-      className: [classes, children.props.className].filter(Boolean).join(" ")
+      onClick: composeNavMenuClickHandlers(childProps.onClick, handleClick),
+      className: [classes, childProps.className].filter(Boolean).join(" ")
     });
   }
   return /* @__PURE__ */ jsxRuntime.jsx("a", { ...linkProps, children });
@@ -498,7 +524,17 @@ function NavigationMenuMobileSection({ children, label }) {
   ] });
 }
 function MobileHamburger() {
-  const { mobileOpen, setMobileOpen } = NavigationMenuContext.useNavigationMenuContext();
+  var _a, _b;
+  const ctx = NavigationMenuContext.useNavigationMenuContext();
+  const { mobileOpen, setMobileOpen } = ctx;
+  const iconOverride = renderNavigationMenuIcon(
+    mobileOpen ? (_a = ctx.icons) == null ? void 0 : _a.mobileClose : (_b = ctx.icons) == null ? void 0 : _b.mobileMenu,
+    {
+      slot: mobileOpen ? "mobileClose" : "mobileMenu",
+      open: mobileOpen,
+      isMobile: true
+    }
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -507,11 +543,12 @@ function MobileHamburger() {
       onClick: () => setMobileOpen(!mobileOpen),
       "aria-label": "Toggle navigation",
       "aria-expanded": mobileOpen,
-      children: mobileOpen ? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 24, "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(react.List, { size: 24, "aria-hidden": true })
+      children: iconOverride ?? (mobileOpen ? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 24, "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(react.List, { size: 24, "aria-hidden": true }))
     }
   );
 }
 function MobileDrawer() {
+  var _a;
   const ctx = NavigationMenuContext.useNavigationMenuContext();
   const drawerRef = React__namespace.useRef(null);
   a11y.useFocusTrap(drawerRef, true);
@@ -565,7 +602,11 @@ function MobileDrawer() {
                 className: NavigationMenu_module.default.drawerClose,
                 onClick: () => ctx.setMobileOpen(false),
                 "aria-label": "Close navigation",
-                children: /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, "aria-hidden": true })
+                children: renderNavigationMenuIcon((_a = ctx.icons) == null ? void 0 : _a.drawerClose, {
+                  slot: "drawerClose",
+                  open: ctx.mobileOpen,
+                  isMobile: true
+                }) ?? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, "aria-hidden": true })
               }
             )
           ] }),
@@ -594,7 +635,7 @@ function MobileDrawer() {
     )
   ] });
   if (typeof document === "undefined") return null;
-  return ReactDOM.createPortal(drawerContent, document.body);
+  return reactDom.createPortal(drawerContent, document.body);
 }
 function MobileCollapsibleSection({
   label,
@@ -641,4 +682,3 @@ exports.NavigationMenuMobileSection = NavigationMenuMobileSection;
 exports.NavigationMenuRoot = NavigationMenuRoot;
 exports.NavigationMenuTrigger = NavigationMenuTrigger;
 exports.NavigationMenuViewport = NavigationMenuViewport;
-//# sourceMappingURL=index.cjs.map

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { type NavigationMenuIcons } from './NavigationMenuContext';
 export interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
     /** Controlled open item value */
@@ -13,6 +14,8 @@ export interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {
     delayDuration?: number;
     /** Duration to skip delays between triggers (ms) */
     skipDelayDuration?: number;
+    /** Optional icon overrides for trigger chevrons and mobile drawer controls */
+    icons?: NavigationMenuIcons;
 }
 export interface NavigationMenuListProps {
     children: React.ReactNode;
@@ -32,13 +35,13 @@ export interface NavigationMenuContentProps {
     children: React.ReactNode;
     className?: string;
 }
-export interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+export interface NavigationMenuLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'title'> {
     /** Simple mode: children as text content */
     children?: React.ReactNode;
-    /** Structured mode: title text */
-    title?: string;
-    /** Structured mode: description text */
-    description?: string;
+    /** Structured mode: title (string or ReactNode) */
+    title?: React.ReactNode;
+    /** Structured mode: description (string or ReactNode) */
+    description?: React.ReactNode;
     /** Structured mode: icon element */
     icon?: React.ReactNode;
     /** Whether this link is the current page */
@@ -65,7 +68,7 @@ export interface NavigationMenuMobileSectionProps {
     /** Section heading label */
     label?: string;
 }
-declare function NavigationMenuRoot({ children, value: controlledValue, defaultValue, onValueChange, orientation, delayDuration, skipDelayDuration, className, 'aria-label': ariaLabel, ...htmlProps }: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuRoot({ children, value: controlledValue, defaultValue, onValueChange, orientation, delayDuration, skipDelayDuration, icons, className, 'aria-label': ariaLabel, ...htmlProps }: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuList({ children, className }: NavigationMenuListProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuItem({ children, value: valueProp, className }: NavigationMenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuTrigger({ children, className }: NavigationMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
@@ -89,4 +92,5 @@ export declare const NavigationMenu: typeof NavigationMenuRoot & {
     MobileSection: typeof NavigationMenuMobileSection;
 };
 export { NavigationMenuRoot, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, NavigationMenuMobileBrand, NavigationMenuMobileContent, NavigationMenuMobileSection, };
+export type { NavigationMenuIcons, NavigationMenuIconSlot, NavigationMenuIconRenderState, } from './NavigationMenuContext';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/NavigationMenu/index.js

@@ -8,6 +8,13 @@ import { ScrollArea } from "../ScrollArea/index.js";
 import { NavigationMenuContext, useNavigationMenuContext, NavigationMenuItemContext, useNavigationMenuItemContext } from "./NavigationMenuContext.js";
 import { useNavigationMenu } from "./useNavigationMenu.js";
 import styles from "./NavigationMenu.module.scss.js";
+function composeNavMenuClickHandlers(childHandler, internalHandler) {
+  return (event) => {
+    childHandler == null ? void 0 : childHandler(event);
+    if (event.defaultPrevented) return;
+    internalHandler(event);
+  };
+}
 function useIsMobile() {
   const [isMobile, setIsMobile] = React.useState(false);
   React.useEffect(() => {
@@ -20,6 +27,10 @@ function useIsMobile() {
   }, []);
   return isMobile;
 }
+function renderNavigationMenuIcon(slot, state) {
+  if (slot === void 0) return void 0;
+  return typeof slot === "function" ? slot(state) : slot;
+}
 function NavigationMenuRoot({
   children,
   value: controlledValue,
@@ -28,6 +39,7 @@ function NavigationMenuRoot({
   orientation = "horizontal",
   delayDuration = 200,
   skipDelayDuration = 300,
+  icons,
   className,
   "aria-label": ariaLabel = "Main navigation",
   ...htmlProps
@@ -51,9 +63,10 @@ function NavigationMenuRoot({
       ...state,
       orientation,
       isMobile,
-      rootId
+      rootId,
+      icons
     }),
-    [state, orientation, isMobile, rootId]
+    [state, orientation, isMobile, rootId, icons]
   );
   return /* @__PURE__ */ jsx(NavigationMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("nav", { ...htmlProps, className: classes, "aria-label": ariaLabel, "data-orientation": orientation, children: [
     children,
@@ -131,6 +144,7 @@ function NavigationMenuItem({ children, value: valueProp, className }) {
   return /* @__PURE__ */ jsx(NavigationMenuItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsx("li", { className, children }) });
 }
 function NavigationMenuTrigger({ children, className }) {
+  var _a;
   const ctx = useNavigationMenuContext();
   const itemCtx = useNavigationMenuItemContext();
   const isOpen = ctx.value === itemCtx.value;
@@ -182,7 +196,7 @@ function NavigationMenuTrigger({ children, className }) {
     }, ctx.delayDuration);
   };
   const handleKeyDown = (e) => {
-    var _a;
+    var _a2;
     if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
       ctx.setValue(isOpen ? "" : itemCtx.value);
@@ -190,10 +204,15 @@ function NavigationMenuTrigger({ children, className }) {
     if (e.key === "Escape" && isOpen) {
       e.preventDefault();
       ctx.setValue("");
-      (_a = triggerRef.current) == null ? void 0 : _a.focus();
+      (_a2 = triggerRef.current) == null ? void 0 : _a2.focus();
     }
   };
   const classes = [styles.trigger, className].filter(Boolean).join(" ");
+  const chevronOverride = renderNavigationMenuIcon((_a = ctx.icons) == null ? void 0 : _a.triggerChevron, {
+    slot: "triggerChevron",
+    open: isOpen,
+    isMobile: ctx.isMobile
+  });
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -211,7 +230,7 @@ function NavigationMenuTrigger({ children, className }) {
       onKeyDown: handleKeyDown,
       children: [
         children,
-        /* @__PURE__ */ jsx(CaretDown, { size: 12, className: styles.triggerChevron, "aria-hidden": true })
+        chevronOverride ? /* @__PURE__ */ jsx("span", { className: styles.triggerChevron, "aria-hidden": true, children: chevronOverride }) : /* @__PURE__ */ jsx(CaretDown, { size: 12, className: styles.triggerChevron, "aria-hidden": true })
       ]
     }
   );
@@ -312,7 +331,9 @@ function NavigationMenuLink({
   React.useEffect(() => {
     if (!ctx || !itemCtx) return;
     const existing = ctx.itemInfoMap.current.get(itemCtx.value);
-    const fallbackLabel = typeof children === "string" ? children : title || "";
+    const fallbackLabel = typeof children === "string" ? children : typeof title === "string" ? title : React.Children.toArray(title ?? children).filter(
+      (node) => typeof node === "string" || typeof node === "number"
+    ).join("");
     const resolvedHref = typeof href === "string" ? href : existing == null ? void 0 : existing.linkHref;
     ctx.itemInfoMap.current.set(itemCtx.value, {
       ...existing,
@@ -324,6 +345,7 @@ function NavigationMenuLink({
   }, [ctx, itemCtx, children, title, href]);
   const handleClick = (e) => {
     onClick == null ? void 0 : onClick(e);
+    if (e.defaultPrevented) return;
     if ((ctx == null ? void 0 : ctx.isMobile) && ctx.mobileOpen) {
       ctx.setMobileOpen(false);
     }
@@ -347,9 +369,11 @@ function NavigationMenuLink({
       onClick: handleClick
     };
     if (asChild && React.isValidElement(children)) {
+      const childProps = children.props;
       return React.cloneElement(children, {
         ...linkProps2,
-        className: [classes2, children.props.className].filter(Boolean).join(" "),
+        onClick: composeNavMenuClickHandlers(childProps.onClick, handleClick),
+        className: [classes2, childProps.className].filter(Boolean).join(" "),
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           icon && /* @__PURE__ */ jsx("span", { className: styles.linkIcon, children: icon }),
           /* @__PURE__ */ jsxs("span", { className: styles.linkBody, children: [
@@ -380,9 +404,11 @@ function NavigationMenuLink({
     onClick: handleClick
   };
   if (asChild && React.isValidElement(children)) {
+    const childProps = children.props;
     return React.cloneElement(children, {
       ...linkProps,
-      className: [classes, children.props.className].filter(Boolean).join(" ")
+      onClick: composeNavMenuClickHandlers(childProps.onClick, handleClick),
+      className: [classes, childProps.className].filter(Boolean).join(" ")
     });
   }
   return /* @__PURE__ */ jsx("a", { ...linkProps, children });
@@ -479,7 +505,17 @@ function NavigationMenuMobileSection({ children, label }) {
   ] });
 }
 function MobileHamburger() {
-  const { mobileOpen, setMobileOpen } = useNavigationMenuContext();
+  var _a, _b;
+  const ctx = useNavigationMenuContext();
+  const { mobileOpen, setMobileOpen } = ctx;
+  const iconOverride = renderNavigationMenuIcon(
+    mobileOpen ? (_a = ctx.icons) == null ? void 0 : _a.mobileClose : (_b = ctx.icons) == null ? void 0 : _b.mobileMenu,
+    {
+      slot: mobileOpen ? "mobileClose" : "mobileMenu",
+      open: mobileOpen,
+      isMobile: true
+    }
+  );
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -488,11 +524,12 @@ function MobileHamburger() {
       onClick: () => setMobileOpen(!mobileOpen),
       "aria-label": "Toggle navigation",
       "aria-expanded": mobileOpen,
-      children: mobileOpen ? /* @__PURE__ */ jsx(X, { size: 24, "aria-hidden": true }) : /* @__PURE__ */ jsx(List, { size: 24, "aria-hidden": true })
+      children: iconOverride ?? (mobileOpen ? /* @__PURE__ */ jsx(X, { size: 24, "aria-hidden": true }) : /* @__PURE__ */ jsx(List, { size: 24, "aria-hidden": true }))
     }
   );
 }
 function MobileDrawer() {
+  var _a;
   const ctx = useNavigationMenuContext();
   const drawerRef = React.useRef(null);
   useFocusTrap(drawerRef, true);
@@ -546,7 +583,11 @@ function MobileDrawer() {
                 className: styles.drawerClose,
                 onClick: () => ctx.setMobileOpen(false),
                 "aria-label": "Close navigation",
-                children: /* @__PURE__ */ jsx(X, { size: 20, "aria-hidden": true })
+                children: renderNavigationMenuIcon((_a = ctx.icons) == null ? void 0 : _a.drawerClose, {
+                  slot: "drawerClose",
+                  open: ctx.mobileOpen,
+                  isMobile: true
+                }) ?? /* @__PURE__ */ jsx(X, { size: 20, "aria-hidden": true })
               }
             )
           ] }),
@@ -624,4 +665,3 @@ export {
   NavigationMenuTrigger,
   NavigationMenuViewport
 };
-//# sourceMappingURL=index.js.map

package/dist/components/NavigationMenu/useNavigationMenu.cjs

@@ -84,4 +84,3 @@ function useNavigationMenu({
   };
 }
 exports.useNavigationMenu = useNavigationMenu;
-//# sourceMappingURL=useNavigationMenu.cjs.map

package/dist/components/NavigationMenu/useNavigationMenu.js

@@ -67,4 +67,3 @@ function useNavigationMenu({
 export {
   useNavigationMenu
 };
-//# sourceMappingURL=useNavigationMenu.js.map

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

@@ -24,4 +24,3 @@ exports.itemDisabled = itemDisabled;
 exports.list = list;
 exports.navButton = navButton;
 exports.pagination = pagination;
-//# sourceMappingURL=Pagination.module.scss.cjs.map