@enadhq/enad-react-sdk 1.0.2 → 1.1.0

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

@@ -1 +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":[]}
+{"version":3,"file":"header.mjs","names":["React"],"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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"}

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

@@ -1,5 +1,6 @@
-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
+import { FooterProps, HeaderProps, MobileMenuDrawerProps, PromotionBarProps } from "../types.js";
+import { Footer } from "./footer.js";
+import { Header } from "./header.js";
+import { MobileMenuDrawer } from "./mobile-menu-drawer.js";
+import { PromotionBar } from "./promotion-bar.js";
+export { Footer, type FooterProps, Header, type HeaderProps, MobileMenuDrawer, type MobileMenuDrawerProps, PromotionBar, type PromotionBarProps };

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

@@ -1,11 +1,5 @@
-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
+import { Footer } from "./footer.mjs";
+import { MobileMenuDrawer } from "./mobile-menu-drawer.mjs";
+import { PromotionBar } from "./promotion-bar.mjs";
+import { Header } from "./header.mjs";
+export { Footer, Header, MobileMenuDrawer, PromotionBar };

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

@@ -1,4 +1,14 @@
-import type { MobileMenuDrawerProps } from "../types";
-declare function MobileMenuDrawer({ open, onOpenChange, items, labels, className }: MobileMenuDrawerProps): import("react/jsx-runtime").JSX.Element;
+import { MobileMenuDrawerProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/layout/mobile-menu-drawer.d.ts
+declare function MobileMenuDrawer({
+  open,
+  onOpenChange,
+  items,
+  labels,
+  className
+}: MobileMenuDrawerProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { MobileMenuDrawer, type MobileMenuDrawerProps };
 //# sourceMappingURL=mobile-menu-drawer.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"mobile-menu-drawer.d.ts","names":[],"sources":["../../../../src/client/storefront/layout/mobile-menu-drawer.tsx"],"mappings":";;;;iBASS,gBAAA,CAAA;EAAmB,IAAA;EAAM,YAAA;EAAc,KAAA;EAAO,MAAA;EAAQ;AAAA,GAAa,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,93 +1,83 @@
 "use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import { Separator } from "../../ui-resolver/separator.mjs";
+import { Sheet, SheetContent, SheetTitle } from "../../ui-resolver/sheet.mjs";
+import * as React$1 from "react";
 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";
+//#region src/client/storefront/layout/mobile-menu-drawer.tsx
 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);
-      }) })
-    ) })
-  ] }) });
+	const ChevronRightIcon = useIcon("chevronRight");
+	const ChevronLeftIcon = useIcon("chevronLeft");
+	const [activeSubmenu, setActiveSubmenu] = React$1.useState(null);
+	const handleClose = () => {
+		setActiveSubmenu(null);
+		onOpenChange(false);
+	};
+	const handleBack = () => {
+		setActiveSubmenu(null);
+	};
+	React$1.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))
+					]
+				}) : /* @__PURE__ */ jsx("nav", {
+					className: "flex flex-col",
+					children: items.map((item, index) => {
+						const hasChildren = (item.children?.length ?? 0) > 0;
+						return /* @__PURE__ */ jsxs(React$1.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
-};
+//#endregion
+export { MobileMenuDrawer };
+
 //# sourceMappingURL=mobile-menu-drawer.mjs.map

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

@@ -1 +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":[]}
+{"version":3,"file":"mobile-menu-drawer.mjs","names":["React"],"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":";;;;;;;;AASA,SAAS,iBAAiB,EAAE,MAAM,cAAc,OAAO,QAAQ,aAAoC;CACjG,MAAM,mBAAmB,QAAQ,eAAe;CAChD,MAAM,kBAAkB,QAAQ,cAAc;CAE9C,MAAM,CAAC,eAAe,oBAAoBA,QAAM,SAAwB,KAAK;CAE7E,MAAM,oBAAoB;AACxB,mBAAiB,KAAK;AACtB,eAAa,MAAM;;CAGrB,MAAM,mBAAmB;AACvB,mBAAiB,KAAK;;AAGxB,SAAM,gBAAgB;AACpB,MAAI,CAAC,KAAM,kBAAiB,KAAK;IAChC,CAAC,KAAK,CAAC;CAEV,MAAM,aAAa,kBAAkB,OAAO,MAAM,iBAAiB;AAEnE,QACE,oBAAC,OAAD;EAAa;EAAoB;YAC/B,qBAAC,cAAD;GAAc,MAAK;GAAO,WAAW,GAAG,uBAAuB,UAAU;aAAzE,CACE,oBAAC,YAAD;IAAY,WAAU;cAAW,QAAQ,SAAS;IAAoB,CAAA,EAEtE,oBAAC,OAAD;IAAK,WAAU;cAEZ,cAAc,WAAW,YAAY,WAAW,SAAS,SAAS,IACjE,qBAAC,OAAD;KAAK,WAAU;eAAf;MACE,qBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;iBAHZ,CAKE,oBAAC,iBAAD,EAAiB,WAAU,UAAW,CAAA,EACrC,QAAQ,QAAQ,OACV;;MACT,oBAAC,WAAD,EAAa,CAAA;MACb,oBAAC,KAAD;OACE,MAAM,WAAW;OACjB,SAAS;OACT,WAAU;iBAET,WAAW;OACV,CAAA;MACJ,oBAAC,WAAD,EAAa,CAAA;MACZ,WAAW,SAAS,KAAK,UACxB,oBAAC,KAAD;OAEE,MAAM,MAAM;OACZ,SAAS;OACT,WAAU;iBAET,MAAM;OACL,EANG,MAAM,KAMT,CACJ;MACE;SAGN,oBAAC,OAAD;KAAK,WAAU;eACZ,MAAM,KAAK,MAAM,UAAU;MAC1B,MAAM,eAAe,KAAK,UAAU,UAAU,KAAK;AACnD,aACE,qBAACA,QAAM,UAAP,EAAA,UAAA,CACG,cACC,qBAAC,UAAD;OACE,MAAK;OACL,eAAe,iBAAiB,MAAM;OACtC,WAAU;iBAHZ,CAKG,KAAK,OACN,oBAAC,kBAAD,EAAkB,WAAU,gCAAiC,CAAA,CACtD;WAET,oBAAC,KAAD;OACE,MAAM,KAAK;OACX,SAAS;OACT,WAAU;iBAET,KAAK;OACJ,CAAA,EAEN,oBAAC,WAAD,EAAa,CAAA,CACE,EAAA,EApBI,KAAK,QAAQ,KAAK,MAoBtB;OAEnB;KACE,CAAA;IAEJ,CAAA,CACO;;EACT,CAAA"}

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

@@ -1,4 +1,13 @@
-import type { PromotionBarProps } from "../types";
-declare function PromotionBar({ enabled, messages, onDismiss, className, }: PromotionBarProps): import("react/jsx-runtime").JSX.Element | null;
+import { PromotionBarProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/layout/promotion-bar.d.ts
+declare function PromotionBar({
+  enabled,
+  messages,
+  onDismiss,
+  className
+}: PromotionBarProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
 export { PromotionBar, type PromotionBarProps };
 //# sourceMappingURL=promotion-bar.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"promotion-bar.d.ts","names":[],"sources":["../../../../src/client/storefront/layout/promotion-bar.tsx"],"mappings":";;;;iBAQS,YAAA,CAAA;EACP,OAAA;EACA,QAAA;EACA,SAAA;EACA;AAAA,GACC,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/layout/promotion-bar.mjs

@@ -1,79 +1,63 @@
 "use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import { Button } from "../../ui/button.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { useIcon } from "../../icons/icon-context";
-import { Button } from "../../ui/button";
-import { cn } from "../../ui/utils";
-function PromotionBar({
-  enabled = true,
-  messages = [],
-  onDismiss,
-  className
-}) {
-  const ChevronLeftIcon = useIcon("chevronLeft");
-  const ChevronRightIcon = useIcon("chevronRight");
-  const CloseIcon = useIcon("close");
-  const [currentIndex, setCurrentIndex] = React.useState(0);
-  const [dismissed, setDismissed] = React.useState(false);
-  if (!enabled || dismissed || messages.length === 0) return null;
-  const hasMultiple = messages.length > 1;
-  const prev = () => {
-    setCurrentIndex((i) => (i - 1 + messages.length) % messages.length);
-  };
-  const next = () => {
-    setCurrentIndex((i) => (i + 1) % messages.length);
-  };
-  const handleDismiss = () => {
-    setDismissed(true);
-    onDismiss?.();
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "relative flex items-center justify-center bg-accent text-accent-foreground px-4 py-2 text-center text-sm",
-        className
-      ),
-      children: [
-        hasMultiple && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "absolute left-1 size-7 text-accent-foreground hover:bg-accent-foreground/10",
-            onClick: prev,
-            "aria-label": "Previous message",
-            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "px-8", children: messages[currentIndex] }),
-        hasMultiple && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "absolute right-8 size-7 text-accent-foreground hover:bg-accent-foreground/10",
-            onClick: next,
-            "aria-label": "Next message",
-            children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4" })
-          }
-        ),
-        onDismiss && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "absolute right-1 size-7 text-accent-foreground hover:bg-accent-foreground/10",
-            onClick: handleDismiss,
-            "aria-label": "Dismiss",
-            children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
-          }
-        )
-      ]
-    }
-  );
+//#region src/client/storefront/layout/promotion-bar.tsx
+function PromotionBar({ enabled = true, messages = [], onDismiss, className }) {
+	const ChevronLeftIcon = useIcon("chevronLeft");
+	const ChevronRightIcon = useIcon("chevronRight");
+	const CloseIcon = useIcon("close");
+	const [currentIndex, setCurrentIndex] = React$1.useState(0);
+	const [dismissed, setDismissed] = React$1.useState(false);
+	if (!enabled || dismissed || messages.length === 0) return null;
+	const hasMultiple = messages.length > 1;
+	const prev = () => {
+		setCurrentIndex((i) => (i - 1 + messages.length) % messages.length);
+	};
+	const next = () => {
+		setCurrentIndex((i) => (i + 1) % messages.length);
+	};
+	const handleDismiss = () => {
+		setDismissed(true);
+		onDismiss?.();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative flex items-center justify-center bg-accent text-accent-foreground px-4 py-2 text-center text-sm", className),
+		children: [
+			hasMultiple && /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon",
+				className: "absolute left-1 size-7 text-accent-foreground hover:bg-accent-foreground/10",
+				onClick: prev,
+				"aria-label": "Previous message",
+				children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" })
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "px-8",
+				children: messages[currentIndex]
+			}),
+			hasMultiple && /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon",
+				className: "absolute right-8 size-7 text-accent-foreground hover:bg-accent-foreground/10",
+				onClick: next,
+				"aria-label": "Next message",
+				children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4" })
+			}),
+			onDismiss && /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon",
+				className: "absolute right-1 size-7 text-accent-foreground hover:bg-accent-foreground/10",
+				onClick: handleDismiss,
+				"aria-label": "Dismiss",
+				children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
+			})
+		]
+	});
 }
