@thorprovider/blocks 1.0.0 → 3.0.0

package/dist/blocks/e-commerce/navigation/storefront-navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/navigation/storefront-navbar.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react'\nimport { Menu, Search, ShoppingBag, UserRound, RotateCcw, X } from 'lucide-react'\n\nimport { Button } from '../../../ui/button'\nimport { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '../../../ui/sheet'\nimport { cn } from '../../../lib/utils'\n\nimport { StorefrontNavbarAccountMenu, type AccountMenuItem, type StoreUser } from './storefront-navbar-account-menu'\nimport { StorefrontNavbarCartSheet, type CartItem, type CartSheetState } from './storefront-navbar-cart-sheet'\nimport type { UtilityLink } from './storefront-navbar-mobile-nav'\nimport { StorefrontNavbarSearchBar } from './storefront-navbar-search-bar'\nimport { MegaMenu } from './mega-menu'\nimport { MobileCategoryDrawer } from './mobile-category-drawer'\nimport type { MenuItem } from '../../../lib/types/menu'\nimport type { Money } from '@thorprovider/types'\nimport type { StoreCategory } from '../../../lib/contracts'\n\nfunction toMenuItem(category: StoreCategory): MenuItem {\n  return {\n    id: category.href,\n    label: category.label,\n    href: category.href,\n    children: category.children?.map(toMenuItem),\n  }\n}\n\n/**\n * Drawer entries come from three sources (categories, utility links, account\n * link). Hosts may reuse the same href across sources (e.g. a placeholder\n * href), which would produce duplicate React keys if passed through as-is.\n * Dedupe by href so every rendered item gets a unique id.\n */\nfunction uniqueById<T extends { id: string }>(items: T[]): T[] {\n  const seen = new Set<string>()\n  return items.filter((item) => {\n    if (seen.has(item.id)) return false\n    seen.add(item.id)\n    return true\n  })\n}\n\nexport interface LogoAccent {\n  /** Trailing segment of `logoText` to render with the accent styling. */\n  text: string\n  /** Consumer-supplied classes for the accent span (e.g. a brand color token). */\n  className?: string\n}\n\nfunction Logo({ text, href, accent }: { text: string; href?: string; accent?: LogoAccent }) {\n  const className =\n    'focus-visible:ring-ring flex items-center gap-2 rounded-sm focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none'\n\n  const accentText = accent?.text ?? ''\n  const hasAccent = accentText.length > 0 && text.endsWith(accentText)\n  const baseText = hasAccent ? text.slice(0, text.length - accentText.length) : text\n\n  const content = (\n    <>\n      <svg viewBox='0 0 32 32' aria-hidden='true' className='text-primary size-7' fill='none' xmlns='http://www.w3.org/2000/svg'>\n        <path\n          d='M26 24.75C26.4142 24.75 26.75 24.4142 26.75 24C26.75 23.5858 26.4142 23.25 26 23.25V24.75ZM26 23.25H11V24.75H26V23.25ZM8.75 21V15H7.25V21H8.75ZM11 23.25C9.75736 23.25 8.75 22.2426 8.75 21H7.25C7.25 23.0711 8.92893 24.75 11 24.75V23.25Z'\n          fill='currentColor'\n        />\n        <path\n          d='M1.5 3.25C1.08579 3.25 0.75 3.58579 0.75 4C0.75 4.41421 1.08579 4.75 1.5 4.75V3.25ZM1.5 4.75H6V3.25H1.5V4.75ZM7.25 6V21H8.75V6H7.25ZM6 4.75C6.69036 4.75 7.25 5.30964 7.25 6H8.75C8.75 4.48122 7.51878 3.25 6 3.25V4.75Z'\n          fill='currentColor'\n        />\n        <path\n          d='M22 21.75C22.4142 21.75 22.75 21.4142 22.75 21C22.75 20.5858 22.4142 20.25 22 20.25V21.75ZM22 20.25H11V21.75H22V20.25ZM8.75 18V12H7.25V18H8.75ZM11 20.25C9.75736 20.25 8.75 19.2426 8.75 18H7.25C7.25 20.0711 8.92893 21.75 11 21.75V20.25Z'\n          fill='currentColor'\n        />\n        <path\n          d='M27.2057 19.754C27.0654 20.1438 26.6357 20.346 26.246 20.2057C25.8562 20.0654 25.654 19.6357 25.7943 19.246L27.2057 19.754ZM30.0361 9.67744L29.3305 9.4234L29.3305 9.4234L30.0361 9.67744ZM25.7943 19.246L29.3305 9.4234L30.7418 9.93148L27.2057 19.754L25.7943 19.246ZM28.1543 7.75L8 7.75V6.25L28.1543 6.25V7.75ZM29.3305 9.4234C29.6237 8.60882 29.0201 7.75 28.1543 7.75V6.25C30.059 6.25 31.3869 8.13941 30.7418 9.93148L29.3305 9.4234Z'\n          fill='currentColor'\n        />\n        <path\n          d='M13.5 21.75C13.0858 21.75 12.75 21.4142 12.75 21C12.75 20.5858 13.0858 20.25 13.5 20.25V21.75ZM26.7111 19.009L27.4174 19.2613L27.4174 19.2613L26.7111 19.009ZM13.5 20.25H23.8858V21.75H13.5V20.25ZM26.0048 18.7568L27.7937 13.7477L29.2063 14.2523L27.4174 19.2613L26.0048 18.7568ZM23.8858 20.25C24.8367 20.25 25.6849 19.6522 26.0048 18.7568L27.4174 19.2613C26.8843 20.7537 25.4706 21.75 23.8858 21.75V20.25Z'\n          fill='currentColor'\n        />\n        <path d='M21.1694 10.5806L14.5651 17.1849' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' />\n        <path d='M22.1694 14.5806L18.5632 18.1868' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' />\n        <circle cx='13.1' cy='26.1' r='1.7' stroke='currentColor' strokeWidth='1.2' />\n        <circle cx='22.1' cy='26.1' r='1.7' stroke='currentColor' strokeWidth='1.2' />\n      </svg>\n      <span className='text-base font-semibold tracking-tight'>\n        {baseText}\n        {hasAccent ? <span className={accent?.className}>{accentText}</span> : null}\n      </span>\n    </>\n  )\n\n  if (!href) {\n    return <span className={className}>{content}</span>\n  }\n\n  return (\n    <a href={href} className={className}>\n      {content}\n    </a>\n  )\n}\n\ntype CartBadgeProps = {\n  count: number\n}\n\n/**\n * Transitions.dev `notification-badge`: diagonal slide + spring pop when the\n * count appears or changes. Positioned outside the bag so it never covers the icon.\n */\nfunction CartBadge({ count }: CartBadgeProps) {\n  const reduceMotion = useReducedMotion()\n\n  return (\n    <AnimatePresence>\n      {count > 0 ? (\n        <motion.span\n          key='badge-shell'\n          className='bg-foreground text-background pointer-events-none absolute -top-2.5 -end-3.5 flex size-[1.125rem] items-center justify-center overflow-hidden rounded-full text-[10px] font-medium tabular-nums shadow-sm ring-2 ring-background'\n          initial={\n            reduceMotion\n              ? false\n              : { scale: 0, x: -8.2, y: 12.4, opacity: 0, filter: 'blur(2px)' }\n          }\n          animate={{ scale: 1, x: 0, y: 0, opacity: 1, filter: 'blur(0px)' }}\n          exit={\n            reduceMotion\n              ? { opacity: 0 }\n              : {\n                  scale: 0,\n                  opacity: 0,\n                  filter: 'blur(2px)',\n                  transition: { duration: 0.18, ease: [0.4, 0, 0.2, 1] },\n                }\n          }\n          transition={\n            reduceMotion\n              ? { duration: 0 }\n              : { type: 'spring', stiffness: 520, damping: 18, mass: 0.6 }\n          }\n          style={{ willChange: 'transform, opacity, filter' }}\n        >\n          <AnimatePresence mode='popLayout' initial={false}>\n            <motion.span\n              key={count}\n              className='block'\n              initial={reduceMotion ? false : { y: 8, opacity: 0, filter: 'blur(2px)' }}\n              animate={{ y: 0, opacity: 1, filter: 'blur(0px)' }}\n              exit={reduceMotion ? undefined : { y: -8, opacity: 0, filter: 'blur(2px)' }}\n              transition={{ duration: 0.22, ease: [0.22, 1, 0.36, 1] }}\n            >\n              {count > 99 ? '99+' : count}\n            </motion.span>\n          </AnimatePresence>\n        </motion.span>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\nexport interface StorefrontNavbarAccountRetryProps {\n  /** Consumer-owned reconciliation in flight; holds the affordance inert. */\n  pending?: boolean\n  /** Consumer-owned recovery action. Without it the affordance is inert. */\n  onRetry?: () => void\n}\n\n/**\n * Recovery affordance for an unavailable session. The block never resolves the\n * session itself: it surfaces the state and dispatches the consumer's retry.\n * Extracted (hooks-free) so the dispatch is testable without a DOM.\n */\nexport function StorefrontNavbarAccountRetry({ pending = false, onRetry }: StorefrontNavbarAccountRetryProps) {\n  return (\n    <Button\n      variant='ghost'\n      size='icon'\n      className='size-11'\n      disabled={pending || !onRetry}\n      aria-label='Retry account session'\n      title='Account session unavailable'\n      onClick={onRetry}\n    >\n      <RotateCcw aria-hidden='true' />\n    </Button>\n  )\n}\n\nexport interface StorefrontNavbarProps {\n  storeCategories: StoreCategory[]\n  /**\n   * Optional note shown in the desktop utility strip. When omitted (or empty)\n   * and there are no `utilityLinks`, the strip is not rendered at all, so a\n   * block with no optional content paints no empty decorative chrome.\n   */\n  shippingNote?: string\n  utilityLinks: UtilityLink[]\n  logoText: string\n  logoHref?: string\n  /**\n   * Optional accent for a trailing segment of `logoText` (e.g. the \"Cuba\" in\n   * \"ElectroCuba\"). When omitted, or when `text` is not a trailing segment of\n   * `logoText`, the wordmark renders unchanged.\n   */\n  logoAccent?: LogoAccent\n  /** Account destination for anonymous shoppers on every viewport. */\n  accountHref?: string\n  /**\n   * When `false`, no search control is rendered at all — neither the desktop\n   * input, the mobile trigger, nor the mobile panel. Defaults to `true` so\n   * legacy consumers keep the existing self-contained search. The generated\n   * storefront passes `false` while no verified global search contract exists\n   * (E2 task 5.4), so no global search is presented as working.\n   */\n  /**\n   * The storefront's current route path. When it matches a destination the link\n   * is marked as the current page (accessibly, beyond color alone).\n   */\n  currentPath?: string\n  showSearch?: boolean\n  searchQuery?: string\n  onSearchChange?: (value: string) => void\n  items?: CartItem[]\n  /**\n   * Quantity DELTA for a backend cart line-item id. The boundary converts the\n   * delta into an absolute quantity against the authoritative current line\n   * quantity before mutating the cart.\n   */\n  onQtyChange?: (id: string, delta: number) => void\n  /** Remove the backend cart line-item id. */\n  onRemove?: (id: string) => void\n  /** Authoritative backend subtotal for the mini-cart. */\n  subtotal?: Money\n  /** Shown when an authoritative subtotal is supplied but absent/malformed. */\n  subtotalUnavailableLabel?: string\n  /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */\n  formatMoney?: (money: Money) => string\n  user?: StoreUser\n  accountMenuItems?: AccountMenuItem[]\n  onHelp?: () => void\n  onSignOut?: () => void\n  accountPending?: boolean\n  accountUnavailable?: boolean\n  onAccountRetry?: () => void\n  onCheckout?: () => void\n  onViewCart?: () => void\n  /**\n   * Controlled visibility for the cart sheet. When provided, the sheet opens\n   * and closes from this value and `onCartOpenChange` instead of internal\n   * state, so a host can share one cart surface across the navbar trigger and\n   * successful add-to-cart. Omit both to keep the legacy uncontrolled sheet.\n   */\n  cartOpen?: boolean\n  /** Change handler paired with `cartOpen` for a controlled sheet. */\n  onCartOpenChange?: (open: boolean) => void\n  /**\n   * Backend-authoritative cart rendering for the sheet. When `true`, line\n   * amounts use each item's canonical `lineTotal` Money and never fall back to\n   * numeric `price * qty`. Omit for the legacy numeric rendering.\n   */\n  canonicalCart?: boolean\n  /** Cart read/mutation lifecycle for the sheet. */\n  cartState?: CartSheetState\n  /** Message shown when `cartState` is `error`. */\n  cartErrorLabel?: string\n  /** Recovery action label for the error state. */\n  cartRetryLabel?: string\n  /** Recovery action invoked from the error state. */\n  onCartRetry?: () => void\n  /** When `true`, the sheet's checkout action is suppressed (checkout not installed). */\n  checkoutUnavailable?: boolean\n  /** When `true`, the sheet's checkout action is disabled (cart not ready). */\n  checkoutDisabled?: boolean\n  /** When `true`, the sheet's review action is suppressed (cart view not installed). */\n  viewCartUnavailable?: boolean\n  /**\n   * Consumer-supplied classes merged onto the outer `<header>` as the final\n   * argument, so a semantic surface such as `bg-brand-nav\n   * text-brand-nav-foreground` overrides the default `bg-background`. Purely\n   * presentational: no layout, structure, or behavior changes.\n   */\n  className?: string\n}\n\nexport function StorefrontNavbar({\n  storeCategories,\n  shippingNote = '',\n  utilityLinks,\n  logoText,\n  logoHref,\n  logoAccent,\n  accountHref,\n  currentPath,\n  showSearch = true,\n  searchQuery: searchQueryProp,\n  onSearchChange,\n  items: itemsProp,\n  onQtyChange: onQtyChangeProp,\n  onRemove: onRemoveProp,\n  subtotal,\n  subtotalUnavailableLabel,\n  formatMoney,\n  user,\n  accountMenuItems,\n  onHelp,\n  onSignOut,\n  accountPending = false,\n  accountUnavailable = false,\n  onAccountRetry,\n  onCheckout,\n  onViewCart,\n  cartOpen,\n  onCartOpenChange,\n  canonicalCart,\n  cartState,\n  cartErrorLabel,\n  cartRetryLabel,\n  onCartRetry,\n  checkoutUnavailable,\n  checkoutDisabled,\n  viewCartUnavailable,\n  className,\n}: StorefrontNavbarProps) {\n  /**\n   * Integration seam\n   * ----------------\n   * Pass cart + search from your storefront, or leave uncontrolled for a\n   * self-contained demo. Controlled props win when provided.\n   */\n  const [internalItems, setInternalItems] = useState<CartItem[]>([])\n  const [internalSearch, setInternalSearch] = useState('')\n  const [searchOpen, setSearchOpen] = useState(false)\n  const [menuOpen, setMenuOpen] = useState(false)\n  const searchTriggerRef = useRef<HTMLButtonElement>(null)\n\n  const items = itemsProp ?? internalItems\n  const searchQuery = searchQueryProp ?? internalSearch\n\n  const setSearchQuery = (value: string) => {\n    onSearchChange?.(value)\n    if (searchQueryProp === undefined) {\n      setInternalSearch(value)\n    }\n  }\n\n  const changeQty =\n    onQtyChangeProp ??\n    ((id: string, delta: number) =>\n      setInternalItems(current =>\n        current.flatMap(item => {\n          if (item.id !== id) {\n            return item\n          }\n\n          const qty = item.qty + delta\n          return qty <= 0 ? [] : [{ ...item, qty }]\n        }),\n      ))\n\n  const removeItem =\n    onRemoveProp ?? ((id: string) => setInternalItems(current => current.filter(item => item.id !== id)))\n\n  const count = useMemo(() => items.reduce((total, item) => total + item.qty, 0), [items])\n\n  useEffect(() => {\n    if (!showSearch || !searchOpen) {\n      return\n    }\n\n    document.getElementById('store-search-mobile')?.focus()\n  }, [searchOpen, showSearch])\n\n  const dismissSearch = () => {\n    setSearchOpen(false)\n    searchTriggerRef.current?.focus()\n  }\n\n  // When the consumer overrides the header surface via `className`, the nav\n  // links inherit its text color and need an explicit hover foreground so\n  // `hover:bg-muted` never paints white-on-light; otherwise they keep the\n  // default foreground (and the default hover surface).\n  const navLinkColor =\n    className !== undefined ? 'text-inherit hover:text-foreground' : 'text-foreground'\n  // The current page is marked beyond color: an accessible current state plus a\n  // visible weight/underline, and nothing when no destination matches.\n  const isCurrent = (href?: string) => href !== undefined && href === currentPath\n\n  // The desktop utility strip is decorative chrome: it is painted only when it\n  // has content (a non-empty note or at least one utility link), never empty.\n  const hasUtilityContent = shippingNote.trim().length > 0 || utilityLinks.length > 0\n\n  return (\n    <header\n      className={cn(\n        'border-border sticky top-0 z-40 w-full border-b backdrop-blur-md',\n        className ?? 'bg-background/95 supports-backdrop-filter:bg-background/80',\n      )}\n    >\n      {hasUtilityContent ? (\n        <div className='bg-foreground text-background hidden lg:block'>\n          <div className='mx-auto flex h-9 w-full max-w-7xl items-center justify-between px-4 text-xs tracking-wide sm:px-6 lg:px-8'>\n            <p className='text-background/80'>{shippingNote}</p>\n            <ul className='flex items-center gap-5'>\n              {utilityLinks.map(link => (\n                <li key={`${link.href}:${link.label}`}>\n                  <a\n                    href={link.href}\n                    className='text-background/80 hover:text-background transition-colors duration-150'\n                  >\n                    {link.label}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n      ) : null}\n\n      <div className='mx-auto flex h-16 w-full max-w-7xl items-center gap-3 px-4 sm:px-6 lg:px-8'>\n        <Button\n          variant='ghost'\n          size='icon'\n          className='lg:hidden'\n          aria-label='Open menu'\n          aria-expanded={menuOpen}\n          onClick={() => setMenuOpen(open => !open)}\n        >\n          <Menu />\n        </Button>\n\n        <MobileCategoryDrawer\n          categories={uniqueById([\n            ...storeCategories.map(toMenuItem),\n            ...utilityLinks.map(link => ({ id: link.href, label: link.label, href: link.href })),\n            ...(accountHref ? [{ id: accountHref, label: 'Account', href: accountHref }] : []),\n          ])}\n          collections={[]}\n          open={menuOpen}\n          onClose={() => setMenuOpen(false)}\n          viewAllHref=''\n        />\n\n        <div className='flex-1 lg:flex-none'>\n          <Logo text={logoText} href={logoHref} accent={logoAccent} />\n        </div>\n\n        <nav aria-label='Store' className='hidden flex-1 lg:block'>\n          <ul className='flex items-center gap-0.5'>\n            {storeCategories.map(category =>\n              category.children && category.children.length > 0 ? (\n                <li key={category.href} className='group relative'>\n                  <a\n                    href={category.href}\n                    aria-current={isCurrent(category.href) ? 'page' : undefined}\n                    className={cn(\n                      'hover:bg-muted focus-visible:ring-ring rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150 focus-visible:ring-2 focus-visible:outline-none',\n                      category.emphasis ? 'text-destructive' : navLinkColor,\n                      isCurrent(category.href) && 'font-semibold underline underline-offset-4',\n                    )}\n                  >\n                    {category.label}\n                  </a>\n                  <div className='invisible absolute left-0 top-full z-50 pt-2 opacity-0 transition-opacity duration-150 group-hover:visible group-hover:opacity-100'>\n                    <MegaMenu\n                      categories={[toMenuItem(category)]}\n                      collections={[]}\n                      collectionsHref=''\n                      categoryColumnTitle={category.label}\n                    />\n                  </div>\n                </li>\n              ) : (\n                <li key={category.href}>\n                  <a\n                    href={category.href}\n                    aria-current={isCurrent(category.href) ? 'page' : undefined}\n                    className={cn(\n                      'hover:bg-muted focus-visible:ring-ring rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150 focus-visible:ring-2 focus-visible:outline-none',\n                      category.emphasis ? 'text-destructive' : navLinkColor,\n                      isCurrent(category.href) && 'font-semibold underline underline-offset-4',\n                    )}\n                  >\n                    {category.label}\n                  </a>\n                </li>\n              ),\n            )}\n          </ul>\n        </nav>\n\n        <div className='flex items-center gap-1.5'>\n          {showSearch ? (\n            <>\n              <div className='hidden lg:block lg:w-64'>\n                <StorefrontNavbarSearchBar\n                  id='store-search'\n                  value={searchQuery}\n                  onValueChange={setSearchQuery}\n                />\n              </div>\n\n              <Button\n                ref={searchTriggerRef}\n                variant='ghost'\n                size='icon'\n                className='lg:hidden'\n                aria-label='Search products'\n                aria-expanded={searchOpen}\n                onClick={() => setSearchOpen(open => !open)}\n              >\n                {searchOpen ? <X /> : <Search />}\n              </Button>\n            </>\n          ) : null}\n\n          {accountUnavailable ? (\n            <StorefrontNavbarAccountRetry pending={accountPending} onRetry={onAccountRetry} />\n          ) : user ? (\n            <StorefrontNavbarAccountMenu\n              user={user}\n              items={accountMenuItems}\n              onHelp={onHelp}\n              onSignOut={onSignOut}\n              pending={accountPending}\n            />\n          ) : accountHref ? (\n            accountPending ? (\n              <Button variant='ghost' size='icon' className='size-11' disabled aria-label='Loading account session'>\n                <UserRound aria-hidden='true' />\n              </Button>\n            ) : (\n              <Button variant='ghost' size='icon' className='size-11' asChild>\n                <a href={accountHref} aria-label='Account' aria-current={isCurrent(accountHref) ? 'page' : undefined}>\n                  <UserRound aria-hidden='true' />\n                </a>\n              </Button>\n            )\n          ) : null}\n\n          <Sheet\n            {...(cartOpen !== undefined ? { open: cartOpen, onOpenChange: onCartOpenChange } : {})}\n          >\n            <SheetTrigger asChild>\n              <Button\n                variant='ghost'\n                size='icon'\n                className='relative overflow-visible'\n                aria-label={`Cart, ${count} ${count === 1 ? 'item' : 'items'}`}\n              >\n                <ShoppingBag className='size-5' />\n                <CartBadge count={count} />\n              </Button>\n            </SheetTrigger>\n            <SheetContent side='right' className='flex w-full max-w-sm flex-col gap-0 p-0'>\n              <SheetHeader className='border-border border-b'>\n                <SheetTitle className='text-left text-base'>\n                  Cart{count > 0 ? ` (${count})` : ''}\n                </SheetTitle>\n              </SheetHeader>\n              <StorefrontNavbarCartSheet\n                items={items}\n                onQtyChange={changeQty}\n                onRemove={removeItem}\n                subtotal={subtotal}\n                subtotalUnavailableLabel={subtotalUnavailableLabel}\n                formatMoney={formatMoney}\n                onCheckout={onCheckout}\n                onViewCart={onViewCart}\n                canonical={canonicalCart}\n                state={cartState}\n                errorLabel={cartErrorLabel}\n                retryLabel={cartRetryLabel}\n                onRetry={onCartRetry}\n                checkoutUnavailable={checkoutUnavailable}\n                checkoutDisabled={checkoutDisabled}\n                viewCartUnavailable={viewCartUnavailable}\n              />\n            </SheetContent>\n          </Sheet>\n        </div>\n      </div>\n\n      <p aria-live='polite' className='sr-only'>\n        {`Cart contains ${count} ${count === 1 ? 'item' : 'items'}`}\n      </p>\n\n      {showSearch && searchOpen ? (\n        <div className='border-border flex flex-col gap-0 border-t p-4 lg:hidden'>\n          <StorefrontNavbarSearchBar\n            id='store-search-mobile'\n            value={searchQuery}\n            onValueChange={setSearchQuery}\n            onDismiss={dismissSearch}\n          />\n        </div>\n      ) : null}\n    </header>\n  )\n}\n\nexport default StorefrontNavbar\n"],"mappings":"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","names":["import_react"]}

