@thorprovider/blocks 4.0.0 → 4.1.0

package/dist/blocks/designs/checkout-commerce-v1/index.js

@@ -0,0 +1,36 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkout_commerce_v1_exports = {};
+__export(checkout_commerce_v1_exports, {
+  default: () => import_block.default
+});
+module.exports = __toCommonJS(checkout_commerce_v1_exports);
+var import_block = __toESM(require("./block.js"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/blocks/designs/checkout-commerce-v1/index.mjs

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

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

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

package/dist/blocks/e-commerce/account/account-frame.d.ts

@@ -0,0 +1,38 @@
+/** The bounded account page shapes. `sidebar` is deliberately not offered. */
+export type AccountFramePresentation = 'stack' | 'tabs';
+/** One account module the host has installed and mounted. */
+export interface AccountModule {
+    /** Stable module id; used as the anchor/tab id and reported on selection. */
+    id: string;
+    /** Visible navigation label. */
+    label: string;
+    /** Optional explicit destination; the stacked shape defaults to `#<id>`. */
+    href?: string;
+}
+/** Every user-facing string the frame renders. */
+export interface AccountFrameLabels {
+    title: string;
+    navLabel: string;
+}
+export interface AccountFrameProps {
+    /** Display name supplied by the host (never fetched by the block). */
+    displayName: string;
+    /** Optional email; omitted when absent, never rendered as an empty element. */
+    email?: string;
+    /** Installed modules, in render order. */
+    modules: AccountModule[];
+    /** The module currently shown in the tabbed shape. */
+    activeModule?: string;
+    presentation?: AccountFramePresentation;
+    labels?: Partial<AccountFrameLabels>;
+    /** Report a module selection; the host owns the active module. */
+    onSelectModule?: (id: string) => void;
+    className?: string;
+}
+/**
+ * The account surface header: shopper identity plus module navigation. The block
+ * renders exactly what the host supplies — no order counts, rewards, or other
+ * invented metrics — and owns no state: the active module is host-controlled.
+ */
+export declare function AccountFrame({ displayName, email, modules, activeModule, presentation, labels, onSelectModule, className, }: AccountFrameProps): import("react").JSX.Element;
+//# sourceMappingURL=account-frame.d.ts.map

package/dist/blocks/e-commerce/account/account-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-frame.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/account/account-frame.tsx"],"names":[],"mappings":"AAMA,8EAA8E;AAC9E,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvD,6DAA6D;AAC7D,MAAM,WAAW,aAAa;IAC5B,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAA;IACV,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,kDAAkD;AAClD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAOD,MAAM,WAAW,iBAAiB;IAChC,sEAAsE;IACtE,WAAW,EAAE,MAAM,CAAA;IACnB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,wBAAwB,CAAA;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IACpC,kEAAkE;IAClE,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAsB,EACtB,MAAM,EACN,cAAc,EACd,SAAS,GACV,EAAE,iBAAiB,+BAoFnB"}

package/dist/blocks/e-commerce/account/account-frame.js

@@ -0,0 +1,102 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var account_frame_exports = {};
+__export(account_frame_exports, {
+  AccountFrame: () => AccountFrame
+});
+module.exports = __toCommonJS(account_frame_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_utils = require("../../../lib/utils.js");
+const defaultLabels = {
+  title: "Mi cuenta",
+  navLabel: "Secciones de la cuenta"
+};
+function AccountFrame({
+  displayName,
+  email,
+  modules,
+  activeModule,
+  presentation = "stack",
+  labels,
+  onSelectModule,
+  className
+}) {
+  if (presentation !== "stack" && presentation !== "tabs") {
+    throw new Error(
+      `AccountFrame does not support presentation "${String(presentation)}". Use "stack" or "tabs".`
+    );
+  }
+  const copy = { ...defaultLabels, ...labels };
+  const tabRefs = (0, import_react.useRef)([]);
+  const moveSelection = (event) => {
+    if (!["ArrowRight", "ArrowLeft", "Home", "End"].includes(event.key)) return;
+    event.preventDefault();
+    const current = Math.max(
+      0,
+      modules.findIndex((module2) => module2.id === activeModule)
+    );
+    const next = event.key === "Home" ? 0 : event.key === "End" ? modules.length - 1 : event.key === "ArrowRight" ? (current + 1) % modules.length : (current - 1 + modules.length) % modules.length;
+    onSelectModule?.(modules[next].id);
+    tabRefs.current[next]?.focus();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: (0, import_utils.cn)("border-b pb-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm", children: copy.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "mt-1 text-2xl font-bold tracking-tight sm:text-3xl", children: displayName }),
+    email ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mt-1 text-sm", children: email }) : null,
+    modules.length > 0 ? presentation === "stack" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": copy.navLabel, className: "mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex flex-wrap gap-x-6 gap-y-2", children: modules.map((module2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "a",
+      {
+        href: module2.href ?? `#${module2.id}`,
+        "aria-current": module2.id === activeModule ? "true" : void 0,
+        className: "hover:text-foreground text-muted-foreground text-sm font-medium underline-offset-4 hover:underline",
+        children: module2.label
+      }
+    ) }, module2.id)) }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { role: "tablist", "aria-label": copy.navLabel, className: "mt-6 flex flex-wrap gap-2", onKeyDown: moveSelection, children: modules.map((module2) => {
+      const selected = module2.id === activeModule;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          ref: (node) => {
+            tabRefs.current[modules.indexOf(module2)] = node;
+          },
+          type: "button",
+          role: "tab",
+          id: `account-tab-${module2.id}`,
+          "aria-selected": selected,
+          "aria-controls": `account-panel-${module2.id}`,
+          tabIndex: selected ? 0 : -1,
+          onClick: () => onSelectModule?.(module2.id),
+          className: (0, import_utils.cn)(
+            "rounded-md border px-3 py-2 text-sm font-medium transition-colors",
+            selected ? "bg-foreground text-background border-transparent" : "hover:bg-muted border-border bg-transparent"
+          ),
+          children: module2.label
+        },
+        module2.id
+      );
+    }) }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountFrame
+});
+//# sourceMappingURL=account-frame.js.map

