@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

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

@@ -0,0 +1,209 @@
+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 { useCreateLook as r, useStyleItems as i } from "../../hooks/useCoolAndLovelyApi.js";
+import "../../hooks/index.js";
+import { formatPrice as a, parseCsv as o, titleCase as s } from "../../utils/formatters.js";
+import { SelectField as c, TextAreaField as l, TextField as u } from "../../components/Field.js";
+import { useMemo as d, useState as f } from "react";
+import { ArrowLeft as p, Loader2 as m, Plus as h, Save as g, Sparkles as _, X as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { GlassCard as x } from "@burdenoff/fe-libs/ui";
+//#region src/coolandlovely/pages/looks/LookFormPage.tsx
+var S = [
+	"EVERYDAY",
+	"WORK",
+	"EVENING",
+	"WEDDING_GUEST",
+	"VACATION",
+	"PARTY",
+	"ACTIVE",
+	"OTHER"
+], C = [
+	"PUBLIC",
+	"FOLLOWERS",
+	"PRIVATE"
+];
+function w() {
+	let { navigateTo: w } = e(), T = r(), E = i({
+		status: "ACTIVE",
+		pagination: {
+			limit: 100,
+			offset: 0
+		}
+	}), [D, O] = f(""), [k, A] = f(""), [j, M] = f("EVERYDAY"), [N, P] = f("PUBLIC"), [F, I] = f(""), [L, R] = f([]), [z, B] = f(), V = d(() => (E.data?.items ?? []).map((e) => ({
+		value: e.id,
+		label: `${e.name}${e.brand?.name ? ` · ${e.brand.name}` : ""} — ${a(e.price, e.currency)}`
+	})), [E.data]), H = S.map((e) => ({
+		value: e,
+		label: s(e)
+	})), U = C.map((e) => ({
+		value: e,
+		label: s(e)
+	})), W = () => R((e) => [...e, {
+		styleItemId: "",
+		styling: ""
+	}]), G = (e) => R((t) => t.filter((t, n) => n !== e)), K = (e, t) => R((n) => n.map((n, r) => r === e ? {
+		...n,
+		...t
+	} : n));
+	return /* @__PURE__ */ y(n, {
+		title: "New look",
+		description: "Compose a shop-the-look outfit from catalogue pieces",
+		actions: /* @__PURE__ */ b("button", {
+			type: "button",
+			onClick: () => w("/looks"),
+			className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+			children: [/* @__PURE__ */ y(p, { className: "h-4 w-4" }), " Cancel"]
+		}),
+		children: /* @__PURE__ */ y("form", {
+			onSubmit: (e) => {
+				if (e.preventDefault(), !D.trim()) {
+					B("Title is required");
+					return;
+				}
+				B(void 0);
+				let t = L.filter((e) => e.styleItemId).map((e, t) => ({
+					styleItemId: e.styleItemId,
+					position: t,
+					styling: e.styling.trim() || void 0
+				}));
+				T.mutate({
+					title: D.trim(),
+					caption: k.trim() || void 0,
+					occasion: j,
+					visibility: N,
+					tags: o(F),
+					items: t.length > 0 ? t : void 0
+				}, { onSuccess: (e) => w(`/looks/${e.id}`) });
+			},
+			className: "mx-auto max-w-2xl",
+			children: /* @__PURE__ */ b(x, {
+				treatment: "plain",
+				className: "p-6",
+				children: [
+					/* @__PURE__ */ b("div", {
+						className: "mb-6 flex items-center gap-3",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex h-11 w-11 items-center justify-center rounded-lg bg-status-success-bg-subtle text-status-success-text",
+							children: /* @__PURE__ */ y(_, { className: "h-5 w-5" })
+						}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Look details"
+						}), /* @__PURE__ */ y("p", {
+							className: "text-xs text-text-secondary",
+							children: "Created as a draft — publish it from the look page."
+						})] })]
+					}),
+					/* @__PURE__ */ y(u, {
+						id: "title",
+						label: "Title",
+						value: D,
+						onChange: O,
+						placeholder: "Coastal grandma, refined",
+						required: !0,
+						error: z
+					}),
+					/* @__PURE__ */ y(l, {
+						id: "caption",
+						label: "Caption",
+						value: k,
+						onChange: A,
+						placeholder: "How to style it…",
+						rows: 3,
+						className: "mt-4"
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ y(c, {
+							id: "occasion",
+							label: "Occasion",
+							value: j,
+							onChange: (e) => M(e),
+							options: H
+						}), /* @__PURE__ */ y(c, {
+							id: "visibility",
+							label: "Visibility",
+							value: N,
+							onChange: (e) => P(e),
+							options: U
+						})]
+					}),
+					/* @__PURE__ */ y(u, {
+						id: "tags",
+						label: "Tags",
+						value: F,
+						onChange: I,
+						placeholder: "linen, neutral",
+						hint: "Comma-separated",
+						className: "mt-4"
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "mt-6",
+						children: [/* @__PURE__ */ b("div", {
+							className: "mb-2 flex items-center justify-between",
+							children: [/* @__PURE__ */ y("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Pieces in this look"
+							}), /* @__PURE__ */ b("button", {
+								type: "button",
+								onClick: W,
+								className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",
+								children: [/* @__PURE__ */ y(h, { className: "h-3.5 w-3.5" }), " Add piece"]
+							})]
+						}), L.length === 0 ? /* @__PURE__ */ y("p", {
+							className: "rounded-lg border border-dashed border-border-seam p-4 text-center text-xs text-text-secondary",
+							children: "No pieces added yet. A look can be published without pieces and styled later."
+						}) : /* @__PURE__ */ y("div", {
+							className: "space-y-3",
+							children: L.map((e, n) => /* @__PURE__ */ y("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-3",
+								children: /* @__PURE__ */ b("div", {
+									className: "flex items-start gap-2",
+									children: [/* @__PURE__ */ b("div", {
+										className: "flex-1 space-y-2",
+										children: [/* @__PURE__ */ y(c, {
+											label: `Piece ${n + 1}`,
+											value: e.styleItemId,
+											onChange: (e) => K(n, { styleItemId: e }),
+											options: V,
+											placeholder: E.isLoading ? "Loading items…" : "Select a style item"
+										}), /* @__PURE__ */ y(u, {
+											label: "Styling note",
+											value: e.styling,
+											onChange: (e) => K(n, { styling: e }),
+											placeholder: "Cuff the sleeves, tuck the front…"
+										})]
+									}), /* @__PURE__ */ y("button", {
+										type: "button",
+										onClick: () => G(n),
+										"aria-label": "Remove piece",
+										className: t("mt-7 inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg", "text-text-secondary transition-colors hover:bg-status-error-bg-subtle hover:text-status-error-text"),
+										children: /* @__PURE__ */ y(v, { className: "h-4 w-4" })
+									})]
+								})
+							}, n))
+						})]
+					}),
+					T.isError && /* @__PURE__ */ y("p", {
+						className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+						children: T.error instanceof Error ? T.error.message : "Something went wrong"
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "mt-6 flex justify-end gap-2",
+						children: /* @__PURE__ */ b("button", {
+							type: "submit",
+							disabled: T.isPending,
+							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50",
+							children: [T.isPending ? /* @__PURE__ */ y(m, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ y(g, { className: "h-4 w-4" }), "Create look"]
+						})
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { w as LookFormPage };
+
+//# sourceMappingURL=LookFormPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LookFormPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/looks/LookFormPage.tsx"],"sourcesContent":["/**\n * Look Create Page\n * @module coolandlovely/pages/looks\n *\n * Drives `cooCreateLook`. A look is created with its title/occasion/visibility\n * and an inline list of look items (catalogue pieces + styling notes), matching\n * the `CooCreateLookInput` shape exactly.\n */\n\nimport { useMemo, useState } from 'react';\nimport { ArrowLeft, Loader2, Save, Sparkles, Plus, X } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { TextField, TextAreaField, SelectField } from '../../components/Field';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useCreateLook, useStyleItems } from '../../hooks';\nimport { parseCsv, titleCase, formatPrice } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type {\n  CooLookOccasion,\n  CooVisibility,\n  CooLookItemInput,\n} from '../../types';\n\nconst OCCASIONS: CooLookOccasion[] = [\n  'EVERYDAY',\n  'WORK',\n  'EVENING',\n  'WEDDING_GUEST',\n  'VACATION',\n  'PARTY',\n  'ACTIVE',\n  'OTHER',\n];\n\nconst VISIBILITIES: CooVisibility[] = ['PUBLIC', 'FOLLOWERS', 'PRIVATE'];\n\ninterface DraftItem {\n  styleItemId: string;\n  styling: string;\n}\n\nexport function LookFormPage() {\n  const { navigateTo } = useCoolAndLovely();\n  const createLook = useCreateLook();\n  const styleItems = useStyleItems({\n    status: 'ACTIVE',\n    pagination: { limit: 100, offset: 0 },\n  });\n\n  const [title, setTitle] = useState('');\n  const [caption, setCaption] = useState('');\n  const [occasion, setOccasion] = useState<CooLookOccasion>('EVERYDAY');\n  const [visibility, setVisibility] = useState<CooVisibility>('PUBLIC');\n  const [tags, setTags] = useState('');\n  const [draftItems, setDraftItems] = useState<DraftItem[]>([]);\n  const [titleError, setTitleError] = useState<string | undefined>();\n\n  const itemOptions = useMemo(\n    () =>\n      (styleItems.data?.items ?? []).map((i) => ({\n        value: i.id,\n        label: `${i.name}${i.brand?.name ? ` · ${i.brand.name}` : ''} — ${formatPrice(i.price, i.currency)}`,\n      })),\n    [styleItems.data]\n  );\n\n  const occasionOptions = OCCASIONS.map((o) => ({ value: o, label: titleCase(o) }));\n  const visibilityOptions = VISIBILITIES.map((v) => ({ value: v, label: titleCase(v) }));\n\n  const addDraftItem = () => setDraftItems((d) => [...d, { styleItemId: '', styling: '' }]);\n  const removeDraftItem = (idx: number) =>\n    setDraftItems((d) => d.filter((_, i) => i !== idx));\n  const setDraftItem = (idx: number, patch: Partial<DraftItem>) =>\n    setDraftItems((d) => d.map((it, i) => (i === idx ? { ...it, ...patch } : it)));\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!title.trim()) {\n      setTitleError('Title is required');\n      return;\n    }\n    setTitleError(undefined);\n\n    const items: CooLookItemInput[] = draftItems\n      .filter((d) => d.styleItemId)\n      .map((d, idx) => ({\n        styleItemId: d.styleItemId,\n        position: idx,\n        styling: d.styling.trim() || undefined,\n      }));\n\n    createLook.mutate(\n      {\n        title: title.trim(),\n        caption: caption.trim() || undefined,\n        occasion,\n        visibility,\n        tags: parseCsv(tags),\n        items: items.length > 0 ? items : undefined,\n      },\n      { onSuccess: (look) => navigateTo(`/looks/${look.id}`) }\n    );\n  };\n\n  return (\n    <PageLayout\n      title=\"New look\"\n      description=\"Compose a shop-the-look outfit from catalogue pieces\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/looks')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Cancel\n        </button>\n      }\n    >\n      <form onSubmit={handleSubmit} className=\"mx-auto max-w-2xl\">\n        <GlassCard treatment=\"plain\" className=\"p-6\">\n          <div className=\"mb-6 flex items-center gap-3\">\n            <div className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-status-success-bg-subtle text-status-success-text\">\n              <Sparkles className=\"h-5 w-5\" />\n            </div>\n            <div>\n              <h2 className=\"text-base font-semibold text-text-primary\">Look details</h2>\n              <p className=\"text-xs text-text-secondary\">\n                Created as a draft — publish it from the look page.\n              </p>\n            </div>\n          </div>\n\n          <TextField\n            id=\"title\"\n            label=\"Title\"\n            value={title}\n            onChange={setTitle}\n            placeholder=\"Coastal grandma, refined\"\n            required\n            error={titleError}\n          />\n\n          <TextAreaField\n            id=\"caption\"\n            label=\"Caption\"\n            value={caption}\n            onChange={setCaption}\n            placeholder=\"How to style it…\"\n            rows={3}\n            className=\"mt-4\"\n          />\n\n          <div className=\"mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <SelectField\n              id=\"occasion\"\n              label=\"Occasion\"\n              value={occasion}\n              onChange={(v) => setOccasion(v as CooLookOccasion)}\n              options={occasionOptions}\n            />\n            <SelectField\n              id=\"visibility\"\n              label=\"Visibility\"\n              value={visibility}\n              onChange={(v) => setVisibility(v as CooVisibility)}\n              options={visibilityOptions}\n            />\n          </div>\n\n          <TextField\n            id=\"tags\"\n            label=\"Tags\"\n            value={tags}\n            onChange={setTags}\n            placeholder=\"linen, neutral\"\n            hint=\"Comma-separated\"\n            className=\"mt-4\"\n          />\n\n          {/* Look items */}\n          <div className=\"mt-6\">\n            <div className=\"mb-2 flex items-center justify-between\">\n              <p className=\"text-sm font-medium text-text-primary\">Pieces in this look</p>\n              <button\n                type=\"button\"\n                onClick={addDraftItem}\n                className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n              >\n                <Plus className=\"h-3.5 w-3.5\" /> Add piece\n              </button>\n            </div>\n            {draftItems.length === 0 ? (\n              <p className=\"rounded-lg border border-dashed border-border-seam p-4 text-center text-xs text-text-secondary\">\n                No pieces added yet. A look can be published without pieces and styled later.\n              </p>\n            ) : (\n              <div className=\"space-y-3\">\n                {draftItems.map((di, idx) => (\n                  <div\n                    key={idx}\n                    className=\"rounded-lg border border-border-seam bg-bg-surface p-3\"\n                  >\n                    <div className=\"flex items-start gap-2\">\n                      <div className=\"flex-1 space-y-2\">\n                        <SelectField\n                          label={`Piece ${idx + 1}`}\n                          value={di.styleItemId}\n                          onChange={(v) => setDraftItem(idx, { styleItemId: v })}\n                          options={itemOptions}\n                          placeholder={\n                            styleItems.isLoading ? 'Loading items…' : 'Select a style item'\n                          }\n                        />\n                        <TextField\n                          label=\"Styling note\"\n                          value={di.styling}\n                          onChange={(v) => setDraftItem(idx, { styling: v })}\n                          placeholder=\"Cuff the sleeves, tuck the front…\"\n                        />\n                      </div>\n                      <button\n                        type=\"button\"\n                        onClick={() => removeDraftItem(idx)}\n                        aria-label=\"Remove piece\"\n                        className={cn(\n                          'mt-7 inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg',\n                          'text-text-secondary transition-colors hover:bg-status-error-bg-subtle hover:text-status-error-text'\n                        )}\n                      >\n                        <X className=\"h-4 w-4\" />\n                      </button>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {createLook.isError && (\n            <p className=\"mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n              {createLook.error instanceof Error ? createLook.error.message : 'Something went wrong'}\n            </p>\n          )}\n\n          <div className=\"mt-6 flex justify-end gap-2\">\n            <button\n              type=\"submit\"\n              disabled={createLook.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {createLook.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Save className=\"h-4 w-4\" />\n              )}\n              Create look\n            </button>\n          </div>\n        </GlassCard>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,181 @@
+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 { useLooks as s } from "../../hooks/useCoolAndLovelyApi.js";
+import "../../hooks/index.js";
+import { titleCase as c } from "../../utils/formatters.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { useState as u } from "react";
+import { Bookmark as d, ChevronLeft as f, ChevronRight as p, Heart 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 x = 24, S = [
+	{
+		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"
+	}
+];
+function C() {
+	let { navigateTo: C } = e(), [w, T] = u("ALL"), [E, D] = u(!1), [O, k] = u(0), A = s({
+		occasion: w === "ALL" ? void 0 : w,
+		featured: E ? !0 : void 0,
+		pagination: {
+			limit: x,
+			offset: O
+		}
+	}), j = A.data?.items ?? [], M = A.data?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ b(n, {
+		title: "Looks",
+		description: "Shop-the-look outfits built from real catalogue pieces",
+		actions: /* @__PURE__ */ b("button", {
+			type: "button",
+			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__ */ y(h, { className: "h-4 w-4" }), " New look"]
+		}),
+		children: [/* @__PURE__ */ b("div", {
+			className: "mb-6 flex flex-wrap items-center gap-2",
+			children: [S.map((e) => /* @__PURE__ */ y("button", {
+				type: "button",
+				onClick: () => {
+					T(e.value), k(0);
+				},
+				className: t("rounded-full px-3 py-1.5 text-sm font-medium transition-colors", w === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+				children: e.label
+			}, e.value)), /* @__PURE__ */ b("button", {
+				type: "button",
+				onClick: () => {
+					D((e) => !e), k(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", E ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+				children: [/* @__PURE__ */ y(_, { className: t("h-3.5 w-3.5", E && "fill-status-warning-text") }), " Featured"]
+			})]
+		}), A.isLoading ? /* @__PURE__ */ y(a, { label: "Loading looks…" }) : A.isError ? /* @__PURE__ */ y(i, { onRetry: () => void A.refetch() }) : j.length === 0 ? /* @__PURE__ */ y(l, {
+			illustration: "empty-data",
+			icon: /* @__PURE__ */ y(g, { className: "h-10 w-10" }),
+			title: "No looks yet",
+			description: "Publish a shop-the-look outfit from catalogue pieces.",
+			action: /* @__PURE__ */ b("button", {
+				type: "button",
+				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__ */ y(h, { className: "h-4 w-4" }), " New look"]
+			})
+		}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", {
+			className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4",
+			children: j.map((e) => /* @__PURE__ */ b("button", {
+				type: "button",
+				onClick: () => C(`/looks/${e.id}`),
+				className: "overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left shadow-sm transition-all hover:border-accent-foreground/20 hover:shadow-md",
+				children: [/* @__PURE__ */ b("div", {
+					className: "relative",
+					children: [
+						/* @__PURE__ */ y(o, {
+							icon: /* @__PURE__ */ y(g, { className: "h-9 w-9" }),
+							seed: e.id,
+							className: "h-40 w-full"
+						}),
+						e.isFeatured && /* @__PURE__ */ y("div", {
+							className: "absolute left-2 top-2",
+							children: /* @__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",
+								children: [/* @__PURE__ */ y(_, { className: "h-3 w-3 fill-status-warning-text" }), " Featured"]
+							})
+						}),
+						e.publishedAt === null && /* @__PURE__ */ y("div", {
+							className: "absolute right-2 top-2",
+							children: /* @__PURE__ */ y(r, { status: "draft" })
+						})
+					]
+				}), /* @__PURE__ */ b("div", {
+					className: "p-3",
+					children: [/* @__PURE__ */ y("p", {
+						className: "truncate text-sm font-medium text-text-primary",
+						children: e.title
+					}), /* @__PURE__ */ b("div", {
+						className: "mt-1.5 flex items-center justify-between text-xs text-text-secondary",
+						children: [/* @__PURE__ */ y("span", { children: c(e.occasion) }), /* @__PURE__ */ b("span", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ b("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ y(m, { className: "h-3 w-3" }),
+									" ",
+									e.likeCount
+								]
+							}), /* @__PURE__ */ b("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ y(d, { className: "h-3 w-3" }),
+									" ",
+									e.saveCount
+								]
+							})]
+						})]
+					})]
+				})]
+			}, e.id))
+		}), (O > 0 || M) && /* @__PURE__ */ b("div", {
+			className: "mt-6 flex items-center justify-center gap-2",
+			children: [
+				/* @__PURE__ */ b("button", {
+					type: "button",
+					disabled: O === 0,
+					onClick: () => k((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__ */ y(f, { className: "h-4 w-4" }), " Previous"]
+				}),
+				/* @__PURE__ */ b("span", {
+					className: "text-sm text-text-secondary",
+					children: ["Page ", O / x + 1]
+				}),
+				/* @__PURE__ */ b("button", {
+					type: "button",
+					disabled: !M,
+					onClick: () => k((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__ */ y(p, { className: "h-4 w-4" })]
+				})
+			]
+		})] })]
+	});
+}
+//#endregion
+export { C as LooksListPage };
+
+//# sourceMappingURL=LooksListPage.js.map

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

