@thorprovider/blocks 4.1.0 → 4.3.0

package/dist/blocks/designs/customer-account-placeholder/contracts.mjs

@@ -0,0 +1,5 @@
+const OVERVIEW_MODULE_ID = "overview";
+export {
+  OVERVIEW_MODULE_ID
+};
+//# sourceMappingURL=contracts.mjs.map

package/dist/blocks/designs/customer-account-placeholder/contracts.mjs.map

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

package/dist/blocks/designs/customer-account-placeholder/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './block';
+export type { CustomerAccountPlaceholderProps } from './block';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/designs/customer-account-placeholder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/customer-account-placeholder/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,YAAY,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAA"}

package/dist/blocks/designs/customer-account-placeholder/index.js

@@ -0,0 +1,36 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var customer_account_placeholder_exports = {};
+__export(customer_account_placeholder_exports, {
+  default: () => import_block.default
+});
+module.exports = __toCommonJS(customer_account_placeholder_exports);
+var import_block = __toESM(require("./block.js"));
+//# sourceMappingURL=index.js.map

package/dist/blocks/designs/customer-account-placeholder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/customer-account-placeholder/index.tsx"],"sourcesContent":["'use client'\n\nexport { default } from './block'\nexport type { CustomerAccountPlaceholderProps } from './block'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAwB;","names":[]}

package/dist/blocks/designs/customer-account-placeholder/index.mjs

@@ -0,0 +1,6 @@
+"use client";
+import { default as default2 } from "./block.mjs";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/blocks/designs/customer-account-placeholder/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/customer-account-placeholder/index.tsx"],"sourcesContent":["'use client'\n\nexport { default } from './block'\nexport type { CustomerAccountPlaceholderProps } from './block'\n"],"mappings":";AAEA,SAAS,WAAAA,gBAAe;","names":["default"]}

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

@@ -0,0 +1,5 @@
+import type { AccountShellProps as CustomerAccountV1SurfaceProps } from './contracts';
+export type CustomerAccountV1Props = CustomerAccountV1SurfaceProps;
+export declare function CustomerAccountV1(props: CustomerAccountV1Props): import("react").JSX.Element;
+export default CustomerAccountV1;
+//# sourceMappingURL=block.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/customer-account-v1/block.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,IAAI,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAErF,MAAM,MAAM,sBAAsB,GAAG,6BAA6B,CAAA;AAElE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAE9D;AAED,eAAe,iBAAiB,CAAA"}

package/dist/blocks/designs/customer-account-v1/block.js

@@ -0,0 +1,36 @@
+"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 block_exports = {};
+__export(block_exports, {
+  CustomerAccountV1: () => CustomerAccountV1,
+  default: () => block_default
+});
+module.exports = __toCommonJS(block_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_account_shell = require("./components/account-shell.js");
+function CustomerAccountV1(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_account_shell.AccountShell, { ...props });
+}
+var block_default = CustomerAccountV1;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CustomerAccountV1
+});
+//# sourceMappingURL=block.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/customer-account-v1/block.tsx"],"sourcesContent":["'use client'\n\nimport { AccountShell as SurfaceEntry } from './components/account-shell'\nimport type { AccountShellProps as CustomerAccountV1SurfaceProps } from './contracts'\n\nexport type CustomerAccountV1Props = CustomerAccountV1SurfaceProps\n\nexport function CustomerAccountV1(props: CustomerAccountV1Props) {\n  return <SurfaceEntry {...props} />\n}\n\nexport default CustomerAccountV1\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQS;AANT,2BAA6C;AAKtC,SAAS,kBAAkB,OAA+B;AAC/D,SAAO,4CAAC,qBAAAA,cAAA,EAAc,GAAG,OAAO;AAClC;AAEA,IAAO,gBAAQ;","names":["SurfaceEntry"]}

package/dist/blocks/designs/customer-account-v1/block.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { AccountShell as SurfaceEntry } from "./components/account-shell.mjs";
+function CustomerAccountV1(props) {
+  return /* @__PURE__ */ jsx(SurfaceEntry, { ...props });
+}
+var block_default = CustomerAccountV1;
+export {
+  CustomerAccountV1,
+  block_default as default
+};
+//# sourceMappingURL=block.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/customer-account-v1/block.tsx"],"sourcesContent":["'use client'\n\nimport { AccountShell as SurfaceEntry } from './components/account-shell'\nimport type { AccountShellProps as CustomerAccountV1SurfaceProps } from './contracts'\n\nexport type CustomerAccountV1Props = CustomerAccountV1SurfaceProps\n\nexport function CustomerAccountV1(props: CustomerAccountV1Props) {\n  return <SurfaceEntry {...props} />\n}\n\nexport default CustomerAccountV1\n"],"mappings":";AAQS;AANT,SAAS,gBAAgB,oBAAoB;AAKtC,SAAS,kBAAkB,OAA+B;AAC/D,SAAO,oBAAC,gBAAc,GAAG,OAAO;AAClC;AAEA,IAAO,gBAAQ;","names":[]}

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