package/dist/blocks/e-commerce/navigation/storefront-navbar.mjs

@@ -0,0 +1,399 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import { Menu, Search, ShoppingBag, UserRound, RotateCcw, X } from "lucide-react";
+import { Button } from "../../../ui/button.mjs";
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "../../../ui/sheet.mjs";
+import { cn } from "../../../lib/utils.mjs";
+import { StorefrontNavbarAccountMenu } from "./storefront-navbar-account-menu.mjs";
+import { StorefrontNavbarCartSheet } from "./storefront-navbar-cart-sheet.mjs";
+import { StorefrontNavbarSearchBar } from "./storefront-navbar-search-bar.mjs";
+import { MegaMenu } from "./mega-menu.mjs";
+import { MobileCategoryDrawer } from "./mobile-category-drawer.mjs";
+function toMenuItem(category) {
+  return {
+    id: category.href,
+    label: category.label,
+    href: category.href,
+    children: category.children?.map(toMenuItem)
+  };
+}
+function uniqueById(items) {
+  const seen = /* @__PURE__ */ new Set();
+  return items.filter((item) => {
+    if (seen.has(item.id)) return false;
+    seen.add(item.id);
+    return true;
+  });
+}
+function Logo({ text, href, accent }) {
+  const className = "focus-visible:ring-ring flex items-center gap-2 rounded-sm focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none";
+  const accentText = accent?.text ?? "";
+  const hasAccent = accentText.length > 0 && text.endsWith(accentText);
+  const baseText = hasAccent ? text.slice(0, text.length - accentText.length) : text;
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 32 32", "aria-hidden": "true", className: "text-primary size-7", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M26 24.75C26.4142 24.75 26.75 24.4142 26.75 24C26.75 23.5858 26.4142 23.25 26 23.25V24.75ZM26 23.25H11V24.75H26V23.25ZM8.75 21V15H7.25V21H8.75ZM11 23.25C9.75736 23.25 8.75 22.2426 8.75 21H7.25C7.25 23.0711 8.92893 24.75 11 24.75V23.25Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M1.5 3.25C1.08579 3.25 0.75 3.58579 0.75 4C0.75 4.41421 1.08579 4.75 1.5 4.75V3.25ZM1.5 4.75H6V3.25H1.5V4.75ZM7.25 6V21H8.75V6H7.25ZM6 4.75C6.69036 4.75 7.25 5.30964 7.25 6H8.75C8.75 4.48122 7.51878 3.25 6 3.25V4.75Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 21.75C22.4142 21.75 22.75 21.4142 22.75 21C22.75 20.5858 22.4142 20.25 22 20.25V21.75ZM22 20.25H11V21.75H22V20.25ZM8.75 18V12H7.25V18H8.75ZM11 20.25C9.75736 20.25 8.75 19.2426 8.75 18H7.25C7.25 20.0711 8.92893 21.75 11 21.75V20.25Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M27.2057 19.754C27.0654 20.1438 26.6357 20.346 26.246 20.2057C25.8562 20.0654 25.654 19.6357 25.7943 19.246L27.2057 19.754ZM30.0361 9.67744L29.3305 9.4234L29.3305 9.4234L30.0361 9.67744ZM25.7943 19.246L29.3305 9.4234L30.7418 9.93148L27.2057 19.754L25.7943 19.246ZM28.1543 7.75L8 7.75V6.25L28.1543 6.25V7.75ZM29.3305 9.4234C29.6237 8.60882 29.0201 7.75 28.1543 7.75V6.25C30.059 6.25 31.3869 8.13941 30.7418 9.93148L29.3305 9.4234Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M13.5 21.75C13.0858 21.75 12.75 21.4142 12.75 21C12.75 20.5858 13.0858 20.25 13.5 20.25V21.75ZM26.7111 19.009L27.4174 19.2613L27.4174 19.2613L26.7111 19.009ZM13.5 20.25H23.8858V21.75H13.5V20.25ZM26.0048 18.7568L27.7937 13.7477L29.2063 14.2523L27.4174 19.2613L26.0048 18.7568ZM23.8858 20.25C24.8367 20.25 25.6849 19.6522 26.0048 18.7568L27.4174 19.2613C26.8843 20.7537 25.4706 21.75 23.8858 21.75V20.25Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M21.1694 10.5806L14.5651 17.1849", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+      /* @__PURE__ */ jsx("path", { d: "M22.1694 14.5806L18.5632 18.1868", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+      /* @__PURE__ */ jsx("circle", { cx: "13.1", cy: "26.1", r: "1.7", stroke: "currentColor", strokeWidth: "1.2" }),
+      /* @__PURE__ */ jsx("circle", { cx: "22.1", cy: "26.1", r: "1.7", stroke: "currentColor", strokeWidth: "1.2" })
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "text-base font-semibold tracking-tight", children: [
+      baseText,
+      hasAccent ? /* @__PURE__ */ jsx("span", { className: accent?.className, children: accentText }) : null
+    ] })
+  ] });
+  if (!href) {
+    return /* @__PURE__ */ jsx("span", { className, children: content });
+  }
+  return /* @__PURE__ */ jsx("a", { href, className, children: content });
+}
+function CartBadge({ count }) {
+  const reduceMotion = useReducedMotion();
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: count > 0 ? /* @__PURE__ */ jsx(
+    motion.span,
+    {
+      className: "bg-foreground text-background pointer-events-none absolute -top-2.5 -end-3.5 flex size-[1.125rem] items-center justify-center overflow-hidden rounded-full text-[10px] font-medium tabular-nums shadow-sm ring-2 ring-background",
+      initial: reduceMotion ? false : { scale: 0, x: -8.2, y: 12.4, opacity: 0, filter: "blur(2px)" },
+      animate: { scale: 1, x: 0, y: 0, opacity: 1, filter: "blur(0px)" },
+      exit: reduceMotion ? { opacity: 0 } : {
+        scale: 0,
+        opacity: 0,
+        filter: "blur(2px)",
+        transition: { duration: 0.18, ease: [0.4, 0, 0.2, 1] }
+      },
+      transition: reduceMotion ? { duration: 0 } : { type: "spring", stiffness: 520, damping: 18, mass: 0.6 },
+      style: { willChange: "transform, opacity, filter" },
+      children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", initial: false, children: /* @__PURE__ */ jsx(
+        motion.span,
+        {
+          className: "block",
+          initial: reduceMotion ? false : { y: 8, opacity: 0, filter: "blur(2px)" },
+          animate: { y: 0, opacity: 1, filter: "blur(0px)" },
+          exit: reduceMotion ? void 0 : { y: -8, opacity: 0, filter: "blur(2px)" },
+          transition: { duration: 0.22, ease: [0.22, 1, 0.36, 1] },
+          children: count > 99 ? "99+" : count
+        },
+        count
+      ) })
+    },
+    "badge-shell"
+  ) : null });
+}
+function StorefrontNavbarAccountRetry({ pending = false, onRetry }) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: "size-11",
+      disabled: pending || !onRetry,
+      "aria-label": "Retry account session",
+      title: "Account session unavailable",
+      onClick: onRetry,
+      children: /* @__PURE__ */ jsx(RotateCcw, { "aria-hidden": "true" })
+    }
+  );
+}
+function StorefrontNavbar({
+  storeCategories,
+  shippingNote = "",
+  utilityLinks,
+  logoText,
+  logoHref,
+  logoAccent,
+  accountHref,
+  currentPath,
+  showSearch = true,
+  searchQuery: searchQueryProp,
+  onSearchChange,
+  items: itemsProp,
+  onQtyChange: onQtyChangeProp,
+  onRemove: onRemoveProp,
+  subtotal,
+  subtotalUnavailableLabel,
+  formatMoney,
+  user,
+  accountMenuItems,
+  onHelp,
+  onSignOut,
+  accountPending = false,
+  accountUnavailable = false,
+  onAccountRetry,
+  onCheckout,
+  onViewCart,
+  cartOpen,
+  onCartOpenChange,
+  canonicalCart,
+  cartState,
+  cartErrorLabel,
+  cartRetryLabel,
+  onCartRetry,
+  checkoutUnavailable,
+  checkoutDisabled,
+  viewCartUnavailable,
+  className
+}) {
+  const [internalItems, setInternalItems] = useState([]);
+  const [internalSearch, setInternalSearch] = useState("");
+  const [searchOpen, setSearchOpen] = useState(false);
+  const [menuOpen, setMenuOpen] = useState(false);
+  const searchTriggerRef = useRef(null);
+  const items = itemsProp ?? internalItems;
+  const searchQuery = searchQueryProp ?? internalSearch;
+  const setSearchQuery = (value) => {
+    onSearchChange?.(value);
+    if (searchQueryProp === void 0) {
+      setInternalSearch(value);
+    }
+  };
+  const changeQty = onQtyChangeProp ?? ((id, delta) => setInternalItems(
+    (current) => current.flatMap((item) => {
+      if (item.id !== id) {
+        return item;
+      }
+      const qty = item.qty + delta;
+      return qty <= 0 ? [] : [{ ...item, qty }];
+    })
+  ));
+  const removeItem = onRemoveProp ?? ((id) => setInternalItems((current) => current.filter((item) => item.id !== id)));
+  const count = useMemo(() => items.reduce((total, item) => total + item.qty, 0), [items]);
+  useEffect(() => {
+    if (!showSearch || !searchOpen) {
+      return;
+    }
+    document.getElementById("store-search-mobile")?.focus();
+  }, [searchOpen, showSearch]);
+  const dismissSearch = () => {
+    setSearchOpen(false);
+    searchTriggerRef.current?.focus();
+  };
+  const navLinkColor = className !== void 0 ? "text-inherit hover:text-foreground" : "text-foreground";
+  const isCurrent = (href) => href !== void 0 && href === currentPath;
+  const hasUtilityContent = shippingNote.trim().length > 0 || utilityLinks.length > 0;
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      className: cn(
+        "border-border sticky top-0 z-40 w-full border-b backdrop-blur-md",
+        className ?? "bg-background/95 supports-backdrop-filter:bg-background/80"
+      ),
+      children: [
+        hasUtilityContent ? /* @__PURE__ */ jsx("div", { className: "bg-foreground text-background hidden lg:block", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex h-9 w-full max-w-7xl items-center justify-between px-4 text-xs tracking-wide sm:px-6 lg:px-8", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-background/80", children: shippingNote }),
+          /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-5", children: utilityLinks.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: link.href,
+              className: "text-background/80 hover:text-background transition-colors duration-150",
+              children: link.label
+            }
+          ) }, `${link.href}:${link.label}`)) })
+        ] }) }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "mx-auto flex h-16 w-full max-w-7xl items-center gap-3 px-4 sm:px-6 lg:px-8", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "lg:hidden",
+              "aria-label": "Open menu",
+              "aria-expanded": menuOpen,
+              onClick: () => setMenuOpen((open) => !open),
+              children: /* @__PURE__ */ jsx(Menu, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            MobileCategoryDrawer,
+            {
+              categories: uniqueById([
+                ...storeCategories.map(toMenuItem),
+                ...utilityLinks.map((link) => ({ id: link.href, label: link.label, href: link.href })),
+                ...accountHref ? [{ id: accountHref, label: "Account", href: accountHref }] : []
+              ]),
+              collections: [],
+              open: menuOpen,
+              onClose: () => setMenuOpen(false),
+              viewAllHref: ""
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 lg:flex-none", children: /* @__PURE__ */ jsx(Logo, { text: logoText, href: logoHref, accent: logoAccent }) }),
+          /* @__PURE__ */ jsx("nav", { "aria-label": "Store", className: "hidden flex-1 lg:block", children: /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-0.5", children: storeCategories.map(
+            (category) => category.children && category.children.length > 0 ? /* @__PURE__ */ jsxs("li", { className: "group relative", children: [
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: category.href,
+                  "aria-current": isCurrent(category.href) ? "page" : void 0,
+                  className: cn(
+                    "hover:bg-muted focus-visible:ring-ring rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150 focus-visible:ring-2 focus-visible:outline-none",
+                    category.emphasis ? "text-destructive" : navLinkColor,
+                    isCurrent(category.href) && "font-semibold underline underline-offset-4"
+                  ),
+                  children: category.label
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "invisible absolute left-0 top-full z-50 pt-2 opacity-0 transition-opacity duration-150 group-hover:visible group-hover:opacity-100", children: /* @__PURE__ */ jsx(
+                MegaMenu,
+                {
+                  categories: [toMenuItem(category)],
+                  collections: [],
+                  collectionsHref: "",
+                  categoryColumnTitle: category.label
+                }
+              ) })
+            ] }, category.href) : /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: category.href,
+                "aria-current": isCurrent(category.href) ? "page" : void 0,
+                className: cn(
+                  "hover:bg-muted focus-visible:ring-ring rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150 focus-visible:ring-2 focus-visible:outline-none",
+                  category.emphasis ? "text-destructive" : navLinkColor,
+                  isCurrent(category.href) && "font-semibold underline underline-offset-4"
+                ),
+                children: category.label
+              }
+            ) }, category.href)
+          ) }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            showSearch ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "hidden lg:block lg:w-64", children: /* @__PURE__ */ jsx(
+                StorefrontNavbarSearchBar,
+                {
+                  id: "store-search",
+                  value: searchQuery,
+                  onValueChange: setSearchQuery
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  ref: searchTriggerRef,
+                  variant: "ghost",
+                  size: "icon",
+                  className: "lg:hidden",
+                  "aria-label": "Search products",
+                  "aria-expanded": searchOpen,
+                  onClick: () => setSearchOpen((open) => !open),
+                  children: searchOpen ? /* @__PURE__ */ jsx(X, {}) : /* @__PURE__ */ jsx(Search, {})
+                }
+              )
+            ] }) : null,
+            accountUnavailable ? /* @__PURE__ */ jsx(StorefrontNavbarAccountRetry, { pending: accountPending, onRetry: onAccountRetry }) : user ? /* @__PURE__ */ jsx(
+              StorefrontNavbarAccountMenu,
+              {
+                user,
+                items: accountMenuItems,
+                onHelp,
+                onSignOut,
+                pending: accountPending
+              }
+            ) : accountHref ? accountPending ? /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "size-11", disabled: true, "aria-label": "Loading account session", children: /* @__PURE__ */ jsx(UserRound, { "aria-hidden": "true" }) }) : /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "size-11", asChild: true, children: /* @__PURE__ */ jsx("a", { href: accountHref, "aria-label": "Account", "aria-current": isCurrent(accountHref) ? "page" : void 0, children: /* @__PURE__ */ jsx(UserRound, { "aria-hidden": "true" }) }) }) : null,
+            /* @__PURE__ */ jsxs(
+              Sheet,
+              {
+                ...cartOpen !== void 0 ? { open: cartOpen, onOpenChange: onCartOpenChange } : {},
+                children: [
+                  /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "relative overflow-visible",
+                      "aria-label": `Cart, ${count} ${count === 1 ? "item" : "items"}`,
+                      children: [
+                        /* @__PURE__ */ jsx(ShoppingBag, { className: "size-5" }),
+                        /* @__PURE__ */ jsx(CartBadge, { count })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "flex w-full max-w-sm flex-col gap-0 p-0", children: [
+                    /* @__PURE__ */ jsx(SheetHeader, { className: "border-border border-b", children: /* @__PURE__ */ jsxs(SheetTitle, { className: "text-left text-base", children: [
+                      "Cart",
+                      count > 0 ? ` (${count})` : ""
+                    ] }) }),
+                    /* @__PURE__ */ jsx(
+                      StorefrontNavbarCartSheet,
+                      {
+                        items,
+                        onQtyChange: changeQty,
+                        onRemove: removeItem,
+                        subtotal,
+                        subtotalUnavailableLabel,
+                        formatMoney,
+                        onCheckout,
+                        onViewCart,
+                        canonical: canonicalCart,
+                        state: cartState,
+                        errorLabel: cartErrorLabel,
+                        retryLabel: cartRetryLabel,
+                        onRetry: onCartRetry,
+                        checkoutUnavailable,
+                        checkoutDisabled,
+                        viewCartUnavailable
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { "aria-live": "polite", className: "sr-only", children: `Cart contains ${count} ${count === 1 ? "item" : "items"}` }),
+        showSearch && searchOpen ? /* @__PURE__ */ jsx("div", { className: "border-border flex flex-col gap-0 border-t p-4 lg:hidden", children: /* @__PURE__ */ jsx(
+          StorefrontNavbarSearchBar,
+          {
+            id: "store-search-mobile",
+            value: searchQuery,
+            onValueChange: setSearchQuery,
+            onDismiss: dismissSearch
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+var storefront_navbar_default = StorefrontNavbar;
+export {
+  StorefrontNavbar,
+  StorefrontNavbarAccountRetry,
+  storefront_navbar_default as default
+};
+//# sourceMappingURL=storefront-navbar.mjs.map

package/dist/blocks/e-commerce/navigation/storefront-navbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/navigation/storefront-navbar.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react'\nimport { Menu, Search, ShoppingBag, UserRound, RotateCcw, X } from 'lucide-react'\n\nimport { Button } from '../../../ui/button'\nimport { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '../../../ui/sheet'\nimport { cn } from '../../../lib/utils'\n\nimport { StorefrontNavbarAccountMenu, type AccountMenuItem, type StoreUser } from './storefront-navbar-account-menu'\nimport { StorefrontNavbarCartSheet, type CartItem, type CartSheetState } from './storefront-navbar-cart-sheet'\nimport type { UtilityLink } from './storefront-navbar-mobile-nav'\nimport { StorefrontNavbarSearchBar } from './storefront-navbar-search-bar'\nimport { MegaMenu } from './mega-menu'\nimport { MobileCategoryDrawer } from './mobile-category-drawer'\nimport type { MenuItem } from '../../../lib/types/menu'\nimport type { Money } from '@thorprovider/types'\nimport type { StoreCategory } from '../../../lib/contracts'\n\nfunction toMenuItem(category: StoreCategory): MenuItem {\n  return {\n    id: category.href,\n    label: category.label,\n    href: category.href,\n    children: category.children?.map(toMenuItem),\n  }\n}\n\n/**\n * Drawer entries come from three sources (categories, utility links, account\n * link). Hosts may reuse the same href across sources (e.g. a placeholder\n * href), which would produce duplicate React keys if passed through as-is.\n * Dedupe by href so every rendered item gets a unique id.\n */\nfunction uniqueById<T extends { id: string }>(items: T[]): T[] {\n  const seen = new Set<string>()\n  return items.filter((item) => {\n    if (seen.has(item.id)) return false\n    seen.add(item.id)\n    return true\n  })\n}\n\nexport interface LogoAccent {\n  /** Trailing segment of `logoText` to render with the accent styling. */\n  text: string\n  /** Consumer-supplied classes for the accent span (e.g. a brand color token). */\n  className?: string\n}\n\nfunction Logo({ text, href, accent }: { text: string; href?: string; accent?: LogoAccent }) {\n  const className =\n    'focus-visible:ring-ring flex items-center gap-2 rounded-sm focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none'\n\n  const accentText = accent?.text ?? ''\n  const hasAccent = accentText.length > 0 && text.endsWith(accentText)\n  const baseText = hasAccent ? text.slice(0, text.length - accentText.length) : text\n\n  const content = (\n    <>\n      <svg viewBox='0 0 32 32' aria-hidden='true' className='text-primary size-7' fill='none' xmlns='http://www.w3.org/2000/svg'>\n        <path\n          d='M26 24.75C26.4142 24.75 26.75 24.4142 26.75 24C26.75 23.5858 26.4142 23.25 26 23.25V24.75ZM26 23.25H11V24.75H26V23.25ZM8.75 21V15H7.25V21H8.75ZM11 23.25C9.75736 23.25 8.75 22.2426 8.75 21H7.25C7.25 23.0711 8.92893 24.75 11 24.75V23.25Z'\n          fill='currentColor'\n        />\n        <path\n          d='M1.5 3.25C1.08579 3.25 0.75 3.58579 0.75 4C0.75 4.41421 1.08579 4.75 1.5 4.75V3.25ZM1.5 4.75H6V3.25H1.5V4.75ZM7.25 6V21H8.75V6H7.25ZM6 4.75C6.69036 4.75 7.25 5.30964 7.25 6H8.75C8.75 4.48122 7.51878 3.25 6 3.25V4.75Z'\n          fill='currentColor'\n        />\n        <path\n          d='M22 21.75C22.4142 21.75 22.75 21.4142 22.75 21C22.75 20.5858 22.4142 20.25 22 20.25V21.75ZM22 20.25H11V21.75H22V20.25ZM8.75 18V12H7.25V18H8.75ZM11 20.25C9.75736 20.25 8.75 19.2426 8.75 18H7.25C7.25 20.0711 8.92893 21.75 11 21.75V20.25Z'\n          fill='currentColor'\n        />\n        <path\n          d='M27.2057 19.754C27.0654 20.1438 26.6357 20.346 26.246 20.2057C25.8562 20.0654 25.654 19.6357 25.7943 19.246L27.2057 19.754ZM30.0361 9.67744L29.3305 9.4234L29.3305 9.4234L30.0361 9.67744ZM25.7943 19.246L29.3305 9.4234L30.7418 9.93148L27.2057 19.754L25.7943 19.246ZM28.1543 7.75L8 7.75V6.25L28.1543 6.25V7.75ZM29.3305 9.4234C29.6237 8.60882 29.0201 7.75 28.1543 7.75V6.25C30.059 6.25 31.3869 8.13941 30.7418 9.93148L29.3305 9.4234Z'\n          fill='currentColor'\n        />\n        <path\n          d='M13.5 21.75C13.0858 21.75 12.75 21.4142 12.75 21C12.75 20.5858 13.0858 20.25 13.5 20.25V21.75ZM26.7111 19.009L27.4174 19.2613L27.4174 19.2613L26.7111 19.009ZM13.5 20.25H23.8858V21.75H13.5V20.25ZM26.0048 18.7568L27.7937 13.7477L29.2063 14.2523L27.4174 19.2613L26.0048 18.7568ZM23.8858 20.25C24.8367 20.25 25.6849 19.6522 26.0048 18.7568L27.4174 19.2613C26.8843 20.7537 25.4706 21.75 23.8858 21.75V20.25Z'\n          fill='currentColor'\n        />\n        <path d='M21.1694 10.5806L14.5651 17.1849' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' />\n        <path d='M22.1694 14.5806L18.5632 18.1868' stroke='currentColor' strokeWidth='1.5' strokeLinecap='round' />\n        <circle cx='13.1' cy='26.1' r='1.7' stroke='currentColor' strokeWidth='1.2' />\n        <circle cx='22.1' cy='26.1' r='1.7' stroke='currentColor' strokeWidth='1.2' />\n      </svg>\n      <span className='text-base font-semibold tracking-tight'>\n        {baseText}\n        {hasAccent ? <span className={accent?.className}>{accentText}</span> : null}\n      </span>\n    </>\n  )\n\n  if (!href) {\n    return <span className={className}>{content}</span>\n  }\n\n  return (\n    <a href={href} className={className}>\n      {content}\n    </a>\n  )\n}\n\ntype CartBadgeProps = {\n  count: number\n}\n\n/**\n * Transitions.dev `notification-badge`: diagonal slide + spring pop when the\n * count appears or changes. Positioned outside the bag so it never covers the icon.\n */\nfunction CartBadge({ count }: CartBadgeProps) {\n  const reduceMotion = useReducedMotion()\n\n  return (\n    <AnimatePresence>\n      {count > 0 ? (\n        <motion.span\n          key='badge-shell'\n          className='bg-foreground text-background pointer-events-none absolute -top-2.5 -end-3.5 flex size-[1.125rem] items-center justify-center overflow-hidden rounded-full text-[10px] font-medium tabular-nums shadow-sm ring-2 ring-background'\n          initial={\n            reduceMotion\n              ? false\n              : { scale: 0, x: -8.2, y: 12.4, opacity: 0, filter: 'blur(2px)' }\n          }\n          animate={{ scale: 1, x: 0, y: 0, opacity: 1, filter: 'blur(0px)' }}\n          exit={\n            reduceMotion\n              ? { opacity: 0 }\n              : {\n                  scale: 0,\n                  opacity: 0,\n                  filter: 'blur(2px)',\n                  transition: { duration: 0.18, ease: [0.4, 0, 0.2, 1] },\n                }\n          }\n          transition={\n            reduceMotion\n              ? { duration: 0 }\n              : { type: 'spring', stiffness: 520, damping: 18, mass: 0.6 }\n          }\n          style={{ willChange: 'transform, opacity, filter' }}\n        >\n          <AnimatePresence mode='popLayout' initial={false}>\n            <motion.span\n              key={count}\n              className='block'\n              initial={reduceMotion ? false : { y: 8, opacity: 0, filter: 'blur(2px)' }}\n              animate={{ y: 0, opacity: 1, filter: 'blur(0px)' }}\n              exit={reduceMotion ? undefined : { y: -8, opacity: 0, filter: 'blur(2px)' }}\n              transition={{ duration: 0.22, ease: [0.22, 1, 0.36, 1] }}\n            >\n              {count > 99 ? '99+' : count}\n            </motion.span>\n          </AnimatePresence>\n        </motion.span>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\nexport interface StorefrontNavbarAccountRetryProps {\n  /** Consumer-owned reconciliation in flight; holds the affordance inert. */\n  pending?: boolean\n  /** Consumer-owned recovery action. Without it the affordance is inert. */\n  onRetry?: () => void\n}\n\n/**\n * Recovery affordance for an unavailable session. The block never resolves the\n * session itself: it surfaces the state and dispatches the consumer's retry.\n * Extracted (hooks-free) so the dispatch is testable without a DOM.\n */\nexport function StorefrontNavbarAccountRetry({ pending = false, onRetry }: StorefrontNavbarAccountRetryProps) {\n  return (\n    <Button\n      variant='ghost'\n      size='icon'\n      className='size-11'\n      disabled={pending || !onRetry}\n      aria-label='Retry account session'\n      title='Account session unavailable'\n      onClick={onRetry}\n    >\n      <RotateCcw aria-hidden='true' />\n    </Button>\n  )\n}\n\nexport interface StorefrontNavbarProps {\n  storeCategories: StoreCategory[]\n  /**\n   * Optional note shown in the desktop utility strip. When omitted (or empty)\n   * and there are no `utilityLinks`, the strip is not rendered at all, so a\n   * block with no optional content paints no empty decorative chrome.\n   */\n  shippingNote?: string\n  utilityLinks: UtilityLink[]\n  logoText: string\n  logoHref?: string\n  /**\n   * Optional accent for a trailing segment of `logoText` (e.g. the \"Cuba\" in\n   * \"ElectroCuba\"). When omitted, or when `text` is not a trailing segment of\n   * `logoText`, the wordmark renders unchanged.\n   */\n  logoAccent?: LogoAccent\n  /** Account destination for anonymous shoppers on every viewport. */\n  accountHref?: string\n  /**\n   * When `false`, no search control is rendered at all — neither the desktop\n   * input, the mobile trigger, nor the mobile panel. Defaults to `true` so\n   * legacy consumers keep the existing self-contained search. The generated\n   * storefront passes `false` while no verified global search contract exists\n   * (E2 task 5.4), so no global search is presented as working.\n   */\n  /**\n   * The storefront's current route path. When it matches a destination the link\n   * is marked as the current page (accessibly, beyond color alone).\n   */\n  currentPath?: string\n  showSearch?: boolean\n  searchQuery?: string\n  onSearchChange?: (value: string) => void\n  items?: CartItem[]\n  /**\n   * Quantity DELTA for a backend cart line-item id. The boundary converts the\n   * delta into an absolute quantity against the authoritative current line\n   * quantity before mutating the cart.\n   */\n  onQtyChange?: (id: string, delta: number) => void\n  /** Remove the backend cart line-item id. */\n  onRemove?: (id: string) => void\n  /** Authoritative backend subtotal for the mini-cart. */\n  subtotal?: Money\n  /** Shown when an authoritative subtotal is supplied but absent/malformed. */\n  subtotalUnavailableLabel?: string\n  /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */\n  formatMoney?: (money: Money) => string\n  user?: StoreUser\n  accountMenuItems?: AccountMenuItem[]\n  onHelp?: () => void\n  onSignOut?: () => void\n  accountPending?: boolean\n  accountUnavailable?: boolean\n  onAccountRetry?: () => void\n  onCheckout?: () => void\n  onViewCart?: () => void\n  /**\n   * Controlled visibility for the cart sheet. When provided, the sheet opens\n   * and closes from this value and `onCartOpenChange` instead of internal\n   * state, so a host can share one cart surface across the navbar trigger and\n   * successful add-to-cart. Omit both to keep the legacy uncontrolled sheet.\n   */\n  cartOpen?: boolean\n  /** Change handler paired with `cartOpen` for a controlled sheet. */\n  onCartOpenChange?: (open: boolean) => void\n  /**\n   * Backend-authoritative cart rendering for the sheet. When `true`, line\n   * amounts use each item's canonical `lineTotal` Money and never fall back to\n   * numeric `price * qty`. Omit for the legacy numeric rendering.\n   */\n  canonicalCart?: boolean\n  /** Cart read/mutation lifecycle for the sheet. */\n  cartState?: CartSheetState\n  /** Message shown when `cartState` is `error`. */\n  cartErrorLabel?: string\n  /** Recovery action label for the error state. */\n  cartRetryLabel?: string\n  /** Recovery action invoked from the error state. */\n  onCartRetry?: () => void\n  /** When `true`, the sheet's checkout action is suppressed (checkout not installed). */\n  checkoutUnavailable?: boolean\n  /** When `true`, the sheet's checkout action is disabled (cart not ready). */\n  checkoutDisabled?: boolean\n  /** When `true`, the sheet's review action is suppressed (cart view not installed). */\n  viewCartUnavailable?: boolean\n  /**\n   * Consumer-supplied classes merged onto the outer `<header>` as the final\n   * argument, so a semantic surface such as `bg-brand-nav\n   * text-brand-nav-foreground` overrides the default `bg-background`. Purely\n   * presentational: no layout, structure, or behavior changes.\n   */\n  className?: string\n}\n\nexport function StorefrontNavbar({\n  storeCategories,\n  shippingNote = '',\n  utilityLinks,\n  logoText,\n  logoHref,\n  logoAccent,\n  accountHref,\n  currentPath,\n  showSearch = true,\n  searchQuery: searchQueryProp,\n  onSearchChange,\n  items: itemsProp,\n  onQtyChange: onQtyChangeProp,\n  onRemove: onRemoveProp,\n  subtotal,\n  subtotalUnavailableLabel,\n  formatMoney,\n  user,\n  accountMenuItems,\n  onHelp,\n  onSignOut,\n  accountPending = false,\n  accountUnavailable = false,\n  onAccountRetry,\n  onCheckout,\n  onViewCart,\n  cartOpen,\n  onCartOpenChange,\n  canonicalCart,\n  cartState,\n  cartErrorLabel,\n  cartRetryLabel,\n  onCartRetry,\n  checkoutUnavailable,\n  checkoutDisabled,\n  viewCartUnavailable,\n  className,\n}: StorefrontNavbarProps) {\n  /**\n   * Integration seam\n   * ----------------\n   * Pass cart + search from your storefront, or leave uncontrolled for a\n   * self-contained demo. Controlled props win when provided.\n   */\n  const [internalItems, setInternalItems] = useState<CartItem[]>([])\n  const [internalSearch, setInternalSearch] = useState('')\n  const [searchOpen, setSearchOpen] = useState(false)\n  const [menuOpen, setMenuOpen] = useState(false)\n  const searchTriggerRef = useRef<HTMLButtonElement>(null)\n\n  const items = itemsProp ?? internalItems\n  const searchQuery = searchQueryProp ?? internalSearch\n\n  const setSearchQuery = (value: string) => {\n    onSearchChange?.(value)\n    if (searchQueryProp === undefined) {\n      setInternalSearch(value)\n    }\n  }\n\n  const changeQty =\n    onQtyChangeProp ??\n    ((id: string, delta: number) =>\n      setInternalItems(current =>\n        current.flatMap(item => {\n          if (item.id !== id) {\n            return item\n          }\n\n          const qty = item.qty + delta\n          return qty <= 0 ? [] : [{ ...item, qty }]\n        }),\n      ))\n\n  const removeItem =\n    onRemoveProp ?? ((id: string) => setInternalItems(current => current.filter(item => item.id !== id)))\n\n  const count = useMemo(() => items.reduce((total, item) => total + item.qty, 0), [items])\n\n  useEffect(() => {\n    if (!showSearch || !searchOpen) {\n      return\n    }\n\n    document.getElementById('store-search-mobile')?.focus()\n  }, [searchOpen, showSearch])\n\n  const dismissSearch = () => {\n    setSearchOpen(false)\n    searchTriggerRef.current?.focus()\n  }\n\n  // When the consumer overrides the header surface via `className`, the nav\n  // links inherit its text color and need an explicit hover foreground so\n  // `hover:bg-muted` never paints white-on-light; otherwise they keep the\n  // default foreground (and the default hover surface).\n  const navLinkColor =\n    className !== undefined ? 'text-inherit hover:text-foreground' : 'text-foreground'\n  // The current page is marked beyond color: an accessible current state plus a\n  // visible weight/underline, and nothing when no destination matches.\n  const isCurrent = (href?: string) => href !== undefined && href === currentPath\n\n  // The desktop utility strip is decorative chrome: it is painted only when it\n  // has content (a non-empty note or at least one utility link), never empty.\n  const hasUtilityContent = shippingNote.trim().length > 0 || utilityLinks.length > 0\n\n  return (\n    <header\n      className={cn(\n        'border-border sticky top-0 z-40 w-full border-b backdrop-blur-md',\n        className ?? 'bg-background/95 supports-backdrop-filter:bg-background/80',\n      )}\n    >\n      {hasUtilityContent ? (\n        <div className='bg-foreground text-background hidden lg:block'>\n          <div className='mx-auto flex h-9 w-full max-w-7xl items-center justify-between px-4 text-xs tracking-wide sm:px-6 lg:px-8'>\n            <p className='text-background/80'>{shippingNote}</p>\n            <ul className='flex items-center gap-5'>\n              {utilityLinks.map(link => (\n                <li key={`${link.href}:${link.label}`}>\n                  <a\n                    href={link.href}\n                    className='text-background/80 hover:text-background transition-colors duration-150'\n                  >\n                    {link.label}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n      ) : null}\n\n      <div className='mx-auto flex h-16 w-full max-w-7xl items-center gap-3 px-4 sm:px-6 lg:px-8'>\n        <Button\n          variant='ghost'\n          size='icon'\n          className='lg:hidden'\n          aria-label='Open menu'\n          aria-expanded={menuOpen}\n          onClick={() => setMenuOpen(open => !open)}\n        >\n          <Menu />\n        </Button>\n\n        <MobileCategoryDrawer\n          categories={uniqueById([\n            ...storeCategories.map(toMenuItem),\n            ...utilityLinks.map(link => ({ id: link.href, label: link.label, href: link.href })),\n            ...(accountHref ? [{ id: accountHref, label: 'Account', href: accountHref }] : []),\n          ])}\n          collections={[]}\n          open={menuOpen}\n          onClose={() => setMenuOpen(false)}\n          viewAllHref=''\n        />\n\n        <div className='flex-1 lg:flex-none'>\n          <Logo text={logoText} href={logoHref} accent={logoAccent} />\n        </div>\n\n        <nav aria-label='Store' className='hidden flex-1 lg:block'>\n          <ul className='flex items-center gap-0.5'>\n            {storeCategories.map(category =>\n              category.children && category.children.length > 0 ? (\n                <li key={category.href} className='group relative'>\n                  <a\n                    href={category.href}\n                    aria-current={isCurrent(category.href) ? 'page' : undefined}\n                    className={cn(\n                      'hover:bg-muted focus-visible:ring-ring rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150 focus-visible:ring-2 focus-visible:outline-none',\n                      category.emphasis ? 'text-destructive' : navLinkColor,\n                      isCurrent(category.href) && 'font-semibold underline underline-offset-4',\n                    )}\n                  >\n                    {category.label}\n                  </a>\n                  <div className='invisible absolute left-0 top-full z-50 pt-2 opacity-0 transition-opacity duration-150 group-hover:visible group-hover:opacity-100'>\n                    <MegaMenu\n                      categories={[toMenuItem(category)]}\n                      collections={[]}\n                      collectionsHref=''\n                      categoryColumnTitle={category.label}\n                    />\n                  </div>\n                </li>\n              ) : (\n                <li key={category.href}>\n                  <a\n                    href={category.href}\n                    aria-current={isCurrent(category.href) ? 'page' : undefined}\n                    className={cn(\n                      'hover:bg-muted focus-visible:ring-ring rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150 focus-visible:ring-2 focus-visible:outline-none',\n                      category.emphasis ? 'text-destructive' : navLinkColor,\n                      isCurrent(category.href) && 'font-semibold underline underline-offset-4',\n                    )}\n                  >\n                    {category.label}\n                  </a>\n                </li>\n              ),\n            )}\n          </ul>\n        </nav>\n\n        <div className='flex items-center gap-1.5'>\n          {showSearch ? (\n            <>\n              <div className='hidden lg:block lg:w-64'>\n                <StorefrontNavbarSearchBar\n                  id='store-search'\n                  value={searchQuery}\n                  onValueChange={setSearchQuery}\n                />\n              </div>\n\n              <Button\n                ref={searchTriggerRef}\n                variant='ghost'\n                size='icon'\n                className='lg:hidden'\n                aria-label='Search products'\n                aria-expanded={searchOpen}\n                onClick={() => setSearchOpen(open => !open)}\n              >\n                {searchOpen ? <X /> : <Search />}\n              </Button>\n            </>\n          ) : null}\n\n          {accountUnavailable ? (\n            <StorefrontNavbarAccountRetry pending={accountPending} onRetry={onAccountRetry} />\n          ) : user ? (\n            <StorefrontNavbarAccountMenu\n              user={user}\n              items={accountMenuItems}\n              onHelp={onHelp}\n              onSignOut={onSignOut}\n              pending={accountPending}\n            />\n          ) : accountHref ? (\n            accountPending ? (\n              <Button variant='ghost' size='icon' className='size-11' disabled aria-label='Loading account session'>\n                <UserRound aria-hidden='true' />\n              </Button>\n            ) : (\n              <Button variant='ghost' size='icon' className='size-11' asChild>\n                <a href={accountHref} aria-label='Account' aria-current={isCurrent(accountHref) ? 'page' : undefined}>\n                  <UserRound aria-hidden='true' />\n                </a>\n              </Button>\n            )\n          ) : null}\n\n          <Sheet\n            {...(cartOpen !== undefined ? { open: cartOpen, onOpenChange: onCartOpenChange } : {})}\n          >\n            <SheetTrigger asChild>\n              <Button\n                variant='ghost'\n                size='icon'\n                className='relative overflow-visible'\n                aria-label={`Cart, ${count} ${count === 1 ? 'item' : 'items'}`}\n              >\n                <ShoppingBag className='size-5' />\n                <CartBadge count={count} />\n              </Button>\n            </SheetTrigger>\n            <SheetContent side='right' className='flex w-full max-w-sm flex-col gap-0 p-0'>\n              <SheetHeader className='border-border border-b'>\n                <SheetTitle className='text-left text-base'>\n                  Cart{count > 0 ? ` (${count})` : ''}\n                </SheetTitle>\n              </SheetHeader>\n              <StorefrontNavbarCartSheet\n                items={items}\n                onQtyChange={changeQty}\n                onRemove={removeItem}\n                subtotal={subtotal}\n                subtotalUnavailableLabel={subtotalUnavailableLabel}\n                formatMoney={formatMoney}\n                onCheckout={onCheckout}\n                onViewCart={onViewCart}\n                canonical={canonicalCart}\n                state={cartState}\n                errorLabel={cartErrorLabel}\n                retryLabel={cartRetryLabel}\n                onRetry={onCartRetry}\n                checkoutUnavailable={checkoutUnavailable}\n                checkoutDisabled={checkoutDisabled}\n                viewCartUnavailable={viewCartUnavailable}\n              />\n            </SheetContent>\n          </Sheet>\n        </div>\n      </div>\n\n      <p aria-live='polite' className='sr-only'>\n        {`Cart contains ${count} ${count === 1 ? 'item' : 'items'}`}\n      </p>\n\n      {showSearch && searchOpen ? (\n        <div className='border-border flex flex-col gap-0 border-t p-4 lg:hidden'>\n          <StorefrontNavbarSearchBar\n            id='store-search-mobile'\n            value={searchQuery}\n            onValueChange={setSearchQuery}\n            onDismiss={dismissSearch}\n          />\n        </div>\n      ) : null}\n    </header>\n  )\n}\n\nexport default StorefrontNavbar\n"],"mappings":"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","names":[]}

package/dist/blocks/e-commerce/order-history/order-history.d.ts

@@ -0,0 +1,74 @@
+import type { Money } from '@thorprovider/types';
+import { type OrderLineData } from './order-line';
+export type OrderHistoryPresentation = 'cards' | 'rows';
+/** Semantic badge tone. The host owns the mapping from its status model. */
+export type OrderHistoryStatusTone = 'default' | 'secondary' | 'destructive' | 'outline';
+/** Order status as data: the label is rendered and the tone styles it. */
+export interface OrderHistoryStatus {
+    label: string;
+    tone?: OrderHistoryStatusTone;
+}
+/**
+ * Canonical order-history row: one order of the collection.
+ *
+ * `id` is the backend order identity — the React key and the value reported to
+ * `onViewOrder`/`onTrackOrder`. `total` is the backend order total and is
+ * rendered verbatim: the collection never sums its lines.
+ */
+export interface OrderHistoryOrder {
+    /** Backend order identity. Used as the React key; never rendered. */
+    id: string;
+    /** Human-readable order number, rendered through `orderLabel`. */
+    number: string;
+    /** Placement date, already formatted by the host. */
+    date: string;
+    status: OrderHistoryStatus;
+    /** Backend order total. Rendered verbatim; a malformed amount is unavailable. */
+    total: Money;
+    items: OrderLineData[];
+    /** When true (and `onTrackOrder` is supplied) the tracking action renders. */
+    trackable?: boolean;
+}
+/** Every user-facing string the collection renders. All are overridable. */
+export interface OrderHistoryLabels {
+    title: string;
+    description: string;
+    orderLabel: string;
+    placedOnLabel: string;
+    quantityLabel: string;
+    totalLabel: string;
+    viewOrderLabel: string;
+    trackOrderLabel: string;
+    amountUnavailableLabel: string;
+    emptyLabel: string;
+}
+export interface OrderHistoryProps {
+    orders: OrderHistoryOrder[];
+    /**
+     * Bounded structure switch. `cards` (default) renders one card per order;
+     * `rows` renders one bordered row per order. Both accept the same data and
+     * report the same actions. Responsiveness is CSS only.
+     */
+    presentation?: OrderHistoryPresentation;
+    labels?: Partial<OrderHistoryLabels>;
+    /** Locale used to format amounts from their own currency code. */
+    locale?: string;
+    /** Host amount formatter; wins over `locale`. */
+    formatMoney?: (money: Money) => string;
+    /** Report the backend order id of the order whose detail should open. */
+    onViewOrder?: (id: string) => void;
+    /** Report the backend order id of the order to track. */
+    onTrackOrder?: (id: string) => void;
+    className?: string;
+}
+/**
+ * The canonical order-history collection section.
+ *
+ * It renders exactly the orders it is given: pagination, ordering, detail,
+ * loading/error states, and the money values all belong to the host. The block
+ * holds no selection state, never counts the collection, never compares a
+ * status label to a literal, and never measures the viewport.
+ */
+export declare function OrderHistory({ orders, presentation, labels, locale, formatMoney: formatMoneyProp, onViewOrder, onTrackOrder, className, }: OrderHistoryProps): import("react").JSX.Element;
+export default OrderHistory;
+//# sourceMappingURL=order-history.d.ts.map

package/dist/blocks/e-commerce/order-history/order-history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-history.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/order-history/order-history.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAKhD,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,cAAc,CAAA;AAErB,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvD,4EAA4E;AAC5E,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CAAA;AAExF,0EAA0E;AAC1E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBAAiB;IAChC,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAA;IACV,kEAAkE;IAClE,MAAM,EAAE,MAAM,CAAA;IACd,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,kBAAkB,CAAA;IAC1B,iFAAiF;IACjF,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,4EAA4E;AAC5E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,wBAAwB,CAAA;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IACpC,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iDAAiD;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAA;IACtC,yEAAyE;IACzE,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,yDAAyD;IACzD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAoBD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,YAAsB,EACtB,MAAM,EACN,MAAM,EACN,WAAW,EAAE,eAAe,EAC5B,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,iBAAiB,+BAgJnB;AAED,eAAe,YAAY,CAAA"}