@thorprovider/blocks 4.0.0 → 4.3.0

package/dist/blocks/designs/customer-favorites/components/bulk-lists-dialog.mjs

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Button } from "@thorprovider/blocks";
+import { DialogFrame } from "./dialog-frame.mjs";
+function BulkListsDialog({
+  open,
+  mode,
+  entries,
+  selected,
+  labels,
+  saving = false,
+  error,
+  onToggle,
+  onCancel,
+  onConfirm
+}) {
+  const titleId = useId();
+  const inputType = mode === "move" ? "radio" : "checkbox";
+  return /* @__PURE__ */ jsxs(DialogFrame, { open, titleId, canClose: !saving, onClose: onCancel, children: [
+    /* @__PURE__ */ jsx("h3", { id: titleId, className: "text-base font-semibold", children: mode === "move" ? labels.dialogs.bulkMoveTitle : labels.dialogs.bulkAddTitle }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: labels.dialogs.bulkListsBody }),
+    /* @__PURE__ */ jsxs("fieldset", { className: "mt-3", disabled: saving, children: [
+      /* @__PURE__ */ jsx("legend", { className: "sr-only", children: mode === "move" ? labels.dialogs.bulkMoveTitle : labels.dialogs.bulkAddTitle }),
+      /* @__PURE__ */ jsx("ul", { children: entries.map((list) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { className: "flex min-h-10 items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: inputType,
+            name: "favorites-bulk-lists",
+            checked: selected.includes(list.id),
+            onChange: () => onToggle(list.id),
+            className: "size-6 rounded border-input accent-primary"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: list.name })
+      ] }) }, list.id)) })
+    ] }),
+    error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-2 text-sm text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          disabled: saving,
+          onClick: onCancel,
+          className: "min-h-10",
+          children: labels.dialogs.cancel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          disabled: saving || selected.length === 0,
+          onClick: onConfirm,
+          className: "min-h-10",
+          children: labels.dialogs.save
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  BulkListsDialog
+};
+//# sourceMappingURL=bulk-lists-dialog.mjs.map