@@ -0,0 +1,8 @@
+import type { AccountContextBarProps } from '../contracts';
+/**
+ * The only navigation inside a module: a way back to the account cover. The
+ * cover uses cards as its navigation, so the two menus never compete and the
+ * panel title carries the section name.
+ */
+export declare function AccountContextBar({ labels, onBack }: AccountContextBarProps): import("react").JSX.Element | null;
+//# sourceMappingURL=account-context-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"account-context-bar.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-account-v1/components/account-context-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAG1D;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,sBAAsB,sCAgB3E"}

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

@@ -0,0 +1,47 @@
+"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 account_context_bar_exports = {};
+__export(account_context_bar_exports, {
+  AccountContextBar: () => AccountContextBar
+});
+module.exports = __toCommonJS(account_context_bar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+var import_account_icon = require("./account-icon.js");
+function AccountContextBar({ labels, onBack }) {
+  if (!onBack) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_blocks.Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: "-ml-2 min-h-10 gap-1 px-2 text-muted-foreground",
+      onClick: onBack,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_account_icon.ChevronIcon, { direction: "left", className: "size-4" }),
+        labels.backToAccount
+      ]
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountContextBar
+});
+//# sourceMappingURL=account-context-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-v1/components/account-context-bar.tsx"],"sourcesContent":["import { Button } from '@thorprovider/blocks'\n\nimport type { AccountContextBarProps } from '../contracts'\nimport { ChevronIcon } from './account-icon'\n\n/**\n * The only navigation inside a module: a way back to the account cover. The\n * cover uses cards as its navigation, so the two menus never compete and the\n * panel title carries the section name.\n */\nexport function AccountContextBar({ labels, onBack }: AccountContextBarProps) {\n  if (!onBack) return null\n\n  return (\n    <div>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"-ml-2 min-h-10 gap-1 px-2 text-muted-foreground\"\n        onClick={onBack}\n      >\n        <ChevronIcon direction=\"left\" className=\"size-4\" />\n        {labels.backToAccount}\n      </Button>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeM;AAfN,oBAAuB;AAGvB,0BAA4B;AAOrB,SAAS,kBAAkB,EAAE,QAAQ,OAAO,GAA2B;AAC5E,MAAI,CAAC,OAAQ,QAAO;AAEpB,SACE,4CAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS;AAAA,MAET;AAAA,oDAAC,mCAAY,WAAU,QAAO,WAAU,UAAS;AAAA,QAChD,OAAO;AAAA;AAAA;AAAA,EACV,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@thorprovider/blocks";
+import { ChevronIcon } from "./account-icon.mjs";
+function AccountContextBar({ labels, onBack }) {
+  if (!onBack) return null;
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: "-ml-2 min-h-10 gap-1 px-2 text-muted-foreground",
+      onClick: onBack,
+      children: [
+        /* @__PURE__ */ jsx(ChevronIcon, { direction: "left", className: "size-4" }),
+        labels.backToAccount
+      ]
+    }
+  ) });
+}
+export {
+  AccountContextBar
+};
+//# sourceMappingURL=account-context-bar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-v1/components/account-context-bar.tsx"],"sourcesContent":["import { Button } from '@thorprovider/blocks'\n\nimport type { AccountContextBarProps } from '../contracts'\nimport { ChevronIcon } from './account-icon'\n\n/**\n * The only navigation inside a module: a way back to the account cover. The\n * cover uses cards as its navigation, so the two menus never compete and the\n * panel title carries the section name.\n */\nexport function AccountContextBar({ labels, onBack }: AccountContextBarProps) {\n  if (!onBack) return null\n\n  return (\n    <div>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"-ml-2 min-h-10 gap-1 px-2 text-muted-foreground\"\n        onClick={onBack}\n      >\n        <ChevronIcon direction=\"left\" className=\"size-4\" />\n        {labels.backToAccount}\n      </Button>\n    </div>\n  )\n}\n"],"mappings":"AAeM,SAME,KANF;AAfN,SAAS,cAAc;AAGvB,SAAS,mBAAmB;AAOrB,SAAS,kBAAkB,EAAE,QAAQ,OAAO,GAA2B;AAC5E,MAAI,CAAC,OAAQ,QAAO;AAEpB,SACE,oBAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS;AAAA,MAET;AAAA,4BAAC,eAAY,WAAU,QAAO,WAAU,UAAS;AAAA,QAChD,OAAO;AAAA;AAAA;AAAA,EACV,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,11 @@
+import type { AccountHeaderProps } from '../contracts';
+/**
+ * The account identity header: a personalized greeting, the account holder's
+ * name and the secondary account data. Profile editing lives in the Mi perfil
+ * card, so the header keeps a single quiet action: sign out.
+ *
+ * The name wraps to two lines instead of being clipped, and the header renders
+ * no page landmark; the host route owns the page.
+ */
+export declare function AccountHeader({ headingId, customer, labels, onSignOut, }: AccountHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=account-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"account-header.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-account-v1/components/account-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGtD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,kBAAkB,+BA6CpB"}

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

