@thorprovider/blocks 4.1.0 → 4.3.0

package/dist/blocks/designs/checkout-commerce-v1/view/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/checkout-commerce-v1/view/types.ts"],"sourcesContent":["export type CheckoutCopy = Readonly<Record<string, string>>;\n\nexport type CheckoutCountry = {\n  code: string;\n  name: string;\n  postalCode: string;\n  provinces: Array<{ name: string; cities: string[] }>;\n};\n\nexport type CheckoutAddress = {\n  id: string;\n  label: string;\n  recipient: string;\n  line1: string;\n  line2?: string;\n  company?: string;\n  city: string;\n  province?: string;\n  countryCode?: string;\n  postalCode?: string;\n  phone?: string;\n  isDefault: boolean;\n};\n\nexport type CheckoutContact = {\n  name: string;\n  email: string;\n  phone: string;\n};\n\nexport type CheckoutPriceTier = {\n  minQuantity: number;\n  maxQuantity: number;\n  unitCents: number;\n};\n\nexport type CheckoutAssociate = {\n  id: string;\n  lineId: string;\n  title: string;\n  variant: string;\n  image?: string;\n  unitCents: number;\n  regularCents?: number;\n  discountLabel?: string;\n  tiers?: CheckoutPriceTier[];\n  lineDiscountCents?: number;\n  lineDiscountLabel?: string;\n  minQuantity?: number;\n  maxQuantity: number;\n  maxPerMain?: number;\n  stock: number;\n  groupId: string;\n  initialQuantity?: number;\n  eligible?: boolean;\n  reason?: string;\n  overflowPolicy?: string;\n  availableMaxQuantity?: number;\n  discount?: { amountCents: number; percent: number } | null;\n};\n\nexport type CheckoutLine = {\n  lineId: string;\n  groupId?: string;\n  title: string;\n  variant?: string;\n  image?: string;\n  removable?: boolean;\n  unitCents?: number;\n  quantity: number;\n  stock?: number;\n  tiers?: CheckoutPriceTier[];\n  lineDiscountCents?: number;\n  lineDiscountLabel?: string;\n  isAssociate?: boolean;\n  parentLineId?: string;\n  associateId?: string;\n  maxQuantity?: number;\n  minQuantity?: number;\n  maxPerMain?: number;\n  overflowPolicy?: string;\n  regularCents?: number;\n  discountLabel?: string;\n  associates?: CheckoutAssociate[];\n  currentUnitCents?: number;\n  netTotalCents?: number;\n  currentTier?: CheckoutPriceTier | null;\n  nextTier?: CheckoutPriceTier | null;\n  mainQuantity?: number;\n  availableMaxQuantity?: number;\n  associateDiscount?: { amountCents: number; percent: number } | null;\n  totalSavingCents?: number;\n  totalSavingPercent?: number;\n  regularTotalCents?: number;\n  unavailable?: boolean;\n  nextTierReachable?: boolean;\n  associateLines?: CheckoutLine[];\n  availableAssociates?: CheckoutAssociate[];\n  addableAssociates?: CheckoutAssociate[];\n};\n\nexport type CheckoutGroupItem = Omit<CheckoutLine, 'quantity'> & {\n  quantity?: number;\n  associates?: CheckoutAssociate[];\n};\n\nexport type CheckoutShippingOption = {\n  id: string;\n  label: string;\n  feeCents?: number;\n  eta?: string;\n  note?: string;\n  disabled?: boolean;\n  disabledReason?: string;\n  discountCents?: number;\n  promotionLabel?: string;\n  payableFeeCents?: number;\n};\n\nexport type CheckoutPickupPoint = {\n  id: string;\n  label: string;\n  address?: string;\n  hours?: string;\n  feeCents?: number;\n  note?: string;\n  disabled?: boolean;\n  disabledReason?: string;\n  discountCents?: number;\n  promotionLabel?: string;\n  available?: boolean;\n  unavailableReason?: string;\n  payableFeeCents?: number;\n};\n\nexport type CheckoutGroup = {\n  id: string;\n  title?: string;\n  origin?: string;\n  modes: string[];\n  items?: CheckoutGroupItem[];\n  shippingOptions: CheckoutShippingOption[];\n  pickupPoints: CheckoutPickupPoint[];\n  eta?: string;\n  rateState: string;\n  special?: boolean;\n  note?: string;\n  state: { mode: string; shippingOptionId?: string; pickupPointId?: string; rateState: string };\n  lines: CheckoutGroupItem[];\n  selectedShippingOption?: CheckoutShippingOption | null;\n  selectedPickupPoint?: CheckoutPickupPoint | null;\n  selectedMode?: string;\n  selectedShippingOptionId?: string;\n  selectedPickupPointId?: string;\n  ready?: boolean;\n  feeCents?: number | null;\n  baseFeeCents?: number;\n  feeDiscountCents?: number;\n  shippingAvailable?: boolean;\n  pickupAvailable?: boolean;\n  bothModesAvailable?: boolean;\n  currentModeAvailable?: boolean;\n  currentChoiceCount?: number;\n  canChange?: boolean;\n  panelMode?: string;\n};\n\nexport type CheckoutPromotion = {\n  id: string;\n  label: string;\n  kind: string;\n  amountCents: number;\n  code?: string;\n};\n\nexport type CheckoutPaymentOption = {\n  id: string;\n  label: string;\n  title?: string;\n  detail?: string;\n  kind?: string;\n  enabled: boolean;\n  reason?: string;\n  meta?: string;\n  disabled: boolean;\n};\n\nexport type CheckoutFieldError = {\n  path: string;\n  message: string;\n};\n\nexport type CheckoutTotals = {\n  subtotalCents: number;\n  promotionsCents?: number;\n  taxCents?: number;\n  taxRateBps?: number;\n  shippingCents?: number;\n  pickupCents?: number;\n  extraCents?: number;\n  extraLabel?: string;\n  totalCents: number;\n  unitCount?: number;\n  pickupCount?: number;\n  pending: boolean;\n  hasUnavailable: boolean;\n  canConfirm: boolean;\n  blockedMessage: string;\n  requiresShipping: boolean;\n  missingAddress: boolean;\n  paymentNotice?: string;\n};\n\nexport type CheckoutConfirmationGroup = {\n  id: string;\n  title: string;\n  modeLabel: string;\n  methodLabel: string;\n  detailLabel: string;\n  feeCents: number;\n  lines: CheckoutLine[];\n};\n\nexport type CheckoutConfirmation = {\n  reference: string;\n  totalCents: number;\n  subtotalCents: number;\n  unitCount?: number;\n  promotions?: CheckoutPromotion[];\n  taxCents?: number;\n  taxRateBps?: number;\n  shippingCents?: number;\n  pickupCents?: number;\n  extraCents?: number;\n  extraLabel?: string;\n  groups: CheckoutConfirmationGroup[];\n  address: CheckoutAddress | null;\n  paymentLabel: string;\n  paymentDetail: string;\n  billingLabel: string;\n  billingDetail: string;\n  customerName: string;\n  customerEmail: string;\n};\n\nexport type CheckoutCartState = 'loading' | 'ready' | 'empty' | 'error';\nexport type CheckoutShippingState = 'idle' | 'loading' | 'ready' | 'error';\nexport type CheckoutPaymentState = 'idle' | 'loading' | 'ready' | 'error';\nexport type CheckoutOrderState = 'idle' | 'submitting' | 'error' | 'confirmed' | 'interrupted';\nexport type CheckoutSessionState = 'guest' | 'authenticated' | 'loading' | 'error';\nexport type CheckoutRetryArea = 'session' | 'shipping' | 'payment' | 'order';\nexport type CheckoutInterruptionAction = 'acknowledge' | 'refresh' | 'return-to-cart' | 'retry';\nexport type CheckoutInterruption = {\n  kind:\n    | 'totals-changed'\n    | 'price-changed'\n    | 'stock-reduced'\n    | 'item-unavailable'\n    | 'session-expired'\n    | 'payment-failed';\n  severity: 'info' | 'blocking';\n  title: string;\n  message: string;\n  changes?: Array<{\n    lineId?: string;\n    label: string;\n    previous?: string;\n    next?: string;\n  }>;\n  actions: CheckoutInterruptionAction[];\n};\nexport type CheckoutSavedAddressState = {\n  pendingId?: string;\n  error?: string;\n  lastSavedId?: string;\n  lastAction?: 'saved' | 'deleted';\n};\n\nexport type CheckoutRequirements = {\n  contactPhone: boolean;\n  shippingPhone: boolean;\n  province: boolean;\n  postalCode: boolean;\n};\n\nexport type CheckoutViewModel = {\n  labels: CheckoutCopy;\n  locale: string;\n  currencyCode: string;\n  countries: CheckoutCountry[];\n  locationOptions?: CheckoutLocationOptions;\n  paymentMethods: CheckoutPaymentOption[];\n  lines: CheckoutLine[];\n  groups: CheckoutGroup[];\n  addresses: CheckoutAddress[];\n  selectedShippingAddressId?: string;\n  contact: CheckoutContact;\n  session: CheckoutSessionState;\n  selectedPaymentId?: string;\n  billing: { sameAsShipping: boolean; addressId?: string };\n  requirements?: CheckoutRequirements;\n  promotions: CheckoutPromotion[];\n  totals: CheckoutTotals;\n  states: {\n    cart: CheckoutCartState;\n    shipping: CheckoutShippingState;\n    payment: CheckoutPaymentState;\n    order: CheckoutOrderState;\n  };\n  interruption?: CheckoutInterruption;\n  savedAddressState?: CheckoutSavedAddressState;\n  errors?: CheckoutFieldError[];\n  feedback?: {\n    addingAssociate?: string;\n    removingLine?: string;\n    priceUpdating?: string;\n    stockMessage?: string;\n    associateNotice?: { mainLineId: string; text: string; error: boolean } | null;\n    couponNotice?: { status: string; message: string } | null;\n  };\n  confirmation?: CheckoutConfirmation;\n  capabilities: { associates: boolean; pickupPoints: boolean; coupons: boolean };\n};\n\nexport type CheckoutAddressCreatePayload = CheckoutAddress & { saveToAccount: boolean };\n\nexport type CheckoutLocationOption = { value: string; label: string };\nexport type CheckoutLocationLevel = 'countries' | 'provinces' | 'cities';\nexport type CheckoutLocationOptions = {\n  countries: CheckoutLocationOption[];\n  provinces: CheckoutLocationOption[];\n  cities: CheckoutLocationOption[];\n  states?: Partial<Record<CheckoutLocationLevel, 'idle' | 'pending' | 'error' | 'unavailable'>>;\n  errors?: Partial<Record<CheckoutLocationLevel, string>>;\n};\n\nexport type CheckoutAssociatePayload = {\n  associateId: string;\n  parentLineId: string;\n  lineId: string;\n  groupId: string;\n  quantity: number;\n  unitCents: number;\n};\n\nexport type CheckoutViewActions = {\n  onQuantityChange: (lineId: string, quantity: number) => void;\n  onRemoveItem: (lineId: string) => void;\n  onSelectAddress: (\n    addressId: string,\n    target?: 'shipping' | 'billing',\n    sameAsShipping?: boolean,\n  ) => void;\n  onCreateAddress: (address: CheckoutAddress, saveToAccount: boolean) => void;\n  onContactChange: (patch: Partial<Pick<CheckoutContact, 'name' | 'email' | 'phone'>>) => void;\n  onSelectShippingOption: (groupId: string, optionId?: string, mode?: string) => void;\n  onSelectPayment: (paymentId: string) => void;\n  onApplyPromo: (code: string | null) => void;\n  onSubmit: () => void;\n  onRetry: (area: CheckoutRetryArea, groupId?: string) => void;\n  onRetryPayment?: () => void;\n  onInterruptionAction?: (action: CheckoutInterruptionAction) => void;\n  onLocationChange?: (level: CheckoutLocationLevel, value: string) => void;\n  onContinueShopping: () => void;\n  onAddressEditorOpen: (panelId: string) => void;\n  createAddressId: () => string;\n  onStartRegistration?: (contact: CheckoutContact) => void;\n  onAddAssociate?: (mainLineId: string, associateId: string) => void;\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/blocks/designs/checkout-commerce-v1/view/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/dist/blocks/designs/checkout-commerce-v1/view/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/customer-account-overview/block.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,IAAI,mCAAmC,EAAE,MAAM,aAAa,CAAA;AAE9F,MAAM,MAAM,4BAA4B,GAAG,mCAAmC,CAAA;AAE9E,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,+BAE1E;AAED,eAAe,uBAAuB,CAAA"}

package/dist/blocks/designs/customer-account-overview/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, {
+  CustomerAccountOverview: () => CustomerAccountOverview,
+  default: () => block_default
+});
+module.exports = __toCommonJS(block_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_account_overview = require("./components/account-overview.js");
+function CustomerAccountOverview(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_account_overview.AccountOverview, { ...props });
+}
+var block_default = CustomerAccountOverview;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CustomerAccountOverview
+});
+//# sourceMappingURL=block.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/customer-account-overview/block.tsx"],"sourcesContent":["'use client'\n\nimport { AccountOverview as SurfaceEntry } from './components/account-overview'\nimport type { AccountOverviewProps as CustomerAccountOverviewSurfaceProps } from './contracts'\n\nexport type CustomerAccountOverviewProps = CustomerAccountOverviewSurfaceProps\n\nexport function CustomerAccountOverview(props: CustomerAccountOverviewProps) {\n  return <SurfaceEntry {...props} />\n}\n\nexport default CustomerAccountOverview\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQS;AANT,8BAAgD;AAKzC,SAAS,wBAAwB,OAAqC;AAC3E,SAAO,4CAAC,wBAAAA,iBAAA,EAAc,GAAG,OAAO;AAClC;AAEA,IAAO,gBAAQ;","names":["SurfaceEntry"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/customer-account-overview/block.tsx"],"sourcesContent":["'use client'\n\nimport { AccountOverview as SurfaceEntry } from './components/account-overview'\nimport type { AccountOverviewProps as CustomerAccountOverviewSurfaceProps } from './contracts'\n\nexport type CustomerAccountOverviewProps = CustomerAccountOverviewSurfaceProps\n\nexport function CustomerAccountOverview(props: CustomerAccountOverviewProps) {\n  return <SurfaceEntry {...props} />\n}\n\nexport default CustomerAccountOverview\n"],"mappings":";AAQS;AANT,SAAS,mBAAmB,oBAAoB;AAKzC,SAAS,wBAAwB,OAAqC;AAC3E,SAAO,oBAAC,gBAAc,GAAG,OAAO;AAClC;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/blocks/designs/customer-account-overview/components/account-card.d.ts

