@thorprovider/blocks 1.0.0 → 3.0.0

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

@@ -0,0 +1,111 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Heart, HelpCircle, LogOut, MapPin, Package, Settings } from "lucide-react";
+import { Avatar, AvatarFallback, AvatarImage } from "../../../ui/avatar.mjs";
+import { Button } from "../../../ui/button.mjs";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "../../../ui/dropdown-menu.mjs";
+const accountIcons = {
+  orders: Package,
+  wishlist: Heart,
+  addresses: MapPin,
+  settings: Settings
+};
+function StorefrontNavbarAccountMenu({
+  user,
+  items = [],
+  onHelp,
+  onSignOut,
+  pending = false
+}) {
+  if (!user) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "size-11 rounded-full",
+        disabled: pending,
+        "aria-label": `Account menu for ${user.name}`,
+        children: /* @__PURE__ */ jsxs(Avatar, { size: "sm", className: "pointer-events-none size-8", children: [
+          /* @__PURE__ */ jsx(AvatarImage, { src: user.avatar || void 0, alt: "" }),
+          /* @__PURE__ */ jsx(AvatarFallback, { children: user.initials })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      DropdownMenuContent,
+      {
+        align: "end",
+        sideOffset: 8,
+        className: "w-64 origin-(--transform-origin) p-1.5 duration-[250ms] data-closed:duration-150",
+        children: /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "px-2 py-2 font-normal", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs(Avatar, { size: "sm", className: "pointer-events-none", children: [
+              /* @__PURE__ */ jsx(AvatarImage, { src: user.avatar || void 0, alt: "" }),
+              /* @__PURE__ */ jsx(AvatarFallback, { children: user.initials })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-foreground truncate text-sm font-medium", children: user.name }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground truncate text-xs", children: user.email })
+            ] })
+          ] }) }),
+          items.length > 0 ? /* @__PURE__ */ jsx(DropdownMenuSeparator, {}) : null,
+          items.map((item) => {
+            const Icon = item.icon ? accountIcons[item.icon] : Package;
+            return /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, disabled: pending, className: "gap-2.5 px-2 py-2", children: /* @__PURE__ */ jsxs("a", { href: item.href, children: [
+              /* @__PURE__ */ jsx(Icon, { className: "text-muted-foreground size-4" }),
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm", children: item.label }),
+                item.description ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs font-normal", children: item.description }) : null
+              ] })
+            ] }) }, item.href);
+          }),
+          onHelp || onSignOut ? /* @__PURE__ */ jsx(DropdownMenuSeparator, {}) : null,
+          onHelp ? /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              disabled: pending,
+              className: "gap-2.5 px-2 py-2",
+              onSelect: () => {
+                if (!pending) onHelp();
+              },
+              children: [
+                /* @__PURE__ */ jsx(HelpCircle, { className: "text-muted-foreground size-4" }),
+                "Help & support"
+              ]
+            }
+          ) : null,
+          onSignOut ? /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              disabled: pending,
+              variant: "destructive",
+              className: "gap-2.5 px-2 py-2",
+              onSelect: () => {
+                if (!pending) onSignOut();
+              },
+              children: [
+                /* @__PURE__ */ jsx(LogOut, { className: "size-4" }),
+                "Sign out"
+              ]
+            }
+          ) : null
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  StorefrontNavbarAccountMenu
+};
+//# sourceMappingURL=storefront-navbar-account-menu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/navigation/storefront-navbar-account-menu.tsx"],"sourcesContent":["import { Heart, HelpCircle, LogOut, MapPin, Package, Settings } from 'lucide-react'\n\nimport { Avatar, AvatarFallback, AvatarImage } from '../../../ui/avatar'\nimport { Button } from '../../../ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '../../../ui/dropdown-menu'\n\nexport interface StoreUser {\n  name: string\n  email: string\n  avatar?: string\n  initials: string\n}\n\nexport interface AccountMenuItem {\n  label: string\n  href: string\n  description?: string\n  icon?: 'orders' | 'wishlist' | 'addresses' | 'settings'\n}\n\nexport interface StorefrontNavbarAccountMenuProps {\n  /** Signed-in user. When omitted, the menu is not rendered. */\n  user?: StoreUser\n  /** Account links shown below the user header. Defaults to `[]`. */\n  items?: AccountMenuItem[]\n  onHelp?: () => void\n  onSignOut?: () => void\n  pending?: boolean\n}\n\nconst accountIcons = {\n  orders: Package,\n  wishlist: Heart,\n  addresses: MapPin,\n  settings: Settings,\n} as const\n\nexport function StorefrontNavbarAccountMenu({\n  user,\n  items = [],\n  onHelp,\n  onSignOut,\n  pending = false,\n}: StorefrontNavbarAccountMenuProps) {\n  if (!user) {\n    return null\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          variant='ghost'\n          size='icon'\n          className='size-11 rounded-full'\n          disabled={pending}\n          aria-label={`Account menu for ${user.name}`}\n        >\n          <Avatar size='sm' className='pointer-events-none size-8'>\n            <AvatarImage src={user.avatar || undefined} alt='' />\n            <AvatarFallback>{user.initials}</AvatarFallback>\n          </Avatar>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align='end'\n        sideOffset={8}\n        className='w-64 origin-(--transform-origin) p-1.5 duration-[250ms] data-closed:duration-150'\n      >\n        <DropdownMenuGroup>\n          <DropdownMenuLabel className='px-2 py-2 font-normal'>\n            <div className='flex items-center gap-3'>\n              <Avatar size='sm' className='pointer-events-none'>\n                <AvatarImage src={user.avatar || undefined} alt='' />\n                <AvatarFallback>{user.initials}</AvatarFallback>\n              </Avatar>\n              <div className='min-w-0'>\n                <p className='text-foreground truncate text-sm font-medium'>{user.name}</p>\n                <p className='text-muted-foreground truncate text-xs'>{user.email}</p>\n              </div>\n            </div>\n          </DropdownMenuLabel>\n          {items.length > 0 ? <DropdownMenuSeparator /> : null}\n          {items.map(item => {\n            const Icon = item.icon ? accountIcons[item.icon] : Package\n            return (\n              <DropdownMenuItem key={item.href} asChild disabled={pending} className='gap-2.5 px-2 py-2'>\n                <a href={item.href}>\n                  <Icon className='text-muted-foreground size-4' />\n                  <span className='flex min-w-0 flex-col'>\n                    <span className='text-sm'>{item.label}</span>\n                    {item.description ? (\n                      <span className='text-muted-foreground text-xs font-normal'>{item.description}</span>\n                    ) : null}\n                  </span>\n                </a>\n              </DropdownMenuItem>\n            )\n          })}\n          {onHelp || onSignOut ? <DropdownMenuSeparator /> : null}\n          {onHelp ? (\n            <DropdownMenuItem\n              disabled={pending}\n              className='gap-2.5 px-2 py-2'\n              onSelect={() => { if (!pending) onHelp() }}\n            >\n              <HelpCircle className='text-muted-foreground size-4' />\n              Help & support\n            </DropdownMenuItem>\n          ) : null}\n          {onSignOut ? (\n            <DropdownMenuItem\n              disabled={pending}\n              variant='destructive'\n              className='gap-2.5 px-2 py-2'\n              onSelect={() => { if (!pending) onSignOut() }}\n            >\n              <LogOut className='size-4' />\n              Sign out\n            </DropdownMenuItem>\n          ) : null}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,66 @@
+import type { Money } from '@thorprovider/types';
+export interface CartItem {
+    /** Backend cart line-item id — the stable identity for update/removal. */
+    id: string;
+    name: string;
+    variant?: string;
+    price: number;
+    qty: number;
+    /** Optional; an absent image is omitted rather than serialized as `""`. */
+    image?: string;
+    /**
+     * Canonical backend line amount. Required for truthful rendering in
+     * `canonical` mode; when absent/invalid the line shows the unavailable
+     * label rather than a numeric fallback.
+     */
+    lineTotal?: Money;
+}
+export type CartSheetState = 'idle' | 'pending' | 'error';
+export interface StorefrontNavbarCartSheetProps {
+    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. Preferred over any local line math. */
+    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;
+    /** @deprecated legacy numeric formatter; ignored when `subtotal` is supplied. */
+    formatPrice?: (value: number) => string;
+    onCheckout?: () => void;
+    onViewCart?: () => void;
+    /**
+     * Backend-authoritative rendering. When `true`, each line amount comes from
+     * the item's canonical `lineTotal` Money and the sheet never recomputes
+     * `price * qty`. When omitted/false, legacy numeric rendering is preserved
+     * for standalone consumers.
+     */
+    canonical?: boolean;
+    /** Shown in `canonical` mode when a line amount is missing or malformed. */
+    lineUnavailableLabel?: string;
+    /** Cart read/mutation lifecycle. Pending retains confirmed lines; error is recoverable. */
+    state?: CartSheetState;
+    /** Message shown when `state` is `error`. */
+    errorLabel?: string;
+    /** Label for the recovery action in the error state. */
+    retryLabel?: string;
+    /** Recovery action invoked from the error state. */
+    onRetry?: () => void;
+    /** Label shown while `state` is `pending`. */
+    pendingLabel?: string;
+    /** When `true`, the checkout action is suppressed (checkout not installed). */
+    checkoutUnavailable?: boolean;
+    /** When `true`, the checkout action is disabled (cart not ready / invalid amounts). */
+    checkoutDisabled?: boolean;
+    /** When `true`, the review action is suppressed (cart view not installed). */
+    viewCartUnavailable?: boolean;
+}
+export declare function StorefrontNavbarCartSheet({ items, onQtyChange, onRemove, subtotal: subtotalProp, subtotalUnavailableLabel, formatMoney: formatMoneyProp, formatPrice, onCheckout, onViewCart, canonical, lineUnavailableLabel, state, errorLabel, retryLabel, onRetry, pendingLabel, checkoutUnavailable, checkoutDisabled, viewCartUnavailable, }: StorefrontNavbarCartSheetProps): import("react").JSX.Element;
+//# sourceMappingURL=storefront-navbar-cart-sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"storefront-navbar-cart-sheet.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/navigation/storefront-navbar-cart-sheet.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAGhD,MAAM,WAAW,QAAQ;IACvB,0EAA0E;IAC1E,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;AAEzD,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB;;;;OAIG;IACH,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,0EAA0E;IAC1E,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,iFAAiF;IACjF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,2FAA2F;IAC3F,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+EAA+E;IAC/E,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAsBD,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,wBAA8B,EAC9B,WAAW,EAAE,eAAe,EAC5B,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAiB,EACjB,oBAA0B,EAC1B,KAAc,EACd,UAAgD,EAChD,UAAyB,EACzB,OAAO,EACP,YAAyC,EACzC,mBAA2B,EAC3B,gBAAwB,EACxB,mBAA2B,GAC5B,EAAE,8BAA8B,+BAoPhC"}

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

