@thorprovider/blocks 4.1.0 → 4.3.0

package/dist/blocks/designs/customer-account-overview/components/account-notice.mjs.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":"AAmBQ,SACE,KADF;AAnBR,SAAS,QAAQ,MAAM,UAAU;AAGjC,SAAS,2BAA2B;AAO7B,SAAS,cAAc,EAAE,QAAQ,SAAS,GAAuB;AACtE,SACE,oBAAC,QAAK,WAAU,0BACd;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,oBAAoB,OAAO,IAAI;AAAA,MACjC;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,WACb;AAAA,8BAAC,OAAE,WAAU,uBAAuB,iBAAO,OAAM;AAAA,UACjD,oBAAC,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-overview.d.ts

@@ -0,0 +1,11 @@
+import type { AccountOverviewProps } from '../contracts';
+/**
+ * The account cover: a navigation dashboard, not a report. It shows the
+ * contextual notice when there is one and the card grid the store configured;
+ * the cards are the only navigation here, and each one opens its module.
+ *
+ * The overview never loads module data: summaries are optional, preformatted
+ * strings the host already has.
+ */
+export declare function AccountOverview({ title, model, capabilities, labels, onOpenCard, onNoticeAction, }: AccountOverviewProps): import("react").JSX.Element;
+//# sourceMappingURL=account-overview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"account-overview.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-account-overview/components/account-overview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAKxD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,YAAY,EACZ,MAAM,EACN,UAAU,EACV,cAAc,GACf,EAAE,oBAAoB,+BA+BtB"}

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