package/dist/blocks/e-commerce/account/account-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/account/account-frame.tsx"],"sourcesContent":["'use client'\n\nimport { useRef } from 'react'\nimport type { KeyboardEvent } from 'react'\nimport { cn } from '../../../lib/utils'\n\n/** The bounded account page shapes. `sidebar` is deliberately not offered. */\nexport type AccountFramePresentation = 'stack' | 'tabs'\n\n/** One account module the host has installed and mounted. */\nexport interface AccountModule {\n  /** Stable module id; used as the anchor/tab id and reported on selection. */\n  id: string\n  /** Visible navigation label. */\n  label: string\n  /** Optional explicit destination; the stacked shape defaults to `#<id>`. */\n  href?: string\n}\n\n/** Every user-facing string the frame renders. */\nexport interface AccountFrameLabels {\n  title: string\n  navLabel: string\n}\n\nconst defaultLabels: AccountFrameLabels = {\n  title: 'Mi cuenta',\n  navLabel: 'Secciones de la cuenta',\n}\n\nexport interface AccountFrameProps {\n  /** Display name supplied by the host (never fetched by the block). */\n  displayName: string\n  /** Optional email; omitted when absent, never rendered as an empty element. */\n  email?: string\n  /** Installed modules, in render order. */\n  modules: AccountModule[]\n  /** The module currently shown in the tabbed shape. */\n  activeModule?: string\n  presentation?: AccountFramePresentation\n  labels?: Partial<AccountFrameLabels>\n  /** Report a module selection; the host owns the active module. */\n  onSelectModule?: (id: string) => void\n  className?: string\n}\n\n/**\n * The account surface header: shopper identity plus module navigation. The block\n * renders exactly what the host supplies — no order counts, rewards, or other\n * invented metrics — and owns no state: the active module is host-controlled.\n */\nexport function AccountFrame({\n  displayName,\n  email,\n  modules,\n  activeModule,\n  presentation = 'stack',\n  labels,\n  onSelectModule,\n  className,\n}: AccountFrameProps) {\n  if (presentation !== 'stack' && presentation !== 'tabs') {\n    throw new Error(\n      `AccountFrame does not support presentation \"${String(presentation)}\". Use \"stack\" or \"tabs\".`,\n    )\n  }\n  const copy = { ...defaultLabels, ...labels }\n  const tabRefs = useRef<Array<HTMLButtonElement | null>>([])\n\n  const moveSelection = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (!['ArrowRight', 'ArrowLeft', 'Home', 'End'].includes(event.key)) return\n    event.preventDefault()\n    const current = Math.max(\n      0,\n      modules.findIndex((module) => module.id === activeModule),\n    )\n    const next =\n      event.key === 'Home'\n        ? 0\n        : event.key === 'End'\n          ? modules.length - 1\n          : event.key === 'ArrowRight'\n            ? (current + 1) % modules.length\n            : (current - 1 + modules.length) % modules.length\n    onSelectModule?.(modules[next].id)\n    tabRefs.current[next]?.focus()\n  }\n\n  return (\n    <header className={cn('border-b pb-6', className)}>\n      <p className=\"text-muted-foreground text-sm\">{copy.title}</p>\n      <h1 className=\"mt-1 text-2xl font-bold tracking-tight sm:text-3xl\">{displayName}</h1>\n      {email ? <p className=\"text-muted-foreground mt-1 text-sm\">{email}</p> : null}\n\n      {modules.length > 0 ? (\n        presentation === 'stack' ? (\n          <nav aria-label={copy.navLabel} className=\"mt-6\">\n            <ul className=\"flex flex-wrap gap-x-6 gap-y-2\">\n              {modules.map((module) => (\n                <li key={module.id}>\n                  <a\n                    href={module.href ?? `#${module.id}`}\n                    aria-current={module.id === activeModule ? 'true' : undefined}\n                    className=\"hover:text-foreground text-muted-foreground text-sm font-medium underline-offset-4 hover:underline\"\n                  >\n                    {module.label}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        ) : (\n          <div role=\"tablist\" aria-label={copy.navLabel} className=\"mt-6 flex flex-wrap gap-2\" onKeyDown={moveSelection}>\n            {modules.map((module) => {\n              const selected = module.id === activeModule\n              return (\n                <button\n                  key={module.id}\n                  ref={(node) => {\n                    tabRefs.current[modules.indexOf(module)] = node\n                  }}\n                  type=\"button\"\n                  role=\"tab\"\n                  id={`account-tab-${module.id}`}\n                  aria-selected={selected}\n                  aria-controls={`account-panel-${module.id}`}\n                  tabIndex={selected ? 0 : -1}\n                  onClick={() => onSelectModule?.(module.id)}\n                  className={cn(\n                    'rounded-md border px-3 py-2 text-sm font-medium transition-colors',\n                    selected\n                      ? 'bg-foreground text-background border-transparent'\n                      : 'hover:bg-muted border-border bg-transparent',\n                  )}\n                >\n                  {module.label}\n                </button>\n              )\n            })}\n          </div>\n        )\n      ) : null}\n    </header>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyFI;AAvFJ,mBAAuB;AAEvB,mBAAmB;AAqBnB,MAAM,gBAAoC;AAAA,EACxC,OAAO;AAAA,EACP,UAAU;AACZ;AAuBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,MAAI,iBAAiB,WAAW,iBAAiB,QAAQ;AACvD,UAAM,IAAI;AAAA,MACR,+CAA+C,OAAO,YAAY,CAAC;AAAA,IACrE;AAAA,EACF;AACA,QAAM,OAAO,EAAE,GAAG,eAAe,GAAG,OAAO;AAC3C,QAAM,cAAU,qBAAwC,CAAC,CAAC;AAE1D,QAAM,gBAAgB,CAAC,UAAyC;AAC9D,QAAI,CAAC,CAAC,cAAc,aAAa,QAAQ,KAAK,EAAE,SAAS,MAAM,GAAG,EAAG;AACrE,UAAM,eAAe;AACrB,UAAM,UAAU,KAAK;AAAA,MACnB;AAAA,MACA,QAAQ,UAAU,CAACA,YAAWA,QAAO,OAAO,YAAY;AAAA,IAC1D;AACA,UAAM,OACJ,MAAM,QAAQ,SACV,IACA,MAAM,QAAQ,QACZ,QAAQ,SAAS,IACjB,MAAM,QAAQ,gBACX,UAAU,KAAK,QAAQ,UACvB,UAAU,IAAI,QAAQ,UAAU,QAAQ;AACnD,qBAAiB,QAAQ,IAAI,EAAE,EAAE;AACjC,YAAQ,QAAQ,IAAI,GAAG,MAAM;AAAA,EAC/B;AAEA,SACE,6CAAC,YAAO,eAAW,iBAAG,iBAAiB,SAAS,GAC9C;AAAA,gDAAC,OAAE,WAAU,iCAAiC,eAAK,OAAM;AAAA,IACzD,4CAAC,QAAG,WAAU,sDAAsD,uBAAY;AAAA,IAC/E,QAAQ,4CAAC,OAAE,WAAU,sCAAsC,iBAAM,IAAO;AAAA,IAExE,QAAQ,SAAS,IAChB,iBAAiB,UACf,4CAAC,SAAI,cAAY,KAAK,UAAU,WAAU,QACxC,sDAAC,QAAG,WAAU,kCACX,kBAAQ,IAAI,CAACA,YACZ,4CAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAMA,QAAO,QAAQ,IAAIA,QAAO,EAAE;AAAA,QAClC,gBAAcA,QAAO,OAAO,eAAe,SAAS;AAAA,QACpD,WAAU;AAAA,QAET,UAAAA,QAAO;AAAA;AAAA,IACV,KAPOA,QAAO,EAQhB,CACD,GACH,GACF,IAEA,4CAAC,SAAI,MAAK,WAAU,cAAY,KAAK,UAAU,WAAU,6BAA4B,WAAW,eAC7F,kBAAQ,IAAI,CAACA,YAAW;AACvB,YAAM,WAAWA,QAAO,OAAO;AAC/B,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK,CAAC,SAAS;AACb,oBAAQ,QAAQ,QAAQ,QAAQA,OAAM,CAAC,IAAI;AAAA,UAC7C;AAAA,UACA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,IAAI,eAAeA,QAAO,EAAE;AAAA,UAC5B,iBAAe;AAAA,UACf,iBAAe,iBAAiBA,QAAO,EAAE;AAAA,UACzC,UAAU,WAAW,IAAI;AAAA,UACzB,SAAS,MAAM,iBAAiBA,QAAO,EAAE;AAAA,UACzC,eAAW;AAAA,YACT;AAAA,YACA,WACI,qDACA;AAAA,UACN;AAAA,UAEC,UAAAA,QAAO;AAAA;AAAA,QAlBHA,QAAO;AAAA,MAmBd;AAAA,IAEJ,CAAC,GACH,IAEA;AAAA,KACN;AAEJ;","names":["module"]}