@@ -0,0 +1,280 @@
+"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_cart_sheet_exports = {};
+__export(storefront_navbar_cart_sheet_exports, {
+  StorefrontNavbarCartSheet: () => StorefrontNavbarCartSheet
+});
+module.exports = __toCommonJS(storefront_navbar_cart_sheet_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_empty = require("../../../ui/empty.js");
+var import_separator = require("../../../ui/separator.js");
+var import_sheet = require("../../../ui/sheet.js");
+var import_money = require("../../../lib/money.js");
+const usdFormatter = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
+const smokyExit = {
+  opacity: 0,
+  y: 10,
+  scale: 0.96,
+  filter: "blur(8px)",
+  transition: { duration: 0.35, ease: [0.4, 0, 0.2, 1] }
+};
+const revealEase = [0.22, 1, 0.36, 1];
+const revealHidden = { opacity: 0, y: 12, filter: "blur(3px)" };
+const revealShown = { opacity: 1, y: 0, filter: "blur(0px)" };
+const revealExit = { opacity: 0, y: 0, filter: "blur(0px)", transition: { duration: 0.2, ease: "easeOut" } };
+function StorefrontNavbarCartSheet({
+  items,
+  onQtyChange,
+  onRemove,
+  subtotal: subtotalProp,
+  subtotalUnavailableLabel = "\u2014",
+  formatMoney: formatMoneyProp,
+  formatPrice,
+  onCheckout,
+  onViewCart,
+  canonical = false,
+  lineUnavailableLabel = "\u2014",
+  state = "idle",
+  errorLabel = "No se pudo actualizar el carrito.",
+  retryLabel = "Reintentar",
+  onRetry,
+  pendingLabel = "Actualizando el carrito\u2026",
+  checkoutUnavailable = false,
+  checkoutDisabled = false,
+  viewCartUnavailable = false
+}) {
+  const reduceMotion = (0, import_react2.useReducedMotion)();
+  const format = formatPrice ?? ((value) => usdFormatter.format(value));
+  const localSubtotal = items.reduce((total, item) => total + item.price * item.qty, 0);
+  const authoritativeSubtotal = subtotalProp !== void 0 ? (0, import_money.formatMoney)(subtotalProp, formatMoneyProp) : null;
+  const isEmpty = items.length === 0;
+  const isPending = state === "pending";
+  const isError = state === "error";
+  const [showEmpty, setShowEmpty] = (0, import_react.useState)(isEmpty);
+  (0, import_react.useEffect)(() => {
+    if (!isEmpty) {
+      setShowEmpty(false);
+    }
+  }, [isEmpty]);
+  const lineAmount = (item) => {
+    if (canonical) {
+      if (item.lineTotal === void 0) {
+        return lineUnavailableLabel;
+      }
+      return (0, import_money.formatMoney)(item.lineTotal, formatMoneyProp) ?? lineUnavailableLabel;
+    }
+    return format(item.price * item.qty);
+  };
+  const showConfirmedEmpty = showEmpty && !isPending && !isError;
+  const mutationsDisabled = isPending;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+      isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "p",
+        {
+          role: "status",
+          "aria-live": "polite",
+          className: "border-border text-muted-foreground border-b px-4 py-2 text-sm",
+          children: pendingLabel
+        }
+      ) : null,
+      isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          role: "alert",
+          className: "border-border flex items-center justify-between gap-2 border-b px-4 py-2 text-sm",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-destructive", children: errorLabel }),
+            onRetry ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", size: "sm", onClick: onRetry, children: retryLabel }) : null
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex-1 overflow-y-auto px-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react2.AnimatePresence,
+        {
+          initial: false,
+          mode: "popLayout",
+          onExitComplete: () => {
+            if (items.length === 0) {
+              setShowEmpty(true);
+            }
+          },
+          children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_react2.motion.li,
+            {
+              layout: !reduceMotion,
+              initial: reduceMotion ? false : { opacity: 0, y: 8, filter: "blur(4px)" },
+              animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+              exit: reduceMotion ? { opacity: 0 } : smokyExit,
+              transition: { duration: 0.28, ease: [0.22, 1, 0.36, 1] },
+              className: "border-border flex gap-4 border-b py-4 last:border-b-0",
+              style: { willChange: "transform, opacity, filter" },
+              children: [
+                item.image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "img",
+                  {
+                    src: item.image || void 0,
+                    alt: "",
+                    width: 80,
+                    height: 96,
+                    className: "bg-muted size-20 shrink-0 rounded-md object-cover"
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "aria-hidden": "true", className: "bg-muted size-20 shrink-0 rounded-md" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "truncate text-sm font-medium", children: item.name }),
+                      item.variant ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm", children: item.variant }) : null
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: lineAmount(item) })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-auto flex items-center justify-between pt-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "border-border flex items-center rounded-md border", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_button.Button,
+                        {
+                          variant: "ghost",
+                          size: "icon",
+                          className: "size-8 rounded-r-none",
+                          "aria-label": `Decrease quantity, ${item.name}`,
+                          disabled: mutationsDisabled,
+                          onClick: () => onQtyChange(item.id, -1),
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Minus, {})
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-8 text-center text-sm tabular-nums", children: item.qty }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_button.Button,
+                        {
+                          variant: "ghost",
+                          size: "icon",
+                          className: "size-8 rounded-l-none",
+                          "aria-label": `Increase quantity, ${item.name}`,
+                          disabled: mutationsDisabled,
+                          onClick: () => onQtyChange(item.id, 1),
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Plus, {})
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_button.Button,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        className: "text-muted-foreground hover:text-foreground",
+                        "aria-label": `Remove ${item.name} from cart`,
+                        disabled: mutationsDisabled,
+                        onClick: () => onRemove(item.id),
+                        children: "Remove"
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            },
+            item.id
+          ))
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AnimatePresence, { children: showConfirmedEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react2.motion.div,
+        {
+          initial: false,
+          exit: reduceMotion ? { opacity: 0 } : revealExit,
+          className: "absolute inset-0",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_empty.Empty, { className: "h-full border-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_empty.EmptyHeader, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_react2.motion.div,
+                {
+                  initial: reduceMotion ? false : revealHidden,
+                  animate: revealShown,
+                  transition: reduceMotion ? { duration: 0 } : { duration: 0.5, ease: revealEase, delay: 0 },
+                  style: { willChange: "transform, opacity, filter" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.EmptyMedia, { variant: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShoppingBag, { "aria-hidden": "true" }) })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_react2.motion.div,
+                {
+                  initial: reduceMotion ? false : revealHidden,
+                  animate: revealShown,
+                  transition: reduceMotion ? { duration: 0 } : { duration: 0.5, ease: revealEase, delay: 0.04 },
+                  style: { willChange: "transform, opacity, filter" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.EmptyTitle, { children: "Your cart is empty" })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_react2.motion.div,
+                {
+                  initial: reduceMotion ? false : revealHidden,
+                  animate: revealShown,
+                  transition: reduceMotion ? { duration: 0 } : { duration: 0.5, ease: revealEase, delay: 0.08 },
+                  style: { willChange: "transform, opacity, filter" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.EmptyDescription, { children: "Once you add something it will show up here." })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_react2.motion.div,
+              {
+                initial: reduceMotion ? false : revealHidden,
+                animate: revealShown,
+                transition: reduceMotion ? { duration: 0 } : { duration: 0.5, ease: revealEase, delay: 0.12 },
+                style: { willChange: "transform, opacity, filter" },
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.EmptyContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { children: "Continue shopping" }) }) })
+              }
+            )
+          ] })
+        },
+        "empty"
+      ) : null })
+    ] }),
+    !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-4 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_separator.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: "Subtotal" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium tabular-nums", children: canonical || subtotalProp !== void 0 ? authoritativeSubtotal ?? subtotalUnavailableLabel : format(localSubtotal) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-xs", children: "Shipping and taxes are calculated at checkout." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        checkoutUnavailable ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.Button,
+          {
+            className: "w-full",
+            disabled: checkoutDisabled || isPending,
+            onClick: onCheckout,
+            children: "Checkout"
+          }
+        ),
+        viewCartUnavailable ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", className: "w-full", onClick: onViewCart, children: "View cart" })
+      ] })
+    ] }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StorefrontNavbarCartSheet
+});
+//# sourceMappingURL=storefront-navbar-cart-sheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/navigation/storefront-navbar-cart-sheet.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react'\nimport { Minus, Plus, ShoppingBag } from 'lucide-react'\n\nimport { Button } from '../../../ui/button'\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from '../../../ui/empty'\nimport { Separator } from '../../../ui/separator'\nimport { SheetClose } from '../../../ui/sheet'\nimport type { Money } from '@thorprovider/types'\nimport { formatMoney } from '../../../lib/money'\n\nexport interface CartItem {\n  /** Backend cart line-item id — the stable identity for update/removal. */\n  id: string\n  name: string\n  variant?: string\n  price: number\n  qty: number\n  /** Optional; an absent image is omitted rather than serialized as `\"\"`. */\n  image?: string\n  /**\n   * Canonical backend line amount. Required for truthful rendering in\n   * `canonical` mode; when absent/invalid the line shows the unavailable\n   * label rather than a numeric fallback.\n   */\n  lineTotal?: Money\n}\n\nexport type CartSheetState = 'idle' | 'pending' | 'error'\n\nexport interface StorefrontNavbarCartSheetProps {\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. Preferred over any local line math. */\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  /** @deprecated legacy numeric formatter; ignored when `subtotal` is supplied. */\n  formatPrice?: (value: number) => string\n  onCheckout?: () => void\n  onViewCart?: () => void\n  /**\n   * Backend-authoritative rendering. When `true`, each line amount comes from\n   * the item's canonical `lineTotal` Money and the sheet never recomputes\n   * `price * qty`. When omitted/false, legacy numeric rendering is preserved\n   * for standalone consumers.\n   */\n  canonical?: boolean\n  /** Shown in `canonical` mode when a line amount is missing or malformed. */\n  lineUnavailableLabel?: string\n  /** Cart read/mutation lifecycle. Pending retains confirmed lines; error is recoverable. */\n  state?: CartSheetState\n  /** Message shown when `state` is `error`. */\n  errorLabel?: string\n  /** Label for the recovery action in the error state. */\n  retryLabel?: string\n  /** Recovery action invoked from the error state. */\n  onRetry?: () => void\n  /** Label shown while `state` is `pending`. */\n  pendingLabel?: string\n  /** When `true`, the checkout action is suppressed (checkout not installed). */\n  checkoutUnavailable?: boolean\n  /** When `true`, the checkout action is disabled (cart not ready / invalid amounts). */\n  checkoutDisabled?: boolean\n  /** When `true`, the review action is suppressed (cart view not installed). */\n  viewCartUnavailable?: boolean\n}\n\nconst usdFormatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' })\n\n/** Approximate Transitions.dev `delete-with-smoky-dissolve` for list rows (Pro effect). */\nconst smokyExit = {\n  opacity: 0,\n  y: 10,\n  scale: 0.96,\n  filter: 'blur(8px)',\n  transition: { duration: 0.35, ease: [0.4, 0, 0.2, 1] as const },\n}\n\n/**\n * Transitions.dev `texts-reveal`: lines rise from below with blur, staggered.\n * Exit is a quiet in-place fade — no Y return, no reverse stagger.\n */\nconst revealEase = [0.22, 1, 0.36, 1] as const\nconst revealHidden = { opacity: 0, y: 12, filter: 'blur(3px)' }\nconst revealShown = { opacity: 1, y: 0, filter: 'blur(0px)' }\nconst revealExit = { opacity: 0, y: 0, filter: 'blur(0px)', transition: { duration: 0.2, ease: 'easeOut' as const } }\n\nexport function StorefrontNavbarCartSheet({\n  items,\n  onQtyChange,\n  onRemove,\n  subtotal: subtotalProp,\n  subtotalUnavailableLabel = '—',\n  formatMoney: formatMoneyProp,\n  formatPrice,\n  onCheckout,\n  onViewCart,\n  canonical = false,\n  lineUnavailableLabel = '—',\n  state = 'idle',\n  errorLabel = 'No se pudo actualizar el carrito.',\n  retryLabel = 'Reintentar',\n  onRetry,\n  pendingLabel = 'Actualizando el carrito…',\n  checkoutUnavailable = false,\n  checkoutDisabled = false,\n  viewCartUnavailable = false,\n}: StorefrontNavbarCartSheetProps) {\n  const reduceMotion = useReducedMotion()\n  const format = formatPrice ?? (value => usdFormatter.format(value))\n  const localSubtotal = items.reduce((total, item) => total + item.price * item.qty, 0)\n  const authoritativeSubtotal = subtotalProp !== undefined ? formatMoney(subtotalProp, formatMoneyProp) : null\n  const isEmpty = items.length === 0\n  const isPending = state === 'pending'\n  const isError = state === 'error'\n  /** Wait for the last cart row's exit before revealing empty copy. */\n  const [showEmpty, setShowEmpty] = useState(isEmpty)\n\n  useEffect(() => {\n    if (!isEmpty) {\n      setShowEmpty(false)\n    }\n  }, [isEmpty])\n\n  const lineAmount = (item: CartItem): string => {\n    if (canonical) {\n      if (item.lineTotal === undefined) {\n        return lineUnavailableLabel\n      }\n      return formatMoney(item.lineTotal, formatMoneyProp) ?? lineUnavailableLabel\n    }\n    return format(item.price * item.qty)\n  }\n\n  // A confirmed empty cart is only claimed when no read/mutation is in flight\n  // and no read error is outstanding; otherwise the sheet shows loading/error.\n  const showConfirmedEmpty = showEmpty && !isPending && !isError\n  const mutationsDisabled = isPending\n\n  return (\n    <>\n      <div className='relative flex min-h-0 flex-1 flex-col overflow-hidden'>\n        {isPending ? (\n          <p\n            role='status'\n            aria-live='polite'\n            className='border-border text-muted-foreground border-b px-4 py-2 text-sm'\n          >\n            {pendingLabel}\n          </p>\n        ) : null}\n        {isError ? (\n          <div\n            role='alert'\n            className='border-border flex items-center justify-between gap-2 border-b px-4 py-2 text-sm'\n          >\n            <span className='text-destructive'>{errorLabel}</span>\n            {onRetry ? (\n              <Button variant='ghost' size='sm' onClick={onRetry}>\n                {retryLabel}\n              </Button>\n            ) : null}\n          </div>\n        ) : null}\n        <ul className='flex-1 overflow-y-auto px-4'>\n          <AnimatePresence\n            initial={false}\n            mode='popLayout'\n            onExitComplete={() => {\n              if (items.length === 0) {\n                setShowEmpty(true)\n              }\n            }}\n          >\n            {items.map(item => (\n              <motion.li\n                key={item.id}\n                layout={!reduceMotion}\n                initial={reduceMotion ? false : { opacity: 0, y: 8, filter: 'blur(4px)' }}\n                animate={{ opacity: 1, y: 0, filter: 'blur(0px)' }}\n                exit={reduceMotion ? { opacity: 0 } : smokyExit}\n                transition={{ duration: 0.28, ease: [0.22, 1, 0.36, 1] }}\n                className='border-border flex gap-4 border-b py-4 last:border-b-0'\n                style={{ willChange: 'transform, opacity, filter' }}\n              >\n                {item.image ? (\n                  <img\n                    src={item.image || undefined}\n                    alt=''\n                    width={80}\n                    height={96}\n                    className='bg-muted size-20 shrink-0 rounded-md object-cover'\n                  />\n                ) : (\n                  <div aria-hidden='true' className='bg-muted size-20 shrink-0 rounded-md' />\n                )}\n                <div className='flex min-w-0 flex-1 flex-col'>\n                  <div className='flex items-start justify-between gap-2'>\n                    <div className='min-w-0'>\n                      <p className='truncate text-sm font-medium'>{item.name}</p>\n                      {item.variant ? (\n                        <p className='text-muted-foreground text-sm'>{item.variant}</p>\n                      ) : null}\n                    </div>\n                    <p className='text-sm font-medium'>{lineAmount(item)}</p>\n                  </div>\n\n                  <div className='mt-auto flex items-center justify-between pt-2'>\n                    <div className='border-border flex items-center rounded-md border'>\n                      <Button\n                        variant='ghost'\n                        size='icon'\n                        className='size-8 rounded-r-none'\n                        aria-label={`Decrease quantity, ${item.name}`}\n                        disabled={mutationsDisabled}\n                        onClick={() => onQtyChange(item.id, -1)}\n                      >\n                        <Minus />\n                      </Button>\n                      <span className='w-8 text-center text-sm tabular-nums'>{item.qty}</span>\n                      <Button\n                        variant='ghost'\n                        size='icon'\n                        className='size-8 rounded-l-none'\n                        aria-label={`Increase quantity, ${item.name}`}\n                        disabled={mutationsDisabled}\n                        onClick={() => onQtyChange(item.id, 1)}\n                      >\n                        <Plus />\n                      </Button>\n                    </div>\n                    <Button\n                      variant='ghost'\n                      size='sm'\n                      className='text-muted-foreground hover:text-foreground'\n                      aria-label={`Remove ${item.name} from cart`}\n                      disabled={mutationsDisabled}\n                      onClick={() => onRemove(item.id)}\n                    >\n                      Remove\n                    </Button>\n                  </div>\n                </div>\n              </motion.li>\n            ))}\n          </AnimatePresence>\n        </ul>\n\n        <AnimatePresence>\n          {showConfirmedEmpty ? (\n            <motion.div\n              key='empty'\n              initial={false}\n              exit={reduceMotion ? { opacity: 0 } : revealExit}\n              className='absolute inset-0'\n            >\n              <Empty className='h-full border-0'>\n                <EmptyHeader>\n                  <motion.div\n                    initial={reduceMotion ? false : revealHidden}\n                    animate={revealShown}\n                    transition={\n                      reduceMotion\n                        ? { duration: 0 }\n                        : { duration: 0.5, ease: revealEase, delay: 0 }\n                    }\n                    style={{ willChange: 'transform, opacity, filter' }}\n                  >\n                    <EmptyMedia variant='icon'>\n                      <ShoppingBag aria-hidden='true' />\n                    </EmptyMedia>\n                  </motion.div>\n                  <motion.div\n                    initial={reduceMotion ? false : revealHidden}\n                    animate={revealShown}\n                    transition={\n                      reduceMotion\n                        ? { duration: 0 }\n                        : { duration: 0.5, ease: revealEase, delay: 0.04 }\n                    }\n                    style={{ willChange: 'transform, opacity, filter' }}\n                  >\n                    <EmptyTitle>Your cart is empty</EmptyTitle>\n                  </motion.div>\n                  <motion.div\n                    initial={reduceMotion ? false : revealHidden}\n                    animate={revealShown}\n                    transition={\n                      reduceMotion\n                        ? { duration: 0 }\n                        : { duration: 0.5, ease: revealEase, delay: 0.08 }\n                    }\n                    style={{ willChange: 'transform, opacity, filter' }}\n                  >\n                    <EmptyDescription>Once you add something it will show up here.</EmptyDescription>\n                  </motion.div>\n                </EmptyHeader>\n                <motion.div\n                  initial={reduceMotion ? false : revealHidden}\n                  animate={revealShown}\n                  transition={\n                    reduceMotion\n                      ? { duration: 0 }\n                      : { duration: 0.5, ease: revealEase, delay: 0.12 }\n                  }\n                  style={{ willChange: 'transform, opacity, filter' }}\n                >\n                  <EmptyContent>\n                    <SheetClose asChild>\n                      <Button>Continue shopping</Button>\n                    </SheetClose>\n                  </EmptyContent>\n                </motion.div>\n              </Empty>\n            </motion.div>\n          ) : null}\n        </AnimatePresence>\n      </div>\n\n      {!isEmpty ? (\n        <div className='flex flex-col gap-4 p-4'>\n          <Separator />\n          <div className='flex items-center justify-between text-sm'>\n            <span className='text-muted-foreground'>Subtotal</span>\n            <span className='font-medium tabular-nums'>\n              {canonical || subtotalProp !== undefined\n                ? authoritativeSubtotal ?? subtotalUnavailableLabel\n                : format(localSubtotal)}\n            </span>\n          </div>\n          <p className='text-muted-foreground text-xs'>Shipping and taxes are calculated at checkout.</p>\n          <div className='flex flex-col gap-2'>\n            {checkoutUnavailable ? null : (\n              <Button\n                className='w-full'\n                disabled={checkoutDisabled || isPending}\n                onClick={onCheckout}\n              >\n                Checkout\n              </Button>\n            )}\n            {viewCartUnavailable ? null : (\n              <Button variant='ghost' className='w-full' onClick={onViewCart}>\n                View cart\n              </Button>\n            )}\n          </div>\n        </div>\n      ) : null}\n    </>\n  )\n}"],"mappings":"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","names":["import_react"]}