@burdenoff/microfe-coolandlovely 2026.805.1 → 2026.820.2

package/dist/coolandlovely/pages/brands/BrandsListPage.js

@@ -1,19 +1,16 @@
 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 { useBrands as o } from "../../hooks/useCoolAndLovelyApi.js";
-import { titleCase as s } from "../../utils/formatters.js";
+import { ErrorView as r, LoadingView as i } from "../../components/StateViews.js";
+import { useBrands as a } from "../../hooks/useCoolAndLovelyApi.js";
 import "../../hooks/index.js";
-import { BrandCover as c } from "../../components/BrandCover.js";
-import { TagList as l } from "../../components/TagList.js";
-import { EmptyState as u } from "../../components/EmptyState.js";
-import { useState as d } from "react";
-import { ChevronLeft as f, ChevronRight as p, Plus as m, Star as h, Store as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EmptyState as o } from "../../components/EmptyState.js";
+import { BrandCard as s } from "../../components/BrandCard.js";
+import { useState as c } from "react";
+import { ChevronLeft as l, ChevronRight as u, Plus as d, Star as f, Store as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/coolandlovely/pages/brands/BrandsListPage.tsx
-var b = 24, x = [
+var _ = 24, v = [
 	{
 		value: "ALL",
 		label: "All"
@@ -39,126 +36,88 @@ var b = 24, x = [
 		label: "Archived"
 	}
 ];
-function S() {
-	let { navigateTo: S } = e(), [C, w] = d("ALL"), [T, E] = d(!1), [D, O] = d(0), k = o({
-		status: C === "ALL" ? void 0 : C,
-		featured: T ? !0 : void 0,
+function y() {
+	let { navigateTo: y } = e(), [b, x] = c("ALL"), [S, C] = c(!1), [w, T] = c(0), E = a({
+		status: b === "ALL" ? void 0 : b,
+		featured: S ? !0 : void 0,
 		pagination: {
-			limit: b,
-			offset: D
+			limit: _,
+			offset: w
 		}
-	}), A = k.data?.items ?? [], j = k.data?.pageInfo.hasMore ?? !1;
-	return /* @__PURE__ */ y(n, {
+	}), D = E.data?.items ?? [], O = E.data?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ g(n, {
 		title: "Brands",
 		description: "Storefronts on the platform with a real publish lifecycle",
-		actions: /* @__PURE__ */ y("button", {
+		actions: /* @__PURE__ */ g("button", {
 			type: "button",
-			onClick: () => S("/brands/new"),
+			onClick: () => y("/brands/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__ */ v(m, { className: "h-4 w-4" }), " New brand"]
+			children: [/* @__PURE__ */ h(d, { className: "h-4 w-4" }), " New brand"]
 		}),
-		children: [/* @__PURE__ */ y("div", {
+		children: [/* @__PURE__ */ g("div", {
 			className: "mb-6 flex flex-wrap items-center gap-2",
-			children: [x.map((e) => /* @__PURE__ */ v("button", {
+			children: [v.map((e) => /* @__PURE__ */ h("button", {
 				type: "button",
 				onClick: () => {
-					w(e.value), O(0);
+					x(e.value), T(0);
 				},
-				className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", C === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+				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"),
 				children: e.label
-			}, e.value)), /* @__PURE__ */ y("button", {
+			}, e.value)), /* @__PURE__ */ g("button", {
 				type: "button",
 				onClick: () => {
-					E((e) => !e), O(0);
+					C((e) => !e), T(0);
 				},
-				className: t("ml-auto inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors", T ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+				className: t("ml-auto inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors", S ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
 				children: [
-					/* @__PURE__ */ v(h, { className: t("h-3.5 w-3.5", T && "fill-status-warning-text") }),
+					/* @__PURE__ */ h(f, { className: t("h-3.5 w-3.5", S && "fill-status-warning-text") }),
 					" ",
 					"Featured"
 				]
 			})]
-		}), k.isLoading ? /* @__PURE__ */ v(a, { label: "Loading brands…" }) : k.isError ? /* @__PURE__ */ v(i, { onRetry: () => void k.refetch() }) : A.length === 0 ? /* @__PURE__ */ v(u, {
+		}), E.isLoading ? /* @__PURE__ */ h(i, { label: "Loading brands…" }) : E.isError ? /* @__PURE__ */ h(r, { onRetry: () => void E.refetch() }) : D.length === 0 ? /* @__PURE__ */ h(o, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ v(g, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ h(p, { className: "h-10 w-10" }),
 			title: "No brands yet",
 			description: "Launch the first storefront to start building the catalogue.",
-			action: /* @__PURE__ */ y("button", {
+			action: /* @__PURE__ */ g("button", {
 				type: "button",
-				onClick: () => S("/brands/new"),
+				onClick: () => y("/brands/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__ */ v(m, { className: "h-4 w-4" }), " New brand"]
+				children: [/* @__PURE__ */ h(d, { className: "h-4 w-4" }), " New brand"]
 			})
-		}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+		}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-			children: A.map((e) => /* @__PURE__ */ y("button", {
-				type: "button",
-				onClick: () => S(`/brands/${e.id}`),
-				className: "group flex flex-col overflow-hidden rounded-xl border border-border-seam bg-bg-surface text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md",
-				children: [/* @__PURE__ */ v(c, {
-					coverFileId: e.cover?.id,
-					logoFileId: e.logo?.id,
-					name: e.name,
-					seed: e.id,
-					showLogo: !0
-				}), /* @__PURE__ */ y("div", {
-					className: "px-4 pb-4 pt-3",
-					children: [
-						/* @__PURE__ */ y("div", {
-							className: "flex min-h-[2.5rem] items-start justify-between gap-2 pl-20",
-							children: [/* @__PURE__ */ y("div", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ y("div", {
-									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ v("h3", {
-										className: "truncate text-base font-semibold text-text-primary",
-										children: e.name
-									}), e.isFeatured && /* @__PURE__ */ v(h, { className: "h-3.5 w-3.5 shrink-0 fill-status-warning-text text-status-warning-text" })]
-								}), /* @__PURE__ */ y("p", {
-									className: "truncate text-xs text-text-secondary",
-									children: ["@", e.handle]
-								})]
-							}), /* @__PURE__ */ v(r, { status: e.status })]
-						}),
-						e.tagline && /* @__PURE__ */ v("p", {
-							className: "mt-2 line-clamp-2 text-sm text-text-secondary",
-							children: e.tagline
-						}),
-						e.aesthetics.length > 0 && /* @__PURE__ */ v(l, {
-							tags: e.aesthetics.map(s),
-							max: 4,
-							className: "mt-3",
-							tone: "accent"
-						})
-					]
-				})]
+			children: D.map((e) => /* @__PURE__ */ h(s, {
+				brand: e,
+				onClick: () => y(`/brands/${e.id}`)
 			}, e.id))
-		}), (D > 0 || j) && /* @__PURE__ */ y("div", {
+		}), (w > 0 || O) && /* @__PURE__ */ g("div", {
 			className: "mt-6 flex items-center justify-center gap-2",
 			children: [
-				/* @__PURE__ */ y("button", {
+				/* @__PURE__ */ g("button", {
 					type: "button",
-					disabled: D === 0,
-					onClick: () => O((e) => Math.max(0, e - b)),
+					disabled: w === 0,
+					onClick: () => T((e) => Math.max(0, e - _)),
 					className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
-					children: [/* @__PURE__ */ v(f, { className: "h-4 w-4" }), " Previous"]
+					children: [/* @__PURE__ */ h(l, { className: "h-4 w-4" }), " Previous"]
 				}),
-				/* @__PURE__ */ y("span", {
+				/* @__PURE__ */ g("span", {
 					className: "text-sm text-text-secondary",
-					children: ["Page ", D / b + 1]
+					children: ["Page ", w / _ + 1]
 				}),
-				/* @__PURE__ */ y("button", {
+				/* @__PURE__ */ g("button", {
 					type: "button",
-					disabled: !j,
-					onClick: () => O((e) => e + b),
+					disabled: !O,
+					onClick: () => T((e) => e + _),
 					className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40",
-					children: ["Next ", /* @__PURE__ */ v(p, { className: "h-4 w-4" })]
+					children: ["Next ", /* @__PURE__ */ h(u, { className: "h-4 w-4" })]
 				})
 			]
 		})] })]
 	});
 }
 //#endregion
-export { S as BrandsListPage };
+export { y as BrandsListPage };
 
 //# sourceMappingURL=BrandsListPage.js.map

package/dist/coolandlovely/pages/brands/BrandsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrandsListPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/brands/BrandsListPage.tsx"],"sourcesContent":["/**\n * Brands List Page\n * @module coolandlovely/pages/brands\n *\n * Lists brand storefronts (cursor-paginated `cooListBrands`) with status &\n * featured filters. Each card links to the brand detail page.\n */\n\nimport { useState } from 'react';\nimport { Store, Plus, Star, ChevronLeft, ChevronRight } 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 { BrandCover } from '../../components/BrandCover';\nimport { TagList } from '../../components/TagList';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useBrands } from '../../hooks';\nimport { titleCase } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { CooBrandStatus } from '../../types';\n\nconst PAGE_SIZE = 24;\n\nconst STATUS_OPTIONS: Array<{ value: CooBrandStatus | 'ALL'; label: string }> = [\n  { value: 'ALL', label: 'All' },\n  { value: 'PUBLISHED', label: 'Published' },\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'PENDING_REVIEW', label: 'In review' },\n  { value: 'SUSPENDED', label: 'Suspended' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nexport function BrandsListPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const [status, setStatus] = useState<CooBrandStatus | 'ALL'>('ALL');\n  const [featuredOnly, setFeaturedOnly] = useState(false);\n  const [offset, setOffset] = useState(0);\n\n  const query = useBrands({\n    status: status === 'ALL' ? undefined : status,\n    featured: featuredOnly ? true : undefined,\n    pagination: { limit: PAGE_SIZE, offset },\n  });\n\n  const brands = query.data?.items ?? [];\n  const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title=\"Brands\"\n      description=\"Storefronts on the platform with a real publish lifecycle\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/brands/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 brand\n        </button>\n      }\n    >\n      {/* Filters */}\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={() => {\n              setStatus(opt.value);\n              setOffset(0);\n            }}\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        <button\n          type=\"button\"\n          onClick={() => {\n            setFeaturedOnly((v) => !v);\n            setOffset(0);\n          }}\n          className={cn(\n            'ml-auto inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n            featuredOnly\n              ? 'bg-status-warning-bg-subtle text-status-warning-text'\n              : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n          )}\n        >\n          <Star className={cn('h-3.5 w-3.5', featuredOnly && 'fill-status-warning-text')} />{' '}\n          Featured\n        </button>\n      </div>\n\n      {query.isLoading ? (\n        <LoadingView label=\"Loading brands…\" />\n      ) : query.isError ? (\n        <ErrorView onRetry={() => void query.refetch()} />\n      ) : brands.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Store className=\"h-10 w-10\" />}\n          title=\"No brands yet\"\n          description=\"Launch the first storefront to start building the catalogue.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/brands/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 brand\n            </button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {brands.map((brand) => (\n              <button\n                key={brand.id}\n                type=\"button\"\n                onClick={() => navigateTo(`/brands/${brand.id}`)}\n                className=\"group flex flex-col overflow-hidden rounded-xl border border-border-seam bg-bg-surface text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n              >\n                <BrandCover\n                  coverFileId={brand.cover?.id}\n                  logoFileId={brand.logo?.id}\n                  name={brand.name}\n                  seed={brand.id}\n                  showLogo\n                />\n                <div className=\"px-4 pb-4 pt-3\">\n                  <div className=\"flex min-h-[2.5rem] items-start justify-between gap-2 pl-20\">\n                    <div className=\"min-w-0\">\n                      <div className=\"flex items-center gap-1.5\">\n                        <h3 className=\"truncate text-base font-semibold text-text-primary\">\n                          {brand.name}\n                        </h3>\n                        {brand.isFeatured && (\n                          <Star className=\"h-3.5 w-3.5 shrink-0 fill-status-warning-text text-status-warning-text\" />\n                        )}\n                      </div>\n                      <p className=\"truncate text-xs text-text-secondary\">@{brand.handle}</p>\n                    </div>\n                    <StatusBadge status={brand.status} />\n                  </div>\n                  {brand.tagline && (\n                    <p className=\"mt-2 line-clamp-2 text-sm text-text-secondary\">{brand.tagline}</p>\n                  )}\n                  {brand.aesthetics.length > 0 && (\n                    <TagList\n                      tags={brand.aesthetics.map(titleCase)}\n                      max={4}\n                      className=\"mt-3\"\n                      tone=\"accent\"\n                    />\n                  )}\n                </div>\n              </button>\n            ))}\n          </div>\n\n          {/* Pagination */}\n          {(offset > 0 || hasMore) && (\n            <div className=\"mt-6 flex items-center justify-center gap-2\">\n              <button\n                type=\"button\"\n                disabled={offset === 0}\n                onClick={() => setOffset((o) => Math.max(0, o - PAGE_SIZE))}\n                className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40\"\n              >\n                <ChevronLeft className=\"h-4 w-4\" /> Previous\n              </button>\n              <span className=\"text-sm text-text-secondary\">Page {offset / PAGE_SIZE + 1}</span>\n              <button\n                type=\"button\"\n                disabled={!hasMore}\n                onClick={() => setOffset((o) => o + PAGE_SIZE)}\n                className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40\"\n              >\n                Next <ChevronRight className=\"h-4 w-4\" />\n              </button>\n            </div>\n          )}\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BrandsListPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/brands/BrandsListPage.tsx"],"sourcesContent":["/**\n * Brands List Page\n * @module coolandlovely/pages/brands\n *\n * Lists brand storefronts (cursor-paginated `cooListBrands`) with status &\n * featured filters. Each card links to the brand detail page.\n */\n\nimport { useState } from 'react';\nimport { Store, Plus, ChevronLeft, ChevronRight, Star } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useBrands } from '../../hooks';\nimport { BrandCard } from '../../components/BrandCard';\nimport { cn } from '../../utils/cn';\nimport type { CooBrandStatus } from '../../types';\n\nconst PAGE_SIZE = 24;\n\nconst STATUS_OPTIONS: Array<{ value: CooBrandStatus | 'ALL'; label: string }> = [\n  { value: 'ALL', label: 'All' },\n  { value: 'PUBLISHED', label: 'Published' },\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'PENDING_REVIEW', label: 'In review' },\n  { value: 'SUSPENDED', label: 'Suspended' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nexport function BrandsListPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const [status, setStatus] = useState<CooBrandStatus | 'ALL'>('ALL');\n  const [featuredOnly, setFeaturedOnly] = useState(false);\n  const [offset, setOffset] = useState(0);\n\n  const query = useBrands({\n    status: status === 'ALL' ? undefined : status,\n    featured: featuredOnly ? true : undefined,\n    pagination: { limit: PAGE_SIZE, offset },\n  });\n\n  const brands = query.data?.items ?? [];\n  const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title=\"Brands\"\n      description=\"Storefronts on the platform with a real publish lifecycle\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/brands/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 brand\n        </button>\n      }\n    >\n      {/* Filters */}\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={() => {\n              setStatus(opt.value);\n              setOffset(0);\n            }}\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        <button\n          type=\"button\"\n          onClick={() => {\n            setFeaturedOnly((v) => !v);\n            setOffset(0);\n          }}\n          className={cn(\n            'ml-auto inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n            featuredOnly\n              ? 'bg-status-warning-bg-subtle text-status-warning-text'\n              : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n          )}\n        >\n          <Star className={cn('h-3.5 w-3.5', featuredOnly && 'fill-status-warning-text')} />{' '}\n          Featured\n        </button>\n      </div>\n\n      {query.isLoading ? (\n        <LoadingView label=\"Loading brands…\" />\n      ) : query.isError ? (\n        <ErrorView onRetry={() => void query.refetch()} />\n      ) : brands.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Store className=\"h-10 w-10\" />}\n          title=\"No brands yet\"\n          description=\"Launch the first storefront to start building the catalogue.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/brands/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 brand\n            </button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {brands.map((brand) => (\n              <BrandCard\n                key={brand.id}\n                brand={brand}\n                onClick={() => navigateTo(`/brands/${brand.id}`)}\n              />\n            ))}\n          </div>\n\n          {/* Pagination */}\n          {(offset > 0 || hasMore) && (\n            <div className=\"mt-6 flex items-center justify-center gap-2\">\n              <button\n                type=\"button\"\n                disabled={offset === 0}\n                onClick={() => setOffset((o) => Math.max(0, o - PAGE_SIZE))}\n                className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40\"\n              >\n                <ChevronLeft className=\"h-4 w-4\" /> Previous\n              </button>\n              <span className=\"text-sm text-text-secondary\">Page {offset / PAGE_SIZE + 1}</span>\n              <button\n                type=\"button\"\n                disabled={!hasMore}\n                onClick={() => setOffset((o) => o + PAGE_SIZE)}\n                className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-40\"\n              >\n                Next <ChevronRight className=\"h-4 w-4\" />\n              </button>\n            </div>\n          )}\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -8,8 +8,8 @@ import { formatDate as l, formatPrice as u, titleCase as d } from "../../utils/f
 import "../../hooks/index.js";
 import { TagList as f } from "../../components/TagList.js";
 import { ActorName as p } from "../../components/ActorName.js";
-import { BrandCreatorAvatars as m } from "../../components/BrandCreatorAvatars.js";
-import { StepTracker as h } from "../../components/StepTracker.js";
+import { StepTracker as m } from "../../components/StepTracker.js";
+import { BrandCreatorAvatars as h } from "../../components/BrandCreatorAvatars.js";
 import { ArrowLeft as g, Loader2 as _, Pencil as v, Sparkles as y, Store as b, Trash2 as x } from "lucide-react";
 import { useParams as S } from "react-router";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
@@ -84,7 +84,7 @@ function O() {
 						/* @__PURE__ */ w("div", {
 							className: "flex items-center gap-3",
 							children: [
-								/* @__PURE__ */ C(m, {
+								/* @__PURE__ */ C(h, {
 									brandLogoFileId: N.brand?.logo?.id,
 									brandSeed: N.brandId,
 									creatorId: N.creatorId,
@@ -173,7 +173,7 @@ function O() {
 								className: "mb-3 text-sm font-semibold text-text-primary",
 								children: "Lifecycle"
 							}),
-							/* @__PURE__ */ C(h, {
+							/* @__PURE__ */ C(m, {
 								steps: I,
 								current: N.status,
 								className: "mb-5"

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

@@ -4,8 +4,8 @@ import { ErrorView as n, LoadingView as r } from "../../components/StateViews.js
 import { useBrands as i, useCollaboration as a, useCreateCollaboration as o, useUpdateCollaboration as s } from "../../hooks/useCoolAndLovelyApi.js";
 import { parseCsv as c, titleCase as l } from "../../utils/formatters.js";
 import "../../hooks/index.js";
-import { ActorName as u } from "../../components/ActorName.js";
-import { SelectField as d, TextAreaField as f, TextField as p } from "../../components/Field.js";
+import { SelectField as u, TextAreaField as d, TextField as f } from "../../components/Field.js";
+import { ActorName as p } from "../../components/ActorName.js";
 import { useEffect as m, useMemo as h, useState as g } from "react";
 import { ArrowLeft as _, Handshake as v, Loader2 as y, Save as b } from "lucide-react";
 import { useParams as x } from "react-router";
@@ -169,7 +169,7 @@ function A() {
 						}), /* @__PURE__ */ S("p", {
 							className: "rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
 							children: L.data?.brand?.name ?? R.brandId
-						})] }) : /* @__PURE__ */ S(d, {
+						})] }) : /* @__PURE__ */ S(u, {
 							id: "brandId",
 							label: "Brand",
 							value: R.brandId,
@@ -178,7 +178,7 @@ function A() {
 							required: !0,
 							placeholder: I.isLoading ? "Loading brands…" : "Select a brand",
 							error: B.brandId
-						}), /* @__PURE__ */ S(d, {
+						}), /* @__PURE__ */ S(u, {
 							id: "role",
 							label: "Role",
 							value: R.role,
@@ -187,7 +187,7 @@ function A() {
 							disabled: G
 						})]
 					}),
-					/* @__PURE__ */ S(p, {
+					/* @__PURE__ */ S(f, {
 						id: "title",
 						label: "Title",
 						value: R.title,
@@ -205,9 +205,9 @@ function A() {
 							children: "Creator"
 						}), /* @__PURE__ */ S("p", {
 							className: "rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
-							children: /* @__PURE__ */ S(u, { id: R.creatorId })
+							children: /* @__PURE__ */ S(p, { id: R.creatorId })
 						})]
-					}) : /* @__PURE__ */ S(p, {
+					}) : /* @__PURE__ */ S(f, {
 						id: "creatorId",
 						label: "Creator ID",
 						value: R.creatorId,
@@ -218,7 +218,7 @@ function A() {
 						error: B.creatorId,
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ S(f, {
+					/* @__PURE__ */ S(d, {
 						id: "brief",
 						label: "Brief",
 						value: R.brief,
@@ -230,7 +230,7 @@ function A() {
 					}),
 					/* @__PURE__ */ C("div", {
 						className: "mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ S(p, {
+						children: [/* @__PURE__ */ S(f, {
 							id: "compensation",
 							label: "Compensation",
 							type: "number",
@@ -239,7 +239,7 @@ function A() {
 							placeholder: "0.00",
 							error: B.compensation,
 							disabled: G
-						}), /* @__PURE__ */ S(p, {
+						}), /* @__PURE__ */ S(f, {
 							id: "currency",
 							label: "Currency",
 							value: R.currency,
@@ -250,14 +250,14 @@ function A() {
 					}),
 					/* @__PURE__ */ C("div", {
 						className: "mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ S(p, {
+						children: [/* @__PURE__ */ S(f, {
 							id: "startDate",
 							label: "Start date",
 							type: "date",
 							value: R.startDate,
 							onChange: (e) => H("startDate", e),
 							disabled: G
-						}), /* @__PURE__ */ S(p, {
+						}), /* @__PURE__ */ S(f, {
 							id: "endDate",
 							label: "End date",
 							type: "date",
@@ -266,7 +266,7 @@ function A() {
 							disabled: G
 						})]
 					}),
-					/* @__PURE__ */ S(p, {
+					/* @__PURE__ */ S(f, {
 						id: "tags",
 						label: "Tags",
 						value: R.tags,

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

@@ -6,8 +6,8 @@ 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 "../../hooks/index.js";
-import { ActorName as u } from "../../components/ActorName.js";
-import { EmptyState as d } from "../../components/EmptyState.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";
@@ -62,7 +62,7 @@ function y() {
 				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"),
 				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(d, {
+		}), S.isLoading ? /* @__PURE__ */ g(a, { label: "Loading collaborations…" }) : S.isError ? /* @__PURE__ */ g(i, { onRetry: () => void S.refetch() }) : C.length === 0 ? /* @__PURE__ */ g(u, {
 			illustration: "empty-data",
 			icon: /* @__PURE__ */ g(m, { className: "h-10 w-10" }),
 			title: "No collaborations yet",
@@ -100,7 +100,7 @@ function y() {
 									children: [
 										e.brand?.name ?? "Brand",
 										" × ",
-										/* @__PURE__ */ g(u, { id: e.creatorId })
+										/* @__PURE__ */ g(d, { id: e.creatorId })
 									]
 								})]
 							}),

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;AAyBH,wBAAgB,mBAAmB,gCAkHlC"}
+{"version":3,"file":"CollectionsListPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/collections/CollectionsListPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAsBH,wBAAgB,mBAAmB,gCAwElC"}

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

@@ -1,19 +1,16 @@
 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 { Thumbnail as o } from "../../components/Thumbnail.js";
-import { useCollections as s } from "../../hooks/useCoolAndLovelyApi.js";
-import { formatDate as c, titleCase as l } from "../../utils/formatters.js";
+import { ErrorView as r, LoadingView as i } from "../../components/StateViews.js";
+import { useCollections as a } from "../../hooks/useCoolAndLovelyApi.js";
 import "../../hooks/index.js";
-import { TagList as u } from "../../components/TagList.js";
-import { EmptyState as d } from "../../components/EmptyState.js";
-import { useState as f } from "react";
-import { Plus as p, Shapes as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+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";
 //#region src/coolandlovely/pages/collections/CollectionsListPage.tsx
-var v = [
+var p = [
 	{
 		value: "ALL",
 		label: "All"
@@ -39,89 +36,46 @@ var v = [
 		label: "Archived"
 	}
 ];
-function y() {
-	let { navigateTo: y } = e(), [b, x] = f("ALL"), S = s({ status: b === "ALL" ? void 0 : b }), C = S.data ?? [];
-	return /* @__PURE__ */ _(n, {
+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__ */ _("button", {
+		actions: /* @__PURE__ */ f("button", {
 			type: "button",
-			onClick: () => y("/collections/new"),
+			onClick: () => m("/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__ */ g(p, { className: "h-4 w-4" }), " New collection"]
+			children: [/* @__PURE__ */ d(l, { className: "h-4 w-4" }), " New collection"]
 		}),
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: "mb-6 flex flex-wrap items-center gap-2",
-			children: v.map((e) => /* @__PURE__ */ g("button", {
+			children: p.map((e) => /* @__PURE__ */ d("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-accent-purple-subtle text-text-primary" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+				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"),
 				children: e.label
 			}, e.value))
-		}), S.isLoading ? /* @__PURE__ */ g(a, { label: "Loading collections…" }) : S.isError ? /* @__PURE__ */ g(i, { onRetry: () => void S.refetch() }) : C.length === 0 ? /* @__PURE__ */ g(d, {
+		}), _.isLoading ? /* @__PURE__ */ d(i, { label: "Loading collections…" }) : _.isError ? /* @__PURE__ */ d(r, { onRetry: () => void _.refetch() }) : v.length === 0 ? /* @__PURE__ */ d(o, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ g(m, { className: "h-10 w-10" }),
+			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__ */ _("button", {
+			action: /* @__PURE__ */ f("button", {
 				type: "button",
-				onClick: () => y("/collections/new"),
+				onClick: () => m("/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__ */ g(p, { className: "h-4 w-4" }), " New collection"]
+				children: [/* @__PURE__ */ d(l, { className: "h-4 w-4" }), " New collection"]
 			})
-		}) : /* @__PURE__ */ g("div", {
+		}) : /* @__PURE__ */ d("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-			children: C.map((e) => /* @__PURE__ */ _("button", {
-				type: "button",
-				onClick: () => y(`/collections/${e.id}`),
-				className: "group overflow-hidden rounded-xl border border-border-seam bg-bg-surface text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md",
-				children: [/* @__PURE__ */ _("div", {
-					className: "relative",
-					children: [/* @__PURE__ */ g(o, {
-						icon: /* @__PURE__ */ g(m, { className: "h-10 w-10" }),
-						seed: e.id,
-						fileId: e.cover?.id,
-						alt: e.name,
-						className: "aspect-[16/10] w-full",
-						overlay: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-bg-canvas via-bg-canvas/55 to-transparent" }), /* @__PURE__ */ _("div", {
-							className: "absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-4",
-							children: [/* @__PURE__ */ _("div", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ g("h3", {
-									className: "truncate text-lg font-semibold text-text-primary",
-									children: e.name
-								}), e.brand?.name && /* @__PURE__ */ g("p", {
-									className: "truncate text-xs text-text-secondary",
-									children: e.brand.name
-								})]
-							}), /* @__PURE__ */ g(r, {
-								status: e.status,
-								className: "shrink-0 shadow-sm"
-							})]
-						})] })
-					}), /* @__PURE__ */ g("span", {
-						className: "absolute right-3 top-3 rounded-full border border-border-seam bg-bg-surface/85 px-2.5 py-0.5 text-xs font-medium text-text-primary backdrop-blur-sm",
-						children: l(e.season)
-					})]
-				}), (e.publishAt || e.tags.length > 0) && /* @__PURE__ */ _("div", {
-					className: "p-4",
-					children: [e.publishAt && /* @__PURE__ */ _("p", {
-						className: "text-xs text-text-secondary",
-						children: ["Publishes ", c(e.publishAt, {
-							hour: void 0,
-							minute: void 0
-						})]
-					}), e.tags.length > 0 && /* @__PURE__ */ g(u, {
-						tags: e.tags,
-						max: 4,
-						className: e.publishAt ? "mt-2" : void 0
-					})]
-				})]
+			children: v.map((e) => /* @__PURE__ */ d(s, {
+				collection: e,
+				onClick: () => m(`/collections/${e.id}`)
 			}, e.id))
 		})]
 	});
 }
 //#endregion
-export { y as CollectionsListPage };
+export { m 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 { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Thumbnail } from '../../components/Thumbnail';\nimport { TagList } from '../../components/TagList';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useCollections } from '../../hooks';\nimport { titleCase, formatDate } from '../../utils/formatters';\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((c) => (\n            <button\n              key={c.id}\n              type=\"button\"\n              onClick={() => navigateTo(`/collections/${c.id}`)}\n              className=\"group overflow-hidden rounded-xl border border-border-seam bg-bg-surface text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md\"\n            >\n              <div className=\"relative\">\n                <Thumbnail\n                  icon={<Shapes className=\"h-10 w-10\" />}\n                  seed={c.id}\n                  fileId={c.cover?.id}\n                  alt={c.name}\n                  className=\"aspect-[16/10] w-full\"\n                  overlay={\n                    <>\n                      <div className=\"pointer-events-none absolute inset-0 bg-gradient-to-t from-bg-canvas via-bg-canvas/55 to-transparent\" />\n                      <div className=\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-4\">\n                        <div className=\"min-w-0\">\n                          <h3 className=\"truncate text-lg font-semibold text-text-primary\">\n                            {c.name}\n                          </h3>\n                          {c.brand?.name && (\n                            <p className=\"truncate text-xs text-text-secondary\">{c.brand.name}</p>\n                          )}\n                        </div>\n                        <StatusBadge status={c.status} className=\"shrink-0 shadow-sm\" />\n                      </div>\n                    </>\n                  }\n                />\n                <span className=\"absolute right-3 top-3 rounded-full border border-border-seam bg-bg-surface/85 px-2.5 py-0.5 text-xs font-medium text-text-primary backdrop-blur-sm\">\n                  {titleCase(c.season)}\n                </span>\n              </div>\n              {(c.publishAt || c.tags.length > 0) && (\n                <div className=\"p-4\">\n                  {c.publishAt && (\n                    <p className=\"text-xs text-text-secondary\">\n                      Publishes {formatDate(c.publishAt, { hour: undefined, minute: undefined })}\n                    </p>\n                  )}\n                  {c.tags.length > 0 && (\n                    <TagList tags={c.tags} max={4} className={c.publishAt ? 'mt-2' : undefined} />\n                  )}\n                </div>\n              )}\n            </button>\n          ))}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"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"}