@thorprovider/blocks 4.0.0 → 4.3.0

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/account/address-book.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\nimport type { FormEvent } from 'react'\nimport { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent, CardHeader, CardTitle } from '../../../ui/card'\nimport { Field, FieldGroup, FieldLabel } from '../../../ui/field'\nimport { Input } from '../../../ui/input'\nimport { cn } from '../../../lib/utils'\n\n/** One address exactly as the host supplies it; the block formats no fields. */\nexport interface AccountAddress {\n  id: string\n  recipientName: string\n  /** Address lines in display order (street, city, region, postal code, country). */\n  lines: string[]\n  isDefaultShipping?: boolean\n  isDefaultBilling?: boolean\n}\n\nexport interface AddressBookLabels {\n  title: string\n  description: string\n  emptyLabel: string\n  addLabel: string\n  editLabel: string\n  deleteLabel: string\n  confirmDeleteLabel: string\n  cancelLabel: string\n  defaultShippingLabel: string\n  defaultBillingLabel: string\n  setDefaultShippingLabel: string\n  setDefaultBillingLabel: string\n}\n\nconst defaultLabels: AddressBookLabels = {\n  title: 'Direcciones',\n  description: 'Direcciones guardadas para tus pedidos.',\n  emptyLabel: 'Aún no tienes direcciones guardadas.',\n  addLabel: 'Añadir dirección',\n  editLabel: 'Editar',\n  deleteLabel: 'Eliminar',\n  confirmDeleteLabel: '¿Eliminar esta dirección?',\n  cancelLabel: 'Cancelar',\n  defaultShippingLabel: 'Envío predeterminado',\n  defaultBillingLabel: 'Facturación predeterminada',\n  setDefaultShippingLabel: 'Usar para envío',\n  setDefaultBillingLabel: 'Usar para facturación',\n}\n\nexport interface AddressBookProps {\n  addresses: AccountAddress[]\n  labels?: Partial<AddressBookLabels>\n  onCreate?: () => void\n  onEdit?: (id: string) => void\n  onDelete?: (id: string) => void\n  onSetDefaultShipping?: (id: string) => void\n  onSetDefaultBilling?: (id: string) => void\n  className?: string\n}\n\nfunction AddressEntry({\n  address,\n  copy,\n  onEdit,\n  onDelete,\n  onSetDefaultShipping,\n  onSetDefaultBilling,\n}: {\n  address: AccountAddress\n  copy: AddressBookLabels\n  onEdit?: (id: string) => void\n  onDelete?: (id: string) => void\n  onSetDefaultShipping?: (id: string) => void\n  onSetDefaultBilling?: (id: string) => void\n}) {\n  const [confirming, setConfirming] = useState(false)\n  const containerRef = useRef<HTMLLIElement | null>(null)\n\n  return (\n    <li\n      ref={containerRef}\n      tabIndex={-1}\n      data-slot=\"address-book-entry\"\n      className=\"focus-visible:ring-ring rounded-lg outline-none focus-visible:ring-2\"\n    >\n      <Card>\n        <CardHeader className=\"flex flex-row items-start justify-between gap-4\">\n          <div>\n            <CardTitle className=\"text-base\">{address.recipientName}</CardTitle>\n            <div className=\"mt-2 flex flex-wrap gap-2\">\n              {address.isDefaultShipping ? (\n                <Badge variant=\"secondary\">{copy.defaultShippingLabel}</Badge>\n              ) : null}\n              {address.isDefaultBilling ? (\n                <Badge variant=\"outline\">{copy.defaultBillingLabel}</Badge>\n              ) : null}\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent>\n          <address className=\"text-muted-foreground text-sm not-italic\">\n            {address.lines.map((line, index) => (\n              <span key={`${address.id}:${index}`} className=\"block\">\n                {line}\n              </span>\n            ))}\n          </address>\n\n          {confirming ? (\n            <div className=\"mt-4 flex flex-wrap items-center gap-2\" role=\"group\" aria-label={copy.confirmDeleteLabel}>\n              <span className=\"text-sm\">{copy.confirmDeleteLabel}</span>\n              <Button\n                type=\"button\"\n                variant=\"destructive\"\n                size=\"sm\"\n                onClick={() => {\n                  onDelete?.(address.id)\n                  setConfirming(false)\n                  containerRef.current?.focus()\n                }}\n              >\n                {copy.deleteLabel}\n              </Button>\n              <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => setConfirming(false)}>\n                {copy.cancelLabel}\n              </Button>\n            </div>\n          ) : (\n            <div className=\"mt-4 flex flex-wrap gap-2\">\n              {onEdit ? (\n                <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => onEdit(address.id)}>\n                  {copy.editLabel}\n                </Button>\n              ) : null}\n              {onDelete ? (\n                <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => setConfirming(true)}>\n                  {copy.deleteLabel}\n                </Button>\n              ) : null}\n              {onSetDefaultShipping && !address.isDefaultShipping ? (\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onClick={() => onSetDefaultShipping(address.id)}\n                >\n                  {copy.setDefaultShippingLabel}\n                </Button>\n              ) : null}\n              {onSetDefaultBilling && !address.isDefaultBilling ? (\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onClick={() => onSetDefaultBilling(address.id)}\n                >\n                  {copy.setDefaultBillingLabel}\n                </Button>\n              ) : null}\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </li>\n  )\n}\n\n/**\n * The address book: renders the host's addresses verbatim, in the supplied\n * order, and reports every action. Deletion is a two-step inline confirmation\n * and the entry stays until the host supplies a refreshed list — the block never\n * removes it optimistically.\n */\nexport function AddressBook({\n  addresses,\n  labels,\n  onCreate,\n  onEdit,\n  onDelete,\n  onSetDefaultShipping,\n  onSetDefaultBilling,\n  className,\n}: AddressBookProps) {\n  const copy = { ...defaultLabels, ...labels }\n  return (\n    <section className={cn('rounded-lg border p-6', className)}>\n      <div className=\"flex flex-wrap items-start justify-between gap-4\">\n        <div>\n          <h2 className=\"text-lg font-semibold\">{copy.title}</h2>\n          <p className=\"text-muted-foreground mt-1 text-sm\">{copy.description}</p>\n        </div>\n        {onCreate ? (\n          <Button type=\"button\" onClick={onCreate}>\n            {copy.addLabel}\n          </Button>\n        ) : null}\n      </div>\n\n      {addresses.length === 0 ? (\n        <p className=\"text-muted-foreground mt-6 text-sm\" data-slot=\"address-book-empty\">\n          {copy.emptyLabel}\n        </p>\n      ) : (\n        <ul className=\"mt-6 grid list-none grid-cols-1 gap-4 p-0 md:grid-cols-2\">\n          {addresses.map((address) => (\n            <AddressEntry\n              key={address.id}\n              address={address}\n              copy={copy}\n              onEdit={onEdit}\n              onDelete={onDelete}\n              onSetDefaultShipping={onSetDefaultShipping}\n              onSetDefaultBilling={onSetDefaultBilling}\n            />\n          ))}\n        </ul>\n      )}\n    </section>\n  )\n}\n\n/** One field of the address form, declared by the host. */\nexport interface AddressFormField {\n  name: string\n  label: string\n  value?: string\n  type?: 'text' | 'tel' | 'email' | 'select'\n  required?: boolean\n  autoComplete?: string\n  /** Required for `select`; a select without options is not rendered. */\n  options?: { value: string; label: string }[]\n}\n\nexport interface AddressFormLabels {\n  title: string\n  submit: string\n  saving: string\n  cancel: string\n  requiredError: string\n}\n\nconst defaultFormLabels: AddressFormLabels = {\n  title: 'Dirección',\n  submit: 'Guardar dirección',\n  saving: 'Guardando…',\n  cancel: 'Cancelar',\n  requiredError: 'Este campo es obligatorio.',\n}\n\nexport interface AddressFormProps {\n  fields: AddressFormField[]\n  labels?: Partial<AddressFormLabels>\n  pending?: boolean\n  error?: string | null\n  /** Host-supplied field errors, keyed by field name. */\n  fieldErrors?: Record<string, string>\n  onSubmit: (values: Record<string, string>) => void\n  onCancel?: () => void\n  className?: string\n}\n\n/**\n * The address editor. It validates only the constraints the host declares (a\n * required field), never invents country or postal rules, and omits a select\n * the host supplied without options.\n */\nexport function AddressForm({\n  fields,\n  labels,\n  pending = false,\n  error,\n  fieldErrors,\n  onSubmit,\n  onCancel,\n  className,\n}: AddressFormProps) {\n  const copy = { ...defaultFormLabels, ...labels }\n  const visibleFields = fields.filter(\n    (field) => field.type !== 'select' || (Array.isArray(field.options) && field.options.length > 0),\n  )\n  const signature = visibleFields.map((field) => `${field.name}:${field.value ?? ''}`).join('|')\n  const [values, setValues] = useState<Record<string, string>>(() =>\n    Object.fromEntries(visibleFields.map((field) => [field.name, field.value ?? ''])),\n  )\n  const [localErrors, setLocalErrors] = useState<Record<string, string>>({})\n\n  // Re-seed when the host supplies new values (e.g. opening a different address).\n  useEffect(() => {\n    setValues(Object.fromEntries(visibleFields.map((field) => [field.name, field.value ?? ''])))\n    setLocalErrors({})\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [signature])\n\n  const submit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault()\n    const nextErrors: Record<string, string> = {}\n    for (const field of visibleFields) {\n      if (field.required && (values[field.name] ?? '').trim() === '') {\n        nextErrors[field.name] = copy.requiredError\n      }\n    }\n    setLocalErrors(nextErrors)\n    if (Object.keys(nextErrors).length > 0) return\n    onSubmit(Object.fromEntries(visibleFields.map((field) => [field.name, values[field.name] ?? ''])))\n  }\n\n  return (\n    <section className={cn('rounded-lg border p-6', className)}>\n      <h2 className=\"text-lg font-semibold\">{copy.title}</h2>\n      <form className=\"mt-6\" noValidate onSubmit={submit}>\n        <fieldset disabled={pending} aria-busy={pending} className=\"contents\">\n          <FieldGroup className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n            {visibleFields.map((field) => {\n              const id = `address-${field.name}`\n              const message = localErrors[field.name] ?? fieldErrors?.[field.name]\n              return (\n                <Field key={field.name}>\n                  <FieldLabel htmlFor={id}>{field.label}</FieldLabel>\n                  {field.type === 'select' ? (\n                    <select\n                      id={id}\n                      name={field.name}\n                      value={values[field.name] ?? ''}\n                      required={field.required}\n                      aria-invalid={message ? true : undefined}\n                      aria-describedby={message ? `${id}-error` : undefined}\n                      className=\"border-input bg-background h-9 w-full rounded-md border px-3 text-sm\"\n                      onChange={(event) =>\n                        setValues((current) => ({ ...current, [field.name]: event.target.value }))\n                      }\n                    >\n                      <option value=\"\">—</option>\n                      {(field.options ?? []).map((option) => (\n                        <option key={option.value} value={option.value}>\n                          {option.label}\n                        </option>\n                      ))}\n                    </select>\n                  ) : (\n                    <Input\n                      id={id}\n                      name={field.name}\n                      type={field.type ?? 'text'}\n                      value={values[field.name] ?? ''}\n                      required={field.required}\n                      autoComplete={field.autoComplete}\n                      aria-invalid={message ? true : undefined}\n                      aria-describedby={message ? `${id}-error` : undefined}\n                      onChange={(event) =>\n                        setValues((current) => ({ ...current, [field.name]: event.target.value }))\n                      }\n                    />\n                  )}\n                  {message ? (\n                    <p id={`${id}-error`} className=\"text-destructive text-sm\">\n                      {message}\n                    </p>\n                  ) : null}\n                </Field>\n              )\n            })}\n          </FieldGroup>\n        </fieldset>\n\n        {error ? (\n          <p role=\"alert\" className=\"text-destructive mt-4 text-sm\">\n            {error}\n          </p>\n        ) : null}\n\n        <div className=\"mt-6 flex flex-wrap gap-2\">\n          <Button type=\"submit\" disabled={pending}>\n            {pending ? copy.saving : copy.submit}\n          </Button>\n          {onCancel ? (\n            <Button type=\"button\" variant=\"outline\" disabled={pending} onClick={onCancel}>\n              {copy.cancel}\n            </Button>\n          ) : null}\n        </div>\n      </form>\n    </section>\n  )\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,225 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Badge } from "../../../ui/badge.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { Card, CardContent, CardHeader, CardTitle } from "../../../ui/card.mjs";
+import { Field, FieldGroup, FieldLabel } from "../../../ui/field.mjs";
+import { Input } from "../../../ui/input.mjs";
+import { cn } from "../../../lib/utils.mjs";
+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] = useState(false);
+  const containerRef = useRef(null);
+  return /* @__PURE__ */ 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__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { className: "flex flex-row items-start justify-between gap-4", children: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: address.recipientName }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+            address.isDefaultShipping ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: copy.defaultShippingLabel }) : null,
+            address.isDefaultBilling ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: copy.defaultBillingLabel }) : null
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs(CardContent, { children: [
+          /* @__PURE__ */ jsx("address", { className: "text-muted-foreground text-sm not-italic", children: address.lines.map((line, index) => /* @__PURE__ */ jsx("span", { className: "block", children: line }, `${address.id}:${index}`)) }),
+          confirming ? /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap items-center gap-2", role: "group", "aria-label": copy.confirmDeleteLabel, children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm", children: copy.confirmDeleteLabel }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "destructive",
+                size: "sm",
+                onClick: () => {
+                  onDelete?.(address.id);
+                  setConfirming(false);
+                  containerRef.current?.focus();
+                },
+                children: copy.deleteLabel
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setConfirming(false), children: copy.cancelLabel })
+          ] }) : /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [
+            onEdit ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onEdit(address.id), children: copy.editLabel }) : null,
+            onDelete ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setConfirming(true), children: copy.deleteLabel }) : null,
+            onSetDefaultShipping && !address.isDefaultShipping ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: () => onSetDefaultShipping(address.id),
+                children: copy.setDefaultShippingLabel
+              }
+            ) : null,
+            onSetDefaultBilling && !address.isDefaultBilling ? /* @__PURE__ */ jsx(
+              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__ */ jsxs("section", { className: cn("rounded-lg border p-6", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: copy.title }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: copy.description })
+      ] }),
+      onCreate ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: onCreate, children: copy.addLabel }) : null
+    ] }),
+    addresses.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-6 text-sm", "data-slot": "address-book-empty", children: copy.emptyLabel }) : /* @__PURE__ */ jsx("ul", { className: "mt-6 grid list-none grid-cols-1 gap-4 p-0 md:grid-cols-2", children: addresses.map((address) => /* @__PURE__ */ 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] = useState(
+    () => Object.fromEntries(visibleFields.map((field) => [field.name, field.value ?? ""]))
+  );
+  const [localErrors, setLocalErrors] = useState({});
+  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__ */ jsxs("section", { className: cn("rounded-lg border p-6", className), children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: copy.title }),
+    /* @__PURE__ */ jsxs("form", { className: "mt-6", noValidate: true, onSubmit: submit, children: [
+      /* @__PURE__ */ jsx("fieldset", { disabled: pending, "aria-busy": pending, className: "contents", children: /* @__PURE__ */ jsx(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__ */ jsxs(Field, { children: [
+          /* @__PURE__ */ jsx(FieldLabel, { htmlFor: id, children: field.label }),
+          field.type === "select" ? /* @__PURE__ */ 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__ */ jsx("option", { value: "", children: "\u2014" }),
+                (field.options ?? []).map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+              ]
+            }
+          ) : /* @__PURE__ */ jsx(
+            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__ */ jsx("p", { id: `${id}-error`, className: "text-destructive text-sm", children: message }) : null
+        ] }, field.name);
+      }) }) }),
+      error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-destructive mt-4 text-sm", children: error }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: pending, children: pending ? copy.saving : copy.submit }),
+        onCancel ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", disabled: pending, onClick: onCancel, children: copy.cancel }) : null
+      ] })
+    ] })
+  ] });
+}
+export {
+  AddressBook,
+  AddressForm
+};
+//# sourceMappingURL=address-book.mjs.map