@thorprovider/blocks 2.0.0 → 3.0.0

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

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+import { InputGroup, InputGroupAddon, InputGroupInput } from "../../../ui/input-group.mjs";
+function StorefrontNavbarSearchBar({
+  value,
+  onValueChange,
+  onDismiss,
+  id = "store-search"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      role: "search",
+      onSubmit: (event) => event.preventDefault(),
+      className: "w-full",
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          if (value) {
+            onValueChange("");
+            return;
+          }
+          onDismiss?.();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: id, className: "sr-only", children: "Search products" }),
+        /* @__PURE__ */ jsxs(InputGroup, { className: "bg-muted/40 h-9 w-full rounded-full border-transparent shadow-none has-[[data-slot=input-group-control]:focus-visible]:bg-background", children: [
+          /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Search, { "aria-hidden": "true", className: "text-muted-foreground size-4" }) }),
+          /* @__PURE__ */ jsx(
+            InputGroupInput,
+            {
+              id,
+              type: "search",
+              autoComplete: "off",
+              placeholder: "Search products",
+              value,
+              onChange: (event) => onValueChange(event.target.value),
+              className: "rounded-full"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  StorefrontNavbarSearchBar
+};
+//# sourceMappingURL=storefront-navbar-search-bar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/navigation/storefront-navbar-search-bar.tsx"],"sourcesContent":["import { Search } from 'lucide-react'\n\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '../../../ui/input-group'\n\nexport interface StorefrontNavbarSearchBarProps {\n  value: string\n  onValueChange: (value: string) => void\n  onDismiss?: () => void\n  id?: string\n}\n\nexport function StorefrontNavbarSearchBar({\n  value,\n  onValueChange,\n  onDismiss,\n  id = 'store-search',\n}: StorefrontNavbarSearchBarProps) {\n  return (\n    <form\n      role='search'\n      onSubmit={event => event.preventDefault()}\n      className='w-full'\n      onKeyDown={event => {\n        if (event.key === 'Escape') {\n          if (value) {\n            onValueChange('')\n            return\n          }\n          onDismiss?.()\n        }\n      }}\n    >\n      <label htmlFor={id} className='sr-only'>\n        Search products\n      </label>\n      <InputGroup className='bg-muted/40 h-9 w-full rounded-full border-transparent shadow-none has-[[data-slot=input-group-control]:focus-visible]:bg-background'>\n        <InputGroupAddon>\n          <Search aria-hidden='true' className='text-muted-foreground size-4' />\n        </InputGroupAddon>\n        <InputGroupInput\n          id={id}\n          type='search'\n          autoComplete='off'\n          placeholder='Search products'\n          value={value}\n          onChange={event => onValueChange(event.target.value)}\n          className='rounded-full'\n        />\n      </InputGroup>\n    </form>\n  )\n}"],"mappings":"AAgCM,cAGA,YAHA;AAhCN,SAAS,cAAc;AAEvB,SAAS,YAAY,iBAAiB,uBAAuB;AAStD,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA,KAAK;AACP,GAAmC;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU,WAAS,MAAM,eAAe;AAAA,MACxC,WAAU;AAAA,MACV,WAAW,WAAS;AAClB,YAAI,MAAM,QAAQ,UAAU;AAC1B,cAAI,OAAO;AACT,0BAAc,EAAE;AAChB;AAAA,UACF;AACA,sBAAY;AAAA,QACd;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,WAAM,SAAS,IAAI,WAAU,WAAU,6BAExC;AAAA,QACA,qBAAC,cAAW,WAAU,wIACpB;AAAA,8BAAC,mBACC,8BAAC,UAAO,eAAY,QAAO,WAAU,gCAA+B,GACtE;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACZ;AAAA,cACA,UAAU,WAAS,cAAc,MAAM,OAAO,KAAK;AAAA,cACnD,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/blocks/e-commerce/navigation/storefront-navbar.d.ts

@@ -0,0 +1,121 @@
+import { type AccountMenuItem, type StoreUser } from './storefront-navbar-account-menu';
+import { type CartItem, type CartSheetState } from './storefront-navbar-cart-sheet';
+import type { UtilityLink } from './storefront-navbar-mobile-nav';
+import type { Money } from '@thorprovider/types';
+import type { StoreCategory } from '../../../lib/contracts';
+export interface LogoAccent {
+    /** Trailing segment of `logoText` to render with the accent styling. */
+    text: string;
+    /** Consumer-supplied classes for the accent span (e.g. a brand color token). */
+    className?: string;
+}
+export interface StorefrontNavbarAccountRetryProps {
+    /** Consumer-owned reconciliation in flight; holds the affordance inert. */
+    pending?: boolean;
+    /** Consumer-owned recovery action. Without it the affordance is inert. */
+    onRetry?: () => void;
+}
+/**
+ * Recovery affordance for an unavailable session. The block never resolves the
+ * session itself: it surfaces the state and dispatches the consumer's retry.
+ * Extracted (hooks-free) so the dispatch is testable without a DOM.
+ */
+export declare function StorefrontNavbarAccountRetry({ pending, onRetry }: StorefrontNavbarAccountRetryProps): import("react").JSX.Element;
+export interface StorefrontNavbarProps {
+    storeCategories: StoreCategory[];
+    /**
+     * Optional note shown in the desktop utility strip. When omitted (or empty)
+     * and there are no `utilityLinks`, the strip is not rendered at all, so a
+     * block with no optional content paints no empty decorative chrome.
+     */
+    shippingNote?: string;
+    utilityLinks: UtilityLink[];
+    logoText: string;
+    logoHref?: string;
+    /**
+     * Optional accent for a trailing segment of `logoText` (e.g. the "Cuba" in
+     * "ElectroCuba"). When omitted, or when `text` is not a trailing segment of
+     * `logoText`, the wordmark renders unchanged.
+     */
+    logoAccent?: LogoAccent;
+    /** Account destination for anonymous shoppers on every viewport. */
+    accountHref?: string;
+    /**
+     * When `false`, no search control is rendered at all — neither the desktop
+     * input, the mobile trigger, nor the mobile panel. Defaults to `true` so
+     * legacy consumers keep the existing self-contained search. The generated
+     * storefront passes `false` while no verified global search contract exists
+     * (E2 task 5.4), so no global search is presented as working.
+     */
+    /**
+     * The storefront's current route path. When it matches a destination the link
+     * is marked as the current page (accessibly, beyond color alone).
+     */
+    currentPath?: string;
+    showSearch?: boolean;
+    searchQuery?: string;
+    onSearchChange?: (value: string) => void;
+    items?: CartItem[];
+    /**
+     * Quantity DELTA for a backend cart line-item id. The boundary converts the
+     * delta into an absolute quantity against the authoritative current line
+     * quantity before mutating the cart.
+     */
+    onQtyChange?: (id: string, delta: number) => void;
+    /** Remove the backend cart line-item id. */
+    onRemove?: (id: string) => void;
+    /** Authoritative backend subtotal for the mini-cart. */
+    subtotal?: Money;
+    /** Shown when an authoritative subtotal is supplied but absent/malformed. */
+    subtotalUnavailableLabel?: string;
+    /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */
+    formatMoney?: (money: Money) => string;
+    user?: StoreUser;
+    accountMenuItems?: AccountMenuItem[];
+    onHelp?: () => void;
+    onSignOut?: () => void;
+    accountPending?: boolean;
+    accountUnavailable?: boolean;
+    onAccountRetry?: () => void;
+    onCheckout?: () => void;
+    onViewCart?: () => void;
+    /**
+     * Controlled visibility for the cart sheet. When provided, the sheet opens
+     * and closes from this value and `onCartOpenChange` instead of internal
+     * state, so a host can share one cart surface across the navbar trigger and
+     * successful add-to-cart. Omit both to keep the legacy uncontrolled sheet.
+     */
+    cartOpen?: boolean;
+    /** Change handler paired with `cartOpen` for a controlled sheet. */
+    onCartOpenChange?: (open: boolean) => void;
+    /**
+     * Backend-authoritative cart rendering for the sheet. When `true`, line
+     * amounts use each item's canonical `lineTotal` Money and never fall back to
+     * numeric `price * qty`. Omit for the legacy numeric rendering.
+     */
+    canonicalCart?: boolean;
+    /** Cart read/mutation lifecycle for the sheet. */
+    cartState?: CartSheetState;
+    /** Message shown when `cartState` is `error`. */
+    cartErrorLabel?: string;
+    /** Recovery action label for the error state. */
+    cartRetryLabel?: string;
+    /** Recovery action invoked from the error state. */
+    onCartRetry?: () => void;
+    /** When `true`, the sheet's checkout action is suppressed (checkout not installed). */
+    checkoutUnavailable?: boolean;
+    /** When `true`, the sheet's checkout action is disabled (cart not ready). */
+    checkoutDisabled?: boolean;
+    /** When `true`, the sheet's review action is suppressed (cart view not installed). */
+    viewCartUnavailable?: boolean;
+    /**
+     * Consumer-supplied classes merged onto the outer `<header>` as the final
+     * argument, so a semantic surface such as `bg-brand-nav
+     * text-brand-nav-foreground` overrides the default `bg-background`. Purely
+     * presentational: no layout, structure, or behavior changes.
+     */
+    className?: string;
+}
+export declare function StorefrontNavbar({ storeCategories, shippingNote, utilityLinks, logoText, logoHref, logoAccent, accountHref, currentPath, showSearch, searchQuery: searchQueryProp, onSearchChange, items: itemsProp, onQtyChange: onQtyChangeProp, onRemove: onRemoveProp, subtotal, subtotalUnavailableLabel, formatMoney, user, accountMenuItems, onHelp, onSignOut, accountPending, accountUnavailable, onAccountRetry, onCheckout, onViewCart, cartOpen, onCartOpenChange, canonicalCart, cartState, cartErrorLabel, cartRetryLabel, onCartRetry, checkoutUnavailable, checkoutDisabled, viewCartUnavailable, className, }: StorefrontNavbarProps): import("react").JSX.Element;
+export default StorefrontNavbar;
+//# sourceMappingURL=storefront-navbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"storefront-navbar.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/navigation/storefront-navbar.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA+B,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,kCAAkC,CAAA;AACpH,OAAO,EAA6B,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAC9G,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAKjE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AA0B3D,MAAM,WAAW,UAAU;IACzB,wEAAwE;IACxE,IAAI,EAAE,MAAM,CAAA;IACZ,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAkHD,MAAM,WAAW,iCAAiC;IAChD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAAE,OAAe,EAAE,OAAO,EAAE,EAAE,iCAAiC,+BAc3G;AAED,MAAM,WAAW,qBAAqB;IACpC,eAAe,EAAE,aAAa,EAAE,CAAA;IAChC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;OAMG;IACH;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,6EAA6E;IAC7E,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,sFAAsF;IACtF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAA;IACtC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,uFAAuF;IACvF,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,sFAAsF;IACtF,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,YAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAiB,EACjB,WAAW,EAAE,eAAe,EAC5B,cAAc,EACd,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,eAAe,EAC5B,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,wBAAwB,EACxB,WAAW,EACX,IAAI,EACJ,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,cAAsB,EACtB,kBAA0B,EAC1B,cAAc,EACd,UAAU,EACV,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,cAAc,EACd,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,EACnB,SAAS,GACV,EAAE,qBAAqB,+BAoRvB;AAED,eAAe,gBAAgB,CAAA"}

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

@@ -0,0 +1,424 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var storefront_navbar_exports = {};
+__export(storefront_navbar_exports, {
+  StorefrontNavbar: () => StorefrontNavbar,
+  StorefrontNavbarAccountRetry: () => StorefrontNavbarAccountRetry,
+  default: () => storefront_navbar_default
+});
+module.exports = __toCommonJS(storefront_navbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react2 = require("motion/react");
+var import_lucide_react = require("lucide-react");
+var import_button = require("../../../ui/button.js");
+var import_sheet = require("../../../ui/sheet.js");
+var import_utils = require("../../../lib/utils.js");
+var import_storefront_navbar_account_menu = require("./storefront-navbar-account-menu.js");
+var import_storefront_navbar_cart_sheet = require("./storefront-navbar-cart-sheet.js");
+var import_storefront_navbar_search_bar = require("./storefront-navbar-search-bar.js");
+var import_mega_menu = require("./mega-menu.js");
+var import_mobile_category_drawer = require("./mobile-category-drawer.js");
+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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21.1694 10.5806L14.5651 17.1849", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22.1694 14.5806L18.5632 18.1868", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "13.1", cy: "26.1", r: "1.7", stroke: "currentColor", strokeWidth: "1.2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "22.1", cy: "26.1", r: "1.7", stroke: "currentColor", strokeWidth: "1.2" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-base font-semibold tracking-tight", children: [
+      baseText,
+      hasAccent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: accent?.className, children: accentText }) : null
+    ] })
+  ] });
+  if (!href) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className, children: content });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href, className, children: content });
+}
+function CartBadge({ count }) {
+  const reduceMotion = (0, import_react2.useReducedMotion)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AnimatePresence, { children: count > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react2.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__ */ (0, import_jsx_runtime.jsx)(import_react2.AnimatePresence, { mode: "popLayout", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react2.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__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: "size-11",
+      disabled: pending || !onRetry,
+      "aria-label": "Retry account session",
+      title: "Account session unavailable",
+      onClick: onRetry,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.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] = (0, import_react.useState)([]);
+  const [internalSearch, setInternalSearch] = (0, import_react.useState)("");
+  const [searchOpen, setSearchOpen] = (0, import_react.useState)(false);
+  const [menuOpen, setMenuOpen] = (0, import_react.useState)(false);
+  const searchTriggerRef = (0, import_react.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 = (0, import_react.useMemo)(() => items.reduce((total, item) => total + item.qty, 0), [items]);
+  (0, import_react.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__ */ (0, import_jsx_runtime.jsxs)(
+    "header",
+    {
+      className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-foreground text-background hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-background/80", children: shippingNote }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex items-center gap-5", children: utilityLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "lg:hidden",
+              "aria-label": "Open menu",
+              "aria-expanded": menuOpen,
+              onClick: () => setMenuOpen((open) => !open),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Menu, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_mobile_category_drawer.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 lg:flex-none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Logo, { text: logoText, href: logoHref, accent: logoAccent }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Store", className: "hidden flex-1 lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex items-center gap-0.5", children: storeCategories.map(
+            (category) => category.children && category.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "group relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "a",
+                {
+                  href: category.href,
+                  "aria-current": isCurrent(category.href) ? "page" : void 0,
+                  className: (0, import_utils.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+                import_mega_menu.MegaMenu,
+                {
+                  categories: [toMenuItem(category)],
+                  collections: [],
+                  collectionsHref: "",
+                  categoryColumnTitle: category.label
+                }
+              ) })
+            ] }, category.href) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "a",
+              {
+                href: category.href,
+                "aria-current": isCurrent(category.href) ? "page" : void 0,
+                className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+            showSearch ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden lg:block lg:w-64", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_storefront_navbar_search_bar.StorefrontNavbarSearchBar,
+                {
+                  id: "store-search",
+                  value: searchQuery,
+                  onValueChange: setSearchQuery
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_button.Button,
+                {
+                  ref: searchTriggerRef,
+                  variant: "ghost",
+                  size: "icon",
+                  className: "lg:hidden",
+                  "aria-label": "Search products",
+                  "aria-expanded": searchOpen,
+                  onClick: () => setSearchOpen((open) => !open),
+                  children: searchOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Search, {})
+                }
+              )
+            ] }) : null,
+            accountUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StorefrontNavbarAccountRetry, { pending: accountPending, onRetry: onAccountRetry }) : user ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_storefront_navbar_account_menu.StorefrontNavbarAccountMenu,
+              {
+                user,
+                items: accountMenuItems,
+                onHelp,
+                onSignOut,
+                pending: accountPending
+              }
+            ) : accountHref ? accountPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", size: "icon", className: "size-11", disabled: true, "aria-label": "Loading account session", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.UserRound, { "aria-hidden": "true" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", size: "icon", className: "size-11", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: accountHref, "aria-label": "Account", "aria-current": isCurrent(accountHref) ? "page" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.UserRound, { "aria-hidden": "true" }) }) }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_sheet.Sheet,
+              {
+                ...cartOpen !== void 0 ? { open: cartOpen, onOpenChange: onCartOpenChange } : {},
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.SheetTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    import_button.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "relative overflow-visible",
+                      "aria-label": `Cart, ${count} ${count === 1 ? "item" : "items"}`,
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShoppingBag, { className: "size-5" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CartBadge, { count })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.SheetContent, { side: "right", className: "flex w-full max-w-sm flex-col gap-0 p-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.SheetHeader, { className: "border-border border-b", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.SheetTitle, { className: "text-left text-base", children: [
+                      "Cart",
+                      count > 0 ? ` (${count})` : ""
+                    ] }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_storefront_navbar_cart_sheet.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__ */ (0, import_jsx_runtime.jsx)("p", { "aria-live": "polite", className: "sr-only", children: `Cart contains ${count} ${count === 1 ? "item" : "items"}` }),
+        showSearch && searchOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border-border flex flex-col gap-0 border-t p-4 lg:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_storefront_navbar_search_bar.StorefrontNavbarSearchBar,
+          {
+            id: "store-search-mobile",
+            value: searchQuery,
+            onValueChange: setSearchQuery,
+            onDismiss: dismissSearch
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+var storefront_navbar_default = StorefrontNavbar;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StorefrontNavbar,
+  StorefrontNavbarAccountRetry
+});
+//# sourceMappingURL=storefront-navbar.js.map