@@ -0,0 +1,68 @@
+"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 account_header_exports = {};
+__export(account_header_exports, {
+  AccountHeader: () => AccountHeader
+});
+module.exports = __toCommonJS(account_header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+var import_helpers = require("../helpers.js");
+function AccountHeader({
+  headingId,
+  customer,
+  labels,
+  onSignOut
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-xl border bg-card px-4 py-3.5 text-card-foreground sm:px-5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between sm:gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Avatar, { className: "size-11 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.AvatarFallback, { className: "bg-secondary text-sm font-medium text-secondary-foreground", children: customer.initials }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "h2",
+          {
+            id: headingId,
+            className: "line-clamp-2 text-lg leading-snug font-semibold break-words",
+            children: (0, import_helpers.fill)(labels.greeting, { name: customer.name })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "truncate text-sm text-muted-foreground", children: customer.email }),
+        customer.memberSince || customer.emailVerified ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground", children: [
+          customer.memberSince ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_helpers.fill)(labels.memberSince, { date: customer.memberSince }) }) : null,
+          customer.emailVerified ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-success", children: labels.verified }) : null
+        ] }) : null
+      ] })
+    ] }),
+    onSignOut ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex shrink-0 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_blocks.Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "min-h-10 px-2 text-muted-foreground",
+        onClick: onSignOut,
+        children: labels.signOut
+      }
+    ) }) : null
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountHeader
+});
+//# sourceMappingURL=account-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-v1/components/account-header.tsx"],"sourcesContent":["import { Avatar, AvatarFallback, Button } from '@thorprovider/blocks'\n\nimport type { AccountHeaderProps } from '../contracts'\nimport { fill } from '../helpers'\n\n/**\n * The account identity header: a personalized greeting, the account holder's\n * name and the secondary account data. Profile editing lives in the Mi perfil\n * card, so the header keeps a single quiet action: sign out.\n *\n * The name wraps to two lines instead of being clipped, and the header renders\n * no page landmark; the host route owns the page.\n */\nexport function AccountHeader({\n  headingId,\n  customer,\n  labels,\n  onSignOut,\n}: AccountHeaderProps) {\n  return (\n    <div className=\"rounded-xl border bg-card px-4 py-3.5 text-card-foreground sm:px-5\">\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between sm:gap-3\">\n        <div className=\"flex min-w-0 items-center gap-3\">\n          <Avatar className=\"size-11 shrink-0\">\n            <AvatarFallback className=\"bg-secondary text-sm font-medium text-secondary-foreground\">\n              {customer.initials}\n            </AvatarFallback>\n          </Avatar>\n          <div className=\"min-w-0\">\n            <h2\n              id={headingId}\n              className=\"line-clamp-2 text-lg leading-snug font-semibold break-words\"\n            >\n              {fill(labels.greeting, { name: customer.name })}\n            </h2>\n            <p className=\"truncate text-sm text-muted-foreground\">{customer.email}</p>\n            {customer.memberSince || customer.emailVerified ? (\n              <div className=\"mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground\">\n                {customer.memberSince ? (\n                  <span>{fill(labels.memberSince, { date: customer.memberSince })}</span>\n                ) : null}\n                {customer.emailVerified ? (\n                  <span className=\"text-success\">{labels.verified}</span>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        </div>\n        {onSignOut ? (\n          <div className=\"flex shrink-0 justify-end\">\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"min-h-10 px-2 text-muted-foreground\"\n              onClick={onSignOut}\n            >\n              {labels.signOut}\n            </Button>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBY;AAxBZ,oBAA+C;AAG/C,qBAAqB;AAUd,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,SACE,4CAAC,SAAI,WAAU,sEACb,uDAAC,SAAI,WAAU,8EACb;AAAA,iDAAC,SAAI,WAAU,mCACb;AAAA,kDAAC,wBAAO,WAAU,oBAChB,sDAAC,gCAAe,WAAU,8DACvB,mBAAS,UACZ,GACF;AAAA,MACA,6CAAC,SAAI,WAAU,WACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAU;AAAA,YAET,mCAAK,OAAO,UAAU,EAAE,MAAM,SAAS,KAAK,CAAC;AAAA;AAAA,QAChD;AAAA,QACA,4CAAC,OAAE,WAAU,0CAA0C,mBAAS,OAAM;AAAA,QACrE,SAAS,eAAe,SAAS,gBAChC,6CAAC,SAAI,WAAU,oFACZ;AAAA,mBAAS,cACR,4CAAC,UAAM,mCAAK,OAAO,aAAa,EAAE,MAAM,SAAS,YAAY,CAAC,GAAE,IAC9D;AAAA,UACH,SAAS,gBACR,4CAAC,UAAK,WAAU,gBAAgB,iBAAO,UAAS,IAC9C;AAAA,WACN,IACE;AAAA,SACN;AAAA,OACF;AAAA,IACC,YACC,4CAAC,SAAI,WAAU,6BACb;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS;AAAA,QAER,iBAAO;AAAA;AAAA,IACV,GACF,IACE;AAAA,KACN,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Avatar, AvatarFallback, Button } from "@thorprovider/blocks";
+import { fill } from "../helpers.mjs";
+function AccountHeader({
+  headingId,
+  customer,
+  labels,
+  onSignOut
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-xl border bg-card px-4 py-3.5 text-card-foreground sm:px-5", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between sm:gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ jsx(Avatar, { className: "size-11 shrink-0", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-secondary text-sm font-medium text-secondary-foreground", children: customer.initials }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx(
+          "h2",
+          {
+            id: headingId,
+            className: "line-clamp-2 text-lg leading-snug font-semibold break-words",
+            children: fill(labels.greeting, { name: customer.name })
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-muted-foreground", children: customer.email }),
+        customer.memberSince || customer.emailVerified ? /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground", children: [
+          customer.memberSince ? /* @__PURE__ */ jsx("span", { children: fill(labels.memberSince, { date: customer.memberSince }) }) : null,
+          customer.emailVerified ? /* @__PURE__ */ jsx("span", { className: "text-success", children: labels.verified }) : null
+        ] }) : null
+      ] })
+    ] }),
+    onSignOut ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 justify-end", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "min-h-10 px-2 text-muted-foreground",
+        onClick: onSignOut,
+        children: labels.signOut
+      }
+    ) }) : null
+  ] }) });
+}
+export {
+  AccountHeader
+};
+//# sourceMappingURL=account-header.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-v1/components/account-header.tsx"],"sourcesContent":["import { Avatar, AvatarFallback, Button } from '@thorprovider/blocks'\n\nimport type { AccountHeaderProps } from '../contracts'\nimport { fill } from '../helpers'\n\n/**\n * The account identity header: a personalized greeting, the account holder's\n * name and the secondary account data. Profile editing lives in the Mi perfil\n * card, so the header keeps a single quiet action: sign out.\n *\n * The name wraps to two lines instead of being clipped, and the header renders\n * no page landmark; the host route owns the page.\n */\nexport function AccountHeader({\n  headingId,\n  customer,\n  labels,\n  onSignOut,\n}: AccountHeaderProps) {\n  return (\n    <div className=\"rounded-xl border bg-card px-4 py-3.5 text-card-foreground sm:px-5\">\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between sm:gap-3\">\n        <div className=\"flex min-w-0 items-center gap-3\">\n          <Avatar className=\"size-11 shrink-0\">\n            <AvatarFallback className=\"bg-secondary text-sm font-medium text-secondary-foreground\">\n              {customer.initials}\n            </AvatarFallback>\n          </Avatar>\n          <div className=\"min-w-0\">\n            <h2\n              id={headingId}\n              className=\"line-clamp-2 text-lg leading-snug font-semibold break-words\"\n            >\n              {fill(labels.greeting, { name: customer.name })}\n            </h2>\n            <p className=\"truncate text-sm text-muted-foreground\">{customer.email}</p>\n            {customer.memberSince || customer.emailVerified ? (\n              <div className=\"mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground\">\n                {customer.memberSince ? (\n                  <span>{fill(labels.memberSince, { date: customer.memberSince })}</span>\n                ) : null}\n                {customer.emailVerified ? (\n                  <span className=\"text-success\">{labels.verified}</span>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        </div>\n        {onSignOut ? (\n          <div className=\"flex shrink-0 justify-end\">\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"min-h-10 px-2 text-muted-foreground\"\n              onClick={onSignOut}\n            >\n              {labels.signOut}\n            </Button>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAwBY,cAaE,YAbF;AAxBZ,SAAS,QAAQ,gBAAgB,cAAc;AAG/C,SAAS,YAAY;AAUd,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,SACE,oBAAC,SAAI,WAAU,sEACb,+BAAC,SAAI,WAAU,8EACb;AAAA,yBAAC,SAAI,WAAU,mCACb;AAAA,0BAAC,UAAO,WAAU,oBAChB,8BAAC,kBAAe,WAAU,8DACvB,mBAAS,UACZ,GACF;AAAA,MACA,qBAAC,SAAI,WAAU,WACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAU;AAAA,YAET,eAAK,OAAO,UAAU,EAAE,MAAM,SAAS,KAAK,CAAC;AAAA;AAAA,QAChD;AAAA,QACA,oBAAC,OAAE,WAAU,0CAA0C,mBAAS,OAAM;AAAA,QACrE,SAAS,eAAe,SAAS,gBAChC,qBAAC,SAAI,WAAU,oFACZ;AAAA,mBAAS,cACR,oBAAC,UAAM,eAAK,OAAO,aAAa,EAAE,MAAM,SAAS,YAAY,CAAC,GAAE,IAC9D;AAAA,UACH,SAAS,gBACR,oBAAC,UAAK,WAAU,gBAAgB,iBAAO,UAAS,IAC9C;AAAA,WACN,IACE;AAAA,SACN;AAAA,OACF;AAAA,IACC,YACC,oBAAC,SAAI,WAAU,6BACb;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS;AAAA,QAER,iBAAO;AAAA;AAAA,IACV,GACF,IACE;AAAA,KACN,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,17 @@
+import type { AccountIconName } from '../contracts';
+type AccountIconProps = {
+    name: AccountIconName;
+    className?: string;
+};
+type ChevronIconProps = {
+    direction?: 'left' | 'right';
+    className?: string;
+};
+/**
+ * One coherent, dependency-free icon set. The data only carries a serializable
+ * id; the geometry lives here so a json-render spec never embeds SVG.
+ */
+export declare function AccountIcon({ name, className }: AccountIconProps): import("react").JSX.Element;
+export declare function ChevronIcon({ direction, className }: ChevronIconProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=account-icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"account-icon.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-account-v1/components/account-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAgFD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAehE;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAmB,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAe/E"}

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

