@mieweb/ui 0.10.0-dev.1 → 0.10.0-dev.11

package/dist/chunk-2IZLKPUW.js

@@ -0,0 +1,412 @@
+import { buttonVariants } from './chunk-GOALNQZ2.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { ChevronDown, ChevronRight, ArrowRight } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var OPEN_DELAY_MS = 70;
+var CLOSE_DELAY_MS = 150;
+function normalizePath(href) {
+  const path = href.split("#")[0].split("?")[0];
+  let end = path.length;
+  while (end > 0 && path[end - 1] === "/") end--;
+  return path.slice(0, end) || "/";
+}
+function MegaMenu({
+  menu,
+  open,
+  onOpenChange,
+  currentPath,
+  variant = "dark",
+  resolveFeatured = (item, m) => item?.featured ?? m.featured,
+  onNavigate,
+  hoverMinWidth = 900,
+  className
+}) {
+  const rootRef = React.useRef(null);
+  const panelRef = React.useRef(null);
+  const triggerRef = React.useRef(null);
+  const openTimer = React.useRef(null);
+  const closeTimer = React.useRef(null);
+  const [left, setLeft] = React.useState();
+  const [hovered, setHovered] = React.useState(null);
+  const panelId = React.useId();
+  const isHoverViewport = () => typeof window !== "undefined" && window.innerWidth >= hoverMinWidth;
+  const clearTimers = React.useCallback(() => {
+    if (openTimer.current !== null) window.clearTimeout(openTimer.current);
+    if (closeTimer.current !== null) window.clearTimeout(closeTimer.current);
+    openTimer.current = closeTimer.current = null;
+  }, []);
+  const requestOpen = React.useCallback(() => {
+    clearTimers();
+    openTimer.current = window.setTimeout(
+      () => onOpenChange(true),
+      OPEN_DELAY_MS
+    );
+  }, [clearTimers, onOpenChange]);
+  const requestClose = React.useCallback(() => {
+    clearTimers();
+    closeTimer.current = window.setTimeout(
+      () => onOpenChange(false),
+      CLOSE_DELAY_MS
+    );
+  }, [clearTimers, onOpenChange]);
+  const position = React.useCallback(() => {
+    const root = rootRef.current;
+    const panel = panelRef.current;
+    if (!root || !panel || !isHoverViewport()) {
+      setLeft(void 0);
+      return;
+    }
+    const rect = root.getBoundingClientRect();
+    const pad = 16;
+    const vw = document.documentElement.clientWidth;
+    const clamped = Math.min(
+      Math.max(rect.left, pad),
+      Math.max(pad, vw - pad - panel.offsetWidth)
+    );
+    setLeft(clamped - rect.left);
+  }, [hoverMinWidth]);
+  const curPath = currentPath ? normalizePath(currentPath) : null;
+  const isCurrent = (href) => curPath !== null && normalizePath(href) === curPath;
+  const featured = resolveFeatured(hovered, menu);
+  React.useEffect(() => {
+    if (open) position();
+    else setHovered(null);
+  }, [open, position, featured]);
+  React.useEffect(() => {
+    window.addEventListener("resize", position);
+    return () => window.removeEventListener("resize", position);
+  }, [position]);
+  React.useEffect(() => clearTimers, [clearTimers]);
+  const onKeyDown = (e) => {
+    if (e.key === "Escape" && open) {
+      e.stopPropagation();
+      clearTimers();
+      onOpenChange(false);
+      triggerRef.current?.focus();
+    }
+  };
+  const triggerClass = cn(
+    "inline-flex items-center rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+    variant === "light" ? "text-white/90 hover:bg-white/10 hover:text-white" : "text-foreground/80 hover:bg-muted hover:text-foreground",
+    open && (variant === "light" ? "bg-white/10 text-white" : "bg-muted text-foreground")
+  );
+  const navigate = () => {
+    onOpenChange(false);
+    onNavigate?.();
+  };
+  return (
+    // Hover/focus delegation region only — the trigger, toggle and links inside are the interactive elements.
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: rootRef,
+        "data-slot": "mega-menu",
+        "data-state": open ? "open" : "closed",
+        className: cn("relative", className),
+        onMouseEnter: () => isHoverViewport() && requestOpen(),
+        onMouseLeave: () => isHoverViewport() && requestClose(),
+        onFocusCapture: () => {
+          if (!isHoverViewport()) return;
+          clearTimers();
+          onOpenChange(true);
+        },
+        onBlurCapture: (e) => {
+          if (!isHoverViewport()) return;
+          if (!rootRef.current?.contains(e.relatedTarget))
+            requestClose();
+        },
+        onKeyDown,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+            menu.href ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                ref: triggerRef,
+                href: menu.href,
+                className: triggerClass,
+                "aria-haspopup": "true",
+                "aria-expanded": open,
+                "aria-controls": panelId,
+                "aria-current": isCurrent(menu.href) ? "page" : void 0,
+                onClick: navigate,
+                children: menu.label
+              }
+            ) : /* @__PURE__ */ jsx(
+              "button",
+              {
+                ref: triggerRef,
+                type: "button",
+                className: triggerClass,
+                "aria-haspopup": "true",
+                "aria-expanded": open,
+                "aria-controls": panelId,
+                onClick: () => {
+                  clearTimers();
+                  onOpenChange(!open);
+                },
+                children: menu.label
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": `Toggle ${menu.label} menu`,
+                "aria-expanded": open,
+                "aria-controls": panelId,
+                onClick: () => {
+                  clearTimers();
+                  onOpenChange(!open);
+                },
+                className: cn(
+                  "-ms-1 rounded-md p-1 transition-transform",
+                  variant === "light" ? "text-white/70 hover:text-white" : "text-muted-foreground hover:text-foreground",
+                  open && "rotate-180"
+                ),
+                children: /* @__PURE__ */ jsx(ChevronDown, { size: 16, "aria-hidden": "true" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              id: panelId,
+              ref: panelRef,
+              role: "region",
+              "aria-label": menu.label,
+              "data-slot": "mega-menu-panel",
+              style: { left },
+              className: cn(
+                "border-border bg-card text-card-foreground absolute top-full z-50 mt-3 origin-top-left rounded-2xl border shadow-xl",
+                "transition-[opacity,transform] duration-200",
+                open ? "visible translate-y-0 opacity-100" : "pointer-events-none invisible -translate-y-1 opacity-0",
+                featured ? "grid w-[min(880px,calc(100vw-2rem))] grid-cols-[1fr_280px]" : "w-[min(600px,calc(100vw-2rem))]"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "p-6", children: [
+                  menu.heading && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4 text-[11px] font-bold tracking-[0.14em] uppercase", children: menu.heading }),
+                  menu.groups ? /* @__PURE__ */ jsx("div", { className: "grid gap-6 sm:grid-cols-2 lg:grid-cols-3", children: menu.groups.map((g) => /* @__PURE__ */ jsxs("div", { children: [
+                    g.href ? /* @__PURE__ */ jsxs(
+                      "a",
+                      {
+                        href: g.href,
+                        "aria-current": isCurrent(g.href) ? "page" : void 0,
+                        onClick: navigate,
+                        className: "text-foreground hover:text-primary-700 dark:hover:text-primary-300 mb-2 inline-flex items-center gap-1 text-sm font-semibold",
+                        children: [
+                          g.label,
+                          /* @__PURE__ */ jsx(ChevronRight, { size: 14, "aria-hidden": "true" })
+                        ]
+                      }
+                    ) : /* @__PURE__ */ jsx("p", { className: "text-foreground mb-2 text-sm font-semibold", children: g.label }),
+                    /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: g.items.map((it) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                      ItemLink,
+                      {
+                        item: it,
+                        compact: true,
+                        current: isCurrent(it.href),
+                        onHover: setHovered,
+                        onNavigate: navigate
+                      }
+                    ) }, it.href)) })
+                  ] }, g.label)) }) : /* @__PURE__ */ jsx("div", { className: "grid gap-1 sm:grid-cols-2", children: menu.items?.map((it) => /* @__PURE__ */ jsx(
+                    ItemLink,
+                    {
+                      item: it,
+                      current: isCurrent(it.href),
+                      onHover: setHovered,
+                      onNavigate: navigate
+                    },
+                    it.href
+                  )) }),
+                  (menu.allHref || menu.ctaHref) && /* @__PURE__ */ jsxs("div", { className: "border-border mt-5 flex items-center justify-between gap-4 border-t pt-4", children: [
+                    menu.allHref ? /* @__PURE__ */ jsxs(
+                      "a",
+                      {
+                        href: menu.allHref,
+                        onClick: navigate,
+                        className: "text-foreground hover:text-primary-700 dark:hover:text-primary-300 inline-flex items-center gap-1.5 text-sm font-semibold",
+                        children: [
+                          menu.allLabel ?? "Browse all",
+                          /* @__PURE__ */ jsx(ArrowRight, { size: 16, "aria-hidden": "true" })
+                        ]
+                      }
+                    ) : /* @__PURE__ */ jsx("span", {}),
+                    menu.ctaHref && /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: menu.ctaHref,
+                        onClick: navigate,
+                        className: buttonVariants({ size: "sm", effect: "sheen" }),
+                        children: menu.ctaLabel ?? "Get started"
+                      }
+                    )
+                  ] })
+                ] }),
+                featured && /* @__PURE__ */ jsx(FeaturedPanel, { featured, onNavigate: navigate })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+function ItemLink({
+  item,
+  compact,
+  current,
+  onHover,
+  onNavigate
+}) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: item.href,
+      target: item.external ? "_blank" : void 0,
+      rel: item.external ? "noopener noreferrer" : void 0,
+      "aria-current": current ? "page" : void 0,
+      "data-slot": "mega-menu-item",
+      onClick: onNavigate,
+      onMouseEnter: () => onHover(item),
+      onFocus: () => onHover(item),
+      className: cn(
+        "group flex items-start gap-3 rounded-xl text-start transition-colors",
+        compact ? "px-2 py-1.5" : "p-3",
+        "hover:bg-primary-500/10 focus-visible:bg-primary-500/10 focus-visible:outline-none",
+        current && "bg-primary-500/10"
+      ),
+      children: [
+        item.icon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "inline-flex shrink-0 items-center justify-center rounded-lg transition-colors",
+              compact ? "h-7 w-7 [&_svg]:h-4 [&_svg]:w-4" : "h-10 w-10 [&_svg]:h-5 [&_svg]:w-5",
+              "bg-muted text-foreground/70 group-hover:bg-primary-800 group-hover:text-white",
+              current && "bg-primary-800 text-white"
+            ),
+            children: item.icon
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-foreground group-hover:text-primary-800 dark:group-hover:text-primary-200 block font-semibold",
+                compact ? "text-sm" : "text-base"
+              ),
+              children: item.label
+            }
+          ),
+          !compact && item.description && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground mt-0.5 block text-sm leading-snug", children: item.description })
+        ] })
+      ]
+    }
+  );
+}
+var TONE = {
+  primary: "bg-gradient-to-br from-primary-800 to-primary-950 text-white",
+  accent: "text-white [background:linear-gradient(160deg,color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-700))_70%,#000)_0%,var(--mieweb-primary-950)_100%)]",
+  neutral: "bg-muted text-foreground"
+};
+function FeaturedPanel({
+  featured,
+  onNavigate
+}) {
+  const tone = featured.tone ?? "primary";
+  const onDark = tone !== "neutral";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "mega-menu-featured",
+      className: cn(
+        "flex flex-col rounded-e-2xl p-6 motion-safe:animate-[mie-fade-in_0.2s_ease-out]",
+        TONE[tone]
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "text-[11px] font-bold tracking-[0.14em] uppercase",
+              onDark ? "text-white/70" : "text-muted-foreground"
+            ),
+            children: featured.eyebrow
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "mt-4", children: featured.media ?? (featured.icon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "inline-flex h-14 w-14 items-center justify-center rounded-xl [&_svg]:h-7 [&_svg]:w-7",
+              onDark ? "bg-white/15 text-white" : "bg-card text-foreground"
+            ),
+            children: featured.icon
+          }
+        )) }),
+        /* @__PURE__ */ jsx("p", { className: "mt-4 text-xl leading-tight font-semibold", children: featured.title }),
+        featured.description && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "mt-2 text-sm leading-snug",
+              onDark ? "text-white/80" : "text-muted-foreground"
+            ),
+            children: featured.description
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "mt-auto pt-5", children: /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: featured.ctaHref,
+            onClick: onNavigate,
+            className: cn(
+              buttonVariants({ variant: "outline", effect: "sheen" }),
+              onDark && "border-white/40 text-white hover:border-white hover:bg-white/10 hover:text-white dark:border-white/40 dark:text-white dark:hover:border-white dark:hover:bg-white/10"
+            ),
+            children: [
+              featured.ctaLabel,
+              /* @__PURE__ */ jsx(ArrowRight, { size: 16, "aria-hidden": "true" })
+            ]
+          }
+        ) })
+      ]
+    },
+    featured.title
+  );
+}
+function MegaMenuBar({
+  menus,
+  className,
+  "aria-label": ariaLabel = "Main navigation",
+  ...rest
+}) {
+  const [openKey, setOpenKey] = React.useState(null);
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "data-slot": "mega-menu-bar",
+      "aria-label": ariaLabel,
+      className: cn("flex items-center gap-1", className),
+      children: menus.map((m) => /* @__PURE__ */ jsx(
+        MegaMenu,
+        {
+          menu: m,
+          open: openKey === m.key,
+          onOpenChange: (o) => setOpenKey(o ? m.key : openKey === m.key ? null : openKey),
+          ...rest
+        },
+        m.key
+      ))
+    }
+  );
+}
+
+export { MegaMenu, MegaMenuBar, normalizePath };
+//# sourceMappingURL=chunk-2IZLKPUW.js.map
+//# sourceMappingURL=chunk-2IZLKPUW.js.map