@@ -0,0 +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, Heart, Bookmark, 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 { Thumbnail } from '../../components/Thumbnail';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { useLooks } from '../../hooks';\nimport { titleCase } from '../../utils/formatters';\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')} /> 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              <button\n                key={look.id}\n                type=\"button\"\n                onClick={() => navigateTo(`/looks/${look.id}`)}\n                className=\"overflow-hidden rounded-lg 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 icon={<Sparkles className=\"h-9 w-9\" />} seed={look.id} className=\"h-40 w-full\" />\n                  {look.isFeatured && (\n                    <div className=\"absolute left-2 top-2\">\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\">\n                        <Star className=\"h-3 w-3 fill-status-warning-text\" /> Featured\n                      </span>\n                    </div>\n                  )}\n                  {look.publishedAt === null && (\n                    <div className=\"absolute right-2 top-2\">\n                      <StatusBadge status=\"draft\" />\n                    </div>\n                  )}\n                </div>\n                <div className=\"p-3\">\n                  <p className=\"truncate text-sm font-medium text-text-primary\">{look.title}</p>\n                  <div className=\"mt-1.5 flex items-center justify-between text-xs text-text-secondary\">\n                    <span>{titleCase(look.occasion)}</span>\n                    <span className=\"flex items-center gap-2\">\n                      <span className=\"flex items-center gap-1\">\n                        <Heart className=\"h-3 w-3\" /> {look.likeCount}\n                      </span>\n                      <span className=\"flex items-center gap-1\">\n                        <Bookmark className=\"h-3 w-3\" /> {look.saveCount}\n                      </span>\n                    </span>\n                  </div>\n                </div>\n              </button>\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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"}