package/dist/blocks/designs/customer-favorites/components/bulk-lists-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/bulk-lists-dialog.tsx"],"sourcesContent":["'use client'\n\nimport { useId } from 'react'\n\nimport { Button } from '@thorprovider/blocks'\n\nimport type { FavoriteList, FavoritesLabels } from '../contracts'\n\nimport { DialogFrame } from './dialog-frame'\n\ntype Props = {\n  open: boolean\n  mode: 'add' | 'move'\n  entries: FavoriteList[]\n  selected: string[]\n  labels: FavoritesLabels\n  saving?: boolean\n  error?: string | null\n  onToggle: (listId: string) => void\n  onCancel: () => void\n  onConfirm: () => void\n}\n\n/** Destination picker for a bulk selection: several lists to add, one to move. */\nexport function BulkListsDialog({\n  open,\n  mode,\n  entries,\n  selected,\n  labels,\n  saving = false,\n  error,\n  onToggle,\n  onCancel,\n  onConfirm,\n}: Props) {\n  const titleId = useId()\n  const inputType = mode === 'move' ? 'radio' : 'checkbox'\n\n  return (\n    <DialogFrame open={open} titleId={titleId} canClose={!saving} onClose={onCancel}>\n      <h3 id={titleId} className=\"text-base font-semibold\">\n        {mode === 'move' ? labels.dialogs.bulkMoveTitle : labels.dialogs.bulkAddTitle}\n      </h3>\n      <p className=\"mt-1 text-sm text-muted-foreground\">{labels.dialogs.bulkListsBody}</p>\n\n      <fieldset className=\"mt-3\" disabled={saving}>\n        <legend className=\"sr-only\">\n          {mode === 'move' ? labels.dialogs.bulkMoveTitle : labels.dialogs.bulkAddTitle}\n        </legend>\n        <ul>\n          {entries.map((list) => (\n            <li key={list.id}>\n              <label className=\"flex min-h-10 items-center gap-2 text-sm\">\n                <input\n                  type={inputType}\n                  name=\"favorites-bulk-lists\"\n                  checked={selected.includes(list.id)}\n                  onChange={() => onToggle(list.id)}\n                  className=\"size-6 rounded border-input accent-primary\"\n                />\n                <span className=\"min-w-0 truncate\">{list.name}</span>\n              </label>\n            </li>\n          ))}\n        </ul>\n      </fieldset>\n\n      {error ? (\n        <p role=\"alert\" className=\"mt-2 text-sm text-destructive\">\n          {error}\n        </p>\n      ) : null}\n\n      <div className=\"mt-4 flex flex-wrap justify-end gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={saving}\n          onClick={onCancel}\n          className=\"min-h-10\"\n        >\n          {labels.dialogs.cancel}\n        </Button>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          disabled={saving || selected.length === 0}\n          onClick={onConfirm}\n          className=\"min-h-10\"\n        >\n          {labels.dialogs.save}\n        </Button>\n      </div>\n    </DialogFrame>\n  )\n}\n"],"mappings":";AAyCM,cAYQ,YAZR;AAvCN,SAAS,aAAa;AAEtB,SAAS,cAAc;AAIvB,SAAS,mBAAmB;AAgBrB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,QAAM,UAAU,MAAM;AACtB,QAAM,YAAY,SAAS,SAAS,UAAU;AAE9C,SACE,qBAAC,eAAY,MAAY,SAAkB,UAAU,CAAC,QAAQ,SAAS,UACrE;AAAA,wBAAC,QAAG,IAAI,SAAS,WAAU,2BACxB,mBAAS,SAAS,OAAO,QAAQ,gBAAgB,OAAO,QAAQ,cACnE;AAAA,IACA,oBAAC,OAAE,WAAU,sCAAsC,iBAAO,QAAQ,eAAc;AAAA,IAEhF,qBAAC,cAAS,WAAU,QAAO,UAAU,QACnC;AAAA,0BAAC,YAAO,WAAU,WACf,mBAAS,SAAS,OAAO,QAAQ,gBAAgB,OAAO,QAAQ,cACnE;AAAA,MACA,oBAAC,QACE,kBAAQ,IAAI,CAAC,SACZ,oBAAC,QACC,+BAAC,WAAM,WAAU,4CACf;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,MAAK;AAAA,YACL,SAAS,SAAS,SAAS,KAAK,EAAE;AAAA,YAClC,UAAU,MAAM,SAAS,KAAK,EAAE;AAAA,YAChC,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,oBAAC,UAAK,WAAU,oBAAoB,eAAK,MAAK;AAAA,SAChD,KAVO,KAAK,EAWd,CACD,GACH;AAAA,OACF;AAAA,IAEC,QACC,oBAAC,OAAE,MAAK,SAAQ,WAAU,iCACvB,iBACH,IACE;AAAA,IAEJ,qBAAC,SAAI,WAAU,yCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAU;AAAA,UAET,iBAAO,QAAQ;AAAA;AAAA,MAClB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UAAU,UAAU,SAAS,WAAW;AAAA,UACxC,SAAS;AAAA,UACT,WAAU;AAAA,UAET,iBAAO,QAAQ;AAAA;AAAA,MAClB;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/designs/customer-favorites/components/cart-feedback.d.ts

@@ -0,0 +1,21 @@
+import type { FavoritesLabels, RejectedCartLine } from '../contracts';
+type Props = {
+    open: boolean;
+    accepted: number;
+    rejected: RejectedCartLine[];
+    error?: string | null;
+    busy?: boolean;
+    labels: FavoritesLabels;
+    labelFor?: (line: RejectedCartLine) => string;
+    onDismiss: () => void;
+    onRetry?: () => void;
+    onFixVariant?: (line: RejectedCartLine) => void;
+    onFixQuantity?: (line: RejectedCartLine) => void;
+};
+/**
+ * Accessible toast for cart results. Success announces itself and leaves;
+ * partial results stay until dismissed and keep each correction reachable.
+ */
+export declare function CartFeedback({ open, accepted, rejected, error, busy, labels, labelFor, onDismiss, onRetry, onFixVariant, onFixQuantity, }: Props): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=cart-feedback.d.ts.map

package/dist/blocks/designs/customer-favorites/components/cart-feedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-feedback.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-favorites/components/cart-feedback.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAErE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,gBAAgB,EAAE,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,CAAA;IAC7C,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC/C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;CACjD,CAAA;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAY,EACZ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,aAAa,GACd,EAAE,KAAK,sCAgJP"}

package/dist/blocks/designs/customer-favorites/components/cart-feedback.js

@@ -0,0 +1,167 @@
+"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 cart_feedback_exports = {};
+__export(cart_feedback_exports, {
+  CartFeedback: () => CartFeedback
+});
+module.exports = __toCommonJS(cart_feedback_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_blocks = require("@thorprovider/blocks");
+function CartFeedback({
+  open,
+  accepted,
+  rejected,
+  error,
+  busy = false,
+  labels,
+  labelFor,
+  onDismiss,
+  onRetry,
+  onFixVariant,
+  onFixQuantity
+}) {
+  const [expanded, setExpanded] = (0, import_react.useState)(false);
+  const hasIssues = rejected.length > 0;
+  const visible = open || Boolean(error);
+  (0, import_react.useEffect)(() => {
+    setExpanded(false);
+  }, [accepted, rejected.length, error]);
+  (0, import_react.useEffect)(() => {
+    if (!visible || error || hasIssues) return;
+    const timer = setTimeout(onDismiss, 4e3);
+    return () => clearTimeout(timer);
+  }, [visible, error, hasIssues, onDismiss]);
+  if (!visible) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pointer-events-none fixed inset-x-0 bottom-3 z-50 flex justify-center px-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      role: error || hasIssues ? "alert" : "status",
+      "aria-live": error || hasIssues ? "assertive" : "polite",
+      className: "pointer-events-auto flex w-full max-w-sm flex-col gap-2 rounded-lg border border-border bg-card p-3 text-sm text-foreground shadow-lg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-w-0", children: error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-medium", children: labels.states.cartError }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: labels.states.cartErrorBody })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            accepted > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-medium", children: labels.cart.accepted.replace("{count}", String(accepted)) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-medium", children: labels.cart.rejectedTitle }),
+            hasIssues ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: labels.cart.issues.replace("{count}", String(rejected.length)) }) : null
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_blocks.Button,
+            {
+              type: "button",
+              size: "icon",
+              variant: "ghost",
+              "aria-label": labels.cart.dismiss,
+              onClick: onDismiss,
+              className: "size-8 shrink-0",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", children: "\xD7" })
+            }
+          )
+        ] }),
+        hasIssues && !error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_blocks.Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "link",
+              onClick: () => setExpanded((current) => !current),
+              className: "min-h-8 justify-start px-0 text-xs",
+              children: expanded ? labels.cart.hideDetails : labels.cart.details
+            }
+          ),
+          expanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "max-h-40 space-y-1.5 overflow-y-auto", children: rejected.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "li",
+            {
+              className: "flex flex-wrap items-center justify-between gap-1.5",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "min-w-0 break-words text-xs text-muted-foreground", children: [
+                  labelFor?.(entry) ?? entry.line.productId,
+                  ":",
+                  " ",
+                  labels.cart.reasons[entry.reason]
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex gap-1", children: [
+                  entry.reason === "variant-required" && onFixVariant ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_blocks.Button,
+                    {
+                      type: "button",
+                      size: "sm",
+                      variant: "outline",
+                      disabled: busy,
+                      onClick: () => onFixVariant(entry),
+                      className: "min-h-8 text-xs",
+                      children: labels.cart.fixVariant
+                    }
+                  ) : null,
+                  entry.reason === "quantity-limit" && onFixQuantity ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_blocks.Button,
+                    {
+                      type: "button",
+                      size: "sm",
+                      variant: "outline",
+                      disabled: busy,
+                      onClick: () => onFixQuantity(entry),
+                      className: "min-h-8 text-xs",
+                      children: labels.cart.fixQuantity
+                    }
+                  ) : null
+                ] })
+              ]
+            },
+            `${entry.line.productId}-${entry.line.variantId ?? "base"}-${index}`
+          )) }) : null
+        ] }) : null,
+        error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-end gap-1.5", children: [
+          onRetry ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_blocks.Button,
+            {
+              type: "button",
+              size: "sm",
+              disabled: busy,
+              onClick: onRetry,
+              className: "min-h-8",
+              children: labels.cart.retry
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_blocks.Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "outline",
+              onClick: onDismiss,
+              className: "min-h-8",
+              children: labels.cart.dismiss
+            }
+          )
+        ] }) : null
+      ]
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CartFeedback
+});
+//# sourceMappingURL=cart-feedback.js.map