@@ -0,0 +1,64 @@
+"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_overview_exports = {};
+__export(account_overview_exports, {
+  AccountOverview: () => AccountOverview
+});
+module.exports = __toCommonJS(account_overview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_modules = require("../modules.js");
+var import_account_card = require("./account-card.js");
+var import_account_notice = require("./account-notice.js");
+function AccountOverview({
+  title,
+  model,
+  capabilities,
+  labels,
+  onOpenCard,
+  onNoticeAction
+}) {
+  const cards = (0, import_modules.visibleCards)(model.cards, capabilities);
+  const notice = model.notice && (model.notice.kind !== "pickup" || (0, import_modules.isCapabilityEnabled)(capabilities, "pickup")) ? model.notice : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "sr-only", children: title }),
+    notice ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_account_notice.AccountNotice, { notice, onAction: onNoticeAction }) : null,
+    cards.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        role: "group",
+        "aria-label": labels.sections,
+        className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
+        children: cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_account_card.AccountCard,
+          {
+            card,
+            summary: model.summaries[card.id],
+            onOpen: onOpenCard
+          },
+          card.id
+        ))
+      }
+    ) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountOverview
+});
+//# sourceMappingURL=account-overview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-overview/components/account-overview.tsx"],"sourcesContent":["import type { AccountOverviewProps } from '../contracts'\nimport { isCapabilityEnabled, visibleCards } from '../modules'\nimport { AccountCard } from './account-card'\nimport { AccountNotice } from './account-notice'\n\n/**\n * The account cover: a navigation dashboard, not a report. It shows the\n * contextual notice when there is one and the card grid the store configured;\n * the cards are the only navigation here, and each one opens its module.\n *\n * The overview never loads module data: summaries are optional, preformatted\n * strings the host already has.\n */\nexport function AccountOverview({\n  title,\n  model,\n  capabilities,\n  labels,\n  onOpenCard,\n  onNoticeAction,\n}: AccountOverviewProps) {\n  const cards = visibleCards(model.cards, capabilities)\n  const notice =\n    model.notice && (model.notice.kind !== 'pickup' || isCapabilityEnabled(capabilities, 'pickup'))\n      ? model.notice\n      : null\n\n  return (\n    <div className=\"space-y-4\">\n      <h3 className=\"sr-only\">{title}</h3>\n\n      {notice ? <AccountNotice notice={notice} onAction={onNoticeAction} /> : null}\n\n      {cards.length > 0 ? (\n        <div\n          role=\"group\"\n          aria-label={labels.sections}\n          className=\"grid gap-3 sm:grid-cols-2 lg:grid-cols-3\"\n        >\n          {cards.map((card) => (\n            <AccountCard\n              key={card.id}\n              card={card}\n              summary={model.summaries[card.id]}\n              onOpen={onOpenCard}\n            />\n          ))}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BI;AA3BJ,qBAAkD;AAClD,0BAA4B;AAC5B,4BAA8B;AAUvB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,YAAQ,6BAAa,MAAM,OAAO,YAAY;AACpD,QAAM,SACJ,MAAM,WAAW,MAAM,OAAO,SAAS,gBAAY,oCAAoB,cAAc,QAAQ,KACzF,MAAM,SACN;AAEN,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,gDAAC,QAAG,WAAU,WAAW,iBAAM;AAAA,IAE9B,SAAS,4CAAC,uCAAc,QAAgB,UAAU,gBAAgB,IAAK;AAAA,IAEvE,MAAM,SAAS,IACd;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,OAAO;AAAA,QACnB,WAAU;AAAA,QAET,gBAAM,IAAI,CAAC,SACV;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,SAAS,MAAM,UAAU,KAAK,EAAE;AAAA,YAChC,QAAQ;AAAA;AAAA,UAHH,KAAK;AAAA,QAIZ,CACD;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;","names":[]}

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

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isCapabilityEnabled, visibleCards } from "../modules.mjs";
+import { AccountCard } from "./account-card.mjs";
+import { AccountNotice } from "./account-notice.mjs";
+function AccountOverview({
+  title,
+  model,
+  capabilities,
+  labels,
+  onOpenCard,
+  onNoticeAction
+}) {
+  const cards = visibleCards(model.cards, capabilities);
+  const notice = model.notice && (model.notice.kind !== "pickup" || isCapabilityEnabled(capabilities, "pickup")) ? model.notice : null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("h3", { className: "sr-only", children: title }),
+    notice ? /* @__PURE__ */ jsx(AccountNotice, { notice, onAction: onNoticeAction }) : null,
+    cards.length > 0 ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "group",
+        "aria-label": labels.sections,
+        className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
+        children: cards.map((card) => /* @__PURE__ */ jsx(
+          AccountCard,
+          {
+            card,
+            summary: model.summaries[card.id],
+            onOpen: onOpenCard
+          },
+          card.id
+        ))
+      }
+    ) : null
+  ] });
+}
+export {
+  AccountOverview
+};
+//# sourceMappingURL=account-overview.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-account-overview/components/account-overview.tsx"],"sourcesContent":["import type { AccountOverviewProps } from '../contracts'\nimport { isCapabilityEnabled, visibleCards } from '../modules'\nimport { AccountCard } from './account-card'\nimport { AccountNotice } from './account-notice'\n\n/**\n * The account cover: a navigation dashboard, not a report. It shows the\n * contextual notice when there is one and the card grid the store configured;\n * the cards are the only navigation here, and each one opens its module.\n *\n * The overview never loads module data: summaries are optional, preformatted\n * strings the host already has.\n */\nexport function AccountOverview({\n  title,\n  model,\n  capabilities,\n  labels,\n  onOpenCard,\n  onNoticeAction,\n}: AccountOverviewProps) {\n  const cards = visibleCards(model.cards, capabilities)\n  const notice =\n    model.notice && (model.notice.kind !== 'pickup' || isCapabilityEnabled(capabilities, 'pickup'))\n      ? model.notice\n      : null\n\n  return (\n    <div className=\"space-y-4\">\n      <h3 className=\"sr-only\">{title}</h3>\n\n      {notice ? <AccountNotice notice={notice} onAction={onNoticeAction} /> : null}\n\n      {cards.length > 0 ? (\n        <div\n          role=\"group\"\n          aria-label={labels.sections}\n          className=\"grid gap-3 sm:grid-cols-2 lg:grid-cols-3\"\n        >\n          {cards.map((card) => (\n            <AccountCard\n              key={card.id}\n              card={card}\n              summary={model.summaries[card.id]}\n              onOpen={onOpenCard}\n            />\n          ))}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"AA4BI,SACE,KADF;AA3BJ,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAUvB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,QAAQ,aAAa,MAAM,OAAO,YAAY;AACpD,QAAM,SACJ,MAAM,WAAW,MAAM,OAAO,SAAS,YAAY,oBAAoB,cAAc,QAAQ,KACzF,MAAM,SACN;AAEN,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,QAAG,WAAU,WAAW,iBAAM;AAAA,IAE9B,SAAS,oBAAC,iBAAc,QAAgB,UAAU,gBAAgB,IAAK;AAAA,IAEvE,MAAM,SAAS,IACd;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,OAAO;AAAA,QACnB,WAAU;AAAA,QAET,gBAAM,IAAI,CAAC,SACV;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,SAAS,MAAM,UAAU,KAAK,EAAE;AAAA,YAChC,QAAQ;AAAA;AAAA,UAHH,KAAK;AAAA,QAIZ,CACD;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;","names":[]}

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

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

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

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