@@ -0,0 +1,12 @@
+import type { AccountCardProps } from '../contracts';
+/**
+ * One navigation card. The whole surface is the control: on mobile it is a
+ * compact horizontal row (icon, text, chevron), on wider screens a vertical
+ * card. The summary is optional and preformatted by the host.
+ *
+ * Interaction states: hover, focus-visible and active. A card is never rendered
+ * disabled: a feature the store cannot offer is hidden by the grid, so there is
+ * no dead control to announce.
+ */
+export declare function AccountCard({ card, summary, onOpen }: AccountCardProps): import("react").JSX.Element;
+//# sourceMappingURL=account-card.d.ts.map

package/dist/blocks/designs/customer-account-overview/components/account-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-card.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-account-overview/components/account-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAGpD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,gBAAgB,+BA8BtE"}

package/dist/blocks/designs/customer-account-overview/components/account-card.js

@@ -0,0 +1,57 @@
+"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_card_exports = {};
+__export(account_card_exports, {
+  AccountCard: () => AccountCard
+});
+module.exports = __toCommonJS(account_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_account_icon = require("./account-icon.js");
+function AccountCard({ card, summary, onOpen }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type: "button",
+      "data-module-id": card.id,
+      onClick: () => onOpen(card.id),
+      className: "group relative flex h-full w-full items-start gap-3 rounded-xl border bg-card p-3.5 text-left text-card-foreground transition-colors hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring active:bg-muted/60 sm:flex-col sm:gap-2.5",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-secondary text-secondary-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_account_icon.AccountIcon, { name: card.icon }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block text-sm leading-snug font-medium", children: card.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mt-0.5 line-clamp-3 text-sm text-muted-foreground sm:line-clamp-2", children: card.description }),
+          summary ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mt-1.5 block text-xs font-medium text-muted-foreground", children: summary }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "mt-1 shrink-0 text-muted-foreground sm:absolute sm:top-3.5 sm:right-3.5 sm:mt-0",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_account_icon.ChevronIcon, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountCard
+});
+//# sourceMappingURL=account-card.js.map

