@thorprovider/blocks 4.1.0 → 4.3.0

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

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Badge, Button } from "@thorprovider/blocks";
+import { DialogFrame } from "./dialog-frame.mjs";
+function ManageListsDialog({
+  open,
+  entries,
+  labels,
+  canCreate,
+  onClose,
+  onSelect,
+  onRename,
+  onDelete,
+  onCreate
+}) {
+  const titleId = useId();
+  return /* @__PURE__ */ jsxs(DialogFrame, { open, titleId, onClose, children: [
+    /* @__PURE__ */ jsx("h3", { id: titleId, className: "text-base font-semibold", children: labels.dialogs.manageTitle }),
+    entries.length === 0 ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: labels.states.emptyListBody }) : /* @__PURE__ */ jsx("ul", { className: "mt-3 divide-y divide-border", children: entries.map(({ list, count, actions }) => /* @__PURE__ */ jsxs("li", { className: "flex flex-wrap items-center justify-between gap-2 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect(list.id),
+            className: "min-h-6 max-w-full break-words py-0.5 text-left text-sm font-medium hover:underline focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
+            children: list.name
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: labels.collections.count.replace("{count}", String(count)) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [
+        list.scope === "organization" ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: labels.collections.organizationGroup }) : null,
+        actions.rename ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => onRename(list), className: "min-h-10", children: labels.dialogs.rename }) : null,
+        actions.remove ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "ghost",
+            onClick: () => onDelete(list),
+            className: "min-h-10 text-destructive",
+            children: labels.dialogs.deleteConfirm
+          }
+        ) : null
+      ] })
+    ] }, list.id)) }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onClose, className: "min-h-10", children: labels.dialogs.close }),
+      canCreate ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: onCreate, className: "min-h-10", children: labels.header.newList }) : null
+    ] })
+  ] });
+}
+export {
+  ManageListsDialog
+};
+//# sourceMappingURL=manage-lists-dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/manage-lists-dialog.tsx"],"sourcesContent":["'use client'\n\nimport { useId } from 'react'\n\nimport { Badge, Button } from '@thorprovider/blocks'\n\nimport type { FavoriteList, FavoritesLabels } from '../contracts'\nimport type { ListActions } from '../permissions'\n\nimport { DialogFrame } from './dialog-frame'\n\nexport type ManageListEntry = {\n  list: FavoriteList\n  count: number\n  actions: ListActions\n}\n\ntype Props = {\n  open: boolean\n  entries: ManageListEntry[]\n  labels: FavoritesLabels\n  canCreate: boolean\n  onClose: () => void\n  onSelect: (listId: string) => void\n  onRename: (list: FavoriteList) => void\n  onDelete: (list: FavoriteList) => void\n  onCreate: () => void\n}\n\n/** Compact manager for the lists that do not fit in the chip row. */\nexport function ManageListsDialog({\n  open,\n  entries,\n  labels,\n  canCreate,\n  onClose,\n  onSelect,\n  onRename,\n  onDelete,\n  onCreate,\n}: Props) {\n  const titleId = useId()\n\n  return (\n    <DialogFrame open={open} titleId={titleId} onClose={onClose}>\n      <h3 id={titleId} className=\"text-base font-semibold\">\n        {labels.dialogs.manageTitle}\n      </h3>\n\n      {entries.length === 0 ? (\n        <p className=\"mt-2 text-sm text-muted-foreground\">{labels.states.emptyListBody}</p>\n      ) : (\n        <ul className=\"mt-3 divide-y divide-border\">\n          {entries.map(({ list, count, actions }) => (\n            <li key={list.id} className=\"flex flex-wrap items-center justify-between gap-2 py-2\">\n              <div className=\"min-w-0\">\n                <button\n                  type=\"button\"\n                  onClick={() => onSelect(list.id)}\n                  className=\"min-h-6 max-w-full break-words py-0.5 text-left text-sm font-medium hover:underline focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none\"\n                >\n                  {list.name}\n                </button>\n                <p className=\"text-xs text-muted-foreground\">\n                  {labels.collections.count.replace('{count}', String(count))}\n                </p>\n              </div>\n\n              <div className=\"flex flex-wrap items-center gap-1\">\n                {list.scope === 'organization' ? (\n                  <Badge variant=\"secondary\">{labels.collections.organizationGroup}</Badge>\n                ) : null}\n                {actions.rename ? (\n                  <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => onRename(list)} className=\"min-h-10\">\n                    {labels.dialogs.rename}\n                  </Button>\n                ) : null}\n                {actions.remove ? (\n                  <Button\n                    type=\"button\"\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    onClick={() => onDelete(list)}\n                    className=\"min-h-10 text-destructive\"\n                  >\n                    {labels.dialogs.deleteConfirm}\n                  </Button>\n                ) : null}\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n\n      <div className=\"mt-4 flex flex-wrap justify-end gap-2\">\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onClose} className=\"min-h-10\">\n          {labels.dialogs.close}\n        </Button>\n        {canCreate ? (\n          <Button type=\"button\" size=\"sm\" onClick={onCreate} className=\"min-h-10\">\n            {labels.header.newList}\n          </Button>\n        ) : null}\n      </div>\n    </DialogFrame>\n  )\n}\n"],"mappings":";AA6CM,cAUQ,YAVR;AA3CN,SAAS,aAAa;AAEtB,SAAS,OAAO,cAAc;AAK9B,SAAS,mBAAmB;AAqBrB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,QAAM,UAAU,MAAM;AAEtB,SACE,qBAAC,eAAY,MAAY,SAAkB,SACzC;AAAA,wBAAC,QAAG,IAAI,SAAS,WAAU,2BACxB,iBAAO,QAAQ,aAClB;AAAA,IAEC,QAAQ,WAAW,IAClB,oBAAC,OAAE,WAAU,sCAAsC,iBAAO,OAAO,eAAc,IAE/E,oBAAC,QAAG,WAAU,+BACX,kBAAQ,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,MACnC,qBAAC,QAAiB,WAAU,0DAC1B;AAAA,2BAAC,SAAI,WAAU,WACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,SAAS,KAAK,EAAE;AAAA,YAC/B,WAAU;AAAA,YAET,eAAK;AAAA;AAAA,QACR;AAAA,QACA,oBAAC,OAAE,WAAU,iCACV,iBAAO,YAAY,MAAM,QAAQ,WAAW,OAAO,KAAK,CAAC,GAC5D;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAU,qCACZ;AAAA,aAAK,UAAU,iBACd,oBAAC,SAAM,SAAQ,aAAa,iBAAO,YAAY,mBAAkB,IAC/D;AAAA,QACH,QAAQ,SACP,oBAAC,UAAO,MAAK,UAAS,MAAK,MAAK,SAAQ,SAAQ,SAAS,MAAM,SAAS,IAAI,GAAG,WAAU,YACtF,iBAAO,QAAQ,QAClB,IACE;AAAA,QACH,QAAQ,SACP;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,MAAM,SAAS,IAAI;AAAA,YAC5B,WAAU;AAAA,YAET,iBAAO,QAAQ;AAAA;AAAA,QAClB,IACE;AAAA,SACN;AAAA,SAlCO,KAAK,EAmCd,CACD,GACH;AAAA,IAGF,qBAAC,SAAI,WAAU,yCACb;AAAA,0BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,SAAS,SAAS,WAAU,YAC3E,iBAAO,QAAQ,OAClB;AAAA,MACC,YACC,oBAAC,UAAO,MAAK,UAAS,MAAK,MAAK,SAAS,UAAU,WAAU,YAC1D,iBAAO,OAAO,SACjB,IACE;AAAA,OACN;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,21 @@
+import type { FavoriteList, FavoritesLabels } from '../contracts';
+type Props = {
+    open: boolean;
+    productTitle: string;
+    personal: FavoriteList[];
+    organization: FavoriteList[];
+    selected: string[];
+    multiple: boolean;
+    labels: FavoritesLabels;
+    saving?: boolean;
+    error?: string | null;
+    onToggle: (listId: string | null) => void;
+    onCancel: () => void;
+    onSave: () => void;
+    onCreateList: () => void;
+    canCreate: boolean;
+};
+/** Multi- or single-list membership for one product; «Sin lista» is explicit. */
+export declare function OrganizeDialog({ open, productTitle, personal, organization, selected, multiple, labels, saving, error, onToggle, onCancel, onSave, onCreateList, canCreate, }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=organize-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"organize-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-favorites/components/organize-dialog.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAIjE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,YAAY,EAAE,YAAY,EAAE,CAAA;IAC5B,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,eAAe,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,SAAS,GACV,EAAE,KAAK,+BA6GP"}

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

