@enadhq/enad-react-sdk 1.0.0 → 1.0.2

package/dist/client/storefront/layout/footer.mjs

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Separator } from "../../ui-resolver/separator";
+import { cn } from "../../ui/utils";
+function FooterLinkColumn({
+  title,
+  links
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    title && /* @__PURE__ */ jsx("h3", { className: "mb-3 text-sm font-medium text-foreground", children: title }),
+    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: link.href,
+        className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
+        children: link.label
+      }
+    ) }, link.href)) })
+  ] });
+}
+function Footer({
+  columns,
+  bottomLinks,
+  logo,
+  paymentIcons,
+  newsletterSlot,
+  copyright,
+  className
+}) {
+  return /* @__PURE__ */ jsx("footer", { className: cn("bg-card text-card-foreground", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-3 lg:grid-cols-4", children: [
+      columns.map((col, i) => /* @__PURE__ */ jsx(FooterLinkColumn, { title: col.title, links: col.links }, i)),
+      newsletterSlot && /* @__PURE__ */ jsx("div", { className: "col-span-2 md:col-span-1", children: newsletterSlot })
+    ] }),
+    paymentIcons && /* @__PURE__ */ jsx("div", { className: "mt-8 flex items-center gap-3", children: paymentIcons }),
+    /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
+        logo,
+        copyright && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: copyright })
+      ] }),
+      bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: "flex items-center gap-4", children: bottomLinks.map((link) => /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: link.href,
+          className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
+          children: link.label
+        },
+        link.href
+      )) })
+    ] })
+  ] }) });
+}
+export {
+  Footer
+};
+//# sourceMappingURL=footer.mjs.map

package/dist/client/storefront/layout/footer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/layout/footer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Separator } from \"../../ui-resolver/separator\";\nimport { cn } from \"../../ui/utils\";\nimport type { FooterProps } from \"../types\";\n\nfunction FooterLinkColumn({\n  title,\n  links,\n}: {\n  title?: string;\n  links: { label: string; href: string }[];\n}) {\n  return (\n    <div>\n      {title && <h3 className=\"mb-3 text-sm font-medium text-foreground\">{title}</h3>}\n      <ul className=\"flex flex-col gap-2\">\n        {links.map((link) => (\n          <li key={link.href}>\n            <a\n              href={link.href}\n              className=\"text-sm text-muted-foreground transition-colors hover:text-foreground\"\n            >\n              {link.label}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\nfunction Footer({\n  columns,\n  bottomLinks,\n  logo,\n  paymentIcons,\n  newsletterSlot,\n  copyright,\n  className,\n}: FooterProps) {\n  return (\n    <footer className={cn(\"bg-card text-card-foreground\", className)}>\n      <div className=\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8\">\n        <div className=\"grid grid-cols-2 gap-8 md:grid-cols-3 lg:grid-cols-4\">\n          {/* Link columns */}\n          {columns.map((col, i) => (\n            <FooterLinkColumn key={i} title={col.title} links={col.links} />\n          ))}\n\n          {/* Newsletter slot */}\n          {newsletterSlot && <div className=\"col-span-2 md:col-span-1\">{newsletterSlot}</div>}\n        </div>\n\n        {/* Payment icons */}\n        {paymentIcons && <div className=\"mt-8 flex items-center gap-3\">{paymentIcons}</div>}\n\n        <Separator className=\"my-8\" />\n\n        {/* Bottom bar */}\n        <div className=\"flex flex-col items-center justify-between gap-4 sm:flex-row\">\n          <div className=\"flex items-center gap-6\">\n            {logo}\n            {copyright && <span className=\"text-sm text-muted-foreground\">{copyright}</span>}\n          </div>\n\n          {bottomLinks && bottomLinks.length > 0 && (\n            <nav className=\"flex items-center gap-4\">\n              {bottomLinks.map((link) => (\n                <a\n                  key={link.href}\n                  href={link.href}\n                  className=\"text-sm text-muted-foreground transition-colors hover:text-foreground\"\n                >\n                  {link.label}\n                </a>\n              ))}\n            </nav>\n          )}\n        </div>\n      </div>\n    </footer>\n  );\n}\n\nexport { Footer, type FooterProps };\n"],"mappings":"AAaI,SACY,KADZ;AAZJ,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAGnB,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,SACE;AAAA,aAAS,oBAAC,QAAG,WAAU,4CAA4C,iBAAM;AAAA,IAC1E,oBAAC,QAAG,WAAU,uBACX,gBAAM,IAAI,CAAC,SACV,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,WAAU;AAAA,QAET,eAAK;AAAA;AAAA,IACR,KANO,KAAK,IAOd,CACD,GACH;AAAA,KACF;AAEJ;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgB;AACd,SACE,oBAAC,YAAO,WAAW,GAAG,gCAAgC,SAAS,GAC7D,+BAAC,SAAI,WAAU,gDACb;AAAA,yBAAC,SAAI,WAAU,wDAEZ;AAAA,cAAQ,IAAI,CAAC,KAAK,MACjB,oBAAC,oBAAyB,OAAO,IAAI,OAAO,OAAO,IAAI,SAAhC,CAAuC,CAC/D;AAAA,MAGA,kBAAkB,oBAAC,SAAI,WAAU,4BAA4B,0BAAe;AAAA,OAC/E;AAAA,IAGC,gBAAgB,oBAAC,SAAI,WAAU,gCAAgC,wBAAa;AAAA,IAE7E,oBAAC,aAAU,WAAU,QAAO;AAAA,IAG5B,qBAAC,SAAI,WAAU,gEACb;AAAA,2BAAC,SAAI,WAAU,2BACZ;AAAA;AAAA,QACA,aAAa,oBAAC,UAAK,WAAU,iCAAiC,qBAAU;AAAA,SAC3E;AAAA,MAEC,eAAe,YAAY,SAAS,KACnC,oBAAC,SAAI,WAAU,2BACZ,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,KAAK;AAAA,UACX,WAAU;AAAA,UAET,eAAK;AAAA;AAAA,QAJD,KAAK;AAAA,MAKZ,CACD,GACH;AAAA,OAEJ;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/client/storefront/layout/header.d.ts

