@thorprovider/blocks 4.0.0 → 4.3.0

package/dist/blocks/designs/customer-account-v1/components/account-icon.mjs

@@ -0,0 +1,97 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Glyph({ name }) {
+  switch (name) {
+    case "orders":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M12 3 3 7.5v9L12 21l9-4.5v-9L12 3Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M3 7.5 12 12l9-4.5" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 12v9" })
+      ] });
+    case "profile":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "3.5" }),
+        /* @__PURE__ */ jsx("path", { d: "M5 20a7 7 0 0 1 14 0" })
+      ] });
+    case "addresses":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M20 10c0 5.5-8 11-8 11S4 15.5 4 10a8 8 0 0 1 16 0Z" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "2.5" })
+      ] });
+    case "payments":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("rect", { x: "2.5", y: "5", width: "19", height: "14", rx: "2.5" }),
+        /* @__PURE__ */ jsx("path", { d: "M2.5 9.5h19" })
+      ] });
+    case "wallet":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M4 7.5V18a2 2 0 0 0 2 2h14V7.5" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 7.5A2.5 2.5 0 0 1 6.5 5H19v2.5" }),
+        /* @__PURE__ */ jsx("path", { d: "M16 13h2" })
+      ] });
+    case "security":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M12 3 5 6v6c0 4.2 3 7.4 7 9 4-1.6 7-4.8 7-9V6l-7-3Z" }),
+        /* @__PURE__ */ jsx("path", { d: "m9.5 12 1.8 1.8 3.4-3.6" })
+      ] });
+    case "lists":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M9 6h11" }),
+        /* @__PURE__ */ jsx("path", { d: "M9 12h11" }),
+        /* @__PURE__ */ jsx("path", { d: "M9 18h11" }),
+        /* @__PURE__ */ jsx("circle", { cx: "4.5", cy: "6", r: "1" }),
+        /* @__PURE__ */ jsx("circle", { cx: "4.5", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx("circle", { cx: "4.5", cy: "18", r: "1" })
+      ] });
+    case "support":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3.5" }),
+        /* @__PURE__ */ jsx("path", { d: "m5.6 5.6 3.9 3.9" }),
+        /* @__PURE__ */ jsx("path", { d: "m14.5 14.5 3.9 3.9" }),
+        /* @__PURE__ */ jsx("path", { d: "m18.4 5.6-3.9 3.9" }),
+        /* @__PURE__ */ jsx("path", { d: "m9.5 14.5-3.9 3.9" })
+      ] });
+    case "returns":
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M9 14 4 9l5-5" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 9h10a6 6 0 0 1 0 12h-3" })
+      ] });
+  }
+}
+function AccountIcon({ name, className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.75,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: className ?? "size-5",
+      children: /* @__PURE__ */ jsx(Glyph, { name })
+    }
+  );
+}
+function ChevronIcon({ direction = "right", className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.75,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: className ?? "size-4",
+      children: /* @__PURE__ */ jsx("path", { d: direction === "left" ? "m15 5-7 7 7 7" : "m9 5 7 7-7 7" })
+    }
+  );
+}
+export {
+  AccountIcon,
+  ChevronIcon
+};
+//# sourceMappingURL=account-icon.mjs.map