@@ -0,0 +1,122 @@
+"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 account_icon_exports = {};
+__export(account_icon_exports, {
+  AccountIcon: () => AccountIcon,
+  ChevronIcon: () => ChevronIcon
+});
+module.exports = __toCommonJS(account_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Glyph({ name }) {
+  switch (name) {
+    case "orders":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 3 3 7.5v9L12 21l9-4.5v-9L12 3Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 7.5 12 12l9-4.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 12v9" })
+      ] });
+    case "profile":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "8", r: "3.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 20a7 7 0 0 1 14 0" })
+      ] });
+    case "addresses":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 10c0 5.5-8 11-8 11S4 15.5 4 10a8 8 0 0 1 16 0Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "10", r: "2.5" })
+      ] });
+    case "payments":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "2.5", y: "5", width: "19", height: "14", rx: "2.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.5 9.5h19" })
+      ] });
+    case "wallet":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 7.5V18a2 2 0 0 0 2 2h14V7.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 7.5A2.5 2.5 0 0 1 6.5 5H19v2.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16 13h2" })
+      ] });
+    case "security":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9.5 12 1.8 1.8 3.4-3.6" })
+      ] });
+    case "lists":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 6h11" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 12h11" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 18h11" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "4.5", cy: "6", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "4.5", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "4.5", cy: "18", r: "1" })
+      ] });
+    case "support":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m5.6 5.6 3.9 3.9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m14.5 14.5 3.9 3.9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m18.4 5.6-3.9 3.9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9.5 14.5-3.9 3.9" })
+      ] });
+    case "returns":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 14 4 9l5-5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 9h10a6 6 0 0 1 0 12h-3" })
+      ] });
+  }
+}
+function AccountIcon({ name, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(Glyph, { name })
+    }
+  );
+}
+function ChevronIcon({ direction = "right", className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("path", { d: direction === "left" ? "m15 5-7 7 7 7" : "m9 5 7 7-7 7" })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountIcon,
+  ChevronIcon
+});
+//# sourceMappingURL=account-icon.js.map

package/dist/blocks/designs/customer-account-v1/components/account-icon.js.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":[]}