@@ -0,0 +1,4 @@
+import type { HeaderProps } from "../types";
+declare function Header({ variant, navItems, utilityLinks, promotionEnabled, promotionMessages, logo, onSearchClick, onCartClick, cartHref, labels, className, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export { Header, type HeaderProps };
+//# sourceMappingURL=header.d.ts.map

package/dist/client/storefront/layout/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/layout/header.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAqB,MAAM,UAAU,CAAA;AAuU9D,iBAAS,MAAM,CAAC,EACd,OAAmB,EACnB,QAAoB,EACpB,YAA4B,EAC5B,gBAAuB,EACvB,iBAAkC,EAClC,IAAI,EACJ,aAAa,EACb,WAAW,EACX,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,WAAW,2CA8Eb;AAED,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,CAAA"}

package/dist/client/storefront/layout/header.mjs

@@ -0,0 +1,367 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useIcon } from "../../icons/icon-context";
+import { cn } from "../../ui/utils";
+import { MobileMenuDrawer } from "./mobile-menu-drawer";
+import { PromotionBar } from "./promotion-bar";
+const CLOSE_DELAY = 150;
+const EMPTY_NAV = [];
+const EMPTY_UTILITY = [];
+const EMPTY_MESSAGES = [];
+function CartElement({ cartHref, onCartClick, linkColor, label, CartIcon }) {
+  if (cartHref) {
+    return /* @__PURE__ */ jsx("a", { href: cartHref, className: cn("relative p-1 transition-colors duration-200 hit-area-2", linkColor), "aria-label": label, children: /* @__PURE__ */ jsx(CartIcon, { className: "size-5" }) });
+  }
+  if (onCartClick) {
+    return /* @__PURE__ */ jsx("button", { onClick: onCartClick, className: cn("relative p-1 transition-colors duration-200 hit-area-2", linkColor), "aria-label": label, children: /* @__PURE__ */ jsx(CartIcon, { className: "size-5" }) });
+  }
+  return null;
+}
+function MegaMenuPanel({ activeItem, showPanel, onMouseEnter, onMouseLeave, ChevronRightIcon }) {
+  const categories = activeItem?.megaMenuCategories;
+  const featured = activeItem?.megaMenuFeatured;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "hidden overflow-hidden transition-all duration-300 ease-out lg:block",
+        showPanel ? "max-h-125 translate-y-0 opacity-100" : "max-h-0 -translate-y-1 opacity-0"
+      ),
+      onMouseEnter,
+      onMouseLeave,
+      role: "region",
+      "aria-label": "Submenu",
+      children: /* @__PURE__ */ jsx("div", { className: "border-b border-border bg-background p-8", children: categories && categories.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex gap-12", children: [
+        /* @__PURE__ */ jsx(MegaMenuCategories, { categories }),
+        featured && featured.length > 0 && /* @__PURE__ */ jsx(MegaMenuFeatured, { featured, ChevronRightIcon })
+      ] }) : null })
+    }
+  );
+}
+function MegaMenuCategories({ categories }) {
+  const columnGroups = [];
+  for (const cat of categories) {
+    if (cat.stackWithPrevious && columnGroups.length > 0) {
+      columnGroups[columnGroups.length - 1].push(cat);
+    } else {
+      columnGroups.push([cat]);
+    }
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-1 justify-between gap-10", children: columnGroups.map((group) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex w-50 min-w-0 flex-col gap-6",
+      children: group.map((cat) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: cat.href,
+            className: "mb-3 block text-sm font-normal text-foreground transition-colors duration-200 hover:text-muted-foreground",
+            children: cat.title
+          }
+        ),
+        /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", children: cat.items?.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: item.href,
+            className: "text-sm text-muted-foreground transition-colors duration-200 hover:text-foreground",
+            children: item.label
+          }
+        ) }, item.href)) })
+      ] }, cat.id ?? cat.title))
+    },
+    group[0].id ?? group[0].title
+  )) });
+}
+function MegaMenuFeatured({ featured, ChevronRightIcon }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex shrink-0 gap-6", children: featured.map((feat) => /* @__PURE__ */ jsxs("a", { href: feat.href, className: "group w-40", children: [
+    /* @__PURE__ */ jsx("div", { className: "relative mb-2 aspect-[4/5] overflow-hidden rounded-[var(--enad-card-radius)] bg-muted", children: feat.image?.src && /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: feat.image.src,
+        alt: feat.image.alt ?? feat.label,
+        className: "size-full object-cover transition-transform duration-[var(--enad-image-hover-duration)] group-hover:scale-[var(--enad-image-hover-scale)]"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-sm text-foreground transition-colors duration-200 group-hover:text-muted-foreground", children: [
+      feat.label,
+      /* @__PURE__ */ jsx(ChevronRightIcon, { className: "mt-px size-4" })
+    ] })
+  ] }, feat.id ?? feat.href)) });
+}
+function MobileHeader({ logo, linkColor, onSearchClick, cartHref, onCartClick, menuOpen, setMenuOpen, labels, SearchIcon, CartIcon, MenuIcon }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 lg:hidden", children: [
+    /* @__PURE__ */ jsx("a", { href: "/", className: "shrink-0", children: logo }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      onSearchClick && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onSearchClick,
+          className: cn("relative p-1 transition-colors duration-200 hit-area-2", linkColor),
+          "aria-label": labels?.search ?? "Search",
+          children: /* @__PURE__ */ jsx(SearchIcon, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CartElement,
+        {
+          cartHref,
+          onCartClick,
+          linkColor,
+          label: labels?.cart ?? "Cart",
+          CartIcon
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setMenuOpen(true),
+          className: cn("relative p-1 transition-colors duration-200 hit-area-2", linkColor),
+          "aria-label": labels?.menu ?? "Open menu",
+          "aria-expanded": menuOpen,
+          children: /* @__PURE__ */ jsx(MenuIcon, { className: "size-5" })
+        }
+      )
+    ] })
+  ] });
+}
+function DesktopHeader({ logo, navItems, utilityLinks, linkColor, navLinkClasses, hasBackground, activeIndex, onSearchClick, cartHref, onCartClick, labels, handleTriggerEnter, scheduleClose, SearchIcon, CartIcon }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "hidden items-center justify-between px-8 py-4 lg:flex",
+        hasBackground && "border-b border-border"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("a", { href: "/", className: "shrink-0", children: logo }),
+        /* @__PURE__ */ jsx("nav", { className: "flex flex-1 items-center justify-center gap-6", children: navItems.map((item, index) => {
+          const hasDropdown = (item.megaMenuCategories?.length ?? 0) > 0;
+          return /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: item.href ?? "",
+              className: navLinkClasses,
+              onMouseEnter: () => handleTriggerEnter(index),
+              onMouseLeave: scheduleClose,
+              onFocus: () => handleTriggerEnter(index),
+              ...hasDropdown && {
+                "aria-expanded": activeIndex === index,
+                "aria-haspopup": "true"
+              },
+              children: item.label
+            },
+            item.id ?? item.label
+          );
+        }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-5", children: [
+          utilityLinks.map((link) => /* @__PURE__ */ jsx("a", { href: link.href, className: navLinkClasses, children: link.label }, link.label)),
+          onSearchClick && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onSearchClick,
+              className: cn("relative p-1 transition-colors duration-200 hit-area-2", linkColor),
+              "aria-label": labels?.search ?? "Search",
+              children: /* @__PURE__ */ jsx(SearchIcon, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CartElement,
+            {
+              cartHref,
+              onCartClick,
+              linkColor,
+              label: labels?.cart ?? "Cart",
+              CartIcon
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function useHeaderState(variant, navItems) {
+  const [menuOpen, setMenuOpen] = React.useState(false);
+  const [activeIndex, setActiveIndex] = React.useState(null);
+  const [scrolled, setScrolled] = React.useState(false);
+  const closeTimer = React.useRef(null);
+  const headerRef = React.useRef(null);
+  const isTransparent = variant === "transparent";
+  React.useEffect(() => {
+    if (!isTransparent) return;
+    const handleScroll = () => setScrolled(window.scrollY > 50);
+    handleScroll();
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, [isTransparent]);
+  const cancelClose = React.useCallback(() => {
+    if (closeTimer.current) {
+      clearTimeout(closeTimer.current);
+      closeTimer.current = null;
+    }
+  }, []);
+  const scheduleClose = React.useCallback(() => {
+    cancelClose();
+    closeTimer.current = setTimeout(() => {
+      setActiveIndex(null);
+    }, CLOSE_DELAY);
+  }, [cancelClose]);
+  const handleTriggerEnter = React.useCallback(
+    (index) => {
+      cancelClose();
+      const item = navItems[index];
+      if ((item?.megaMenuCategories?.length ?? 0) > 0) {
+        setActiveIndex(index);
+      } else {
+        setActiveIndex(null);
+      }
+    },
+    [cancelClose, navItems]
+  );
+  const handlePanelEnter = React.useCallback(() => cancelClose(), [cancelClose]);
+  const handlePanelLeave = React.useCallback(() => scheduleClose(), [scheduleClose]);
+  React.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") setActiveIndex(null);
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, []);
+  const handleFocusOut = React.useCallback((e) => {
+    if (headerRef.current && e.relatedTarget instanceof Node && !headerRef.current.contains(e.relatedTarget)) {
+      setActiveIndex(null);
+    }
+  }, []);
+  const activeItem = activeIndex !== null ? navItems[activeIndex] : null;
+  const showPanel = activeItem !== null && (activeItem?.megaMenuCategories?.length ?? 0) > 0;
+  return {
+    menuOpen,
+    setMenuOpen,
+    activeIndex,
+    scrolled,
+    headerRef,
+    isTransparent,
+    activeItem,
+    showPanel,
+    scheduleClose,
+    handleTriggerEnter,
+    handlePanelEnter,
+    handlePanelLeave,
+    handleFocusOut
+  };
+}
+function resolveLinkColor(variant, isTransparent, scrolled) {
+  const isOverlay = variant === "overlay" || isTransparent;
+  if (isOverlay && !(isTransparent && scrolled)) return "text-white hover:text-white/70";
+  return "text-foreground hover:text-muted-foreground";
+}
+function useMobileItems(navItems) {
+  return React.useMemo(() => navItems.map((item) => ({
+    label: item.label,
+    href: item.href ?? "",
+    children: item.megaMenuCategories?.map((cat) => ({ label: cat.title, href: cat.href })) ?? []
+  })), [navItems]);
+}
+function Header({
+  variant = "default",
+  navItems = EMPTY_NAV,
+  utilityLinks = EMPTY_UTILITY,
+  promotionEnabled = true,
+  promotionMessages = EMPTY_MESSAGES,
+  logo,
+  onSearchClick,
+  onCartClick,
+  cartHref,
+  labels,
+  className
+}) {
+  const MenuIcon = useIcon("menu");
+  const SearchIcon = useIcon("search");
+  const CartIcon = useIcon("cart");
+  const ChevronRightIcon = useIcon("chevronRight");
+  const state = useHeaderState(variant, navItems);
+  const { isTransparent, scrolled, menuOpen, setMenuOpen, activeIndex } = state;
+  const { headerRef, activeItem, showPanel, handleFocusOut } = state;
+  const { scheduleClose, handleTriggerEnter, handlePanelEnter, handlePanelLeave } = state;
+  const hasBackground = variant === "default" || isTransparent && scrolled;
+  const linkColor = resolveLinkColor(variant, isTransparent, scrolled);
+  const navLinkClasses = `text-sm font-sans tracking-wide transition-colors duration-200 ${linkColor}`;
+  const mobileItems = useMobileItems(navItems);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "header",
+      {
+        ref: headerRef,
+        className: cn(
+          "fixed inset-x-0 top-0 z-50 transition-colors duration-200",
+          hasBackground ? "bg-background" : "bg-transparent",
+          className
+        ),
+        onBlur: handleFocusOut,
+        children: [
+          /* @__PURE__ */ jsx(PromotionBar, { enabled: promotionEnabled, messages: promotionMessages }),
+          /* @__PURE__ */ jsx(
+            MobileHeader,
+            {
+              logo,
+              linkColor,
+              onSearchClick,
+              cartHref,
+              onCartClick,
+              menuOpen,
+              setMenuOpen,
+              labels,
+              SearchIcon,
+              CartIcon,
+              MenuIcon
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DesktopHeader,
+            {
+              logo,
+              navItems,
+              utilityLinks,
+              linkColor,
+              navLinkClasses,
+              hasBackground,
+              activeIndex,
+              onSearchClick,
+              cartHref,
+              onCartClick,
+              labels,
+              handleTriggerEnter,
+              scheduleClose,
+              SearchIcon,
+              CartIcon
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            MegaMenuPanel,
+            {
+              activeItem: activeItem ?? null,
+              showPanel,
+              onMouseEnter: handlePanelEnter,
+              onMouseLeave: handlePanelLeave,
+              ChevronRightIcon
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MobileMenuDrawer,
+      {
+        open: menuOpen,
+        onOpenChange: setMenuOpen,
+        items: mobileItems,
+        labels: labels ? { close: labels.closeMenu, back: void 0 } : void 0
+      }
+    )
+  ] });
+}
+export {
+  Header
+};
+//# sourceMappingURL=header.mjs.map

package/dist/client/storefront/layout/header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/layout/header.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { cn } from \"../../ui/utils\"\nimport { MobileMenuDrawer } from \"./mobile-menu-drawer\"\nimport { PromotionBar } from \"./promotion-bar\"\nimport type { HeaderProps, NavItem, NavChild } from \"../types\"\n\ntype IconComponent = React.ComponentType<{ className?: string }>\nconst CLOSE_DELAY = 150\nconst EMPTY_NAV: NavItem[] = []\nconst EMPTY_UTILITY: NavChild[] = []\nconst EMPTY_MESSAGES: string[] = []\n\nfunction CartElement({ cartHref, onCartClick, linkColor, label, CartIcon }: {\n  cartHref?: string; onCartClick?: () => void; linkColor: string; label: string; CartIcon: IconComponent\n}) {\n  if (cartHref) {\n    return (\n      <a href={cartHref} className={cn(\"relative p-1 transition-colors duration-200 hit-area-2\", linkColor)} aria-label={label}>\n        <CartIcon className=\"size-5\" />\n      </a>\n    )\n  }\n  if (onCartClick) {\n    return (\n      <button onClick={onCartClick} className={cn(\"relative p-1 transition-colors duration-200 hit-area-2\", linkColor)} aria-label={label}>\n        <CartIcon className=\"size-5\" />\n      </button>\n    )\n  }\n  return null\n}\n\nfunction MegaMenuPanel({ activeItem, showPanel, onMouseEnter, onMouseLeave, ChevronRightIcon }: {\n  activeItem: NavItem | null; showPanel: boolean; onMouseEnter: () => void; onMouseLeave: () => void; ChevronRightIcon: IconComponent\n}) {\n  const categories = activeItem?.megaMenuCategories\n  const featured = activeItem?.megaMenuFeatured\n\n  return (\n    <div\n      className={cn(\n        \"hidden overflow-hidden transition-all duration-300 ease-out lg:block\",\n        showPanel ? \"max-h-125 translate-y-0 opacity-100\" : \"max-h-0 -translate-y-1 opacity-0\",\n      )}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      role=\"region\"\n      aria-label=\"Submenu\"\n    >\n      <div className=\"border-b border-border bg-background p-8\">\n        {categories && categories.length > 0 ? (\n          <div className=\"flex gap-12\">\n            <MegaMenuCategories categories={categories} />\n            {featured && featured.length > 0 && (\n              <MegaMenuFeatured featured={featured} ChevronRightIcon={ChevronRightIcon} />\n            )}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nfunction MegaMenuCategories({ categories }: { categories: NonNullable<NavItem[\"megaMenuCategories\"]> }) {\n  const columnGroups: (typeof categories)[] = []\n  for (const cat of categories) {\n    if (cat.stackWithPrevious && columnGroups.length > 0) {\n      columnGroups[columnGroups.length - 1]!.push(cat)\n    } else {\n      columnGroups.push([cat])\n    }\n  }\n\n  return (\n    <div className=\"flex flex-1 justify-between gap-10\">\n      {columnGroups.map((group) => (\n        <div\n          key={group[0]!.id ?? group[0]!.title}\n          className=\"flex w-50 min-w-0 flex-col gap-6\"\n        >\n          {group.map((cat) => (\n            <div key={cat.id ?? cat.title}>\n              <a\n                href={cat.href}\n                className=\"mb-3 block text-sm font-normal text-foreground transition-colors duration-200 hover:text-muted-foreground\"\n              >\n                {cat.title}\n              </a>\n              <ul className=\"flex flex-col gap-1.5\">\n                {cat.items?.map((item) => (\n                  <li key={item.href}>\n                    <a\n                      href={item.href}\n                      className=\"text-sm text-muted-foreground transition-colors duration-200 hover:text-foreground\"\n                    >\n                      {item.label}\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nfunction MegaMenuFeatured({ featured, ChevronRightIcon }: {\n  featured: NonNullable<NavItem[\"megaMenuFeatured\"]>; ChevronRightIcon: IconComponent\n}) {\n  return (\n    <div className=\"flex shrink-0 gap-6\">\n      {featured.map((feat) => (\n        <a key={feat.id ?? feat.href} href={feat.href} className=\"group w-40\">\n          <div className=\"relative mb-2 aspect-[4/5] overflow-hidden rounded-[var(--enad-card-radius)] bg-muted\">\n            {feat.image?.src && (\n              <img\n                src={feat.image.src}\n                alt={feat.image.alt ?? feat.label}\n                className=\"size-full object-cover transition-transform duration-[var(--enad-image-hover-duration)] group-hover:scale-[var(--enad-image-hover-scale)]\"\n              />\n            )}\n          </div>\n          <span className=\"flex items-center gap-1 text-sm text-foreground transition-colors duration-200 group-hover:text-muted-foreground\">\n            {feat.label}\n            <ChevronRightIcon className=\"mt-px size-4\" />\n          </span>\n        </a>\n      ))}\n    </div>\n  )\n}\n\ninterface MobileHeaderProps {\n  logo: React.ReactNode; linkColor: string; onSearchClick?: () => void\n  cartHref?: string; onCartClick?: () => void; menuOpen: boolean\n  setMenuOpen: (open: boolean) => void; labels?: HeaderProps[\"labels\"]\n  SearchIcon: IconComponent; CartIcon: IconComponent; MenuIcon: IconComponent\n}\n\nfunction MobileHeader({ logo, linkColor, onSearchClick, cartHref, onCartClick, menuOpen, setMenuOpen, labels, SearchIcon, CartIcon, MenuIcon }: MobileHeaderProps) {\n  return (\n    <div className=\"flex items-center justify-between px-4 py-3 lg:hidden\">\n      <a href=\"/\" className=\"shrink-0\">{logo}</a>\n\n      <div className=\"flex items-center gap-3\">\n        {onSearchClick && (\n          <button\n            onClick={onSearchClick}\n            className={cn(\"relative p-1 transition-colors duration-200 hit-area-2\", linkColor)}\n            aria-label={labels?.search ?? \"Search\"}\n          >\n            <SearchIcon className=\"size-5\" />\n          </button>\n        )}\n        <CartElement\n          cartHref={cartHref}\n          onCartClick={onCartClick}\n          linkColor={linkColor}\n          label={labels?.cart ?? \"Cart\"}\n          CartIcon={CartIcon}\n        />\n        <button\n          onClick={() => setMenuOpen(true)}\n          className={cn(\"relative p-1 transition-colors duration-200 hit-area-2\", linkColor)}\n          aria-label={labels?.menu ?? \"Open menu\"}\n          aria-expanded={menuOpen}\n        >\n          <MenuIcon className=\"size-5\" />\n        </button>\n      </div>\n    </div>\n  )\n}\n\ninterface DesktopHeaderProps {\n  logo: React.ReactNode; navItems: NavItem[]; utilityLinks: NavChild[]\n  linkColor: string; navLinkClasses: string; hasBackground: boolean\n  activeIndex: number | null; onSearchClick?: () => void\n  cartHref?: string; onCartClick?: () => void; labels?: HeaderProps[\"labels\"]\n  handleTriggerEnter: (index: number) => void; scheduleClose: () => void\n  SearchIcon: IconComponent; CartIcon: IconComponent\n}\n\nfunction DesktopHeader({ logo, navItems, utilityLinks, linkColor, navLinkClasses, hasBackground, activeIndex, onSearchClick, cartHref, onCartClick, labels, handleTriggerEnter, scheduleClose, SearchIcon, CartIcon }: DesktopHeaderProps) {\n  return (\n    <div\n      className={cn(\n        \"hidden items-center justify-between px-8 py-4 lg:flex\",\n        hasBackground && \"border-b border-border\",\n      )}\n    >\n      <a href=\"/\" className=\"shrink-0\">{logo}</a>\n\n      <nav className=\"flex flex-1 items-center justify-center gap-6\">\n        {navItems.map((item, index) => {\n          const hasDropdown = (item.megaMenuCategories?.length ?? 0) > 0\n          return (\n            <a\n              key={item.id ?? item.label}\n              href={item.href ?? \"\"}\n              className={navLinkClasses}\n              onMouseEnter={() => handleTriggerEnter(index)}\n              onMouseLeave={scheduleClose}\n              onFocus={() => handleTriggerEnter(index)}\n              {...(hasDropdown && {\n                \"aria-expanded\": activeIndex === index,\n                \"aria-haspopup\": \"true\" as const,\n              })}\n            >\n              {item.label}\n            </a>\n          )\n        })}\n      </nav>\n\n      <div className=\"flex shrink-0 items-center gap-5\">\n        {utilityLinks.map((link) => (\n          <a key={link.label} href={link.href} className={navLinkClasses}>\n            {link.label}\n          </a>\n        ))}\n\n        {onSearchClick && (\n          <button\n            onClick={onSearchClick}\n            className={cn(\"relative p-1 transition-colors duration-200 hit-area-2\", linkColor)}\n            aria-label={labels?.search ?? \"Search\"}\n          >\n            <SearchIcon className=\"size-5\" />\n          </button>\n        )}\n\n        <CartElement\n          cartHref={cartHref}\n          onCartClick={onCartClick}\n          linkColor={linkColor}\n          label={labels?.cart ?? \"Cart\"}\n          CartIcon={CartIcon}\n        />\n      </div>\n    </div>\n  )\n}\n\nfunction useHeaderState(variant: HeaderProps[\"variant\"], navItems: NavItem[]) {\n  const [menuOpen, setMenuOpen] = React.useState(false)\n  const [activeIndex, setActiveIndex] = React.useState<number | null>(null)\n  const [scrolled, setScrolled] = React.useState(false)\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const headerRef = React.useRef<HTMLElement>(null)\n\n  const isTransparent = variant === \"transparent\"\n\n  React.useEffect(() => {\n    if (!isTransparent) return\n    const handleScroll = () => setScrolled(window.scrollY > 50)\n    handleScroll()\n    window.addEventListener(\"scroll\", handleScroll, { passive: true })\n    return () => window.removeEventListener(\"scroll\", handleScroll)\n  }, [isTransparent])\n\n  const cancelClose = React.useCallback(() => {\n    if (closeTimer.current) {\n      clearTimeout(closeTimer.current)\n      closeTimer.current = null\n    }\n  }, [])\n\n  const scheduleClose = React.useCallback(() => {\n    cancelClose()\n    closeTimer.current = setTimeout(() => {\n      setActiveIndex(null)\n    }, CLOSE_DELAY)\n  }, [cancelClose])\n\n  const handleTriggerEnter = React.useCallback(\n    (index: number) => {\n      cancelClose()\n      const item = navItems[index]\n      if ((item?.megaMenuCategories?.length ?? 0) > 0) {\n        setActiveIndex(index)\n      } else {\n        setActiveIndex(null)\n      }\n    },\n    [cancelClose, navItems],\n  )\n\n  const handlePanelEnter = React.useCallback(() => cancelClose(), [cancelClose])\n  const handlePanelLeave = React.useCallback(() => scheduleClose(), [scheduleClose])\n\n  React.useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") setActiveIndex(null)\n    }\n    document.addEventListener(\"keydown\", handleKeyDown)\n    return () => document.removeEventListener(\"keydown\", handleKeyDown)\n  }, [])\n\n  const handleFocusOut = React.useCallback((e: React.FocusEvent) => {\n    if (\n      headerRef.current &&\n      e.relatedTarget instanceof Node &&\n      !headerRef.current.contains(e.relatedTarget)\n    ) {\n      setActiveIndex(null)\n    }\n  }, [])\n\n  const activeItem = activeIndex !== null ? navItems[activeIndex] : null\n  const showPanel = activeItem !== null && (activeItem?.megaMenuCategories?.length ?? 0) > 0\n\n  return { menuOpen, setMenuOpen, activeIndex, scrolled, headerRef, isTransparent,\n    activeItem, showPanel, scheduleClose, handleTriggerEnter, handlePanelEnter, handlePanelLeave, handleFocusOut }\n}\n\nfunction resolveLinkColor(variant: HeaderProps[\"variant\"], isTransparent: boolean, scrolled: boolean): string {\n  const isOverlay = variant === \"overlay\" || isTransparent\n  if (isOverlay && !(isTransparent && scrolled)) return \"text-white hover:text-white/70\"\n  return \"text-foreground hover:text-muted-foreground\"\n}\n\nfunction useMobileItems(navItems: NavItem[]) {\n  return React.useMemo(() => navItems.map((item) => ({\n    label: item.label, href: item.href ?? \"\",\n    children: item.megaMenuCategories?.map((cat) => ({ label: cat.title, href: cat.href })) ?? [],\n  })), [navItems])\n}\n\nfunction Header({\n  variant = \"default\",\n  navItems = EMPTY_NAV,\n  utilityLinks = EMPTY_UTILITY,\n  promotionEnabled = true,\n  promotionMessages = EMPTY_MESSAGES,\n  logo,\n  onSearchClick,\n  onCartClick,\n  cartHref,\n  labels,\n  className,\n}: HeaderProps) {\n  const MenuIcon = useIcon(\"menu\")\n  const SearchIcon = useIcon(\"search\")\n  const CartIcon = useIcon(\"cart\")\n  const ChevronRightIcon = useIcon(\"chevronRight\")\n\n  const state = useHeaderState(variant, navItems)\n  const { isTransparent, scrolled, menuOpen, setMenuOpen, activeIndex } = state\n  const { headerRef, activeItem, showPanel, handleFocusOut } = state\n  const { scheduleClose, handleTriggerEnter, handlePanelEnter, handlePanelLeave } = state\n\n  const hasBackground = variant === \"default\" || (isTransparent && scrolled)\n  const linkColor = resolveLinkColor(variant, isTransparent, scrolled)\n  const navLinkClasses = `text-sm font-sans tracking-wide transition-colors duration-200 ${linkColor}`\n  const mobileItems = useMobileItems(navItems)\n\n  return (\n    <>\n      <header\n        ref={headerRef}\n        className={cn(\n          \"fixed inset-x-0 top-0 z-50 transition-colors duration-200\",\n          hasBackground ? \"bg-background\" : \"bg-transparent\",\n          className,\n        )}\n        onBlur={handleFocusOut}\n      >\n        <PromotionBar enabled={promotionEnabled} messages={promotionMessages} />\n\n        <MobileHeader\n          logo={logo}\n          linkColor={linkColor}\n          onSearchClick={onSearchClick}\n          cartHref={cartHref}\n          onCartClick={onCartClick}\n          menuOpen={menuOpen}\n          setMenuOpen={setMenuOpen}\n          labels={labels}\n          SearchIcon={SearchIcon}\n          CartIcon={CartIcon}\n          MenuIcon={MenuIcon}\n        />\n\n        <DesktopHeader\n          logo={logo}\n          navItems={navItems}\n          utilityLinks={utilityLinks}\n          linkColor={linkColor}\n          navLinkClasses={navLinkClasses}\n          hasBackground={hasBackground}\n          activeIndex={activeIndex}\n          onSearchClick={onSearchClick}\n          cartHref={cartHref}\n          onCartClick={onCartClick}\n          labels={labels}\n          handleTriggerEnter={handleTriggerEnter}\n          scheduleClose={scheduleClose}\n          SearchIcon={SearchIcon}\n          CartIcon={CartIcon}\n        />\n\n        <MegaMenuPanel\n          activeItem={activeItem ?? null}\n          showPanel={showPanel}\n          onMouseEnter={handlePanelEnter}\n          onMouseLeave={handlePanelLeave}\n          ChevronRightIcon={ChevronRightIcon}\n        />\n      </header>\n\n      <MobileMenuDrawer\n        open={menuOpen}\n        onOpenChange={setMenuOpen}\n        items={mobileItems}\n        labels={labels ? { close: labels.closeMenu, back: undefined } : undefined}\n      />\n    </>\n  )\n}\n\nexport { Header, type HeaderProps }\n"],"mappings":"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","names":[]}

package/dist/client/storefront/layout/index.d.ts

@@ -0,0 +1,5 @@
+export { Header, type HeaderProps } from "./header";
+export { Footer, type FooterProps } from "./footer";
+export { MobileMenuDrawer, type MobileMenuDrawerProps } from "./mobile-menu-drawer";
+export { PromotionBar, type PromotionBarProps } from "./promotion-bar";
+//# sourceMappingURL=index.d.ts.map

package/dist/client/storefront/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AACnF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/client/storefront/layout/index.mjs

@@ -0,0 +1,11 @@
+import { Header } from "./header";
+import { Footer } from "./footer";
+import { MobileMenuDrawer } from "./mobile-menu-drawer";
+import { PromotionBar } from "./promotion-bar";
+export {
+  Footer,
+  Header,
+  MobileMenuDrawer,
+  PromotionBar
+};
+//# sourceMappingURL=index.mjs.map

package/dist/client/storefront/layout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/layout/index.ts"],"sourcesContent":["export { Header, type HeaderProps } from \"./header\"\nexport { Footer, type FooterProps } from \"./footer\"\nexport { MobileMenuDrawer, type MobileMenuDrawerProps } from \"./mobile-menu-drawer\"\nexport { PromotionBar, type PromotionBarProps } from \"./promotion-bar\"\n"],"mappings":"AAAA,SAAS,cAAgC;AACzC,SAAS,cAAgC;AACzC,SAAS,wBAAoD;AAC7D,SAAS,oBAA4C;","names":[]}

package/dist/client/storefront/layout/mobile-menu-drawer.d.ts

@@ -0,0 +1,4 @@
+import type { MobileMenuDrawerProps } from "../types";
+declare function MobileMenuDrawer({ open, onOpenChange, items, labels, className }: MobileMenuDrawerProps): import("react/jsx-runtime").JSX.Element;
+export { MobileMenuDrawer, type MobileMenuDrawerProps };
+//# sourceMappingURL=mobile-menu-drawer.d.ts.map

package/dist/client/storefront/layout/mobile-menu-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-menu-drawer.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/layout/mobile-menu-drawer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA6FhG;AAED,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAC"}

package/dist/client/storefront/layout/mobile-menu-drawer.mjs

@@ -0,0 +1,93 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useIcon } from "../../icons/icon-context";
+import { Sheet, SheetContent, SheetTitle } from "../../ui-resolver/sheet";
+import { Separator } from "../../ui-resolver/separator";
+import { cn } from "../../ui/utils";
+function MobileMenuDrawer({ open, onOpenChange, items, labels, className }) {
+  const ChevronRightIcon = useIcon("chevronRight");
+  const ChevronLeftIcon = useIcon("chevronLeft");
+  const [activeSubmenu, setActiveSubmenu] = React.useState(null);
+  const handleClose = () => {
+    setActiveSubmenu(null);
+    onOpenChange(false);
+  };
+  const handleBack = () => {
+    setActiveSubmenu(null);
+  };
+  React.useEffect(() => {
+    if (!open) setActiveSubmenu(null);
+  }, [open]);
+  const activeItem = activeSubmenu !== null ? items[activeSubmenu] : null;
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(SheetContent, { side: "left", className: cn("w-full max-w-sm p-0", className), children: [
+    /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: labels?.close ?? "Menu" }),
+    /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col overflow-y-auto", children: activeItem && activeItem.children && activeItem.children.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleBack,
+          className: "flex items-center gap-2 px-4 py-4 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" }),
+            labels?.back ?? "Back"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: activeItem.href,
+          onClick: handleClose,
+          className: "px-4 py-3 text-base font-medium text-foreground transition-colors hover:text-muted-foreground",
+          children: activeItem.label
+        }
+      ),
+      /* @__PURE__ */ jsx(Separator, {}),
+      activeItem.children.map((child) => /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: child.href,
+          onClick: handleClose,
+          className: "px-4 py-3 text-sm text-foreground transition-colors hover:text-muted-foreground",
+          children: child.label
+        },
+        child.href
+      ))
+    ] }) : (
+      /* Root menu */
+      /* @__PURE__ */ jsx("nav", { className: "flex flex-col", children: items.map((item, index) => {
+        const hasChildren = (item.children?.length ?? 0) > 0;
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          hasChildren ? /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setActiveSubmenu(index),
+              className: "flex items-center justify-between px-4 py-3 text-base text-foreground transition-colors hover:text-muted-foreground",
+              children: [
+                item.label,
+                /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 text-muted-foreground" })
+              ]
+            }
+          ) : /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: item.href,
+              onClick: handleClose,
+              className: "px-4 py-3 text-base text-foreground transition-colors hover:text-muted-foreground",
+              children: item.label
+            }
+          ),
+          /* @__PURE__ */ jsx(Separator, {})
+        ] }, item.href || item.label);
+      }) })
+    ) })
+  ] }) });
+}
+export {
+  MobileMenuDrawer
+};
+//# sourceMappingURL=mobile-menu-drawer.mjs.map