package/dist/chunk-2IZLKPUW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MegaMenu/MegaMenu.tsx"],"names":[],"mappings":"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","file":"chunk-2IZLKPUW.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowRight, ChevronDown, ChevronRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { buttonVariants } from '../Button';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type MegaMenuTone = 'primary' | 'accent' | 'neutral';\n\n/** The right-column feature panel. */\nexport interface MegaMenuFeatured {\n  /** Small caps label, e.g. \"Whitepaper\". */\n  eyebrow: string;\n  title: string;\n  description?: string;\n  ctaLabel: string;\n  ctaHref: string;\n  /** Icon tile above the title. Ignored when `media` is given. */\n  icon?: React.ReactNode;\n  /** Rich media in place of the icon tile — a `VideoCard variant=\"plate\"`, an image. */\n  media?: React.ReactNode;\n  /** Panel colour. Default `primary`. */\n  tone?: MegaMenuTone;\n}\n\nexport interface MegaMenuItem {\n  label: string;\n  href: string;\n  description?: string;\n  icon?: React.ReactNode;\n  /**\n   * Feature panel to show while this item is hovered/focused. Falls back to\n   * the menu-level `featured` when unset — this is what makes the right\n   * column contextual instead of static.\n   */\n  featured?: MegaMenuFeatured;\n  external?: boolean;\n}\n\nexport interface MegaMenuGroup {\n  label: string;\n  /** Makes the group heading a link. */\n  href?: string;\n  items: MegaMenuItem[];\n}\n\nexport interface MegaMenuConfig {\n  /** Stable id — used by `MegaMenuBar` to track the open menu. */\n  key: string;\n  /** Trigger label. */\n  label: string;\n  /** Trigger destination. Omit for a pure toggle. */\n  href?: string;\n  /** Heading inside the panel, e.g. \"Resources & insight\". */\n  heading?: string;\n  /** Flat 2-column grid of items (icon + label + description). */\n  items?: MegaMenuItem[];\n  /** Grouped columns of compact items. Takes precedence over `items`. */\n  groups?: MegaMenuGroup[];\n  /** \"Browse all …\" footer link. */\n  allLabel?: string;\n  allHref?: string;\n  /** Footer CTA button. */\n  ctaLabel?: string;\n  ctaHref?: string;\n  /** Default right-column feature panel. */\n  featured?: MegaMenuFeatured;\n}\n\nexport interface MegaMenuProps {\n  menu: MegaMenuConfig;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Current pathname — marks the matching item/group with `aria-current`. */\n  currentPath?: string;\n  /** Trigger colours for light (on dark header) or dark (on light header) chrome. */\n  variant?: 'light' | 'dark';\n  /**\n   * Override how the feature panel is chosen. Receives the hovered item (or\n   * `null` when none) and the menu; return `undefined` to hide the column.\n   * Default: `item?.featured ?? menu.featured`.\n   */\n  resolveFeatured?: (\n    item: MegaMenuItem | null,\n    menu: MegaMenuConfig\n  ) => MegaMenuFeatured | undefined;\n  /** Called after any in-panel navigation (close mobile drawers, etc.). */\n  onNavigate?: () => void;\n  /** Viewport width below which hover-open is disabled (touch/mobile). Default 900. */\n  hoverMinWidth?: number;\n  className?: string;\n}\n\nconst OPEN_DELAY_MS = 70;\nconst CLOSE_DELAY_MS = 150;\n\n/**\n * Normalize an href for `currentPath` comparison (strips hash, query and\n * trailing slashes). Shared with `SiteHeader`'s mobile drawer so desktop and\n * mobile menu links agree on `aria-current`.\n */\nexport function normalizePath(href: string): string {\n  const path = href.split('#')[0].split('?')[0];\n  // Trim trailing slashes with a scan: an anchored `\\/+$` is CodeQL's canonical\n  // polynomial-backtracking pattern on caller-supplied hrefs full of slashes.\n  let end = path.length;\n  while (end > 0 && path[end - 1] === '/') end--;\n  return path.slice(0, end) || '/';\n}\n\n// =============================================================================\n// MegaMenu\n// =============================================================================\n\n/**\n * A hover/click mega-menu: trigger link + chevron toggle, a panel with a\n * heading, a 2-column item grid (or grouped columns), a footer with\n * \"Browse all\" + CTA, and a right-column feature panel that **follows the\n * hovered item** (`item.featured`) before falling back to the menu default.\n * Marks the current route with `aria-current`. Ported from the Enterprise\n * Health frontdoor nav.\n *\n * Controlled — pair with `MegaMenuBar` to keep one menu open at a time.\n */\nexport function MegaMenu({\n  menu,\n  open,\n  onOpenChange,\n  currentPath,\n  variant = 'dark',\n  resolveFeatured = (item, m) => item?.featured ?? m.featured,\n  onNavigate,\n  hoverMinWidth = 900,\n  className,\n}: MegaMenuProps) {\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const triggerRef = React.useRef<HTMLElement>(null);\n  const openTimer = React.useRef<number | null>(null);\n  const closeTimer = React.useRef<number | null>(null);\n  const [left, setLeft] = React.useState<number | undefined>();\n  const [hovered, setHovered] = React.useState<MegaMenuItem | null>(null);\n  const panelId = React.useId();\n\n  const isHoverViewport = () =>\n    typeof window !== 'undefined' && window.innerWidth >= hoverMinWidth;\n\n  const clearTimers = React.useCallback(() => {\n    if (openTimer.current !== null) window.clearTimeout(openTimer.current);\n    if (closeTimer.current !== null) window.clearTimeout(closeTimer.current);\n    openTimer.current = closeTimer.current = null;\n  }, []);\n\n  const requestOpen = React.useCallback(() => {\n    clearTimers();\n    openTimer.current = window.setTimeout(\n      () => onOpenChange(true),\n      OPEN_DELAY_MS\n    );\n  }, [clearTimers, onOpenChange]);\n\n  const requestClose = React.useCallback(() => {\n    clearTimers();\n    closeTimer.current = window.setTimeout(\n      () => onOpenChange(false),\n      CLOSE_DELAY_MS\n    );\n  }, [clearTimers, onOpenChange]);\n\n  // Clamp the panel inside the viewport (it's absolutely positioned under the trigger).\n  const position = React.useCallback(() => {\n    const root = rootRef.current;\n    const panel = panelRef.current;\n    if (!root || !panel || !isHoverViewport()) {\n      setLeft(undefined);\n      return;\n    }\n    const rect = root.getBoundingClientRect();\n    const pad = 16;\n    const vw = document.documentElement.clientWidth;\n    const clamped = Math.min(\n      Math.max(rect.left, pad),\n      Math.max(pad, vw - pad - panel.offsetWidth)\n    );\n    setLeft(clamped - rect.left);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hoverMinWidth]);\n\n  const curPath = currentPath ? normalizePath(currentPath) : null;\n  const isCurrent = (href: string) =>\n    curPath !== null && normalizePath(href) === curPath;\n  const featured = resolveFeatured(hovered, menu);\n\n  React.useEffect(() => {\n    if (open) position();\n    else setHovered(null);\n    // `featured` is a dep because the feature column swaps the 600px layout\n    // for the 880px one after open — the wider panel must be re-clamped or a\n    // menu opened near the viewport edge overflows it.\n  }, [open, position, featured]);\n\n  React.useEffect(() => {\n    window.addEventListener('resize', position);\n    return () => window.removeEventListener('resize', position);\n  }, [position]);\n\n  React.useEffect(() => clearTimers, [clearTimers]);\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape' && open) {\n      e.stopPropagation();\n      clearTimers();\n      onOpenChange(false);\n      triggerRef.current?.focus();\n    }\n  };\n\n  const triggerClass = cn(\n    'inline-flex items-center rounded-lg px-3 py-2 text-sm font-medium transition-colors',\n    variant === 'light'\n      ? 'text-white/90 hover:bg-white/10 hover:text-white'\n      : 'text-foreground/80 hover:bg-muted hover:text-foreground',\n    open &&\n      (variant === 'light'\n        ? 'bg-white/10 text-white'\n        : 'bg-muted text-foreground')\n  );\n\n  const navigate = () => {\n    onOpenChange(false);\n    onNavigate?.();\n  };\n\n  return (\n    // Hover/focus delegation region only — the trigger, toggle and links inside are the interactive elements.\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      ref={rootRef}\n      data-slot=\"mega-menu\"\n      data-state={open ? 'open' : 'closed'}\n      className={cn('relative', className)}\n      onMouseEnter={() => isHoverViewport() && requestOpen()}\n      onMouseLeave={() => isHoverViewport() && requestClose()}\n      onFocusCapture={() => {\n        if (!isHoverViewport()) return;\n        clearTimers();\n        onOpenChange(true);\n      }}\n      onBlurCapture={(e) => {\n        if (!isHoverViewport()) return;\n        if (!rootRef.current?.contains(e.relatedTarget as Node | null))\n          requestClose();\n      }}\n      onKeyDown={onKeyDown}\n    >\n      <div className=\"flex items-center\">\n        {menu.href ? (\n          <a\n            ref={triggerRef as React.RefObject<HTMLAnchorElement>}\n            href={menu.href}\n            className={triggerClass}\n            aria-haspopup=\"true\"\n            aria-expanded={open}\n            aria-controls={panelId}\n            aria-current={isCurrent(menu.href) ? 'page' : undefined}\n            onClick={navigate}\n          >\n            {menu.label}\n          </a>\n        ) : (\n          <button\n            ref={triggerRef as React.RefObject<HTMLButtonElement>}\n            type=\"button\"\n            className={triggerClass}\n            aria-haspopup=\"true\"\n            aria-expanded={open}\n            aria-controls={panelId}\n            onClick={() => {\n              clearTimers();\n              onOpenChange(!open);\n            }}\n          >\n            {menu.label}\n          </button>\n        )}\n        <button\n          type=\"button\"\n          aria-label={`Toggle ${menu.label} menu`}\n          aria-expanded={open}\n          aria-controls={panelId}\n          onClick={() => {\n            clearTimers();\n            onOpenChange(!open);\n          }}\n          className={cn(\n            '-ms-1 rounded-md p-1 transition-transform',\n            variant === 'light'\n              ? 'text-white/70 hover:text-white'\n              : 'text-muted-foreground hover:text-foreground',\n            open && 'rotate-180'\n          )}\n        >\n          <ChevronDown size={16} aria-hidden=\"true\" />\n        </button>\n      </div>\n\n      <div\n        id={panelId}\n        ref={panelRef}\n        role=\"region\"\n        aria-label={menu.label}\n        data-slot=\"mega-menu-panel\"\n        style={{ left }}\n        className={cn(\n          'border-border bg-card text-card-foreground absolute top-full z-50 mt-3 origin-top-left rounded-2xl border shadow-xl',\n          'transition-[opacity,transform] duration-200',\n          open\n            ? 'visible translate-y-0 opacity-100'\n            : 'pointer-events-none invisible -translate-y-1 opacity-0',\n          featured\n            ? 'grid w-[min(880px,calc(100vw-2rem))] grid-cols-[1fr_280px]'\n            : 'w-[min(600px,calc(100vw-2rem))]'\n        )}\n      >\n        <div className=\"p-6\">\n          {menu.heading && (\n            <p className=\"text-muted-foreground mb-4 text-[11px] font-bold tracking-[0.14em] uppercase\">\n              {menu.heading}\n            </p>\n          )}\n\n          {menu.groups ? (\n            <div className=\"grid gap-6 sm:grid-cols-2 lg:grid-cols-3\">\n              {menu.groups.map((g) => (\n                <div key={g.label}>\n                  {g.href ? (\n                    <a\n                      href={g.href}\n                      aria-current={isCurrent(g.href) ? 'page' : undefined}\n                      onClick={navigate}\n                      className=\"text-foreground hover:text-primary-700 dark:hover:text-primary-300 mb-2 inline-flex items-center gap-1 text-sm font-semibold\"\n                    >\n                      {g.label}\n                      <ChevronRight size={14} aria-hidden=\"true\" />\n                    </a>\n                  ) : (\n                    <p className=\"text-foreground mb-2 text-sm font-semibold\">\n                      {g.label}\n                    </p>\n                  )}\n                  <ul className=\"space-y-0.5\">\n                    {g.items.map((it) => (\n                      <li key={it.href}>\n                        <ItemLink\n                          item={it}\n                          compact\n                          current={isCurrent(it.href)}\n                          onHover={setHovered}\n                          onNavigate={navigate}\n                        />\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <div className=\"grid gap-1 sm:grid-cols-2\">\n              {menu.items?.map((it) => (\n                <ItemLink\n                  key={it.href}\n                  item={it}\n                  current={isCurrent(it.href)}\n                  onHover={setHovered}\n                  onNavigate={navigate}\n                />\n              ))}\n            </div>\n          )}\n\n          {(menu.allHref || menu.ctaHref) && (\n            <div className=\"border-border mt-5 flex items-center justify-between gap-4 border-t pt-4\">\n              {menu.allHref ? (\n                <a\n                  href={menu.allHref}\n                  onClick={navigate}\n                  className=\"text-foreground hover:text-primary-700 dark:hover:text-primary-300 inline-flex items-center gap-1.5 text-sm font-semibold\"\n                >\n                  {menu.allLabel ?? 'Browse all'}\n                  <ArrowRight size={16} aria-hidden=\"true\" />\n                </a>\n              ) : (\n                <span />\n              )}\n              {menu.ctaHref && (\n                <a\n                  href={menu.ctaHref}\n                  onClick={navigate}\n                  className={buttonVariants({ size: 'sm', effect: 'sheen' })}\n                >\n                  {menu.ctaLabel ?? 'Get started'}\n                </a>\n              )}\n            </div>\n          )}\n        </div>\n\n        {featured && (\n          <FeaturedPanel featured={featured} onNavigate={navigate} />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// =============================================================================\n// Pieces\n// =============================================================================\n\nfunction ItemLink({\n  item,\n  compact,\n  current,\n  onHover,\n  onNavigate,\n}: {\n  item: MegaMenuItem;\n  compact?: boolean;\n  current: boolean;\n  onHover: (item: MegaMenuItem | null) => void;\n  onNavigate: () => void;\n}) {\n  return (\n    <a\n      href={item.href}\n      target={item.external ? '_blank' : undefined}\n      rel={item.external ? 'noopener noreferrer' : undefined}\n      aria-current={current ? 'page' : undefined}\n      data-slot=\"mega-menu-item\"\n      onClick={onNavigate}\n      onMouseEnter={() => onHover(item)}\n      onFocus={() => onHover(item)}\n      className={cn(\n        'group flex items-start gap-3 rounded-xl text-start transition-colors',\n        compact ? 'px-2 py-1.5' : 'p-3',\n        'hover:bg-primary-500/10 focus-visible:bg-primary-500/10 focus-visible:outline-none',\n        current && 'bg-primary-500/10'\n      )}\n    >\n      {item.icon && (\n        <span\n          className={cn(\n            'inline-flex shrink-0 items-center justify-center rounded-lg transition-colors',\n            compact\n              ? 'h-7 w-7 [&_svg]:h-4 [&_svg]:w-4'\n              : 'h-10 w-10 [&_svg]:h-5 [&_svg]:w-5',\n            'bg-muted text-foreground/70 group-hover:bg-primary-800 group-hover:text-white',\n            current && 'bg-primary-800 text-white'\n          )}\n        >\n          {item.icon}\n        </span>\n      )}\n      <span className=\"min-w-0\">\n        <span\n          className={cn(\n            'text-foreground group-hover:text-primary-800 dark:group-hover:text-primary-200 block font-semibold',\n            compact ? 'text-sm' : 'text-base'\n          )}\n        >\n          {item.label}\n        </span>\n        {!compact && item.description && (\n          <span className=\"text-muted-foreground mt-0.5 block text-sm leading-snug\">\n            {item.description}\n          </span>\n        )}\n      </span>\n    </a>\n  );\n}\n\nconst TONE: Record<MegaMenuTone, string> = {\n  primary: 'bg-gradient-to-br from-primary-800 to-primary-950 text-white',\n  accent:\n    'text-white [background:linear-gradient(160deg,color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-700))_70%,#000)_0%,var(--mieweb-primary-950)_100%)]',\n  neutral: 'bg-muted text-foreground',\n};\n\nfunction FeaturedPanel({\n  featured,\n  onNavigate,\n}: {\n  featured: MegaMenuFeatured;\n  onNavigate: () => void;\n}) {\n  const tone = featured.tone ?? 'primary';\n  const onDark = tone !== 'neutral';\n  // `key` re-mounts the panel so swapping between items replays the fade-in.\n  // A `div`, not `aside`: a complementary landmark nested inside the menu\n  // region violates axe landmark-complementary-is-top-level.\n  return (\n    <div\n      data-slot=\"mega-menu-featured\"\n      key={featured.title}\n      className={cn(\n        'flex flex-col rounded-e-2xl p-6 motion-safe:animate-[mie-fade-in_0.2s_ease-out]',\n        TONE[tone]\n      )}\n    >\n      <p\n        className={cn(\n          'text-[11px] font-bold tracking-[0.14em] uppercase',\n          onDark ? 'text-white/70' : 'text-muted-foreground'\n        )}\n      >\n        {featured.eyebrow}\n      </p>\n      <div className=\"mt-4\">\n        {featured.media ??\n          (featured.icon && (\n            <span\n              className={cn(\n                'inline-flex h-14 w-14 items-center justify-center rounded-xl [&_svg]:h-7 [&_svg]:w-7',\n                onDark ? 'bg-white/15 text-white' : 'bg-card text-foreground'\n              )}\n            >\n              {featured.icon}\n            </span>\n          ))}\n      </div>\n      <p className=\"mt-4 text-xl leading-tight font-semibold\">\n        {featured.title}\n      </p>\n      {featured.description && (\n        <p\n          className={cn(\n            'mt-2 text-sm leading-snug',\n            onDark ? 'text-white/80' : 'text-muted-foreground'\n          )}\n        >\n          {featured.description}\n        </p>\n      )}\n      <div className=\"mt-auto pt-5\">\n        <a\n          href={featured.ctaHref}\n          onClick={onNavigate}\n          className={cn(\n            buttonVariants({ variant: 'outline', effect: 'sheen' }),\n            onDark &&\n              'border-white/40 text-white hover:border-white hover:bg-white/10 hover:text-white dark:border-white/40 dark:text-white dark:hover:border-white dark:hover:bg-white/10'\n          )}\n        >\n          {featured.ctaLabel}\n          <ArrowRight size={16} aria-hidden=\"true\" />\n        </a>\n      </div>\n    </div>\n  );\n}\n\n// =============================================================================\n// MegaMenuBar — keeps one menu open at a time\n// =============================================================================\n\nexport interface MegaMenuBarProps extends Pick<\n  MegaMenuProps,\n  'currentPath' | 'variant' | 'resolveFeatured' | 'onNavigate' | 'hoverMinWidth'\n> {\n  menus: MegaMenuConfig[];\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** A row of `MegaMenu` triggers sharing one open-state so only one panel shows. */\nexport function MegaMenuBar({\n  menus,\n  className,\n  'aria-label': ariaLabel = 'Main navigation',\n  ...rest\n}: MegaMenuBarProps) {\n  const [openKey, setOpenKey] = React.useState<string | null>(null);\n  return (\n    <nav\n      data-slot=\"mega-menu-bar\"\n      aria-label={ariaLabel}\n      className={cn('flex items-center gap-1', className)}\n    >\n      {menus.map((m) => (\n        <MegaMenu\n          key={m.key}\n          menu={m}\n          open={openKey === m.key}\n          onOpenChange={(o) =>\n            setOpenKey(o ? m.key : openKey === m.key ? null : openKey)\n          }\n          {...rest}\n        />\n      ))}\n    </nav>\n  );\n}\n"]}

package/dist/{chunk-VSVGMMNO.js → chunk-3M7TAXNR.js}

@@ -1,4 +1,4 @@
-import { notifyComposerMigrationOnce, DragDropZone, ChatComposer, DEFAULT_MAX_FILE_SIZE, DEFAULT_ACCEPTED_FILE_TYPES, CameraButton } from './chunk-IIFQ6BSJ.js';
+import { notifyComposerMigrationOnce, DragDropZone, ChatComposer, DEFAULT_MAX_FILE_SIZE, DEFAULT_ACCEPTED_FILE_TYPES, CameraButton } from './chunk-ACCAXVOG.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
@@ -2043,5 +2043,5 @@ function MessagingSplitView({
 MessagingSplitView.displayName = "MessagingSplitView";
 
 export { AttachmentPreview, ConversationHeader, ConversationListItem, ConversationListSkeleton, DateSeparator, EmptyState, LightboxModal, LoadMoreButton, MessageBubble, MessageList, MessageStatusIcon, MessageThread, MessagingSplitView, ReadReceiptIndicator, SkeletonMessage, TypingIndicator, bubbleVariants, formatDateLabel, formatFileSize, formatLastSeen, getConversationSubtitle, getConversationTitle, groupMessagesByDate, headerVariants, isSameSenderGroup, useMessageScroll, useMessages, useReadReceipts, useTypingEmulation, useTypingIndicator };
-//# sourceMappingURL=chunk-VSVGMMNO.js.map
-//# sourceMappingURL=chunk-VSVGMMNO.js.map
+//# sourceMappingURL=chunk-3M7TAXNR.js.map
+//# sourceMappingURL=chunk-3M7TAXNR.js.map