@burdenoff/microfe-coolandlovely 2026.827.1 → 2026.1024.1

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

@@ -1,123 +1,127 @@
 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 { useBrands as a } from "../../hooks/useCoolAndLovelyApi.js";
+import { useBrands 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 { 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";
+import { ErrorView as a, LoadingView as o } from "../../components/StateViews.js";
+import { EmptyState as s } from "../../components/EmptyState.js";
+import { BrandCard as c } from "../../components/BrandCard.js";
+import { useMemo as l, useState as u } from "react";
+import { ChevronLeft as d, ChevronRight as f, Plus as p, Star as m, Store as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/coolandlovely/pages/brands/BrandsListPage.tsx
-var _ = 24, v = [
-	{
-		value: "ALL",
-		label: "All"
-	},
-	{
-		value: "PUBLISHED",
-		label: "Published"
-	},
-	{
-		value: "DRAFT",
-		label: "Draft"
-	},
-	{
-		value: "PENDING_REVIEW",
-		label: "In review"
-	},
-	{
-		value: "SUSPENDED",
-		label: "Suspended"
-	},
-	{
-		value: "ARCHIVED",
-		label: "Archived"
-	}
+var y = 24, b = [
+	"PUBLISHED",
+	"DRAFT",
+	"PENDING_REVIEW",
+	"SUSPENDED",
+	"ARCHIVED"
 ];
-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,
+function x() {
+	let { navigateTo: x } = e(), S = i(), [C, w] = u("ALL"), [T, E] = u(!1), [D, O] = u(0), k = l(() => [{
+		value: "ALL",
+		label: S("coolandlovely.filters.all", "All")
+	}, ...b.map((e) => ({
+		value: e,
+		label: S(`coolandlovely.status.${e.toLowerCase()}`, e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()))
+	}))], [S]), A = r({
+		status: C === "ALL" ? void 0 : C,
+		featured: T ? !0 : void 0,
 		pagination: {
-			limit: _,
-			offset: w
+			limit: y,
+			offset: D
 		}
-	}), 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__ */ g("button", {
+	}), j = A.data?.items ?? [], M = A.data?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ v(n, {
+		title: S("coolandlovely.page.brandsTitle", "Brands"),
+		description: S("coolandlovely.page.brandsSubtitle", "Storefronts on the platform with a real publish lifecycle"),
+		actions: /* @__PURE__ */ v("button", {
 			type: "button",
-			onClick: () => y("/brands/new"),
+			onClick: () => x("/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__ */ h(d, { className: "h-4 w-4" }), " New brand"]
+			children: [
+				/* @__PURE__ */ _(p, { className: "h-4 w-4" }),
+				" ",
+				S("coolandlovely.actions.newBrand", "New brand")
+			]
 		}),
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "mb-6 flex flex-wrap items-center gap-2",
-			children: [v.map((e) => /* @__PURE__ */ h("button", {
+			children: [k.map((e) => /* @__PURE__ */ _("button", {
 				type: "button",
 				onClick: () => {
-					x(e.value), T(0);
+					w(e.value), O(0);
 				},
-				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"),
+				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"),
 				children: e.label
-			}, e.value)), /* @__PURE__ */ g("button", {
+			}, e.value)), /* @__PURE__ */ v("button", {
 				type: "button",
 				onClick: () => {
-					C((e) => !e), T(0);
+					E((e) => !e), O(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", S ? "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", T ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
 				children: [
-					/* @__PURE__ */ h(f, { className: t("h-3.5 w-3.5", S && "fill-status-warning-text") }),
+					/* @__PURE__ */ _(m, { className: t("h-3.5 w-3.5", T && "fill-status-warning-text") }),
 					" ",
-					"Featured"
+					S("coolandlovely.filters.featured", "Featured")
 				]
 			})]
-		}), E.isLoading ? /* @__PURE__ */ h(i, { label: "Loading brands…" }) : E.isError ? /* @__PURE__ */ h(r, { onRetry: () => void E.refetch() }) : D.length === 0 ? /* @__PURE__ */ h(o, {
+		}), A.isLoading ? /* @__PURE__ */ _(o, { label: S("coolandlovely.loading.brands", "Loading brands…") }) : A.isError ? /* @__PURE__ */ _(a, { onRetry: () => void A.refetch() }) : j.length === 0 ? /* @__PURE__ */ _(s, {
 			illustration: "empty-data",
-			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__ */ g("button", {
+			icon: /* @__PURE__ */ _(h, { className: "h-10 w-10" }),
+			title: S("coolandlovely.empty.brandsTitle", "No brands yet"),
+			description: S("coolandlovely.empty.brandsDescription", "Launch the first storefront to start building the catalogue."),
+			action: /* @__PURE__ */ v("button", {
 				type: "button",
-				onClick: () => y("/brands/new"),
+				onClick: () => x("/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__ */ h(d, { className: "h-4 w-4" }), " New brand"]
+				children: [
+					/* @__PURE__ */ _(p, { className: "h-4 w-4" }),
+					" ",
+					S("coolandlovely.actions.newBrand", "New brand")
+				]
 			})
-		}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
+		}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-			children: D.map((e) => /* @__PURE__ */ h(s, {
+			children: j.map((e) => /* @__PURE__ */ _(c, {
 				brand: e,
-				onClick: () => y(`/brands/${e.id}`)
+				onClick: () => x(`/brands/${e.id}`)
 			}, e.id))
-		}), (w > 0 || O) && /* @__PURE__ */ g("div", {
+		}), (D > 0 || M) && /* @__PURE__ */ v("div", {
 			className: "mt-6 flex items-center justify-center gap-2",
 			children: [
-				/* @__PURE__ */ g("button", {
+				/* @__PURE__ */ v("button", {
 					type: "button",
-					disabled: w === 0,
-					onClick: () => T((e) => Math.max(0, e - _)),
+					disabled: D === 0,
+					onClick: () => O((e) => Math.max(0, e - y)),
 					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__ */ h(l, { className: "h-4 w-4" }), " Previous"]
+					children: [
+						/* @__PURE__ */ _(d, { className: "h-4 w-4" }),
+						" ",
+						S("coolandlovely.pagination.previous", "Previous")
+					]
 				}),
-				/* @__PURE__ */ g("span", {
+				/* @__PURE__ */ _("span", {
 					className: "text-sm text-text-secondary",
-					children: ["Page ", w / _ + 1]
+					children: S("coolandlovely.pagination.page", "Page {{page}}", { page: D / y + 1 })
 				}),
-				/* @__PURE__ */ g("button", {
+				/* @__PURE__ */ v("button", {
 					type: "button",
-					disabled: !O,
-					onClick: () => T((e) => e + _),
+					disabled: !M,
+					onClick: () => O((e) => e + y),
 					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__ */ h(u, { className: "h-4 w-4" })]
+					children: [
+						S("coolandlovely.pagination.next", "Next"),
+						" ",
+						/* @__PURE__ */ _(f, { className: "h-4 w-4" })
+					]
 				})
 			]
 		})] })]
 	});
 }
 //#endregion
-export { y as BrandsListPage };
+export { x 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, 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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"}
+{"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 { useMemo, 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, useTr } 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_ORDER: CooBrandStatus[] = [\n  'PUBLISHED',\n  'DRAFT',\n  'PENDING_REVIEW',\n  'SUSPENDED',\n  'ARCHIVED',\n];\n\nexport function BrandsListPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const tr = useTr();\n  const [status, setStatus] = useState<CooBrandStatus | 'ALL'>('ALL');\n  const [featuredOnly, setFeaturedOnly] = useState(false);\n  const [offset, setOffset] = useState(0);\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(\n          `coolandlovely.status.${value.toLowerCase()}`,\n          value.replace(/_/g, ' ').replace(/\\b\\w/g, (c) => c.toUpperCase())\n        ),\n      })),\n    ],\n    [tr]\n  );\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={tr('coolandlovely.page.brandsTitle', 'Brands')}\n      description={tr(\n        'coolandlovely.page.brandsSubtitle',\n        'Storefronts on the platform with a real publish lifecycle'\n      )}\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\" /> {tr('coolandlovely.actions.newBrand', 'New brand')}\n        </button>\n      }\n    >\n      {/* Filters */}\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={() => {\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          {tr('coolandlovely.filters.featured', 'Featured')}\n        </button>\n      </div>\n\n      {query.isLoading ? (\n        <LoadingView label={tr('coolandlovely.loading.brands', '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={tr('coolandlovely.empty.brandsTitle', 'No brands yet')}\n          description={tr(\n            'coolandlovely.empty.brandsDescription',\n            'Launch the first storefront to start building the catalogue.'\n          )}\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\" /> {tr('coolandlovely.actions.newBrand', '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\" />{' '}\n                {tr('coolandlovely.pagination.previous', 'Previous')}\n              </button>\n              <span className=\"text-sm text-text-secondary\">\n                {tr('coolandlovely.pagination.page', 'Page {{page}}', {\n                  page: offset / PAGE_SIZE + 1,\n                })}\n              </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                {tr('coolandlovely.pagination.next', '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

@@ -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 { useCollaboration as o, useDeleteCollaboration as s, useTransitionCollaboration 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 { useCollaboration as n, useDeleteCollaboration as r, useTransitionCollaboration 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 { TagList as p } from "../../components/TagList.js";
 import { ActorName as m } from "../../components/ActorName.js";
 import { StepTracker as h } from "../../components/StepTracker.js";
@@ -34,14 +34,14 @@ var D = {
 	"PUBLISHED"
 ];
 function k() {
-	let { collaborationId: k } = C(), { navigateTo: A } = e(), j = o(k), M = c(), N = s();
-	if (f(k, j.data?.title), j.isLoading) return /* @__PURE__ */ w(t, {
+	let { collaborationId: k } = C(), { navigateTo: A } = e(), j = n(k), M = i(), N = r();
+	if (a(k, j.data?.title), j.isLoading) return /* @__PURE__ */ w(t, {
 		title: "Collaboration",
-		children: /* @__PURE__ */ w(i, { label: "Loading collaboration…" })
+		children: /* @__PURE__ */ w(c, { label: "Loading collaboration…" })
 	});
 	if (j.isError || !j.data) return /* @__PURE__ */ w(t, {
 		title: "Collaboration",
-		children: /* @__PURE__ */ w(r, {
+		children: /* @__PURE__ */ w(s, {
 			title: "Collaboration not found",
 			onRetry: () => void j.refetch()
 		})
@@ -110,12 +110,12 @@ function k() {
 											}),
 											" ",
 											"· ",
-											d(P.role),
+											f(P.role),
 											" collaboration"
 										]
 									})]
 								}),
-								/* @__PURE__ */ w(n, { status: P.status })
+								/* @__PURE__ */ w(o, { status: P.status })
 							]
 						}),
 						P.brief && /* @__PURE__ */ w("p", {
@@ -146,7 +146,7 @@ function k() {
 							type: "button",
 							onClick: () => A(`/looks/${e.id}`),
 							className: "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__ */ w(a, {
+							children: [/* @__PURE__ */ w(l, {
 								icon: /* @__PURE__ */ w(b, { className: "h-6 w-6" }),
 								seed: e.id,
 								className: "h-24 w-full"
@@ -157,7 +157,7 @@ function k() {
 									children: e.title
 								}), /* @__PURE__ */ w("p", {
 									className: "mt-0.5 text-xs text-text-secondary",
-									children: d(e.occasion)
+									children: f(e.occasion)
 								})]
 							})]
 						}, e.id))
@@ -184,7 +184,7 @@ function k() {
 								children: [/* @__PURE__ */ w("span", {
 									className: "text-sm text-text-secondary",
 									children: "Current:"
-								}), /* @__PURE__ */ w(n, { status: P.status })]
+								}), /* @__PURE__ */ w(o, { status: P.status })]
 							}),
 							I.length === 0 ? /* @__PURE__ */ w("p", {
 								className: "text-xs text-text-secondary",
@@ -202,7 +202,7 @@ function k() {
 									children: [
 										M.isPending && /* @__PURE__ */ w(v, { className: "h-3.5 w-3.5 animate-spin" }),
 										"Move to ",
-										d(e)
+										f(e)
 									]
 								}, e))
 							}),
@@ -228,7 +228,7 @@ function k() {
 										children: "Role"
 									}), /* @__PURE__ */ w("dd", {
 										className: "text-text-primary",
-										children: d(P.role)
+										children: f(P.role)
 									})]
 								}),
 								/* @__PURE__ */ T("div", {
@@ -238,7 +238,7 @@ function k() {
 										children: "Compensation"
 									}), /* @__PURE__ */ w("dd", {
 										className: "text-text-primary",
-										children: u(P.compensation, P.currency)
+										children: d(P.compensation, P.currency)
 									})]
 								}),
 								/* @__PURE__ */ T("div", {
@@ -248,7 +248,7 @@ function k() {
 										children: "Starts"
 									}), /* @__PURE__ */ w("dd", {
 										className: "text-text-primary",
-										children: P.startDate ? l(P.startDate, {
+										children: P.startDate ? u(P.startDate, {
 											hour: void 0,
 											minute: void 0
 										}) : "—"
@@ -261,7 +261,7 @@ function k() {
 										children: "Ends"
 									}), /* @__PURE__ */ w("dd", {
 										className: "text-text-primary",
-										children: P.endDate ? l(P.endDate, {
+										children: P.endDate ? u(P.endDate, {
 											hour: void 0,
 											minute: void 0
 										}) : "—"
@@ -274,7 +274,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__ */ w(a, {
+						children: [/* @__PURE__ */ w(l, {
 							icon: /* @__PURE__ */ w(x, { className: "h-5 w-5" }),
 							seed: P.brand.id,
 							className: "h-10 w-10 shrink-0"

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

@@ -1,9 +1,9 @@
 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 { 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 { useBrands as n, useCollaboration as r, useCreateCollaboration as i, useUpdateCollaboration as a } from "../../hooks/useCoolAndLovelyApi.js";
 import "../../hooks/index.js";
+import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
+import { parseCsv as c, titleCase as l } from "../../utils/formatters.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";
@@ -45,10 +45,10 @@ var k = {
 	endDate: ""
 };
 function A() {
-	let { collaborationId: A } = x(), j = !!A, { navigateTo: M, currentUser: N } = e(), P = o(), F = s(), I = i({ pagination: {
+	let { collaborationId: A } = x(), j = !!A, { navigateTo: M, currentUser: N } = e(), P = i(), F = a(), I = n({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), L = a(j ? A : void 0), [R, z] = g({
+	} }), L = r(j ? A : void 0), [R, z] = g({
 		...k,
 		creatorId: N?.id ?? ""
 	}), [B, V] = g({});
@@ -80,11 +80,11 @@ function A() {
 	}));
 	if (j && L.isLoading) return /* @__PURE__ */ S(t, {
 		title: "Edit collaboration",
-		children: /* @__PURE__ */ S(r, { label: "Loading collaboration…" })
+		children: /* @__PURE__ */ S(s, { label: "Loading collaboration…" })
 	});
 	if (j && (L.isError || !L.data)) return /* @__PURE__ */ S(t, {
 		title: "Edit collaboration",
-		children: /* @__PURE__ */ S(n, {
+		children: /* @__PURE__ */ S(o, {
 			title: "Collaboration not found",
 			onRetry: () => void L.refetch()
 		})

package/dist/coolandlovely/pages/collaborations/CollaborationsListPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollaborationsListPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/collaborations/CollaborationsListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA0BH,wBAAgB,sBAAsB,gCAsGrC"}
+{"version":3,"file":"CollaborationsListPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/collaborations/CollaborationsListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA6BH,wBAAgB,sBAAsB,gCAgIrC"}