package/dist/blocks/e-commerce/account/account-frame.mjs

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { cn } from "../../../lib/utils.mjs";
+const defaultLabels = {
+  title: "Mi cuenta",
+  navLabel: "Secciones de la cuenta"
+};
+function AccountFrame({
+  displayName,
+  email,
+  modules,
+  activeModule,
+  presentation = "stack",
+  labels,
+  onSelectModule,
+  className
+}) {
+  if (presentation !== "stack" && presentation !== "tabs") {
+    throw new Error(
+      `AccountFrame does not support presentation "${String(presentation)}". Use "stack" or "tabs".`
+    );
+  }
+  const copy = { ...defaultLabels, ...labels };
+  const tabRefs = useRef([]);
+  const moveSelection = (event) => {
+    if (!["ArrowRight", "ArrowLeft", "Home", "End"].includes(event.key)) return;
+    event.preventDefault();
+    const current = Math.max(
+      0,
+      modules.findIndex((module) => module.id === activeModule)
+    );
+    const next = event.key === "Home" ? 0 : event.key === "End" ? modules.length - 1 : event.key === "ArrowRight" ? (current + 1) % modules.length : (current - 1 + modules.length) % modules.length;
+    onSelectModule?.(modules[next].id);
+    tabRefs.current[next]?.focus();
+  };
+  return /* @__PURE__ */ jsxs("header", { className: cn("border-b pb-6", className), children: [
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: copy.title }),
+    /* @__PURE__ */ jsx("h1", { className: "mt-1 text-2xl font-bold tracking-tight sm:text-3xl", children: displayName }),
+    email ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: email }) : null,
+    modules.length > 0 ? presentation === "stack" ? /* @__PURE__ */ jsx("nav", { "aria-label": copy.navLabel, className: "mt-6", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-x-6 gap-y-2", children: modules.map((module) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: module.href ?? `#${module.id}`,
+        "aria-current": module.id === activeModule ? "true" : void 0,
+        className: "hover:text-foreground text-muted-foreground text-sm font-medium underline-offset-4 hover:underline",
+        children: module.label
+      }
+    ) }, module.id)) }) }) : /* @__PURE__ */ jsx("div", { role: "tablist", "aria-label": copy.navLabel, className: "mt-6 flex flex-wrap gap-2", onKeyDown: moveSelection, children: modules.map((module) => {
+      const selected = module.id === activeModule;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: (node) => {
+            tabRefs.current[modules.indexOf(module)] = node;
+          },
+          type: "button",
+          role: "tab",
+          id: `account-tab-${module.id}`,
+          "aria-selected": selected,
+          "aria-controls": `account-panel-${module.id}`,
+          tabIndex: selected ? 0 : -1,
+          onClick: () => onSelectModule?.(module.id),
+          className: cn(
+            "rounded-md border px-3 py-2 text-sm font-medium transition-colors",
+            selected ? "bg-foreground text-background border-transparent" : "hover:bg-muted border-border bg-transparent"
+          ),
+          children: module.label
+        },
+        module.id
+      );
+    }) }) : null
+  ] });
+}
+export {
+  AccountFrame
+};
+//# sourceMappingURL=account-frame.mjs.map