package/dist/blocks/designs/customer-account-v1/components/account-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-v1/components/account-icon.tsx"],"sourcesContent":["import type { AccountIconName } from '../contracts'\n\ntype AccountIconProps = {\n  name: AccountIconName\n  className?: string\n}\n\ntype ChevronIconProps = {\n  direction?: 'left' | 'right'\n  className?: string\n}\n\nfunction Glyph({ name }: { name: AccountIconName }) {\n  switch (name) {\n    case 'orders':\n      return (\n        <>\n          <path d=\"M12 3 3 7.5v9L12 21l9-4.5v-9L12 3Z\" />\n          <path d=\"M3 7.5 12 12l9-4.5\" />\n          <path d=\"M12 12v9\" />\n        </>\n      )\n    case 'profile':\n      return (\n        <>\n          <circle cx=\"12\" cy=\"8\" r=\"3.5\" />\n          <path d=\"M5 20a7 7 0 0 1 14 0\" />\n        </>\n      )\n    case 'addresses':\n      return (\n        <>\n          <path d=\"M20 10c0 5.5-8 11-8 11S4 15.5 4 10a8 8 0 0 1 16 0Z\" />\n          <circle cx=\"12\" cy=\"10\" r=\"2.5\" />\n        </>\n      )\n    case 'payments':\n      return (\n        <>\n          <rect x=\"2.5\" y=\"5\" width=\"19\" height=\"14\" rx=\"2.5\" />\n          <path d=\"M2.5 9.5h19\" />\n        </>\n      )\n    case 'wallet':\n      return (\n        <>\n          <path d=\"M4 7.5V18a2 2 0 0 0 2 2h14V7.5\" />\n          <path d=\"M4 7.5A2.5 2.5 0 0 1 6.5 5H19v2.5\" />\n          <path d=\"M16 13h2\" />\n        </>\n      )\n    case 'security':\n      return (\n        <>\n          <path d=\"M12 3 5 6v6c0 4.2 3 7.4 7 9 4-1.6 7-4.8 7-9V6l-7-3Z\" />\n          <path d=\"m9.5 12 1.8 1.8 3.4-3.6\" />\n        </>\n      )\n    case 'lists':\n      return (\n        <>\n          <path d=\"M9 6h11\" />\n          <path d=\"M9 12h11\" />\n          <path d=\"M9 18h11\" />\n          <circle cx=\"4.5\" cy=\"6\" r=\"1\" />\n          <circle cx=\"4.5\" cy=\"12\" r=\"1\" />\n          <circle cx=\"4.5\" cy=\"18\" r=\"1\" />\n        </>\n      )\n    case 'support':\n      return (\n        <>\n          <circle cx=\"12\" cy=\"12\" r=\"9\" />\n          <circle cx=\"12\" cy=\"12\" r=\"3.5\" />\n          <path d=\"m5.6 5.6 3.9 3.9\" />\n          <path d=\"m14.5 14.5 3.9 3.9\" />\n          <path d=\"m18.4 5.6-3.9 3.9\" />\n          <path d=\"m9.5 14.5-3.9 3.9\" />\n        </>\n      )\n    case 'returns':\n      return (\n        <>\n          <path d=\"M9 14 4 9l5-5\" />\n          <path d=\"M4 9h10a6 6 0 0 1 0 12h-3\" />\n        </>\n      )\n  }\n}\n\n/**\n * One coherent, dependency-free icon set. The data only carries a serializable\n * id; the geometry lives here so a json-render spec never embeds SVG.\n */\nexport function AccountIcon({ name, className }: AccountIconProps) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.75}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className={className ?? 'size-5'}\n    >\n      <Glyph name={name} />\n    </svg>\n  )\n}\n\nexport function ChevronIcon({ direction = 'right', className }: ChevronIconProps) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.75}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className={className ?? 'size-4'}\n    >\n      <path d={direction === 'left' ? 'm15 5-7 7 7 7' : 'm9 5 7 7-7 7'} />\n    </svg>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/customer-account-v1/components/account-shell.d.ts

@@ -0,0 +1,11 @@
+import type { AccountShellProps } from '../contracts';
+/**
+ * The account frame: identity header, a contextual bar inside modules, the
+ * content slot and the three shell states. The cover uses cards as its only
+ * navigation, so the shell never renders a second menu beside them.
+ *
+ * It chooses no panel and imports no panel; the caller puts the active block in
+ * `children`. Focus moves to the content region after a module change.
+ */
+export declare function AccountShell({ context, labels, state, lang, children, onModuleSelect, onSignOut, onRetry, }: AccountShellProps): import("react").JSX.Element;
+//# sourceMappingURL=account-shell.d.ts.map

package/dist/blocks/designs/customer-account-v1/components/account-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-shell.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-account-v1/components/account-shell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAoCrD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,SAAS,EACT,OAAO,GACR,EAAE,iBAAiB,+BA0EnB"}

package/dist/blocks/designs/customer-account-v1/components/account-shell.js

@@ -0,0 +1,128 @@
+"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 account_shell_exports = {};
+__export(account_shell_exports, {
+  AccountShell: () => AccountShell
+});
+module.exports = __toCommonJS(account_shell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_blocks = require("@thorprovider/blocks");
+var import_contracts = require("../contracts.js");
+var import_helpers = require("../helpers.js");
+var import_modules = require("../modules.js");
+var import_account_context_bar = require("./account-context-bar.js");
+var import_account_header = require("./account-header.js");
+function ShellSkeleton({ label, rows, lang }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { lang, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "status", className: "sr-only", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "aria-busy": "true", className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-xl border bg-card px-4 py-4 sm:px-5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "size-11 shrink-0 animate-pulse rounded-full bg-muted"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "aria-hidden": "true", className: "min-w-0 flex-1 space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-5 w-48 animate-pulse rounded bg-muted" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-40 animate-pulse rounded bg-muted" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "aria-hidden": "true", className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-28 animate-pulse rounded-xl border bg-card" }, index)) })
+    ] })
+  ] });
+}
+function AccountShell({
+  context,
+  labels,
+  state,
+  lang,
+  children,
+  onModuleSelect,
+  onSignOut,
+  onRetry
+}) {
+  const headingId = (0, import_react.useId)();
+  const contentRef = (0, import_react.useRef)(null);
+  const active = (0, import_modules.resolveActiveModule)(
+    context.modules,
+    context.capabilities,
+    context.activeModuleId
+  );
+  const visible = (0, import_modules.visibleModules)(context.modules, context.capabilities);
+  const previousModuleId = (0, import_react.useRef)(active?.id);
+  const isOverview = active?.id === import_contracts.OVERVIEW_MODULE_ID;
+  (0, import_react.useEffect)(() => {
+    if (previousModuleId.current !== active?.id) {
+      previousModuleId.current = active?.id;
+      contentRef.current?.focus();
+    }
+  }, [active?.id]);
+  if (state.status === "loading") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShellSkeleton, { label: labels.loading, rows: visible.length, lang });
+  }
+  if (state.status === "error") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { "aria-labelledby": headingId, lang, className: "text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_account_header.AccountHeader, { headingId, customer: context.customer, labels: labels.header }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { role: "alert", className: "rounded-xl border bg-card px-4 py-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: state.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: state.message }),
+        state.reference ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-xs text-muted-foreground", children: (0, import_helpers.fill)(labels.reference, { reference: state.reference }) }) : null,
+        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { variant: "outline", size: "sm", className: "mt-4 min-h-10", onClick: onRetry, children: labels.retry }) : null
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { "aria-labelledby": headingId, lang, className: "text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_account_header.AccountHeader,
+      {
+        headingId,
+        customer: context.customer,
+        labels: labels.header,
+        onSignOut
+      }
+    ),
+    isOverview ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_account_context_bar.AccountContextBar,
+      {
+        labels,
+        onBack: onModuleSelect ? () => onModuleSelect(import_contracts.OVERVIEW_MODULE_ID) : void 0
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref: contentRef,
+        role: "region",
+        tabIndex: -1,
+        "aria-label": active?.label,
+        className: "rounded-lg outline-none focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-ring",
+        children
+      }
+    )
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountShell
+});
+//# sourceMappingURL=account-shell.js.map