package/dist/blocks/designs/customer-account-overview/contracts.js

@@ -0,0 +1,29 @@
+"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 contracts_exports = {};
+__export(contracts_exports, {
+  OVERVIEW_MODULE_ID: () => OVERVIEW_MODULE_ID
+});
+module.exports = __toCommonJS(contracts_exports);
+const OVERVIEW_MODULE_ID = "overview";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OVERVIEW_MODULE_ID
+});
+//# sourceMappingURL=contracts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/customer-account-overview/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,MAAM,qBAAqB;","names":[]}

package/dist/blocks/designs/customer-account-overview/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-overview/contracts.mjs.map

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

@@ -0,0 +1,7 @@
+import type { Tone } from './contracts';
+export declare function badgeVariantForTone(tone: Tone): "default" | "secondary" | "destructive" | "outline";
+export declare function dotClassForTone(tone: Tone): string;
+export declare function noticeBorderForTone(tone: Tone): string;
+/** Replaces `{key}` tokens in a label template. Unknown tokens stay visible. */
+export declare function fill(template: string, values: Record<string, string | number>): string;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/customer-account-overview/helpers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AA0BvC,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,uDAE7C;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,UAEzC;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,UAE7C;AAED,gFAAgF;AAChF,wBAAgB,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,UAK7E"}

package/dist/blocks/designs/customer-account-overview/helpers.js