@@ -0,0 +1,126 @@
+"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 organize_dialog_exports = {};
+__export(organize_dialog_exports, {
+  OrganizeDialog: () => OrganizeDialog
+});
+module.exports = __toCommonJS(organize_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 OrganizeDialog({
+  open,
+  productTitle,
+  personal,
+  organization,
+  selected,
+  multiple,
+  labels,
+  saving = false,
+  error,
+  onToggle,
+  onCancel,
+  onSave,
+  onCreateList,
+  canCreate
+}) {
+  const titleId = (0, import_react.useId)();
+  const inputType = multiple ? "checkbox" : "radio";
+  const renderList = (list) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "flex min-h-10 items-center gap-2 text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        type: inputType,
+        name: "favorites-organize",
+        checked: selected.includes(list.id),
+        onChange: (event) => onToggle(event.target.checked ? list.id : null),
+        className: "size-6 rounded border-input accent-primary"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "min-w-0 break-words", children: list.name })
+  ] }) }, list.id);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog_frame.DialogFrame, { open, titleId, canClose: !saving, onClose: onCancel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { id: titleId, className: "text-base font-semibold", children: labels.dialogs.organizeTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 break-words text-sm text-muted-foreground", children: productTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: labels.dialogs.organizeBody }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("fieldset", { className: "mt-3", disabled: saving, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("legend", { className: "sr-only", children: labels.dialogs.organizeTitle }),
+      multiple ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "flex min-h-10 items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: inputType,
+              name: "favorites-organize",
+              checked: selected.length === 0,
+              onChange: () => onToggle(null),
+              className: "size-6 rounded border-input accent-primary"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: labels.dialogs.noList })
+        ] }) }),
+        personal.map(renderList)
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "flex min-h-10 items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "radio",
+              name: "favorites-organize",
+              checked: selected.length === 0,
+              onChange: () => onToggle(null),
+              className: "size-6 border-input accent-primary"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: labels.dialogs.noList })
+        ] }) }),
+        personal.map((list) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "flex min-h-10 items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "radio",
+              name: "favorites-organize",
+              checked: selected.includes(list.id),
+              onChange: () => onToggle(list.id),
+              className: "size-6 border-input accent-primary"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "min-w-0 break-words", children: list.name })
+        ] }) }, list.id))
+      ] }),
+      organization.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-medium tracking-wide text-muted-foreground uppercase", children: labels.collections.organizationGroup }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: organization.map(renderList) })
+      ] }) : null
+    ] }),
+    canCreate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "button", variant: "outline", size: "sm", onClick: onCreateList, disabled: saving, children: labels.dialogs.createInline }) : null,
+    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: saving, onClick: onCancel, className: "min-h-10", children: labels.dialogs.cancel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "button", size: "sm", disabled: saving, onClick: onSave, className: "min-h-10", children: labels.dialogs.save })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrganizeDialog
+});
+//# sourceMappingURL=organize-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/organize-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  productTitle: string\n  personal: FavoriteList[]\n  organization: FavoriteList[]\n  selected: string[]\n  multiple: boolean\n  labels: FavoritesLabels\n  saving?: boolean\n  error?: string | null\n  onToggle: (listId: string | null) => void\n  onCancel: () => void\n  onSave: () => void\n  onCreateList: () => void\n  canCreate: boolean\n}\n\n/** Multi- or single-list membership for one product; «Sin lista» is explicit. */\nexport function OrganizeDialog({\n  open,\n  productTitle,\n  personal,\n  organization,\n  selected,\n  multiple,\n  labels,\n  saving = false,\n  error,\n  onToggle,\n  onCancel,\n  onSave,\n  onCreateList,\n  canCreate,\n}: Props) {\n  const titleId = useId()\n  const inputType = multiple ? 'checkbox' : 'radio'\n\n  const renderList = (list: FavoriteList) => (\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-organize\"\n          checked={selected.includes(list.id)}\n          onChange={(event) => onToggle(event.target.checked ? list.id : null)}\n          className=\"size-6 rounded border-input accent-primary\"\n        />\n        <span className=\"min-w-0 break-words\">{list.name}</span>\n      </label>\n    </li>\n  )\n\n  return (\n    <DialogFrame open={open} titleId={titleId} canClose={!saving} onClose={onCancel}>\n      <h3 id={titleId} className=\"text-base font-semibold\">\n        {labels.dialogs.organizeTitle}\n      </h3>\n      <p className=\"mt-1 break-words text-sm text-muted-foreground\">{productTitle}</p>\n      <p className=\"mt-1 text-sm text-muted-foreground\">{labels.dialogs.organizeBody}</p>\n\n      <fieldset className=\"mt-3\" disabled={saving}>\n        <legend className=\"sr-only\">{labels.dialogs.organizeTitle}</legend>\n\n        {multiple ? (\n          <ul>\n            <li>\n              <label className=\"flex min-h-10 items-center gap-2 text-sm\">\n                <input\n                  type={inputType}\n                  name=\"favorites-organize\"\n                  checked={selected.length === 0}\n                  onChange={() => onToggle(null)}\n                  className=\"size-6 rounded border-input accent-primary\"\n                />\n                <span>{labels.dialogs.noList}</span>\n              </label>\n            </li>\n            {personal.map(renderList)}\n          </ul>\n        ) : (\n          <ul>\n            <li>\n              <label className=\"flex min-h-10 items-center gap-2 text-sm\">\n                <input\n                  type=\"radio\"\n                  name=\"favorites-organize\"\n                  checked={selected.length === 0}\n                  onChange={() => onToggle(null)}\n                  className=\"size-6 border-input accent-primary\"\n                />\n                <span>{labels.dialogs.noList}</span>\n              </label>\n            </li>\n            {personal.map((list) => (\n              <li key={list.id}>\n                <label className=\"flex min-h-10 items-center gap-2 text-sm\">\n                  <input\n                    type=\"radio\"\n                    name=\"favorites-organize\"\n                    checked={selected.includes(list.id)}\n                    onChange={() => onToggle(list.id)}\n                    className=\"size-6 border-input accent-primary\"\n                  />\n                  <span className=\"min-w-0 break-words\">{list.name}</span>\n                </label>\n              </li>\n            ))}\n          </ul>\n        )}\n\n        {organization.length > 0 ? (\n          <div className=\"mt-3\">\n            <p className=\"text-xs font-medium tracking-wide text-muted-foreground uppercase\">\n              {labels.collections.organizationGroup}\n            </p>\n            <ul>{organization.map(renderList)}</ul>\n          </div>\n        ) : null}\n      </fieldset>\n\n      {canCreate ? (\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onCreateList} disabled={saving}>\n          {labels.dialogs.createInline}\n        </Button>\n      ) : null}\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 type=\"button\" variant=\"outline\" size=\"sm\" disabled={saving} onClick={onCancel} className=\"min-h-10\">\n          {labels.dialogs.cancel}\n        </Button>\n        <Button type=\"button\" size=\"sm\" disabled={saving} onClick={onSave} className=\"min-h-10\">\n          {labels.dialogs.save}\n        </Button>\n      </div>\n    </DialogFrame>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDM;AA/CN,mBAAsB;AAEtB,oBAAuB;AAIvB,0BAA4B;AAoBrB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,QAAM,cAAU,oBAAM;AACtB,QAAM,YAAY,WAAW,aAAa;AAE1C,QAAM,aAAa,CAAC,SAClB,4CAAC,QACC,uDAAC,WAAM,WAAU,4CACf;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,SAAS,SAAS,KAAK,EAAE;AAAA,QAClC,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,UAAU,KAAK,KAAK,IAAI;AAAA,QACnE,WAAU;AAAA;AAAA,IACZ;AAAA,IACA,4CAAC,UAAK,WAAU,uBAAuB,eAAK,MAAK;AAAA,KACnD,KAVO,KAAK,EAWd;AAGF,SACE,6CAAC,mCAAY,MAAY,SAAkB,UAAU,CAAC,QAAQ,SAAS,UACrE;AAAA,gDAAC,QAAG,IAAI,SAAS,WAAU,2BACxB,iBAAO,QAAQ,eAClB;AAAA,IACA,4CAAC,OAAE,WAAU,kDAAkD,wBAAa;AAAA,IAC5E,4CAAC,OAAE,WAAU,sCAAsC,iBAAO,QAAQ,cAAa;AAAA,IAE/E,6CAAC,cAAS,WAAU,QAAO,UAAU,QACnC;AAAA,kDAAC,YAAO,WAAU,WAAW,iBAAO,QAAQ,eAAc;AAAA,MAEzD,WACC,6CAAC,QACC;AAAA,oDAAC,QACC,uDAAC,WAAM,WAAU,4CACf;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,MAAK;AAAA,cACL,SAAS,SAAS,WAAW;AAAA,cAC7B,UAAU,MAAM,SAAS,IAAI;AAAA,cAC7B,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,4CAAC,UAAM,iBAAO,QAAQ,QAAO;AAAA,WAC/B,GACF;AAAA,QACC,SAAS,IAAI,UAAU;AAAA,SAC1B,IAEA,6CAAC,QACC;AAAA,oDAAC,QACC,uDAAC,WAAM,WAAU,4CACf;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,SAAS,SAAS,WAAW;AAAA,cAC7B,UAAU,MAAM,SAAS,IAAI;AAAA,cAC7B,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,4CAAC,UAAM,iBAAO,QAAQ,QAAO;AAAA,WAC/B,GACF;AAAA,QACC,SAAS,IAAI,CAAC,SACb,4CAAC,QACC,uDAAC,WAAM,WAAU,4CACf;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,SAAS,SAAS,SAAS,KAAK,EAAE;AAAA,cAClC,UAAU,MAAM,SAAS,KAAK,EAAE;AAAA,cAChC,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,4CAAC,UAAK,WAAU,uBAAuB,eAAK,MAAK;AAAA,WACnD,KAVO,KAAK,EAWd,CACD;AAAA,SACH;AAAA,MAGD,aAAa,SAAS,IACrB,6CAAC,SAAI,WAAU,QACb;AAAA,oDAAC,OAAE,WAAU,qEACV,iBAAO,YAAY,mBACtB;AAAA,QACA,4CAAC,QAAI,uBAAa,IAAI,UAAU,GAAE;AAAA,SACpC,IACE;AAAA,OACN;AAAA,IAEC,YACC,4CAAC,wBAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,SAAS,cAAc,UAAU,QAChF,iBAAO,QAAQ,cAClB,IACE;AAAA,IAEH,QACC,4CAAC,OAAE,MAAK,SAAQ,WAAU,iCACvB,iBACH,IACE;AAAA,IAEJ,6CAAC,SAAI,WAAU,yCACb;AAAA,kDAAC,wBAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,UAAU,QAAQ,SAAS,UAAU,WAAU,YAC9F,iBAAO,QAAQ,QAClB;AAAA,MACA,4CAAC,wBAAO,MAAK,UAAS,MAAK,MAAK,UAAU,QAAQ,SAAS,QAAQ,WAAU,YAC1E,iBAAO,QAAQ,MAClB;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,102 @@
+"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 OrganizeDialog({
+  open,
+  productTitle,
+  personal,
+  organization,
+  selected,
+  multiple,
+  labels,
+  saving = false,
+  error,
+  onToggle,
+  onCancel,
+  onSave,
+  onCreateList,
+  canCreate
+}) {
+  const titleId = useId();
+  const inputType = multiple ? "checkbox" : "radio";
+  const renderList = (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-organize",
+        checked: selected.includes(list.id),
+        onChange: (event) => onToggle(event.target.checked ? list.id : null),
+        className: "size-6 rounded border-input accent-primary"
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: list.name })
+  ] }) }, list.id);
+  return /* @__PURE__ */ jsxs(DialogFrame, { open, titleId, canClose: !saving, onClose: onCancel, children: [
+    /* @__PURE__ */ jsx("h3", { id: titleId, className: "text-base font-semibold", children: labels.dialogs.organizeTitle }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 break-words text-sm text-muted-foreground", children: productTitle }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: labels.dialogs.organizeBody }),
+    /* @__PURE__ */ jsxs("fieldset", { className: "mt-3", disabled: saving, children: [
+      /* @__PURE__ */ jsx("legend", { className: "sr-only", children: labels.dialogs.organizeTitle }),
+      multiple ? /* @__PURE__ */ jsxs("ul", { children: [
+        /* @__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-organize",
+              checked: selected.length === 0,
+              onChange: () => onToggle(null),
+              className: "size-6 rounded border-input accent-primary"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: labels.dialogs.noList })
+        ] }) }),
+        personal.map(renderList)
+      ] }) : /* @__PURE__ */ jsxs("ul", { children: [
+        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { className: "flex min-h-10 items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: "favorites-organize",
+              checked: selected.length === 0,
+              onChange: () => onToggle(null),
+              className: "size-6 border-input accent-primary"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: labels.dialogs.noList })
+        ] }) }),
+        personal.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: "radio",
+              name: "favorites-organize",
+              checked: selected.includes(list.id),
+              onChange: () => onToggle(list.id),
+              className: "size-6 border-input accent-primary"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: list.name })
+        ] }) }, list.id))
+      ] }),
+      organization.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium tracking-wide text-muted-foreground uppercase", children: labels.collections.organizationGroup }),
+        /* @__PURE__ */ jsx("ul", { children: organization.map(renderList) })
+      ] }) : null
+    ] }),
+    canCreate ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onCreateList, disabled: saving, children: labels.dialogs.createInline }) : null,
+    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, onClick: onSave, className: "min-h-10", children: labels.dialogs.save })
+    ] })
+  ] });
+}
+export {
+  OrganizeDialog
+};
+//# sourceMappingURL=organize-dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/organize-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  productTitle: string\n  personal: FavoriteList[]\n  organization: FavoriteList[]\n  selected: string[]\n  multiple: boolean\n  labels: FavoritesLabels\n  saving?: boolean\n  error?: string | null\n  onToggle: (listId: string | null) => void\n  onCancel: () => void\n  onSave: () => void\n  onCreateList: () => void\n  canCreate: boolean\n}\n\n/** Multi- or single-list membership for one product; «Sin lista» is explicit. */\nexport function OrganizeDialog({\n  open,\n  productTitle,\n  personal,\n  organization,\n  selected,\n  multiple,\n  labels,\n  saving = false,\n  error,\n  onToggle,\n  onCancel,\n  onSave,\n  onCreateList,\n  canCreate,\n}: Props) {\n  const titleId = useId()\n  const inputType = multiple ? 'checkbox' : 'radio'\n\n  const renderList = (list: FavoriteList) => (\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-organize\"\n          checked={selected.includes(list.id)}\n          onChange={(event) => onToggle(event.target.checked ? list.id : null)}\n          className=\"size-6 rounded border-input accent-primary\"\n        />\n        <span className=\"min-w-0 break-words\">{list.name}</span>\n      </label>\n    </li>\n  )\n\n  return (\n    <DialogFrame open={open} titleId={titleId} canClose={!saving} onClose={onCancel}>\n      <h3 id={titleId} className=\"text-base font-semibold\">\n        {labels.dialogs.organizeTitle}\n      </h3>\n      <p className=\"mt-1 break-words text-sm text-muted-foreground\">{productTitle}</p>\n      <p className=\"mt-1 text-sm text-muted-foreground\">{labels.dialogs.organizeBody}</p>\n\n      <fieldset className=\"mt-3\" disabled={saving}>\n        <legend className=\"sr-only\">{labels.dialogs.organizeTitle}</legend>\n\n        {multiple ? (\n          <ul>\n            <li>\n              <label className=\"flex min-h-10 items-center gap-2 text-sm\">\n                <input\n                  type={inputType}\n                  name=\"favorites-organize\"\n                  checked={selected.length === 0}\n                  onChange={() => onToggle(null)}\n                  className=\"size-6 rounded border-input accent-primary\"\n                />\n                <span>{labels.dialogs.noList}</span>\n              </label>\n            </li>\n            {personal.map(renderList)}\n          </ul>\n        ) : (\n          <ul>\n            <li>\n              <label className=\"flex min-h-10 items-center gap-2 text-sm\">\n                <input\n                  type=\"radio\"\n                  name=\"favorites-organize\"\n                  checked={selected.length === 0}\n                  onChange={() => onToggle(null)}\n                  className=\"size-6 border-input accent-primary\"\n                />\n                <span>{labels.dialogs.noList}</span>\n              </label>\n            </li>\n            {personal.map((list) => (\n              <li key={list.id}>\n                <label className=\"flex min-h-10 items-center gap-2 text-sm\">\n                  <input\n                    type=\"radio\"\n                    name=\"favorites-organize\"\n                    checked={selected.includes(list.id)}\n                    onChange={() => onToggle(list.id)}\n                    className=\"size-6 border-input accent-primary\"\n                  />\n                  <span className=\"min-w-0 break-words\">{list.name}</span>\n                </label>\n              </li>\n            ))}\n          </ul>\n        )}\n\n        {organization.length > 0 ? (\n          <div className=\"mt-3\">\n            <p className=\"text-xs font-medium tracking-wide text-muted-foreground uppercase\">\n              {labels.collections.organizationGroup}\n            </p>\n            <ul>{organization.map(renderList)}</ul>\n          </div>\n        ) : null}\n      </fieldset>\n\n      {canCreate ? (\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onCreateList} disabled={saving}>\n          {labels.dialogs.createInline}\n        </Button>\n      ) : null}\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 type=\"button\" variant=\"outline\" size=\"sm\" disabled={saving} onClick={onCancel} className=\"min-h-10\">\n          {labels.dialogs.cancel}\n        </Button>\n        <Button type=\"button\" size=\"sm\" disabled={saving} onClick={onSave} className=\"min-h-10\">\n          {labels.dialogs.save}\n        </Button>\n      </div>\n    </DialogFrame>\n  )\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,13 @@
+import type { FavoritesLabels } from '../contracts';
+type Props = {
+    value: number;
+    max: number;
+    label: string;
+    labels: FavoritesLabels;
+    disabled?: boolean;
+    onChange: (next: number) => void;
+};
+/** Per-membership quantity: integer, never below 1; removing uses its own action. */
+export declare function QuantityStepper({ value, max, label, labels, disabled, onChange }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=quantity-stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"quantity-stepper.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-favorites/components/quantity-stepper.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,CAAA;AAED,qFAAqF;AACrF,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE,KAAK,+BA4C/F"}