-export {
-  PromotionBar
-};
+//#endregion
+export { PromotionBar };
+
 //# sourceMappingURL=promotion-bar.mjs.map

package/dist/client/storefront/layout/promotion-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/layout/promotion-bar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { Button } from \"../../ui/button\"\nimport { cn } from \"../../ui/utils\"\nimport type { PromotionBarProps } from \"../types\"\n\nfunction PromotionBar({\n  enabled = true,\n  messages = [],\n  onDismiss,\n  className,\n}: PromotionBarProps) {\n  const ChevronLeftIcon = useIcon(\"chevronLeft\")\n  const ChevronRightIcon = useIcon(\"chevronRight\")\n  const CloseIcon = useIcon(\"close\")\n\n  const [currentIndex, setCurrentIndex] = React.useState(0)\n  const [dismissed, setDismissed] = React.useState(false)\n\n  if (!enabled || dismissed || messages.length === 0) return null\n\n  const hasMultiple = messages.length > 1\n\n  const prev = () => {\n    setCurrentIndex((i) => (i - 1 + messages.length) % messages.length)\n  }\n\n  const next = () => {\n    setCurrentIndex((i) => (i + 1) % messages.length)\n  }\n\n  const handleDismiss = () => {\n    setDismissed(true)\n    onDismiss?.()\n  }\n\n  return (\n    <div\n      className={cn(\n        \"relative flex items-center justify-center bg-accent text-accent-foreground px-4 py-2 text-center text-sm\",\n        className,\n      )}\n    >\n      {hasMultiple && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute left-1 size-7 text-accent-foreground hover:bg-accent-foreground/10\"\n          onClick={prev}\n          aria-label=\"Previous message\"\n        >\n          <ChevronLeftIcon className=\"size-4\" />\n        </Button>\n      )}\n\n      <span className=\"px-8\">{messages[currentIndex]}</span>\n\n      {hasMultiple && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute right-8 size-7 text-accent-foreground hover:bg-accent-foreground/10\"\n          onClick={next}\n          aria-label=\"Next message\"\n        >\n          <ChevronRightIcon className=\"size-4\" />\n        </Button>\n      )}\n\n      {onDismiss && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute right-1 size-7 text-accent-foreground hover:bg-accent-foreground/10\"\n          onClick={handleDismiss}\n          aria-label=\"Dismiss\"\n        >\n          <CloseIcon className=\"size-4\" />\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport { PromotionBar, type PromotionBarProps }\n"],"mappings":";AAuCI,SAcM,KAdN;AArCJ,YAAY,WAAW;AACvB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,UAAU;AAGnB,SAAS,aAAa;AAAA,EACpB,UAAU;AAAA,EACV,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,kBAAkB,QAAQ,aAAa;AAC7C,QAAM,mBAAmB,QAAQ,cAAc;AAC/C,QAAM,YAAY,QAAQ,OAAO;AAEjC,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,CAAC;AACxD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AAEtD,MAAI,CAAC,WAAW,aAAa,SAAS,WAAW,EAAG,QAAO;AAE3D,QAAM,cAAc,SAAS,SAAS;AAEtC,QAAM,OAAO,MAAM;AACjB,oBAAgB,CAAC,OAAO,IAAI,IAAI,SAAS,UAAU,SAAS,MAAM;AAAA,EACpE;AAEA,QAAM,OAAO,MAAM;AACjB,oBAAgB,CAAC,OAAO,IAAI,KAAK,SAAS,MAAM;AAAA,EAClD;AAEA,QAAM,gBAAgB,MAAM;AAC1B,iBAAa,IAAI;AACjB,gBAAY;AAAA,EACd;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,uBACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAW;AAAA,YAEX,8BAAC,mBAAgB,WAAU,UAAS;AAAA;AAAA,QACtC;AAAA,QAGF,oBAAC,UAAK,WAAU,QAAQ,mBAAS,YAAY,GAAE;AAAA,QAE9C,eACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAW;AAAA,YAEX,8BAAC,oBAAiB,WAAU,UAAS;AAAA;AAAA,QACvC;AAAA,QAGD,aACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAW;AAAA,YAEX,8BAAC,aAAU,WAAU,UAAS;AAAA;AAAA,QAChC;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"file":"promotion-bar.mjs","names":["React"],"sources":["../../../../src/client/storefront/layout/promotion-bar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { Button } from \"../../ui/button\"\nimport { cn } from \"../../ui/utils\"\nimport type { PromotionBarProps } from \"../types\"\n\nfunction PromotionBar({\n  enabled = true,\n  messages = [],\n  onDismiss,\n  className,\n}: PromotionBarProps) {\n  const ChevronLeftIcon = useIcon(\"chevronLeft\")\n  const ChevronRightIcon = useIcon(\"chevronRight\")\n  const CloseIcon = useIcon(\"close\")\n\n  const [currentIndex, setCurrentIndex] = React.useState(0)\n  const [dismissed, setDismissed] = React.useState(false)\n\n  if (!enabled || dismissed || messages.length === 0) return null\n\n  const hasMultiple = messages.length > 1\n\n  const prev = () => {\n    setCurrentIndex((i) => (i - 1 + messages.length) % messages.length)\n  }\n\n  const next = () => {\n    setCurrentIndex((i) => (i + 1) % messages.length)\n  }\n\n  const handleDismiss = () => {\n    setDismissed(true)\n    onDismiss?.()\n  }\n\n  return (\n    <div\n      className={cn(\n        \"relative flex items-center justify-center bg-accent text-accent-foreground px-4 py-2 text-center text-sm\",\n        className,\n      )}\n    >\n      {hasMultiple && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute left-1 size-7 text-accent-foreground hover:bg-accent-foreground/10\"\n          onClick={prev}\n          aria-label=\"Previous message\"\n        >\n          <ChevronLeftIcon className=\"size-4\" />\n        </Button>\n      )}\n\n      <span className=\"px-8\">{messages[currentIndex]}</span>\n\n      {hasMultiple && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute right-8 size-7 text-accent-foreground hover:bg-accent-foreground/10\"\n          onClick={next}\n          aria-label=\"Next message\"\n        >\n          <ChevronRightIcon className=\"size-4\" />\n        </Button>\n      )}\n\n      {onDismiss && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"absolute right-1 size-7 text-accent-foreground hover:bg-accent-foreground/10\"\n          onClick={handleDismiss}\n          aria-label=\"Dismiss\"\n        >\n          <CloseIcon className=\"size-4\" />\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport { PromotionBar, type PromotionBarProps }\n"],"mappings":";;;;;;;AAQA,SAAS,aAAa,EACpB,UAAU,MACV,WAAW,EAAE,EACb,WACA,aACoB;CACpB,MAAM,kBAAkB,QAAQ,cAAc;CAC9C,MAAM,mBAAmB,QAAQ,eAAe;CAChD,MAAM,YAAY,QAAQ,QAAQ;CAElC,MAAM,CAAC,cAAc,mBAAmBA,QAAM,SAAS,EAAE;CACzD,MAAM,CAAC,WAAW,gBAAgBA,QAAM,SAAS,MAAM;AAEvD,KAAI,CAAC,WAAW,aAAa,SAAS,WAAW,EAAG,QAAO;CAE3D,MAAM,cAAc,SAAS,SAAS;CAEtC,MAAM,aAAa;AACjB,mBAAiB,OAAO,IAAI,IAAI,SAAS,UAAU,SAAS,OAAO;;CAGrE,MAAM,aAAa;AACjB,mBAAiB,OAAO,IAAI,KAAK,SAAS,OAAO;;CAGnD,MAAM,sBAAsB;AAC1B,eAAa,KAAK;AAClB,eAAa;;AAGf,QACE,qBAAC,OAAD;EACE,WAAW,GACT,4GACA,UACD;YAJH;GAMG,eACC,oBAAC,QAAD;IACE,SAAQ;IACR,MAAK;IACL,WAAU;IACV,SAAS;IACT,cAAW;cAEX,oBAAC,iBAAD,EAAiB,WAAU,UAAW,CAAA;IAC/B,CAAA;GAGX,oBAAC,QAAD;IAAM,WAAU;cAAQ,SAAS;IAAqB,CAAA;GAErD,eACC,oBAAC,QAAD;IACE,SAAQ;IACR,MAAK;IACL,WAAU;IACV,SAAS;IACT,cAAW;cAEX,oBAAC,kBAAD,EAAkB,WAAU,UAAW,CAAA;IAChC,CAAA;GAGV,aACC,oBAAC,QAAD;IACE,SAAQ;IACR,MAAK;IACL,WAAU;IACV,SAAS;IACT,cAAW;cAEX,oBAAC,WAAD,EAAW,WAAU,UAAW,CAAA;IACzB,CAAA;GAEP"}