package/dist/blocks/e-commerce/account/account-frame.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/account/account-frame.tsx"],"sourcesContent":["'use client'\n\nimport { useRef } from 'react'\nimport type { KeyboardEvent } from 'react'\nimport { cn } from '../../../lib/utils'\n\n/** The bounded account page shapes. `sidebar` is deliberately not offered. */\nexport type AccountFramePresentation = 'stack' | 'tabs'\n\n/** One account module the host has installed and mounted. */\nexport interface AccountModule {\n  /** Stable module id; used as the anchor/tab id and reported on selection. */\n  id: string\n  /** Visible navigation label. */\n  label: string\n  /** Optional explicit destination; the stacked shape defaults to `#<id>`. */\n  href?: string\n}\n\n/** Every user-facing string the frame renders. */\nexport interface AccountFrameLabels {\n  title: string\n  navLabel: string\n}\n\nconst defaultLabels: AccountFrameLabels = {\n  title: 'Mi cuenta',\n  navLabel: 'Secciones de la cuenta',\n}\n\nexport interface AccountFrameProps {\n  /** Display name supplied by the host (never fetched by the block). */\n  displayName: string\n  /** Optional email; omitted when absent, never rendered as an empty element. */\n  email?: string\n  /** Installed modules, in render order. */\n  modules: AccountModule[]\n  /** The module currently shown in the tabbed shape. */\n  activeModule?: string\n  presentation?: AccountFramePresentation\n  labels?: Partial<AccountFrameLabels>\n  /** Report a module selection; the host owns the active module. */\n  onSelectModule?: (id: string) => void\n  className?: string\n}\n\n/**\n * The account surface header: shopper identity plus module navigation. The block\n * renders exactly what the host supplies — no order counts, rewards, or other\n * invented metrics — and owns no state: the active module is host-controlled.\n */\nexport function AccountFrame({\n  displayName,\n  email,\n  modules,\n  activeModule,\n  presentation = 'stack',\n  labels,\n  onSelectModule,\n  className,\n}: AccountFrameProps) {\n  if (presentation !== 'stack' && presentation !== 'tabs') {\n    throw new Error(\n      `AccountFrame does not support presentation \"${String(presentation)}\". Use \"stack\" or \"tabs\".`,\n    )\n  }\n  const copy = { ...defaultLabels, ...labels }\n  const tabRefs = useRef<Array<HTMLButtonElement | null>>([])\n\n  const moveSelection = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (!['ArrowRight', 'ArrowLeft', 'Home', 'End'].includes(event.key)) return\n    event.preventDefault()\n    const current = Math.max(\n      0,\n      modules.findIndex((module) => module.id === activeModule),\n    )\n    const next =\n      event.key === 'Home'\n        ? 0\n        : event.key === 'End'\n          ? modules.length - 1\n          : event.key === 'ArrowRight'\n            ? (current + 1) % modules.length\n            : (current - 1 + modules.length) % modules.length\n    onSelectModule?.(modules[next].id)\n    tabRefs.current[next]?.focus()\n  }\n\n  return (\n    <header className={cn('border-b pb-6', className)}>\n      <p className=\"text-muted-foreground text-sm\">{copy.title}</p>\n      <h1 className=\"mt-1 text-2xl font-bold tracking-tight sm:text-3xl\">{displayName}</h1>\n      {email ? <p className=\"text-muted-foreground mt-1 text-sm\">{email}</p> : null}\n\n      {modules.length > 0 ? (\n        presentation === 'stack' ? (\n          <nav aria-label={copy.navLabel} className=\"mt-6\">\n            <ul className=\"flex flex-wrap gap-x-6 gap-y-2\">\n              {modules.map((module) => (\n                <li key={module.id}>\n                  <a\n                    href={module.href ?? `#${module.id}`}\n                    aria-current={module.id === activeModule ? 'true' : undefined}\n                    className=\"hover:text-foreground text-muted-foreground text-sm font-medium underline-offset-4 hover:underline\"\n                  >\n                    {module.label}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        ) : (\n          <div role=\"tablist\" aria-label={copy.navLabel} className=\"mt-6 flex flex-wrap gap-2\" onKeyDown={moveSelection}>\n            {modules.map((module) => {\n              const selected = module.id === activeModule\n              return (\n                <button\n                  key={module.id}\n                  ref={(node) => {\n                    tabRefs.current[modules.indexOf(module)] = node\n                  }}\n                  type=\"button\"\n                  role=\"tab\"\n                  id={`account-tab-${module.id}`}\n                  aria-selected={selected}\n                  aria-controls={`account-panel-${module.id}`}\n                  tabIndex={selected ? 0 : -1}\n                  onClick={() => onSelectModule?.(module.id)}\n                  className={cn(\n                    'rounded-md border px-3 py-2 text-sm font-medium transition-colors',\n                    selected\n                      ? 'bg-foreground text-background border-transparent'\n                      : 'hover:bg-muted border-border bg-transparent',\n                  )}\n                >\n                  {module.label}\n                </button>\n              )\n            })}\n          </div>\n        )\n      ) : null}\n    </header>\n  )\n}\n"],"mappings":";AAyFI,SACE,KADF;AAvFJ,SAAS,cAAc;AAEvB,SAAS,UAAU;AAqBnB,MAAM,gBAAoC;AAAA,EACxC,OAAO;AAAA,EACP,UAAU;AACZ;AAuBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,MAAI,iBAAiB,WAAW,iBAAiB,QAAQ;AACvD,UAAM,IAAI;AAAA,MACR,+CAA+C,OAAO,YAAY,CAAC;AAAA,IACrE;AAAA,EACF;AACA,QAAM,OAAO,EAAE,GAAG,eAAe,GAAG,OAAO;AAC3C,QAAM,UAAU,OAAwC,CAAC,CAAC;AAE1D,QAAM,gBAAgB,CAAC,UAAyC;AAC9D,QAAI,CAAC,CAAC,cAAc,aAAa,QAAQ,KAAK,EAAE,SAAS,MAAM,GAAG,EAAG;AACrE,UAAM,eAAe;AACrB,UAAM,UAAU,KAAK;AAAA,MACnB;AAAA,MACA,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO,YAAY;AAAA,IAC1D;AACA,UAAM,OACJ,MAAM,QAAQ,SACV,IACA,MAAM,QAAQ,QACZ,QAAQ,SAAS,IACjB,MAAM,QAAQ,gBACX,UAAU,KAAK,QAAQ,UACvB,UAAU,IAAI,QAAQ,UAAU,QAAQ;AACnD,qBAAiB,QAAQ,IAAI,EAAE,EAAE;AACjC,YAAQ,QAAQ,IAAI,GAAG,MAAM;AAAA,EAC/B;AAEA,SACE,qBAAC,YAAO,WAAW,GAAG,iBAAiB,SAAS,GAC9C;AAAA,wBAAC,OAAE,WAAU,iCAAiC,eAAK,OAAM;AAAA,IACzD,oBAAC,QAAG,WAAU,sDAAsD,uBAAY;AAAA,IAC/E,QAAQ,oBAAC,OAAE,WAAU,sCAAsC,iBAAM,IAAO;AAAA,IAExE,QAAQ,SAAS,IAChB,iBAAiB,UACf,oBAAC,SAAI,cAAY,KAAK,UAAU,WAAU,QACxC,8BAAC,QAAG,WAAU,kCACX,kBAAQ,IAAI,CAAC,WACZ,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,OAAO,QAAQ,IAAI,OAAO,EAAE;AAAA,QAClC,gBAAc,OAAO,OAAO,eAAe,SAAS;AAAA,QACpD,WAAU;AAAA,QAET,iBAAO;AAAA;AAAA,IACV,KAPO,OAAO,EAQhB,CACD,GACH,GACF,IAEA,oBAAC,SAAI,MAAK,WAAU,cAAY,KAAK,UAAU,WAAU,6BAA4B,WAAW,eAC7F,kBAAQ,IAAI,CAAC,WAAW;AACvB,YAAM,WAAW,OAAO,OAAO;AAC/B,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK,CAAC,SAAS;AACb,oBAAQ,QAAQ,QAAQ,QAAQ,MAAM,CAAC,IAAI;AAAA,UAC7C;AAAA,UACA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,IAAI,eAAe,OAAO,EAAE;AAAA,UAC5B,iBAAe;AAAA,UACf,iBAAe,iBAAiB,OAAO,EAAE;AAAA,UACzC,UAAU,WAAW,IAAI;AAAA,UACzB,SAAS,MAAM,iBAAiB,OAAO,EAAE;AAAA,UACzC,WAAW;AAAA,YACT;AAAA,YACA,WACI,qDACA;AAAA,UACN;AAAA,UAEC,iBAAO;AAAA;AAAA,QAlBH,OAAO;AAAA,MAmBd;AAAA,IAEJ,CAAC,GACH,IAEA;AAAA,KACN;AAEJ;","names":[]}

