@burdenoff/microfe-coolandlovely 2026.820.5 → 2026.829.1

package/dist/coolandlovely/components/ActivityTrail.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+
+interface ActivityTrailProps {
+    /** ActivityLog.resourceType written by the svc, e.g. "coolandlovely-brand". */
+    resourceType: string;
+    /** The record id (the panel stays idle until it is present). */
+    resourceId?: string;
+    /** Section heading (default "Audit trail"). */
+    title?: string;
+    /** Max entries to request (default 20). */
+    limit?: number;
+    className?: string;
+}
+/**
+ * `coolandlovely.brand_transitioned` → "Brand transitioned".
+ *
+ * Only reshapes the snake_case event names the audit plugin emits; anything
+ * else (the generic `graphql_mutation` fallback, which carries the raw field
+ * name) is shown verbatim rather than mangled by a lowercase pass.
+ */
+export declare function formatActivityAction(action: string): string;
+export declare const ActivityTrail: FC<ActivityTrailProps>;
+export {};
+//# sourceMappingURL=ActivityTrail.d.ts.map

package/dist/coolandlovely/components/ActivityTrail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityTrail.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/ActivityTrail.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,UAAU,kBAAkB;IAC1B,+EAA+E;IAC/E,YAAY,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAK3D;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAkEhD,CAAC"}

package/dist/coolandlovely/components/ActivityTrail.js

@@ -0,0 +1,70 @@
+import { cn as e } from "../utils/cn.js";
+import { useEntityActivity as t } from "../hooks/useActivity.js";
+import { formatDate as n, formatRelativeTime as r, titleCase as i } from "../utils/formatters.js";
+import { ActorName as a } from "./ActorName.js";
+import { History as o, Loader2 as s, RotateCw as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { GlassCard as d } from "@burdenoff/fe-libs/ui";
+//#region src/coolandlovely/components/ActivityTrail.tsx
+function f(e) {
+	let t = e.includes(".") ? e.slice(e.lastIndexOf(".") + 1) : e;
+	if (!/^[a-z0-9_]+$/.test(t)) return e;
+	let n = i(t);
+	return n.charAt(0) + n.slice(1).toLowerCase();
+}
+var p = ({ resourceType: i, resourceId: p, title: m = "Audit trail", limit: h = 20, className: g }) => {
+	let _ = t(i, p, h), v = _.data ?? [];
+	return /* @__PURE__ */ u(d, {
+		treatment: "plain",
+		className: e("p-5", g),
+		children: [/* @__PURE__ */ u("h3", {
+			className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
+			children: [
+				/* @__PURE__ */ l(o, { className: "h-4 w-4" }),
+				" ",
+				m
+			]
+		}), _.isError ? /* @__PURE__ */ u("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ l("p", {
+				className: "text-sm text-text-secondary",
+				children: "Activity could not be loaded for this record."
+			}), /* @__PURE__ */ u("button", {
+				type: "button",
+				onClick: () => void _.refetch(),
+				className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+				children: [/* @__PURE__ */ l(c, { className: "h-3.5 w-3.5" }), " Retry"]
+			})]
+		}) : _.isFetched ? v.length === 0 ? /* @__PURE__ */ l("p", {
+			className: "text-sm text-text-secondary",
+			children: "No changes recorded yet. Edits, lifecycle transitions and archival are logged here as they happen."
+		}) : /* @__PURE__ */ l("ul", {
+			className: "divide-y divide-border-seam",
+			children: v.map((e) => /* @__PURE__ */ u("li", {
+				className: "flex items-start justify-between gap-3 py-2.5 first:pt-0",
+				children: [/* @__PURE__ */ u("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ l("p", {
+						className: "truncate text-sm font-medium text-text-primary",
+						children: f(e.action)
+					}), /* @__PURE__ */ l("p", {
+						className: "mt-0.5 truncate text-xs text-text-secondary",
+						children: /* @__PURE__ */ l(a, { id: e.userId })
+					})]
+				}), /* @__PURE__ */ l("time", {
+					dateTime: e.timestamp,
+					title: n(e.timestamp),
+					className: "shrink-0 whitespace-nowrap text-xs text-text-secondary",
+					children: r(e.timestamp)
+				})]
+			}, e.id))
+		}) : /* @__PURE__ */ u("p", {
+			className: "flex items-center gap-2 text-sm text-text-secondary",
+			children: [/* @__PURE__ */ l(s, { className: "h-4 w-4 animate-spin" }), " Loading activity…"]
+		})]
+	});
+};
+//#endregion
+export { p as ActivityTrail };
+
+//# sourceMappingURL=ActivityTrail.js.map

