@thorprovider/blocks 4.1.0 → 4.3.0

package/dist/blocks/designs/customer-favorites/components/favorites-status.js

@@ -0,0 +1,97 @@
+"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 favorites_status_exports = {};
+__export(favorites_status_exports, {
+  FavoritesStatus: () => FavoritesStatus
+});
+module.exports = __toCommonJS(favorites_status_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+function Panel({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-lg border border-dashed border-border bg-muted/30 px-4 py-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto flex max-w-sm flex-col items-center gap-2", children }) });
+}
+function FavoritesStatus({
+  state,
+  labels,
+  onExplore,
+  onClearSearch,
+  onRetry,
+  onSignIn,
+  onBackToAll
+}) {
+  if (state === "ready") return null;
+  if (state === "loading") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { role: "status", className: "grid gap-3", "aria-label": labels.states.loading, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: labels.states.loading }),
+      [0, 1, 2].map((index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-24 animate-pulse rounded-lg border border-border bg-muted" }, index))
+    ] });
+  }
+  if (state === "auth-required") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Panel, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-semibold", children: labels.states.authTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: labels.states.authBody }),
+      onSignIn ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "button", size: "sm", onClick: onSignIn, children: labels.states.signIn }) : null
+    ] });
+  }
+  if (state === "disabled") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Panel, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-semibold", children: labels.states.disabledTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: labels.states.disabledBody })
+    ] });
+  }
+  if (state === "error") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Panel, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-semibold", children: labels.states.errorTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: labels.states.errorBody }),
+      onRetry ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "button", size: "sm", onClick: onRetry, children: labels.states.retry }) : null
+    ] });
+  }
+  if (state === "filtered-empty") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Panel, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-semibold", children: labels.states.filteredEmptyTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: labels.states.filteredEmptyBody }),
+      onClearSearch ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "button", size: "sm", variant: "outline", onClick: onClearSearch, children: labels.states.clearSearch }) : null
+    ] });
+  }
+  if (state === "empty-list") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Panel, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-semibold", children: labels.states.emptyListTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: labels.states.emptyListBody }),
+      onBackToAll ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "button", size: "sm", variant: "outline", onClick: onBackToAll, children: labels.states.backToAll }) : null
+    ] });
+  }
+  if (state === "empty-unlisted") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Panel, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-semibold", children: labels.states.emptyUnlistedTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: labels.states.emptyUnlistedBody }),
+      onBackToAll ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "button", size: "sm", variant: "outline", onClick: onBackToAll, children: labels.states.backToAll }) : null
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Panel, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-semibold", children: labels.states.emptyFavoritesTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: labels.states.emptyFavoritesBody }),
+    onExplore ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "button", size: "sm", onClick: onExplore, children: labels.states.explore }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FavoritesStatus
+});
+//# sourceMappingURL=favorites-status.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/favorites-status.tsx"],"sourcesContent":["'use client'\n\nimport { Button } from '@thorprovider/blocks'\nimport type { ReactNode } from 'react'\n\nimport type { FavoritesLabels } from '../contracts'\nimport type { FavoritesViewState } from '../engine'\ntype Props = {\n  state: FavoritesViewState\n  labels: FavoritesLabels\n  onExplore?: () => void\n  onClearSearch?: () => void\n  onRetry?: () => void\n  onSignIn?: () => void\n  onBackToAll?: () => void\n}\n\nfunction Panel({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"rounded-lg border border-dashed border-border bg-muted/30 px-4 py-8 text-center\">\n      <div className=\"mx-auto flex max-w-sm flex-col items-center gap-2\">{children}</div>\n    </div>\n  )\n}\n\n/** One panel per non-ready state; every empty state offers a useful next step. */\nexport function FavoritesStatus({\n  state,\n  labels,\n  onExplore,\n  onClearSearch,\n  onRetry,\n  onSignIn,\n  onBackToAll,\n}: Props) {\n  if (state === 'ready') return null\n\n  if (state === 'loading') {\n    return (\n      <div role=\"status\" className=\"grid gap-3\" aria-label={labels.states.loading}>\n        <span className=\"sr-only\">{labels.states.loading}</span>\n        {[0, 1, 2].map((index) => (\n          <div key={index} className=\"h-24 animate-pulse rounded-lg border border-border bg-muted\" />\n        ))}\n      </div>\n    )\n  }\n\n  if (state === 'auth-required') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.authTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.authBody}</p>\n        {onSignIn ? (\n          <Button type=\"button\" size=\"sm\" onClick={onSignIn}>\n            {labels.states.signIn}\n          </Button>\n        ) : null}\n      </Panel>\n    )\n  }\n\n  if (state === 'disabled') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.disabledTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.disabledBody}</p>\n      </Panel>\n    )\n  }\n\n  if (state === 'error') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.errorTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.errorBody}</p>\n        {onRetry ? (\n          <Button type=\"button\" size=\"sm\" onClick={onRetry}>\n            {labels.states.retry}\n          </Button>\n        ) : null}\n      </Panel>\n    )\n  }\n\n  if (state === 'filtered-empty') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.filteredEmptyTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.filteredEmptyBody}</p>\n        {onClearSearch ? (\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onClearSearch}>\n            {labels.states.clearSearch}\n          </Button>\n        ) : null}\n      </Panel>\n    )\n  }\n\n  if (state === 'empty-list') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.emptyListTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.emptyListBody}</p>\n        {onBackToAll ? (\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onBackToAll}>\n            {labels.states.backToAll}\n          </Button>\n        ) : null}\n      </Panel>\n    )\n  }\n\n  if (state === 'empty-unlisted') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.emptyUnlistedTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.emptyUnlistedBody}</p>\n        {onBackToAll ? (\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onBackToAll}>\n            {labels.states.backToAll}\n          </Button>\n        ) : null}\n      </Panel>\n    )\n  }\n\n  return (\n    <Panel>\n      <h3 className=\"text-base font-semibold\">{labels.states.emptyFavoritesTitle}</h3>\n      <p className=\"text-sm text-muted-foreground\">{labels.states.emptyFavoritesBody}</p>\n      {onExplore ? (\n        <Button type=\"button\" size=\"sm\" onClick={onExplore}>\n          {labels.states.explore}\n        </Button>\n      ) : null}\n    </Panel>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/customer-favorites/components/favorites-status.mjs