package/dist/blocks/e-commerce/account/address-book.d.ts

@@ -0,0 +1,79 @@
+/** One address exactly as the host supplies it; the block formats no fields. */
+export interface AccountAddress {
+    id: string;
+    recipientName: string;
+    /** Address lines in display order (street, city, region, postal code, country). */
+    lines: string[];
+    isDefaultShipping?: boolean;
+    isDefaultBilling?: boolean;
+}
+export interface AddressBookLabels {
+    title: string;
+    description: string;
+    emptyLabel: string;
+    addLabel: string;
+    editLabel: string;
+    deleteLabel: string;
+    confirmDeleteLabel: string;
+    cancelLabel: string;
+    defaultShippingLabel: string;
+    defaultBillingLabel: string;
+    setDefaultShippingLabel: string;
+    setDefaultBillingLabel: string;
+}
+export interface AddressBookProps {
+    addresses: AccountAddress[];
+    labels?: Partial<AddressBookLabels>;
+    onCreate?: () => void;
+    onEdit?: (id: string) => void;
+    onDelete?: (id: string) => void;
+    onSetDefaultShipping?: (id: string) => void;
+    onSetDefaultBilling?: (id: string) => void;
+    className?: string;
+}
+/**
+ * The address book: renders the host's addresses verbatim, in the supplied
+ * order, and reports every action. Deletion is a two-step inline confirmation
+ * and the entry stays until the host supplies a refreshed list — the block never
+ * removes it optimistically.
+ */
+export declare function AddressBook({ addresses, labels, onCreate, onEdit, onDelete, onSetDefaultShipping, onSetDefaultBilling, className, }: AddressBookProps): import("react").JSX.Element;
+/** One field of the address form, declared by the host. */
+export interface AddressFormField {
+    name: string;
+    label: string;
+    value?: string;
+    type?: 'text' | 'tel' | 'email' | 'select';
+    required?: boolean;
+    autoComplete?: string;
+    /** Required for `select`; a select without options is not rendered. */
+    options?: {
+        value: string;
+        label: string;
+    }[];
+}
+export interface AddressFormLabels {
+    title: string;
+    submit: string;
+    saving: string;
+    cancel: string;
+    requiredError: string;
+}
+export interface AddressFormProps {
+    fields: AddressFormField[];
+    labels?: Partial<AddressFormLabels>;
+    pending?: boolean;
+    error?: string | null;
+    /** Host-supplied field errors, keyed by field name. */
+    fieldErrors?: Record<string, string>;
+    onSubmit: (values: Record<string, string>) => void;
+    onCancel?: () => void;
+    className?: string;
+}
+/**
+ * The address editor. It validates only the constraints the host declares (a
+ * required field), never invents country or postal rules, and omits a select
+ * the host supplied without options.
+ */
+export declare function AddressForm({ fields, labels, pending, error, fieldErrors, onSubmit, onCancel, className, }: AddressFormProps): import("react").JSX.Element;
+//# sourceMappingURL=address-book.d.ts.map

