@ugurdemirel/landcraft 0.1.16 → 0.1.18

package/dist/es/components/MegaMenu/MegaMenu.js

@@ -1,10 +1,9 @@
 "use client";
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
 import { useId as R, useState as w } from "react";
-import { cn as n } from "../../utils/cn.js";
-import { getContrastText as U } from "../../utils/contrast.js";
-import { ChevronDown as P, X as V, Menu as W } from "../../icons.js";
-const $ = "text-on-secondary", b = "text-foreground", Y = {
+import { cn as l } from "../../utils/cn.js";
+import { ChevronDown as B, X as U, Menu as V } from "../../icons.js";
+const P = "text-on-secondary", b = "text-foreground", W = {
   classic: {
     shell: "border-b border-border bg-background/85 backdrop-blur-md supports-[backdrop-filter]:bg-background/75",
     bar: "mx-auto max-w-6xl px-5 sm:px-8",
@@ -51,70 +50,72 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
     columnLink: "hover:bg-white/10",
     linkDescription: "text-on-secondary/50",
     mobilePanel: "border-t border-white/10 bg-[#101010]",
-    mobileButton: `${$} hover:bg-white/10`,
+    mobileButton: `${P} hover:bg-white/10`,
     mobileLink: "text-on-secondary/70 hover:bg-white/10 hover:text-on-secondary",
-    brandText: $,
+    brandText: P,
     brandDot: "bg-on-secondary"
   }
-}, Z = ({
+}, Y = ({
   className: E,
   variant: k = "classic",
   brand: p,
-  logo: I,
+  logo: _,
   logoSrc: C,
-  logoAlt: z,
-  logoClassName: A,
-  brandHref: F = "#",
-  items: m,
-  actions: g,
-  cta: h,
-  languageSwitcher: f,
-  sticky: X = !0,
-  LinkComponent: _,
+  logoAlt: I,
+  logoClassName: z,
+  brandHref: A = "#",
+  items: g,
+  actions: m,
+  cta: f,
+  languageSwitcher: h,
+  sticky: F = !0,
+  LinkComponent: X,
   onKeyDown: x,
   ...q
 }) => {
-  const G = R(), i = _ ?? "a", [L, c] = w(null), [u, v] = w(!1), [y, M] = w(null), t = Y[k], H = () => c(null), N = () => {
+  const G = R(), i = X ?? "a", [L, c] = w(null), [u, v] = w(!1), [y, M] = w(null), t = W[k], H = () => c(null), N = () => {
     c(null), v(!1), M(null);
-  }, T = (e) => `${G}-panel-${e}`, O = I ?? (C ? /* @__PURE__ */ r(
+  }, O = (e) => `${G}-panel-${e}`, T = _ ?? (C ? /* @__PURE__ */ r(
     "img",
     {
       src: C,
-      alt: z ?? (typeof p == "string" ? p : "Logo"),
-      className: n("h-7 w-auto", A)
+      alt: I ?? (typeof p == "string" ? p : "Logo"),
+      className: l("h-7 w-auto", z)
     }
-  ) : null), J = O ? /* @__PURE__ */ r("span", { className: "flex items-center", children: O }) : /* @__PURE__ */ a("span", { className: n("flex items-center gap-2 font-display text-[17px] font-bold tracking-tight", t.brandText), children: [
-    /* @__PURE__ */ r("span", { "aria-hidden": !0, className: n("inline-block h-2.5 w-2.5 rounded-sm", t.brandDot) }),
+  ) : null), J = T ? /* @__PURE__ */ r("span", { className: "flex items-center", children: T }) : /* @__PURE__ */ a("span", { className: l("flex items-center gap-2 font-display text-[17px] font-bold tracking-tight", t.brandText), children: [
+    /* @__PURE__ */ r("span", { "aria-hidden": !0, className: l("inline-block h-2.5 w-2.5 rounded-sm", t.brandDot) }),
     p
-  ] }), D = n(
+  ] }), D = l(
     "flex items-center gap-1.5 rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150",
     t.trigger
-  ), j = (e) => {
+  ), $ = (e) => {
     var o;
     return /* @__PURE__ */ r(
       "div",
       {
-        className: n(
+        className: l(
           "grid gap-x-10 gap-y-8 sm:grid-cols-2",
           e.featured ? "" : "lg:grid-cols-3"
         ),
-        children: (o = e.columns) == null ? void 0 : o.map((l, s) => /* @__PURE__ */ a("div", { children: [
-          l.title ? /* @__PURE__ */ r(
+        children: (o = e.columns) == null ? void 0 : o.map((n, s) => /* @__PURE__ */ a("div", { children: [
+          n.title ? /* @__PURE__ */ r(
             "h4",
             {
-              className: n(
+              className: l(
                 "text-xs font-semibold uppercase tracking-[0.14em]",
                 t.columnTitle
               ),
-              children: l.title
+              children: n.title
             }
           ) : null,
-          /* @__PURE__ */ r("ul", { className: n(l.title && "mt-3", "space-y-0.5"), children: l.links.map((d) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ a(
+          /* @__PURE__ */ r("ul", { className: l(n.title && "mt-3", "space-y-0.5"), children: n.links.map((d) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ a(
             i,
             {
               href: d.href,
               onClick: N,
-              className: n(
+              target: d.external ? "_blank" : void 0,
+              rel: d.external ? "noopener noreferrer" : void 0,
+              className: l(
                 "-mx-2 block rounded-md px-2 py-2 transition-colors duration-150",
                 t.columnLink
               ),
@@ -123,7 +124,7 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
                 d.description ? /* @__PURE__ */ r(
                   "span",
                   {
-                    className: n(
+                    className: l(
                       "mt-0.5 block text-[13px] leading-snug",
                       t.linkDescription
                     ),
@@ -133,32 +134,34 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
               ]
             }
           ) }, d.href)) })
-        ] }, l.title ?? s))
+        ] }, n.title ?? s))
       }
     );
-  }, B = (e, o = !1) => {
-    const l = e.featured;
-    if (!l) return null;
-    const s = l.accent ? { backgroundColor: l.accent, color: U(l.accent) } : void 0;
+  }, j = (e, o = !1) => {
+    const n = e.featured;
+    if (!n) return null;
+    const s = n.accent ? { backgroundColor: n.accent, color: `contrast-color(${n.accent})` } : void 0;
     return /* @__PURE__ */ a(
       i,
       {
-        href: l.href,
+        href: n.href,
         onClick: N,
-        className: n(
+        target: n.external ? "_blank" : void 0,
+        rel: n.external ? "noopener noreferrer" : void 0,
+        className: l(
           "group relative block overflow-hidden rounded-lg p-6 transition-transform duration-150 hover:-translate-y-0.5",
           o && "mt-8",
-          !l.accent && "bg-primary text-on-primary"
+          !n.accent && "bg-primary text-on-primary"
         ),
         style: s,
         children: [
           /* @__PURE__ */ a("div", { className: "flex h-full flex-col justify-between gap-4", children: [
             /* @__PURE__ */ a("div", { children: [
-              /* @__PURE__ */ r("h4", { className: "font-display text-base font-semibold tracking-tight", children: l.title }),
-              l.description ? /* @__PURE__ */ r("p", { className: "mt-1.5 text-[13px] leading-relaxed opacity-80", children: l.description }) : null
+              /* @__PURE__ */ r("h4", { className: "font-display text-base font-semibold tracking-tight", children: n.title }),
+              n.description ? /* @__PURE__ */ r("p", { className: "mt-1.5 text-[13px] leading-relaxed opacity-80", children: n.description }) : null
             ] }),
-            l.cta ? /* @__PURE__ */ a("span", { className: "text-sm font-semibold underline decoration-1 underline-offset-4", children: [
-              l.cta,
+            n.cta ? /* @__PURE__ */ a("span", { className: "text-sm font-semibold underline decoration-1 underline-offset-4", children: [
+              n.cta,
               " →"
             ] }) : null
           ] }),
@@ -178,9 +181,9 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
   return /* @__PURE__ */ a(
     "header",
     {
-      className: n(
+      className: l(
         "relative w-full transition-colors duration-200",
-        X && "sticky top-0 z-50",
+        F && "sticky top-0 z-50",
         t.shell,
         t.header,
         E
@@ -188,28 +191,28 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
       onKeyDown: Q,
       ...q,
       children: [
-        /* @__PURE__ */ a("nav", { className: n("relative flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200", t.bar), onMouseLeave: H, "aria-label": "Mega menu", children: [
-          /* @__PURE__ */ r(i, { href: F, className: "shrink-0", children: J }),
-          /* @__PURE__ */ r("ul", { className: "hidden items-center gap-1 lg:flex", children: m.map((e, o) => {
+        /* @__PURE__ */ a("nav", { className: l("relative flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200", t.bar), onMouseLeave: H, "aria-label": "Mega menu", children: [
+          /* @__PURE__ */ r(i, { href: A, className: "shrink-0", children: J }),
+          /* @__PURE__ */ r("ul", { className: "hidden items-center gap-1 lg:flex", children: g.map((e, o) => {
             var d;
-            const l = !!((d = e.columns) != null && d.length || e.featured), s = L === o;
-            return /* @__PURE__ */ r("li", { className: "relative", children: l ? /* @__PURE__ */ a(
+            const n = !!((d = e.columns) != null && d.length || e.featured), s = L === o;
+            return /* @__PURE__ */ r("li", { className: "relative", children: n ? /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
                 "aria-haspopup": "true",
                 "aria-expanded": s,
-                "aria-controls": T(o),
+                "aria-controls": O(o),
                 onClick: () => c(s ? null : o),
                 onMouseEnter: () => c(o),
-                className: n(D, s && t.triggerOpen),
+                className: l(D, s && t.triggerOpen),
                 children: [
                   /* @__PURE__ */ a("span", { className: "flex items-center gap-1.5", children: [
                     e.label,
                     e.badge ? /* @__PURE__ */ r(
                       "span",
                       {
-                        className: n(
+                        className: l(
                           "rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide",
                           t.badge
                         ),
@@ -218,9 +221,9 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
                     ) : null
                   ] }),
                   /* @__PURE__ */ r(
-                    P,
+                    B,
                     {
-                      className: n(
+                      className: l(
                         "h-4 w-4 shrink-0 transition-transform duration-150",
                         s && "rotate-180"
                       )
@@ -228,15 +231,15 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
                   )
                 ]
               }
-            ) : /* @__PURE__ */ a(i, { href: e.href ?? "#", className: D, children: [
+            ) : /* @__PURE__ */ a(i, { href: e.href ?? "#", target: e.external ? "_blank" : void 0, rel: e.external ? "noopener noreferrer" : void 0, className: D, children: [
               e.label,
-              e.badge ? /* @__PURE__ */ r("span", { className: n("rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide", t.badge), children: e.badge }) : null
+              e.badge ? /* @__PURE__ */ r("span", { className: l("rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide", t.badge), children: e.badge }) : null
             ] }) }, e.label);
           }) }),
           /* @__PURE__ */ a("div", { className: "hidden items-center gap-3 lg:flex", children: [
-            f,
-            g,
-            h
+            h,
+            m,
+            f
           ] }),
           /* @__PURE__ */ r(
             "button",
@@ -245,42 +248,42 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
               "aria-label": u ? "Close menu" : "Open menu",
               "aria-expanded": u,
               onClick: () => v((e) => !e),
-              className: n(
+              className: l(
                 "inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-md lg:hidden",
                 "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                 t.mobileButton
               ),
-              children: u ? /* @__PURE__ */ r(V, { className: "h-5 w-5" }) : /* @__PURE__ */ r(W, { className: "h-5 w-5" })
+              children: u ? /* @__PURE__ */ r(U, { className: "h-5 w-5" }) : /* @__PURE__ */ r(V, { className: "h-5 w-5" })
             }
           )
         ] }),
-        m.map((e, o) => {
+        g.map((e, o) => {
           var s;
           if (!((s = e.columns) != null && s.length) && !e.featured) return null;
-          const l = L === o;
+          const n = L === o;
           return /* @__PURE__ */ r(
             "div",
             {
-              id: T(o),
+              id: O(o),
               role: "region",
               "aria-label": `${e.label} menu`,
               onMouseEnter: () => c(o),
-              className: n(
+              className: l(
                 "absolute top-full z-50 pt-2 transition-all duration-150",
                 k === "floating" ? "inset-x-0 mx-auto w-full max-w-5xl" : "inset-x-0",
-                l ? "visible translate-y-0 opacity-100" : "pointer-events-none invisible -translate-y-1 opacity-0"
+                n ? "visible translate-y-0 opacity-100" : "pointer-events-none invisible -translate-y-1 opacity-0"
               ),
               children: /* @__PURE__ */ a(
                 "div",
                 {
-                  className: n(
+                  className: l(
                     "overflow-hidden rounded-xl border p-6 md:p-8",
                     t.panel,
                     e.featured ? "lg:grid lg:grid-cols-[minmax(0,1fr)_auto] lg:gap-12" : ""
                   ),
                   children: [
-                    j(e),
-                    e.featured && /* @__PURE__ */ r("div", { className: n("mt-8 max-w-sm lg:mt-0 lg:w-64"), children: B(e) })
+                    $(e),
+                    e.featured && /* @__PURE__ */ r("div", { className: l("mt-8 max-w-sm lg:mt-0 lg:w-64"), children: j(e) })
                   ]
                 }
               )
@@ -291,36 +294,36 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
         /* @__PURE__ */ r(
           "div",
           {
-            className: n(
+            className: l(
               "grid transition-[grid-template-rows,opacity] duration-200 lg:hidden",
               u ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
               t.mobilePanel
             ),
             children: /* @__PURE__ */ r("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ a("ul", { className: "flex flex-col py-4", children: [
-              f ? /* @__PURE__ */ r("li", { className: "px-5 pb-4", children: f }) : null,
-              m.map(
+              h ? /* @__PURE__ */ r("li", { className: "px-5 pb-4", children: h }) : null,
+              g.map(
                 (e, o) => {
-                  var l;
-                  return (l = e.columns) != null && l.length || e.featured ? /* @__PURE__ */ a("li", { className: "px-5", children: [
+                  var n;
+                  return (n = e.columns) != null && n.length || e.featured ? /* @__PURE__ */ a("li", { className: "px-5", children: [
                     /* @__PURE__ */ a(
                       "button",
                       {
                         type: "button",
                         "aria-expanded": y === o,
                         onClick: () => M((s) => s === o ? null : o),
-                        className: n(
+                        className: l(
                           "flex w-full items-center justify-between rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150",
                           t.mobileButton
                         ),
                         children: [
                           /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
                             e.label,
-                            e.badge ? /* @__PURE__ */ r("span", { className: n("rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide", t.badge), children: e.badge }) : null
+                            e.badge ? /* @__PURE__ */ r("span", { className: l("rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide", t.badge), children: e.badge }) : null
                           ] }),
                           /* @__PURE__ */ r(
-                            P,
+                            B,
                             {
-                              className: n(
+                              className: l(
                                 "h-4 w-4 shrink-0 transition-transform duration-150",
                                 y === o && "rotate-180"
                               )
@@ -332,13 +335,13 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
                     /* @__PURE__ */ r(
                       "div",
                       {
-                        className: n(
+                        className: l(
                           "grid transition-[grid-template-rows,opacity] duration-200",
                           y === o ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
                         ),
                         children: /* @__PURE__ */ r("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ a("div", { className: "py-2 pl-1", children: [
-                          j(e),
-                          e.featured ? /* @__PURE__ */ r("div", { className: "max-w-sm", children: B(e, !0) }) : null
+                          $(e),
+                          e.featured ? /* @__PURE__ */ r("div", { className: "max-w-sm", children: j(e, !0) }) : null
                         ] }) })
                       }
                     )
@@ -346,8 +349,10 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
                     i,
                     {
                       href: e.href ?? "#",
+                      target: e.external ? "_blank" : void 0,
+                      rel: e.external ? "noopener noreferrer" : void 0,
                       onClick: () => v(!1),
-                      className: n(
+                      className: l(
                         "block rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150",
                         t.mobileLink
                       ),
@@ -356,7 +361,7 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
                   ) }, e.label);
                 }
               ),
-              h ? /* @__PURE__ */ r("li", { className: "px-8 pb-2 pt-3", children: h }) : g ? /* @__PURE__ */ r("li", { className: "mt-3 flex flex-wrap gap-3 px-8 pb-2", children: g }) : null
+              f ? /* @__PURE__ */ r("li", { className: "px-8 pb-2 pt-3", children: f }) : m ? /* @__PURE__ */ r("li", { className: "mt-3 flex flex-wrap gap-3 px-8 pb-2", children: m }) : null
             ] }) })
           }
         )
@@ -364,8 +369,8 @@ const $ = "text-on-secondary", b = "text-foreground", Y = {
     }
   );
 };
-Z.displayName = "MegaMenu";
+Y.displayName = "MegaMenu";
 export {
-  Z as MegaMenu
+  Y as MegaMenu
 };
 //# sourceMappingURL=MegaMenu.js.map

package/dist/es/components/MegaMenu/MegaMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MegaMenu.js","sources":["../../../../src/components/MegaMenu/MegaMenu.tsx"],"sourcesContent":["\"use client\";\nimport { useId, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { getContrastText } from \"../../utils/contrast\";\nimport { ChevronDown, Menu, X } from \"../../icons\";\nimport type { MegaMenuProps, MegaMenuVariant, MegaMenuItem } from \"./types\";\n\ninterface MegaMenuStyle {\n  shell: string;\n  bar: string;\n  header: string;\n  trigger: string;\n  triggerOpen: string;\n  badge: string;\n  panel: string;\n  columnTitle: string;\n  columnLink: string;\n  linkDescription: string;\n  mobilePanel: string;\n  mobileButton: string;\n  mobileLink: string;\n  brandText: string;\n  brandDot: string;\n}\n\nconst inverse = \"text-on-secondary\";\nconst light = \"text-foreground\";\n\nconst styles: Record<MegaMenuVariant, MegaMenuStyle> = {\n  classic: {\n    shell: \"border-b border-border bg-background/85 backdrop-blur-md supports-[backdrop-filter]:bg-background/75\",\n    bar: \"mx-auto max-w-6xl px-5 sm:px-8\",\n    header: \"px-0\",\n    trigger: \"text-muted-foreground hover:text-foreground hover:bg-surface\",\n    triggerOpen: \"bg-surface text-foreground\",\n    badge: \"bg-primary-soft text-primary\",\n    panel: \"border-border bg-surface shadow-raised\",\n    columnTitle: \"text-muted-foreground/70\",\n    columnLink: \"hover:bg-surface-strong\",\n    linkDescription: \"text-muted-foreground\",\n    mobilePanel: \"border-t border-border bg-background\",\n    mobileButton: `${light} hover:bg-surface`,\n    mobileLink: \"text-muted-foreground hover:bg-surface hover:text-foreground\",\n    brandText: light,\n    brandDot: \"bg-foreground\",\n  },\n  floating: {\n    shell: \"px-0\",\n    bar: \"mx-auto mt-3 max-w-5xl rounded-xl border border-border bg-surface/90 px-5 shadow-soft backdrop-blur-md supports-[backdrop-filter]:bg-surface/70\",\n    header: \"px-3 sm:px-6\",\n    trigger: \"text-muted-foreground hover:text-foreground hover:bg-surface\",\n    triggerOpen: \"bg-surface text-foreground\",\n    badge: \"bg-primary-soft text-primary\",\n    panel: \"border-border bg-surface shadow-raised\",\n    columnTitle: \"text-muted-foreground/70\",\n    columnLink: \"hover:bg-surface-strong\",\n    linkDescription: \"text-muted-foreground\",\n    mobilePanel: \"mx-3 mb-3 max-w-5xl overflow-hidden rounded-b-xl border border-border bg-surface\",\n    mobileButton: `${light} hover:bg-surface`,\n    mobileLink: \"text-muted-foreground hover:bg-surface hover:text-foreground\",\n    brandText: light,\n    brandDot: \"bg-foreground\",\n  },\n  inverse: {\n    shell: \"border-b border-white/10 bg-[#101010]/85 backdrop-blur-md\",\n    bar: \"mx-auto max-w-6xl px-5 sm:px-8\",\n    header: \"px-0\",\n    trigger: \"text-on-secondary/60 hover:text-on-secondary hover:bg-white/10\",\n    triggerOpen: \"bg-white/10 text-on-secondary\",\n    badge: \"bg-white/15 text-on-secondary\",\n    panel: \"border-white/10 bg-[#161616]\",\n    columnTitle: \"text-on-secondary/45\",\n    columnLink: \"hover:bg-white/10\",\n    linkDescription: \"text-on-secondary/50\",\n    mobilePanel: \"border-t border-white/10 bg-[#101010]\",\n    mobileButton: `${inverse} hover:bg-white/10`,\n    mobileLink: \"text-on-secondary/70 hover:bg-white/10 hover:text-on-secondary\",\n    brandText: inverse,\n    brandDot: \"bg-on-secondary\",\n  },\n};\n\nexport const MegaMenu = ({\n  className,\n  variant = \"classic\",\n  brand,\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  brandHref = \"#\",\n  items,\n  actions,\n  cta,\n  languageSwitcher,\n  sticky = true,\n  LinkComponent,\n  onKeyDown,\n  ...props\n}: MegaMenuProps) => {\n  const ids = useId();\n  const Link = LinkComponent ?? \"a\";\n  const [openIndex, setOpenIndex] = useState<number | null>(null);\n  const [mobileOpen, setMobileOpen] = useState(false);\n  const [mobileExpanded, setMobileExpanded] = useState<number | null>(null);\n  const s = styles[variant];\n\n  const closePanels = () => setOpenIndex(null);\n  const closeAll = () => {\n    setOpenIndex(null);\n    setMobileOpen(false);\n    setMobileExpanded(null);\n  };\n\n  const panelId = (i: number) => `${ids}-panel-${i}`;\n\n  const logoNode =\n    logo ??\n    (logoSrc ? (\n      <img\n        src={logoSrc}\n        alt={logoAlt ?? (typeof brand === \"string\" ? brand : \"Logo\")}\n        className={cn(\"h-7 w-auto\", logoClassName)}\n      />\n    ) : null);\n\n  const brandNode = logoNode ? (\n    <span className=\"flex items-center\">{logoNode}</span>\n  ) : (\n    <span className={cn(\"flex items-center gap-2 font-display text-[17px] font-bold tracking-tight\", s.brandText)}>\n      <span aria-hidden className={cn(\"inline-block h-2.5 w-2.5 rounded-sm\", s.brandDot)} />\n      {brand}\n    </span>\n  );\n\n  const triggerClasses = cn(\n    \"flex items-center gap-1.5 rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150\",\n    s.trigger,\n  );\n\n  const renderColumns = (item: MegaMenuItem) => (\n    <div\n      className={cn(\n        \"grid gap-x-10 gap-y-8 sm:grid-cols-2\",\n        item.featured ? \"\" : \"lg:grid-cols-3\",\n      )}\n    >\n      {item.columns?.map((column, ci) => (\n        <div key={column.title ?? ci}>\n          {column.title ? (\n            <h4\n              className={cn(\n                \"text-xs font-semibold uppercase tracking-[0.14em]\",\n                s.columnTitle,\n              )}\n            >\n              {column.title}\n            </h4>\n          ) : null}\n          <ul className={cn(column.title && \"mt-3\", \"space-y-0.5\")}>\n            {column.links.map((link) => (\n              <li key={link.href}>\n                <Link\n                  href={link.href}\n                  onClick={closeAll}\n                  className={cn(\n                    \"-mx-2 block rounded-md px-2 py-2 transition-colors duration-150\",\n                    s.columnLink,\n                  )}\n                >\n                  <span className=\"block text-sm font-medium text-foreground\">\n                    {link.label}\n                  </span>\n                  {link.description ? (\n                    <span\n                      className={cn(\n                        \"mt-0.5 block text-[13px] leading-snug\",\n                        s.linkDescription,\n                      )}\n                    >\n                      {link.description}\n                    </span>\n                  ) : null}\n                </Link>\n              </li>\n            ))}\n          </ul>\n        </div>\n      ))}\n    </div>\n  );\n\n  const renderFeatured = (item: MegaMenuItem, mobile = false) => {\n    const featured = item.featured;\n    if (!featured) return null;\n    const featuredStyle = featured.accent\n      ? { backgroundColor: featured.accent, color: getContrastText(featured.accent) }\n      : undefined;\n\n    return (\n      <Link\n        href={featured.href}\n        onClick={closeAll}\n        className={cn(\n          \"group relative block overflow-hidden rounded-lg p-6 transition-transform duration-150 hover:-translate-y-0.5\",\n          mobile && \"mt-8\",\n          !featured.accent && \"bg-primary text-on-primary\",\n        )}\n        style={featuredStyle}\n      >\n        <div className=\"flex h-full flex-col justify-between gap-4\">\n          <div>\n            <h4 className=\"font-display text-base font-semibold tracking-tight\">\n              {featured.title}\n            </h4>\n            {featured.description ? (\n              <p className=\"mt-1.5 text-[13px] leading-relaxed opacity-80\">\n                {featured.description}\n              </p>\n            ) : null}\n          </div>\n          {featured.cta ? (\n            <span className=\"text-sm font-semibold underline decoration-1 underline-offset-4\">\n              {featured.cta} →\n            </span>\n          ) : null}\n        </div>\n        <div\n          aria-hidden\n          className=\"pointer-events-none absolute -right-8 -top-8 h-28 w-28 rounded-full opacity-20 blur-2xl bg-black/40\"\n        />\n      </Link>\n    );\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Escape\") {\n      closeAll();\n    }\n    onKeyDown?.(event);\n  };\n\n  return (\n    <header\n      className={cn(\n        \"relative w-full transition-colors duration-200\",\n        sticky && \"sticky top-0 z-50\",\n        s.shell,\n        s.header,\n        className,\n      )}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <nav className={cn(\"relative flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200\", s.bar)} onMouseLeave={closePanels} aria-label=\"Mega menu\">\n        <Link href={brandHref} className=\"shrink-0\">\n          {brandNode}\n        </Link>\n\n        <ul className=\"hidden items-center gap-1 lg:flex\">\n          {items.map((item, i) => {\n            const hasPanel = Boolean(item.columns?.length || item.featured);\n            const open = openIndex === i;\n            return (\n              <li key={item.label} className=\"relative\">\n                {hasPanel ? (\n                  <button\n                    type=\"button\"\n                    aria-haspopup=\"true\"\n                    aria-expanded={open}\n                    aria-controls={panelId(i)}\n                    onClick={() => setOpenIndex(open ? null : i)}\n                    onMouseEnter={() => setOpenIndex(i)}\n                    className={cn(triggerClasses, open && s.triggerOpen)}\n                  >\n                    <span className=\"flex items-center gap-1.5\">\n                      {item.label}\n                      {item.badge ? (\n                        <span\n                          className={cn(\n                            \"rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide\",\n                            s.badge,\n                          )}\n                        >\n                          {item.badge}\n                        </span>\n                      ) : null}\n                    </span>\n                    <ChevronDown\n                      className={cn(\n                        \"h-4 w-4 shrink-0 transition-transform duration-150\",\n                        open && \"rotate-180\",\n                      )}\n                    />\n                  </button>\n                ) : (\n                  <Link href={item.href ?? \"#\"} className={triggerClasses}>\n                    {item.label}\n                    {item.badge ? (\n                      <span className={cn(\"rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide\", s.badge)}>\n                        {item.badge}\n                      </span>\n                    ) : null}\n                  </Link>\n                )}\n              </li>\n            );\n          })}\n        </ul>\n\n        <div className=\"hidden items-center gap-3 lg:flex\">\n          {languageSwitcher}\n          {actions}\n          {cta}\n        </div>\n\n        <button\n          type=\"button\"\n          aria-label={mobileOpen ? \"Close menu\" : \"Open menu\"}\n          aria-expanded={mobileOpen}\n          onClick={() => setMobileOpen((o) => !o)}\n          className={cn(\n            \"inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-md lg:hidden\",\n            \"transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            s.mobileButton,\n          )}\n        >\n          {mobileOpen ? <X className=\"h-5 w-5\" /> : <Menu className=\"h-5 w-5\" />}\n        </button>\n      </nav>\n\n      {items.map((item, i) => {\n        if (!item.columns?.length && !item.featured) return null;\n        const open = openIndex === i;\n        return (\n          <div\n            key={item.label}\n            id={panelId(i)}\n            role=\"region\"\n            aria-label={`${item.label} menu`}\n            onMouseEnter={() => setOpenIndex(i)}\n            className={cn(\n              \"absolute top-full z-50 pt-2 transition-all duration-150\",\n              variant === \"floating\" ? \"inset-x-0 mx-auto w-full max-w-5xl\" : \"inset-x-0\",\n              open\n                ? \"visible translate-y-0 opacity-100\"\n                : \"pointer-events-none invisible -translate-y-1 opacity-0\",\n            )}\n          >\n            <div\n              className={cn(\n                \"overflow-hidden rounded-xl border p-6 md:p-8\",\n                s.panel,\n                item.featured ? \"lg:grid lg:grid-cols-[minmax(0,1fr)_auto] lg:gap-12\" : \"\",\n              )}\n            >\n              {renderColumns(item)}\n              {item.featured && (\n                <div className={cn(\"mt-8 max-w-sm lg:mt-0 lg:w-64\")}>\n                  {renderFeatured(item)}\n                </div>\n              )}\n            </div>\n          </div>\n        );\n      })}\n\n      <div\n        className={cn(\n          \"grid transition-[grid-template-rows,opacity] duration-200 lg:hidden\",\n          mobileOpen ? \"grid-rows-[1fr] opacity-100\" : \"grid-rows-[0fr] opacity-0\",\n          s.mobilePanel,\n        )}\n      >\n        <div className=\"min-h-0 overflow-hidden\">\n          <ul className=\"flex flex-col py-4\">\n            {languageSwitcher ? (\n              <li className=\"px-5 pb-4\">{languageSwitcher}</li>\n            ) : null}\n            {items.map((item, i) =>\n              item.columns?.length || item.featured ? (\n                <li key={item.label} className=\"px-5\">\n                  <button\n                    type=\"button\"\n                    aria-expanded={mobileExpanded === i}\n                    onClick={() =>\n                      setMobileExpanded((prev) => (prev === i ? null : i))\n                    }\n                    className={cn(\n                      \"flex w-full items-center justify-between rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150\",\n                      s.mobileButton,\n                    )}\n                  >\n                    <span className=\"flex items-center gap-2\">\n                      {item.label}\n                      {item.badge ? (\n                        <span className={cn(\"rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide\", s.badge)}>\n                          {item.badge}\n                        </span>\n                      ) : null}\n                    </span>\n                    <ChevronDown\n                      className={cn(\n                        \"h-4 w-4 shrink-0 transition-transform duration-150\",\n                        mobileExpanded === i && \"rotate-180\",\n                      )}\n                    />\n                  </button>\n                  <div\n                    className={cn(\n                      \"grid transition-[grid-template-rows,opacity] duration-200\",\n                      mobileExpanded === i\n                        ? \"grid-rows-[1fr] opacity-100\"\n                        : \"grid-rows-[0fr] opacity-0\",\n                    )}\n                  >\n                    <div className=\"min-h-0 overflow-hidden\">\n                      <div className=\"py-2 pl-1\">\n                        {renderColumns(item)}\n                        {item.featured ? (\n                          <div className=\"max-w-sm\">{renderFeatured(item, true)}</div>\n                        ) : null}\n                      </div>\n                    </div>\n                  </div>\n                </li>\n              ) : (\n                <li key={item.label} className=\"px-5\">\n                  <Link\n                    href={item.href ?? \"#\"}\n                    onClick={() => setMobileOpen(false)}\n                    className={cn(\n                      \"block rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150\",\n                      s.mobileLink,\n                    )}\n                  >\n                    {item.label}\n                  </Link>\n                </li>\n              ),\n            )}\n            {cta ? (\n              <li className=\"px-8 pb-2 pt-3\">{cta}</li>\n            ) : actions ? (\n              <li className=\"mt-3 flex flex-wrap gap-3 px-8 pb-2\">{actions}</li>\n            ) : null}\n          </ul>\n        </div>\n      </div>\n    </header>\n  );\n};\nMegaMenu.displayName = \"MegaMenu\";"],"names":["inverse","light","styles","MegaMenu","className","variant","brand","logo","logoSrc","logoAlt","logoClassName","brandHref","items","actions","cta","languageSwitcher","sticky","LinkComponent","onKeyDown","props","ids","useId","Link","openIndex","setOpenIndex","useState","mobileOpen","setMobileOpen","mobileExpanded","setMobileExpanded","s","closePanels","closeAll","panelId","i","logoNode","jsx","cn","brandNode","jsxs","triggerClasses","renderColumns","item","column","ci","link","renderFeatured","mobile","featured","featuredStyle","getContrastText","handleKeyDown","event","hasPanel","_a","open","ChevronDown","o","X","Menu","prev"],"mappings":";;;;;AAyBA,MAAMA,IAAU,qBACVC,IAAQ,mBAERC,IAAiD;AAAA,EACrD,SAAS;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,aAAa;AAAA,IACb,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,cAAc,GAAGD,CAAK;AAAA,IACtB,YAAY;AAAA,IACZ,WAAWA;AAAA,IACX,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AAAA,IACR,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,aAAa;AAAA,IACb,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,cAAc,GAAGA,CAAK;AAAA,IACtB,YAAY;AAAA,IACZ,WAAWA;AAAA,IACX,UAAU;AAAA,EAAA;AAAA,EAEZ,SAAS;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,aAAa;AAAA,IACb,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,cAAc,GAAGD,CAAO;AAAA,IACxB,YAAY;AAAA,IACZ,WAAWA;AAAA,IACX,UAAU;AAAA,EAAA;AAEd,GAEaG,IAAW,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAMC,IAAMC,EAAA,GACNC,IAAOL,KAAiB,KACxB,CAACM,GAAWC,CAAY,IAAIC,EAAwB,IAAI,GACxD,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAC5C,CAACG,GAAgBC,CAAiB,IAAIJ,EAAwB,IAAI,GAClEK,IAAI5B,EAAOG,CAAO,GAElB0B,IAAc,MAAMP,EAAa,IAAI,GACrCQ,IAAW,MAAM;AACrB,IAAAR,EAAa,IAAI,GACjBG,EAAc,EAAK,GACnBE,EAAkB,IAAI;AAAA,EACxB,GAEMI,IAAU,CAACC,MAAc,GAAGd,CAAG,UAAUc,CAAC,IAE1CC,IACJ5B,MACCC,IACC,gBAAA4B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK5B;AAAA,MACL,KAAKC,MAAY,OAAOH,KAAU,WAAWA,IAAQ;AAAA,MACrD,WAAW+B,EAAG,cAAc3B,CAAa;AAAA,IAAA;AAAA,EAAA,IAEzC,OAEA4B,IAAYH,IAChB,gBAAAC,EAAC,QAAA,EAAK,WAAU,qBAAqB,UAAAD,EAAA,CAAS,IAE9C,gBAAAI,EAAC,UAAK,WAAWF,EAAG,6EAA6EP,EAAE,SAAS,GAC1G,UAAA;AAAA,IAAA,gBAAAM,EAAC,QAAA,EAAK,eAAW,IAAC,WAAWC,EAAG,uCAAuCP,EAAE,QAAQ,GAAG;AAAA,IACnFxB;AAAA,EAAA,GACH,GAGIkC,IAAiBH;AAAA,IACrB;AAAA,IACAP,EAAE;AAAA,EAAA,GAGEW,IAAgB,CAACC;;AACrB,2BAAAN;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAK,EAAK,WAAW,KAAK;AAAA,QAAA;AAAA,QAGtB,iBAAK,8BAAS,IAAI,CAACC,GAAQC,wBACzB,OAAA,EACE,UAAA;AAAA,UAAAD,EAAO,QACN,gBAAAP;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWC;AAAA,gBACT;AAAA,gBACAP,EAAE;AAAA,cAAA;AAAA,cAGH,UAAAa,EAAO;AAAA,YAAA;AAAA,UAAA,IAER;AAAA,UACJ,gBAAAP,EAAC,MAAA,EAAG,WAAWC,EAAGM,EAAO,SAAS,QAAQ,aAAa,GACpD,YAAO,MAAM,IAAI,CAACE,wBAChB,MAAA,EACC,UAAA,gBAAAN;AAAA,YAACjB;AAAA,YAAA;AAAA,cACC,MAAMuB,EAAK;AAAA,cACX,SAASb;AAAA,cACT,WAAWK;AAAA,gBACT;AAAA,gBACAP,EAAE;AAAA,cAAA;AAAA,cAGJ,UAAA;AAAA,gBAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,6CACb,UAAAS,EAAK,OACR;AAAA,gBACCA,EAAK,cACJ,gBAAAT;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWC;AAAA,sBACT;AAAA,sBACAP,EAAE;AAAA,oBAAA;AAAA,oBAGH,UAAAe,EAAK;AAAA,kBAAA;AAAA,gBAAA,IAEN;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,KArBCA,EAAK,IAuBd,CACD,EAAA,CACH;AAAA,QAAA,KAtCQF,EAAO,SAASC,CAuC1B;AAAA,MACD;AAAA,IAAA;AAAA,KAICE,IAAiB,CAACJ,GAAoBK,IAAS,OAAU;AAC7D,UAAMC,IAAWN,EAAK;AACtB,QAAI,CAACM,EAAU,QAAO;AACtB,UAAMC,IAAgBD,EAAS,SAC3B,EAAE,iBAAiBA,EAAS,QAAQ,OAAOE,EAAgBF,EAAS,MAAM,EAAA,IAC1E;AAEJ,WACE,gBAAAT;AAAA,MAACjB;AAAA,MAAA;AAAA,QACC,MAAM0B,EAAS;AAAA,QACf,SAAShB;AAAA,QACT,WAAWK;AAAA,UACT;AAAA,UACAU,KAAU;AAAA,UACV,CAACC,EAAS,UAAU;AAAA,QAAA;AAAA,QAEtB,OAAOC;AAAA,QAEP,UAAA;AAAA,UAAA,gBAAAV,EAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EACC,UAAA;AAAA,cAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,uDACX,UAAAY,EAAS,OACZ;AAAA,cACCA,EAAS,cACR,gBAAAZ,EAAC,KAAA,EAAE,WAAU,iDACV,UAAAY,EAAS,aACZ,IACE;AAAA,YAAA,GACN;AAAA,YACCA,EAAS,MACR,gBAAAT,EAAC,QAAA,EAAK,WAAU,mEACb,UAAA;AAAA,cAAAS,EAAS;AAAA,cAAI;AAAA,YAAA,EAAA,CAChB,IACE;AAAA,UAAA,GACN;AAAA,UACA,gBAAAZ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN,GAEMe,IAAgB,CAACC,MAA4C;AACjE,IAAIA,EAAM,QAAQ,YAChBpB,EAAA,GAEFd,KAAA,QAAAA,EAAYkC;AAAA,EACd;AAEA,SACE,gBAAAb;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACArB,KAAU;AAAA,QACVc,EAAE;AAAA,QACFA,EAAE;AAAA,QACF1B;AAAA,MAAA;AAAA,MAEF,WAAW+C;AAAA,MACV,GAAGhC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAoB,EAAC,OAAA,EAAI,WAAWF,EAAG,+FAA+FP,EAAE,GAAG,GAAG,cAAcC,GAAa,cAAW,aAC9J,UAAA;AAAA,UAAA,gBAAAK,EAACd,GAAA,EAAK,MAAMX,GAAW,WAAU,YAC9B,UAAA2B,GACH;AAAA,UAEA,gBAAAF,EAAC,QAAG,WAAU,qCACX,YAAM,IAAI,CAACM,GAAMR,MAAM;;AACtB,kBAAMmB,IAAW,IAAQC,IAAAZ,EAAK,YAAL,QAAAY,EAAc,UAAUZ,EAAK,WAChDa,IAAOhC,MAAcW;AAC3B,mBACE,gBAAAE,EAAC,MAAA,EAAoB,WAAU,YAC5B,UAAAiB,IACC,gBAAAd;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,iBAAc;AAAA,gBACd,iBAAegB;AAAA,gBACf,iBAAetB,EAAQC,CAAC;AAAA,gBACxB,SAAS,MAAMV,EAAa+B,IAAO,OAAOrB,CAAC;AAAA,gBAC3C,cAAc,MAAMV,EAAaU,CAAC;AAAA,gBAClC,WAAWG,EAAGG,GAAgBe,KAAQzB,EAAE,WAAW;AAAA,gBAEnD,UAAA;AAAA,kBAAA,gBAAAS,EAAC,QAAA,EAAK,WAAU,6BACb,UAAA;AAAA,oBAAAG,EAAK;AAAA,oBACLA,EAAK,QACJ,gBAAAN;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWC;AAAA,0BACT;AAAA,0BACAP,EAAE;AAAA,wBAAA;AAAA,wBAGH,UAAAY,EAAK;AAAA,sBAAA;AAAA,oBAAA,IAEN;AAAA,kBAAA,GACN;AAAA,kBACA,gBAAAN;AAAA,oBAACoB;AAAA,oBAAA;AAAA,sBACC,WAAWnB;AAAA,wBACT;AAAA,wBACAkB,KAAQ;AAAA,sBAAA;AAAA,oBACV;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA,sBAGDjC,GAAA,EAAK,MAAMoB,EAAK,QAAQ,KAAK,WAAWF,GACtC,UAAA;AAAA,cAAAE,EAAK;AAAA,cACLA,EAAK,QACJ,gBAAAN,EAAC,QAAA,EAAK,WAAWC,EAAG,sEAAsEP,EAAE,KAAK,GAC9F,UAAAY,EAAK,MAAA,CACR,IACE;AAAA,YAAA,GACN,EAAA,GAvCKA,EAAK,KAyCd;AAAA,UAEJ,CAAC,EAAA,CACH;AAAA,UAEA,gBAAAH,EAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,YAAAxB;AAAA,YACAF;AAAA,YACAC;AAAA,UAAA,GACH;AAAA,UAEA,gBAAAsB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAYV,IAAa,eAAe;AAAA,cACxC,iBAAeA;AAAA,cACf,SAAS,MAAMC,EAAc,CAAC8B,MAAM,CAACA,CAAC;AAAA,cACtC,WAAWpB;AAAA,gBACT;AAAA,gBACA;AAAA,gBACAP,EAAE;AAAA,cAAA;AAAA,cAGH,UAAAJ,sBAAcgC,GAAA,EAAE,WAAU,WAAU,IAAK,gBAAAtB,EAACuB,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACtE,GACF;AAAA,QAEC/C,EAAM,IAAI,CAAC8B,GAAMR,MAAM;;AACtB,cAAI,GAACoB,IAAAZ,EAAK,YAAL,QAAAY,EAAc,WAAU,CAACZ,EAAK,SAAU,QAAO;AACpD,gBAAMa,IAAOhC,MAAcW;AAC3B,iBACE,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,IAAIH,EAAQC,CAAC;AAAA,cACb,MAAK;AAAA,cACL,cAAY,GAAGQ,EAAK,KAAK;AAAA,cACzB,cAAc,MAAMlB,EAAaU,CAAC;AAAA,cAClC,WAAWG;AAAA,gBACT;AAAA,gBACAhC,MAAY,aAAa,uCAAuC;AAAA,gBAChEkD,IACI,sCACA;AAAA,cAAA;AAAA,cAGN,UAAA,gBAAAhB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWF;AAAA,oBACT;AAAA,oBACAP,EAAE;AAAA,oBACFY,EAAK,WAAW,wDAAwD;AAAA,kBAAA;AAAA,kBAGzE,UAAA;AAAA,oBAAAD,EAAcC,CAAI;AAAA,oBAClBA,EAAK,YACJ,gBAAAN,EAAC,OAAA,EAAI,WAAWC,EAAG,+BAA+B,GAC/C,UAAAS,EAAeJ,CAAI,EAAA,CACtB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,YA1BKA,EAAK;AAAA,UAAA;AAAA,QA6BhB,CAAC;AAAA,QAED,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAX,IAAa,gCAAgC;AAAA,cAC7CI,EAAE;AAAA,YAAA;AAAA,YAGJ,4BAAC,OAAA,EAAI,WAAU,2BACb,UAAA,gBAAAS,EAAC,MAAA,EAAG,WAAU,sBACX,UAAA;AAAA,cAAAxB,IACC,gBAAAqB,EAAC,MAAA,EAAG,WAAU,aAAa,aAAiB,IAC1C;AAAA,cACHxB,EAAM;AAAA,gBAAI,CAAC8B,GAAMR,MAAA;;AAChB,0BAAAoB,IAAAZ,EAAK,YAAL,QAAAY,EAAc,UAAUZ,EAAK,WAC3B,gBAAAH,EAAC,MAAA,EAAoB,WAAU,QAC7B,UAAA;AAAA,oBAAA,gBAAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,iBAAeX,MAAmBM;AAAA,wBAClC,SAAS,MACPL,EAAkB,CAAC+B,MAAUA,MAAS1B,IAAI,OAAOA,CAAE;AAAA,wBAErD,WAAWG;AAAA,0BACT;AAAA,0BACAP,EAAE;AAAA,wBAAA;AAAA,wBAGJ,UAAA;AAAA,0BAAA,gBAAAS,EAAC,QAAA,EAAK,WAAU,2BACb,UAAA;AAAA,4BAAAG,EAAK;AAAA,4BACLA,EAAK,QACJ,gBAAAN,EAAC,QAAA,EAAK,WAAWC,EAAG,sEAAsEP,EAAE,KAAK,GAC9F,UAAAY,EAAK,MAAA,CACR,IACE;AAAA,0BAAA,GACN;AAAA,0BACA,gBAAAN;AAAA,4BAACoB;AAAA,4BAAA;AAAA,8BACC,WAAWnB;AAAA,gCACT;AAAA,gCACAT,MAAmBM,KAAK;AAAA,8BAAA;AAAA,4BAC1B;AAAA,0BAAA;AAAA,wBACF;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEF,gBAAAE;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWC;AAAA,0BACT;AAAA,0BACAT,MAAmBM,IACf,gCACA;AAAA,wBAAA;AAAA,wBAGN,4BAAC,OAAA,EAAI,WAAU,2BACb,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,0BAAAE,EAAcC,CAAI;AAAA,0BAClBA,EAAK,WACJ,gBAAAN,EAAC,OAAA,EAAI,WAAU,YAAY,UAAAU,EAAeJ,GAAM,EAAI,EAAA,CAAE,IACpD;AAAA,wBAAA,EAAA,CACN,EAAA,CACF;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACF,KA3COA,EAAK,KA4Cd,IAEA,gBAAAN,EAAC,MAAA,EAAoB,WAAU,QAC7B,UAAA,gBAAAA;AAAA,oBAACd;AAAA,oBAAA;AAAA,sBACC,MAAMoB,EAAK,QAAQ;AAAA,sBACnB,SAAS,MAAMf,EAAc,EAAK;AAAA,sBAClC,WAAWU;AAAA,wBACT;AAAA,wBACAP,EAAE;AAAA,sBAAA;AAAA,sBAGH,UAAAY,EAAK;AAAA,oBAAA;AAAA,kBAAA,EACR,GAVOA,EAAK,KAWd;AAAA;AAAA,cAAA;AAAA,cAGH5B,IACC,gBAAAsB,EAAC,MAAA,EAAG,WAAU,kBAAkB,UAAAtB,EAAA,CAAI,IAClCD,IACF,gBAAAuB,EAAC,MAAA,EAAG,WAAU,uCAAuC,aAAQ,IAC3D;AAAA,YAAA,EAAA,CACN,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AACAjC,EAAS,cAAc;"}
+{"version":3,"file":"MegaMenu.js","sources":["../../../../src/components/MegaMenu/MegaMenu.tsx"],"sourcesContent":["\"use client\";\nimport { useId, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { ChevronDown, Menu, X } from \"../../icons\";\nimport type { MegaMenuProps, MegaMenuVariant, MegaMenuItem } from \"./types\";\n\ninterface MegaMenuStyle {\n  shell: string;\n  bar: string;\n  header: string;\n  trigger: string;\n  triggerOpen: string;\n  badge: string;\n  panel: string;\n  columnTitle: string;\n  columnLink: string;\n  linkDescription: string;\n  mobilePanel: string;\n  mobileButton: string;\n  mobileLink: string;\n  brandText: string;\n  brandDot: string;\n}\n\nconst inverse = \"text-on-secondary\";\nconst light = \"text-foreground\";\n\nconst styles: Record<MegaMenuVariant, MegaMenuStyle> = {\n  classic: {\n    shell: \"border-b border-border bg-background/85 backdrop-blur-md supports-[backdrop-filter]:bg-background/75\",\n    bar: \"mx-auto max-w-6xl px-5 sm:px-8\",\n    header: \"px-0\",\n    trigger: \"text-muted-foreground hover:text-foreground hover:bg-surface\",\n    triggerOpen: \"bg-surface text-foreground\",\n    badge: \"bg-primary-soft text-primary\",\n    panel: \"border-border bg-surface shadow-raised\",\n    columnTitle: \"text-muted-foreground/70\",\n    columnLink: \"hover:bg-surface-strong\",\n    linkDescription: \"text-muted-foreground\",\n    mobilePanel: \"border-t border-border bg-background\",\n    mobileButton: `${light} hover:bg-surface`,\n    mobileLink: \"text-muted-foreground hover:bg-surface hover:text-foreground\",\n    brandText: light,\n    brandDot: \"bg-foreground\",\n  },\n  floating: {\n    shell: \"px-0\",\n    bar: \"mx-auto mt-3 max-w-5xl rounded-xl border border-border bg-surface/90 px-5 shadow-soft backdrop-blur-md supports-[backdrop-filter]:bg-surface/70\",\n    header: \"px-3 sm:px-6\",\n    trigger: \"text-muted-foreground hover:text-foreground hover:bg-surface\",\n    triggerOpen: \"bg-surface text-foreground\",\n    badge: \"bg-primary-soft text-primary\",\n    panel: \"border-border bg-surface shadow-raised\",\n    columnTitle: \"text-muted-foreground/70\",\n    columnLink: \"hover:bg-surface-strong\",\n    linkDescription: \"text-muted-foreground\",\n    mobilePanel: \"mx-3 mb-3 max-w-5xl overflow-hidden rounded-b-xl border border-border bg-surface\",\n    mobileButton: `${light} hover:bg-surface`,\n    mobileLink: \"text-muted-foreground hover:bg-surface hover:text-foreground\",\n    brandText: light,\n    brandDot: \"bg-foreground\",\n  },\n  inverse: {\n    shell: \"border-b border-white/10 bg-[#101010]/85 backdrop-blur-md\",\n    bar: \"mx-auto max-w-6xl px-5 sm:px-8\",\n    header: \"px-0\",\n    trigger: \"text-on-secondary/60 hover:text-on-secondary hover:bg-white/10\",\n    triggerOpen: \"bg-white/10 text-on-secondary\",\n    badge: \"bg-white/15 text-on-secondary\",\n    panel: \"border-white/10 bg-[#161616]\",\n    columnTitle: \"text-on-secondary/45\",\n    columnLink: \"hover:bg-white/10\",\n    linkDescription: \"text-on-secondary/50\",\n    mobilePanel: \"border-t border-white/10 bg-[#101010]\",\n    mobileButton: `${inverse} hover:bg-white/10`,\n    mobileLink: \"text-on-secondary/70 hover:bg-white/10 hover:text-on-secondary\",\n    brandText: inverse,\n    brandDot: \"bg-on-secondary\",\n  },\n};\n\nexport const MegaMenu = ({\n  className,\n  variant = \"classic\",\n  brand,\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  brandHref = \"#\",\n  items,\n  actions,\n  cta,\n  languageSwitcher,\n  sticky = true,\n  LinkComponent,\n  onKeyDown,\n  ...props\n}: MegaMenuProps) => {\n  const ids = useId();\n  const Link = LinkComponent ?? \"a\";\n  const [openIndex, setOpenIndex] = useState<number | null>(null);\n  const [mobileOpen, setMobileOpen] = useState(false);\n  const [mobileExpanded, setMobileExpanded] = useState<number | null>(null);\n  const s = styles[variant];\n\n  const closePanels = () => setOpenIndex(null);\n  const closeAll = () => {\n    setOpenIndex(null);\n    setMobileOpen(false);\n    setMobileExpanded(null);\n  };\n\n  const panelId = (i: number) => `${ids}-panel-${i}`;\n\n  const logoNode =\n    logo ??\n    (logoSrc ? (\n      <img\n        src={logoSrc}\n        alt={logoAlt ?? (typeof brand === \"string\" ? brand : \"Logo\")}\n        className={cn(\"h-7 w-auto\", logoClassName)}\n      />\n    ) : null);\n\n  const brandNode = logoNode ? (\n    <span className=\"flex items-center\">{logoNode}</span>\n  ) : (\n    <span className={cn(\"flex items-center gap-2 font-display text-[17px] font-bold tracking-tight\", s.brandText)}>\n      <span aria-hidden className={cn(\"inline-block h-2.5 w-2.5 rounded-sm\", s.brandDot)} />\n      {brand}\n    </span>\n  );\n\n  const triggerClasses = cn(\n    \"flex items-center gap-1.5 rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150\",\n    s.trigger,\n  );\n\n  const renderColumns = (item: MegaMenuItem) => (\n    <div\n      className={cn(\n        \"grid gap-x-10 gap-y-8 sm:grid-cols-2\",\n        item.featured ? \"\" : \"lg:grid-cols-3\",\n      )}\n    >\n      {item.columns?.map((column, ci) => (\n        <div key={column.title ?? ci}>\n          {column.title ? (\n            <h4\n              className={cn(\n                \"text-xs font-semibold uppercase tracking-[0.14em]\",\n                s.columnTitle,\n              )}\n            >\n              {column.title}\n            </h4>\n          ) : null}\n          <ul className={cn(column.title && \"mt-3\", \"space-y-0.5\")}>\n            {column.links.map((link) => (\n              <li key={link.href}>\n                <Link\n                  href={link.href}\n                  onClick={closeAll}\n                  target={link.external ? \"_blank\" : undefined}\n                  rel={link.external ? \"noopener noreferrer\" : undefined}\n                  className={cn(\n                    \"-mx-2 block rounded-md px-2 py-2 transition-colors duration-150\",\n                    s.columnLink,\n                  )}\n                >\n                  <span className=\"block text-sm font-medium text-foreground\">\n                    {link.label}\n                  </span>\n                  {link.description ? (\n                    <span\n                      className={cn(\n                        \"mt-0.5 block text-[13px] leading-snug\",\n                        s.linkDescription,\n                      )}\n                    >\n                      {link.description}\n                    </span>\n                  ) : null}\n                </Link>\n              </li>\n            ))}\n          </ul>\n        </div>\n      ))}\n    </div>\n  );\n\n  const renderFeatured = (item: MegaMenuItem, mobile = false) => {\n    const featured = item.featured;\n    if (!featured) return null;\n    const featuredStyle = featured.accent\n      ? { backgroundColor: featured.accent, color: `contrast-color(${featured.accent})` }\n      : undefined;\n\n    return (\n      <Link\n        href={featured.href}\n        onClick={closeAll}\n        target={featured.external ? \"_blank\" : undefined}\n        rel={featured.external ? \"noopener noreferrer\" : undefined}\n        className={cn(\n          \"group relative block overflow-hidden rounded-lg p-6 transition-transform duration-150 hover:-translate-y-0.5\",\n          mobile && \"mt-8\",\n          !featured.accent && \"bg-primary text-on-primary\",\n        )}\n        style={featuredStyle}\n      >\n        <div className=\"flex h-full flex-col justify-between gap-4\">\n          <div>\n            <h4 className=\"font-display text-base font-semibold tracking-tight\">\n              {featured.title}\n            </h4>\n            {featured.description ? (\n              <p className=\"mt-1.5 text-[13px] leading-relaxed opacity-80\">\n                {featured.description}\n              </p>\n            ) : null}\n          </div>\n          {featured.cta ? (\n            <span className=\"text-sm font-semibold underline decoration-1 underline-offset-4\">\n              {featured.cta} →\n            </span>\n          ) : null}\n        </div>\n        <div\n          aria-hidden\n          className=\"pointer-events-none absolute -right-8 -top-8 h-28 w-28 rounded-full opacity-20 blur-2xl bg-black/40\"\n        />\n      </Link>\n    );\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Escape\") {\n      closeAll();\n    }\n    onKeyDown?.(event);\n  };\n\n  return (\n    <header\n      className={cn(\n        \"relative w-full transition-colors duration-200\",\n        sticky && \"sticky top-0 z-50\",\n        s.shell,\n        s.header,\n        className,\n      )}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <nav className={cn(\"relative flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200\", s.bar)} onMouseLeave={closePanels} aria-label=\"Mega menu\">\n        <Link href={brandHref} className=\"shrink-0\">\n          {brandNode}\n        </Link>\n\n        <ul className=\"hidden items-center gap-1 lg:flex\">\n          {items.map((item, i) => {\n            const hasPanel = Boolean(item.columns?.length || item.featured);\n            const open = openIndex === i;\n            return (\n              <li key={item.label} className=\"relative\">\n                {hasPanel ? (\n                  <button\n                    type=\"button\"\n                    aria-haspopup=\"true\"\n                    aria-expanded={open}\n                    aria-controls={panelId(i)}\n                    onClick={() => setOpenIndex(open ? null : i)}\n                    onMouseEnter={() => setOpenIndex(i)}\n                    className={cn(triggerClasses, open && s.triggerOpen)}\n                  >\n                    <span className=\"flex items-center gap-1.5\">\n                      {item.label}\n                      {item.badge ? (\n                        <span\n                          className={cn(\n                            \"rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide\",\n                            s.badge,\n                          )}\n                        >\n                          {item.badge}\n                        </span>\n                      ) : null}\n                    </span>\n                    <ChevronDown\n                      className={cn(\n                        \"h-4 w-4 shrink-0 transition-transform duration-150\",\n                        open && \"rotate-180\",\n                      )}\n                    />\n                  </button>\n                ) : (\n                  <Link href={item.href ?? \"#\"} target={item.external ? \"_blank\" : undefined} rel={item.external ? \"noopener noreferrer\" : undefined} className={triggerClasses}>\n                    {item.label}\n                    {item.badge ? (\n                      <span className={cn(\"rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide\", s.badge)}>\n                        {item.badge}\n                      </span>\n                    ) : null}\n                  </Link>\n                )}\n              </li>\n            );\n          })}\n        </ul>\n\n        <div className=\"hidden items-center gap-3 lg:flex\">\n          {languageSwitcher}\n          {actions}\n          {cta}\n        </div>\n\n        <button\n          type=\"button\"\n          aria-label={mobileOpen ? \"Close menu\" : \"Open menu\"}\n          aria-expanded={mobileOpen}\n          onClick={() => setMobileOpen((o) => !o)}\n          className={cn(\n            \"inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-md lg:hidden\",\n            \"transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            s.mobileButton,\n          )}\n        >\n          {mobileOpen ? <X className=\"h-5 w-5\" /> : <Menu className=\"h-5 w-5\" />}\n        </button>\n      </nav>\n\n      {items.map((item, i) => {\n        if (!item.columns?.length && !item.featured) return null;\n        const open = openIndex === i;\n        return (\n          <div\n            key={item.label}\n            id={panelId(i)}\n            role=\"region\"\n            aria-label={`${item.label} menu`}\n            onMouseEnter={() => setOpenIndex(i)}\n            className={cn(\n              \"absolute top-full z-50 pt-2 transition-all duration-150\",\n              variant === \"floating\" ? \"inset-x-0 mx-auto w-full max-w-5xl\" : \"inset-x-0\",\n              open\n                ? \"visible translate-y-0 opacity-100\"\n                : \"pointer-events-none invisible -translate-y-1 opacity-0\",\n            )}\n          >\n            <div\n              className={cn(\n                \"overflow-hidden rounded-xl border p-6 md:p-8\",\n                s.panel,\n                item.featured ? \"lg:grid lg:grid-cols-[minmax(0,1fr)_auto] lg:gap-12\" : \"\",\n              )}\n            >\n              {renderColumns(item)}\n              {item.featured && (\n                <div className={cn(\"mt-8 max-w-sm lg:mt-0 lg:w-64\")}>\n                  {renderFeatured(item)}\n                </div>\n              )}\n            </div>\n          </div>\n        );\n      })}\n\n      <div\n        className={cn(\n          \"grid transition-[grid-template-rows,opacity] duration-200 lg:hidden\",\n          mobileOpen ? \"grid-rows-[1fr] opacity-100\" : \"grid-rows-[0fr] opacity-0\",\n          s.mobilePanel,\n        )}\n      >\n        <div className=\"min-h-0 overflow-hidden\">\n          <ul className=\"flex flex-col py-4\">\n            {languageSwitcher ? (\n              <li className=\"px-5 pb-4\">{languageSwitcher}</li>\n            ) : null}\n            {items.map((item, i) =>\n              item.columns?.length || item.featured ? (\n                <li key={item.label} className=\"px-5\">\n                  <button\n                    type=\"button\"\n                    aria-expanded={mobileExpanded === i}\n                    onClick={() =>\n                      setMobileExpanded((prev) => (prev === i ? null : i))\n                    }\n                    className={cn(\n                      \"flex w-full items-center justify-between rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150\",\n                      s.mobileButton,\n                    )}\n                  >\n                    <span className=\"flex items-center gap-2\">\n                      {item.label}\n                      {item.badge ? (\n                        <span className={cn(\"rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide\", s.badge)}>\n                          {item.badge}\n                        </span>\n                      ) : null}\n                    </span>\n                    <ChevronDown\n                      className={cn(\n                        \"h-4 w-4 shrink-0 transition-transform duration-150\",\n                        mobileExpanded === i && \"rotate-180\",\n                      )}\n                    />\n                  </button>\n                  <div\n                    className={cn(\n                      \"grid transition-[grid-template-rows,opacity] duration-200\",\n                      mobileExpanded === i\n                        ? \"grid-rows-[1fr] opacity-100\"\n                        : \"grid-rows-[0fr] opacity-0\",\n                    )}\n                  >\n                    <div className=\"min-h-0 overflow-hidden\">\n                      <div className=\"py-2 pl-1\">\n                        {renderColumns(item)}\n                        {item.featured ? (\n                          <div className=\"max-w-sm\">{renderFeatured(item, true)}</div>\n                        ) : null}\n                      </div>\n                    </div>\n                  </div>\n                </li>\n              ) : (\n                <li key={item.label} className=\"px-5\">\n                  <Link\n                    href={item.href ?? \"#\"}\n                    target={item.external ? \"_blank\" : undefined}\n                    rel={item.external ? \"noopener noreferrer\" : undefined}\n                    onClick={() => setMobileOpen(false)}\n                    className={cn(\n                      \"block rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150\",\n                      s.mobileLink,\n                    )}\n                  >\n                    {item.label}\n                  </Link>\n                </li>\n              ),\n            )}\n            {cta ? (\n              <li className=\"px-8 pb-2 pt-3\">{cta}</li>\n            ) : actions ? (\n              <li className=\"mt-3 flex flex-wrap gap-3 px-8 pb-2\">{actions}</li>\n            ) : null}\n          </ul>\n        </div>\n      </div>\n    </header>\n  );\n};\nMegaMenu.displayName = \"MegaMenu\";"],"names":["inverse","light","styles","MegaMenu","className","variant","brand","logo","logoSrc","logoAlt","logoClassName","brandHref","items","actions","cta","languageSwitcher","sticky","LinkComponent","onKeyDown","props","ids","useId","Link","openIndex","setOpenIndex","useState","mobileOpen","setMobileOpen","mobileExpanded","setMobileExpanded","s","closePanels","closeAll","panelId","i","logoNode","jsx","cn","brandNode","jsxs","triggerClasses","renderColumns","item","column","ci","link","renderFeatured","mobile","featured","featuredStyle","handleKeyDown","event","hasPanel","_a","open","ChevronDown","o","X","Menu","prev"],"mappings":"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"}