package/dist/blocks/designs/customer-favorites/components/quantity-stepper.js

@@ -0,0 +1,80 @@
+"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 quantity_stepper_exports = {};
+__export(quantity_stepper_exports, {
+  QuantityStepper: () => QuantityStepper
+});
+module.exports = __toCommonJS(quantity_stepper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+function QuantityStepper({ value, max, label, labels, disabled = false, onChange }) {
+  const set = (next) => {
+    const clamped = Math.min(max, Math.max(1, Math.trunc(next)));
+    if (clamped !== value) onChange(clamped);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_blocks.Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "icon",
+        "aria-label": labels.quantity.decrease,
+        disabled: disabled || value <= 1,
+        onClick: () => set(value - 1),
+        className: "size-8",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", children: "\xE2\u02C6\u2019" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        type: "number",
+        inputMode: "numeric",
+        min: 1,
+        max,
+        step: 1,
+        value,
+        "aria-label": label,
+        disabled,
+        onChange: (event) => set(Number(event.target.value)),
+        className: "h-8 w-10 rounded-md border border-input bg-background px-1 text-center text-xs text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_blocks.Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "icon",
+        "aria-label": labels.quantity.increase,
+        disabled: disabled || value >= max,
+        onClick: () => set(value + 1),
+        className: "size-8",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", children: "+" })
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  QuantityStepper
+});
+//# sourceMappingURL=quantity-stepper.js.map

package/dist/blocks/designs/customer-favorites/components/quantity-stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/quantity-stepper.tsx"],"sourcesContent":["'use client'\n\nimport { Button } from '@thorprovider/blocks'\n\nimport type { FavoritesLabels } from '../contracts'\n\ntype Props = {\n  value: number\n  max: number\n  label: string\n  labels: FavoritesLabels\n  disabled?: boolean\n  onChange: (next: number) => void\n}\n\n/** Per-membership quantity: integer, never below 1; removing uses its own action. */\nexport function QuantityStepper({ value, max, label, labels, disabled = false, onChange }: Props) {\n  const set = (next: number) => {\n    const clamped = Math.min(max, Math.max(1, Math.trunc(next)))\n    if (clamped !== value) onChange(clamped)\n  }\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon\"\n        aria-label={labels.quantity.decrease}\n        disabled={disabled || value <= 1}\n        onClick={() => set(value - 1)}\n        className=\"size-8\"\n      >\n        <span aria-hidden=\"true\">−</span>\n      </Button>\n      <input\n        type=\"number\"\n        inputMode=\"numeric\"\n        min={1}\n        max={max}\n        step={1}\n        value={value}\n        aria-label={label}\n        disabled={disabled}\n        onChange={(event) => set(Number(event.target.value))}\n        className=\"h-8 w-10 rounded-md border border-input bg-background px-1 text-center text-xs text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none\"\n      />\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon\"\n        aria-label={labels.quantity.increase}\n        disabled={disabled || value >= max}\n        onClick={() => set(value + 1)}\n        className=\"size-8\"\n      >\n        <span aria-hidden=\"true\">+</span>\n      </Button>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBI;AArBJ,oBAAuB;AAchB,SAAS,gBAAgB,EAAE,OAAO,KAAK,OAAO,QAAQ,WAAW,OAAO,SAAS,GAAU;AAChG,QAAM,MAAM,CAAC,SAAiB;AAC5B,UAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,IAAI,CAAC,CAAC;AAC3D,QAAI,YAAY,MAAO,UAAS,OAAO;AAAA,EACzC;AAEA,SACE,6CAAC,SAAI,WAAU,2BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,cAAY,OAAO,SAAS;AAAA,QAC5B,UAAU,YAAY,SAAS;AAAA,QAC/B,SAAS,MAAM,IAAI,QAAQ,CAAC;AAAA,QAC5B,WAAU;AAAA,QAEV,sDAAC,UAAK,eAAY,QAAO,8BAAG;AAAA;AAAA,IAC9B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,KAAK;AAAA,QACL;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA,cAAY;AAAA,QACZ;AAAA,QACA,UAAU,CAAC,UAAU,IAAI,OAAO,MAAM,OAAO,KAAK,CAAC;AAAA,QACnD,WAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,cAAY,OAAO,SAAS;AAAA,QAC5B,UAAU,YAAY,SAAS;AAAA,QAC/B,SAAS,MAAM,IAAI,QAAQ,CAAC;AAAA,QAC5B,WAAU;AAAA,QAEV,sDAAC,UAAK,eAAY,QAAO,eAAC;AAAA;AAAA,IAC5B;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/designs/customer-favorites/components/quantity-stepper.mjs

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@thorprovider/blocks";
+function QuantityStepper({ value, max, label, labels, disabled = false, onChange }) {
+  const set = (next) => {
+    const clamped = Math.min(max, Math.max(1, Math.trunc(next)));
+    if (clamped !== value) onChange(clamped);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "icon",
+        "aria-label": labels.quantity.decrease,
+        disabled: disabled || value <= 1,
+        onClick: () => set(value - 1),
+        className: "size-8",
+        children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xE2\u02C6\u2019" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "number",
+        inputMode: "numeric",
+        min: 1,
+        max,
+        step: 1,
+        value,
+        "aria-label": label,
+        disabled,
+        onChange: (event) => set(Number(event.target.value)),
+        className: "h-8 w-10 rounded-md border border-input bg-background px-1 text-center text-xs text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "icon",
+        "aria-label": labels.quantity.increase,
+        disabled: disabled || value >= max,
+        onClick: () => set(value + 1),
+        className: "size-8",
+        children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "+" })
+      }
+    )
+  ] });
+}
+export {
+  QuantityStepper
+};
+//# sourceMappingURL=quantity-stepper.mjs.map

