@thorprovider/blocks 2.0.0 → 3.0.1

package/dist/blocks/e-commerce/navigation/mobile-bottom-nav.js

@@ -0,0 +1,94 @@
+"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 mobile_bottom_nav_exports = {};
+__export(mobile_bottom_nav_exports, {
+  MobileBottomNav: () => MobileBottomNav,
+  mobileBottomNavItemSchema: () => mobileBottomNavItemSchema,
+  mobileBottomNavPropsSchema: () => mobileBottomNavPropsSchema
+});
+module.exports = __toCommonJS(mobile_bottom_nav_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_zod = require("zod");
+var import_utils = require("../../../lib/utils.js");
+var import_category_icon = require("./category-icon.js");
+const mobileBottomNavItemSchema = import_zod.z.object({
+  id: import_zod.z.string().optional(),
+  label: import_zod.z.string(),
+  href: import_zod.z.string(),
+  icon: import_category_icon.categoryIconNameSchema.optional()
+});
+const mobileBottomNavPropsSchema = import_zod.z.object({
+  items: import_zod.z.array(mobileBottomNavItemSchema),
+  currentHref: import_zod.z.string().optional(),
+  ariaLabel: import_zod.z.string().optional(),
+  className: import_zod.z.string().optional()
+});
+function MobileBottomNav({
+  items,
+  currentHref,
+  ariaLabel = "Primary",
+  className
+}) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "nav",
+    {
+      "aria-label": ariaLabel,
+      className: (0, import_utils.cn)(
+        "fixed inset-x-0 bottom-0 z-40 border-t bg-card text-foreground md:hidden",
+        className
+      ),
+      style: { paddingBottom: "env(safe-area-inset-bottom)" },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex", children: items.map((item) => {
+        const active = currentHref !== void 0 && item.href === currentHref;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "relative flex-1", children: [
+          active ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "absolute inset-x-0 top-0 mx-auto h-0.5 w-8 rounded-full bg-primary"
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "a",
+            {
+              href: item.href,
+              "aria-current": active ? "page" : void 0,
+              className: (0, import_utils.cn)(
+                "flex h-14 flex-col items-center justify-center gap-0.5 text-xs text-muted-foreground",
+                active && "font-semibold text-primary"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_category_icon.CategoryIcon, { name: item.icon, className: "size-5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate", children: item.label })
+              ]
+            }
+          )
+        ] }, item.id ?? item.href);
+      }) })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MobileBottomNav,
+  mobileBottomNavItemSchema,
+  mobileBottomNavPropsSchema
+});
+//# sourceMappingURL=mobile-bottom-nav.js.map

