@burdenoff/microfe-coolandlovely 2026.827.1 → 2026.1024.1

package/dist/coolandlovely/pages/collaborations/CollaborationsListPage.js

@@ -1,129 +1,130 @@
 import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { StatusBadge as r } from "../../components/StatusBadge.js";
-import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
-import { useCollaborations as o } from "../../hooks/useCoolAndLovelyApi.js";
-import { formatDate as s, formatPrice as c, titleCase as l } from "../../utils/formatters.js";
+import { useCollaborations as r } from "../../hooks/useCoolAndLovelyApi.js";
+import { useTr as i } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { EmptyState as u } from "../../components/EmptyState.js";
-import { ActorName as d } from "../../components/ActorName.js";
-import { BrandCreatorAvatars as f } from "../../components/BrandCreatorAvatars.js";
-import { useState as p } from "react";
-import { Handshake as m, Plus as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
+import { formatDate as c, formatPrice as l, titleCase as u } from "../../utils/formatters.js";
+import { EmptyState as d } from "../../components/EmptyState.js";
+import { ActorName as f } from "../../components/ActorName.js";
+import { BrandCreatorAvatars as p } from "../../components/BrandCreatorAvatars.js";
+import { useMemo as m, useState as h } from "react";
+import { Handshake as g, Plus as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/coolandlovely/pages/collaborations/CollaborationsListPage.tsx
-var v = [
-	{
-		value: "ALL",
-		label: "All"
-	},
-	{
-		value: "PROPOSED",
-		label: "Proposed"
-	},
-	{
-		value: "ACCEPTED",
-		label: "Accepted"
-	},
-	{
-		value: "IN_PROGRESS",
-		label: "In progress"
-	},
-	{
-		value: "PUBLISHED",
-		label: "Published"
-	},
-	{
-		value: "DECLINED",
-		label: "Declined"
-	},
-	{
-		value: "CANCELLED",
-		label: "Cancelled"
-	}
+var b = [
+	"PROPOSED",
+	"ACCEPTED",
+	"IN_PROGRESS",
+	"PUBLISHED",
+	"DECLINED",
+	"CANCELLED"
 ];
-function y() {
-	let { navigateTo: y } = e(), [b, x] = p("ALL"), S = o({ status: b === "ALL" ? void 0 : b }), C = S.data ?? [];
-	return /* @__PURE__ */ _(n, {
-		title: "Collaborations",
-		description: "Brand × creator partnerships with a real lifecycle",
-		actions: /* @__PURE__ */ _("button", {
+function x(e) {
+	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function S() {
+	let { navigateTo: S } = e(), C = i(), [w, T] = h("ALL"), E = m(() => [{
+		value: "ALL",
+		label: C("coolandlovely.filters.all", "All")
+	}, ...b.map((e) => ({
+		value: e,
+		label: C(`coolandlovely.status.${e.toLowerCase()}`, x(e))
+	}))], [C]), D = r({ status: w === "ALL" ? void 0 : w }), O = D.data ?? [];
+	return /* @__PURE__ */ y(n, {
+		title: C("coolandlovely.page.collaborationsTitle", "Collaborations"),
+		description: C("coolandlovely.page.collaborationsSubtitle", "Brand × creator partnerships with a real lifecycle"),
+		actions: /* @__PURE__ */ y("button", {
 			type: "button",
-			onClick: () => y("/collaborations/new"),
+			onClick: () => S("/collaborations/new"),
 			className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
-			children: [/* @__PURE__ */ g(h, { className: "h-4 w-4" }), " New collaboration"]
+			children: [
+				/* @__PURE__ */ v(_, { className: "h-4 w-4" }),
+				" ",
+				C("coolandlovely.actions.newCollaboration", "New collaboration")
+			]
 		}),
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "mb-6 flex flex-wrap items-center gap-2",
-			children: v.map((e) => /* @__PURE__ */ g("button", {
+			children: E.map((e) => /* @__PURE__ */ v("button", {
 				type: "button",
-				onClick: () => x(e.value),
-				className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", b === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+				onClick: () => T(e.value),
+				className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", w === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
 				children: e.label
 			}, e.value))
-		}), S.isLoading ? /* @__PURE__ */ g(a, { label: "Loading collaborations…" }) : S.isError ? /* @__PURE__ */ g(i, { onRetry: () => void S.refetch() }) : C.length === 0 ? /* @__PURE__ */ g(u, {
+		}), D.isLoading ? /* @__PURE__ */ v(s, { label: C("coolandlovely.loading.collaborations", "Loading collaborations…") }) : D.isError ? /* @__PURE__ */ v(o, { onRetry: () => void D.refetch() }) : O.length === 0 ? /* @__PURE__ */ v(d, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ g(m, { className: "h-10 w-10" }),
-			title: "No collaborations yet",
-			description: "Propose a brand × creator partnership to get started.",
-			action: /* @__PURE__ */ _("button", {
+			icon: /* @__PURE__ */ v(g, { className: "h-10 w-10" }),
+			title: C("coolandlovely.empty.collaborationsTitle", "No collaborations yet"),
+			description: C("coolandlovely.empty.collaborationsDescription", "Propose a brand × creator partnership to get started."),
+			action: /* @__PURE__ */ y("button", {
 				type: "button",
-				onClick: () => y("/collaborations/new"),
+				onClick: () => S("/collaborations/new"),
 				className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
-				children: [/* @__PURE__ */ g(h, { className: "h-4 w-4" }), " New collaboration"]
+				children: [
+					/* @__PURE__ */ v(_, { className: "h-4 w-4" }),
+					" ",
+					C("coolandlovely.actions.newCollaboration", "New collaboration")
+				]
 			})
-		}) : /* @__PURE__ */ g("div", {
+		}) : /* @__PURE__ */ v("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-			children: C.map((e) => /* @__PURE__ */ _("button", {
+			children: O.map((e) => /* @__PURE__ */ y("button", {
 				type: "button",
-				onClick: () => y(`/collaborations/${e.id}`),
+				onClick: () => S(`/collaborations/${e.id}`),
 				className: "flex flex-col rounded-lg border border-border-seam bg-bg-surface p-4 text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md",
 				children: [
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex items-start gap-3",
 						children: [
-							/* @__PURE__ */ g(f, {
+							/* @__PURE__ */ v(p, {
 								brandLogoFileId: e.brand?.logo?.id,
 								brandSeed: e.brandId,
 								creatorId: e.creatorId,
 								size: "sm",
 								className: "shrink-0"
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ y("div", {
 								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ g("h3", {
+								children: [/* @__PURE__ */ v("h3", {
 									className: "truncate text-base font-semibold text-text-primary",
 									children: e.title
-								}), /* @__PURE__ */ _("p", {
+								}), /* @__PURE__ */ y("p", {
 									className: "truncate text-xs text-text-secondary",
 									children: [
-										e.brand?.name ?? "Brand",
-										" × ",
-										/* @__PURE__ */ g(d, { id: e.creatorId })
+										e.brand?.name ?? C("coolandlovely.common.brand", "Brand"),
+										" ×",
+										" ",
+										/* @__PURE__ */ v(f, { id: e.creatorId })
 									]
 								})]
 							}),
-							/* @__PURE__ */ g(r, { status: e.status })
+							/* @__PURE__ */ v(a, { status: e.status })
 						]
 					}),
-					e.brief && /* @__PURE__ */ g("p", {
+					e.brief && /* @__PURE__ */ v("p", {
 						className: "mt-3 line-clamp-2 text-sm text-text-secondary",
 						children: e.brief
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ y("div", {
 						className: "mt-3 flex items-center justify-between text-xs text-text-secondary",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ v("span", {
 							className: "rounded-full bg-bg-sunken px-2 py-0.5",
-							children: l(e.role)
-						}), /* @__PURE__ */ g("span", { children: c(e.compensation, e.currency) })]
+							children: C(`coolandlovely.role.${e.role.toLowerCase()}`, u(e.role))
+						}), /* @__PURE__ */ v("span", { children: l(e.compensation, e.currency) })]
 					}),
-					e.startDate && /* @__PURE__ */ _("p", {
+					e.startDate && /* @__PURE__ */ y("p", {
 						className: "mt-2 text-xs text-text-secondary",
-						children: ["Starts ", s(e.startDate, {
-							hour: void 0,
-							minute: void 0
-						})]
+						children: [
+							C("coolandlovely.common.starts", "Starts"),
+							" ",
+							c(e.startDate, {
+								hour: void 0,
+								minute: void 0
+							})
+						]
 					})
 				]
 			}, e.id))
@@ -131,6 +132,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as CollaborationsListPage };
+export { S as CollaborationsListPage };
 
 //# sourceMappingURL=CollaborationsListPage.js.map

package/dist/coolandlovely/pages/collaborations/CollaborationsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollaborationsListPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/collaborations/CollaborationsListPage.tsx"],"sourcesContent":["/**\n * Collaborations List Page\n * @module coolandlovely/pages/collaborations\n *\n * Lists brand × creator partnerships (`cooListCollaborations`) with status\n * filter.\n */\n\nimport { useState } from 'react';\nimport { Plus, Handshake } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { BrandCreatorAvatars } from '../../components/BrandCreatorAvatars';\nimport { ActorName } from '../../components/ActorName';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useCollaborations } from '../../hooks';\nimport { formatPrice, formatDate, titleCase } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { CooCollaborationStatus } from '../../types';\n\nconst STATUS_OPTIONS: Array<{ value: CooCollaborationStatus | 'ALL'; label: string }> = [\n  { value: 'ALL', label: 'All' },\n  { value: 'PROPOSED', label: 'Proposed' },\n  { value: 'ACCEPTED', label: 'Accepted' },\n  { value: 'IN_PROGRESS', label: 'In progress' },\n  { value: 'PUBLISHED', label: 'Published' },\n  { value: 'DECLINED', label: 'Declined' },\n  { value: 'CANCELLED', label: 'Cancelled' },\n];\n\nexport function CollaborationsListPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const [status, setStatus] = useState<CooCollaborationStatus | 'ALL'>('ALL');\n\n  const query = useCollaborations({ status: status === 'ALL' ? undefined : status });\n  const collaborations = query.data ?? [];\n\n  return (\n    <PageLayout\n      title=\"Collaborations\"\n      description=\"Brand × creator partnerships with a real lifecycle\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/collaborations/new')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n        >\n          <Plus className=\"h-4 w-4\" /> New collaboration\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap items-center gap-2\">\n        {STATUS_OPTIONS.map((opt) => (\n          <button\n            key={opt.value}\n            type=\"button\"\n            onClick={() => setStatus(opt.value)}\n            className={cn(\n              'rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n              status === opt.value\n                ? 'bg-action-primary-bg text-action-primary-text'\n                : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n            )}\n          >\n            {opt.label}\n          </button>\n        ))}\n      </div>\n\n      {query.isLoading ? (\n        <LoadingView label=\"Loading collaborations…\" />\n      ) : query.isError ? (\n        <ErrorView onRetry={() => void query.refetch()} />\n      ) : collaborations.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Handshake className=\"h-10 w-10\" />}\n          title=\"No collaborations yet\"\n          description=\"Propose a brand × creator partnership to get started.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/collaborations/new')}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text\"\n            >\n              <Plus className=\"h-4 w-4\" /> New collaboration\n            </button>\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {collaborations.map((c) => (\n            <button\n              key={c.id}\n              type=\"button\"\n              onClick={() => navigateTo(`/collaborations/${c.id}`)}\n              className=\"flex flex-col rounded-lg border border-border-seam bg-bg-surface p-4 text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n            >\n              <div className=\"flex items-start gap-3\">\n                <BrandCreatorAvatars\n                  brandLogoFileId={c.brand?.logo?.id}\n                  brandSeed={c.brandId}\n                  creatorId={c.creatorId}\n                  size=\"sm\"\n                  className=\"shrink-0\"\n                />\n                <div className=\"min-w-0 flex-1\">\n                  <h3 className=\"truncate text-base font-semibold text-text-primary\">{c.title}</h3>\n                  <p className=\"truncate text-xs text-text-secondary\">\n                    {c.brand?.name ?? 'Brand'} × <ActorName id={c.creatorId} />\n                  </p>\n                </div>\n                <StatusBadge status={c.status} />\n              </div>\n              {c.brief && (\n                <p className=\"mt-3 line-clamp-2 text-sm text-text-secondary\">{c.brief}</p>\n              )}\n              <div className=\"mt-3 flex items-center justify-between text-xs text-text-secondary\">\n                <span className=\"rounded-full bg-bg-sunken px-2 py-0.5\">{titleCase(c.role)}</span>\n                <span>{formatPrice(c.compensation, c.currency)}</span>\n              </div>\n              {c.startDate && (\n                <p className=\"mt-2 text-xs text-text-secondary\">\n                  Starts {formatDate(c.startDate, { hour: undefined, minute: undefined })}\n                </p>\n              )}\n            </button>\n          ))}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAsBA,IAAM,IAAkF;CACtF;EAAE,OAAO;EAAO,OAAO;EAAO;CAC9B;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAe,OAAO;EAAe;CAC9C;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAa,OAAO;EAAa;CAC3C;AAED,SAAgB,IAAyB;CACvC,IAAM,EAAE,kBAAe,GAAkB,EACnC,CAAC,GAAQ,KAAa,EAAyC,MAAM,EAErE,IAAQ,EAAkB,EAAE,QAAQ,MAAW,QAAQ,KAAA,IAAY,GAAQ,CAAC,EAC5E,IAAiB,EAAM,QAAQ,EAAE;AAEvC,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,sBAAsB;GAChD,WAAU;aAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,qBACrB;;YAVb,CAaE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAe,KAAK,MACnB,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,EAAU,EAAI,MAAM;IACnC,WAAW,EACT,kEACA,MAAW,EAAI,QACX,kDACA,2DACL;cAEA,EAAI;IACE,EAXF,EAAI,MAWF,CACT;GACE,CAAA,EAEL,EAAM,YACL,kBAAC,GAAD,EAAa,OAAM,2BAA4B,CAAA,GAC7C,EAAM,UACR,kBAAC,GAAD,EAAW,eAAe,KAAK,EAAM,SAAS,EAAI,CAAA,GAChD,EAAe,WAAW,IAC5B,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAW,WAAU,aAAc,CAAA;GACzC,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,sBAAsB;IAChD,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,qBACrB;;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAe,KAAK,MACnB,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,EAAW,mBAAmB,EAAE,KAAK;IACpD,WAAU;cAJZ;KAME,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD;QACE,iBAAiB,EAAE,OAAO,MAAM;QAChC,WAAW,EAAE;QACb,WAAW,EAAE;QACb,MAAK;QACL,WAAU;QACV,CAAA;OACF,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,MAAD;SAAI,WAAU;mBAAsD,EAAE;SAAW,CAAA,EACjF,kBAAC,KAAD;SAAG,WAAU;mBAAb;UACG,EAAE,OAAO,QAAQ;UAAQ;UAAG,kBAAC,GAAD,EAAW,IAAI,EAAE,WAAa,CAAA;UACzD;WACA;;OACN,kBAAC,GAAD,EAAa,QAAQ,EAAE,QAAU,CAAA;OAC7B;;KACL,EAAE,SACD,kBAAC,KAAD;MAAG,WAAU;gBAAiD,EAAE;MAAU,CAAA;KAE5E,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAyC,EAAU,EAAE,KAAK;OAAQ,CAAA,EAClF,kBAAC,QAAD,EAAA,UAAO,EAAY,EAAE,cAAc,EAAE,SAAS,EAAQ,CAAA,CAClD;;KACL,EAAE,aACD,kBAAC,KAAD;MAAG,WAAU;gBAAb,CAAgD,WACtC,EAAW,EAAE,WAAW;OAAE,MAAM,KAAA;OAAW,QAAQ,KAAA;OAAW,CAAC,CACrE;;KAEC;MAjCF,EAAE,GAiCA,CACT;GACE,CAAA,CAEG"}
+{"version":3,"file":"CollaborationsListPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/collaborations/CollaborationsListPage.tsx"],"sourcesContent":["/**\n * Collaborations List Page\n * @module coolandlovely/pages/collaborations\n *\n * Lists brand × creator partnerships (`cooListCollaborations`) with status\n * filter.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, Handshake } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { BrandCreatorAvatars } from '../../components/BrandCreatorAvatars';\nimport { ActorName } from '../../components/ActorName';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useCollaborations, useTr } from '../../hooks';\nimport { formatPrice, formatDate, titleCase } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { CooCollaborationStatus } from '../../types';\n\nconst STATUS_ORDER: CooCollaborationStatus[] = [\n  'PROPOSED',\n  'ACCEPTED',\n  'IN_PROGRESS',\n  'PUBLISHED',\n  'DECLINED',\n  'CANCELLED',\n];\n\nfunction formatStatusLabel(status: string): string {\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\n\nexport function CollaborationsListPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const tr = useTr();\n  const [status, setStatus] = useState<CooCollaborationStatus | 'ALL'>('ALL');\n\n  const statusOptions = useMemo(\n    () => [\n      { value: 'ALL' as const, label: tr('coolandlovely.filters.all', 'All') },\n      ...STATUS_ORDER.map((value) => ({\n        value,\n        label: tr(`coolandlovely.status.${value.toLowerCase()}`, formatStatusLabel(value)),\n      })),\n    ],\n    [tr]\n  );\n\n  const query = useCollaborations({ status: status === 'ALL' ? undefined : status });\n  const collaborations = query.data ?? [];\n\n  return (\n    <PageLayout\n      title={tr('coolandlovely.page.collaborationsTitle', 'Collaborations')}\n      description={tr(\n        'coolandlovely.page.collaborationsSubtitle',\n        'Brand × creator partnerships with a real lifecycle'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/collaborations/new')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n        >\n          <Plus className=\"h-4 w-4\" />{' '}\n          {tr('coolandlovely.actions.newCollaboration', 'New collaboration')}\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap items-center gap-2\">\n        {statusOptions.map((opt) => (\n          <button\n            key={opt.value}\n            type=\"button\"\n            onClick={() => setStatus(opt.value)}\n            className={cn(\n              'rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n              status === opt.value\n                ? 'bg-action-primary-bg text-action-primary-text'\n                : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n            )}\n          >\n            {opt.label}\n          </button>\n        ))}\n      </div>\n\n      {query.isLoading ? (\n        <LoadingView\n          label={tr('coolandlovely.loading.collaborations', 'Loading collaborations…')}\n        />\n      ) : query.isError ? (\n        <ErrorView onRetry={() => void query.refetch()} />\n      ) : collaborations.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Handshake className=\"h-10 w-10\" />}\n          title={tr('coolandlovely.empty.collaborationsTitle', 'No collaborations yet')}\n          description={tr(\n            'coolandlovely.empty.collaborationsDescription',\n            'Propose a brand × creator partnership to get started.'\n          )}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/collaborations/new')}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text\"\n            >\n              <Plus className=\"h-4 w-4\" />{' '}\n              {tr('coolandlovely.actions.newCollaboration', 'New collaboration')}\n            </button>\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {collaborations.map((c) => (\n            <button\n              key={c.id}\n              type=\"button\"\n              onClick={() => navigateTo(`/collaborations/${c.id}`)}\n              className=\"flex flex-col rounded-lg border border-border-seam bg-bg-surface p-4 text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n            >\n              <div className=\"flex items-start gap-3\">\n                <BrandCreatorAvatars\n                  brandLogoFileId={c.brand?.logo?.id}\n                  brandSeed={c.brandId}\n                  creatorId={c.creatorId}\n                  size=\"sm\"\n                  className=\"shrink-0\"\n                />\n                <div className=\"min-w-0 flex-1\">\n                  <h3 className=\"truncate text-base font-semibold text-text-primary\">{c.title}</h3>\n                  <p className=\"truncate text-xs text-text-secondary\">\n                    {c.brand?.name ?? tr('coolandlovely.common.brand', 'Brand')} ×{' '}\n                    <ActorName id={c.creatorId} />\n                  </p>\n                </div>\n                <StatusBadge status={c.status} />\n              </div>\n              {c.brief && (\n                <p className=\"mt-3 line-clamp-2 text-sm text-text-secondary\">{c.brief}</p>\n              )}\n              <div className=\"mt-3 flex items-center justify-between text-xs text-text-secondary\">\n                <span className=\"rounded-full bg-bg-sunken px-2 py-0.5\">\n                  {tr(`coolandlovely.role.${c.role.toLowerCase()}`, titleCase(c.role))}\n                </span>\n                <span>{formatPrice(c.compensation, c.currency)}</span>\n              </div>\n              {c.startDate && (\n                <p className=\"mt-2 text-xs text-text-secondary\">\n                  {tr('coolandlovely.common.starts', 'Starts')}{' '}\n                  {formatDate(c.startDate, { hour: undefined, minute: undefined })}\n                </p>\n              )}\n            </button>\n          ))}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/coolandlovely/pages/collections/CollectionDetailPage.js

@@ -1,12 +1,12 @@
 import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
-import { StatusBadge as n } from "../../components/StatusBadge.js";
-import { ErrorView as r, LoadingView as i } from "../../components/StateViews.js";
-import { Thumbnail as a } from "../../components/Thumbnail.js";
-import { useArchiveCollection as o, useCollection as s, usePublishCollection as c } from "../../hooks/useCoolAndLovelyApi.js";
-import { formatDate as l, formatPrice as u, titleCase as d } from "../../utils/formatters.js";
-import { useAssistantEntityName as f } from "../../hooks/useAssistantEntity.js";
+import { useArchiveCollection as n, useCollection as r, usePublishCollection as i } from "../../hooks/useCoolAndLovelyApi.js";
+import { useAssistantEntityName as a } from "../../hooks/useAssistantEntity.js";
 import "../../hooks/index.js";
+import { StatusBadge as o } from "../../components/StatusBadge.js";
+import { ErrorView as s, LoadingView as c } from "../../components/StateViews.js";
+import { Thumbnail as l } from "../../components/Thumbnail.js";
+import { formatDate as u, formatPrice as d, titleCase as f } from "../../utils/formatters.js";
 import { categoryIcon as p } from "../../utils/icons.js";
 import { TagList as m } from "../../components/TagList.js";
 import { ColourSwatchRow as h } from "../../components/ColourSwatchRow.js";
@@ -16,14 +16,14 @@ import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
 import { GlassCard as O } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/collections/CollectionDetailPage.tsx
 function k() {
-	let { collectionId: k } = w(), { navigateTo: A } = e(), j = s(k), M = c(), N = o();
-	if (f(k, j.data?.name), j.isLoading) return /* @__PURE__ */ E(t, {
+	let { collectionId: k } = w(), { navigateTo: A } = e(), j = r(k), M = i(), N = n();
+	if (a(k, j.data?.name), j.isLoading) return /* @__PURE__ */ E(t, {
 		title: "Collection",
-		children: /* @__PURE__ */ E(i, { label: "Loading collection…" })
+		children: /* @__PURE__ */ E(c, { label: "Loading collection…" })
 	});
 	if (j.isError || !j.data) return /* @__PURE__ */ E(t, {
 		title: "Collection",
-		children: /* @__PURE__ */ E(r, {
+		children: /* @__PURE__ */ E(s, {
 			title: "Collection not found",
 			onRetry: () => void j.refetch()
 		})
@@ -70,7 +70,7 @@ function k() {
 				children: [/* @__PURE__ */ D(O, {
 					treatment: "glass",
 					className: "group overflow-hidden p-0",
-					children: [/* @__PURE__ */ E(a, {
+					children: [/* @__PURE__ */ E(l, {
 						icon: /* @__PURE__ */ E(S, { className: "h-12 w-12" }),
 						seed: P.id,
 						fileId: P.cover?.id,
@@ -94,11 +94,11 @@ function k() {
 										}),
 										/* @__PURE__ */ E("span", {
 											className: "rounded-full border border-border-seam bg-bg-surface/80 px-2.5 py-0.5 text-xs font-medium text-text-primary backdrop-blur-sm",
-											children: d(P.season)
+											children: f(P.season)
 										})
 									]
 								})]
-							}), /* @__PURE__ */ E(n, {
+							}), /* @__PURE__ */ E(o, {
 								status: P.status,
 								className: "shrink-0 shadow-sm"
 							})]
@@ -133,7 +133,7 @@ function k() {
 								type: "button",
 								onClick: () => A(`/items/${e.id}`),
 								className: "group overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left transition-all hover:border-accent-foreground/20 hover:shadow-md",
-								children: [/* @__PURE__ */ E(a, {
+								children: [/* @__PURE__ */ E(l, {
 									icon: p(e.category, 28),
 									seed: e.id,
 									fileId: e.image?.id,
@@ -148,7 +148,7 @@ function k() {
 										}),
 										/* @__PURE__ */ E("p", {
 											className: "mt-0.5 text-xs font-semibold text-text-primary tabular-nums",
-											children: u(e.price, e.currency)
+											children: d(e.price, e.currency)
 										}),
 										e.colours.length > 0 && /* @__PURE__ */ E(h, {
 											colours: e.colours,
@@ -186,7 +186,7 @@ function k() {
 										children: "Season"
 									}), /* @__PURE__ */ E("dd", {
 										className: "text-text-primary",
-										children: d(P.season)
+										children: f(P.season)
 									})]
 								}),
 								/* @__PURE__ */ D("div", {
@@ -196,7 +196,7 @@ function k() {
 										children: "Publish at"
 									}), /* @__PURE__ */ E("dd", {
 										className: "text-text-primary",
-										children: P.publishAt ? l(P.publishAt, {
+										children: P.publishAt ? u(P.publishAt, {
 											hour: void 0,
 											minute: void 0
 										}) : "—"
@@ -209,7 +209,7 @@ function k() {
 										children: "Ends at"
 									}), /* @__PURE__ */ E("dd", {
 										className: "text-text-primary",
-										children: P.endAt ? l(P.endAt, {
+										children: P.endAt ? u(P.endAt, {
 											hour: void 0,
 											minute: void 0
 										}) : "—"
@@ -222,7 +222,7 @@ function k() {
 						type: "button",
 						onClick: () => A(`/brands/${P.brand?.id}`),
 						className: "flex w-full items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left transition-colors hover:bg-bg-sunken/50",
-						children: [/* @__PURE__ */ E(a, {
+						children: [/* @__PURE__ */ E(l, {
 							icon: /* @__PURE__ */ E(C, { className: "h-5 w-5" }),
 							seed: P.brand.id,
 							className: "h-10 w-10 shrink-0"

package/dist/coolandlovely/pages/collections/CollectionFormPage.js

@@ -1,10 +1,10 @@
 import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
-import { ErrorView as n, LoadingView as r } from "../../components/StateViews.js";
-import { COO_FILE_FOLDERS as i } from "../../hooks/useFiles.js";
-import { useBrands as a, useCollection as o, useCreateCollection as s, useUpdateCollection as c } from "../../hooks/useCoolAndLovelyApi.js";
-import { parseCsv as l, titleCase as u } from "../../utils/formatters.js";
+import { useBrands as n, useCollection as r, useCreateCollection as i, useUpdateCollection as a } from "../../hooks/useCoolAndLovelyApi.js";
+import { COO_FILE_FOLDERS as o } from "../../hooks/useFiles.js";
 import "../../hooks/index.js";
+import { ErrorView as s, LoadingView as c } from "../../components/StateViews.js";
+import { parseCsv as l, titleCase as u } from "../../utils/formatters.js";
 import { SelectField as d, TextAreaField as f, TextField as p } from "../../components/Field.js";
 import { ImageUploadField as m } from "../../components/ImageUploadField.js";
 import { useEffect as h, useMemo as g, useState as _ } from "react";
@@ -41,10 +41,10 @@ function A(e) {
 	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
 }
 function j() {
-	let { collectionId: j } = S(), [M] = C(), N = !!j, { navigateTo: P } = e(), F = o(N ? j : void 0), I = a({ pagination: {
+	let { collectionId: j } = S(), [M] = C(), N = !!j, { navigateTo: P } = e(), F = r(N ? j : void 0), I = n({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), L = s(), R = c(), [z, B] = _(() => ({
+	} }), L = i(), R = a(), [z, B] = _(() => ({
 		...O,
 		brandId: M.get("brandId") ?? ""
 	})), [V, H] = _({});
@@ -78,10 +78,10 @@ function j() {
 	};
 	return N && F.isLoading ? /* @__PURE__ */ w(t, {
 		title: "Edit collection",
-		children: /* @__PURE__ */ w(r, { label: "Loading collection…" })
+		children: /* @__PURE__ */ w(c, { label: "Loading collection…" })
 	}) : N && (F.isError || !F.data) ? /* @__PURE__ */ w(t, {
 		title: "Edit collection",
-		children: /* @__PURE__ */ w(n, {
+		children: /* @__PURE__ */ w(s, {
 			title: "Collection not found",
 			onRetry: () => void F.refetch()
 		})
@@ -204,7 +204,7 @@ function j() {
 						aspect: "wide",
 						value: z.coverFileId,
 						onChange: (e) => U("coverFileId", e),
-						folder: i.collections,
+						folder: o.collections,
 						hint: "Represents the drop on cards and the collection page",
 						className: "mt-4"
 					}),

package/dist/coolandlovely/pages/collections/CollectionsListPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionsListPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/collections/CollectionsListPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAsBH,wBAAgB,mBAAmB,gCAwElC"}
+{"version":3,"file":"CollectionsListPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/collections/CollectionsListPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmBH,wBAAgB,mBAAmB,gCA2FlC"}

package/dist/coolandlovely/pages/collections/CollectionsListPage.js

@@ -1,81 +1,80 @@
 import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { ErrorView as r, LoadingView as i } from "../../components/StateViews.js";
-import { useCollections as a } from "../../hooks/useCoolAndLovelyApi.js";
+import { useCollections as r } from "../../hooks/useCoolAndLovelyApi.js";
+import { useTr as i } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { CollectionCard as s } from "../../components/CollectionCard.js";
-import { useState as c } from "react";
-import { Plus as l, Shapes as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ErrorView as a, LoadingView as o } from "../../components/StateViews.js";
+import { EmptyState as s } from "../../components/EmptyState.js";
+import { CollectionCard as c } from "../../components/CollectionCard.js";
+import { useMemo as l, useState as u } from "react";
+import { Plus as d, Shapes as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/coolandlovely/pages/collections/CollectionsListPage.tsx
-var p = [
-	{
-		value: "ALL",
-		label: "All"
-	},
-	{
-		value: "LIVE",
-		label: "Live"
-	},
-	{
-		value: "SCHEDULED",
-		label: "Scheduled"
-	},
-	{
-		value: "DRAFT",
-		label: "Draft"
-	},
-	{
-		value: "ENDED",
-		label: "Ended"
-	},
-	{
-		value: "ARCHIVED",
-		label: "Archived"
-	}
+var h = [
+	"LIVE",
+	"SCHEDULED",
+	"DRAFT",
+	"ENDED",
+	"ARCHIVED"
 ];
-function m() {
-	let { navigateTo: m } = e(), [h, g] = c("ALL"), _ = a({ status: h === "ALL" ? void 0 : h }), v = _.data ?? [];
-	return /* @__PURE__ */ f(n, {
-		title: "Collections",
-		description: "Seasonal drops and curated edits grouped by brand",
-		actions: /* @__PURE__ */ f("button", {
+function g(e) {
+	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function _() {
+	let { navigateTo: _ } = e(), v = i(), [y, b] = u("ALL"), x = l(() => [{
+		value: "ALL",
+		label: v("coolandlovely.filters.all", "All")
+	}, ...h.map((e) => ({
+		value: e,
+		label: v(`coolandlovely.status.${e.toLowerCase()}`, g(e))
+	}))], [v]), S = r({ status: y === "ALL" ? void 0 : y }), C = S.data ?? [];
+	return /* @__PURE__ */ m(n, {
+		title: v("coolandlovely.page.collectionsTitle", "Collections"),
+		description: v("coolandlovely.page.collectionsSubtitle", "Seasonal drops and curated edits grouped by brand"),
+		actions: /* @__PURE__ */ m("button", {
 			type: "button",
-			onClick: () => m("/collections/new"),
+			onClick: () => _("/collections/new"),
 			className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
-			children: [/* @__PURE__ */ d(l, { className: "h-4 w-4" }), " New collection"]
+			children: [
+				/* @__PURE__ */ p(d, { className: "h-4 w-4" }),
+				" ",
+				v("coolandlovely.actions.newCollection", "New collection")
+			]
 		}),
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: "mb-6 flex flex-wrap items-center gap-2",
-			children: p.map((e) => /* @__PURE__ */ d("button", {
+			children: x.map((e) => /* @__PURE__ */ p("button", {
 				type: "button",
-				onClick: () => g(e.value),
-				className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", h === e.value ? "bg-accent-purple-subtle text-text-primary" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+				onClick: () => b(e.value),
+				className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", y === e.value ? "bg-accent-purple-subtle text-text-primary" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
 				children: e.label
 			}, e.value))
-		}), _.isLoading ? /* @__PURE__ */ d(i, { label: "Loading collections…" }) : _.isError ? /* @__PURE__ */ d(r, { onRetry: () => void _.refetch() }) : v.length === 0 ? /* @__PURE__ */ d(o, {
+		}), S.isLoading ? /* @__PURE__ */ p(o, { label: v("coolandlovely.loading.collections", "Loading collections…") }) : S.isError ? /* @__PURE__ */ p(a, { onRetry: () => void S.refetch() }) : C.length === 0 ? /* @__PURE__ */ p(s, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ d(u, { className: "h-10 w-10" }),
-			title: "No collections yet",
-			description: "Group pieces into a seasonal drop to start a collection.",
-			action: /* @__PURE__ */ f("button", {
+			icon: /* @__PURE__ */ p(f, { className: "h-10 w-10" }),
+			title: v("coolandlovely.empty.collectionsTitle", "No collections yet"),
+			description: v("coolandlovely.empty.collectionsDescription", "Group pieces into a seasonal drop to start a collection."),
+			action: /* @__PURE__ */ m("button", {
 				type: "button",
-				onClick: () => m("/collections/new"),
+				onClick: () => _("/collections/new"),
 				className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
-				children: [/* @__PURE__ */ d(l, { className: "h-4 w-4" }), " New collection"]
+				children: [
+					/* @__PURE__ */ p(d, { className: "h-4 w-4" }),
+					" ",
+					v("coolandlovely.actions.newCollection", "New collection")
+				]
 			})
-		}) : /* @__PURE__ */ d("div", {
+		}) : /* @__PURE__ */ p("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-			children: v.map((e) => /* @__PURE__ */ d(s, {
+			children: C.map((e) => /* @__PURE__ */ p(c, {
 				collection: e,
-				onClick: () => m(`/collections/${e.id}`)
+				onClick: () => _(`/collections/${e.id}`)
 			}, e.id))
 		})]
 	});
 }
 //#endregion
-export { m as CollectionsListPage };
+export { _ as CollectionsListPage };
 
 //# sourceMappingURL=CollectionsListPage.js.map

package/dist/coolandlovely/pages/collections/CollectionsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionsListPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/collections/CollectionsListPage.tsx"],"sourcesContent":["/**\n * Collections List Page\n * @module coolandlovely/pages/collections\n *\n * Lists seasonal collections (`cooListCollections`) with status filter.\n */\n\nimport { useState } from 'react';\nimport { Plus, Shapes } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { CollectionCard } from '../../components/CollectionCard';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useCollections } from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport type { CooCollectionStatus } from '../../types';\n\nconst STATUS_OPTIONS: Array<{ value: CooCollectionStatus | 'ALL'; label: string }> = [\n  { value: 'ALL', label: 'All' },\n  { value: 'LIVE', label: 'Live' },\n  { value: 'SCHEDULED', label: 'Scheduled' },\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'ENDED', label: 'Ended' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nexport function CollectionsListPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const [status, setStatus] = useState<CooCollectionStatus | 'ALL'>('ALL');\n\n  const query = useCollections({ status: status === 'ALL' ? undefined : status });\n  const collections = query.data ?? [];\n\n  return (\n    <PageLayout\n      title=\"Collections\"\n      description=\"Seasonal drops and curated edits grouped by brand\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/collections/new')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n        >\n          <Plus className=\"h-4 w-4\" /> New collection\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap items-center gap-2\">\n        {STATUS_OPTIONS.map((opt) => (\n          <button\n            key={opt.value}\n            type=\"button\"\n            onClick={() => setStatus(opt.value)}\n            className={cn(\n              'rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n              status === opt.value\n                ? 'bg-accent-purple-subtle text-text-primary'\n                : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n            )}\n          >\n            {opt.label}\n          </button>\n        ))}\n      </div>\n\n      {query.isLoading ? (\n        <LoadingView label=\"Loading collections…\" />\n      ) : query.isError ? (\n        <ErrorView onRetry={() => void query.refetch()} />\n      ) : collections.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Shapes className=\"h-10 w-10\" />}\n          title=\"No collections yet\"\n          description=\"Group pieces into a seasonal drop to start a collection.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/collections/new')}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text\"\n            >\n              <Plus className=\"h-4 w-4\" /> New collection\n            </button>\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {collections.map((collection) => (\n            <CollectionCard\n              key={collection.id}\n              collection={collection}\n              onClick={() => navigateTo(`/collections/${collection.id}`)}\n            />\n          ))}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAM,IAA+E;CACnF;EAAE,OAAO;EAAO,OAAO;EAAO;CAC9B;EAAE,OAAO;EAAQ,OAAO;EAAQ;CAChC;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAY,OAAO;EAAY;CACzC;AAED,SAAgB,IAAsB;CACpC,IAAM,EAAE,kBAAe,GAAkB,EACnC,CAAC,GAAQ,KAAa,EAAsC,MAAM,EAElE,IAAQ,EAAe,EAAE,QAAQ,MAAW,QAAQ,KAAA,IAAY,GAAQ,CAAC,EACzE,IAAc,EAAM,QAAQ,EAAE;AAEpC,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,mBAAmB;GAC7C,WAAU;aAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBACrB;;YAVb,CAaE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAe,KAAK,MACnB,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,EAAU,EAAI,MAAM;IACnC,WAAW,EACT,kEACA,MAAW,EAAI,QACX,8CACA,2DACL;cAEA,EAAI;IACE,EAXF,EAAI,MAWF,CACT;GACE,CAAA,EAEL,EAAM,YACL,kBAAC,GAAD,EAAa,OAAM,wBAAyB,CAAA,GAC1C,EAAM,UACR,kBAAC,GAAD,EAAW,eAAe,KAAK,EAAM,SAAS,EAAI,CAAA,GAChD,EAAY,WAAW,IACzB,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAQ,WAAU,aAAc,CAAA;GACtC,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,mBAAmB;IAC7C,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBACrB;;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;IAEc;IACZ,eAAe,EAAW,gBAAgB,EAAW,KAAK;IAC1D,EAHK,EAAW,GAGhB,CACF;GACE,CAAA,CAEG"}
+{"version":3,"file":"CollectionsListPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/collections/CollectionsListPage.tsx"],"sourcesContent":["/**\n * Collections List Page\n * @module coolandlovely/pages/collections\n *\n * Lists seasonal collections (`cooListCollections`) with status filter.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, Shapes } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { CollectionCard } from '../../components/CollectionCard';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useCollections, useTr } from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport type { CooCollectionStatus } from '../../types';\n\nconst STATUS_ORDER: CooCollectionStatus[] = ['LIVE', 'SCHEDULED', 'DRAFT', 'ENDED', 'ARCHIVED'];\n\nfunction formatStatusLabel(status: string): string {\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\n\nexport function CollectionsListPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const tr = useTr();\n  const [status, setStatus] = useState<CooCollectionStatus | 'ALL'>('ALL');\n\n  const statusOptions = useMemo(\n    () => [\n      { value: 'ALL' as const, label: tr('coolandlovely.filters.all', 'All') },\n      ...STATUS_ORDER.map((value) => ({\n        value,\n        label: tr(`coolandlovely.status.${value.toLowerCase()}`, formatStatusLabel(value)),\n      })),\n    ],\n    [tr]\n  );\n\n  const query = useCollections({ status: status === 'ALL' ? undefined : status });\n  const collections = query.data ?? [];\n\n  return (\n    <PageLayout\n      title={tr('coolandlovely.page.collectionsTitle', 'Collections')}\n      description={tr(\n        'coolandlovely.page.collectionsSubtitle',\n        'Seasonal drops and curated edits grouped by brand'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/collections/new')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n        >\n          <Plus className=\"h-4 w-4\" /> {tr('coolandlovely.actions.newCollection', 'New collection')}\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap items-center gap-2\">\n        {statusOptions.map((opt) => (\n          <button\n            key={opt.value}\n            type=\"button\"\n            onClick={() => setStatus(opt.value)}\n            className={cn(\n              'rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n              status === opt.value\n                ? 'bg-accent-purple-subtle text-text-primary'\n                : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n            )}\n          >\n            {opt.label}\n          </button>\n        ))}\n      </div>\n\n      {query.isLoading ? (\n        <LoadingView label={tr('coolandlovely.loading.collections', 'Loading collections…')} />\n      ) : query.isError ? (\n        <ErrorView onRetry={() => void query.refetch()} />\n      ) : collections.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Shapes className=\"h-10 w-10\" />}\n          title={tr('coolandlovely.empty.collectionsTitle', 'No collections yet')}\n          description={tr(\n            'coolandlovely.empty.collectionsDescription',\n            'Group pieces into a seasonal drop to start a collection.'\n          )}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/collections/new')}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text\"\n            >\n              <Plus className=\"h-4 w-4\" />{' '}\n              {tr('coolandlovely.actions.newCollection', 'New collection')}\n            </button>\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {collections.map((collection) => (\n            <CollectionCard\n              key={collection.id}\n              collection={collection}\n              onClick={() => navigateTo(`/collections/${collection.id}`)}\n            />\n          ))}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAM,IAAsC;CAAC;CAAQ;CAAa;CAAS;CAAS;CAAW;AAE/F,SAAS,EAAkB,GAAwB;AACjD,QAAO,EAAO,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAU,MAAM,EAAE,aAAa,CAAC;;AAG3E,SAAgB,IAAsB;CACpC,IAAM,EAAE,kBAAe,GAAkB,EACnC,IAAK,GAAO,EACZ,CAAC,GAAQ,KAAa,EAAsC,MAAM,EAElE,IAAgB,QACd,CACJ;EAAE,OAAO;EAAgB,OAAO,EAAG,6BAA6B,MAAM;EAAE,EACxE,GAAG,EAAa,KAAK,OAAW;EAC9B;EACA,OAAO,EAAG,wBAAwB,EAAM,aAAa,IAAI,EAAkB,EAAM,CAAC;EACnF,EAAE,CACJ,EACD,CAAC,EAAG,CACL,EAEK,IAAQ,EAAe,EAAE,QAAQ,MAAW,QAAQ,KAAA,IAAY,GAAQ,CAAC,EACzE,IAAc,EAAM,QAAQ,EAAE;AAEpC,QACE,kBAAC,GAAD;EACE,OAAO,EAAG,uCAAuC,cAAc;EAC/D,aAAa,EACX,0CACA,oDACD;EACD,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,mBAAmB;GAC7C,WAAU;aAHZ;IAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;;IAAE,EAAG,uCAAuC,iBAAiB;IAClF;;YAbb,CAgBE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAc,KAAK,MAClB,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,EAAU,EAAI,MAAM;IACnC,WAAW,EACT,kEACA,MAAW,EAAI,QACX,8CACA,2DACL;cAEA,EAAI;IACE,EAXF,EAAI,MAWF,CACT;GACE,CAAA,EAEL,EAAM,YACL,kBAAC,GAAD,EAAa,OAAO,EAAG,qCAAqC,uBAAuB,EAAI,CAAA,GACrF,EAAM,UACR,kBAAC,GAAD,EAAW,eAAe,KAAK,EAAM,SAAS,EAAI,CAAA,GAChD,EAAY,WAAW,IACzB,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAQ,WAAU,aAAc,CAAA;GACtC,OAAO,EAAG,wCAAwC,qBAAqB;GACvE,aAAa,EACX,8CACA,2DACD;GACD,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,mBAAmB;IAC7C,WAAU;cAHZ;KAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KAAC;KAC5B,EAAG,uCAAuC,iBAAiB;KACrD;;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;IAEc;IACZ,eAAe,EAAW,gBAAgB,EAAW,KAAK;IAC1D,EAHK,EAAW,GAGhB,CACF;GACE,CAAA,CAEG"}

package/dist/coolandlovely/pages/discover/DiscoverPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DiscoverPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/discover/DiscoverPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAsKH,wBAAgB,YAAY,gCA+pB3B"}
+{"version":3,"file":"DiscoverPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/discover/DiscoverPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AA6JH,wBAAgB,YAAY,gCAkxB3B"}