@burdenoff/microfe-coolandlovely 2026.827.1 → 2026.1024.1

package/dist/coolandlovely/pages/looks/LooksListPage.js

@@ -1,109 +1,97 @@
 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 { useLooks as o } from "../../hooks/useCoolAndLovelyApi.js";
-import { LookCard as s } from "../../components/LookCard.js";
+import { useLooks as r } from "../../hooks/useCoolAndLovelyApi.js";
+import { useTr as i } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { EmptyState as c } from "../../components/EmptyState.js";
-import { useState as l } from "react";
-import { ChevronLeft as u, ChevronRight as d, Plus as f, Sparkles as p, Star as m } from "lucide-react";
-import { Fragment as h, 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 { titleCase as c } from "../../utils/formatters.js";
+import { LookCard as l } from "../../components/LookCard.js";
+import { EmptyState as u } from "../../components/EmptyState.js";
+import { useMemo as d, useState as f } from "react";
+import { ChevronLeft as p, ChevronRight as m, Plus as h, Sparkles as g, Star as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/coolandlovely/pages/looks/LooksListPage.tsx
-var v = 24, y = [
-	{
-		value: "ALL",
-		label: "All"
-	},
-	{
-		value: "EVERYDAY",
-		label: "Everyday"
-	},
-	{
-		value: "WORK",
-		label: "Work"
-	},
-	{
-		value: "EVENING",
-		label: "Evening"
-	},
-	{
-		value: "WEDDING_GUEST",
-		label: "Wedding guest"
-	},
-	{
-		value: "VACATION",
-		label: "Vacation"
-	},
-	{
-		value: "PARTY",
-		label: "Party"
-	},
-	{
-		value: "ACTIVE",
-		label: "Active"
-	},
-	{
-		value: "OTHER",
-		label: "Other"
-	}
+var x = 24, S = [
+	"EVERYDAY",
+	"WORK",
+	"EVENING",
+	"WEDDING_GUEST",
+	"VACATION",
+	"PARTY",
+	"ACTIVE",
+	"OTHER"
 ];
-function b() {
-	let { navigateTo: b } = e(), [x, S] = l("ALL"), [C, w] = l(!1), [T, E] = l(0), D = o({
-		occasion: x === "ALL" ? void 0 : x,
-		featured: C ? !0 : void 0,
+function C() {
+	let { navigateTo: C } = e(), w = i(), [T, E] = f("ALL"), [D, O] = f(!1), [k, A] = f(0), j = d(() => [{
+		value: "ALL",
+		label: w("coolandlovely.filters.all", "All")
+	}, ...S.map((e) => ({
+		value: e,
+		label: w(`coolandlovely.occasion.${e.toLowerCase()}`, c(e))
+	}))], [w]), M = r({
+		occasion: T === "ALL" ? void 0 : T,
+		featured: D ? !0 : void 0,
 		pagination: {
-			limit: v,
-			offset: T
+			limit: x,
+			offset: k
 		}
-	}), O = D.data?.items ?? [], k = D.data?.pageInfo.hasMore ?? !1;
-	return /* @__PURE__ */ _(n, {
-		title: "Looks",
-		description: "Shop-the-look outfits built from real catalogue pieces",
-		actions: /* @__PURE__ */ _("button", {
+	}), N = M.data?.items ?? [], P = M.data?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ b(n, {
+		title: w("coolandlovely.page.looksTitle", "Looks"),
+		description: w("coolandlovely.page.looksSubtitle", "Shop-the-look outfits built from real catalogue pieces"),
+		actions: /* @__PURE__ */ b("button", {
 			type: "button",
-			onClick: () => b("/looks/new"),
+			onClick: () => C("/looks/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(f, { className: "h-4 w-4" }), " New look"]
+			children: [
+				/* @__PURE__ */ y(h, { className: "h-4 w-4" }),
+				" ",
+				w("coolandlovely.actions.newLook", "New look")
+			]
 		}),
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "mb-6 flex flex-wrap items-center gap-2",
-			children: [y.map((e) => /* @__PURE__ */ g("button", {
+			children: [j.map((e) => /* @__PURE__ */ y("button", {
 				type: "button",
 				onClick: () => {
-					S(e.value), E(0);
+					E(e.value), A(0);
 				},
-				className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", x === 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", T === 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__ */ _("button", {
+			}, e.value)), /* @__PURE__ */ b("button", {
 				type: "button",
 				onClick: () => {
-					w((e) => !e), E(0);
+					O((e) => !e), A(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", C ? "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", D ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
 				children: [
-					/* @__PURE__ */ g(m, { className: t("h-3.5 w-3.5", C && "fill-status-warning-text") }),
+					/* @__PURE__ */ y(_, { className: t("h-3.5 w-3.5", D && "fill-status-warning-text") }),
 					" ",
-					"Featured"
+					w("coolandlovely.filters.featured", "Featured")
 				]
 			})]
-		}), D.isLoading ? /* @__PURE__ */ g(a, { label: "Loading looks…" }) : D.isError ? /* @__PURE__ */ g(i, { onRetry: () => void D.refetch() }) : O.length === 0 ? /* @__PURE__ */ g(c, {
+		}), M.isLoading ? /* @__PURE__ */ y(s, { label: w("coolandlovely.loading.looks", "Loading looks…") }) : M.isError ? /* @__PURE__ */ y(o, { onRetry: () => void M.refetch() }) : N.length === 0 ? /* @__PURE__ */ y(u, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ g(p, { className: "h-10 w-10" }),
-			title: "No looks yet",
-			description: "Publish a shop-the-look outfit from catalogue pieces.",
-			action: /* @__PURE__ */ _("button", {
+			icon: /* @__PURE__ */ y(g, { className: "h-10 w-10" }),
+			title: w("coolandlovely.empty.looksTitle", "No looks yet"),
+			description: w("coolandlovely.empty.looksDescription", "Publish a shop-the-look outfit from catalogue pieces."),
+			action: /* @__PURE__ */ b("button", {
 				type: "button",
-				onClick: () => b("/looks/new"),
+				onClick: () => C("/looks/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(f, { className: "h-4 w-4" }), " New look"]
+				children: [
+					/* @__PURE__ */ y(h, { className: "h-4 w-4" }),
+					" ",
+					w("coolandlovely.actions.newLook", "New look")
+				]
 			})
-		}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
+		}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", {
 			className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4",
-			children: O.map((e) => /* @__PURE__ */ _("div", {
+			children: N.map((e) => /* @__PURE__ */ b("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ g(s, {
+				children: [/* @__PURE__ */ y(l, {
 					id: e.id,
 					title: e.title,
 					occasion: e.occasion,
@@ -111,42 +99,54 @@ function b() {
 					likeCount: e.likeCount,
 					isLikedByMe: e.isLikedByMe,
 					isSavedByMe: e.isSavedByMe,
-					onOpen: () => b(`/looks/${e.id}`),
+					onOpen: () => C(`/looks/${e.id}`),
 					showActions: !0
-				}), (e.isFeatured || e.publishedAt === null) && /* @__PURE__ */ _("div", {
+				}), (e.isFeatured || e.publishedAt === null) && /* @__PURE__ */ b("div", {
 					className: "pointer-events-none absolute left-2 top-2 z-10 flex flex-col items-start gap-1",
-					children: [e.isFeatured && /* @__PURE__ */ _("span", {
+					children: [e.isFeatured && /* @__PURE__ */ b("span", {
 						className: "inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text shadow-sm backdrop-blur",
-						children: [/* @__PURE__ */ g(m, { className: "h-3 w-3 fill-status-warning-text" }), " Featured"]
-					}), e.publishedAt === null && /* @__PURE__ */ g(r, { status: "draft" })]
+						children: [
+							/* @__PURE__ */ y(_, { className: "h-3 w-3 fill-status-warning-text" }),
+							" ",
+							w("coolandlovely.filters.featured", "Featured")
+						]
+					}), e.publishedAt === null && /* @__PURE__ */ y(a, { status: "draft" })]
 				})]
 			}, e.id))
-		}), (T > 0 || k) && /* @__PURE__ */ _("div", {
+		}), (k > 0 || P) && /* @__PURE__ */ b("div", {
 			className: "mt-6 flex items-center justify-center gap-2",
 			children: [
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ b("button", {
 					type: "button",
-					disabled: T === 0,
-					onClick: () => E((e) => Math.max(0, e - v)),
+					disabled: k === 0,
+					onClick: () => A((e) => Math.max(0, e - x)),
 					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__ */ g(u, { className: "h-4 w-4" }), " Previous"]
+					children: [
+						/* @__PURE__ */ y(p, { className: "h-4 w-4" }),
+						" ",
+						w("coolandlovely.pagination.previous", "Previous")
+					]
 				}),
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ y("span", {
 					className: "text-sm text-text-secondary",
-					children: ["Page ", T / v + 1]
+					children: w("coolandlovely.pagination.page", "Page {{page}}", { page: k / x + 1 })
 				}),
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ b("button", {
 					type: "button",
-					disabled: !k,
-					onClick: () => E((e) => e + v),
+					disabled: !P,
+					onClick: () => A((e) => e + x),
 					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__ */ g(d, { className: "h-4 w-4" })]
+					children: [
+						w("coolandlovely.pagination.next", "Next"),
+						" ",
+						/* @__PURE__ */ y(m, { className: "h-4 w-4" })
+					]
 				})
 			]
 		})] })]
 	});
 }
 //#endregion
-export { b as LooksListPage };
+export { C as LooksListPage };
 
 //# sourceMappingURL=LooksListPage.js.map

package/dist/coolandlovely/pages/looks/LooksListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LooksListPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/looks/LooksListPage.tsx"],"sourcesContent":["/**\n * Looks List Page\n * @module coolandlovely/pages/looks\n *\n * Cursor-paginated feed of published looks (`cooListLooks`) with occasion &\n * featured filters.\n */\n\nimport { useState } from 'react';\nimport { Plus, Sparkles, ChevronLeft, ChevronRight, Star } 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 { LookCard } from '../../components/LookCard';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useLooks } from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport type { CooLookOccasion } from '../../types';\n\nconst PAGE_SIZE = 24;\n\nconst OCCASIONS: Array<{ value: CooLookOccasion | 'ALL'; label: string }> = [\n  { value: 'ALL', label: 'All' },\n  { value: 'EVERYDAY', label: 'Everyday' },\n  { value: 'WORK', label: 'Work' },\n  { value: 'EVENING', label: 'Evening' },\n  { value: 'WEDDING_GUEST', label: 'Wedding guest' },\n  { value: 'VACATION', label: 'Vacation' },\n  { value: 'PARTY', label: 'Party' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'OTHER', label: 'Other' },\n];\n\nexport function LooksListPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const [occasion, setOccasion] = useState<CooLookOccasion | 'ALL'>('ALL');\n  const [featuredOnly, setFeaturedOnly] = useState(false);\n  const [offset, setOffset] = useState(0);\n\n  const query = useLooks({\n    occasion: occasion === 'ALL' ? undefined : occasion,\n    featured: featuredOnly ? true : undefined,\n    pagination: { limit: PAGE_SIZE, offset },\n  });\n\n  const looks = query.data?.items ?? [];\n  const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title=\"Looks\"\n      description=\"Shop-the-look outfits built from real catalogue pieces\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/looks/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 look\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap items-center gap-2\">\n        {OCCASIONS.map((opt) => (\n          <button\n            key={opt.value}\n            type=\"button\"\n            onClick={() => {\n              setOccasion(opt.value);\n              setOffset(0);\n            }}\n            className={cn(\n              'rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n              occasion === 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 looks…\" />\n      ) : query.isError ? (\n        <ErrorView onRetry={() => void query.refetch()} />\n      ) : looks.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Sparkles className=\"h-10 w-10\" />}\n          title=\"No looks yet\"\n          description=\"Publish a shop-the-look outfit from catalogue pieces.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/looks/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 look\n            </button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4\">\n            {looks.map((look) => (\n              <div key={look.id} className=\"relative\">\n                <LookCard\n                  id={look.id}\n                  title={look.title}\n                  occasion={look.occasion}\n                  imageFileId={look.image?.id}\n                  likeCount={look.likeCount}\n                  isLikedByMe={look.isLikedByMe}\n                  isSavedByMe={look.isSavedByMe}\n                  onOpen={() => navigateTo(`/looks/${look.id}`)}\n                  showActions\n                />\n                {(look.isFeatured || look.publishedAt === null) && (\n                  <div className=\"pointer-events-none absolute left-2 top-2 z-10 flex flex-col items-start gap-1\">\n                    {look.isFeatured && (\n                      <span className=\"inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text shadow-sm backdrop-blur\">\n                        <Star className=\"h-3 w-3 fill-status-warning-text\" /> Featured\n                      </span>\n                    )}\n                    {look.publishedAt === null && <StatusBadge status=\"draft\" />}\n                  </div>\n                )}\n              </div>\n            ))}\n          </div>\n\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":"LooksListPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/looks/LooksListPage.tsx"],"sourcesContent":["/**\n * Looks List Page\n * @module coolandlovely/pages/looks\n *\n * Cursor-paginated feed of published looks (`cooListLooks`) with occasion &\n * featured filters.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, Sparkles, ChevronLeft, ChevronRight, Star } 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 { LookCard } from '../../components/LookCard';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useLooks, useTr } from '../../hooks';\nimport { titleCase } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { CooLookOccasion } from '../../types';\n\nconst PAGE_SIZE = 24;\nconst OCCASION_ORDER: CooLookOccasion[] = [\n  'EVERYDAY',\n  'WORK',\n  'EVENING',\n  'WEDDING_GUEST',\n  'VACATION',\n  'PARTY',\n  'ACTIVE',\n  'OTHER',\n];\n\nexport function LooksListPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const tr = useTr();\n  const [occasion, setOccasion] = useState<CooLookOccasion | 'ALL'>('ALL');\n  const [featuredOnly, setFeaturedOnly] = useState(false);\n  const [offset, setOffset] = useState(0);\n\n  const occasionOptions = useMemo(\n    () => [\n      { value: 'ALL' as const, label: tr('coolandlovely.filters.all', 'All') },\n      ...OCCASION_ORDER.map((value) => ({\n        value,\n        label: tr(`coolandlovely.occasion.${value.toLowerCase()}`, titleCase(value)),\n      })),\n    ],\n    [tr]\n  );\n\n  const query = useLooks({\n    occasion: occasion === 'ALL' ? undefined : occasion,\n    featured: featuredOnly ? true : undefined,\n    pagination: { limit: PAGE_SIZE, offset },\n  });\n\n  const looks = query.data?.items ?? [];\n  const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title={tr('coolandlovely.page.looksTitle', 'Looks')}\n      description={tr(\n        'coolandlovely.page.looksSubtitle',\n        'Shop-the-look outfits built from real catalogue pieces'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/looks/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.newLook', 'New look')}\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap items-center gap-2\">\n        {occasionOptions.map((opt) => (\n          <button\n            key={opt.value}\n            type=\"button\"\n            onClick={() => {\n              setOccasion(opt.value);\n              setOffset(0);\n            }}\n            className={cn(\n              'rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n              occasion === 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.looks', 'Loading looks…')} />\n      ) : query.isError ? (\n        <ErrorView onRetry={() => void query.refetch()} />\n      ) : looks.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Sparkles className=\"h-10 w-10\" />}\n          title={tr('coolandlovely.empty.looksTitle', 'No looks yet')}\n          description={tr(\n            'coolandlovely.empty.looksDescription',\n            'Publish a shop-the-look outfit from catalogue pieces.'\n          )}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/looks/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.newLook', 'New look')}\n            </button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4\">\n            {looks.map((look) => (\n              <div key={look.id} className=\"relative\">\n                <LookCard\n                  id={look.id}\n                  title={look.title}\n                  occasion={look.occasion}\n                  imageFileId={look.image?.id}\n                  likeCount={look.likeCount}\n                  isLikedByMe={look.isLikedByMe}\n                  isSavedByMe={look.isSavedByMe}\n                  onOpen={() => navigateTo(`/looks/${look.id}`)}\n                  showActions\n                />\n                {(look.isFeatured || look.publishedAt === null) && (\n                  <div className=\"pointer-events-none absolute left-2 top-2 z-10 flex flex-col items-start gap-1\">\n                    {look.isFeatured && (\n                      <span className=\"inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text shadow-sm backdrop-blur\">\n                        <Star className=\"h-3 w-3 fill-status-warning-text\" />{' '}\n                        {tr('coolandlovely.filters.featured', 'Featured')}\n                      </span>\n                    )}\n                    {look.publishedAt === null && <StatusBadge status=\"draft\" />}\n                  </div>\n                )}\n              </div>\n            ))}\n          </div>\n\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/profile/StyleProfilePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyleProfilePage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/profile/StyleProfilePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AA+EH,wBAAgB,gBAAgB,gCAyf/B"}
+{"version":3,"file":"StyleProfilePage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/profile/StyleProfilePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAgFH,wBAAgB,gBAAgB,gCA2jB/B"}