@thorprovider/blocks 2.0.0 → 3.0.1

package/dist/blocks/e-commerce/navigation/mobile-category-drawer.mjs

@@ -0,0 +1,235 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, X } from "lucide-react";
+import { useEffect, useState } from "react";
+import { z } from "zod";
+import {
+  collectionItemSchema,
+  menuItemSchema
+} from "../../../lib/types/menu.mjs";
+import { cn } from "../../../lib/utils.mjs";
+import { CategoryIcon } from "./category-icon.mjs";
+const mobileCategoryDrawerPropsSchema = z.object({
+  categories: z.array(menuItemSchema),
+  collections: z.array(collectionItemSchema),
+  open: z.boolean(),
+  onClose: z.function().returns(z.void()),
+  rootTitle: z.string().optional(),
+  collectionsTitle: z.string().optional(),
+  viewAllLabel: z.string().optional(),
+  viewAllHref: z.string().optional(),
+  closeAriaLabel: z.string().optional(),
+  backAriaLabel: z.string().optional(),
+  menuAriaLabel: z.string().optional()
+});
+function MobileCategoryDrawer({
+  categories,
+  collections,
+  open,
+  onClose,
+  rootTitle = "Categor\xEDas",
+  collectionsTitle = "Colecciones",
+  viewAllLabel = "Ver todas",
+  viewAllHref,
+  closeAriaLabel = "Cerrar men\xFA",
+  backAriaLabel = "Volver",
+  menuAriaLabel = "Men\xFA de categor\xEDas"
+}) {
+  const root = { items: categories, title: rootTitle };
+  const [stack, setStack] = useState([root]);
+  const current = stack[stack.length - 1];
+  useEffect(() => {
+    if (!open) return;
+    const previous = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previous;
+    };
+  }, [open]);
+  const push = (item) => {
+    if (item.children?.length) {
+      setStack((levels) => [
+        ...levels,
+        {
+          items: item.children,
+          title: item.label,
+          image: item.image ?? current.image,
+          href: item.href
+        }
+      ]);
+    }
+  };
+  const handleClose = () => {
+    setStack([root]);
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    open ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "fixed inset-0 z-40 bg-foreground/50 backdrop-blur-sm",
+        "aria-label": closeAriaLabel,
+        onClick: handleClose
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "dialog",
+        "aria-label": menuAriaLabel,
+        "aria-modal": "true",
+        "aria-hidden": !open,
+        className: cn(
+          "fixed inset-y-0 left-0 z-50 flex w-full max-w-sm flex-col overflow-hidden bg-card text-foreground shadow-2xl transition-transform duration-200",
+          open ? "translate-x-0" : "-translate-x-full"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-h-14 shrink-0 items-center gap-2 border-b bg-primary px-3 text-primary-foreground", children: [
+            stack.length > 1 && /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setStack((levels) => levels.slice(0, -1)),
+                "aria-label": backAriaLabel,
+                className: "rounded-md p-2 hover:bg-primary-foreground/10",
+                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-5" })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-sm font-bold", children: current.title }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: handleClose,
+                "aria-label": closeAriaLabel,
+                className: "rounded-md p-2 hover:bg-primary-foreground/10",
+                children: /* @__PURE__ */ jsx(X, { className: "size-5" })
+              }
+            )
+          ] }),
+          current.image && /* @__PURE__ */ jsxs("div", { className: "relative h-28 shrink-0", children: [
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: current.image || void 0,
+                alt: "",
+                loading: "lazy",
+                className: "absolute inset-0 h-full w-full object-cover"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-foreground/35" }),
+            /* @__PURE__ */ jsx("p", { className: "absolute inset-x-4 bottom-3 text-base font-black text-primary-foreground", children: current.title })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children: [
+            current.href && /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: current.href,
+                onClick: handleClose,
+                className: "mx-4 mt-3 flex h-11 items-center justify-between rounded-md bg-primary px-4 text-sm font-bold text-primary-foreground",
+                children: [
+                  "Ver todos en ",
+                  current.title,
+                  /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("ul", { className: "py-2", role: "list", children: current.items.map((item) => {
+              const hasChildren = Boolean(item.children?.length);
+              const image = item.image ?? current.image;
+              const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+                image ? /* @__PURE__ */ jsx("span", { className: "relative size-12 shrink-0 overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: image || void 0,
+                    alt: "",
+                    loading: "lazy",
+                    className: "absolute inset-0 h-full w-full object-cover"
+                  }
+                ) }) : /* @__PURE__ */ jsx("span", { className: "flex size-12 shrink-0 items-center justify-center rounded-md bg-secondary", children: /* @__PURE__ */ jsx(
+                  CategoryIcon,
+                  {
+                    name: item.icon,
+                    className: "size-5 text-muted-foreground"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 text-pretty font-semibold leading-snug", children: item.label }),
+                item.badge && /* @__PURE__ */ jsx("span", { className: "rounded bg-primary px-1.5 py-0.5 text-[10px] font-bold text-primary-foreground", children: item.badge }),
+                hasChildren && /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 shrink-0 text-muted-foreground" })
+              ] });
+              return /* @__PURE__ */ jsx("li", { children: hasChildren ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => push(item),
+                  className: "flex w-full items-center gap-3 px-4 py-2.5 text-left text-sm hover:bg-secondary",
+                  children: content
+                }
+              ) : /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: item.href ?? "#",
+                  onClick: handleClose,
+                  className: "flex items-center gap-3 px-4 py-2.5 text-sm hover:bg-secondary",
+                  children: content
+                }
+              ) }, `${item.id}:${item.label}`);
+            }) }),
+            stack.length === 1 && /* @__PURE__ */ jsxs(
+              "section",
+              {
+                className: "border-t px-4 py-4",
+                "aria-labelledby": "mobile-collections-title",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
+                    /* @__PURE__ */ jsx(
+                      "h2",
+                      {
+                        id: "mobile-collections-title",
+                        className: "text-xs font-black uppercase tracking-wider text-muted-foreground",
+                        children: collectionsTitle
+                      }
+                    ),
+                    viewAllHref && viewAllHref.trim() ? /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: viewAllHref,
+                        onClick: handleClose,
+                        className: "text-xs font-bold text-primary",
+                        children: viewAllLabel
+                      }
+                    ) : null
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: collections.map((collection) => /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: collection.href,
+                      onClick: handleClose,
+                      className: "group overflow-hidden rounded-lg border bg-background",
+                      children: [
+                        /* @__PURE__ */ jsx("div", { className: "relative aspect-square", children: /* @__PURE__ */ jsx(
+                          "img",
+                          {
+                            src: collection.image || void 0,
+                            alt: "",
+                            loading: "lazy",
+                            className: "absolute inset-0 h-full w-full object-cover transition-transform group-hover:scale-105"
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsx("div", { className: "p-2", children: /* @__PURE__ */ jsx("p", { className: "text-pretty text-xs font-bold leading-snug", children: collection.label }) })
+                      ]
+                    },
+                    `${collection.id}:${collection.label}`
+                  )) })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  MobileCategoryDrawer,
+  mobileCategoryDrawerPropsSchema
+};
+//# sourceMappingURL=mobile-category-drawer.mjs.map