package/dist/coolandlovely/components/ActivityTrail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityTrail.js","names":[],"sources":["../../../src/coolandlovely/components/ActivityTrail.tsx"],"sourcesContent":["/**\n * ActivityTrail — resource-scoped audit trail for a CoolAndLovely record.\n * @module coolandlovely/components\n *\n * Reads the platform `ActivityLog` rows that the svc's mutation-audit plugin\n * already writes for every `coo*` mutation (see `hooks/useActivity.ts`). Who\n * changed what, when — resolved to a real display name via `ActorName`.\n *\n * No fabricated history: a record with no rows shows an empty state, and a\n * caller without the workspace `activity-log:read` permission sees the error\n * instead of a convincing-looking blank timeline.\n */\n\nimport type { FC } from 'react';\nimport { History, Loader2, RotateCw } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { ActorName } from './ActorName';\nimport { useEntityActivity } from '../hooks/useActivity';\nimport { formatDate, formatRelativeTime, titleCase } from '../utils/formatters';\nimport { cn } from '../utils/cn';\n\ninterface ActivityTrailProps {\n  /** ActivityLog.resourceType written by the svc, e.g. \"coolandlovely-brand\". */\n  resourceType: string;\n  /** The record id (the panel stays idle until it is present). */\n  resourceId?: string;\n  /** Section heading (default \"Audit trail\"). */\n  title?: string;\n  /** Max entries to request (default 20). */\n  limit?: number;\n  className?: string;\n}\n\n/**\n * `coolandlovely.brand_transitioned` → \"Brand transitioned\".\n *\n * Only reshapes the snake_case event names the audit plugin emits; anything\n * else (the generic `graphql_mutation` fallback, which carries the raw field\n * name) is shown verbatim rather than mangled by a lowercase pass.\n */\nexport function formatActivityAction(action: string): string {\n  const tail = action.includes('.') ? action.slice(action.lastIndexOf('.') + 1) : action;\n  if (!/^[a-z0-9_]+$/.test(tail)) return action;\n  const label = titleCase(tail);\n  return label.charAt(0) + label.slice(1).toLowerCase();\n}\n\nexport const ActivityTrail: FC<ActivityTrailProps> = ({\n  resourceType,\n  resourceId,\n  title = 'Audit trail',\n  limit = 20,\n  className,\n}) => {\n  const query = useEntityActivity(resourceType, resourceId, limit);\n  const entries = query.data ?? [];\n\n  return (\n    <GlassCard treatment=\"plain\" className={cn('p-5', className)}>\n      <h3 className=\"mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n        <History className=\"h-4 w-4\" /> {title}\n      </h3>\n\n      {query.isError ? (\n        <div className=\"space-y-2\">\n          <p className=\"text-sm text-text-secondary\">\n            Activity could not be loaded for this record.\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => void query.refetch()}\n            className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n          >\n            <RotateCw className=\"h-3.5 w-3.5\" /> Retry\n          </button>\n        </div>\n      ) : !query.isFetched ? (\n        // Deliberately NOT `isLoading`: a query held back (no record id, no\n        // workspace) has never run, and \"no changes recorded\" would be a claim\n        // about data we never asked for.\n        <p className=\"flex items-center gap-2 text-sm text-text-secondary\">\n          <Loader2 className=\"h-4 w-4 animate-spin\" /> Loading activity…\n        </p>\n      ) : entries.length === 0 ? (\n        <p className=\"text-sm text-text-secondary\">\n          No changes recorded yet. Edits, lifecycle transitions and archival are logged here as they\n          happen.\n        </p>\n      ) : (\n        <ul className=\"divide-y divide-border-seam\">\n          {entries.map((entry) => (\n            <li key={entry.id} className=\"flex items-start justify-between gap-3 py-2.5 first:pt-0\">\n              <div className=\"min-w-0\">\n                <p className=\"truncate text-sm font-medium text-text-primary\">\n                  {formatActivityAction(entry.action)}\n                </p>\n                <p className=\"mt-0.5 truncate text-xs text-text-secondary\">\n                  <ActorName id={entry.userId} />\n                </p>\n              </div>\n              <time\n                dateTime={entry.timestamp}\n                title={formatDate(entry.timestamp)}\n                className=\"shrink-0 whitespace-nowrap text-xs text-text-secondary\"\n              >\n                {formatRelativeTime(entry.timestamp)}\n              </time>\n            </li>\n          ))}\n        </ul>\n      )}\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;;;;AAwCA,SAAgB,EAAqB,GAAwB;CAC3D,IAAM,IAAO,EAAO,SAAS,IAAI,GAAG,EAAO,MAAM,EAAO,YAAY,IAAI,GAAG,EAAE,GAAG;AAChF,KAAI,CAAC,eAAe,KAAK,EAAK,CAAE,QAAO;CACvC,IAAM,IAAQ,EAAU,EAAK;AAC7B,QAAO,EAAM,OAAO,EAAE,GAAG,EAAM,MAAM,EAAE,CAAC,aAAa;;AAGvD,IAAa,KAAyC,EACpD,iBACA,eACA,WAAQ,eACR,WAAQ,IACR,mBACI;CACJ,IAAM,IAAQ,EAAkB,GAAc,GAAY,EAAM,EAC1D,IAAU,EAAM,QAAQ,EAAE;AAEhC,QACE,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAW,EAAG,OAAO,EAAU;YAA5D,CACE,kBAAC,MAAD;GAAI,WAAU;aAAd;IACE,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;;IAAE;IAC9B;MAEJ,EAAM,UACL,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAEvC,CAAA,EACJ,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,KAAK,EAAM,SAAS;IACnC,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,EAAA,SAC7B;MACL;OACH,EAAM,YAOP,EAAQ,WAAW,IACrB,kBAAC,KAAD;GAAG,WAAU;aAA8B;GAGvC,CAAA,GAEJ,kBAAC,MAAD;GAAI,WAAU;aACX,EAAQ,KAAK,MACZ,kBAAC,MAAD;IAAmB,WAAU;cAA7B,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAqB,EAAM,OAAO;MACjC,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBACX,kBAAC,GAAD,EAAW,IAAI,EAAM,QAAU,CAAA;MAC7B,CAAA,CACA;QACN,kBAAC,QAAD;KACE,UAAU,EAAM;KAChB,OAAO,EAAW,EAAM,UAAU;KAClC,WAAU;eAET,EAAmB,EAAM,UAAU;KAC/B,CAAA,CACJ;MAhBI,EAAM,GAgBV,CACL;GACC,CAAA,GA7BL,kBAAC,KAAD;GAAG,WAAU;aAAb,CACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,EAAA,qBAC1C;KA6BI"}

package/dist/coolandlovely/components/Comments.js

@@ -1,6 +1,6 @@
 import { cn as e } from "../utils/cn.js";
-import { formatRelativeTime as t } from "../utils/formatters.js";
-import { useAddComment as n, useEntityComments as r } from "../hooks/useComments.js";
+import { useAddComment as t, useEntityComments as n } from "../hooks/useComments.js";
+import { formatRelativeTime as r } from "../utils/formatters.js";
 import { ActorName as i } from "./ActorName.js";
 import { useState as a } from "react";
 import { Loader2 as o, MessageSquare as s, Send as c } from "lucide-react";
@@ -8,7 +8,7 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { GlassCard as d } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/components/Comments.tsx
 var f = ({ entityType: f, entityId: p, title: m = "Reviews & feedback", className: h }) => {
-	let g = r(f, p), _ = n(), [v, y] = a(""), b = g.data?.comments ?? [], x = g.data?.total ?? b.length;
+	let g = n(f, p), _ = t(), [v, y] = a(""), b = g.data?.comments ?? [], x = g.data?.total ?? b.length;
 	return /* @__PURE__ */ u("section", {
 		className: e("mt-6", h),
 		children: [
@@ -91,7 +91,7 @@ var f = ({ entityType: f, entityId: p, title: m = "Reviews & feedback", classNam
 								className: "truncate text-sm font-medium text-text-primary"
 							}), /* @__PURE__ */ u("span", {
 								className: "shrink-0 text-xs text-text-secondary",
-								children: [t(e.createdAt), e.edited ? " · edited" : ""]
+								children: [r(e.createdAt), e.edited ? " · edited" : ""]
 							})]
 						}), /* @__PURE__ */ l("p", {
 							className: "mt-1 whitespace-pre-wrap break-words text-sm text-text-secondary",

package/dist/coolandlovely/components/FeedbackWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackWidget.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/FeedbackWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA6ChC,eAAO,MAAM,cAAc,EAAE,EAwJ5B,CAAC"}
+{"version":3,"file":"FeedbackWidget.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/FeedbackWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA8ChC,eAAO,MAAM,cAAc,EAAE,EA6K5B,CAAC"}

package/dist/coolandlovely/components/FeedbackWidget.js

@@ -1,127 +1,129 @@
 import { cn as e } from "../utils/cn.js";
-import { TextAreaField as t } from "./Field.js";
-import { useCallback as n, useEffect as r, useState as i } from "react";
-import { MessageSquarePlus as a, Send as o, X as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { GlassCard as u } from "@burdenoff/fe-libs/ui";
+import { useTr as t } from "../hooks/useTr.js";
+import "../hooks/index.js";
+import { TextAreaField as n } from "./Field.js";
+import { useCallback as r, useEffect as i, useState as a } from "react";
+import { MessageSquarePlus as o, Send as s, X as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { GlassCard as d } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/components/FeedbackWidget.tsx
-var d = "coolandlovely-feedback-submitted-at", f = 10080 * 60 * 1e3;
-function p() {
+var f = "coolandlovely-feedback-submitted-at", p = 10080 * 60 * 1e3;
+function m() {
 	if (typeof window > "u") return !1;
-	let e = window.localStorage.getItem(d);
+	let e = window.localStorage.getItem(f);
 	if (!e) return !1;
 	try {
 		let t = parseInt(e, 10);
-		return Date.now() - t < f;
+		return Date.now() - t < p;
 	} catch {
 		return !1;
 	}
 }
-function m() {
-	typeof window > "u" || window.localStorage.setItem(d, String(Date.now()));
+function h() {
+	typeof window > "u" || window.localStorage.setItem(f, String(Date.now()));
 }
-function h(e) {
+function g(e) {
 	typeof window > "u" || window.dispatchEvent(new CustomEvent("coolandlovely:feedback_submitted", {
 		detail: e,
 		bubbles: !0
 	}));
 }
-var g = () => {
-	let [d, f] = i(!1), [g, _] = i(null), [v, y] = i(""), [b, x] = i(!1), [S, C] = i(!1);
-	r(() => {
-		C(p());
+var _ = () => {
+	let f = t(), [p, _] = a(!1), [v, y] = a(null), [b, x] = a(""), [S, C] = a(!1), [w, T] = a(!1);
+	i(() => {
+		T(m());
 	}, []);
-	let w = n(() => {
-		f((e) => !e);
-	}, []), T = n(() => {
-		f(!1);
-	}, []), E = n(() => {
-		g !== null && (h({
-			score: g,
-			comment: v.trim(),
+	let E = r(() => {
+		_((e) => !e);
+	}, []), D = r(() => {
+		_(!1);
+	}, []), O = r(() => {
+		v !== null && (g({
+			score: v,
+			comment: b.trim(),
 			path: typeof window < "u" ? window.location.pathname : "",
 			submittedAt: (/* @__PURE__ */ new Date()).toISOString()
-		}), m(), x(!0), C(!0), window.setTimeout(() => {
-			f(!1), _(null), y(""), x(!1);
+		}), h(), C(!0), T(!0), window.setTimeout(() => {
+			_(!1), y(null), x(""), C(!1);
 		}, 2500));
-	}, [g, v]);
-	return S && !d ? null : /* @__PURE__ */ l("div", {
+	}, [v, b]);
+	return w && !p ? null : /* @__PURE__ */ u("div", {
 		className: "fixed bottom-4 right-4 z-50 flex flex-col items-end gap-3",
-		children: [d && /* @__PURE__ */ l(u, {
+		children: [p && /* @__PURE__ */ u(d, {
 			className: "w-[min(92vw,360px)] overflow-hidden p-0 shadow-xl",
-			children: [/* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ u("div", {
 				className: "flex items-center justify-between border-b border-border-seam px-4 py-3",
-				children: [/* @__PURE__ */ c("h2", {
+				children: [/* @__PURE__ */ l("h2", {
 					className: "text-sm font-semibold text-text-primary",
-					children: "How is CoolAndLovely working for you?"
-				}), /* @__PURE__ */ c("button", {
+					children: f("coolandlovely.feedback.title", "How is CoolAndLovely working for you?")
+				}), /* @__PURE__ */ l("button", {
 					type: "button",
-					onClick: T,
-					"aria-label": "Close feedback",
+					onClick: D,
+					"aria-label": f("coolandlovely.feedback.close", "Close feedback"),
 					className: "rounded-md p-1 text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary",
-					children: /* @__PURE__ */ c(s, {
+					children: /* @__PURE__ */ l(c, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
 					})
 				})]
-			}), /* @__PURE__ */ c("div", {
+			}), /* @__PURE__ */ l("div", {
 				className: "p-4",
-				children: b ? /* @__PURE__ */ l("div", {
+				children: S ? /* @__PURE__ */ u("div", {
 					className: "py-6 text-center",
-					children: [/* @__PURE__ */ c("p", {
+					children: [/* @__PURE__ */ l("p", {
 						className: "text-sm font-medium text-status-success-text",
-						children: "Thank you for your feedback!"
-					}), /* @__PURE__ */ c("p", {
+						children: f("coolandlovely.feedback.thankYou", "Thank you for your feedback!")
+					}), /* @__PURE__ */ l("p", {
 						className: "mt-1 text-xs text-text-secondary",
-						children: "Your input helps us improve CoolAndLovely."
+						children: f("coolandlovely.feedback.helpText", "Your input helps us improve CoolAndLovely.")
 					})]
-				}) : /* @__PURE__ */ l("div", {
+				}) : /* @__PURE__ */ u("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
 							className: "mb-2 text-xs font-medium text-text-secondary",
-							children: "Rate your experience (0 = not likely, 10 = very likely)"
-						}), /* @__PURE__ */ c("div", {
+							children: f("coolandlovely.feedback.ratePrompt", "Rate your experience (0 = not likely, 10 = very likely)")
+						}), /* @__PURE__ */ l("div", {
 							className: "flex justify-between gap-1",
 							role: "group",
-							"aria-label": "NPS score",
-							children: Array.from({ length: 11 }, (e, t) => t).map((t) => /* @__PURE__ */ c("button", {
+							"aria-label": f("coolandlovely.feedback.npsLabel", "NPS score"),
+							children: Array.from({ length: 11 }, (e, t) => t).map((t) => /* @__PURE__ */ l("button", {
 								type: "button",
-								onClick: () => _(t),
-								"aria-pressed": g === t,
-								className: e("flex h-8 w-7 items-center justify-center rounded-md text-xs font-medium transition-colors", g === t ? "bg-action-primary-bg text-action-primary-text" : "border border-border-seam bg-bg-surface text-text-secondary hover:border-action-primary-bg hover:text-text-primary"),
+								onClick: () => y(t),
+								"aria-pressed": v === t,
+								className: e("flex h-8 w-7 items-center justify-center rounded-md text-xs font-medium transition-colors", v === t ? "bg-action-primary-bg text-action-primary-text" : "border border-border-seam bg-bg-surface text-text-secondary hover:border-action-primary-bg hover:text-text-primary"),
 								children: t
 							}, t))
 						})] }),
-						/* @__PURE__ */ c(t, {
+						/* @__PURE__ */ l(n, {
 							id: "feedback-comment",
-							label: "What could be better?",
-							value: v,
-							onChange: y,
-							placeholder: "Tell us what’s working or what we should improve…",
+							label: f("coolandlovely.feedback.commentLabel", "What could be better?"),
+							value: b,
+							onChange: x,
+							placeholder: f("coolandlovely.feedback.commentPlaceholder", "Tell us what’s working or what we should improve…"),
 							rows: 3,
-							hint: "Optional — your comment is stored with your score and current page."
+							hint: f("coolandlovely.feedback.commentHint", "Optional — your comment is stored with your score and current page.")
 						}),
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: E,
-							disabled: g === null,
-							className: e("inline-flex w-full items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", g === null ? "cursor-not-allowed bg-bg-surface text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
-							children: [/* @__PURE__ */ c(o, {
+							onClick: O,
+							disabled: v === null,
+							className: e("inline-flex w-full items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", v === null ? "cursor-not-allowed bg-bg-surface text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
+							children: [/* @__PURE__ */ l(s, {
 								className: "h-4 w-4",
 								"aria-hidden": "true"
-							}), "Submit feedback"]
+							}), f("coolandlovely.feedback.submit", "Submit feedback")]
 						})
 					]
 				})
 			})]
-		}), /* @__PURE__ */ c("button", {
+		}), /* @__PURE__ */ l("button", {
 			type: "button",
-			onClick: w,
-			"aria-label": d ? "Close feedback" : "Give feedback",
-			"aria-expanded": d,
-			className: e("flex h-12 w-12 items-center justify-center rounded-full shadow-lg transition-transform hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", d ? "bg-bg-surface text-text-primary" : "bg-action-primary-bg text-action-primary-text"),
-			children: c(d ? s : a, {
+			onClick: E,
+			"aria-label": p ? f("coolandlovely.feedback.close", "Close feedback") : f("coolandlovely.feedback.open", "Give feedback"),
+			"aria-expanded": p,
+			className: e("flex h-12 w-12 items-center justify-center rounded-full shadow-lg transition-transform hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", p ? "bg-bg-surface text-text-primary" : "bg-action-primary-bg text-action-primary-text"),
+			children: l(p ? c : o, {
 				className: "h-5 w-5",
 				"aria-hidden": "true"
 			})
@@ -129,6 +131,6 @@ var g = () => {
 	});
 };
 //#endregion
-export { g as FeedbackWidget };
+export { _ as FeedbackWidget };
 
 //# sourceMappingURL=FeedbackWidget.js.map

package/dist/coolandlovely/components/FeedbackWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackWidget.js","names":[],"sources":["../../../src/coolandlovely/components/FeedbackWidget.tsx"],"sourcesContent":["/**\n * Lightweight NPS / feedback widget\n * @module coolandlovely/components\n *\n * Floating feedback capture mounted across all CoolAndLovely surfaces.\n * Submissions are stored locally and emitted as analytics events so the\n * product can gather signals without blocking on a backend integration.\n */\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect, useState } from 'react';\nimport { MessageSquarePlus, X, Send } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { TextAreaField } from './Field';\nimport { cn } from '../utils/cn';\n\nconst STORAGE_KEY = 'coolandlovely-feedback-submitted-at';\nconst COOLDOWN_MS = 7 * 24 * 60 * 60 * 1000; // one week\n\ninterface FeedbackSubmission {\n  score: number;\n  comment: string;\n  path: string;\n  submittedAt: string;\n}\n\nfunction hasRecentSubmission(): boolean {\n  if (typeof window === 'undefined') return false;\n  const raw = window.localStorage.getItem(STORAGE_KEY);\n  if (!raw) return false;\n  try {\n    const ts = parseInt(raw, 10);\n    return Date.now() - ts < COOLDOWN_MS;\n  } catch {\n    return false;\n  }\n}\n\nfunction recordSubmission() {\n  if (typeof window === 'undefined') return;\n  window.localStorage.setItem(STORAGE_KEY, String(Date.now()));\n}\n\nfunction emitFeedbackEvent(submission: FeedbackSubmission) {\n  // Emit a structured event that the host shell's analytics pipeline can pick up.\n  if (typeof window === 'undefined') return;\n  window.dispatchEvent(\n    new CustomEvent('coolandlovely:feedback_submitted', {\n      detail: submission,\n      bubbles: true,\n    })\n  );\n}\n\nexport const FeedbackWidget: FC = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [score, setScore] = useState<number | null>(null);\n  const [comment, setComment] = useState('');\n  const [submitted, setSubmitted] = useState(false);\n  const [recentlySubmitted, setRecentlySubmitted] = useState(false);\n\n  useEffect(() => {\n    setRecentlySubmitted(hasRecentSubmission());\n  }, []);\n\n  const handleToggle = useCallback(() => {\n    setIsOpen((open) => !open);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const handleSubmit = useCallback(() => {\n    if (score === null) return;\n\n    const submission: FeedbackSubmission = {\n      score,\n      comment: comment.trim(),\n      path: typeof window !== 'undefined' ? window.location.pathname : '',\n      submittedAt: new Date().toISOString(),\n    };\n\n    emitFeedbackEvent(submission);\n    recordSubmission();\n    setSubmitted(true);\n    setRecentlySubmitted(true);\n\n    // Auto-close after a short delay so the user sees the thank-you state.\n    window.setTimeout(() => {\n      setIsOpen(false);\n      setScore(null);\n      setComment('');\n      setSubmitted(false);\n    }, 2500);\n  }, [score, comment]);\n\n  if (recentlySubmitted && !isOpen) {\n    // Do not show the launcher at all for a week after submission.\n    return null;\n  }\n\n  return (\n    <div className=\"fixed bottom-4 right-4 z-50 flex flex-col items-end gap-3\">\n      {isOpen && (\n        <GlassCard className=\"w-[min(92vw,360px)] overflow-hidden p-0 shadow-xl\">\n          <div className=\"flex items-center justify-between border-b border-border-seam px-4 py-3\">\n            <h2 className=\"text-sm font-semibold text-text-primary\">\n              How is CoolAndLovely working for you?\n            </h2>\n            <button\n              type=\"button\"\n              onClick={handleClose}\n              aria-label=\"Close feedback\"\n              className=\"rounded-md p-1 text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary\"\n            >\n              <X className=\"h-4 w-4\" aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          <div className=\"p-4\">\n            {submitted ? (\n              <div className=\"py-6 text-center\">\n                <p className=\"text-sm font-medium text-status-success-text\">\n                  Thank you for your feedback!\n                </p>\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  Your input helps us improve CoolAndLovely.\n                </p>\n              </div>\n            ) : (\n              <div className=\"space-y-4\">\n                <div>\n                  <p className=\"mb-2 text-xs font-medium text-text-secondary\">\n                    Rate your experience (0 = not likely, 10 = very likely)\n                  </p>\n                  <div className=\"flex justify-between gap-1\" role=\"group\" aria-label=\"NPS score\">\n                    {Array.from({ length: 11 }, (_, i) => i).map((value) => (\n                      <button\n                        key={value}\n                        type=\"button\"\n                        onClick={() => setScore(value)}\n                        aria-pressed={score === value}\n                        className={cn(\n                          'flex h-8 w-7 items-center justify-center rounded-md text-xs font-medium transition-colors',\n                          score === value\n                            ? 'bg-action-primary-bg text-action-primary-text'\n                            : 'border border-border-seam bg-bg-surface text-text-secondary hover:border-action-primary-bg hover:text-text-primary'\n                        )}\n                      >\n                        {value}\n                      </button>\n                    ))}\n                  </div>\n                </div>\n\n                <TextAreaField\n                  id=\"feedback-comment\"\n                  label=\"What could be better?\"\n                  value={comment}\n                  onChange={setComment}\n                  placeholder=\"Tell us what’s working or what we should improve…\"\n                  rows={3}\n                  hint=\"Optional — your comment is stored with your score and current page.\"\n                />\n\n                <button\n                  type=\"button\"\n                  onClick={handleSubmit}\n                  disabled={score === null}\n                  className={cn(\n                    'inline-flex w-full items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors',\n                    score === null\n                      ? 'cursor-not-allowed bg-bg-surface text-text-secondary'\n                      : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n                  )}\n                >\n                  <Send className=\"h-4 w-4\" aria-hidden=\"true\" />\n                  Submit feedback\n                </button>\n              </div>\n            )}\n          </div>\n        </GlassCard>\n      )}\n\n      <button\n        type=\"button\"\n        onClick={handleToggle}\n        aria-label={isOpen ? 'Close feedback' : 'Give feedback'}\n        aria-expanded={isOpen}\n        className={cn(\n          'flex h-12 w-12 items-center justify-center rounded-full shadow-lg transition-transform hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n          isOpen\n            ? 'bg-bg-surface text-text-primary'\n            : 'bg-action-primary-bg text-action-primary-text'\n        )}\n      >\n        {isOpen ? (\n          <X className=\"h-5 w-5\" aria-hidden=\"true\" />\n        ) : (\n          <MessageSquarePlus className=\"h-5 w-5\" aria-hidden=\"true\" />\n        )}\n      </button>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"FeedbackWidget.js","names":[],"sources":["../../../src/coolandlovely/components/FeedbackWidget.tsx"],"sourcesContent":["/**\n * Lightweight NPS / feedback widget\n * @module coolandlovely/components\n *\n * Floating feedback capture mounted across all CoolAndLovely surfaces.\n * Submissions are stored locally and emitted as analytics events so the\n * product can gather signals without blocking on a backend integration.\n */\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect, useState } from 'react';\nimport { MessageSquarePlus, X, Send } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { TextAreaField } from './Field';\nimport { cn } from '../utils/cn';\nimport { useTr } from '../hooks';\n\nconst STORAGE_KEY = 'coolandlovely-feedback-submitted-at';\nconst COOLDOWN_MS = 7 * 24 * 60 * 60 * 1000; // one week\n\ninterface FeedbackSubmission {\n  score: number;\n  comment: string;\n  path: string;\n  submittedAt: string;\n}\n\nfunction hasRecentSubmission(): boolean {\n  if (typeof window === 'undefined') return false;\n  const raw = window.localStorage.getItem(STORAGE_KEY);\n  if (!raw) return false;\n  try {\n    const ts = parseInt(raw, 10);\n    return Date.now() - ts < COOLDOWN_MS;\n  } catch {\n    return false;\n  }\n}\n\nfunction recordSubmission() {\n  if (typeof window === 'undefined') return;\n  window.localStorage.setItem(STORAGE_KEY, String(Date.now()));\n}\n\nfunction emitFeedbackEvent(submission: FeedbackSubmission) {\n  // Emit a structured event that the host shell's analytics pipeline can pick up.\n  if (typeof window === 'undefined') return;\n  window.dispatchEvent(\n    new CustomEvent('coolandlovely:feedback_submitted', {\n      detail: submission,\n      bubbles: true,\n    })\n  );\n}\n\nexport const FeedbackWidget: FC = () => {\n  const tr = useTr();\n  const [isOpen, setIsOpen] = useState(false);\n  const [score, setScore] = useState<number | null>(null);\n  const [comment, setComment] = useState('');\n  const [submitted, setSubmitted] = useState(false);\n  const [recentlySubmitted, setRecentlySubmitted] = useState(false);\n\n  useEffect(() => {\n    setRecentlySubmitted(hasRecentSubmission());\n  }, []);\n\n  const handleToggle = useCallback(() => {\n    setIsOpen((open) => !open);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const handleSubmit = useCallback(() => {\n    if (score === null) return;\n\n    const submission: FeedbackSubmission = {\n      score,\n      comment: comment.trim(),\n      path: typeof window !== 'undefined' ? window.location.pathname : '',\n      submittedAt: new Date().toISOString(),\n    };\n\n    emitFeedbackEvent(submission);\n    recordSubmission();\n    setSubmitted(true);\n    setRecentlySubmitted(true);\n\n    // Auto-close after a short delay so the user sees the thank-you state.\n    window.setTimeout(() => {\n      setIsOpen(false);\n      setScore(null);\n      setComment('');\n      setSubmitted(false);\n    }, 2500);\n  }, [score, comment]);\n\n  if (recentlySubmitted && !isOpen) {\n    // Do not show the launcher at all for a week after submission.\n    return null;\n  }\n\n  return (\n    <div className=\"fixed bottom-4 right-4 z-50 flex flex-col items-end gap-3\">\n      {isOpen && (\n        <GlassCard className=\"w-[min(92vw,360px)] overflow-hidden p-0 shadow-xl\">\n          <div className=\"flex items-center justify-between border-b border-border-seam px-4 py-3\">\n            <h2 className=\"text-sm font-semibold text-text-primary\">\n              {tr('coolandlovely.feedback.title', 'How is CoolAndLovely working for you?')}\n            </h2>\n            <button\n              type=\"button\"\n              onClick={handleClose}\n              aria-label={tr('coolandlovely.feedback.close', 'Close feedback')}\n              className=\"rounded-md p-1 text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary\"\n            >\n              <X className=\"h-4 w-4\" aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          <div className=\"p-4\">\n            {submitted ? (\n              <div className=\"py-6 text-center\">\n                <p className=\"text-sm font-medium text-status-success-text\">\n                  {tr('coolandlovely.feedback.thankYou', 'Thank you for your feedback!')}\n                </p>\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {tr(\n                    'coolandlovely.feedback.helpText',\n                    'Your input helps us improve CoolAndLovely.'\n                  )}\n                </p>\n              </div>\n            ) : (\n              <div className=\"space-y-4\">\n                <div>\n                  <p className=\"mb-2 text-xs font-medium text-text-secondary\">\n                    {tr(\n                      'coolandlovely.feedback.ratePrompt',\n                      'Rate your experience (0 = not likely, 10 = very likely)'\n                    )}\n                  </p>\n                  <div\n                    className=\"flex justify-between gap-1\"\n                    role=\"group\"\n                    aria-label={tr('coolandlovely.feedback.npsLabel', 'NPS score')}\n                  >\n                    {Array.from({ length: 11 }, (_, i) => i).map((value) => (\n                      <button\n                        key={value}\n                        type=\"button\"\n                        onClick={() => setScore(value)}\n                        aria-pressed={score === value}\n                        className={cn(\n                          'flex h-8 w-7 items-center justify-center rounded-md text-xs font-medium transition-colors',\n                          score === value\n                            ? 'bg-action-primary-bg text-action-primary-text'\n                            : 'border border-border-seam bg-bg-surface text-text-secondary hover:border-action-primary-bg hover:text-text-primary'\n                        )}\n                      >\n                        {value}\n                      </button>\n                    ))}\n                  </div>\n                </div>\n\n                <TextAreaField\n                  id=\"feedback-comment\"\n                  label={tr('coolandlovely.feedback.commentLabel', 'What could be better?')}\n                  value={comment}\n                  onChange={setComment}\n                  placeholder={tr(\n                    'coolandlovely.feedback.commentPlaceholder',\n                    'Tell us what’s working or what we should improve…'\n                  )}\n                  rows={3}\n                  hint={tr(\n                    'coolandlovely.feedback.commentHint',\n                    'Optional — your comment is stored with your score and current page.'\n                  )}\n                />\n\n                <button\n                  type=\"button\"\n                  onClick={handleSubmit}\n                  disabled={score === null}\n                  className={cn(\n                    'inline-flex w-full items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors',\n                    score === null\n                      ? 'cursor-not-allowed bg-bg-surface text-text-secondary'\n                      : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n                  )}\n                >\n                  <Send className=\"h-4 w-4\" aria-hidden=\"true\" />\n                  {tr('coolandlovely.feedback.submit', 'Submit feedback')}\n                </button>\n              </div>\n            )}\n          </div>\n        </GlassCard>\n      )}\n\n      <button\n        type=\"button\"\n        onClick={handleToggle}\n        aria-label={\n          isOpen\n            ? tr('coolandlovely.feedback.close', 'Close feedback')\n            : tr('coolandlovely.feedback.open', 'Give feedback')\n        }\n        aria-expanded={isOpen}\n        className={cn(\n          'flex h-12 w-12 items-center justify-center rounded-full shadow-lg transition-transform hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n          isOpen\n            ? 'bg-bg-surface text-text-primary'\n            : 'bg-action-primary-bg text-action-primary-text'\n        )}\n      >\n        {isOpen ? (\n          <X className=\"h-5 w-5\" aria-hidden=\"true\" />\n        ) : (\n          <MessageSquarePlus className=\"h-5 w-5\" aria-hidden=\"true\" />\n        )}\n      </button>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/coolandlovely/components/LookCard.js

@@ -1,18 +1,18 @@
 import { cn as e } from "../utils/cn.js";
-import { Thumbnail as t } from "./Thumbnail.js";
-import { useLikeLook as n, useSaveLook as r, useUnlikeLook as i, useUnsaveLook as a } from "../hooks/useCoolAndLovelyApi.js";
+import { useLikeLook as t, useSaveLook as n, useUnlikeLook as r, useUnsaveLook as i } from "../hooks/useCoolAndLovelyApi.js";
+import { Thumbnail as a } from "./Thumbnail.js";
 import { AddToLookbookButton as o } from "./AddToLookbookButton.js";
 import { titleCase as s } from "../utils/formatters.js";
 import { useEffect as c, useState as l } from "react";
 import { Bookmark as u, Heart as d, Sparkles as f } from "lucide-react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/coolandlovely/components/LookCard.tsx
-var h = ({ lookId: t, likeCount: r, isLikedByMe: a }) => {
-	let o = n(), s = i(), [u, f] = l(!!a), [h, g] = l(r), _ = o.isPending || s.isPending;
+var h = ({ lookId: n, likeCount: i, isLikedByMe: a }) => {
+	let o = t(), s = r(), [u, f] = l(!!a), [h, g] = l(i), _ = o.isPending || s.isPending;
 	return c(() => {
-		_ || (f(!!a), g(r));
+		_ || (f(!!a), g(i));
 	}, [
-		r,
+		i,
 		a,
 		_
 	]), /* @__PURE__ */ m("button", {
@@ -20,12 +20,12 @@ var h = ({ lookId: t, likeCount: r, isLikedByMe: a }) => {
 		onClick: () => {
 			if (_) return;
 			let e = !u;
-			f(e), g((t) => t + (e ? 1 : -1)), (e ? o : s).mutate(t, {
+			f(e), g((t) => t + (e ? 1 : -1)), (e ? o : s).mutate(n, {
 				onSuccess: (e) => {
 					f(!!e.isLikedByMe), g(e.likeCount);
 				},
 				onError: () => {
-					f(!e), g(r);
+					f(!e), g(i);
 				}
 			});
 		},
@@ -38,16 +38,16 @@ var h = ({ lookId: t, likeCount: r, isLikedByMe: a }) => {
 			children: h
 		})]
 	});
-}, g = ({ lookId: t, isSavedByMe: n }) => {
-	let i = r(), o = a(), [s, d] = l(!!n), f = i.isPending || o.isPending;
+}, g = ({ lookId: t, isSavedByMe: r }) => {
+	let a = n(), o = i(), [s, d] = l(!!r), f = a.isPending || o.isPending;
 	return c(() => {
-		f || d(!!n);
-	}, [n, f]), /* @__PURE__ */ p("button", {
+		f || d(!!r);
+	}, [r, f]), /* @__PURE__ */ p("button", {
 		type: "button",
 		onClick: () => {
 			if (f) return;
 			let e = !s;
-			d(e), (e ? i : o).mutate(t, {
+			d(e), (e ? a : o).mutate(t, {
 				onSuccess: (e) => d(!!e.isSavedByMe),
 				onError: () => d(!e)
 			});
@@ -58,29 +58,29 @@ var h = ({ lookId: t, likeCount: r, isLikedByMe: a }) => {
 		className: "inline-flex items-center justify-center rounded-full bg-bg-surface/90 p-1.5 text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
 		children: /* @__PURE__ */ p(u, { className: e("h-3.5 w-3.5", s ? "fill-current text-accent-primary" : "text-text-secondary") })
 	});
-}, _ = ({ id: n, title: r, occasion: i, imageFileId: a, likeCount: c, isLikedByMe: l, isSavedByMe: u, onOpen: _, showActions: v = !1, className: y }) => /* @__PURE__ */ m("div", {
+}, _ = ({ id: t, title: n, occasion: r, imageFileId: i, likeCount: c, isLikedByMe: l, isSavedByMe: u, onOpen: _, showActions: v = !1, className: y }) => /* @__PURE__ */ m("div", {
 	className: e("group relative overflow-hidden rounded-xl border border-border-seam bg-bg-surface transition-shadow hover:shadow-lg", y),
 	children: [/* @__PURE__ */ p("button", {
 		type: "button",
 		onClick: _,
-		"aria-label": `Open look ${r}`,
+		"aria-label": `Open look ${n}`,
 		className: "block w-full text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-focus-ring)]",
-		children: /* @__PURE__ */ p(t, {
+		children: /* @__PURE__ */ p(a, {
 			icon: /* @__PURE__ */ p(f, { className: "h-8 w-8" }),
-			seed: n,
-			fileId: a,
-			alt: r,
+			seed: t,
+			fileId: i,
+			alt: n,
 			className: "aspect-[3/4] w-full rounded-none",
 			overlay: /* @__PURE__ */ m("div", {
 				className: "pointer-events-none absolute inset-x-0 bottom-0 flex flex-col gap-1.5 bg-gradient-to-t from-bg-canvas/90 via-bg-canvas/45 to-transparent p-3 pt-10",
 				children: [/* @__PURE__ */ p("p", {
 					className: "truncate text-sm font-semibold text-text-primary",
-					children: r
+					children: n
 				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center justify-between gap-2",
 					children: [/* @__PURE__ */ p("span", {
 						className: "inline-flex items-center rounded-full bg-bg-surface/85 px-2 py-0.5 text-[11px] font-medium text-text-primary backdrop-blur",
-						children: s(i)
+						children: s(r)
 					}), !v && typeof c == "number" && c > 0 ? /* @__PURE__ */ m("span", {
 						className: "inline-flex items-center gap-1 text-xs text-text-secondary",
 						children: [/* @__PURE__ */ p(d, { className: "h-3.5 w-3.5 fill-current text-accent-primary" }), /* @__PURE__ */ p("span", {
@@ -95,15 +95,15 @@ var h = ({ lookId: t, likeCount: r, isLikedByMe: a }) => {
 		className: "absolute right-2 top-2 flex items-center gap-1.5 opacity-100 transition-opacity duration-200 sm:opacity-0 sm:focus-within:opacity-100 sm:group-hover:opacity-100",
 		children: [
 			/* @__PURE__ */ p(h, {
-				lookId: n,
+				lookId: t,
 				likeCount: c ?? 0,
 				isLikedByMe: l
 			}),
 			/* @__PURE__ */ p(g, {
-				lookId: n,
+				lookId: t,
 				isSavedByMe: u
 			}),
-			/* @__PURE__ */ p(o, { lookId: n })
+			/* @__PURE__ */ p(o, { lookId: t })
 		]
 	}) : null]
 });

package/dist/coolandlovely/components/StateViews.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StateViews.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/StateViews.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAK5C,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyBxC,CAAC"}
+{"version":3,"file":"StateViews.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/StateViews.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAK5C,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA4BxC,CAAC"}

package/dist/coolandlovely/components/StateViews.js

@@ -1,34 +1,43 @@
 import { cn as e } from "../utils/cn.js";
-import { AlertCircle as t, Loader2 as n, RotateCw as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useTr as t } from "../hooks/useTr.js";
+import "../hooks/index.js";
+import { AlertCircle as n, Loader2 as r, RotateCw as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/coolandlovely/components/StateViews.tsx
-var o = ({ label: t = "Loading…", className: r }) => /* @__PURE__ */ a("div", {
-	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-3", r),
-	children: [/* @__PURE__ */ i(n, { className: "h-8 w-8 animate-spin text-primary" }), /* @__PURE__ */ i("p", {
+var s = ({ label: t = "Loading…", className: n }) => /* @__PURE__ */ o("div", {
+	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-3", n),
+	children: [/* @__PURE__ */ a(r, { className: "h-8 w-8 animate-spin text-primary" }), /* @__PURE__ */ a("p", {
 		className: "text-sm text-text-secondary",
 		children: t
 	})]
-}), s = ({ title: n = "Something went wrong", message: o = "We could not load this data. Please try again.", onRetry: s, className: c }) => /* @__PURE__ */ a("div", {
-	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-3 text-center", c),
-	children: [
-		/* @__PURE__ */ i(t, { className: "h-10 w-10 text-status-error-text" }),
-		/* @__PURE__ */ i("h2", {
-			className: "text-lg font-semibold text-text-primary",
-			children: n
-		}),
-		/* @__PURE__ */ i("p", {
-			className: "max-w-sm text-sm text-text-secondary",
-			children: o
-		}),
-		s && /* @__PURE__ */ a("button", {
-			type: "button",
-			onClick: s,
-			className: "mt-1 inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-			children: [/* @__PURE__ */ i(r, { className: "h-4 w-4" }), " Retry"]
-		})
-	]
-});
+}), c = ({ title: r, message: s, onRetry: c, className: l }) => {
+	let u = t();
+	return /* @__PURE__ */ o("div", {
+		className: e("flex min-h-[40vh] flex-col items-center justify-center gap-3 text-center", l),
+		children: [
+			/* @__PURE__ */ a(n, { className: "h-10 w-10 text-status-error-text" }),
+			/* @__PURE__ */ a("h2", {
+				className: "text-lg font-semibold text-text-primary",
+				children: r ?? u("coolandlovely.error.title", "Something went wrong")
+			}),
+			/* @__PURE__ */ a("p", {
+				className: "max-w-sm text-sm text-text-secondary",
+				children: s ?? u("coolandlovely.error.message", "We could not load this data. Please try again.")
+			}),
+			c && /* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: c,
+				className: "mt-1 inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+				children: [
+					/* @__PURE__ */ a(i, { className: "h-4 w-4" }),
+					" ",
+					u("coolandlovely.error.retry", "Retry")
+				]
+			})
+		]
+	});
+};
 //#endregion
-export { s as ErrorView, o as LoadingView };
+export { c as ErrorView, s as LoadingView };
 
 //# sourceMappingURL=StateViews.js.map