package/dist/blocks/designs/customer-account-v1/components/account-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-v1/components/account-shell.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useId, useRef } from 'react'\n\nimport { Button } from '@thorprovider/blocks'\n\nimport type { AccountShellProps } from '../contracts'\nimport { OVERVIEW_MODULE_ID } from '../contracts'\nimport { fill } from '../helpers'\nimport { resolveActiveModule, visibleModules } from '../modules'\nimport { AccountContextBar } from './account-context-bar'\nimport { AccountHeader } from './account-header'\n\nfunction ShellSkeleton({ label, rows, lang }: { label: string; rows: number; lang?: string }) {\n  return (\n    <div lang={lang}>\n      <p role=\"status\" className=\"sr-only\">\n        {label}\n      </p>\n      <div aria-busy=\"true\" className=\"space-y-4\">\n        <div className=\"rounded-xl border bg-card px-4 py-4 sm:px-5\">\n          <div className=\"flex items-center gap-3\">\n            <div\n              aria-hidden=\"true\"\n              className=\"size-11 shrink-0 animate-pulse rounded-full bg-muted\"\n            />\n            <div aria-hidden=\"true\" className=\"min-w-0 flex-1 space-y-2\">\n              <div className=\"h-5 w-48 animate-pulse rounded bg-muted\" />\n              <div className=\"h-3 w-40 animate-pulse rounded bg-muted\" />\n            </div>\n          </div>\n        </div>\n        <div aria-hidden=\"true\" className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {Array.from({ length: rows }).map((_, index) => (\n            <div key={index} className=\"h-28 animate-pulse rounded-xl border bg-card\" />\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * The account frame: identity header, a contextual bar inside modules, the\n * content slot and the three shell states. The cover uses cards as its only\n * navigation, so the shell never renders a second menu beside them.\n *\n * It chooses no panel and imports no panel; the caller puts the active block in\n * `children`. Focus moves to the content region after a module change.\n */\nexport function AccountShell({\n  context,\n  labels,\n  state,\n  lang,\n  children,\n  onModuleSelect,\n  onSignOut,\n  onRetry,\n}: AccountShellProps) {\n  const headingId = useId()\n  const contentRef = useRef<HTMLDivElement | null>(null)\n  const active = resolveActiveModule(\n    context.modules,\n    context.capabilities,\n    context.activeModuleId,\n  )\n  const visible = visibleModules(context.modules, context.capabilities)\n  const previousModuleId = useRef(active?.id)\n  const isOverview = active?.id === OVERVIEW_MODULE_ID\n\n  useEffect(() => {\n    if (previousModuleId.current !== active?.id) {\n      previousModuleId.current = active?.id\n      contentRef.current?.focus()\n    }\n  }, [active?.id])\n\n  if (state.status === 'loading') {\n    return <ShellSkeleton label={labels.loading} rows={visible.length} lang={lang} />\n  }\n\n  if (state.status === 'error') {\n    return (\n      <section aria-labelledby={headingId} lang={lang} className=\"text-foreground\">\n        <div className=\"space-y-4\">\n          <AccountHeader headingId={headingId} customer={context.customer} labels={labels.header} />\n          <div role=\"alert\" className=\"rounded-xl border bg-card px-4 py-4\">\n            <p className=\"text-sm font-medium\">{state.title}</p>\n            <p className=\"mt-1 text-sm text-muted-foreground\">{state.message}</p>\n            {state.reference ? (\n              <p className=\"mt-2 text-xs text-muted-foreground\">\n                {fill(labels.reference, { reference: state.reference })}\n              </p>\n            ) : null}\n            {onRetry ? (\n              <Button variant=\"outline\" size=\"sm\" className=\"mt-4 min-h-10\" onClick={onRetry}>\n                {labels.retry}\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </section>\n    )\n  }\n\n  return (\n    <section aria-labelledby={headingId} lang={lang} className=\"text-foreground\">\n      <div className=\"space-y-4\">\n        <AccountHeader\n          headingId={headingId}\n          customer={context.customer}\n          labels={labels.header}\n          onSignOut={onSignOut}\n        />\n        {isOverview ? null : (\n          <AccountContextBar\n            labels={labels}\n            onBack={onModuleSelect ? () => onModuleSelect(OVERVIEW_MODULE_ID) : undefined}\n          />\n        )}\n        <div\n          ref={contentRef}\n          role=\"region\"\n          tabIndex={-1}\n          aria-label={active?.label}\n          className=\"rounded-lg outline-none focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-ring\"\n        >\n          {children}\n        </div>\n      </div>\n    </section>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/customer-account-v1/components/account-shell.mjs

@@ -0,0 +1,104 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef } from "react";
+import { Button } from "@thorprovider/blocks";
+import { OVERVIEW_MODULE_ID } from "../contracts.mjs";
+import { fill } from "../helpers.mjs";
+import { resolveActiveModule, visibleModules } from "../modules.mjs";
+import { AccountContextBar } from "./account-context-bar.mjs";
+import { AccountHeader } from "./account-header.mjs";
+function ShellSkeleton({ label, rows, lang }) {
+  return /* @__PURE__ */ jsxs("div", { lang, children: [
+    /* @__PURE__ */ jsx("p", { role: "status", className: "sr-only", children: label }),
+    /* @__PURE__ */ jsxs("div", { "aria-busy": "true", className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-xl border bg-card px-4 py-4 sm:px-5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "size-11 shrink-0 animate-pulse rounded-full bg-muted"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "min-w-0 flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-5 w-48 animate-pulse rounded bg-muted" }),
+          /* @__PURE__ */ jsx("div", { className: "h-3 w-40 animate-pulse rounded bg-muted" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsx("div", { className: "h-28 animate-pulse rounded-xl border bg-card" }, index)) })
+    ] })
+  ] });
+}
+function AccountShell({
+  context,
+  labels,
+  state,
+  lang,
+  children,
+  onModuleSelect,
+  onSignOut,
+  onRetry
+}) {
+  const headingId = useId();
+  const contentRef = useRef(null);
+  const active = resolveActiveModule(
+    context.modules,
+    context.capabilities,
+    context.activeModuleId
+  );
+  const visible = visibleModules(context.modules, context.capabilities);
+  const previousModuleId = useRef(active?.id);
+  const isOverview = active?.id === OVERVIEW_MODULE_ID;
+  useEffect(() => {
+    if (previousModuleId.current !== active?.id) {
+      previousModuleId.current = active?.id;
+      contentRef.current?.focus();
+    }
+  }, [active?.id]);
+  if (state.status === "loading") {
+    return /* @__PURE__ */ jsx(ShellSkeleton, { label: labels.loading, rows: visible.length, lang });
+  }
+  if (state.status === "error") {
+    return /* @__PURE__ */ jsx("section", { "aria-labelledby": headingId, lang, className: "text-foreground", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(AccountHeader, { headingId, customer: context.customer, labels: labels.header }),
+      /* @__PURE__ */ jsxs("div", { role: "alert", className: "rounded-xl border bg-card px-4 py-4", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: state.title }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: state.message }),
+        state.reference ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: fill(labels.reference, { reference: state.reference }) }) : null,
+        onRetry ? /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "mt-4 min-h-10", onClick: onRetry, children: labels.retry }) : null
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("section", { "aria-labelledby": headingId, lang, className: "text-foreground", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      AccountHeader,
+      {
+        headingId,
+        customer: context.customer,
+        labels: labels.header,
+        onSignOut
+      }
+    ),
+    isOverview ? null : /* @__PURE__ */ jsx(
+      AccountContextBar,
+      {
+        labels,
+        onBack: onModuleSelect ? () => onModuleSelect(OVERVIEW_MODULE_ID) : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: contentRef,
+        role: "region",
+        tabIndex: -1,
+        "aria-label": active?.label,
+        className: "rounded-lg outline-none focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-ring",
+        children
+      }
+    )
+  ] }) });
+}
+export {
+  AccountShell
+};
+//# sourceMappingURL=account-shell.mjs.map

