@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/NavigationMenu/index.js

@@ -0,0 +1,584 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { createPortal } from "react-dom";
+import { CaretDown, X, List } from "@phosphor-icons/react";
+import { useFocusTrap, handleArrowNavigation } from "../../utils/a11y.js";
+import { Collapsible } from "../Collapsible/index.js";
+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 useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(false);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia("(max-width: 767px)");
+    setIsMobile(mq.matches);
+    const handler = (e) => setIsMobile(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, []);
+  return isMobile;
+}
+function NavigationMenuRoot({
+  children,
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  orientation = "horizontal",
+  delayDuration = 200,
+  skipDelayDuration = 300,
+  className,
+  "aria-label": ariaLabel = "Main navigation",
+  ...htmlProps
+}) {
+  const rootId = React.useId();
+  const isMobile = useIsMobile();
+  const state = useNavigationMenu({
+    value: controlledValue,
+    defaultValue,
+    onValueChange,
+    delayDuration,
+    skipDelayDuration
+  });
+  const classes = [
+    styles.root,
+    orientation === "vertical" && styles.rootVertical,
+    className
+  ].filter(Boolean).join(" ");
+  const contextValue = React.useMemo(
+    () => ({
+      ...state,
+      orientation,
+      isMobile,
+      rootId
+    }),
+    [state, orientation, isMobile, rootId]
+  );
+  return /* @__PURE__ */ jsx(NavigationMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("nav", { ...htmlProps, className: classes, "aria-label": ariaLabel, "data-orientation": orientation, children: [
+    children,
+    isMobile && /* @__PURE__ */ jsx(MobileHamburger, {}),
+    isMobile && state.mobileOpen && /* @__PURE__ */ jsx(MobileDrawer, {})
+  ] }) });
+}
+function NavigationMenuList({ children, className }) {
+  const { orientation, triggerOrder, triggerRefs, value } = useNavigationMenuContext();
+  const listRef = React.useRef(null);
+  const handleKeyDown = (e) => {
+    const order = triggerOrder.current;
+    const currentIdx = order.indexOf(value);
+    const newIdx = handleArrowNavigation(e, order, currentIdx >= 0 ? currentIdx : 0, {
+      orientation: orientation === "horizontal" ? "horizontal" : "vertical",
+      loop: true
+    });
+    if (newIdx !== void 0) {
+      const targetValue = order[newIdx];
+      const trigger = triggerRefs.current.get(targetValue);
+      trigger == null ? void 0 : trigger.focus();
+    }
+  };
+  const classes = [
+    styles.list,
+    orientation === "vertical" && styles.listVertical,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ref: listRef,
+      className: classes,
+      role: "list",
+      "data-orientation": orientation,
+      onKeyDown: handleKeyDown,
+      children
+    }
+  );
+}
+let itemCounter = 0;
+function NavigationMenuItem({ children, value: valueProp, className }) {
+  const rootCtx = useNavigationMenuContext();
+  const [autoValue] = React.useState(() => valueProp || `navmenu-item-${++itemCounter}`);
+  const triggerId = `${rootCtx.rootId}-trigger-${autoValue}`;
+  const contentId = `${rootCtx.rootId}-content-${autoValue}`;
+  const itemCtx = React.useMemo(
+    () => ({
+      value: autoValue,
+      triggerId,
+      contentId
+    }),
+    [autoValue, triggerId, contentId]
+  );
+  return /* @__PURE__ */ jsx(NavigationMenuItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsx("li", { className, children }) });
+}
+function NavigationMenuTrigger({ children, className }) {
+  const ctx = useNavigationMenuContext();
+  const itemCtx = useNavigationMenuItemContext();
+  const isOpen = ctx.value === itemCtx.value;
+  const triggerRef = React.useRef(null);
+  React.useEffect(() => {
+    if (triggerRef.current) {
+      ctx.triggerRefs.current.set(itemCtx.value, triggerRef.current);
+      if (!ctx.triggerOrder.current.includes(itemCtx.value)) {
+        ctx.triggerOrder.current.push(itemCtx.value);
+      }
+    }
+    return () => {
+      ctx.triggerRefs.current.delete(itemCtx.value);
+      ctx.triggerOrder.current = ctx.triggerOrder.current.filter((v) => v !== itemCtx.value);
+    };
+  }, [itemCtx.value]);
+  React.useEffect(() => {
+    const label = typeof children === "string" ? children : "";
+    const existing = ctx.itemInfoMap.current.get(itemCtx.value);
+    ctx.itemInfoMap.current.set(itemCtx.value, {
+      ...existing,
+      value: itemCtx.value,
+      triggerLabel: label || (existing == null ? void 0 : existing.triggerLabel) || ""
+    });
+  }, [itemCtx.value, children]);
+  const handleClick = () => {
+    ctx.setValue(isOpen ? "" : itemCtx.value);
+  };
+  const handlePointerEnter = () => {
+    if (ctx.closeTimerRef.current) {
+      clearTimeout(ctx.closeTimerRef.current);
+      ctx.closeTimerRef.current = null;
+    }
+    if (ctx.isRecentlyOpenRef.current) {
+      ctx.setValue(itemCtx.value);
+      return;
+    }
+    ctx.openTimerRef.current = setTimeout(() => {
+      ctx.setValue(itemCtx.value);
+    }, ctx.delayDuration);
+  };
+  const handlePointerLeave = () => {
+    if (ctx.openTimerRef.current) {
+      clearTimeout(ctx.openTimerRef.current);
+      ctx.openTimerRef.current = null;
+    }
+    ctx.closeTimerRef.current = setTimeout(() => {
+      ctx.setValue("");
+    }, ctx.delayDuration);
+  };
+  const handleKeyDown = (e) => {
+    var _a;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      ctx.setValue(isOpen ? "" : itemCtx.value);
+    }
+    if (e.key === "Escape" && isOpen) {
+      e.preventDefault();
+      ctx.setValue("");
+      (_a = triggerRef.current) == null ? void 0 : _a.focus();
+    }
+  };
+  const classes = [styles.trigger, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref: triggerRef,
+      type: "button",
+      id: itemCtx.triggerId,
+      className: classes,
+      "aria-expanded": isOpen,
+      "aria-controls": itemCtx.contentId,
+      "data-state": isOpen ? "open" : "closed",
+      onClick: handleClick,
+      onPointerEnter: handlePointerEnter,
+      onPointerLeave: handlePointerLeave,
+      onKeyDown: handleKeyDown,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(CaretDown, { size: 12, className: styles.triggerChevron, "aria-hidden": true })
+      ]
+    }
+  );
+}
+function NavigationMenuContent({ children, className }) {
+  const ctx = useNavigationMenuContext();
+  const itemCtx = useNavigationMenuItemContext();
+  const isOpen = ctx.value === itemCtx.value;
+  const contentRef = React.useRef(null);
+  React.useEffect(() => {
+    const existing = ctx.itemInfoMap.current.get(itemCtx.value);
+    ctx.itemInfoMap.current.set(itemCtx.value, {
+      ...existing,
+      value: itemCtx.value,
+      triggerLabel: (existing == null ? void 0 : existing.triggerLabel) || "",
+      contentChildren: children
+    });
+  }, [itemCtx.value, children]);
+  React.useEffect(() => {
+    if (!isOpen || !contentRef.current) return;
+    const el = contentRef.current;
+    const observer = new ResizeObserver(([entry]) => {
+      if (entry) {
+        ctx.setViewportSize({
+          width: entry.contentRect.width,
+          height: entry.contentRect.height
+        });
+      }
+    });
+    observer.observe(el);
+    ctx.setViewportSize({
+      width: el.scrollWidth,
+      height: el.scrollHeight
+    });
+    return () => observer.disconnect();
+  }, [isOpen]);
+  const prevValue = ctx.previousValue.current;
+  const triggerOrder = ctx.triggerOrder.current;
+  const prevIdx = triggerOrder.indexOf(prevValue);
+  const currentIdx = triggerOrder.indexOf(itemCtx.value);
+  let motion;
+  if (isOpen && prevValue && prevValue !== itemCtx.value) {
+    motion = currentIdx > prevIdx ? "from-end" : "from-start";
+  }
+  React.useEffect(() => {
+    if (isOpen) {
+      ctx.previousValue.current = itemCtx.value;
+    }
+  }, [isOpen, itemCtx.value]);
+  if (!isOpen) return null;
+  const classes = [styles.content, className].filter(Boolean).join(" ");
+  const handlePointerEnter = () => {
+    if (ctx.closeTimerRef.current) {
+      clearTimeout(ctx.closeTimerRef.current);
+      ctx.closeTimerRef.current = null;
+    }
+  };
+  const handlePointerLeave = () => {
+    ctx.closeTimerRef.current = setTimeout(() => {
+      ctx.setValue("");
+    }, ctx.delayDuration);
+  };
+  const contentElement = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: contentRef,
+      id: itemCtx.contentId,
+      className: classes,
+      role: "region",
+      "aria-labelledby": itemCtx.triggerId,
+      "data-motion": motion,
+      onPointerEnter: handlePointerEnter,
+      onPointerLeave: handlePointerLeave,
+      children
+    }
+  );
+  if (ctx.viewportRef.current) {
+    return createPortal(contentElement, ctx.viewportRef.current);
+  }
+  return contentElement;
+}
+function NavigationMenuLink({
+  children,
+  title,
+  description,
+  icon,
+  active = false,
+  featured = false,
+  asChild = false,
+  className,
+  href,
+  onClick,
+  ...htmlProps
+}) {
+  const ctx = React.useContext(NavigationMenuContext);
+  const isStructured = !!(title || description || icon);
+  const handleClick = (e) => {
+    onClick == null ? void 0 : onClick(e);
+    if ((ctx == null ? void 0 : ctx.isMobile) && ctx.mobileOpen) {
+      ctx.setMobileOpen(false);
+    }
+    if (ctx) {
+      ctx.setValue("");
+    }
+  };
+  if (isStructured) {
+    const classes2 = [
+      styles.link,
+      styles.linkStructured,
+      active && styles.linkActive,
+      featured && styles.linkFeatured,
+      className
+    ].filter(Boolean).join(" ");
+    const linkProps2 = {
+      ...htmlProps,
+      className: classes2,
+      href,
+      "aria-current": active ? "page" : void 0,
+      onClick: handleClick
+    };
+    if (asChild && React.isValidElement(children)) {
+      return React.cloneElement(children, {
+        ...linkProps2,
+        className: [classes2, children.props.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: [
+            title && /* @__PURE__ */ jsx("span", { className: styles.linkTitle, children: title }),
+            description && /* @__PURE__ */ jsx("span", { className: styles.linkDescription, children: description })
+          ] })
+        ] })
+      });
+    }
+    return /* @__PURE__ */ jsxs("a", { ...linkProps2, children: [
+      icon && /* @__PURE__ */ jsx("span", { className: styles.linkIcon, children: icon }),
+      /* @__PURE__ */ jsxs("span", { className: styles.linkBody, children: [
+        title && /* @__PURE__ */ jsx("span", { className: styles.linkTitle, children: title }),
+        description && /* @__PURE__ */ jsx("span", { className: styles.linkDescription, children: description })
+      ] })
+    ] });
+  }
+  const classes = [
+    styles.link,
+    active && styles.linkActive,
+    className
+  ].filter(Boolean).join(" ");
+  const linkProps = {
+    ...htmlProps,
+    className: classes,
+    href,
+    "aria-current": active ? "page" : void 0,
+    onClick: handleClick
+  };
+  if (asChild && React.isValidElement(children)) {
+    return React.cloneElement(children, {
+      ...linkProps,
+      className: [classes, children.props.className].filter(Boolean).join(" ")
+    });
+  }
+  return /* @__PURE__ */ jsx("a", { ...linkProps, children });
+}
+function NavigationMenuIndicator({ className }) {
+  const { value, triggerRefs } = useNavigationMenuContext();
+  const [style, setStyle] = React.useState({ opacity: 0 });
+  React.useEffect(() => {
+    if (!value) {
+      setStyle({ opacity: 0 });
+      return;
+    }
+    const trigger = triggerRefs.current.get(value);
+    if (trigger) {
+      const parent = trigger.closest("ul");
+      if (parent) {
+        const parentRect = parent.getBoundingClientRect();
+        const triggerRect = trigger.getBoundingClientRect();
+        setStyle({
+          left: triggerRect.left - parentRect.left,
+          width: triggerRect.width,
+          opacity: 1
+        });
+      }
+    }
+  }, [value, triggerRefs]);
+  const classes = [styles.indicator, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { className: classes, style, "aria-hidden": true });
+}
+function NavigationMenuViewport({ className }) {
+  const ctx = useNavigationMenuContext();
+  const { viewportSize, viewportRef, value, triggerRefs } = ctx;
+  const isOpen = !!value;
+  const [triggerLeft, setTriggerLeft] = React.useState(0);
+  React.useEffect(() => {
+    if (!isOpen || !value) return;
+    const trigger = triggerRefs.current.get(value);
+    if (!trigger || !viewportRef.current) return;
+    const navRoot = viewportRef.current.parentElement;
+    if (!navRoot) return;
+    const navRect = navRoot.getBoundingClientRect();
+    const triggerRect = trigger.getBoundingClientRect();
+    setTriggerLeft(triggerRect.left - navRect.left);
+  }, [isOpen, value, triggerRefs, viewportRef]);
+  const cssVars = {
+    "--fui-navmenu-viewport-width": isOpen ? `${viewportSize.width}px` : "0px",
+    "--fui-navmenu-viewport-height": isOpen ? `${viewportSize.height}px` : "0px",
+    "--fui-navmenu-viewport-left": `${triggerLeft}px`
+  };
+  React.useEffect(() => {
+    if (isOpen) {
+      ctx.isRecentlyOpenRef.current = true;
+      if (ctx.skipDelayTimerRef.current) {
+        clearTimeout(ctx.skipDelayTimerRef.current);
+      }
+    } else {
+      ctx.skipDelayTimerRef.current = setTimeout(() => {
+        ctx.isRecentlyOpenRef.current = false;
+      }, ctx.skipDelayDuration);
+    }
+  }, [isOpen]);
+  const classes = [styles.viewport, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: viewportRef,
+      className: classes,
+      style: cssVars,
+      "data-state": isOpen ? "open" : "closed",
+      role: "presentation"
+    }
+  );
+}
+function NavigationMenuMobileContent({ children }) {
+  const ctx = useNavigationMenuContext();
+  React.useEffect(() => {
+    ctx.setMobileContentChildren(children);
+    return () => ctx.setMobileContentChildren(null);
+  }, [children]);
+  return null;
+}
+function NavigationMenuMobileBrand({ children }) {
+  const ctx = useNavigationMenuContext();
+  React.useEffect(() => {
+    ctx.setMobileBrandChildren(children);
+    return () => ctx.setMobileBrandChildren(null);
+  }, [children]);
+  return null;
+}
+function NavigationMenuMobileSection({ children, label }) {
+  return /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": label, children: [
+    label && /* @__PURE__ */ jsx("div", { className: styles.drawerSectionLabel, children: label }),
+    /* @__PURE__ */ jsx("div", { className: styles.drawerNav, children })
+  ] });
+}
+function MobileHamburger() {
+  const { mobileOpen, setMobileOpen } = useNavigationMenuContext();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: styles.hamburger,
+      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 })
+    }
+  );
+}
+function MobileDrawer() {
+  const ctx = useNavigationMenuContext();
+  const drawerRef = React.useRef(null);
+  useFocusTrap(drawerRef, true);
+  React.useEffect(() => {
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, []);
+  React.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        ctx.setMobileOpen(false);
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [ctx]);
+  const autoItems = React.useMemo(() => {
+    const items = [];
+    for (const value of ctx.triggerOrder.current) {
+      const info = ctx.itemInfoMap.current.get(value);
+      if (info) items.push(info);
+    }
+    return items;
+  }, [ctx.triggerOrder, ctx.itemInfoMap]);
+  const handleLinkClick = () => {
+    ctx.setMobileOpen(false);
+  };
+  const drawerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: styles.drawerBackdrop,
+        onClick: () => ctx.setMobileOpen(false),
+        "aria-hidden": true
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: drawerRef,
+        className: styles.drawer,
+        role: "dialog",
+        "aria-modal": true,
+        "aria-label": "Navigation",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.drawerHeader, children: [
+            ctx.mobileBrandChildren ?? /* @__PURE__ */ jsx("span", {}),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: styles.drawerClose,
+                onClick: () => ctx.setMobileOpen(false),
+                "aria-label": "Close navigation",
+                children: /* @__PURE__ */ jsx(X, { size: 20, "aria-hidden": true })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(ScrollArea, { orientation: "vertical", className: styles.drawerBody, children: ctx.mobileContentChildren ? ctx.mobileContentChildren : /* @__PURE__ */ jsx("div", { className: styles.drawerNav, children: autoItems.map(
+            (item) => item.contentChildren ? /* @__PURE__ */ jsx(
+              MobileCollapsibleSection,
+              {
+                label: item.triggerLabel,
+                onLinkClick: handleLinkClick,
+                children: item.contentChildren
+              },
+              item.value
+            ) : item.linkHref ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                className: styles.drawerLink,
+                href: item.linkHref,
+                onClick: handleLinkClick,
+                children: item.triggerLabel
+              },
+              item.value
+            ) : null
+          ) }) })
+        ]
+      }
+    )
+  ] });
+  if (typeof document === "undefined") return null;
+  return createPortal(drawerContent, document.body);
+}
+function MobileCollapsibleSection({
+  label,
+  children,
+  onLinkClick
+}) {
+  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: false, children: [
+    /* @__PURE__ */ jsx(Collapsible.Trigger, { className: styles.drawerCollapsibleTrigger, children: label }),
+    /* @__PURE__ */ jsx(Collapsible.Content, { children: /* @__PURE__ */ jsx("div", { className: styles.drawerCollapsibleContent, onClick: onLinkClick, children }) })
+  ] });
+}
+const NavigationMenu = Object.assign(NavigationMenuRoot, {
+  List: NavigationMenuList,
+  Item: NavigationMenuItem,
+  Trigger: NavigationMenuTrigger,
+  Content: NavigationMenuContent,
+  Link: NavigationMenuLink,
+  Indicator: NavigationMenuIndicator,
+  Viewport: NavigationMenuViewport,
+  MobileBrand: NavigationMenuMobileBrand,
+  MobileContent: NavigationMenuMobileContent,
+  MobileSection: NavigationMenuMobileSection
+});
+export {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuMobileBrand,
+  NavigationMenuMobileContent,
+  NavigationMenuMobileSection,
+  NavigationMenuRoot,
+  NavigationMenuTrigger,
+  NavigationMenuViewport
+};
+//# sourceMappingURL=index.js.map