package/dist/blocks/designs/customer-account-overview/components/account-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-overview/components/account-card.tsx"],"sourcesContent":["import type { AccountCardProps } from '../contracts'\nimport { AccountIcon, ChevronIcon } from './account-icon'\n\n/**\n * One navigation card. The whole surface is the control: on mobile it is a\n * compact horizontal row (icon, text, chevron), on wider screens a vertical\n * card. The summary is optional and preformatted by the host.\n *\n * Interaction states: hover, focus-visible and active. A card is never rendered\n * disabled: a feature the store cannot offer is hidden by the grid, so there is\n * no dead control to announce.\n */\nexport function AccountCard({ card, summary, onOpen }: AccountCardProps) {\n  return (\n    <button\n      type=\"button\"\n      data-module-id={card.id}\n      onClick={() => onOpen(card.id)}\n      className=\"group relative flex h-full w-full items-start gap-3 rounded-xl border bg-card p-3.5 text-left text-card-foreground transition-colors hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring active:bg-muted/60 sm:flex-col sm:gap-2.5\"\n    >\n      <span className=\"flex size-10 shrink-0 items-center justify-center rounded-lg bg-secondary text-secondary-foreground\">\n        <AccountIcon name={card.icon} />\n      </span>\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"block text-sm leading-snug font-medium\">{card.title}</span>\n        <span className=\"mt-0.5 line-clamp-3 text-sm text-muted-foreground sm:line-clamp-2\">\n          {card.description}\n        </span>\n        {summary ? (\n          <span className=\"mt-1.5 block text-xs font-medium text-muted-foreground\">\n            {summary}\n          </span>\n        ) : null}\n      </span>\n      <span\n        aria-hidden=\"true\"\n        className=\"mt-1 shrink-0 text-muted-foreground sm:absolute sm:top-3.5 sm:right-3.5 sm:mt-0\"\n      >\n        <ChevronIcon className=\"size-4\" />\n      </span>\n    </button>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBQ;AApBR,0BAAyC;AAWlC,SAAS,YAAY,EAAE,MAAM,SAAS,OAAO,GAAqB;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,kBAAgB,KAAK;AAAA,MACrB,SAAS,MAAM,OAAO,KAAK,EAAE;AAAA,MAC7B,WAAU;AAAA,MAEV;AAAA,oDAAC,UAAK,WAAU,uGACd,sDAAC,mCAAY,MAAM,KAAK,MAAM,GAChC;AAAA,QACA,6CAAC,UAAK,WAAU,kBACd;AAAA,sDAAC,UAAK,WAAU,0CAA0C,eAAK,OAAM;AAAA,UACrE,4CAAC,UAAK,WAAU,qEACb,eAAK,aACR;AAAA,UACC,UACC,4CAAC,UAAK,WAAU,0DACb,mBACH,IACE;AAAA,WACN;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,YAEV,sDAAC,mCAAY,WAAU,UAAS;AAAA;AAAA,QAClC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/blocks/designs/customer-account-overview/components/account-card.mjs

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AccountIcon, ChevronIcon } from "./account-icon.mjs";
+function AccountCard({ card, summary, onOpen }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "data-module-id": card.id,
+      onClick: () => onOpen(card.id),
+      className: "group relative flex h-full w-full items-start gap-3 rounded-xl border bg-card p-3.5 text-left text-card-foreground transition-colors hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring active:bg-muted/60 sm:flex-col sm:gap-2.5",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-secondary text-secondary-foreground", children: /* @__PURE__ */ jsx(AccountIcon, { name: card.icon }) }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "block text-sm leading-snug font-medium", children: card.title }),
+          /* @__PURE__ */ jsx("span", { className: "mt-0.5 line-clamp-3 text-sm text-muted-foreground sm:line-clamp-2", children: card.description }),
+          summary ? /* @__PURE__ */ jsx("span", { className: "mt-1.5 block text-xs font-medium text-muted-foreground", children: summary }) : null
+        ] }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "mt-1 shrink-0 text-muted-foreground sm:absolute sm:top-3.5 sm:right-3.5 sm:mt-0",
+            children: /* @__PURE__ */ jsx(ChevronIcon, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  AccountCard
+};
+//# sourceMappingURL=account-card.mjs.map