package/dist/blocks/e-commerce/account/address-book.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-book.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/account/address-book.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/e-commerce/account/address-book.js

@@ -0,0 +1,250 @@
+"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 address_book_exports = {};
+__export(address_book_exports, {
+  AddressBook: () => AddressBook,
+  AddressForm: () => AddressForm
+});
+module.exports = __toCommonJS(address_book_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_badge = require("../../../ui/badge.js");
+var import_button = require("../../../ui/button.js");
+var import_card = require("../../../ui/card.js");
+var import_field = require("../../../ui/field.js");
+var import_input = require("../../../ui/input.js");
+var import_utils = require("../../../lib/utils.js");
+const defaultLabels = {
+  title: "Direcciones",
+  description: "Direcciones guardadas para tus pedidos.",
+  emptyLabel: "A\xFAn no tienes direcciones guardadas.",
+  addLabel: "A\xF1adir direcci\xF3n",
+  editLabel: "Editar",
+  deleteLabel: "Eliminar",
+  confirmDeleteLabel: "\xBFEliminar esta direcci\xF3n?",
+  cancelLabel: "Cancelar",
+  defaultShippingLabel: "Env\xEDo predeterminado",
+  defaultBillingLabel: "Facturaci\xF3n predeterminada",
+  setDefaultShippingLabel: "Usar para env\xEDo",
+  setDefaultBillingLabel: "Usar para facturaci\xF3n"
+};
+function AddressEntry({
+  address,
+  copy,
+  onEdit,
+  onDelete,
+  onSetDefaultShipping,
+  onSetDefaultBilling
+}) {
+  const [confirming, setConfirming] = (0, import_react.useState)(false);
+  const containerRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "li",
+    {
+      ref: containerRef,
+      tabIndex: -1,
+      "data-slot": "address-book-entry",
+      className: "focus-visible:ring-ring rounded-lg outline-none focus-visible:ring-2",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardHeader, { className: "flex flex-row items-start justify-between gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { className: "text-base", children: address.recipientName }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+            address.isDefaultShipping ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: "secondary", children: copy.defaultShippingLabel }) : null,
+            address.isDefaultBilling ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: "outline", children: copy.defaultBillingLabel }) : null
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("address", { className: "text-muted-foreground text-sm not-italic", children: address.lines.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block", children: line }, `${address.id}:${index}`)) }),
+          confirming ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 flex flex-wrap items-center gap-2", role: "group", "aria-label": copy.confirmDeleteLabel, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm", children: copy.confirmDeleteLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                type: "button",
+                variant: "destructive",
+                size: "sm",
+                onClick: () => {
+                  onDelete?.(address.id);
+                  setConfirming(false);
+                  containerRef.current?.focus();
+                },
+                children: copy.deleteLabel
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "button", variant: "outline", size: "sm", onClick: () => setConfirming(false), children: copy.cancelLabel })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 flex flex-wrap gap-2", children: [
+            onEdit ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "button", variant: "outline", size: "sm", onClick: () => onEdit(address.id), children: copy.editLabel }) : null,
+            onDelete ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "button", variant: "outline", size: "sm", onClick: () => setConfirming(true), children: copy.deleteLabel }) : null,
+            onSetDefaultShipping && !address.isDefaultShipping ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: () => onSetDefaultShipping(address.id),
+                children: copy.setDefaultShippingLabel
+              }
+            ) : null,
+            onSetDefaultBilling && !address.isDefaultBilling ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_button.Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: () => onSetDefaultBilling(address.id),
+                children: copy.setDefaultBillingLabel
+              }
+            ) : null
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function AddressBook({
+  addresses,
+  labels,
+  onCreate,
+  onEdit,
+  onDelete,
+  onSetDefaultShipping,
+  onSetDefaultBilling,
+  className
+}) {
+  const copy = { ...defaultLabels, ...labels };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: (0, import_utils.cn)("rounded-lg border p-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-semibold", children: copy.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mt-1 text-sm", children: copy.description })
+      ] }),
+      onCreate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "button", onClick: onCreate, children: copy.addLabel }) : null
+    ] }),
+    addresses.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mt-6 text-sm", "data-slot": "address-book-empty", children: copy.emptyLabel }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "mt-6 grid list-none grid-cols-1 gap-4 p-0 md:grid-cols-2", children: addresses.map((address) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      AddressEntry,
+      {
+        address,
+        copy,
+        onEdit,
+        onDelete,
+        onSetDefaultShipping,
+        onSetDefaultBilling
+      },
+      address.id
+    )) })
+  ] });
+}
+const defaultFormLabels = {
+  title: "Direcci\xF3n",
+  submit: "Guardar direcci\xF3n",
+  saving: "Guardando\u2026",
+  cancel: "Cancelar",
+  requiredError: "Este campo es obligatorio."
+};
+function AddressForm({
+  fields,
+  labels,
+  pending = false,
+  error,
+  fieldErrors,
+  onSubmit,
+  onCancel,
+  className
+}) {
+  const copy = { ...defaultFormLabels, ...labels };
+  const visibleFields = fields.filter(
+    (field) => field.type !== "select" || Array.isArray(field.options) && field.options.length > 0
+  );
+  const signature = visibleFields.map((field) => `${field.name}:${field.value ?? ""}`).join("|");
+  const [values, setValues] = (0, import_react.useState)(
+    () => Object.fromEntries(visibleFields.map((field) => [field.name, field.value ?? ""]))
+  );
+  const [localErrors, setLocalErrors] = (0, import_react.useState)({});
+  (0, import_react.useEffect)(() => {
+    setValues(Object.fromEntries(visibleFields.map((field) => [field.name, field.value ?? ""])));
+    setLocalErrors({});
+  }, [signature]);
+  const submit = (event) => {
+    event.preventDefault();
+    const nextErrors = {};
+    for (const field of visibleFields) {
+      if (field.required && (values[field.name] ?? "").trim() === "") {
+        nextErrors[field.name] = copy.requiredError;
+      }
+    }
+    setLocalErrors(nextErrors);
+    if (Object.keys(nextErrors).length > 0) return;
+    onSubmit(Object.fromEntries(visibleFields.map((field) => [field.name, values[field.name] ?? ""])));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: (0, import_utils.cn)("rounded-lg border p-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-semibold", children: copy.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { className: "mt-6", noValidate: true, onSubmit: submit, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("fieldset", { disabled: pending, "aria-busy": pending, className: "contents", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldGroup, { className: "grid grid-cols-1 gap-5 sm:grid-cols-2", children: visibleFields.map((field) => {
+        const id = `address-${field.name}`;
+        const message = localErrors[field.name] ?? fieldErrors?.[field.name];
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id, children: field.label }),
+          field.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "select",
+            {
+              id,
+              name: field.name,
+              value: values[field.name] ?? "",
+              required: field.required,
+              "aria-invalid": message ? true : void 0,
+              "aria-describedby": message ? `${id}-error` : void 0,
+              className: "border-input bg-background h-9 w-full rounded-md border px-3 text-sm",
+              onChange: (event) => setValues((current) => ({ ...current, [field.name]: event.target.value })),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: "\u2014" }),
+                (field.options ?? []).map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: option.value, children: option.label }, option.value))
+              ]
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              id,
+              name: field.name,
+              type: field.type ?? "text",
+              value: values[field.name] ?? "",
+              required: field.required,
+              autoComplete: field.autoComplete,
+              "aria-invalid": message ? true : void 0,
+              "aria-describedby": message ? `${id}-error` : void 0,
+              onChange: (event) => setValues((current) => ({ ...current, [field.name]: event.target.value }))
+            }
+          ),
+          message ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: `${id}-error`, className: "text-destructive text-sm", children: message }) : null
+        ] }, field.name);
+      }) }) }),
+      error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", className: "text-destructive mt-4 text-sm", children: error }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-6 flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "submit", disabled: pending, children: pending ? copy.saving : copy.submit }),
+        onCancel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "button", variant: "outline", disabled: pending, onClick: onCancel, children: copy.cancel }) : null
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddressBook,
+  AddressForm
+});
+//# sourceMappingURL=address-book.js.map