package/dist/client/storefront/layout/mobile-menu-drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/layout/mobile-menu-drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { Sheet, SheetContent, SheetTitle } from \"../../ui-resolver/sheet\";\nimport { Separator } from \"../../ui-resolver/separator\";\nimport { cn } from \"../../ui/utils\";\nimport type { MobileMenuDrawerProps } from \"../types\";\n\nfunction MobileMenuDrawer({ open, onOpenChange, items, labels, className }: MobileMenuDrawerProps) {\n  const ChevronRightIcon = useIcon(\"chevronRight\");\n  const ChevronLeftIcon = useIcon(\"chevronLeft\");\n\n  const [activeSubmenu, setActiveSubmenu] = React.useState<number | null>(null);\n\n  const handleClose = () => {\n    setActiveSubmenu(null);\n    onOpenChange(false);\n  };\n\n  const handleBack = () => {\n    setActiveSubmenu(null);\n  };\n\n  React.useEffect(() => {\n    if (!open) setActiveSubmenu(null);\n  }, [open]);\n\n  const activeItem = activeSubmenu !== null ? items[activeSubmenu] : null;\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent side=\"left\" className={cn(\"w-full max-w-sm p-0\", className)}>\n        <SheetTitle className=\"sr-only\">{labels?.close ?? \"Menu\"}</SheetTitle>\n\n        <div className=\"flex h-full flex-col overflow-y-auto\">\n          {/* Submenu view */}\n          {activeItem && activeItem.children && activeItem.children.length > 0 ? (\n            <div className=\"flex flex-col\">\n              <button\n                type=\"button\"\n                onClick={handleBack}\n                className=\"flex items-center gap-2 px-4 py-4 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground\"\n              >\n                <ChevronLeftIcon className=\"size-4\" />\n                {labels?.back ?? \"Back\"}\n              </button>\n              <Separator />\n              <a\n                href={activeItem.href}\n                onClick={handleClose}\n                className=\"px-4 py-3 text-base font-medium text-foreground transition-colors hover:text-muted-foreground\"\n              >\n                {activeItem.label}\n              </a>\n              <Separator />\n              {activeItem.children.map((child) => (\n                <a\n                  key={child.href}\n                  href={child.href}\n                  onClick={handleClose}\n                  className=\"px-4 py-3 text-sm text-foreground transition-colors hover:text-muted-foreground\"\n                >\n                  {child.label}\n                </a>\n              ))}\n            </div>\n          ) : (\n            /* Root menu */\n            <nav className=\"flex flex-col\">\n              {items.map((item, index) => {\n                const hasChildren = (item.children?.length ?? 0) > 0;\n                return (\n                  <React.Fragment key={item.href || item.label}>\n                    {hasChildren ? (\n                      <button\n                        type=\"button\"\n                        onClick={() => setActiveSubmenu(index)}\n                        className=\"flex items-center justify-between px-4 py-3 text-base text-foreground transition-colors hover:text-muted-foreground\"\n                      >\n                        {item.label}\n                        <ChevronRightIcon className=\"size-4 text-muted-foreground\" />\n                      </button>\n                    ) : (\n                      <a\n                        href={item.href}\n                        onClick={handleClose}\n                        className=\"px-4 py-3 text-base text-foreground transition-colors hover:text-muted-foreground\"\n                      >\n                        {item.label}\n                      </a>\n                    )}\n                    <Separator />\n                  </React.Fragment>\n                );\n              })}\n            </nav>\n          )}\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n}\n\nexport { MobileMenuDrawer, type MobileMenuDrawerProps };\n"],"mappings":";AAiCQ,cAMM,YANN;AA/BR,YAAY,WAAW;AACvB,SAAS,eAAe;AACxB,SAAS,OAAO,cAAc,kBAAkB;AAChD,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAGnB,SAAS,iBAAiB,EAAE,MAAM,cAAc,OAAO,QAAQ,UAAU,GAA0B;AACjG,QAAM,mBAAmB,QAAQ,cAAc;AAC/C,QAAM,kBAAkB,QAAQ,aAAa;AAE7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAwB,IAAI;AAE5E,QAAM,cAAc,MAAM;AACxB,qBAAiB,IAAI;AACrB,iBAAa,KAAK;AAAA,EACpB;AAEA,QAAM,aAAa,MAAM;AACvB,qBAAiB,IAAI;AAAA,EACvB;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM,kBAAiB,IAAI;AAAA,EAClC,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,aAAa,kBAAkB,OAAO,MAAM,aAAa,IAAI;AAEnE,SACE,oBAAC,SAAM,MAAY,cACjB,+BAAC,gBAAa,MAAK,QAAO,WAAW,GAAG,uBAAuB,SAAS,GACtE;AAAA,wBAAC,cAAW,WAAU,WAAW,kBAAQ,SAAS,QAAO;AAAA,IAEzD,oBAAC,SAAI,WAAU,wCAEZ,wBAAc,WAAW,YAAY,WAAW,SAAS,SAAS,IACjE,qBAAC,SAAI,WAAU,iBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UAEV;AAAA,gCAAC,mBAAgB,WAAU,UAAS;AAAA,YACnC,QAAQ,QAAQ;AAAA;AAAA;AAAA,MACnB;AAAA,MACA,oBAAC,aAAU;AAAA,MACX;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,WAAW;AAAA,UACjB,SAAS;AAAA,UACT,WAAU;AAAA,UAET,qBAAW;AAAA;AAAA,MACd;AAAA,MACA,oBAAC,aAAU;AAAA,MACV,WAAW,SAAS,IAAI,CAAC,UACxB;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,MAAM;AAAA,UACZ,SAAS;AAAA,UACT,WAAU;AAAA,UAET,gBAAM;AAAA;AAAA,QALF,MAAM;AAAA,MAMb,CACD;AAAA,OACH;AAAA;AAAA,MAGA,oBAAC,SAAI,WAAU,iBACZ,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,cAAM,eAAe,KAAK,UAAU,UAAU,KAAK;AACnD,eACE,qBAAC,MAAM,UAAN,EACE;AAAA,wBACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM,iBAAiB,KAAK;AAAA,cACrC,WAAU;AAAA,cAET;AAAA,qBAAK;AAAA,gBACN,oBAAC,oBAAiB,WAAU,gCAA+B;AAAA;AAAA;AAAA,UAC7D,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,KAAK;AAAA,cACX,SAAS;AAAA,cACT,WAAU;AAAA,cAET,eAAK;AAAA;AAAA,UACR;AAAA,UAEF,oBAAC,aAAU;AAAA,aAnBQ,KAAK,QAAQ,KAAK,KAoBvC;AAAA,MAEJ,CAAC,GACH;AAAA,OAEJ;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/client/storefront/layout/promotion-bar.d.ts

@@ -0,0 +1,4 @@
+import type { PromotionBarProps } from "../types";
+declare function PromotionBar({ enabled, messages, onDismiss, className, }: PromotionBarProps): import("react/jsx-runtime").JSX.Element | null;
+export { PromotionBar, type PromotionBarProps };
+//# sourceMappingURL=promotion-bar.d.ts.map

package/dist/client/storefront/layout/promotion-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"promotion-bar.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/layout/promotion-bar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,iBAAS,YAAY,CAAC,EACpB,OAAc,EACd,QAAa,EACb,SAAS,EACT,SAAS,GACV,EAAE,iBAAiB,kDAuEnB;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAA"}