package/dist/blocks/designs/customer-account-v1/components/account-shell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-v1/components/account-shell.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useId, useRef } from 'react'\n\nimport { Button } from '@thorprovider/blocks'\n\nimport type { AccountShellProps } from '../contracts'\nimport { OVERVIEW_MODULE_ID } from '../contracts'\nimport { fill } from '../helpers'\nimport { resolveActiveModule, visibleModules } from '../modules'\nimport { AccountContextBar } from './account-context-bar'\nimport { AccountHeader } from './account-header'\n\nfunction ShellSkeleton({ label, rows, lang }: { label: string; rows: number; lang?: string }) {\n  return (\n    <div lang={lang}>\n      <p role=\"status\" className=\"sr-only\">\n        {label}\n      </p>\n      <div aria-busy=\"true\" className=\"space-y-4\">\n        <div className=\"rounded-xl border bg-card px-4 py-4 sm:px-5\">\n          <div className=\"flex items-center gap-3\">\n            <div\n              aria-hidden=\"true\"\n              className=\"size-11 shrink-0 animate-pulse rounded-full bg-muted\"\n            />\n            <div aria-hidden=\"true\" className=\"min-w-0 flex-1 space-y-2\">\n              <div className=\"h-5 w-48 animate-pulse rounded bg-muted\" />\n              <div className=\"h-3 w-40 animate-pulse rounded bg-muted\" />\n            </div>\n          </div>\n        </div>\n        <div aria-hidden=\"true\" className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {Array.from({ length: rows }).map((_, index) => (\n            <div key={index} className=\"h-28 animate-pulse rounded-xl border bg-card\" />\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * The account frame: identity header, a contextual bar inside modules, the\n * content slot and the three shell states. The cover uses cards as its only\n * navigation, so the shell never renders a second menu beside them.\n *\n * It chooses no panel and imports no panel; the caller puts the active block in\n * `children`. Focus moves to the content region after a module change.\n */\nexport function AccountShell({\n  context,\n  labels,\n  state,\n  lang,\n  children,\n  onModuleSelect,\n  onSignOut,\n  onRetry,\n}: AccountShellProps) {\n  const headingId = useId()\n  const contentRef = useRef<HTMLDivElement | null>(null)\n  const active = resolveActiveModule(\n    context.modules,\n    context.capabilities,\n    context.activeModuleId,\n  )\n  const visible = visibleModules(context.modules, context.capabilities)\n  const previousModuleId = useRef(active?.id)\n  const isOverview = active?.id === OVERVIEW_MODULE_ID\n\n  useEffect(() => {\n    if (previousModuleId.current !== active?.id) {\n      previousModuleId.current = active?.id\n      contentRef.current?.focus()\n    }\n  }, [active?.id])\n\n  if (state.status === 'loading') {\n    return <ShellSkeleton label={labels.loading} rows={visible.length} lang={lang} />\n  }\n\n  if (state.status === 'error') {\n    return (\n      <section aria-labelledby={headingId} lang={lang} className=\"text-foreground\">\n        <div className=\"space-y-4\">\n          <AccountHeader headingId={headingId} customer={context.customer} labels={labels.header} />\n          <div role=\"alert\" className=\"rounded-xl border bg-card px-4 py-4\">\n            <p className=\"text-sm font-medium\">{state.title}</p>\n            <p className=\"mt-1 text-sm text-muted-foreground\">{state.message}</p>\n            {state.reference ? (\n              <p className=\"mt-2 text-xs text-muted-foreground\">\n                {fill(labels.reference, { reference: state.reference })}\n              </p>\n            ) : null}\n            {onRetry ? (\n              <Button variant=\"outline\" size=\"sm\" className=\"mt-4 min-h-10\" onClick={onRetry}>\n                {labels.retry}\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </section>\n    )\n  }\n\n  return (\n    <section aria-labelledby={headingId} lang={lang} className=\"text-foreground\">\n      <div className=\"space-y-4\">\n        <AccountHeader\n          headingId={headingId}\n          customer={context.customer}\n          labels={labels.header}\n          onSignOut={onSignOut}\n        />\n        {isOverview ? null : (\n          <AccountContextBar\n            labels={labels}\n            onBack={onModuleSelect ? () => onModuleSelect(OVERVIEW_MODULE_ID) : undefined}\n          />\n        )}\n        <div\n          ref={contentRef}\n          role=\"region\"\n          tabIndex={-1}\n          aria-label={active?.label}\n          className=\"rounded-lg outline-none focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-ring\"\n        >\n          {children}\n        </div>\n      </div>\n    </section>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/customer-account-v1/contracts.d.ts

@@ -0,0 +1,241 @@
+import type { ReactNode } from 'react';
+export declare const OVERVIEW_MODULE_ID = "overview";
+export type Tone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+/** Integer cents. Formatting belongs to the view or the host summary. */
+export type MoneyCents = number;
+export type CustomerSummary = {
+    name: string;
+    email: string;
+    phone?: string;
+    initials: string;
+    memberSince?: string;
+    emailVerified?: boolean;
+};
+/**
+ * What a store enables. Capabilities are opt-in: a key that is missing or false
+ * means the store does not offer that feature, so the module, its card and its
+ * affordances are hidden. The shell never requires a capability to render.
+ */
+export type AccountCapability = 'profile' | 'orderHistory' | 'orderTracking' | 'addressBook' | 'savedPaymentMethods' | 'wallet' | 'securitySettings' | 'shoppingLists' | 'support' | 'pickup' | 'returns';
+export type AccountCapabilities = Partial<Record<AccountCapability, boolean>>;
+export type AccountModuleStatus = 'ready' | 'planned';
+export type AccountModule = {
+    id: string;
+    label: string;
+    status: AccountModuleStatus;
+    capability?: AccountCapability;
+    description: string;
+    /** What the module will hold. Ignored by ready modules. */
+    planned: string[];
+    /** One sentence about when the module becomes available. */
+    note?: string;
+};
+/** Serializable icon id. The view maps it to an inline glyph; data stays JSON. */
+export type AccountIconName = 'orders' | 'profile' | 'addresses' | 'payments' | 'wallet' | 'security' | 'lists' | 'support' | 'returns';
+/**
+ * One navigation card. Cards are declared by the host (or by a store
+ * configuration) and rendered in `order`; a missing capability or
+ * `available: false` hides the card without breaking the grid.
+ */
+export type AccountCard = {
+    id: string;
+    title: string;
+    description: string;
+    icon: AccountIconName;
+    capability?: AccountCapability;
+    available?: boolean;
+    order: number;
+};
+export type DeliveryMode = 'shipping' | 'pickup';
+/**
+ * One delivery. An order can carry several of these, each with its own mode,
+ * status and ETA. The overview never lists them; Order Detail does.
+ */
+export type AccountDelivery = {
+    id: string;
+    orderId: string;
+    orderNumber: string;
+    mode: DeliveryMode;
+    /** Rendered label for the mode, e.g. Envío or Recogida. */
+    modeLabel: string;
+    statusLabel: string;
+    tone: Tone;
+    detail: string;
+    etaLabel?: string;
+};
+/** Purchase situation as data, supplied by the host for the history module. */
+export type OrderSituation = {
+    label: string;
+    tone: Tone;
+};
+export type AccountOrder = {
+    id: string;
+    number: string;
+    placedAt: string;
+    totalCents: MoneyCents;
+    itemSummary?: string;
+    situation: OrderSituation;
+    deliveries: AccountDelivery[];
+};
+/**
+ * Checkout-compatible saved address, kept for the Address Book module. The
+ * dashboard only needs a count, not the address payload.
+ */
+export type AccountAddress = {
+    id: string;
+    label?: string;
+    recipient: string;
+    line1: string;
+    line2?: string;
+    city: string;
+    province: string;
+    postalCode: string;
+    phone?: string;
+};
+/**
+ * Saved payment method summary for the Payment Methods module. Brand and last
+ * digits only: no PAN, no CVV, no token.
+ */
+export type AccountPaymentMethod = {
+    id: string;
+    provider: string;
+    brandLabel: string;
+    maskedNumber: string;
+    expiryLabel?: string;
+    isDefault?: boolean;
+};
+export type AccountWallet = {
+    balanceCents: MoneyCents;
+    lastMovementLabel?: string;
+};
+/**
+ * A contextual notice that needs the buyer to act. It points at one module or
+ * order; it is never a second delivery list and never invented by the view.
+ */
+export type AccountNotice = {
+    id: string;
+    title: string;
+    body: string;
+    tone: Tone;
+    /** Pickup notices are hidden when the store has no pickup capability. */
+    kind?: 'account' | 'pickup';
+    actionLabel: string;
+    orderId?: string;
+    moduleId?: string;
+};
+export type AccountOverviewModel = {
+    /** The card catalogue; the overview filters and orders it. */
+    cards: AccountCard[];
+    /** Optional, preformatted summary per card id ("3 activos", "128,75 €"). */
+    summaries: Record<string, string>;
+    notice: AccountNotice | null;
+};
+export type ShellState = {
+    status: 'ready';
+} | {
+    status: 'loading';
+} | {
+    status: 'error';
+    title: string;
+    message: string;
+    reference?: string;
+};
+export type AccountContext = {
+    customer: CustomerSummary;
+    capabilities: AccountCapabilities;
+    modules: AccountModule[];
+    activeModuleId: string;
+    locale: string;
+    currency: string;
+};
+export type AccountHeaderLabels = {
+    /** `{name}` is replaced with the account holder's name. */
+    greeting: string;
+    signOut: string;
+    verified: string;
+    memberSince: string;
+};
+export type AccountShellLabels = {
+    loading: string;
+    retry: string;
+    reference: string;
+    backToAccount: string;
+    header: AccountHeaderLabels;
+};
+export type OverviewLabels = {
+    /** Accessible name of the card grid. */
+    sections: string;
+};
+export type OrderHistoryPanelLabels = {
+    title: string;
+    description: string;
+    viewOrder: string;
+};
+export type DeliveryTrackingLabels = {
+    title: string;
+    description: string;
+    /** `{mode}` and `{order}` are replaced per delivery. */
+    heading: string;
+    /** `{eta}` is replaced with the delivery ETA. */
+    eta: string;
+    track: string;
+};
+export type ModulePlaceholderLabels = {
+    badge: string;
+    upcoming: string;
+};
+export type AccountHeaderProps = {
+    headingId: string;
+    customer: CustomerSummary;
+    labels: AccountHeaderLabels;
+    onSignOut?: () => void;
+};
+export type AccountContextBarProps = {
+    labels: Pick<AccountShellLabels, 'backToAccount'>;
+    onBack?: () => void;
+};
+export type AccountShellProps = {
+    context: AccountContext;
+    labels: AccountShellLabels;
+    state: ShellState;
+    /** BCP-47 language of the account copy, applied to the shell subtree. */
+    lang?: string;
+    /** The active panel. The shell never chooses or imports it. */
+    children: ReactNode;
+    onModuleSelect?: (moduleId: string) => void;
+    onSignOut?: () => void;
+    onRetry?: () => void;
+};
+export type AccountOverviewProps = {
+    /** Panel heading, normally the active module label. */
+    title: string;
+    model: AccountOverviewModel;
+    capabilities: AccountCapabilities;
+    labels: OverviewLabels;
+    onOpenCard: (cardId: string) => void;
+    onNoticeAction?: (notice: AccountNotice) => void;
+};
+export type AccountCardProps = {
+    card: AccountCard;
+    summary?: string;
+    onOpen: (cardId: string) => void;
+};
+export type AccountNoticeProps = {
+    notice: AccountNotice;
+    onAction?: (notice: AccountNotice) => void;
+};
+export type DeliveryTrackingProps = {
+    deliveries: AccountDelivery[];
+    labels: DeliveryTrackingLabels;
+    onTrackDelivery?: (orderId: string, deliveryId: string) => void;
+};
+export type ModulePlaceholderProps = {
+    module: AccountModule;
+    labels: ModulePlaceholderLabels;
+};
+export type StatusBadgeProps = {
+    label: string;
+    tone: Tone;
+    className?: string;
+};
+//# sourceMappingURL=contracts.d.ts.map

package/dist/blocks/designs/customer-account-v1/contracts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contracts.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/customer-account-v1/contracts.ts"],"names":[],"mappings":"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"}