package/dist/blocks/designs/customer-account-overview/components/account-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-overview/components/account-card.tsx"],"sourcesContent":["import type { AccountCardProps } from '../contracts'\nimport { AccountIcon, ChevronIcon } from './account-icon'\n\n/**\n * One navigation card. The whole surface is the control: on mobile it is a\n * compact horizontal row (icon, text, chevron), on wider screens a vertical\n * card. The summary is optional and preformatted by the host.\n *\n * Interaction states: hover, focus-visible and active. A card is never rendered\n * disabled: a feature the store cannot offer is hidden by the grid, so there is\n * no dead control to announce.\n */\nexport function AccountCard({ card, summary, onOpen }: AccountCardProps) {\n  return (\n    <button\n      type=\"button\"\n      data-module-id={card.id}\n      onClick={() => onOpen(card.id)}\n      className=\"group relative flex h-full w-full items-start gap-3 rounded-xl border bg-card p-3.5 text-left text-card-foreground transition-colors hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring active:bg-muted/60 sm:flex-col sm:gap-2.5\"\n    >\n      <span className=\"flex size-10 shrink-0 items-center justify-center rounded-lg bg-secondary text-secondary-foreground\">\n        <AccountIcon name={card.icon} />\n      </span>\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"block text-sm leading-snug font-medium\">{card.title}</span>\n        <span className=\"mt-0.5 line-clamp-3 text-sm text-muted-foreground sm:line-clamp-2\">\n          {card.description}\n        </span>\n        {summary ? (\n          <span className=\"mt-1.5 block text-xs font-medium text-muted-foreground\">\n            {summary}\n          </span>\n        ) : null}\n      </span>\n      <span\n        aria-hidden=\"true\"\n        className=\"mt-1 shrink-0 text-muted-foreground sm:absolute sm:top-3.5 sm:right-3.5 sm:mt-0\"\n      >\n        <ChevronIcon className=\"size-4\" />\n      </span>\n    </button>\n  )\n}\n"],"mappings":"AAqBQ,cAEF,YAFE;AApBR,SAAS,aAAa,mBAAmB;AAWlC,SAAS,YAAY,EAAE,MAAM,SAAS,OAAO,GAAqB;AACvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,kBAAgB,KAAK;AAAA,MACrB,SAAS,MAAM,OAAO,KAAK,EAAE;AAAA,MAC7B,WAAU;AAAA,MAEV;AAAA,4BAAC,UAAK,WAAU,uGACd,8BAAC,eAAY,MAAM,KAAK,MAAM,GAChC;AAAA,QACA,qBAAC,UAAK,WAAU,kBACd;AAAA,8BAAC,UAAK,WAAU,0CAA0C,eAAK,OAAM;AAAA,UACrE,oBAAC,UAAK,WAAU,qEACb,eAAK,aACR;AAAA,UACC,UACC,oBAAC,UAAK,WAAU,0DACb,mBACH,IACE;AAAA,WACN;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,YAEV,8BAAC,eAAY,WAAU,UAAS;AAAA;AAAA,QAClC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/blocks/designs/customer-account-overview/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-overview/components/account-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-icon.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-account-overview/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-overview/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-overview/components/account-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-overview/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-overview/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-overview/components/account-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-overview/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-overview/components/account-notice.d.ts

@@ -0,0 +1,8 @@
+import type { AccountNoticeProps } from '../contracts';
+/**
+ * A contextual notice that needs the buyer to act. It points at one order or
+ * module and opens it; it is never a second delivery list and never invented by
+ * the view. The action renders whenever the host can handle it.
+ */
+export declare function AccountNotice({ notice, onAction }: AccountNoticeProps): import("react").JSX.Element;
+//# sourceMappingURL=account-notice.d.ts.map

package/dist/blocks/designs/customer-account-overview/components/account-notice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-notice.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-account-overview/components/account-notice.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGtD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA0BrE"}

package/dist/blocks/designs/customer-account-overview/components/account-notice.js

@@ -0,0 +1,58 @@
+"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_notice_exports = {};
+__export(account_notice_exports, {
+  AccountNotice: () => AccountNotice
+});
+module.exports = __toCommonJS(account_notice_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+var import_helpers = require("../helpers.js");
+function AccountNotice({ notice, onAction }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Card, { className: "gap-0 py-0 shadow-none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_blocks.cn)(
+        "flex flex-col gap-2 border-l-4 px-4 py-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4",
+        (0, import_helpers.noticeBorderForTone)(notice.tone)
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: notice.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 text-sm text-muted-foreground", children: notice.body })
+        ] }),
+        onAction ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_blocks.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "min-h-10 shrink-0 self-start sm:self-auto",
+            onClick: () => onAction(notice),
+            children: notice.actionLabel
+          }
+        ) : null
+      ]
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountNotice
+});
+//# sourceMappingURL=account-notice.js.map