package/dist/blocks/e-commerce/navigation/mobile-bottom-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/navigation/mobile-bottom-nav.tsx"],"sourcesContent":["import { z } from 'zod'\n\nimport { cn } from '../../../lib/utils'\nimport { type CategoryIconName, CategoryIcon, categoryIconNameSchema } from './category-icon'\n\nexport const mobileBottomNavItemSchema = z.object({\n  id: z.string().optional(),\n  label: z.string(),\n  href: z.string(),\n  icon: categoryIconNameSchema.optional(),\n})\n\nexport type MobileBottomNavItem = z.infer<typeof mobileBottomNavItemSchema>\n\nexport const mobileBottomNavPropsSchema = z.object({\n  items: z.array(mobileBottomNavItemSchema),\n  currentHref: z.string().optional(),\n  ariaLabel: z.string().optional(),\n  className: z.string().optional(),\n})\n\nexport type MobileBottomNavProps = z.infer<typeof mobileBottomNavPropsSchema>\n\n/**\n * Mobile-only bottom navigation offering the primary destinations.\n *\n * Framework-agnostic and prop-driven: plain anchors (no router). Hidden at\n * `md` and up; offsets the iOS home indicator via `env(safe-area-inset-bottom)`;\n * each destination meets the 44px minimum touch target. The current\n * destination is marked with `aria-current=\"page\"` and a non-colour cue (weight\n * + indicator bar), never colour alone.\n */\nexport function MobileBottomNav({\n  items,\n  currentHref,\n  ariaLabel = 'Primary',\n  className,\n}: MobileBottomNavProps) {\n  if (items.length === 0) return null\n\n  return (\n    <nav\n      aria-label={ariaLabel}\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-40 border-t bg-card text-foreground md:hidden',\n        className,\n      )}\n      style={{ paddingBottom: 'env(safe-area-inset-bottom)' }}\n    >\n      <ul className=\"flex\">\n        {items.map((item) => {\n          const active = currentHref !== undefined && item.href === currentHref\n          return (\n            <li key={item.id ?? item.href} className=\"relative flex-1\">\n              {active ? (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"absolute inset-x-0 top-0 mx-auto h-0.5 w-8 rounded-full bg-primary\"\n                />\n              ) : null}\n              <a\n                href={item.href}\n                aria-current={active ? 'page' : undefined}\n                className={cn(\n                  'flex h-14 flex-col items-center justify-center gap-0.5 text-xs text-muted-foreground',\n                  active && 'font-semibold text-primary',\n                )}\n              >\n                <CategoryIcon name={item.icon} className=\"size-5\" />\n                <span className=\"truncate\">{item.label}</span>\n              </a>\n            </li>\n          )\n        })}\n      </ul>\n    </nav>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDgB;AAvDhB,iBAAkB;AAElB,mBAAmB;AACnB,2BAA4E;AAErE,MAAM,4BAA4B,aAAE,OAAO;AAAA,EAChD,IAAI,aAAE,OAAO,EAAE,SAAS;AAAA,EACxB,OAAO,aAAE,OAAO;AAAA,EAChB,MAAM,aAAE,OAAO;AAAA,EACf,MAAM,4CAAuB,SAAS;AACxC,CAAC;AAIM,MAAM,6BAA6B,aAAE,OAAO;AAAA,EACjD,OAAO,aAAE,MAAM,yBAAyB;AAAA,EACxC,aAAa,aAAE,OAAO,EAAE,SAAS;AAAA,EACjC,WAAW,aAAE,OAAO,EAAE,SAAS;AAAA,EAC/B,WAAW,aAAE,OAAO,EAAE,SAAS;AACjC,CAAC;AAaM,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAyB;AACvB,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,eAAe,8BAA8B;AAAA,MAEtD,sDAAC,QAAG,WAAU,QACX,gBAAM,IAAI,CAAC,SAAS;AACnB,cAAM,SAAS,gBAAgB,UAAa,KAAK,SAAS;AAC1D,eACE,6CAAC,QAA8B,WAAU,mBACtC;AAAA,mBACC;AAAA,YAAC;AAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACZ,IACE;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,KAAK;AAAA,cACX,gBAAc,SAAS,SAAS;AAAA,cAChC,eAAW;AAAA,gBACT;AAAA,gBACA,UAAU;AAAA,cACZ;AAAA,cAEA;AAAA,4DAAC,qCAAa,MAAM,KAAK,MAAM,WAAU,UAAS;AAAA,gBAClD,4CAAC,UAAK,WAAU,YAAY,eAAK,OAAM;AAAA;AAAA;AAAA,UACzC;AAAA,aAjBO,KAAK,MAAM,KAAK,IAkBzB;AAAA,MAEJ,CAAC,GACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/blocks/e-commerce/navigation/mobile-bottom-nav.mjs

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+import { cn } from "../../../lib/utils.mjs";
+import { CategoryIcon, categoryIconNameSchema } from "./category-icon.mjs";
+const mobileBottomNavItemSchema = z.object({
+  id: z.string().optional(),
+  label: z.string(),
+  href: z.string(),
+  icon: categoryIconNameSchema.optional()
+});
+const mobileBottomNavPropsSchema = z.object({
+  items: z.array(mobileBottomNavItemSchema),
+  currentHref: z.string().optional(),
+  ariaLabel: z.string().optional(),
+  className: z.string().optional()
+});
+function MobileBottomNav({
+  items,
+  currentHref,
+  ariaLabel = "Primary",
+  className
+}) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": ariaLabel,
+      className: cn(
+        "fixed inset-x-0 bottom-0 z-40 border-t bg-card text-foreground md:hidden",
+        className
+      ),
+      style: { paddingBottom: "env(safe-area-inset-bottom)" },
+      children: /* @__PURE__ */ jsx("ul", { className: "flex", children: items.map((item) => {
+        const active = currentHref !== void 0 && item.href === currentHref;
+        return /* @__PURE__ */ jsxs("li", { className: "relative flex-1", children: [
+          active ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "absolute inset-x-0 top-0 mx-auto h-0.5 w-8 rounded-full bg-primary"
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: item.href,
+              "aria-current": active ? "page" : void 0,
+              className: cn(
+                "flex h-14 flex-col items-center justify-center gap-0.5 text-xs text-muted-foreground",
+                active && "font-semibold text-primary"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(CategoryIcon, { name: item.icon, className: "size-5" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
+              ]
+            }
+          )
+        ] }, item.id ?? item.href);
+      }) })
+    }
+  );
+}
+export {
+  MobileBottomNav,
+  mobileBottomNavItemSchema,
+  mobileBottomNavPropsSchema
+};
+//# sourceMappingURL=mobile-bottom-nav.mjs.map