package/dist/client/storefront/primitives/breadcrumbs.d.ts

@@ -1,12 +1,20 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/primitives/breadcrumbs.d.ts
 interface BreadcrumbItemData {
-    label: string;
-    href?: string;
+  label: string;
+  href?: string;
 }
 interface StorefrontBreadcrumbsProps {
-    items: BreadcrumbItemData[];
-    maxItems?: number;
-    className?: string;
+  items: BreadcrumbItemData[];
+  maxItems?: number;
+  className?: string;
 }
-declare function StorefrontBreadcrumbs({ items, maxItems, className }: StorefrontBreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;
-export { StorefrontBreadcrumbs, type StorefrontBreadcrumbsProps, type BreadcrumbItemData };
+declare function StorefrontBreadcrumbs({
+  items,
+  maxItems,
+  className
+}: StorefrontBreadcrumbsProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { type BreadcrumbItemData, StorefrontBreadcrumbs, type StorefrontBreadcrumbsProps };
 //# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/client/storefront/primitives/breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/primitives/breadcrumbs.tsx"],"names":[],"mappings":"AAWA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,0BAA0B;IAClC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,iBAAS,qBAAqB,CAAC,EAAE,KAAK,EAAE,QAAY,EAAE,SAAS,EAAE,EAAE,0BAA0B,kDAqC5F;AAED,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,KAAK,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"breadcrumbs.d.ts","names":[],"sources":["../../../../src/client/storefront/primitives/breadcrumbs.tsx"],"mappings":";;;UAWU,kBAAA;EACR,KAAA;EACA,IAAA;AAAA;AAAA,UAGQ,0BAAA;EACR,KAAA,EAAO,kBAAA;EACP,QAAA;EACA,SAAA;AAAA;AAAA,iBASO,qBAAA,CAAA;EAAwB,KAAA;EAAO,QAAA;EAAc;AAAA,GAAa,0BAAA,GAA0B,kBAAA,CAAA,GAAA,CAAA,OAAA"}