package/dist/blocks/designs/customer-favorites/components/cart-feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/cart-feedback.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\n\nimport { Button } from '@thorprovider/blocks'\n\nimport type { FavoritesLabels, RejectedCartLine } from '../contracts'\n\ntype Props = {\n  open: boolean\n  accepted: number\n  rejected: RejectedCartLine[]\n  error?: string | null\n  busy?: boolean\n  labels: FavoritesLabels\n  labelFor?: (line: RejectedCartLine) => string\n  onDismiss: () => void\n  onRetry?: () => void\n  onFixVariant?: (line: RejectedCartLine) => void\n  onFixQuantity?: (line: RejectedCartLine) => void\n}\n\n/**\n * Accessible toast for cart results. Success announces itself and leaves;\n * partial results stay until dismissed and keep each correction reachable.\n */\nexport function CartFeedback({\n  open,\n  accepted,\n  rejected,\n  error,\n  busy = false,\n  labels,\n  labelFor,\n  onDismiss,\n  onRetry,\n  onFixVariant,\n  onFixQuantity,\n}: Props) {\n  const [expanded, setExpanded] = useState(false)\n  const hasIssues = rejected.length > 0\n  const visible = open || Boolean(error)\n\n  useEffect(() => {\n    setExpanded(false)\n  }, [accepted, rejected.length, error])\n\n  useEffect(() => {\n    if (!visible || error || hasIssues) return\n    const timer = setTimeout(onDismiss, 4000)\n    return () => clearTimeout(timer)\n  }, [visible, error, hasIssues, onDismiss])\n\n  if (!visible) return null\n\n  return (\n    <div className=\"pointer-events-none fixed inset-x-0 bottom-3 z-50 flex justify-center px-3\">\n      <div\n        role={error || hasIssues ? 'alert' : 'status'}\n        aria-live={error || hasIssues ? 'assertive' : 'polite'}\n        className=\"pointer-events-auto flex w-full max-w-sm flex-col gap-2 rounded-lg border border-border bg-card p-3 text-sm text-foreground shadow-lg\"\n      >\n        <div className=\"flex items-start justify-between gap-2\">\n          <div className=\"min-w-0\">\n            {error ? (\n              <>\n                <p className=\"font-medium\">{labels.states.cartError}</p>\n                <p className=\"text-xs text-muted-foreground\">{labels.states.cartErrorBody}</p>\n              </>\n            ) : (\n              <>\n                {accepted > 0 ? (\n                  <p className=\"font-medium\">\n                    {labels.cart.accepted.replace('{count}', String(accepted))}\n                  </p>\n                ) : (\n                  <p className=\"font-medium\">{labels.cart.rejectedTitle}</p>\n                )}\n                {hasIssues ? (\n                  <p className=\"text-xs text-muted-foreground\">\n                    {labels.cart.issues.replace('{count}', String(rejected.length))}\n                  </p>\n                ) : null}\n              </>\n            )}\n          </div>\n\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"ghost\"\n            aria-label={labels.cart.dismiss}\n            onClick={onDismiss}\n            className=\"size-8 shrink-0\"\n          >\n            <span aria-hidden=\"true\">×</span>\n          </Button>\n        </div>\n\n        {hasIssues && !error ? (\n          <>\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"link\"\n              onClick={() => setExpanded((current) => !current)}\n              className=\"min-h-8 justify-start px-0 text-xs\"\n            >\n              {expanded ? labels.cart.hideDetails : labels.cart.details}\n            </Button>\n\n            {expanded ? (\n              <ul className=\"max-h-40 space-y-1.5 overflow-y-auto\">\n                {rejected.map((entry, index) => (\n                  <li\n                    key={`${entry.line.productId}-${entry.line.variantId ?? 'base'}-${index}`}\n                    className=\"flex flex-wrap items-center justify-between gap-1.5\"\n                  >\n                    <span className=\"min-w-0 break-words text-xs text-muted-foreground\">\n                      {labelFor?.(entry) ?? entry.line.productId}:{' '}\n                      {labels.cart.reasons[entry.reason]}\n                    </span>\n                    <span className=\"flex gap-1\">\n                      {entry.reason === 'variant-required' && onFixVariant ? (\n                        <Button\n                          type=\"button\"\n                          size=\"sm\"\n                          variant=\"outline\"\n                          disabled={busy}\n                          onClick={() => onFixVariant(entry)}\n                          className=\"min-h-8 text-xs\"\n                        >\n                          {labels.cart.fixVariant}\n                        </Button>\n                      ) : null}\n                      {entry.reason === 'quantity-limit' && onFixQuantity ? (\n                        <Button\n                          type=\"button\"\n                          size=\"sm\"\n                          variant=\"outline\"\n                          disabled={busy}\n                          onClick={() => onFixQuantity(entry)}\n                          className=\"min-h-8 text-xs\"\n                        >\n                          {labels.cart.fixQuantity}\n                        </Button>\n                      ) : null}\n                    </span>\n                  </li>\n                ))}\n              </ul>\n            ) : null}\n          </>\n        ) : null}\n\n        {error ? (\n          <div className=\"flex justify-end gap-1.5\">\n            {onRetry ? (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                disabled={busy}\n                onClick={onRetry}\n                className=\"min-h-8\"\n              >\n                {labels.cart.retry}\n              </Button>\n            ) : null}\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              onClick={onDismiss}\n              className=\"min-h-8\"\n            >\n              {labels.cart.dismiss}\n            </Button>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/customer-favorites/components/cart-feedback.mjs

@@ -0,0 +1,143 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button } from "@thorprovider/blocks";
+function CartFeedback({
+  open,
+  accepted,
+  rejected,
+  error,
+  busy = false,
+  labels,
+  labelFor,
+  onDismiss,
+  onRetry,
+  onFixVariant,
+  onFixQuantity
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const hasIssues = rejected.length > 0;
+  const visible = open || Boolean(error);
+  useEffect(() => {
+    setExpanded(false);
+  }, [accepted, rejected.length, error]);
+  useEffect(() => {
+    if (!visible || error || hasIssues) return;
+    const timer = setTimeout(onDismiss, 4e3);
+    return () => clearTimeout(timer);
+  }, [visible, error, hasIssues, onDismiss]);
+  if (!visible) return null;
+  return /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed inset-x-0 bottom-3 z-50 flex justify-center px-3", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: error || hasIssues ? "alert" : "status",
+      "aria-live": error || hasIssues ? "assertive" : "polite",
+      className: "pointer-events-auto flex w-full max-w-sm flex-col gap-2 rounded-lg border border-border bg-card p-3 text-sm text-foreground shadow-lg",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "min-w-0", children: error ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium", children: labels.states.cartError }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: labels.states.cartErrorBody })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            accepted > 0 ? /* @__PURE__ */ jsx("p", { className: "font-medium", children: labels.cart.accepted.replace("{count}", String(accepted)) }) : /* @__PURE__ */ jsx("p", { className: "font-medium", children: labels.cart.rejectedTitle }),
+            hasIssues ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: labels.cart.issues.replace("{count}", String(rejected.length)) }) : null
+          ] }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "icon",
+              variant: "ghost",
+              "aria-label": labels.cart.dismiss,
+              onClick: onDismiss,
+              className: "size-8 shrink-0",
+              children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xD7" })
+            }
+          )
+        ] }),
+        hasIssues && !error ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "link",
+              onClick: () => setExpanded((current) => !current),
+              className: "min-h-8 justify-start px-0 text-xs",
+              children: expanded ? labels.cart.hideDetails : labels.cart.details
+            }
+          ),
+          expanded ? /* @__PURE__ */ jsx("ul", { className: "max-h-40 space-y-1.5 overflow-y-auto", children: rejected.map((entry, index) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "flex flex-wrap items-center justify-between gap-1.5",
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "min-w-0 break-words text-xs text-muted-foreground", children: [
+                  labelFor?.(entry) ?? entry.line.productId,
+                  ":",
+                  " ",
+                  labels.cart.reasons[entry.reason]
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "flex gap-1", children: [
+                  entry.reason === "variant-required" && onFixVariant ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "sm",
+                      variant: "outline",
+                      disabled: busy,
+                      onClick: () => onFixVariant(entry),
+                      className: "min-h-8 text-xs",
+                      children: labels.cart.fixVariant
+                    }
+                  ) : null,
+                  entry.reason === "quantity-limit" && onFixQuantity ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "sm",
+                      variant: "outline",
+                      disabled: busy,
+                      onClick: () => onFixQuantity(entry),
+                      className: "min-h-8 text-xs",
+                      children: labels.cart.fixQuantity
+                    }
+                  ) : null
+                ] })
+              ]
+            },
+            `${entry.line.productId}-${entry.line.variantId ?? "base"}-${index}`
+          )) }) : null
+        ] }) : null,
+        error ? /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1.5", children: [
+          onRetry ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              disabled: busy,
+              onClick: onRetry,
+              className: "min-h-8",
+              children: labels.cart.retry
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "outline",
+              onClick: onDismiss,
+              className: "min-h-8",
+              children: labels.cart.dismiss
+            }
+          )
+        ] }) : null
+      ]
+    }
+  ) });
+}
+export {
+  CartFeedback
+};
+//# sourceMappingURL=cart-feedback.mjs.map