package/dist/blocks/e-commerce/navigation/mobile-category-drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/navigation/mobile-category-drawer.tsx"],"sourcesContent":["'use client'\n\nimport { ChevronLeft, ChevronRight, X } from 'lucide-react'\nimport { useEffect, useState } from 'react'\nimport { z } from 'zod'\n\nimport {\n  collectionItemSchema,\n  menuItemSchema,\n  type CollectionItem,\n  type MenuItem,\n} from '../../../lib/types/menu'\nimport { cn } from '../../../lib/utils'\nimport { type CategoryIconName, CategoryIcon } from './category-icon'\n\ntype Level = {\n  items: MenuItem[]\n  title: string\n  image?: string\n  href?: string\n}\n\n/**\n * Slide-in drill-down category drawer: a stack-based menu where selecting a\n * category with children pushes a new level, and a back control pops it.\n *\n * Framework-agnostic: plain anchors (no router), `<img>` (no image\n * optimization), copy + hrefs as optional props with ES defaults. The drawer\n * stays MOUNTED while closed and slides in/out with a 200ms transform\n * (reproducing the original behavior); the backdrop renders only while open.\n * Locks body scroll while open. No focus trap (out of scope).\n *\n * Ported from the legacy `@thorprovider/components` navigation library\n * (source: branch `feat/storefronts`).\n */\nexport const mobileCategoryDrawerPropsSchema = z.object({\n  categories: z.array(menuItemSchema),\n  collections: z.array(collectionItemSchema),\n  open: z.boolean(),\n  onClose: z.function().returns(z.void()),\n  rootTitle: z.string().optional(),\n  collectionsTitle: z.string().optional(),\n  viewAllLabel: z.string().optional(),\n  viewAllHref: z.string().optional(),\n  closeAriaLabel: z.string().optional(),\n  backAriaLabel: z.string().optional(),\n  menuAriaLabel: z.string().optional(),\n})\n\nexport type MobileCategoryDrawerProps = z.infer<\n  typeof mobileCategoryDrawerPropsSchema\n>\n\nexport function MobileCategoryDrawer({\n  categories,\n  collections,\n  open,\n  onClose,\n  rootTitle = 'Categorías',\n  collectionsTitle = 'Colecciones',\n  viewAllLabel = 'Ver todas',\n  viewAllHref,\n  closeAriaLabel = 'Cerrar menú',\n  backAriaLabel = 'Volver',\n  menuAriaLabel = 'Menú de categorías',\n}: MobileCategoryDrawerProps) {\n  const root: Level = { items: categories, title: rootTitle }\n  const [stack, setStack] = useState<Level[]>([root])\n  const current = stack[stack.length - 1]\n\n  useEffect(() => {\n    if (!open) return\n    const previous = document.body.style.overflow\n    document.body.style.overflow = 'hidden'\n    return () => {\n      document.body.style.overflow = previous\n    }\n  }, [open])\n\n  const push = (item: MenuItem) => {\n    if (item.children?.length) {\n      setStack((levels) => [\n        ...levels,\n        {\n          items: item.children!,\n          title: item.label,\n          image: item.image ?? current.image,\n          href: item.href,\n        },\n      ])\n    }\n  }\n\n  const handleClose = () => {\n    setStack([root])\n    onClose()\n  }\n\n  return (\n    <>\n      {open ? (\n        <button\n          type=\"button\"\n          className=\"fixed inset-0 z-40 bg-foreground/50 backdrop-blur-sm\"\n          aria-label={closeAriaLabel}\n          onClick={handleClose}\n        />\n      ) : null}\n      <div\n        role=\"dialog\"\n        aria-label={menuAriaLabel}\n        aria-modal=\"true\"\n        aria-hidden={!open}\n        className={cn(\n          'fixed inset-y-0 left-0 z-50 flex w-full max-w-sm flex-col overflow-hidden bg-card text-foreground shadow-2xl transition-transform duration-200',\n          open ? 'translate-x-0' : '-translate-x-full',\n        )}\n      >\n        <div className=\"flex min-h-14 shrink-0 items-center gap-2 border-b bg-primary px-3 text-primary-foreground\">\n          {stack.length > 1 && (\n            <button\n              onClick={() => setStack((levels) => levels.slice(0, -1))}\n              aria-label={backAriaLabel}\n              className=\"rounded-md p-2 hover:bg-primary-foreground/10\"\n            >\n              <ChevronLeft className=\"size-5\" />\n            </button>\n          )}\n          <span className=\"flex-1 truncate text-sm font-bold\">\n            {current.title}\n          </span>\n          <button\n            onClick={handleClose}\n            aria-label={closeAriaLabel}\n            className=\"rounded-md p-2 hover:bg-primary-foreground/10\"\n          >\n            <X className=\"size-5\" />\n          </button>\n        </div>\n\n        {current.image && (\n          <div className=\"relative h-28 shrink-0\">\n            <img\n              src={current.image || undefined}\n              alt=\"\"\n              loading=\"lazy\"\n              className=\"absolute inset-0 h-full w-full object-cover\"\n            />\n            <div className=\"absolute inset-0 bg-foreground/35\" />\n            <p className=\"absolute inset-x-4 bottom-3 text-base font-black text-primary-foreground\">\n              {current.title}\n            </p>\n          </div>\n        )}\n\n        <div className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain\">\n          {current.href && (\n            <a\n              href={current.href}\n              onClick={handleClose}\n              className=\"mx-4 mt-3 flex h-11 items-center justify-between rounded-md bg-primary px-4 text-sm font-bold text-primary-foreground\"\n            >\n              Ver todos en {current.title}\n              <ChevronRight className=\"size-4\" aria-hidden=\"true\" />\n            </a>\n          )}\n          <ul className=\"py-2\" role=\"list\">\n            {current.items.map((item) => {\n              const hasChildren = Boolean(item.children?.length)\n              const image = item.image ?? current.image\n              const content = (\n                <>\n                  {image ? (\n                    <span className=\"relative size-12 shrink-0 overflow-hidden rounded-md\">\n                      <img\n                        src={image || undefined}\n                        alt=\"\"\n                        loading=\"lazy\"\n                        className=\"absolute inset-0 h-full w-full object-cover\"\n                      />\n                    </span>\n                  ) : (\n                    <span className=\"flex size-12 shrink-0 items-center justify-center rounded-md bg-secondary\">\n                      <CategoryIcon\n                        name={item.icon as CategoryIconName}\n                        className=\"size-5 text-muted-foreground\"\n                      />\n                    </span>\n                  )}\n                  <span className=\"min-w-0 flex-1 text-pretty font-semibold leading-snug\">\n                    {item.label}\n                  </span>\n                  {item.badge && (\n                    <span className=\"rounded bg-primary px-1.5 py-0.5 text-[10px] font-bold text-primary-foreground\">\n                      {item.badge}\n                    </span>\n                  )}\n                  {hasChildren && (\n                    <ChevronRight className=\"size-4 shrink-0 text-muted-foreground\" />\n                  )}\n                </>\n              )\n              return (\n                <li key={`${item.id}:${item.label}`}>\n                  {hasChildren ? (\n                    <button\n                      onClick={() => push(item)}\n                      className=\"flex w-full items-center gap-3 px-4 py-2.5 text-left text-sm hover:bg-secondary\"\n                    >\n                      {content}\n                    </button>\n                  ) : (\n                    <a\n                      href={item.href ?? '#'}\n                      onClick={handleClose}\n                      className=\"flex items-center gap-3 px-4 py-2.5 text-sm hover:bg-secondary\"\n                    >\n                      {content}\n                    </a>\n                  )}\n                </li>\n              )\n            })}\n          </ul>\n\n          {stack.length === 1 && (\n            <section\n              className=\"border-t px-4 py-4\"\n              aria-labelledby=\"mobile-collections-title\"\n            >\n              <div className=\"mb-3 flex items-center justify-between gap-3\">\n                <h2\n                  id=\"mobile-collections-title\"\n                  className=\"text-xs font-black uppercase tracking-wider text-muted-foreground\"\n                >\n                  {collectionsTitle}\n                </h2>\n                {viewAllHref && viewAllHref.trim() ? (\n                  <a\n                    href={viewAllHref}\n                    onClick={handleClose}\n                    className=\"text-xs font-bold text-primary\"\n                  >\n                    {viewAllLabel}\n                  </a>\n                ) : null}\n              </div>\n              <div className=\"grid grid-cols-2 gap-3\">\n                {collections.map((collection) => (\n                  <a\n                    key={`${collection.id}:${collection.label}`}\n                    href={collection.href}\n                    onClick={handleClose}\n                    className=\"group overflow-hidden rounded-lg border bg-background\"\n                  >\n                    <div className=\"relative aspect-square\">\n                      <img\n                        src={collection.image || undefined}\n                        alt=\"\"\n                        loading=\"lazy\"\n                        className=\"absolute inset-0 h-full w-full object-cover transition-transform group-hover:scale-105\"\n                      />\n                    </div>\n                    <div className=\"p-2\">\n                      <p className=\"text-pretty text-xs font-bold leading-snug\">\n                        {collection.label}\n                      </p>\n                    </div>\n                  </a>\n                ))}\n              </div>\n            </section>\n          )}\n        </div>\n      </div>\n    </>\n  )\n}"],"mappings":";AAqGQ,SAsEQ,UAtER,KAiBA,YAjBA;AAnGR,SAAS,aAAa,cAAc,SAAS;AAC7C,SAAS,WAAW,gBAAgB;AACpC,SAAS,SAAS;AAElB;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AACP,SAAS,UAAU;AACnB,SAAgC,oBAAoB;AAsB7C,MAAM,kCAAkC,EAAE,OAAO;AAAA,EACtD,YAAY,EAAE,MAAM,cAAc;AAAA,EAClC,aAAa,EAAE,MAAM,oBAAoB;AAAA,EACzC,MAAM,EAAE,QAAQ;AAAA,EAChB,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC;AAAA,EACtC,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,EAC/B,kBAAkB,EAAE,OAAO,EAAE,SAAS;AAAA,EACtC,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,gBAAgB,EAAE,OAAO,EAAE,SAAS;AAAA,EACpC,eAAe,EAAE,OAAO,EAAE,SAAS;AAAA,EACnC,eAAe,EAAE,OAAO,EAAE,SAAS;AACrC,CAAC;AAMM,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf;AAAA,EACA,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAA8B;AAC5B,QAAM,OAAc,EAAE,OAAO,YAAY,OAAO,UAAU;AAC1D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAkB,CAAC,IAAI,CAAC;AAClD,QAAM,UAAU,MAAM,MAAM,SAAS,CAAC;AAEtC,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,WAAW,SAAS,KAAK,MAAM;AACrC,aAAS,KAAK,MAAM,WAAW;AAC/B,WAAO,MAAM;AACX,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,OAAO,CAAC,SAAmB;AAC/B,QAAI,KAAK,UAAU,QAAQ;AACzB,eAAS,CAAC,WAAW;AAAA,QACnB,GAAG;AAAA,QACH;AAAA,UACE,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK,SAAS,QAAQ;AAAA,UAC7B,MAAM,KAAK;AAAA,QACb;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,cAAc,MAAM;AACxB,aAAS,CAAC,IAAI,CAAC;AACf,YAAQ;AAAA,EACV;AAEA,SACE,iCACG;AAAA,WACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAY;AAAA,QACZ,SAAS;AAAA;AAAA,IACX,IACE;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,cAAW;AAAA,QACX,eAAa,CAAC;AAAA,QACd,WAAW;AAAA,UACT;AAAA,UACA,OAAO,kBAAkB;AAAA,QAC3B;AAAA,QAEA;AAAA,+BAAC,SAAI,WAAU,8FACZ;AAAA,kBAAM,SAAS,KACd;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,MAAM,SAAS,CAAC,WAAW,OAAO,MAAM,GAAG,EAAE,CAAC;AAAA,gBACvD,cAAY;AAAA,gBACZ,WAAU;AAAA,gBAEV,8BAAC,eAAY,WAAU,UAAS;AAAA;AAAA,YAClC;AAAA,YAEF,oBAAC,UAAK,WAAU,qCACb,kBAAQ,OACX;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS;AAAA,gBACT,cAAY;AAAA,gBACZ,WAAU;AAAA,gBAEV,8BAAC,KAAE,WAAU,UAAS;AAAA;AAAA,YACxB;AAAA,aACF;AAAA,UAEC,QAAQ,SACP,qBAAC,SAAI,WAAU,0BACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK,QAAQ,SAAS;AAAA,gBACtB,KAAI;AAAA,gBACJ,SAAQ;AAAA,gBACR,WAAU;AAAA;AAAA,YACZ;AAAA,YACA,oBAAC,SAAI,WAAU,qCAAoC;AAAA,YACnD,oBAAC,OAAE,WAAU,4EACV,kBAAQ,OACX;AAAA,aACF;AAAA,UAGF,qBAAC,SAAI,WAAU,qDACZ;AAAA,oBAAQ,QACP;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,QAAQ;AAAA,gBACd,SAAS;AAAA,gBACT,WAAU;AAAA,gBACX;AAAA;AAAA,kBACe,QAAQ;AAAA,kBACtB,oBAAC,gBAAa,WAAU,UAAS,eAAY,QAAO;AAAA;AAAA;AAAA,YACtD;AAAA,YAEF,oBAAC,QAAG,WAAU,QAAO,MAAK,QACvB,kBAAQ,MAAM,IAAI,CAAC,SAAS;AAC3B,oBAAM,cAAc,QAAQ,KAAK,UAAU,MAAM;AACjD,oBAAM,QAAQ,KAAK,SAAS,QAAQ;AACpC,oBAAM,UACJ,iCACG;AAAA,wBACC,oBAAC,UAAK,WAAU,wDACd;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK,SAAS;AAAA,oBACd,KAAI;AAAA,oBACJ,SAAQ;AAAA,oBACR,WAAU;AAAA;AAAA,gBACZ,GACF,IAEA,oBAAC,UAAK,WAAU,6EACd;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM,KAAK;AAAA,oBACX,WAAU;AAAA;AAAA,gBACZ,GACF;AAAA,gBAEF,oBAAC,UAAK,WAAU,yDACb,eAAK,OACR;AAAA,gBACC,KAAK,SACJ,oBAAC,UAAK,WAAU,kFACb,eAAK,OACR;AAAA,gBAED,eACC,oBAAC,gBAAa,WAAU,yCAAwC;AAAA,iBAEpE;AAEF,qBACE,oBAAC,QACE,wBACC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS,MAAM,KAAK,IAAI;AAAA,kBACxB,WAAU;AAAA,kBAET;AAAA;AAAA,cACH,IAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,KAAK,QAAQ;AAAA,kBACnB,SAAS;AAAA,kBACT,WAAU;AAAA,kBAET;AAAA;AAAA,cACH,KAfK,GAAG,KAAK,EAAE,IAAI,KAAK,KAAK,EAiBjC;AAAA,YAEJ,CAAC,GACH;AAAA,YAEC,MAAM,WAAW,KAChB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,mBAAgB;AAAA,gBAEhB;AAAA,uCAAC,SAAI,WAAU,gDACb;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,IAAG;AAAA,wBACH,WAAU;AAAA,wBAET;AAAA;AAAA,oBACH;AAAA,oBACC,eAAe,YAAY,KAAK,IAC/B;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAM;AAAA,wBACN,SAAS;AAAA,wBACT,WAAU;AAAA,wBAET;AAAA;AAAA,oBACH,IACE;AAAA,qBACN;AAAA,kBACA,oBAAC,SAAI,WAAU,0BACZ,sBAAY,IAAI,CAAC,eAChB;AAAA,oBAAC;AAAA;AAAA,sBAEC,MAAM,WAAW;AAAA,sBACjB,SAAS;AAAA,sBACT,WAAU;AAAA,sBAEV;AAAA,4CAAC,SAAI,WAAU,0BACb;AAAA,0BAAC;AAAA;AAAA,4BACC,KAAK,WAAW,SAAS;AAAA,4BACzB,KAAI;AAAA,4BACJ,SAAQ;AAAA,4BACR,WAAU;AAAA;AAAA,wBACZ,GACF;AAAA,wBACA,oBAAC,SAAI,WAAU,OACb,8BAAC,OAAE,WAAU,8CACV,qBAAW,OACd,GACF;AAAA;AAAA;AAAA,oBAjBK,GAAG,WAAW,EAAE,IAAI,WAAW,KAAK;AAAA,kBAkB3C,CACD,GACH;AAAA;AAAA;AAAA,YACF;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/e-commerce/navigation/skip-to-content.d.ts

@@ -0,0 +1,25 @@
+import { z } from 'zod';
+export declare const skipToContentPropsSchema: z.ZodObject<{
+    targetId: z.ZodString;
+    label: z.ZodOptional<z.ZodString>;
+    className: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    targetId: string;
+    label?: string | undefined;
+    className?: string | undefined;
+}, {
+    targetId: string;
+    label?: string | undefined;
+    className?: string | undefined;
+}>;
+export type SkipToContentProps = z.infer<typeof skipToContentPropsSchema>;
+/**
+ * Skip-to-content link (WCAG 2.4.1 Bypass Blocks).
+ *
+ * Framework-agnostic and prop-driven: a plain anchor to the main content id,
+ * visually hidden until it receives focus, then pinned at the top-left with
+ * visible contrast. The target element is responsible for carrying the id (and
+ * being focusable); this block only renders the bypass affordance.
+ */
+export declare function SkipToContent({ targetId, label, className, }: SkipToContentProps): import("react").JSX.Element;
+//# sourceMappingURL=skip-to-content.d.ts.map

package/dist/blocks/e-commerce/navigation/skip-to-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-to-content.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/navigation/skip-to-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAIvB,eAAO,MAAM,wBAAwB;;;;;;;;;;;;EAInC,CAAA;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEzE;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAyB,EACzB,SAAS,GACV,EAAE,kBAAkB,+BAYpB"}

package/dist/blocks/e-commerce/navigation/skip-to-content.js

@@ -0,0 +1,55 @@
+"use strict";
+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 skip_to_content_exports = {};
+__export(skip_to_content_exports, {
+  SkipToContent: () => SkipToContent,
+  skipToContentPropsSchema: () => skipToContentPropsSchema
+});
+module.exports = __toCommonJS(skip_to_content_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_zod = require("zod");
+var import_utils = require("../../../lib/utils.js");
+const skipToContentPropsSchema = import_zod.z.object({
+  targetId: import_zod.z.string(),
+  label: import_zod.z.string().optional(),
+  className: import_zod.z.string().optional()
+});
+function SkipToContent({
+  targetId,
+  label = "Skip to content",
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "a",
+    {
+      href: `#${targetId}`,
+      className: (0, import_utils.cn)(
+        "sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-[100] focus:rounded-md focus:bg-primary focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-primary-foreground focus:shadow-lg",
+        className
+      ),
+      children: label
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SkipToContent,
+  skipToContentPropsSchema
+});
+//# sourceMappingURL=skip-to-content.js.map

package/dist/blocks/e-commerce/navigation/skip-to-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/navigation/skip-to-content.tsx"],"sourcesContent":["import { z } from 'zod'\n\nimport { cn } from '../../../lib/utils'\n\nexport const skipToContentPropsSchema = z.object({\n  targetId: z.string(),\n  label: z.string().optional(),\n  className: z.string().optional(),\n})\n\nexport type SkipToContentProps = z.infer<typeof skipToContentPropsSchema>\n\n/**\n * Skip-to-content link (WCAG 2.4.1 Bypass Blocks).\n *\n * Framework-agnostic and prop-driven: a plain anchor to the main content id,\n * visually hidden until it receives focus, then pinned at the top-left with\n * visible contrast. The target element is responsible for carrying the id (and\n * being focusable); this block only renders the bypass affordance.\n */\nexport function SkipToContent({\n  targetId,\n  label = 'Skip to content',\n  className,\n}: SkipToContentProps) {\n  return (\n    <a\n      href={`#${targetId}`}\n      className={cn(\n        'sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-[100] focus:rounded-md focus:bg-primary focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-primary-foreground focus:shadow-lg',\n        className,\n      )}\n    >\n      {label}\n    </a>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BI;AA1BJ,iBAAkB;AAElB,mBAAmB;AAEZ,MAAM,2BAA2B,aAAE,OAAO;AAAA,EAC/C,UAAU,aAAE,OAAO;AAAA,EACnB,OAAO,aAAE,OAAO,EAAE,SAAS;AAAA,EAC3B,WAAW,aAAE,OAAO,EAAE,SAAS;AACjC,CAAC;AAYM,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,IAAI,QAAQ;AAAA,MAClB,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/blocks/e-commerce/navigation/skip-to-content.mjs

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { z } from "zod";
+import { cn } from "../../../lib/utils.mjs";
+const skipToContentPropsSchema = z.object({
+  targetId: z.string(),
+  label: z.string().optional(),
+  className: z.string().optional()
+});
+function SkipToContent({
+  targetId,
+  label = "Skip to content",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: `#${targetId}`,
+      className: cn(
+        "sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-[100] focus:rounded-md focus:bg-primary focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-primary-foreground focus:shadow-lg",
+        className
+      ),
+      children: label
+    }
+  );
+}
+export {
+  SkipToContent,
+  skipToContentPropsSchema
+};
+//# sourceMappingURL=skip-to-content.mjs.map

package/dist/blocks/e-commerce/navigation/skip-to-content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/navigation/skip-to-content.tsx"],"sourcesContent":["import { z } from 'zod'\n\nimport { cn } from '../../../lib/utils'\n\nexport const skipToContentPropsSchema = z.object({\n  targetId: z.string(),\n  label: z.string().optional(),\n  className: z.string().optional(),\n})\n\nexport type SkipToContentProps = z.infer<typeof skipToContentPropsSchema>\n\n/**\n * Skip-to-content link (WCAG 2.4.1 Bypass Blocks).\n *\n * Framework-agnostic and prop-driven: a plain anchor to the main content id,\n * visually hidden until it receives focus, then pinned at the top-left with\n * visible contrast. The target element is responsible for carrying the id (and\n * being focusable); this block only renders the bypass affordance.\n */\nexport function SkipToContent({\n  targetId,\n  label = 'Skip to content',\n  className,\n}: SkipToContentProps) {\n  return (\n    <a\n      href={`#${targetId}`}\n      className={cn(\n        'sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-[100] focus:rounded-md focus:bg-primary focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-primary-foreground focus:shadow-lg',\n        className,\n      )}\n    >\n      {label}\n    </a>\n  )\n}\n"],"mappings":"AA0BI;AA1BJ,SAAS,SAAS;AAElB,SAAS,UAAU;AAEZ,MAAM,2BAA2B,EAAE,OAAO;AAAA,EAC/C,UAAU,EAAE,OAAO;AAAA,EACnB,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,EAC3B,WAAW,EAAE,OAAO,EAAE,SAAS;AACjC,CAAC;AAYM,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,IAAI,QAAQ;AAAA,MAClB,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -0,0 +1,23 @@
+export interface StoreUser {
+    name: string;
+    email: string;
+    avatar?: string;
+    initials: string;
+}
+export interface AccountMenuItem {
+    label: string;
+    href: string;
+    description?: string;
+    icon?: 'orders' | 'wishlist' | 'addresses' | 'settings';
+}
+export interface StorefrontNavbarAccountMenuProps {
+    /** Signed-in user. When omitted, the menu is not rendered. */
+    user?: StoreUser;
+    /** Account links shown below the user header. Defaults to `[]`. */
+    items?: AccountMenuItem[];
+    onHelp?: () => void;
+    onSignOut?: () => void;
+    pending?: boolean;
+}
+export declare function StorefrontNavbarAccountMenu({ user, items, onHelp, onSignOut, pending, }: StorefrontNavbarAccountMenuProps): import("react").JSX.Element | null;
+//# sourceMappingURL=storefront-navbar-account-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"storefront-navbar-account-menu.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/navigation/storefront-navbar-account-menu.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,CAAA;CACxD;AAED,MAAM,WAAW,gCAAgC;IAC/C,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,mEAAmE;IACnE,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AASD,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,EACJ,KAAU,EACV,MAAM,EACN,SAAS,EACT,OAAe,GAChB,EAAE,gCAAgC,sCAkFlC"}

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

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

package/dist/blocks/e-commerce/navigation/storefront-navbar-account-menu.js.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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkEU;AAlEV,0BAAqE;AAErE,oBAAoD;AACpD,oBAAuB;AACvB,2BAQO;AA0BP,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAAqC;AACnC,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,SACE,6CAAC,qCACC;AAAA,gDAAC,4CAAoB,SAAO,MAC1B;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU;AAAA,QACV,cAAY,oBAAoB,KAAK,IAAI;AAAA,QAEzC,uDAAC,wBAAO,MAAK,MAAK,WAAU,8BAC1B;AAAA,sDAAC,6BAAY,KAAK,KAAK,UAAU,QAAW,KAAI,IAAG;AAAA,UACnD,4CAAC,gCAAgB,eAAK,UAAS;AAAA,WACjC;AAAA;AAAA,IACF,GACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAU;AAAA,QAEV,uDAAC,0CACC;AAAA,sDAAC,0CAAkB,WAAU,yBAC3B,uDAAC,SAAI,WAAU,2BACb;AAAA,yDAAC,wBAAO,MAAK,MAAK,WAAU,uBAC1B;AAAA,0DAAC,6BAAY,KAAK,KAAK,UAAU,QAAW,KAAI,IAAG;AAAA,cACnD,4CAAC,gCAAgB,eAAK,UAAS;AAAA,eACjC;AAAA,YACA,6CAAC,SAAI,WAAU,WACb;AAAA,0DAAC,OAAE,WAAU,gDAAgD,eAAK,MAAK;AAAA,cACvE,4CAAC,OAAE,WAAU,0CAA0C,eAAK,OAAM;AAAA,eACpE;AAAA,aACF,GACF;AAAA,UACC,MAAM,SAAS,IAAI,4CAAC,8CAAsB,IAAK;AAAA,UAC/C,MAAM,IAAI,UAAQ;AACjB,kBAAM,OAAO,KAAK,OAAO,aAAa,KAAK,IAAI,IAAI;AACnD,mBACE,4CAAC,yCAAiC,SAAO,MAAC,UAAU,SAAS,WAAU,qBACrE,uDAAC,OAAE,MAAM,KAAK,MACZ;AAAA,0DAAC,QAAK,WAAU,gCAA+B;AAAA,cAC/C,6CAAC,UAAK,WAAU,yBACd;AAAA,4DAAC,UAAK,WAAU,WAAW,eAAK,OAAM;AAAA,gBACrC,KAAK,cACJ,4CAAC,UAAK,WAAU,6CAA6C,eAAK,aAAY,IAC5E;AAAA,iBACN;AAAA,eACF,KATqB,KAAK,IAU5B;AAAA,UAEJ,CAAC;AAAA,UACA,UAAU,YAAY,4CAAC,8CAAsB,IAAK;AAAA,UAClD,SACC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,WAAU;AAAA,cACV,UAAU,MAAM;AAAE,oBAAI,CAAC,QAAS,QAAO;AAAA,cAAE;AAAA,cAEzC;AAAA,4DAAC,kCAAW,WAAU,gCAA+B;AAAA,gBAAE;AAAA;AAAA;AAAA,UAEzD,IACE;AAAA,UACH,YACC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,UAAU,MAAM;AAAE,oBAAI,CAAC,QAAS,WAAU;AAAA,cAAE;AAAA,cAE5C;AAAA,4DAAC,8BAAO,WAAU,UAAS;AAAA,gBAAE;AAAA;AAAA;AAAA,UAE/B,IACE;AAAA,WACN;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}