package/dist/blocks/designs/customer-favorites/components/quantity-stepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/quantity-stepper.tsx"],"sourcesContent":["'use client'\n\nimport { Button } from '@thorprovider/blocks'\n\nimport type { FavoritesLabels } from '../contracts'\n\ntype Props = {\n  value: number\n  max: number\n  label: string\n  labels: FavoritesLabels\n  disabled?: boolean\n  onChange: (next: number) => void\n}\n\n/** Per-membership quantity: integer, never below 1; removing uses its own action. */\nexport function QuantityStepper({ value, max, label, labels, disabled = false, onChange }: Props) {\n  const set = (next: number) => {\n    const clamped = Math.min(max, Math.max(1, Math.trunc(next)))\n    if (clamped !== value) onChange(clamped)\n  }\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon\"\n        aria-label={labels.quantity.decrease}\n        disabled={disabled || value <= 1}\n        onClick={() => set(value - 1)}\n        className=\"size-8\"\n      >\n        <span aria-hidden=\"true\">−</span>\n      </Button>\n      <input\n        type=\"number\"\n        inputMode=\"numeric\"\n        min={1}\n        max={max}\n        step={1}\n        value={value}\n        aria-label={label}\n        disabled={disabled}\n        onChange={(event) => set(Number(event.target.value))}\n        className=\"h-8 w-10 rounded-md border border-input bg-background px-1 text-center text-xs text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none\"\n      />\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon\"\n        aria-label={labels.quantity.increase}\n        disabled={disabled || value >= max}\n        onClick={() => set(value + 1)}\n        className=\"size-8\"\n      >\n        <span aria-hidden=\"true\">+</span>\n      </Button>\n    </div>\n  )\n}\n"],"mappings":";AAuBI,SAUI,KAVJ;AArBJ,SAAS,cAAc;AAchB,SAAS,gBAAgB,EAAE,OAAO,KAAK,OAAO,QAAQ,WAAW,OAAO,SAAS,GAAU;AAChG,QAAM,MAAM,CAAC,SAAiB;AAC5B,UAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,IAAI,CAAC,CAAC;AAC3D,QAAI,YAAY,MAAO,UAAS,OAAO;AAAA,EACzC;AAEA,SACE,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,cAAY,OAAO,SAAS;AAAA,QAC5B,UAAU,YAAY,SAAS;AAAA,QAC/B,SAAS,MAAM,IAAI,QAAQ,CAAC;AAAA,QAC5B,WAAU;AAAA,QAEV,8BAAC,UAAK,eAAY,QAAO,8BAAG;AAAA;AAAA,IAC9B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,KAAK;AAAA,QACL;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA,cAAY;AAAA,QACZ;AAAA,QACA,UAAU,CAAC,UAAU,IAAI,OAAO,MAAM,OAAO,KAAK,CAAC;AAAA,QACnD,WAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,cAAY,OAAO,SAAS;AAAA,QAC5B,UAAU,YAAY,SAAS;AAAA,QAC/B,SAAS,MAAM,IAAI,QAAQ,CAAC;AAAA,QAC5B,WAAU;AAAA,QAEV,8BAAC,UAAK,eAAY,QAAO,eAAC;AAAA;AAAA,IAC5B;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { FavoriteProduct, FavoritesLabels } from '../contracts';
+type Props = {
+    open: boolean;
+    product: FavoriteProduct;
+    labels: FavoritesLabels;
+    onCancel: () => void;
+    onConfirm: (variantId: string) => void;
+};
+/** Resolves the pending variant before adding an ambiguous favorite to the cart. */
+export declare function VariantDialog({ open, product, labels, onCancel, onConfirm }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=variant-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variant-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-favorites/components/variant-dialog.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAIpE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,eAAe,CAAA;IACxB,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,+BAkGlF"}