package/dist/blocks/e-commerce/navigation/mobile-bottom-nav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/navigation/mobile-bottom-nav.tsx"],"sourcesContent":["import { z } from 'zod'\n\nimport { cn } from '../../../lib/utils'\nimport { type CategoryIconName, CategoryIcon, categoryIconNameSchema } from './category-icon'\n\nexport const mobileBottomNavItemSchema = z.object({\n  id: z.string().optional(),\n  label: z.string(),\n  href: z.string(),\n  icon: categoryIconNameSchema.optional(),\n})\n\nexport type MobileBottomNavItem = z.infer<typeof mobileBottomNavItemSchema>\n\nexport const mobileBottomNavPropsSchema = z.object({\n  items: z.array(mobileBottomNavItemSchema),\n  currentHref: z.string().optional(),\n  ariaLabel: z.string().optional(),\n  className: z.string().optional(),\n})\n\nexport type MobileBottomNavProps = z.infer<typeof mobileBottomNavPropsSchema>\n\n/**\n * Mobile-only bottom navigation offering the primary destinations.\n *\n * Framework-agnostic and prop-driven: plain anchors (no router). Hidden at\n * `md` and up; offsets the iOS home indicator via `env(safe-area-inset-bottom)`;\n * each destination meets the 44px minimum touch target. The current\n * destination is marked with `aria-current=\"page\"` and a non-colour cue (weight\n * + indicator bar), never colour alone.\n */\nexport function MobileBottomNav({\n  items,\n  currentHref,\n  ariaLabel = 'Primary',\n  className,\n}: MobileBottomNavProps) {\n  if (items.length === 0) return null\n\n  return (\n    <nav\n      aria-label={ariaLabel}\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-40 border-t bg-card text-foreground md:hidden',\n        className,\n      )}\n      style={{ paddingBottom: 'env(safe-area-inset-bottom)' }}\n    >\n      <ul className=\"flex\">\n        {items.map((item) => {\n          const active = currentHref !== undefined && item.href === currentHref\n          return (\n            <li key={item.id ?? item.href} className=\"relative flex-1\">\n              {active ? (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"absolute inset-x-0 top-0 mx-auto h-0.5 w-8 rounded-full bg-primary\"\n                />\n              ) : null}\n              <a\n                href={item.href}\n                aria-current={active ? 'page' : undefined}\n                className={cn(\n                  'flex h-14 flex-col items-center justify-center gap-0.5 text-xs text-muted-foreground',\n                  active && 'font-semibold text-primary',\n                )}\n              >\n                <CategoryIcon name={item.icon} className=\"size-5\" />\n                <span className=\"truncate\">{item.label}</span>\n              </a>\n            </li>\n          )\n        })}\n      </ul>\n    </nav>\n  )\n}\n"],"mappings":"AAuDgB,cAKF,YALE;AAvDhB,SAAS,SAAS;AAElB,SAAS,UAAU;AACnB,SAAgC,cAAc,8BAA8B;AAErE,MAAM,4BAA4B,EAAE,OAAO;AAAA,EAChD,IAAI,EAAE,OAAO,EAAE,SAAS;AAAA,EACxB,OAAO,EAAE,OAAO;AAAA,EAChB,MAAM,EAAE,OAAO;AAAA,EACf,MAAM,uBAAuB,SAAS;AACxC,CAAC;AAIM,MAAM,6BAA6B,EAAE,OAAO;AAAA,EACjD,OAAO,EAAE,MAAM,yBAAyB;AAAA,EACxC,aAAa,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,WAAW,EAAE,OAAO,EAAE,SAAS;AAAA,EAC/B,WAAW,EAAE,OAAO,EAAE,SAAS;AACjC,CAAC;AAaM,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAyB;AACvB,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,eAAe,8BAA8B;AAAA,MAEtD,8BAAC,QAAG,WAAU,QACX,gBAAM,IAAI,CAAC,SAAS;AACnB,cAAM,SAAS,gBAAgB,UAAa,KAAK,SAAS;AAC1D,eACE,qBAAC,QAA8B,WAAU,mBACtC;AAAA,mBACC;AAAA,YAAC;AAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACZ,IACE;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,KAAK;AAAA,cACX,gBAAc,SAAS,SAAS;AAAA,cAChC,WAAW;AAAA,gBACT;AAAA,gBACA,UAAU;AAAA,cACZ;AAAA,cAEA;AAAA,oCAAC,gBAAa,MAAM,KAAK,MAAM,WAAU,UAAS;AAAA,gBAClD,oBAAC,UAAK,WAAU,YAAY,eAAK,OAAM;AAAA;AAAA;AAAA,UACzC;AAAA,aAjBO,KAAK,MAAM,KAAK,IAkBzB;AAAA,MAEJ,CAAC,GACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -0,0 +1,121 @@
+import { z } from 'zod';
+import { type MenuItem } from '../../../lib/types/menu';
+/**
+ * Slide-in drill-down category drawer: a stack-based menu where selecting a
+ * category with children pushes a new level, and a back control pops it.
+ *
+ * Framework-agnostic: plain anchors (no router), `<img>` (no image
+ * optimization), copy + hrefs as optional props with ES defaults. The drawer
+ * stays MOUNTED while closed and slides in/out with a 200ms transform
+ * (reproducing the original behavior); the backdrop renders only while open.
+ * Locks body scroll while open. No focus trap (out of scope).
+ *
+ * Ported from the legacy `@thorprovider/components` navigation library
+ * (source: branch `feat/storefronts`).
+ */
+export declare const mobileCategoryDrawerPropsSchema: z.ZodObject<{
+    categories: z.ZodArray<z.ZodType<{
+        id: string;
+        label: string;
+        icon?: string;
+        image?: string;
+        href?: string;
+        badge?: string;
+        featured?: boolean;
+        children?: MenuItem[];
+    }, z.ZodTypeDef, {
+        id: string;
+        label: string;
+        icon?: string;
+        image?: string;
+        href?: string;
+        badge?: string;
+        featured?: boolean;
+        children?: MenuItem[];
+    }>, "many">;
+    collections: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        label: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+        image: z.ZodOptional<z.ZodString>;
+        href: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        label: string;
+        id: string;
+        image?: string | undefined;
+        href?: string | undefined;
+        description?: string | undefined;
+    }, {
+        label: string;
+        id: string;
+        image?: string | undefined;
+        href?: string | undefined;
+        description?: string | undefined;
+    }>, "many">;
+    open: z.ZodBoolean;
+    onClose: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodVoid>;
+    rootTitle: z.ZodOptional<z.ZodString>;
+    collectionsTitle: z.ZodOptional<z.ZodString>;
+    viewAllLabel: z.ZodOptional<z.ZodString>;
+    viewAllHref: z.ZodOptional<z.ZodString>;
+    closeAriaLabel: z.ZodOptional<z.ZodString>;
+    backAriaLabel: z.ZodOptional<z.ZodString>;
+    menuAriaLabel: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    open: boolean;
+    categories: {
+        id: string;
+        label: string;
+        icon?: string;
+        image?: string;
+        href?: string;
+        badge?: string;
+        featured?: boolean;
+        children?: MenuItem[];
+    }[];
+    collections: {
+        label: string;
+        id: string;
+        image?: string | undefined;
+        href?: string | undefined;
+        description?: string | undefined;
+    }[];
+    onClose: (...args: unknown[]) => void;
+    viewAllLabel?: string | undefined;
+    collectionsTitle?: string | undefined;
+    rootTitle?: string | undefined;
+    viewAllHref?: string | undefined;
+    closeAriaLabel?: string | undefined;
+    backAriaLabel?: string | undefined;
+    menuAriaLabel?: string | undefined;
+}, {
+    open: boolean;
+    categories: {
+        id: string;
+        label: string;
+        icon?: string;
+        image?: string;
+        href?: string;
+        badge?: string;
+        featured?: boolean;
+        children?: MenuItem[];
+    }[];
+    collections: {
+        label: string;
+        id: string;
+        image?: string | undefined;
+        href?: string | undefined;
+        description?: string | undefined;
+    }[];
+    onClose: (...args: unknown[]) => void;
+    viewAllLabel?: string | undefined;
+    collectionsTitle?: string | undefined;
+    rootTitle?: string | undefined;
+    viewAllHref?: string | undefined;
+    closeAriaLabel?: string | undefined;
+    backAriaLabel?: string | undefined;
+    menuAriaLabel?: string | undefined;
+}>;
+export type MobileCategoryDrawerProps = z.infer<typeof mobileCategoryDrawerPropsSchema>;
+export declare function MobileCategoryDrawer({ categories, collections, open, onClose, rootTitle, collectionsTitle, viewAllLabel, viewAllHref, closeAriaLabel, backAriaLabel, menuAriaLabel, }: MobileCategoryDrawerProps): import("react").JSX.Element;
+//# sourceMappingURL=mobile-category-drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-category-drawer.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/navigation/mobile-category-drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAEvB,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,yBAAyB,CAAA;AAWhC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY1C,CAAA;AAEF,MAAM,MAAM,yBAAyB,GAAG,CAAC,CAAC,KAAK,CAC7C,OAAO,+BAA+B,CACvC,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,WAAW,EACX,IAAI,EACJ,OAAO,EACP,SAAwB,EACxB,gBAAgC,EAChC,YAA0B,EAC1B,WAAW,EACX,cAA8B,EAC9B,aAAwB,EACxB,aAAoC,GACrC,EAAE,yBAAyB,+BAoN3B"}

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

@@ -0,0 +1,257 @@
+"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 mobile_category_drawer_exports = {};
+__export(mobile_category_drawer_exports, {
+  MobileCategoryDrawer: () => MobileCategoryDrawer,
+  mobileCategoryDrawerPropsSchema: () => mobileCategoryDrawerPropsSchema
+});
+module.exports = __toCommonJS(mobile_category_drawer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+var import_zod = require("zod");
+var import_menu = require("../../../lib/types/menu.js");
+var import_utils = require("../../../lib/utils.js");
+var import_category_icon = require("./category-icon.js");
+const mobileCategoryDrawerPropsSchema = import_zod.z.object({
+  categories: import_zod.z.array(import_menu.menuItemSchema),
+  collections: import_zod.z.array(import_menu.collectionItemSchema),
+  open: import_zod.z.boolean(),
+  onClose: import_zod.z.function().returns(import_zod.z.void()),
+  rootTitle: import_zod.z.string().optional(),
+  collectionsTitle: import_zod.z.string().optional(),
+  viewAllLabel: import_zod.z.string().optional(),
+  viewAllHref: import_zod.z.string().optional(),
+  closeAriaLabel: import_zod.z.string().optional(),
+  backAriaLabel: import_zod.z.string().optional(),
+  menuAriaLabel: import_zod.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] = (0, import_react.useState)([root]);
+  const current = stack[stack.length - 1];
+  (0, import_react.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "fixed inset-0 z-40 bg-foreground/50 backdrop-blur-sm",
+        "aria-label": closeAriaLabel,
+        onClick: handleClose
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        role: "dialog",
+        "aria-label": menuAriaLabel,
+        "aria-modal": "true",
+        "aria-hidden": !open,
+        className: (0, import_utils.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                onClick: () => setStack((levels) => levels.slice(0, -1)),
+                "aria-label": backAriaLabel,
+                className: "rounded-md p-2 hover:bg-primary-foreground/10",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { className: "size-5" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex-1 truncate text-sm font-bold", children: current.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                onClick: handleClose,
+                "aria-label": closeAriaLabel,
+                className: "rounded-md p-2 hover:bg-primary-foreground/10",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "size-5" })
+              }
+            )
+          ] }),
+          current.image && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative h-28 shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "img",
+              {
+                src: current.image || void 0,
+                alt: "",
+                loading: "lazy",
+                className: "absolute inset-0 h-full w-full object-cover"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-foreground/35" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "absolute inset-x-4 bottom-3 text-base font-black text-primary-foreground", children: current.title })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children: [
+            current.href && /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: "size-4", "aria-hidden": "true" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "relative size-12 shrink-0 overflow-hidden rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "img",
+                  {
+                    src: image || void 0,
+                    alt: "",
+                    loading: "lazy",
+                    className: "absolute inset-0 h-full w-full object-cover"
+                  }
+                ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex size-12 shrink-0 items-center justify-center rounded-md bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_category_icon.CategoryIcon,
+                  {
+                    name: item.icon,
+                    className: "size-5 text-muted-foreground"
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "min-w-0 flex-1 text-pretty font-semibold leading-snug", children: item.label }),
+                item.badge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rounded bg-primary px-1.5 py-0.5 text-[10px] font-bold text-primary-foreground", children: item.badge }),
+                hasChildren && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: "size-4 shrink-0 text-muted-foreground" })
+              ] });
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(
+              "section",
+              {
+                className: "border-t px-4 py-4",
+                "aria-labelledby": "mobile-collections-title",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "h2",
+                      {
+                        id: "mobile-collections-title",
+                        className: "text-xs font-black uppercase tracking-wider text-muted-foreground",
+                        children: collectionsTitle
+                      }
+                    ),
+                    viewAllHref && viewAllHref.trim() ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "a",
+                      {
+                        href: viewAllHref,
+                        onClick: handleClose,
+                        className: "text-xs font-bold text-primary",
+                        children: viewAllLabel
+                      }
+                    ) : null
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 gap-3", children: collections.map((collection) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    "a",
+                    {
+                      href: collection.href,
+                      onClick: handleClose,
+                      className: "group overflow-hidden rounded-lg border bg-background",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative aspect-square", children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-pretty text-xs font-bold leading-snug", children: collection.label }) })
+                      ]
+                    },
+                    `${collection.id}:${collection.label}`
+                  )) })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MobileCategoryDrawer,
+  mobileCategoryDrawerPropsSchema
+});
+//# sourceMappingURL=mobile-category-drawer.js.map

package/dist/blocks/e-commerce/navigation/mobile-category-drawer.js.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":"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","names":[]}