package/dist/blocks/designs/customer-favorites/components/cart-feedback.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/cart-feedback.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\n\nimport { Button } from '@thorprovider/blocks'\n\nimport type { FavoritesLabels, RejectedCartLine } from '../contracts'\n\ntype Props = {\n  open: boolean\n  accepted: number\n  rejected: RejectedCartLine[]\n  error?: string | null\n  busy?: boolean\n  labels: FavoritesLabels\n  labelFor?: (line: RejectedCartLine) => string\n  onDismiss: () => void\n  onRetry?: () => void\n  onFixVariant?: (line: RejectedCartLine) => void\n  onFixQuantity?: (line: RejectedCartLine) => void\n}\n\n/**\n * Accessible toast for cart results. Success announces itself and leaves;\n * partial results stay until dismissed and keep each correction reachable.\n */\nexport function CartFeedback({\n  open,\n  accepted,\n  rejected,\n  error,\n  busy = false,\n  labels,\n  labelFor,\n  onDismiss,\n  onRetry,\n  onFixVariant,\n  onFixQuantity,\n}: Props) {\n  const [expanded, setExpanded] = useState(false)\n  const hasIssues = rejected.length > 0\n  const visible = open || Boolean(error)\n\n  useEffect(() => {\n    setExpanded(false)\n  }, [accepted, rejected.length, error])\n\n  useEffect(() => {\n    if (!visible || error || hasIssues) return\n    const timer = setTimeout(onDismiss, 4000)\n    return () => clearTimeout(timer)\n  }, [visible, error, hasIssues, onDismiss])\n\n  if (!visible) return null\n\n  return (\n    <div className=\"pointer-events-none fixed inset-x-0 bottom-3 z-50 flex justify-center px-3\">\n      <div\n        role={error || hasIssues ? 'alert' : 'status'}\n        aria-live={error || hasIssues ? 'assertive' : 'polite'}\n        className=\"pointer-events-auto flex w-full max-w-sm flex-col gap-2 rounded-lg border border-border bg-card p-3 text-sm text-foreground shadow-lg\"\n      >\n        <div className=\"flex items-start justify-between gap-2\">\n          <div className=\"min-w-0\">\n            {error ? (\n              <>\n                <p className=\"font-medium\">{labels.states.cartError}</p>\n                <p className=\"text-xs text-muted-foreground\">{labels.states.cartErrorBody}</p>\n              </>\n            ) : (\n              <>\n                {accepted > 0 ? (\n                  <p className=\"font-medium\">\n                    {labels.cart.accepted.replace('{count}', String(accepted))}\n                  </p>\n                ) : (\n                  <p className=\"font-medium\">{labels.cart.rejectedTitle}</p>\n                )}\n                {hasIssues ? (\n                  <p className=\"text-xs text-muted-foreground\">\n                    {labels.cart.issues.replace('{count}', String(rejected.length))}\n                  </p>\n                ) : null}\n              </>\n            )}\n          </div>\n\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"ghost\"\n            aria-label={labels.cart.dismiss}\n            onClick={onDismiss}\n            className=\"size-8 shrink-0\"\n          >\n            <span aria-hidden=\"true\">×</span>\n          </Button>\n        </div>\n\n        {hasIssues && !error ? (\n          <>\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"link\"\n              onClick={() => setExpanded((current) => !current)}\n              className=\"min-h-8 justify-start px-0 text-xs\"\n            >\n              {expanded ? labels.cart.hideDetails : labels.cart.details}\n            </Button>\n\n            {expanded ? (\n              <ul className=\"max-h-40 space-y-1.5 overflow-y-auto\">\n                {rejected.map((entry, index) => (\n                  <li\n                    key={`${entry.line.productId}-${entry.line.variantId ?? 'base'}-${index}`}\n                    className=\"flex flex-wrap items-center justify-between gap-1.5\"\n                  >\n                    <span className=\"min-w-0 break-words text-xs text-muted-foreground\">\n                      {labelFor?.(entry) ?? entry.line.productId}:{' '}\n                      {labels.cart.reasons[entry.reason]}\n                    </span>\n                    <span className=\"flex gap-1\">\n                      {entry.reason === 'variant-required' && onFixVariant ? (\n                        <Button\n                          type=\"button\"\n                          size=\"sm\"\n                          variant=\"outline\"\n                          disabled={busy}\n                          onClick={() => onFixVariant(entry)}\n                          className=\"min-h-8 text-xs\"\n                        >\n                          {labels.cart.fixVariant}\n                        </Button>\n                      ) : null}\n                      {entry.reason === 'quantity-limit' && onFixQuantity ? (\n                        <Button\n                          type=\"button\"\n                          size=\"sm\"\n                          variant=\"outline\"\n                          disabled={busy}\n                          onClick={() => onFixQuantity(entry)}\n                          className=\"min-h-8 text-xs\"\n                        >\n                          {labels.cart.fixQuantity}\n                        </Button>\n                      ) : null}\n                    </span>\n                  </li>\n                ))}\n              </ul>\n            ) : null}\n          </>\n        ) : null}\n\n        {error ? (\n          <div className=\"flex justify-end gap-1.5\">\n            {onRetry ? (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                disabled={busy}\n                onClick={onRetry}\n                className=\"min-h-8\"\n              >\n                {labels.cart.retry}\n              </Button>\n            ) : null}\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              onClick={onDismiss}\n              className=\"min-h-8\"\n            >\n              {labels.cart.dismiss}\n            </Button>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/customer-favorites/components/confirm-dialog.d.ts

@@ -0,0 +1,15 @@
+type Props = {
+    open: boolean;
+    title: string;
+    body: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    destructive?: boolean;
+    busy?: boolean;
+    error?: string | null;
+    onCancel: () => void;
+    onConfirm: () => void;
+};
+export declare function ConfirmDialog({ open, title, body, confirmLabel, cancelLabel, destructive, busy, error, onCancel, onConfirm, }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/blocks/designs/customer-favorites/components/confirm-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-favorites/components/confirm-dialog.tsx"],"names":[],"mappings":"AAQA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,WAAmB,EACnB,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,KAAK,+BA+BP"}

package/dist/blocks/designs/customer-favorites/components/confirm-dialog.js

@@ -0,0 +1,67 @@
+"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 confirm_dialog_exports = {};
+__export(confirm_dialog_exports, {
+  ConfirmDialog: () => ConfirmDialog
+});
+module.exports = __toCommonJS(confirm_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_blocks = require("@thorprovider/blocks");
+var import_dialog_frame = require("./dialog-frame.js");
+function ConfirmDialog({
+  open,
+  title,
+  body,
+  confirmLabel,
+  cancelLabel,
+  destructive = false,
+  busy = false,
+  error,
+  onCancel,
+  onConfirm
+}) {
+  const titleId = (0, import_react.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog_frame.DialogFrame, { open, titleId, canClose: !busy, onClose: onCancel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { id: titleId, className: "text-base font-semibold", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-sm text-muted-foreground", children: body }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", className: "mt-2 text-sm text-destructive", children: error }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 flex flex-wrap justify-end gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "button", variant: "outline", size: "sm", disabled: busy, onClick: onCancel, className: "min-h-10", children: cancelLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_blocks.Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: destructive ? "destructive" : "default",
+          disabled: busy,
+          onClick: onConfirm,
+          className: "min-h-10",
+          children: confirmLabel
+        }
+      )
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConfirmDialog
+});
+//# sourceMappingURL=confirm-dialog.js.map

package/dist/blocks/designs/customer-favorites/components/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/confirm-dialog.tsx"],"sourcesContent":["'use client'\n\nimport { useId } from 'react'\n\nimport { Button } from '@thorprovider/blocks'\n\nimport { DialogFrame } from './dialog-frame'\n\ntype Props = {\n  open: boolean\n  title: string\n  body: string\n  confirmLabel: string\n  cancelLabel: string\n  destructive?: boolean\n  busy?: boolean\n  error?: string | null\n  onCancel: () => void\n  onConfirm: () => void\n}\n\nexport function ConfirmDialog({\n  open,\n  title,\n  body,\n  confirmLabel,\n  cancelLabel,\n  destructive = false,\n  busy = false,\n  error,\n  onCancel,\n  onConfirm,\n}: Props) {\n  const titleId = useId()\n\n  return (\n    <DialogFrame open={open} titleId={titleId} canClose={!busy} onClose={onCancel}>\n      <h3 id={titleId} className=\"text-base font-semibold\">\n        {title}\n      </h3>\n      <p className=\"mt-2 text-sm text-muted-foreground\">{body}</p>\n      {error ? (\n        <p role=\"alert\" className=\"mt-2 text-sm text-destructive\">\n          {error}\n        </p>\n      ) : null}\n      <div className=\"mt-4 flex flex-wrap justify-end gap-2\">\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" disabled={busy} onClick={onCancel} className=\"min-h-10\">\n          {cancelLabel}\n        </Button>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant={destructive ? 'destructive' : 'default'}\n          disabled={busy}\n          onClick={onConfirm}\n          className=\"min-h-10\"\n        >\n          {confirmLabel}\n        </Button>\n      </div>\n    </DialogFrame>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCM;AAnCN,mBAAsB;AAEtB,oBAAuB;AAEvB,0BAA4B;AAerB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,QAAM,cAAU,oBAAM;AAEtB,SACE,6CAAC,mCAAY,MAAY,SAAkB,UAAU,CAAC,MAAM,SAAS,UACnE;AAAA,gDAAC,QAAG,IAAI,SAAS,WAAU,2BACxB,iBACH;AAAA,IACA,4CAAC,OAAE,WAAU,sCAAsC,gBAAK;AAAA,IACvD,QACC,4CAAC,OAAE,MAAK,SAAQ,WAAU,iCACvB,iBACH,IACE;AAAA,IACJ,6CAAC,SAAI,WAAU,yCACb;AAAA,kDAAC,wBAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,UAAU,MAAM,SAAS,UAAU,WAAU,YAC5F,uBACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,cAAc,gBAAgB;AAAA,UACvC,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAU;AAAA,UAET;AAAA;AAAA,MACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/designs/customer-favorites/components/confirm-dialog.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Button } from "@thorprovider/blocks";
+import { DialogFrame } from "./dialog-frame.mjs";
+function ConfirmDialog({
+  open,
+  title,
+  body,
+  confirmLabel,
+  cancelLabel,
+  destructive = false,
+  busy = false,
+  error,
+  onCancel,
+  onConfirm
+}) {
+  const titleId = useId();
+  return /* @__PURE__ */ jsxs(DialogFrame, { open, titleId, canClose: !busy, onClose: onCancel, children: [
+    /* @__PURE__ */ jsx("h3", { id: titleId, className: "text-base font-semibold", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: body }),
+    error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-2 text-sm text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: busy, onClick: onCancel, className: "min-h-10", children: cancelLabel }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: destructive ? "destructive" : "default",
+          disabled: busy,
+          onClick: onConfirm,
+          className: "min-h-10",
+          children: confirmLabel
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ConfirmDialog
+};
+//# sourceMappingURL=confirm-dialog.mjs.map

package/dist/blocks/designs/customer-favorites/components/confirm-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/confirm-dialog.tsx"],"sourcesContent":["'use client'\n\nimport { useId } from 'react'\n\nimport { Button } from '@thorprovider/blocks'\n\nimport { DialogFrame } from './dialog-frame'\n\ntype Props = {\n  open: boolean\n  title: string\n  body: string\n  confirmLabel: string\n  cancelLabel: string\n  destructive?: boolean\n  busy?: boolean\n  error?: string | null\n  onCancel: () => void\n  onConfirm: () => void\n}\n\nexport function ConfirmDialog({\n  open,\n  title,\n  body,\n  confirmLabel,\n  cancelLabel,\n  destructive = false,\n  busy = false,\n  error,\n  onCancel,\n  onConfirm,\n}: Props) {\n  const titleId = useId()\n\n  return (\n    <DialogFrame open={open} titleId={titleId} canClose={!busy} onClose={onCancel}>\n      <h3 id={titleId} className=\"text-base font-semibold\">\n        {title}\n      </h3>\n      <p className=\"mt-2 text-sm text-muted-foreground\">{body}</p>\n      {error ? (\n        <p role=\"alert\" className=\"mt-2 text-sm text-destructive\">\n          {error}\n        </p>\n      ) : null}\n      <div className=\"mt-4 flex flex-wrap justify-end gap-2\">\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" disabled={busy} onClick={onCancel} className=\"min-h-10\">\n          {cancelLabel}\n        </Button>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant={destructive ? 'destructive' : 'default'}\n          disabled={busy}\n          onClick={onConfirm}\n          className=\"min-h-10\"\n        >\n          {confirmLabel}\n        </Button>\n      </div>\n    </DialogFrame>\n  )\n}\n"],"mappings":";AAqCM,cASA,YATA;AAnCN,SAAS,aAAa;AAEtB,SAAS,cAAc;AAEvB,SAAS,mBAAmB;AAerB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,QAAM,UAAU,MAAM;AAEtB,SACE,qBAAC,eAAY,MAAY,SAAkB,UAAU,CAAC,MAAM,SAAS,UACnE;AAAA,wBAAC,QAAG,IAAI,SAAS,WAAU,2BACxB,iBACH;AAAA,IACA,oBAAC,OAAE,WAAU,sCAAsC,gBAAK;AAAA,IACvD,QACC,oBAAC,OAAE,MAAK,SAAQ,WAAU,iCACvB,iBACH,IACE;AAAA,IACJ,qBAAC,SAAI,WAAU,yCACb;AAAA,0BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,UAAU,MAAM,SAAS,UAAU,WAAU,YAC5F,uBACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,cAAc,gBAAgB;AAAA,UACvC,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAU;AAAA,UAET;AAAA;AAAA,MACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/designs/customer-favorites/components/customer-favorites.d.ts

@@ -0,0 +1,23 @@
+import type { CartResult, CollectionId, FavoritesCapabilities, FavoritesCartPort, FavoritesDataSource, FavoritesLabels } from '../contracts';
+export type CustomerFavoritesProps = {
+    source: FavoritesDataSource;
+    capabilities: FavoritesCapabilities;
+    labels: FavoritesLabels;
+    session: 'authenticated' | 'anonymous';
+    lang?: string;
+    initialCollection?: CollectionId;
+    cart?: FavoritesCartPort;
+    onAddToCart?: (result: CartResult) => void;
+    onSignIn?: () => void;
+    onExploreProducts?: () => void;
+    onOpenProduct?: (productId: string, variantId?: string) => void;
+    onShareList?: (listId: string) => void;
+    onRetry?: () => void;
+};
+/**
+ * Mountable favorites surface. It owns view state (active collection, search,
+ * sort) and asks the source for every mutation; it never fetches, stores or
+ * creates a cart.
+ */
+export declare function CustomerFavorites({ source, capabilities, labels, session, lang, initialCollection, cart, onAddToCart, onSignIn, onExploreProducts, onOpenProduct, onShareList, onRetry, }: CustomerFavoritesProps): import("react").JSX.Element;
+//# sourceMappingURL=customer-favorites.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customer-favorites.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-favorites/components/customer-favorites.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAEV,UAAU,EACV,YAAY,EAEZ,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EAKhB,MAAM,cAAc,CAAA;AA6BrB,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,mBAAmB,CAAA;IAC3B,YAAY,EAAE,qBAAqB,CAAA;IACnC,MAAM,EAAE,eAAe,CAAA;IACvB,OAAO,EAAE,eAAe,GAAG,WAAW,CAAA;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,YAAY,CAAA;IAChC,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/D,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,YAAY,EACZ,MAAM,EACN,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,OAAO,GACR,EAAE,sBAAsB,+BAq/BxB"}