@@ -0,0 +1,73 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@thorprovider/blocks";
+function Panel({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed border-border bg-muted/30 px-4 py-8 text-center", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex max-w-sm flex-col items-center gap-2", children }) });
+}
+function FavoritesStatus({
+  state,
+  labels,
+  onExplore,
+  onClearSearch,
+  onRetry,
+  onSignIn,
+  onBackToAll
+}) {
+  if (state === "ready") return null;
+  if (state === "loading") {
+    return /* @__PURE__ */ jsxs("div", { role: "status", className: "grid gap-3", "aria-label": labels.states.loading, children: [
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.states.loading }),
+      [0, 1, 2].map((index) => /* @__PURE__ */ jsx("div", { className: "h-24 animate-pulse rounded-lg border border-border bg-muted" }, index))
+    ] });
+  }
+  if (state === "auth-required") {
+    return /* @__PURE__ */ jsxs(Panel, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: labels.states.authTitle }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: labels.states.authBody }),
+      onSignIn ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: onSignIn, children: labels.states.signIn }) : null
+    ] });
+  }
+  if (state === "disabled") {
+    return /* @__PURE__ */ jsxs(Panel, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: labels.states.disabledTitle }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: labels.states.disabledBody })
+    ] });
+  }
+  if (state === "error") {
+    return /* @__PURE__ */ jsxs(Panel, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: labels.states.errorTitle }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: labels.states.errorBody }),
+      onRetry ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: onRetry, children: labels.states.retry }) : null
+    ] });
+  }
+  if (state === "filtered-empty") {
+    return /* @__PURE__ */ jsxs(Panel, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: labels.states.filteredEmptyTitle }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: labels.states.filteredEmptyBody }),
+      onClearSearch ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: onClearSearch, children: labels.states.clearSearch }) : null
+    ] });
+  }
+  if (state === "empty-list") {
+    return /* @__PURE__ */ jsxs(Panel, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: labels.states.emptyListTitle }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: labels.states.emptyListBody }),
+      onBackToAll ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: onBackToAll, children: labels.states.backToAll }) : null
+    ] });
+  }
+  if (state === "empty-unlisted") {
+    return /* @__PURE__ */ jsxs(Panel, { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: labels.states.emptyUnlistedTitle }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: labels.states.emptyUnlistedBody }),
+      onBackToAll ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: onBackToAll, children: labels.states.backToAll }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Panel, { children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: labels.states.emptyFavoritesTitle }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: labels.states.emptyFavoritesBody }),
+    onExplore ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: onExplore, children: labels.states.explore }) : null
+  ] });
+}
+export {
+  FavoritesStatus
+};
+//# sourceMappingURL=favorites-status.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/favorites-status.tsx"],"sourcesContent":["'use client'\n\nimport { Button } from '@thorprovider/blocks'\nimport type { ReactNode } from 'react'\n\nimport type { FavoritesLabels } from '../contracts'\nimport type { FavoritesViewState } from '../engine'\ntype Props = {\n  state: FavoritesViewState\n  labels: FavoritesLabels\n  onExplore?: () => void\n  onClearSearch?: () => void\n  onRetry?: () => void\n  onSignIn?: () => void\n  onBackToAll?: () => void\n}\n\nfunction Panel({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"rounded-lg border border-dashed border-border bg-muted/30 px-4 py-8 text-center\">\n      <div className=\"mx-auto flex max-w-sm flex-col items-center gap-2\">{children}</div>\n    </div>\n  )\n}\n\n/** One panel per non-ready state; every empty state offers a useful next step. */\nexport function FavoritesStatus({\n  state,\n  labels,\n  onExplore,\n  onClearSearch,\n  onRetry,\n  onSignIn,\n  onBackToAll,\n}: Props) {\n  if (state === 'ready') return null\n\n  if (state === 'loading') {\n    return (\n      <div role=\"status\" className=\"grid gap-3\" aria-label={labels.states.loading}>\n        <span className=\"sr-only\">{labels.states.loading}</span>\n        {[0, 1, 2].map((index) => (\n          <div key={index} className=\"h-24 animate-pulse rounded-lg border border-border bg-muted\" />\n        ))}\n      </div>\n    )\n  }\n\n  if (state === 'auth-required') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.authTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.authBody}</p>\n        {onSignIn ? (\n          <Button type=\"button\" size=\"sm\" onClick={onSignIn}>\n            {labels.states.signIn}\n          </Button>\n        ) : null}\n      </Panel>\n    )\n  }\n\n  if (state === 'disabled') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.disabledTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.disabledBody}</p>\n      </Panel>\n    )\n  }\n\n  if (state === 'error') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.errorTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.errorBody}</p>\n        {onRetry ? (\n          <Button type=\"button\" size=\"sm\" onClick={onRetry}>\n            {labels.states.retry}\n          </Button>\n        ) : null}\n      </Panel>\n    )\n  }\n\n  if (state === 'filtered-empty') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.filteredEmptyTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.filteredEmptyBody}</p>\n        {onClearSearch ? (\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onClearSearch}>\n            {labels.states.clearSearch}\n          </Button>\n        ) : null}\n      </Panel>\n    )\n  }\n\n  if (state === 'empty-list') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.emptyListTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.emptyListBody}</p>\n        {onBackToAll ? (\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onBackToAll}>\n            {labels.states.backToAll}\n          </Button>\n        ) : null}\n      </Panel>\n    )\n  }\n\n  if (state === 'empty-unlisted') {\n    return (\n      <Panel>\n        <h3 className=\"text-base font-semibold\">{labels.states.emptyUnlistedTitle}</h3>\n        <p className=\"text-sm text-muted-foreground\">{labels.states.emptyUnlistedBody}</p>\n        {onBackToAll ? (\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onBackToAll}>\n            {labels.states.backToAll}\n          </Button>\n        ) : null}\n      </Panel>\n    )\n  }\n\n  return (\n    <Panel>\n      <h3 className=\"text-base font-semibold\">{labels.states.emptyFavoritesTitle}</h3>\n      <p className=\"text-sm text-muted-foreground\">{labels.states.emptyFavoritesBody}</p>\n      {onExplore ? (\n        <Button type=\"button\" size=\"sm\" onClick={onExplore}>\n          {labels.states.explore}\n        </Button>\n      ) : null}\n    </Panel>\n  )\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,24 @@
+import type { FavoritesLabels } from '../contracts';
+type Props = {
+    open: boolean;
+    mode: 'create' | 'rename';
+    initialName?: string;
+    initialDescription?: string;
+    siblings: {
+        id?: string;
+        name: string;
+    }[];
+    currentId?: string;
+    labels: FavoritesLabels;
+    saving?: boolean;
+    error?: string | null;
+    onCancel: () => void;
+    onSubmit: (input: {
+        name: string;
+        description?: string;
+    }) => void;
+};
+/** Create or rename a personal list; description stays optional. */
+export declare function ListDialog({ open, mode, initialName, initialDescription, siblings, currentId, labels, saving, error, onCancel, onSubmit, }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=list-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-favorites/components/list-dialog.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAKnD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,eAAe,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAClE,CAAA;AAKD,oEAAoE;AACpE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,WAAgB,EAChB,kBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,+BA2FP"}

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

@@ -0,0 +1,124 @@
+"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 list_dialog_exports = {};
+__export(list_dialog_exports, {
+  ListDialog: () => ListDialog
+});
+module.exports = __toCommonJS(list_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_blocks = require("@thorprovider/blocks");
+var import_engine = require("../engine.js");
+var import_dialog_frame = require("./dialog-frame.js");
+const INPUT = "mt-1 h-10 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none";
+function ListDialog({
+  open,
+  mode,
+  initialName = "",
+  initialDescription = "",
+  siblings,
+  currentId,
+  labels,
+  saving = false,
+  error,
+  onCancel,
+  onSubmit
+}) {
+  const titleId = (0, import_react.useId)();
+  const nameId = (0, import_react.useId)();
+  const descriptionId = (0, import_react.useId)();
+  const errorId = (0, import_react.useId)();
+  const [name, setName] = (0, import_react.useState)(initialName);
+  const [description, setDescription] = (0, import_react.useState)(initialDescription);
+  const [localError, setLocalError] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    if (!open) return;
+    setName(initialName);
+    setDescription(initialDescription);
+    setLocalError(null);
+  }, [open, initialName, initialDescription, mode]);
+  const submit = (event) => {
+    event.preventDefault();
+    const validated = (0, import_engine.validateListName)(name, siblings, currentId);
+    if (!validated.ok) {
+      setLocalError(labels.dialogs.listNameError[validated.reason]);
+      return;
+    }
+    setLocalError(null);
+    onSubmit({
+      name: validated.value,
+      ...description.trim() ? { description: description.trim() } : {}
+    });
+  };
+  const message = localError ?? error ?? null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog_frame.DialogFrame, { open, titleId, canClose: !saving, onClose: onCancel, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: submit, noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { id: titleId, className: "text-base font-semibold", children: mode === "create" ? labels.dialogs.newListTitle : labels.dialogs.renameListTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: nameId, className: "text-sm font-medium", children: labels.dialogs.nameLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          id: nameId,
+          type: "text",
+          value: name,
+          maxLength: 60,
+          placeholder: labels.dialogs.namePlaceholder,
+          "aria-invalid": message ? true : void 0,
+          "aria-describedby": message ? errorId : void 0,
+          onChange: (event) => setName(event.target.value),
+          className: INPUT
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: descriptionId, className: "text-sm font-medium", children: [
+        labels.dialogs.descriptionLabel,
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-normal text-muted-foreground", children: [
+          "(",
+          labels.dialogs.optional,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          id: descriptionId,
+          type: "text",
+          value: description,
+          maxLength: 200,
+          placeholder: labels.dialogs.descriptionPlaceholder,
+          onChange: (event) => setDescription(event.target.value),
+          className: INPUT
+        }
+      )
+    ] }),
+    message ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: errorId, role: "alert", className: "mt-2 text-sm text-destructive", children: message }) : 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: "submit", size: "sm", disabled: saving, className: "min-h-10", children: mode === "create" ? labels.dialogs.create : labels.dialogs.save })
+    ] })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ListDialog
+});
+//# sourceMappingURL=list-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/list-dialog.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useId, useState } from 'react'\nimport type { FormEvent } from 'react'\n\nimport { Button } from '@thorprovider/blocks'\n\nimport type { FavoritesLabels } from '../contracts'\nimport { validateListName } from '../engine'\n\nimport { DialogFrame } from './dialog-frame'\n\ntype Props = {\n  open: boolean\n  mode: 'create' | 'rename'\n  initialName?: string\n  initialDescription?: string\n  siblings: { id?: string; name: string }[]\n  currentId?: string\n  labels: FavoritesLabels\n  saving?: boolean\n  error?: string | null\n  onCancel: () => void\n  onSubmit: (input: { name: string; description?: string }) => void\n}\n\nconst INPUT =\n  'mt-1 h-10 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none'\n\n/** Create or rename a personal list; description stays optional. */\nexport function ListDialog({\n  open,\n  mode,\n  initialName = '',\n  initialDescription = '',\n  siblings,\n  currentId,\n  labels,\n  saving = false,\n  error,\n  onCancel,\n  onSubmit,\n}: Props) {\n  const titleId = useId()\n  const nameId = useId()\n  const descriptionId = useId()\n  const errorId = useId()\n  const [name, setName] = useState(initialName)\n  const [description, setDescription] = useState(initialDescription)\n  const [localError, setLocalError] = useState<string | null>(null)\n\n  useEffect(() => {\n    if (!open) return\n    setName(initialName)\n    setDescription(initialDescription)\n    setLocalError(null)\n  }, [open, initialName, initialDescription, mode])\n\n  const submit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault()\n    const validated = validateListName(name, siblings, currentId)\n    if (!validated.ok) {\n      setLocalError(labels.dialogs.listNameError[validated.reason])\n      return\n    }\n    setLocalError(null)\n    onSubmit({\n      name: validated.value,\n      ...(description.trim() ? { description: description.trim() } : {}),\n    })\n  }\n\n  const message = localError ?? error ?? null\n\n  return (\n    <DialogFrame open={open} titleId={titleId} canClose={!saving} onClose={onCancel}>\n      <form onSubmit={submit} noValidate>\n        <h3 id={titleId} className=\"text-base font-semibold\">\n          {mode === 'create' ? labels.dialogs.newListTitle : labels.dialogs.renameListTitle}\n        </h3>\n\n        <div className=\"mt-3\">\n          <label htmlFor={nameId} className=\"text-sm font-medium\">\n            {labels.dialogs.nameLabel}\n          </label>\n          <input\n            id={nameId}\n            type=\"text\"\n            value={name}\n            maxLength={60}\n            placeholder={labels.dialogs.namePlaceholder}\n            aria-invalid={message ? true : undefined}\n            aria-describedby={message ? errorId : undefined}\n            onChange={(event) => setName(event.target.value)}\n            className={INPUT}\n          />\n        </div>\n\n        <div className=\"mt-3\">\n          <label htmlFor={descriptionId} className=\"text-sm font-medium\">\n            {labels.dialogs.descriptionLabel}{' '}\n            <span className=\"font-normal text-muted-foreground\">\n              ({labels.dialogs.optional})\n            </span>\n          </label>\n          <input\n            id={descriptionId}\n            type=\"text\"\n            value={description}\n            maxLength={200}\n            placeholder={labels.dialogs.descriptionPlaceholder}\n            onChange={(event) => setDescription(event.target.value)}\n            className={INPUT}\n          />\n        </div>\n\n        {message ? (\n          <p id={errorId} role=\"alert\" className=\"mt-2 text-sm text-destructive\">\n            {message}\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=\"submit\" size=\"sm\" disabled={saving} className=\"min-h-10\">\n            {mode === 'create' ? labels.dialogs.create : labels.dialogs.save}\n          </Button>\n        </div>\n      </form>\n    </DialogFrame>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6EQ;AA3ER,mBAA2C;AAG3C,oBAAuB;AAGvB,oBAAiC;AAEjC,0BAA4B;AAgB5B,MAAM,QACJ;AAGK,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,QAAM,cAAU,oBAAM;AACtB,QAAM,aAAS,oBAAM;AACrB,QAAM,oBAAgB,oBAAM;AAC5B,QAAM,cAAU,oBAAM;AACtB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,WAAW;AAC5C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,kBAAkB;AACjE,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAwB,IAAI;AAEhE,8BAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,YAAQ,WAAW;AACnB,mBAAe,kBAAkB;AACjC,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,aAAa,oBAAoB,IAAI,CAAC;AAEhD,QAAM,SAAS,CAAC,UAAsC;AACpD,UAAM,eAAe;AACrB,UAAM,gBAAY,gCAAiB,MAAM,UAAU,SAAS;AAC5D,QAAI,CAAC,UAAU,IAAI;AACjB,oBAAc,OAAO,QAAQ,cAAc,UAAU,MAAM,CAAC;AAC5D;AAAA,IACF;AACA,kBAAc,IAAI;AAClB,aAAS;AAAA,MACP,MAAM,UAAU;AAAA,MAChB,GAAI,YAAY,KAAK,IAAI,EAAE,aAAa,YAAY,KAAK,EAAE,IAAI,CAAC;AAAA,IAClE,CAAC;AAAA,EACH;AAEA,QAAM,UAAU,cAAc,SAAS;AAEvC,SACE,4CAAC,mCAAY,MAAY,SAAkB,UAAU,CAAC,QAAQ,SAAS,UACrE,uDAAC,UAAK,UAAU,QAAQ,YAAU,MAChC;AAAA,gDAAC,QAAG,IAAI,SAAS,WAAU,2BACxB,mBAAS,WAAW,OAAO,QAAQ,eAAe,OAAO,QAAQ,iBACpE;AAAA,IAEA,6CAAC,SAAI,WAAU,QACb;AAAA,kDAAC,WAAM,SAAS,QAAQ,WAAU,uBAC/B,iBAAO,QAAQ,WAClB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,OAAO;AAAA,UACP,WAAW;AAAA,UACX,aAAa,OAAO,QAAQ;AAAA,UAC5B,gBAAc,UAAU,OAAO;AAAA,UAC/B,oBAAkB,UAAU,UAAU;AAAA,UACtC,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,UAC/C,WAAW;AAAA;AAAA,MACb;AAAA,OACF;AAAA,IAEA,6CAAC,SAAI,WAAU,QACb;AAAA,mDAAC,WAAM,SAAS,eAAe,WAAU,uBACtC;AAAA,eAAO,QAAQ;AAAA,QAAkB;AAAA,QAClC,6CAAC,UAAK,WAAU,qCAAoC;AAAA;AAAA,UAChD,OAAO,QAAQ;AAAA,UAAS;AAAA,WAC5B;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,OAAO;AAAA,UACP,WAAW;AAAA,UACX,aAAa,OAAO,QAAQ;AAAA,UAC5B,UAAU,CAAC,UAAU,eAAe,MAAM,OAAO,KAAK;AAAA,UACtD,WAAW;AAAA;AAAA,MACb;AAAA,OACF;AAAA,IAEC,UACC,4CAAC,OAAE,IAAI,SAAS,MAAK,SAAQ,WAAU,iCACpC,mBACH,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,WAAU,YACzD,mBAAS,WAAW,OAAO,QAAQ,SAAS,OAAO,QAAQ,MAC9D;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,100 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useState } from "react";
+import { Button } from "@thorprovider/blocks";
+import { validateListName } from "../engine.mjs";
+import { DialogFrame } from "./dialog-frame.mjs";
+const INPUT = "mt-1 h-10 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none";
+function ListDialog({
+  open,
+  mode,
+  initialName = "",
+  initialDescription = "",
+  siblings,
+  currentId,
+  labels,
+  saving = false,
+  error,
+  onCancel,
+  onSubmit
+}) {
+  const titleId = useId();
+  const nameId = useId();
+  const descriptionId = useId();
+  const errorId = useId();
+  const [name, setName] = useState(initialName);
+  const [description, setDescription] = useState(initialDescription);
+  const [localError, setLocalError] = useState(null);
+  useEffect(() => {
+    if (!open) return;
+    setName(initialName);
+    setDescription(initialDescription);
+    setLocalError(null);
+  }, [open, initialName, initialDescription, mode]);
+  const submit = (event) => {
+    event.preventDefault();
+    const validated = validateListName(name, siblings, currentId);
+    if (!validated.ok) {
+      setLocalError(labels.dialogs.listNameError[validated.reason]);
+      return;
+    }
+    setLocalError(null);
+    onSubmit({
+      name: validated.value,
+      ...description.trim() ? { description: description.trim() } : {}
+    });
+  };
+  const message = localError ?? error ?? null;
+  return /* @__PURE__ */ jsx(DialogFrame, { open, titleId, canClose: !saving, onClose: onCancel, children: /* @__PURE__ */ jsxs("form", { onSubmit: submit, noValidate: true, children: [
+    /* @__PURE__ */ jsx("h3", { id: titleId, className: "text-base font-semibold", children: mode === "create" ? labels.dialogs.newListTitle : labels.dialogs.renameListTitle }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: nameId, className: "text-sm font-medium", children: labels.dialogs.nameLabel }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: nameId,
+          type: "text",
+          value: name,
+          maxLength: 60,
+          placeholder: labels.dialogs.namePlaceholder,
+          "aria-invalid": message ? true : void 0,
+          "aria-describedby": message ? errorId : void 0,
+          onChange: (event) => setName(event.target.value),
+          className: INPUT
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+      /* @__PURE__ */ jsxs("label", { htmlFor: descriptionId, className: "text-sm font-medium", children: [
+        labels.dialogs.descriptionLabel,
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "font-normal text-muted-foreground", children: [
+          "(",
+          labels.dialogs.optional,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: descriptionId,
+          type: "text",
+          value: description,
+          maxLength: 200,
+          placeholder: labels.dialogs.descriptionPlaceholder,
+          onChange: (event) => setDescription(event.target.value),
+          className: INPUT
+        }
+      )
+    ] }),
+    message ? /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "mt-2 text-sm text-destructive", children: message }) : 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: "submit", size: "sm", disabled: saving, className: "min-h-10", children: mode === "create" ? labels.dialogs.create : labels.dialogs.save })
+    ] })
+  ] }) });
+}
+export {
+  ListDialog
+};
+//# sourceMappingURL=list-dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-favorites/components/list-dialog.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useId, useState } from 'react'\nimport type { FormEvent } from 'react'\n\nimport { Button } from '@thorprovider/blocks'\n\nimport type { FavoritesLabels } from '../contracts'\nimport { validateListName } from '../engine'\n\nimport { DialogFrame } from './dialog-frame'\n\ntype Props = {\n  open: boolean\n  mode: 'create' | 'rename'\n  initialName?: string\n  initialDescription?: string\n  siblings: { id?: string; name: string }[]\n  currentId?: string\n  labels: FavoritesLabels\n  saving?: boolean\n  error?: string | null\n  onCancel: () => void\n  onSubmit: (input: { name: string; description?: string }) => void\n}\n\nconst INPUT =\n  'mt-1 h-10 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none'\n\n/** Create or rename a personal list; description stays optional. */\nexport function ListDialog({\n  open,\n  mode,\n  initialName = '',\n  initialDescription = '',\n  siblings,\n  currentId,\n  labels,\n  saving = false,\n  error,\n  onCancel,\n  onSubmit,\n}: Props) {\n  const titleId = useId()\n  const nameId = useId()\n  const descriptionId = useId()\n  const errorId = useId()\n  const [name, setName] = useState(initialName)\n  const [description, setDescription] = useState(initialDescription)\n  const [localError, setLocalError] = useState<string | null>(null)\n\n  useEffect(() => {\n    if (!open) return\n    setName(initialName)\n    setDescription(initialDescription)\n    setLocalError(null)\n  }, [open, initialName, initialDescription, mode])\n\n  const submit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault()\n    const validated = validateListName(name, siblings, currentId)\n    if (!validated.ok) {\n      setLocalError(labels.dialogs.listNameError[validated.reason])\n      return\n    }\n    setLocalError(null)\n    onSubmit({\n      name: validated.value,\n      ...(description.trim() ? { description: description.trim() } : {}),\n    })\n  }\n\n  const message = localError ?? error ?? null\n\n  return (\n    <DialogFrame open={open} titleId={titleId} canClose={!saving} onClose={onCancel}>\n      <form onSubmit={submit} noValidate>\n        <h3 id={titleId} className=\"text-base font-semibold\">\n          {mode === 'create' ? labels.dialogs.newListTitle : labels.dialogs.renameListTitle}\n        </h3>\n\n        <div className=\"mt-3\">\n          <label htmlFor={nameId} className=\"text-sm font-medium\">\n            {labels.dialogs.nameLabel}\n          </label>\n          <input\n            id={nameId}\n            type=\"text\"\n            value={name}\n            maxLength={60}\n            placeholder={labels.dialogs.namePlaceholder}\n            aria-invalid={message ? true : undefined}\n            aria-describedby={message ? errorId : undefined}\n            onChange={(event) => setName(event.target.value)}\n            className={INPUT}\n          />\n        </div>\n\n        <div className=\"mt-3\">\n          <label htmlFor={descriptionId} className=\"text-sm font-medium\">\n            {labels.dialogs.descriptionLabel}{' '}\n            <span className=\"font-normal text-muted-foreground\">\n              ({labels.dialogs.optional})\n            </span>\n          </label>\n          <input\n            id={descriptionId}\n            type=\"text\"\n            value={description}\n            maxLength={200}\n            placeholder={labels.dialogs.descriptionPlaceholder}\n            onChange={(event) => setDescription(event.target.value)}\n            className={INPUT}\n          />\n        </div>\n\n        {message ? (\n          <p id={errorId} role=\"alert\" className=\"mt-2 text-sm text-destructive\">\n            {message}\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=\"submit\" size=\"sm\" disabled={saving} className=\"min-h-10\">\n            {mode === 'create' ? labels.dialogs.create : labels.dialogs.save}\n          </Button>\n        </div>\n      </form>\n    </DialogFrame>\n  )\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,22 @@
+import type { FavoriteList, FavoritesLabels } from '../contracts';
+import type { ListActions } from '../permissions';
+export type ManageListEntry = {
+    list: FavoriteList;
+    count: number;
+    actions: ListActions;
+};
+type Props = {
+    open: boolean;
+    entries: ManageListEntry[];
+    labels: FavoritesLabels;
+    canCreate: boolean;
+    onClose: () => void;
+    onSelect: (listId: string) => void;
+    onRename: (list: FavoriteList) => void;
+    onDelete: (list: FavoriteList) => void;
+    onCreate: () => void;
+};
+/** Compact manager for the lists that do not fit in the chip row. */
+export declare function ManageListsDialog({ open, entries, labels, canCreate, onClose, onSelect, onRename, onDelete, onCreate, }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=manage-lists-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"manage-lists-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-favorites/components/manage-lists-dialog.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAIjD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,WAAW,CAAA;CACrB,CAAA;AAED,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,MAAM,EAAE,eAAe,CAAA;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,qEAAqE;AACrE,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,+BAkEP"}

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