package/dist/components/NavigationMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/NavigationMenu/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { CaretDown, CaretRight, List, X } from '@phosphor-icons/react';\nimport { handleArrowNavigation, useFocusTrap } from '../../utils/a11y';\nimport { Collapsible } from '../Collapsible';\nimport { ScrollArea } from '../ScrollArea';\nimport {\n  NavigationMenuContext,\n  NavigationMenuItemContext,\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n  type NavigationMenuItemInfo,\n} from './NavigationMenuContext';\nimport { useNavigationMenu } from './useNavigationMenu';\nimport styles from './NavigationMenu.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Controlled open item value */\n  value?: string;\n  /** Default open item value */\n  defaultValue?: string;\n  /** Callback when open item changes */\n  onValueChange?: (value: string) => void;\n  /** Menu orientation */\n  orientation?: 'horizontal' | 'vertical';\n  /** Delay before opening on hover (ms) */\n  delayDuration?: number;\n  /** Duration to skip delays between triggers (ms) */\n  skipDelayDuration?: number;\n}\n\nexport interface NavigationMenuListProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface NavigationMenuItemProps {\n  children: React.ReactNode;\n  /** Unique item value (required for items with Trigger+Content) */\n  value?: string;\n  className?: string;\n}\n\nexport interface NavigationMenuTriggerProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface NavigationMenuContentProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Simple mode: children as text content */\n  children?: React.ReactNode;\n  /** Structured mode: title text */\n  title?: string;\n  /** Structured mode: description text */\n  description?: string;\n  /** Structured mode: icon element */\n  icon?: React.ReactNode;\n  /** Whether this link is the current page */\n  active?: boolean;\n  /** Highlighted card style */\n  featured?: boolean;\n  /** Render as child element (polymorphic) */\n  asChild?: boolean;\n}\n\nexport interface NavigationMenuIndicatorProps {\n  className?: string;\n}\n\nexport interface NavigationMenuViewportProps {\n  className?: string;\n}\n\nexport interface NavigationMenuMobileContentProps {\n  children: React.ReactNode;\n}\n\nexport interface NavigationMenuMobileBrandProps {\n  children: React.ReactNode;\n}\n\nexport interface NavigationMenuMobileSectionProps {\n  children: React.ReactNode;\n  /** Section heading label */\n  label?: 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// Root\n// ============================================\n\nfunction NavigationMenuRoot({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  orientation = 'horizontal',\n  delayDuration = 200,\n  skipDelayDuration = 300,\n  className,\n  'aria-label': ariaLabel = 'Main navigation',\n  ...htmlProps\n}: NavigationMenuProps) {\n  const rootId = React.useId();\n  const isMobile = useIsMobile();\n\n  const state = useNavigationMenu({\n    value: controlledValue,\n    defaultValue,\n    onValueChange,\n    delayDuration,\n    skipDelayDuration,\n  });\n\n  const classes = [\n    styles.root,\n    orientation === 'vertical' && styles.rootVertical,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const contextValue = React.useMemo(\n    () => ({\n      ...state,\n      orientation,\n      isMobile,\n      rootId,\n    }),\n    [state, orientation, isMobile, rootId]\n  );\n\n  return (\n    <NavigationMenuContext.Provider value={contextValue}>\n      <nav {...htmlProps} className={classes} aria-label={ariaLabel} data-orientation={orientation}>\n        {children}\n        {isMobile && <MobileHamburger />}\n        {isMobile && state.mobileOpen && <MobileDrawer />}\n      </nav>\n    </NavigationMenuContext.Provider>\n  );\n}\n\n// ============================================\n// List\n// ============================================\n\nfunction NavigationMenuList({ children, className }: NavigationMenuListProps) {\n  const { orientation, triggerOrder, triggerRefs, value } = useNavigationMenuContext();\n\n  const listRef = React.useRef<HTMLUListElement>(null);\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    const order = triggerOrder.current;\n    const currentIdx = order.indexOf(value);\n\n    const newIdx = handleArrowNavigation(e, order, currentIdx >= 0 ? currentIdx : 0, {\n      orientation: orientation === 'horizontal' ? 'horizontal' : 'vertical',\n      loop: true,\n    });\n\n    if (newIdx !== undefined) {\n      const targetValue = order[newIdx];\n      const trigger = triggerRefs.current.get(targetValue);\n      trigger?.focus();\n    }\n  };\n\n  const classes = [\n    styles.list,\n    orientation === 'vertical' && styles.listVertical,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <ul\n      ref={listRef}\n      className={classes}\n      role=\"list\"\n      data-orientation={orientation}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </ul>\n  );\n}\n\n// ============================================\n// Item\n// ============================================\n\nlet itemCounter = 0;\n\nfunction NavigationMenuItem({ children, value: valueProp, className }: NavigationMenuItemProps) {\n  const rootCtx = useNavigationMenuContext();\n  const [autoValue] = React.useState(() => valueProp || `navmenu-item-${++itemCounter}`);\n  const triggerId = `${rootCtx.rootId}-trigger-${autoValue}`;\n  const contentId = `${rootCtx.rootId}-content-${autoValue}`;\n\n  const itemCtx = React.useMemo(\n    () => ({\n      value: autoValue,\n      triggerId,\n      contentId,\n    }),\n    [autoValue, triggerId, contentId]\n  );\n\n  return (\n    <NavigationMenuItemContext.Provider value={itemCtx}>\n      <li className={className}>{children}</li>\n    </NavigationMenuItemContext.Provider>\n  );\n}\n\n// ============================================\n// Trigger\n// ============================================\n\nfunction NavigationMenuTrigger({ children, className }: NavigationMenuTriggerProps) {\n  const ctx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const isOpen = ctx.value === itemCtx.value;\n\n  // Register trigger\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useEffect(() => {\n    if (triggerRef.current) {\n      ctx.triggerRefs.current.set(itemCtx.value, triggerRef.current);\n      if (!ctx.triggerOrder.current.includes(itemCtx.value)) {\n        ctx.triggerOrder.current.push(itemCtx.value);\n      }\n    }\n    return () => {\n      ctx.triggerRefs.current.delete(itemCtx.value);\n      ctx.triggerOrder.current = ctx.triggerOrder.current.filter(v => v !== itemCtx.value);\n    };\n    // Only register/unregister on mount/unmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [itemCtx.value]);\n\n  // Register item info for mobile drawer\n  React.useEffect(() => {\n    const label = typeof children === 'string' ? children : '';\n    const existing = ctx.itemInfoMap.current.get(itemCtx.value);\n    ctx.itemInfoMap.current.set(itemCtx.value, {\n      ...existing,\n      value: itemCtx.value,\n      triggerLabel: label || existing?.triggerLabel || '',\n    } as NavigationMenuItemInfo);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [itemCtx.value, children]);\n\n  const handleClick = () => {\n    ctx.setValue(isOpen ? '' : itemCtx.value);\n  };\n\n  const handlePointerEnter = () => {\n    if (ctx.closeTimerRef.current) {\n      clearTimeout(ctx.closeTimerRef.current);\n      ctx.closeTimerRef.current = null;\n    }\n\n    // Skip delay if recently open\n    if (ctx.isRecentlyOpenRef.current) {\n      ctx.setValue(itemCtx.value);\n      return;\n    }\n\n    ctx.openTimerRef.current = setTimeout(() => {\n      ctx.setValue(itemCtx.value);\n    }, ctx.delayDuration);\n  };\n\n  const handlePointerLeave = () => {\n    if (ctx.openTimerRef.current) {\n      clearTimeout(ctx.openTimerRef.current);\n      ctx.openTimerRef.current = null;\n    }\n\n    ctx.closeTimerRef.current = setTimeout(() => {\n      ctx.setValue('');\n    }, ctx.delayDuration);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      ctx.setValue(isOpen ? '' : itemCtx.value);\n    }\n    if (e.key === 'Escape' && isOpen) {\n      e.preventDefault();\n      ctx.setValue('');\n      triggerRef.current?.focus();\n    }\n  };\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  return (\n    <button\n      ref={triggerRef}\n      type=\"button\"\n      id={itemCtx.triggerId}\n      className={classes}\n      aria-expanded={isOpen}\n      aria-controls={itemCtx.contentId}\n      data-state={isOpen ? 'open' : 'closed'}\n      onClick={handleClick}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={handlePointerLeave}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n      <CaretDown size={12} className={styles.triggerChevron} aria-hidden />\n    </button>\n  );\n}\n\n// ============================================\n// Content\n// ============================================\n\nfunction NavigationMenuContent({ children, className }: NavigationMenuContentProps) {\n  const ctx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const isOpen = ctx.value === itemCtx.value;\n  const contentRef = React.useRef<HTMLDivElement>(null);\n\n  // Register content children into item info (for mobile drawer)\n  React.useEffect(() => {\n    const existing = ctx.itemInfoMap.current.get(itemCtx.value);\n    ctx.itemInfoMap.current.set(itemCtx.value, {\n      ...existing,\n      value: itemCtx.value,\n      triggerLabel: existing?.triggerLabel || '',\n      contentChildren: children,\n    } as NavigationMenuItemInfo);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [itemCtx.value, children]);\n\n  // Measure content for viewport animation\n  React.useEffect(() => {\n    if (!isOpen || !contentRef.current) return;\n\n    const el = contentRef.current;\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) {\n        ctx.setViewportSize({\n          width: entry.contentRect.width,\n          height: entry.contentRect.height,\n        });\n      }\n    });\n    observer.observe(el);\n\n    // Initial measurement\n    ctx.setViewportSize({\n      width: el.scrollWidth,\n      height: el.scrollHeight,\n    });\n\n    return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  // Determine motion direction\n  const prevValue = ctx.previousValue.current;\n  const triggerOrder = ctx.triggerOrder.current;\n  const prevIdx = triggerOrder.indexOf(prevValue);\n  const currentIdx = triggerOrder.indexOf(itemCtx.value);\n  let motion: string | undefined;\n  if (isOpen && prevValue && prevValue !== itemCtx.value) {\n    motion = currentIdx > prevIdx ? 'from-end' : 'from-start';\n  }\n\n  // Update previousValue when this content becomes active\n  React.useEffect(() => {\n    if (isOpen) {\n      ctx.previousValue.current = itemCtx.value;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, itemCtx.value]);\n\n  if (!isOpen) return null;\n\n  const classes = [styles.content, className].filter(Boolean).join(' ');\n\n  const handlePointerEnter = () => {\n    if (ctx.closeTimerRef.current) {\n      clearTimeout(ctx.closeTimerRef.current);\n      ctx.closeTimerRef.current = null;\n    }\n  };\n\n  const handlePointerLeave = () => {\n    ctx.closeTimerRef.current = setTimeout(() => {\n      ctx.setValue('');\n    }, ctx.delayDuration);\n  };\n\n  const contentElement = (\n    <div\n      ref={contentRef}\n      id={itemCtx.contentId}\n      className={classes}\n      role=\"region\"\n      aria-labelledby={itemCtx.triggerId}\n      data-motion={motion}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={handlePointerLeave}\n    >\n      {children}\n    </div>\n  );\n\n  // Portal into viewport if it exists\n  if (ctx.viewportRef.current) {\n    return createPortal(contentElement, ctx.viewportRef.current);\n  }\n\n  return contentElement;\n}\n\n// ============================================\n// Link\n// ============================================\n\nfunction NavigationMenuLink({\n  children,\n  title,\n  description,\n  icon,\n  active = false,\n  featured = false,\n  asChild = false,\n  className,\n  href,\n  onClick,\n  ...htmlProps\n}: NavigationMenuLinkProps) {\n  const ctx = React.useContext(NavigationMenuContext);\n  const isStructured = !!(title || description || icon);\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(e);\n    // Close mobile drawer on link click\n    if (ctx?.isMobile && ctx.mobileOpen) {\n      ctx.setMobileOpen(false);\n    }\n    // Close desktop menu\n    if (ctx) {\n      ctx.setValue('');\n    }\n  };\n\n  // Structured mode (title + description + icon)\n  if (isStructured) {\n    const classes = [\n      styles.link,\n      styles.linkStructured,\n      active && styles.linkActive,\n      featured && styles.linkFeatured,\n      className,\n    ].filter(Boolean).join(' ');\n\n    const linkProps = {\n      ...htmlProps,\n      className: classes,\n      href,\n      'aria-current': active ? ('page' as const) : undefined,\n      onClick: handleClick,\n    };\n\n    if (asChild && React.isValidElement(children)) {\n      return React.cloneElement(children, {\n        ...linkProps,\n        className: [classes, (children.props as { className?: string }).className].filter(Boolean).join(' '),\n        children: (\n          <>\n            {icon && <span className={styles.linkIcon}>{icon}</span>}\n            <span className={styles.linkBody}>\n              {title && <span className={styles.linkTitle}>{title}</span>}\n              {description && <span className={styles.linkDescription}>{description}</span>}\n            </span>\n          </>\n        ),\n      } as React.HTMLAttributes<HTMLElement>);\n    }\n\n    return (\n      <a {...linkProps}>\n        {icon && <span className={styles.linkIcon}>{icon}</span>}\n        <span className={styles.linkBody}>\n          {title && <span className={styles.linkTitle}>{title}</span>}\n          {description && <span className={styles.linkDescription}>{description}</span>}\n        </span>\n      </a>\n    );\n  }\n\n  // Simple link mode\n  const classes = [\n    styles.link,\n    active && styles.linkActive,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const linkProps = {\n    ...htmlProps,\n    className: classes,\n    href,\n    'aria-current': active ? ('page' as const) : undefined,\n    onClick: handleClick,\n  };\n\n  if (asChild && React.isValidElement(children)) {\n    return React.cloneElement(children, {\n      ...linkProps,\n      className: [classes, (children.props as { className?: string }).className].filter(Boolean).join(' '),\n    } as React.HTMLAttributes<HTMLElement>);\n  }\n\n  return <a {...linkProps}>{children}</a>;\n}\n\n// ============================================\n// Indicator\n// ============================================\n\nfunction NavigationMenuIndicator({ className }: NavigationMenuIndicatorProps) {\n  const { value, triggerRefs } = useNavigationMenuContext();\n  const [style, setStyle] = React.useState<React.CSSProperties>({ opacity: 0 });\n\n  React.useEffect(() => {\n    if (!value) {\n      setStyle({ opacity: 0 });\n      return;\n    }\n    const trigger = triggerRefs.current.get(value);\n    if (trigger) {\n      const parent = trigger.closest('ul');\n      if (parent) {\n        const parentRect = parent.getBoundingClientRect();\n        const triggerRect = trigger.getBoundingClientRect();\n        setStyle({\n          left: triggerRect.left - parentRect.left,\n          width: triggerRect.width,\n          opacity: 1,\n        });\n      }\n    }\n  }, [value, triggerRefs]);\n\n  const classes = [styles.indicator, className].filter(Boolean).join(' ');\n\n  return <div className={classes} style={style} aria-hidden />;\n}\n\n// ============================================\n// Viewport\n// ============================================\n\nfunction NavigationMenuViewport({ className }: NavigationMenuViewportProps) {\n  const ctx = useNavigationMenuContext();\n  const { viewportSize, viewportRef, value, triggerRefs } = ctx;\n  const isOpen = !!value;\n\n  // Compute the active trigger's left offset relative to the nav root\n  const [triggerLeft, setTriggerLeft] = React.useState(0);\n\n  React.useEffect(() => {\n    if (!isOpen || !value) return;\n    const trigger = triggerRefs.current.get(value);\n    if (!trigger || !viewportRef.current) return;\n\n    const navRoot = viewportRef.current.parentElement;\n    if (!navRoot) return;\n\n    const navRect = navRoot.getBoundingClientRect();\n    const triggerRect = trigger.getBoundingClientRect();\n    setTriggerLeft(triggerRect.left - navRect.left);\n  }, [isOpen, value, triggerRefs, viewportRef]);\n\n  const cssVars = {\n    '--fui-navmenu-viewport-width': isOpen ? `${viewportSize.width}px` : '0px',\n    '--fui-navmenu-viewport-height': isOpen ? `${viewportSize.height}px` : '0px',\n    '--fui-navmenu-viewport-left': `${triggerLeft}px`,\n  } as React.CSSProperties;\n\n  // Mark skip-delay state\n  React.useEffect(() => {\n    if (isOpen) {\n      ctx.isRecentlyOpenRef.current = true;\n      if (ctx.skipDelayTimerRef.current) {\n        clearTimeout(ctx.skipDelayTimerRef.current);\n      }\n    } else {\n      ctx.skipDelayTimerRef.current = setTimeout(() => {\n        ctx.isRecentlyOpenRef.current = false;\n      }, ctx.skipDelayDuration);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  const classes = [styles.viewport, className].filter(Boolean).join(' ');\n\n  return (\n    <div\n      ref={viewportRef}\n      className={classes}\n      style={cssVars}\n      data-state={isOpen ? 'open' : 'closed'}\n      role=\"presentation\"\n    />\n  );\n}\n\n// ============================================\n// MobileContent (slot for extra mobile sections)\n// ============================================\n\nfunction NavigationMenuMobileContent({ children }: NavigationMenuMobileContentProps) {\n  const ctx = useNavigationMenuContext();\n\n  React.useEffect(() => {\n    ctx.setMobileContentChildren(children);\n    return () => ctx.setMobileContentChildren(null);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children]);\n\n  // This component renders nothing visually on desktop or in the tree.\n  // Its children are extracted into the mobile drawer via context.\n  return null;\n}\n\n// ============================================\n// MobileBrand (slot for brand in mobile drawer header)\n// ============================================\n\nfunction NavigationMenuMobileBrand({ children }: NavigationMenuMobileBrandProps) {\n  const ctx = useNavigationMenuContext();\n\n  React.useEffect(() => {\n    ctx.setMobileBrandChildren(children);\n    return () => ctx.setMobileBrandChildren(null);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children]);\n\n  return null;\n}\n\n// ============================================\n// MobileSection\n// ============================================\n\nfunction NavigationMenuMobileSection({ children, label }: NavigationMenuMobileSectionProps) {\n  return (\n    <div role=\"group\" aria-label={label}>\n      {label && <div className={styles.drawerSectionLabel}>{label}</div>}\n      <div className={styles.drawerNav}>{children}</div>\n    </div>\n  );\n}\n\n// ============================================\n// Mobile Hamburger Button\n// ============================================\n\nfunction MobileHamburger() {\n  const { mobileOpen, setMobileOpen } = useNavigationMenuContext();\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.hamburger}\n      onClick={() => setMobileOpen(!mobileOpen)}\n      aria-label=\"Toggle navigation\"\n      aria-expanded={mobileOpen}\n    >\n      {mobileOpen ? <X size={24} aria-hidden /> : <List size={24} aria-hidden />}\n    </button>\n  );\n}\n\n// ============================================\n// Mobile Drawer\n// ============================================\n\nfunction MobileDrawer() {\n  const ctx = useNavigationMenuContext();\n  const drawerRef = React.useRef<HTMLDivElement>(null);\n\n  useFocusTrap(drawerRef, true);\n\n  // Lock body scroll\n  React.useEffect(() => {\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, []);\n\n  // Handle Escape\n  React.useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        ctx.setMobileOpen(false);\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [ctx]);\n\n  // Build auto-converted nav items from item info registry\n  const autoItems = React.useMemo(() => {\n    const items: NavigationMenuItemInfo[] = [];\n    for (const value of ctx.triggerOrder.current) {\n      const info = ctx.itemInfoMap.current.get(value);\n      if (info) items.push(info);\n    }\n    return items;\n  }, [ctx.triggerOrder, ctx.itemInfoMap]);\n\n  const handleLinkClick = () => {\n    ctx.setMobileOpen(false);\n  };\n\n  const drawerContent = (\n    <>\n      <div\n        className={styles.drawerBackdrop}\n        onClick={() => ctx.setMobileOpen(false)}\n        aria-hidden\n      />\n      <div\n        ref={drawerRef}\n        className={styles.drawer}\n        role=\"dialog\"\n        aria-modal\n        aria-label=\"Navigation\"\n      >\n        <div className={styles.drawerHeader}>\n          {ctx.mobileBrandChildren ?? <span />}\n          <button\n            type=\"button\"\n            className={styles.drawerClose}\n            onClick={() => ctx.setMobileOpen(false)}\n            aria-label=\"Close navigation\"\n          >\n            <X size={20} aria-hidden />\n          </button>\n        </div>\n        <ScrollArea orientation=\"vertical\" className={styles.drawerBody}>\n          {/* When MobileContent is provided, it takes full control of the drawer nav.\n              Otherwise, auto-convert registered Trigger+Content items. */}\n          {ctx.mobileContentChildren ? (\n            ctx.mobileContentChildren\n          ) : (\n            <div className={styles.drawerNav}>\n              {autoItems.map((item) =>\n                item.contentChildren ? (\n                  <MobileCollapsibleSection\n                    key={item.value}\n                    label={item.triggerLabel}\n                    onLinkClick={handleLinkClick}\n                  >\n                    {item.contentChildren}\n                  </MobileCollapsibleSection>\n                ) : item.linkHref ? (\n                  <a\n                    key={item.value}\n                    className={styles.drawerLink}\n                    href={item.linkHref}\n                    onClick={handleLinkClick}\n                  >\n                    {item.triggerLabel}\n                  </a>\n                ) : null\n              )}\n            </div>\n          )}\n        </ScrollArea>\n      </div>\n    </>\n  );\n\n  if (typeof document === 'undefined') return null;\n  return createPortal(drawerContent, document.body);\n}\n\n// ============================================\n// Mobile Collapsible Section (auto-converted)\n// ============================================\n\nfunction MobileCollapsibleSection({\n  label,\n  children,\n  onLinkClick,\n}: {\n  label: string;\n  children: React.ReactNode;\n  onLinkClick: () => void;\n}) {\n  return (\n    <Collapsible defaultOpen={false}>\n      <Collapsible.Trigger className={styles.drawerCollapsibleTrigger}>\n        {label}\n      </Collapsible.Trigger>\n      <Collapsible.Content>\n        <div className={styles.drawerCollapsibleContent} onClick={onLinkClick}>\n          {children}\n        </div>\n      </Collapsible.Content>\n    </Collapsible>\n  );\n}\n\n// ============================================\n// Export Compound Component\n// ============================================\n\nexport const NavigationMenu = Object.assign(NavigationMenuRoot, {\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Indicator: NavigationMenuIndicator,\n  Viewport: NavigationMenuViewport,\n  MobileBrand: NavigationMenuMobileBrand,\n  MobileContent: NavigationMenuMobileContent,\n  MobileSection: NavigationMenuMobileSection,\n});\n\nexport {\n  NavigationMenuRoot,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  NavigationMenuMobileBrand,\n  NavigationMenuMobileContent,\n  NavigationMenuMobileSection,\n};\n"],"names":["classes","linkProps"],"mappings":"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"}