@@ -0,0 +1,70 @@
+"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 helpers_exports = {};
+__export(helpers_exports, {
+  badgeVariantForTone: () => badgeVariantForTone,
+  dotClassForTone: () => dotClassForTone,
+  fill: () => fill,
+  noticeBorderForTone: () => noticeBorderForTone
+});
+module.exports = __toCommonJS(helpers_exports);
+const BADGE_VARIANT = {
+  neutral: "secondary",
+  info: "outline",
+  success: "outline",
+  warning: "outline",
+  danger: "destructive"
+};
+const TONE_DOT = {
+  neutral: "bg-muted-foreground",
+  info: "bg-primary",
+  success: "bg-success",
+  warning: "bg-warning",
+  danger: "bg-destructive"
+};
+const NOTICE_BORDER = {
+  neutral: "border-border",
+  info: "border-primary",
+  success: "border-success",
+  warning: "border-warning",
+  danger: "border-destructive"
+};
+function badgeVariantForTone(tone) {
+  return BADGE_VARIANT[tone];
+}
+function dotClassForTone(tone) {
+  return TONE_DOT[tone];
+}
+function noticeBorderForTone(tone) {
+  return NOTICE_BORDER[tone];
+}
+function fill(template, values) {
+  return Object.keys(values).reduce(
+    (text, key) => text.split(`{${key}}`).join(String(values[key])),
+    template
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  badgeVariantForTone,
+  dotClassForTone,
+  fill,
+  noticeBorderForTone
+});
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/customer-account-overview/helpers.ts"],"sourcesContent":["// Presentation helpers shared by the account components. Pure functions: no\n// state, no data, no transport.\n\nimport type { Tone } from './contracts'\n\nconst BADGE_VARIANT: Record<Tone, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  neutral: 'secondary',\n  info: 'outline',\n  success: 'outline',\n  warning: 'outline',\n  danger: 'destructive',\n}\n\nconst TONE_DOT: Record<Tone, string> = {\n  neutral: 'bg-muted-foreground',\n  info: 'bg-primary',\n  success: 'bg-success',\n  warning: 'bg-warning',\n  danger: 'bg-destructive',\n}\n\nconst NOTICE_BORDER: Record<Tone, string> = {\n  neutral: 'border-border',\n  info: 'border-primary',\n  success: 'border-success',\n  warning: 'border-warning',\n  danger: 'border-destructive',\n}\n\nexport function badgeVariantForTone(tone: Tone) {\n  return BADGE_VARIANT[tone]\n}\n\nexport function dotClassForTone(tone: Tone) {\n  return TONE_DOT[tone]\n}\n\nexport function noticeBorderForTone(tone: Tone) {\n  return NOTICE_BORDER[tone]\n}\n\n/** Replaces `{key}` tokens in a label template. Unknown tokens stay visible. */\nexport function fill(template: string, values: Record<string, string | number>) {\n  return Object.keys(values).reduce(\n    (text, key) => text.split(`{${key}}`).join(String(values[key])),\n    template,\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,MAAM,gBAAmF;AAAA,EACvF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,MAAM,WAAiC;AAAA,EACrC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,MAAM,gBAAsC;AAAA,EAC1C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,oBAAoB,MAAY;AAC9C,SAAO,cAAc,IAAI;AAC3B;AAEO,SAAS,gBAAgB,MAAY;AAC1C,SAAO,SAAS,IAAI;AACtB;AAEO,SAAS,oBAAoB,MAAY;AAC9C,SAAO,cAAc,IAAI;AAC3B;AAGO,SAAS,KAAK,UAAkB,QAAyC;AAC9E,SAAO,OAAO,KAAK,MAAM,EAAE;AAAA,IACzB,CAAC,MAAM,QAAQ,KAAK,MAAM,IAAI,GAAG,GAAG,EAAE,KAAK,OAAO,OAAO,GAAG,CAAC,CAAC;AAAA,IAC9D;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,43 @@
+const BADGE_VARIANT = {
+  neutral: "secondary",
+  info: "outline",
+  success: "outline",
+  warning: "outline",
+  danger: "destructive"
+};
+const TONE_DOT = {
+  neutral: "bg-muted-foreground",
+  info: "bg-primary",
+  success: "bg-success",
+  warning: "bg-warning",
+  danger: "bg-destructive"
+};
+const NOTICE_BORDER = {
+  neutral: "border-border",
+  info: "border-primary",
+  success: "border-success",
+  warning: "border-warning",
+  danger: "border-destructive"
+};
+function badgeVariantForTone(tone) {
+  return BADGE_VARIANT[tone];
+}
+function dotClassForTone(tone) {
+  return TONE_DOT[tone];
+}
+function noticeBorderForTone(tone) {
+  return NOTICE_BORDER[tone];
+}
+function fill(template, values) {
+  return Object.keys(values).reduce(
+    (text, key) => text.split(`{${key}}`).join(String(values[key])),
+    template
+  );
+}
+export {
+  badgeVariantForTone,
+  dotClassForTone,
+  fill,
+  noticeBorderForTone
+};
+//# sourceMappingURL=helpers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/customer-account-overview/helpers.ts"],"sourcesContent":["// Presentation helpers shared by the account components. Pure functions: no\n// state, no data, no transport.\n\nimport type { Tone } from './contracts'\n\nconst BADGE_VARIANT: Record<Tone, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  neutral: 'secondary',\n  info: 'outline',\n  success: 'outline',\n  warning: 'outline',\n  danger: 'destructive',\n}\n\nconst TONE_DOT: Record<Tone, string> = {\n  neutral: 'bg-muted-foreground',\n  info: 'bg-primary',\n  success: 'bg-success',\n  warning: 'bg-warning',\n  danger: 'bg-destructive',\n}\n\nconst NOTICE_BORDER: Record<Tone, string> = {\n  neutral: 'border-border',\n  info: 'border-primary',\n  success: 'border-success',\n  warning: 'border-warning',\n  danger: 'border-destructive',\n}\n\nexport function badgeVariantForTone(tone: Tone) {\n  return BADGE_VARIANT[tone]\n}\n\nexport function dotClassForTone(tone: Tone) {\n  return TONE_DOT[tone]\n}\n\nexport function noticeBorderForTone(tone: Tone) {\n  return NOTICE_BORDER[tone]\n}\n\n/** Replaces `{key}` tokens in a label template. Unknown tokens stay visible. */\nexport function fill(template: string, values: Record<string, string | number>) {\n  return Object.keys(values).reduce(\n    (text, key) => text.split(`{${key}}`).join(String(values[key])),\n    template,\n  )\n}\n"],"mappings":"AAKA,MAAM,gBAAmF;AAAA,EACvF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,MAAM,WAAiC;AAAA,EACrC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,MAAM,gBAAsC;AAAA,EAC1C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,oBAAoB,MAAY;AAC9C,SAAO,cAAc,IAAI;AAC3B;AAEO,SAAS,gBAAgB,MAAY;AAC1C,SAAO,SAAS,IAAI;AACtB;AAEO,SAAS,oBAAoB,MAAY;AAC9C,SAAO,cAAc,IAAI;AAC3B;AAGO,SAAS,KAAK,UAAkB,QAAyC;AAC9E,SAAO,OAAO,KAAK,MAAM,EAAE;AAAA,IACzB,CAAC,MAAM,QAAQ,KAAK,MAAM,IAAI,GAAG,GAAG,EAAE,KAAK,OAAO,OAAO,GAAG,CAAC,CAAC;AAAA,IAC9D;AAAA,EACF;AACF;","names":[]}

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

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

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

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