@@ -0,0 +1,82 @@
+"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 manage_lists_dialog_exports = {};
+__export(manage_lists_dialog_exports, {
+  ManageListsDialog: () => ManageListsDialog
+});
+module.exports = __toCommonJS(manage_lists_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 ManageListsDialog({
+  open,
+  entries,
+  labels,
+  canCreate,
+  onClose,
+  onSelect,
+  onRename,
+  onDelete,
+  onCreate
+}) {
+  const titleId = (0, import_react.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog_frame.DialogFrame, { open, titleId, onClose, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { id: titleId, className: "text-base font-semibold", children: labels.dialogs.manageTitle }),
+    entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-sm text-muted-foreground", children: labels.states.emptyListBody }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "mt-3 divide-y divide-border", children: entries.map(({ list, count, actions }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "flex flex-wrap items-center justify-between gap-2 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: labels.collections.count.replace("{count}", String(count)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-1", children: [
+        list.scope === "organization" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Badge, { variant: "secondary", children: labels.collections.organizationGroup }) : null,
+        actions.rename ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "button", size: "sm", variant: "ghost", onClick: () => onRename(list), className: "min-h-10", children: labels.dialogs.rename }) : null,
+        actions.remove ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_blocks.Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "ghost",
+            onClick: () => onDelete(list),
+            className: "min-h-10 text-destructive",
+            children: labels.dialogs.deleteConfirm
+          }
+        ) : null
+      ] })
+    ] }, list.id)) }),
+    /* @__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", onClick: onClose, className: "min-h-10", children: labels.dialogs.close }),
+      canCreate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "button", size: "sm", onClick: onCreate, className: "min-h-10", children: labels.header.newList }) : null
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ManageListsDialog
+});
+//# sourceMappingURL=manage-lists-dialog.js.map

package/dist/blocks/designs/customer-favorites/components/manage-lists-dialog.js.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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CM;AA3CN,mBAAsB;AAEtB,oBAA8B;AAK9B,0BAA4B;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,cAAU,oBAAM;AAEtB,SACE,6CAAC,mCAAY,MAAY,SAAkB,SACzC;AAAA,gDAAC,QAAG,IAAI,SAAS,WAAU,2BACxB,iBAAO,QAAQ,aAClB;AAAA,IAEC,QAAQ,WAAW,IAClB,4CAAC,OAAE,WAAU,sCAAsC,iBAAO,OAAO,eAAc,IAE/E,4CAAC,QAAG,WAAU,+BACX,kBAAQ,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,MACnC,6CAAC,QAAiB,WAAU,0DAC1B;AAAA,mDAAC,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,4CAAC,OAAE,WAAU,iCACV,iBAAO,YAAY,MAAM,QAAQ,WAAW,OAAO,KAAK,CAAC,GAC5D;AAAA,SACF;AAAA,MAEA,6CAAC,SAAI,WAAU,qCACZ;AAAA,aAAK,UAAU,iBACd,4CAAC,uBAAM,SAAQ,aAAa,iBAAO,YAAY,mBAAkB,IAC/D;AAAA,QACH,QAAQ,SACP,4CAAC,wBAAO,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,6CAAC,SAAI,WAAU,yCACb;AAAA,kDAAC,wBAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,SAAS,SAAS,WAAU,YAC3E,iBAAO,QAAQ,OAClB;AAAA,MACC,YACC,4CAAC,wBAAO,MAAK,UAAS,MAAK,MAAK,SAAS,UAAU,WAAU,YAC1D,iBAAO,OAAO,SACjB,IACE;AAAA,OACN;AAAA,KACF;AAEJ;","names":[]}