package/dist/blocks/designs/customer-account-overview/components/account-notice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-overview/components/account-notice.tsx"],"sourcesContent":["import { Button, Card, cn } from '@thorprovider/blocks'\n\nimport type { AccountNoticeProps } from '../contracts'\nimport { noticeBorderForTone } from '../helpers'\n\n/**\n * A contextual notice that needs the buyer to act. It points at one order or\n * module and opens it; it is never a second delivery list and never invented by\n * the view. The action renders whenever the host can handle it.\n */\nexport function AccountNotice({ notice, onAction }: AccountNoticeProps) {\n  return (\n    <Card className=\"gap-0 py-0 shadow-none\">\n      <div\n        className={cn(\n          'flex flex-col gap-2 border-l-4 px-4 py-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4',\n          noticeBorderForTone(notice.tone),\n        )}\n      >\n        <div className=\"min-w-0\">\n          <p className=\"text-sm font-medium\">{notice.title}</p>\n          <p className=\"mt-0.5 text-sm text-muted-foreground\">{notice.body}</p>\n        </div>\n        {onAction ? (\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"min-h-10 shrink-0 self-start sm:self-auto\"\n            onClick={() => onAction(notice)}\n          >\n            {notice.actionLabel}\n          </Button>\n        ) : null}\n      </div>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBQ;AAnBR,oBAAiC;AAGjC,qBAAoC;AAO7B,SAAS,cAAc,EAAE,QAAQ,SAAS,GAAuB;AACtE,SACE,4CAAC,sBAAK,WAAU,0BACd;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,YACA,oCAAoB,OAAO,IAAI;AAAA,MACjC;AAAA,MAEA;AAAA,qDAAC,SAAI,WAAU,WACb;AAAA,sDAAC,OAAE,WAAU,uBAAuB,iBAAO,OAAM;AAAA,UACjD,4CAAC,OAAE,WAAU,wCAAwC,iBAAO,MAAK;AAAA,WACnE;AAAA,QACC,WACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS,MAAM,SAAS,MAAM;AAAA,YAE7B,iBAAO;AAAA;AAAA,QACV,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ;","names":[]}

package/dist/blocks/designs/customer-account-overview/components/account-notice.mjs

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Card, cn } from "@thorprovider/blocks";
+import { noticeBorderForTone } from "../helpers.mjs";
+function AccountNotice({ notice, onAction }) {
+  return /* @__PURE__ */ jsx(Card, { className: "gap-0 py-0 shadow-none", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-2 border-l-4 px-4 py-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4",
+        noticeBorderForTone(notice.tone)
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: notice.title }),
+          /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-muted-foreground", children: notice.body })
+        ] }),
+        onAction ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "min-h-10 shrink-0 self-start sm:self-auto",
+            onClick: () => onAction(notice),
+            children: notice.actionLabel
+          }
+        ) : null
+      ]
+    }
+  ) });
+}
+export {
+  AccountNotice
+};
+//# sourceMappingURL=account-notice.mjs.map