@burdenoff/microfe-coolandlovely 2026.827.1 → 2026.1024.1

package/dist/coolandlovely/pages/profile/StyleProfilePage.js

@@ -1,35 +1,36 @@
 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 { Thumbnail as a } from "../../components/Thumbnail.js";
-import { useLooks as o, useMyFollowing as s, useMyStyleProfile as c, useStyleProfileByOwner as l, useUpsertStyleProfile as u, useWardrobeItems as d } from "../../hooks/useCoolAndLovelyApi.js";
-import { parseCsv as f, titleCase as p } from "../../utils/formatters.js";
+import { useLooks as r, useMyFollowing as i, useMyStyleProfile as a, useStyleProfileByOwner as o, useUpsertStyleProfile as s, useWardrobeItems as c } from "../../hooks/useCoolAndLovelyApi.js";
+import { useTr as ee } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { categoryIcon as ee } from "../../utils/icons.js";
-import { EmptyState as te } from "../../components/EmptyState.js";
-import { SelectField as m, TextAreaField as h, TextField as g } from "../../components/Field.js";
-import { ActorName as _ } from "../../components/ActorName.js";
-import { FollowButton as v } from "../../components/FollowButton.js";
+import { ErrorView as te, LoadingView as l } from "../../components/StateViews.js";
+import { Thumbnail as u } from "../../components/Thumbnail.js";
+import { parseCsv as d, titleCase as f } from "../../utils/formatters.js";
+import { categoryIcon as p } from "../../utils/icons.js";
+import { EmptyState as m } from "../../components/EmptyState.js";
+import { SelectField as h, TextAreaField as g, TextField as _ } from "../../components/Field.js";
+import { ActorName as v } from "../../components/ActorName.js";
+import { FollowButton as y } from "../../components/FollowButton.js";
 import { VisibilityChip as ne } from "../../components/VisibilityChip.js";
 import { ColourSwatchRow as re } from "../../components/ColourSwatchRow.js";
-import { useEffect as y, useState as b } from "react";
-import { Loader2 as x, Pencil as ie, Save as S, Shirt as C, Sparkles as w, UserCircle as T, Users as E, X as D } from "lucide-react";
-import { useParams as O } from "react-router";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-import { GlassCard as j } from "@burdenoff/fe-libs/ui";
+import { useEffect as b, useMemo as x, useState as S } from "react";
+import { Loader2 as C, Pencil as w, Save as ie, Shirt as ae, Sparkles as oe, UserCircle as T, Users as se, X as E } from "lucide-react";
+import { useParams as D } from "react-router";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { GlassCard as A } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/profile/StyleProfilePage.tsx
-var ae = [
+var ce = [
 	"PUBLIC",
 	"FOLLOWERS",
 	"PRIVATE"
-], oe = [
-	"Tops",
-	"Bottoms",
-	"Dresses",
-	"Shoes",
-	"Outerwear"
-], M = {
+], le = [
+	"tops",
+	"bottoms",
+	"dresses",
+	"shoes",
+	"outerwear"
+], j = {
 	displayName: "",
 	bio: "",
 	visibility: "PRIVATE",
@@ -38,29 +39,29 @@ var ae = [
 	favouriteBrands: "",
 	sizes: {}
 };
-function N(e) {
+function M(e) {
 	let t = e.trim().split(/\s+/).filter(Boolean);
 	return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[1][0]).toUpperCase();
 }
-function P({ title: e, children: n, className: r }) {
-	return /* @__PURE__ */ A(j, {
+function N({ title: e, children: n, className: r }) {
+	return /* @__PURE__ */ k(A, {
 		treatment: "plain",
 		className: t("p-5", r),
-		children: [/* @__PURE__ */ k("h3", {
+		children: [/* @__PURE__ */ O("h3", {
 			className: "mb-3 text-sm font-semibold text-text-primary",
 			children: e
 		}), n]
 	});
 }
-function F() {
-	let { userId: F } = O(), { navigateTo: I, currentUser: L } = e(), R = !F || F === L?.id, z = c(), B = l(R ? void 0 : F), V = R ? z : B, H = u(), U = s(), W = d(), G = V.data, K = o({
+function P() {
+	let { userId: P } = D(), { navigateTo: F, currentUser: I } = e(), L = ee(), R = !P || P === I?.id, z = a(), B = o(R ? void 0 : P), V = R ? z : B, H = s(), U = i(), W = c(), G = V.data, K = r({
 		authorId: G?.ownerId,
 		pagination: {
 			limit: 6,
 			offset: 0
 		}
-	}), [se, q] = b(!1), [J, Y] = b(M), X = !!G, Z = U.data ?? [];
-	y(() => {
+	}), [ue, q] = S(!1), [J, Y] = S(j), X = !!G, Z = U.data ?? [];
+	b(() => {
 		R && G && Y({
 			displayName: G.displayName ?? "",
 			bio: G.bio ?? "",
@@ -70,7 +71,7 @@ function F() {
 			favouriteBrands: G.favouriteBrands.join(", "),
 			sizes: Object.fromEntries(Object.entries(G.sizes ?? {}).map(([e, t]) => [e, String(t ?? "")]))
 		});
-	}, [R, G]), y(() => {
+	}, [R, G]), b(() => {
 		R && !V.isLoading && !X && q(!0);
 	}, [
 		R,
@@ -80,109 +81,113 @@ function F() {
 	let Q = (e, t) => Y((n) => ({
 		...n,
 		[e]: t
-	})), ce = (e, t) => Y((n) => ({
+	})), de = (e, t) => Y((n) => ({
 		...n,
 		sizes: {
 			...n.sizes,
 			[e]: t
 		}
-	})), le = ae.map((e) => ({
+	})), fe = x(() => ce.map((e) => ({
 		value: e,
-		label: p(e)
-	})), ue = (e) => {
+		label: L(`coolandlovely.visibility.${e.toLowerCase()}`, f(e))
+	})), [L]), pe = (e) => {
 		e.preventDefault();
 		let t = Object.fromEntries(Object.entries(J.sizes).map(([e, t]) => [e, t.trim()]).filter(([, e]) => e.length > 0));
 		H.mutate({
 			displayName: J.displayName.trim() || void 0,
 			bio: J.bio.trim() || void 0,
 			visibility: J.visibility,
-			stylePreferences: f(J.stylePreferences),
-			palette: f(J.palette),
-			favouriteBrands: f(J.favouriteBrands),
+			stylePreferences: d(J.stylePreferences),
+			palette: d(J.palette),
+			favouriteBrands: d(J.favouriteBrands),
 			sizes: t
 		}, { onSuccess: () => q(!1) });
 	};
-	if (V.isLoading) return /* @__PURE__ */ k(n, {
-		title: "Style Profile",
-		children: /* @__PURE__ */ k(i, { label: "Loading style profile…" })
+	if (V.isLoading) return /* @__PURE__ */ O(n, {
+		title: L("coolandlovely.page.profileTitle", "Style Profile"),
+		children: /* @__PURE__ */ O(l, { label: L("coolandlovely.loading.profile", "Loading style profile…") })
 	});
-	if (V.isError) return /* @__PURE__ */ k(n, {
-		title: "Style Profile",
-		children: /* @__PURE__ */ k(r, { onRetry: () => void V.refetch() })
+	if (V.isError) return /* @__PURE__ */ O(n, {
+		title: L("coolandlovely.page.profileTitle", "Style Profile"),
+		children: /* @__PURE__ */ O(te, { onRetry: () => void V.refetch() })
 	});
-	if (!R && !G) return /* @__PURE__ */ k(n, {
-		title: "Style Profile",
-		children: /* @__PURE__ */ k(te, {
-			title: "Profile not available",
-			description: "This style profile doesn't exist, or its owner hasn't shared it with you.",
-			icon: /* @__PURE__ */ k(T, { className: "h-8 w-8" })
+	if (!R && !G) return /* @__PURE__ */ O(n, {
+		title: L("coolandlovely.page.profileTitle", "Style Profile"),
+		children: /* @__PURE__ */ O(m, {
+			title: L("coolandlovely.profile.notAvailableTitle", "Profile not available"),
+			description: L("coolandlovely.profile.notAvailableDescription", "This style profile doesn't exist, or its owner hasn't shared it with you."),
+			icon: /* @__PURE__ */ O(T, { className: "h-8 w-8" })
 		})
 	});
 	let $ = R;
-	if ((!se || !$) && G) {
-		let e = R ? L?.profilePicture || L?.avatar : void 0, r = R ? (W.data ?? []).slice(0, 6) : [], i = K.data?.items ?? [], o = Object.entries(G.sizes ?? {}), s = G.displayName || (R ? L?.name : void 0);
-		return /* @__PURE__ */ k(n, {
-			title: R ? "Style Profile" : s || "Style Profile",
-			description: R ? "Your taste, palette and sizing — the spine of personalised discovery" : void 0,
-			actions: $ ? /* @__PURE__ */ A("button", {
+	if ((!ue || !$) && G) {
+		let e = R ? I?.profilePicture || I?.avatar : void 0, r = R ? (W.data ?? []).slice(0, 6) : [], i = K.data?.items ?? [], a = Object.entries(G.sizes ?? {}), o = G.displayName || (R ? I?.name : void 0);
+		return /* @__PURE__ */ O(n, {
+			title: R ? L("coolandlovely.page.profileTitle", "Style Profile") : o || L("coolandlovely.page.profileTitle", "Style Profile"),
+			description: R ? L("coolandlovely.page.profileSubtitle", "Your taste, palette and sizing — the spine of personalised discovery") : void 0,
+			actions: $ ? /* @__PURE__ */ k("button", {
 				type: "button",
 				onClick: () => q(!0),
 				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__ */ k(ie, { className: "h-4 w-4" }), " Edit"]
-			}) : /* @__PURE__ */ k(v, { followeeId: G.ownerId }),
-			children: /* @__PURE__ */ A("div", {
+				children: [
+					/* @__PURE__ */ O(w, { className: "h-4 w-4" }),
+					" ",
+					L("coolandlovely.actions.edit", "Edit")
+				]
+			}) : /* @__PURE__ */ O(y, { followeeId: G.ownerId }),
+			children: /* @__PURE__ */ k("div", {
 				className: "mx-auto max-w-5xl",
 				children: [
-					/* @__PURE__ */ k(j, {
+					/* @__PURE__ */ O(A, {
 						treatment: "glass",
 						className: "p-6",
-						children: /* @__PURE__ */ A("div", {
+						children: /* @__PURE__ */ k("div", {
 							className: "flex flex-col gap-4 sm:flex-row sm:items-center",
-							children: [e ? /* @__PURE__ */ k("img", {
+							children: [e ? /* @__PURE__ */ O("img", {
 								src: e,
-								alt: s || "Avatar",
+								alt: o || "Avatar",
 								className: "h-16 w-16 shrink-0 rounded-full object-cover ring-2 ring-bg-surface"
-							}) : /* @__PURE__ */ k("div", {
+							}) : /* @__PURE__ */ O("div", {
 								className: "flex h-16 w-16 shrink-0 items-center justify-center rounded-full bg-accent-purple-subtle text-text-primary",
-								children: /* @__PURE__ */ k(T, { className: "h-8 w-8" })
-							}), /* @__PURE__ */ A("div", {
+								children: /* @__PURE__ */ O(T, { className: "h-8 w-8" })
+							}), /* @__PURE__ */ k("div", {
 								className: "min-w-0 flex-1",
 								children: [
-									/* @__PURE__ */ A("div", {
+									/* @__PURE__ */ k("div", {
 										className: "flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ k("h2", {
+										children: [/* @__PURE__ */ O("h2", {
 											className: "truncate text-xl font-semibold text-text-primary",
-											children: s || /* @__PURE__ */ k(_, {
+											children: o || /* @__PURE__ */ O(v, {
 												id: G.ownerId,
 												fallback: "Style profile"
 											})
-										}), /* @__PURE__ */ k(ne, { visibility: G.visibility })]
+										}), /* @__PURE__ */ O(ne, { visibility: G.visibility })]
 									}),
-									G.bio && /* @__PURE__ */ k("p", {
+									G.bio && /* @__PURE__ */ O("p", {
 										className: "mt-1 line-clamp-2 text-sm text-text-secondary",
 										children: G.bio
 									}),
-									/* @__PURE__ */ A("div", {
+									/* @__PURE__ */ k("div", {
 										className: "mt-2 flex items-center gap-6",
-										children: [/* @__PURE__ */ A("span", {
+										children: [/* @__PURE__ */ k("span", {
 											className: "text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ k("span", {
+												/* @__PURE__ */ O("span", {
 													className: "font-semibold text-text-primary tabular-nums",
 													children: G.followerCount ?? 0
 												}),
 												" ",
-												G.followerCount === 1 ? "follower" : "followers"
+												G.followerCount === 1 ? L("coolandlovely.profile.followerSingular", "follower") : L("coolandlovely.profile.followerPlural", "followers")
 											]
-										}), /* @__PURE__ */ A("span", {
+										}), /* @__PURE__ */ k("span", {
 											className: "text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ k("span", {
+												/* @__PURE__ */ O("span", {
 													className: "font-semibold text-text-primary tabular-nums",
 													children: G.followingCount ?? 0
 												}),
 												" ",
-												"following"
+												L("coolandlovely.profile.following", "following")
 											]
 										})]
 									})
@@ -190,171 +195,189 @@ function F() {
 							})]
 						})
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ k("div", {
 						className: "mt-6 grid gap-6 lg:grid-cols-5",
-						children: [/* @__PURE__ */ A("div", {
+						children: [/* @__PURE__ */ k("div", {
 							className: "space-y-6 lg:col-span-3",
 							children: [
-								/* @__PURE__ */ k(P, {
-									title: "Style preferences",
-									children: G.stylePreferences.length ? /* @__PURE__ */ k("div", {
+								/* @__PURE__ */ O(N, {
+									title: L("coolandlovely.profile.stylePreferences", "Style preferences"),
+									children: G.stylePreferences.length ? /* @__PURE__ */ O("div", {
 										className: "flex flex-wrap gap-2",
-										children: G.stylePreferences.map((e, n) => /* @__PURE__ */ k("span", {
+										children: G.stylePreferences.map((e, n) => /* @__PURE__ */ O("span", {
 											className: t("rounded-full px-3 py-1 text-sm font-medium", n === 0 ? "bg-accent-purple-subtle text-text-primary ring-1 ring-[var(--color-accent-soft)]" : "bg-bg-sunken text-text-secondary"),
 											children: e
 										}, `${e}-${n}`))
-									}) : /* @__PURE__ */ k("p", {
+									}) : /* @__PURE__ */ O("p", {
 										className: "text-sm text-text-secondary",
-										children: R ? "No preferences yet — add a few in Edit." : "No preferences shared yet."
+										children: R ? L("coolandlovely.profile.noPreferencesOwn", "No preferences yet — add a few in Edit.") : L("coolandlovely.profile.noPreferencesOther", "No preferences shared yet.")
 									})
 								}),
-								/* @__PURE__ */ k(P, {
-									title: "Palette",
-									children: G.palette.length ? /* @__PURE__ */ k(re, {
+								/* @__PURE__ */ O(N, {
+									title: L("coolandlovely.profile.palette", "Palette"),
+									children: G.palette.length ? /* @__PURE__ */ O(re, {
 										colours: G.palette,
 										max: 12,
 										className: "gap-2.5"
-									}) : /* @__PURE__ */ k("p", {
+									}) : /* @__PURE__ */ O("p", {
 										className: "text-sm text-text-secondary",
-										children: "No palette yet."
+										children: L("coolandlovely.profile.noPalette", "No palette yet.")
 									})
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ k("div", {
 									className: "grid gap-6 sm:grid-cols-2",
-									children: [/* @__PURE__ */ k(P, {
-										title: "Favourite brands",
-										children: G.favouriteBrands.length ? /* @__PURE__ */ k("div", {
+									children: [/* @__PURE__ */ O(N, {
+										title: L("coolandlovely.profile.favouriteBrands", "Favourite brands"),
+										children: G.favouriteBrands.length ? /* @__PURE__ */ O("div", {
 											className: "grid grid-cols-1 gap-2",
-											children: G.favouriteBrands.map((e, t) => /* @__PURE__ */ A("div", {
+											children: G.favouriteBrands.map((e, t) => /* @__PURE__ */ k("div", {
 												className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2",
-												children: [/* @__PURE__ */ k("span", {
+												children: [/* @__PURE__ */ O("span", {
 													className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-accent-purple-subtle text-xs font-bold text-text-primary",
-													children: N(e)
-												}), /* @__PURE__ */ k("span", {
+													children: M(e)
+												}), /* @__PURE__ */ O("span", {
 													className: "truncate text-sm font-medium text-text-primary",
 													children: e
 												})]
 											}, `${e}-${t}`))
-										}) : /* @__PURE__ */ k("p", {
+										}) : /* @__PURE__ */ O("p", {
 											className: "text-sm text-text-secondary",
-											children: "No brands yet."
+											children: L("coolandlovely.profile.noBrands", "No brands yet.")
 										})
-									}), R && /* @__PURE__ */ k(P, {
-										title: "Sizes",
-										children: o.length ? /* @__PURE__ */ k("dl", {
+									}), R && /* @__PURE__ */ O(N, {
+										title: L("coolandlovely.profile.sizes", "Sizes"),
+										children: a.length ? /* @__PURE__ */ O("dl", {
 											className: "space-y-0",
-											children: o.map(([e, t]) => /* @__PURE__ */ A("div", {
+											children: a.map(([e, t]) => /* @__PURE__ */ k("div", {
 												className: "flex items-center justify-between border-b border-border-seam/60 py-1.5 last:border-0",
-												children: [/* @__PURE__ */ k("dt", {
+												children: [/* @__PURE__ */ O("dt", {
 													className: "text-sm text-text-secondary",
-													children: p(e)
-												}), /* @__PURE__ */ k("dd", {
+													children: L(`coolandlovely.size.${e.toLowerCase()}`, f(e))
+												}), /* @__PURE__ */ O("dd", {
 													className: "text-sm font-medium text-text-primary tabular-nums",
 													children: String(t)
 												})]
 											}, e))
-										}) : /* @__PURE__ */ k("p", {
+										}) : /* @__PURE__ */ O("p", {
 											className: "text-sm text-text-secondary",
-											children: "No sizes recorded yet."
+											children: L("coolandlovely.profile.noSizes", "No sizes recorded yet.")
 										})
 									})]
 								})
 							]
-						}), /* @__PURE__ */ A("div", {
+						}), /* @__PURE__ */ k("div", {
 							className: "space-y-6 lg:col-span-2",
-							children: [R && /* @__PURE__ */ k(P, {
-								title: "Her wardrobe",
-								children: W.isLoading ? /* @__PURE__ */ A("div", {
+							children: [R && /* @__PURE__ */ O(N, {
+								title: L("coolandlovely.profile.myWardrobe", "My wardrobe"),
+								children: W.isLoading ? /* @__PURE__ */ k("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ k(x, { className: "h-4 w-4 animate-spin" }), " Loading…"]
-								}) : r.length ? /* @__PURE__ */ k("div", {
+									children: [
+										/* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }),
+										" ",
+										L("coolandlovely.loading.short", "Loading…")
+									]
+								}) : r.length ? /* @__PURE__ */ O("div", {
 									className: "grid grid-cols-3 gap-2",
-									children: r.map((e) => /* @__PURE__ */ k("button", {
+									children: r.map((e) => /* @__PURE__ */ O("button", {
 										type: "button",
-										onClick: () => I("/wardrobe"),
+										onClick: () => F("/wardrobe"),
 										"aria-label": e.name,
 										className: "group overflow-hidden rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-										children: /* @__PURE__ */ k(a, {
-											icon: ee(e.category, 18),
+										children: /* @__PURE__ */ O(u, {
+											icon: p(e.category, 18),
 											seed: e.id,
 											fileId: e.image?.id,
 											alt: e.name,
 											className: "aspect-square w-full rounded-lg"
 										})
 									}, e.id))
-								}) : /* @__PURE__ */ A("button", {
+								}) : /* @__PURE__ */ k("button", {
 									type: "button",
-									onClick: () => I("/wardrobe/new"),
+									onClick: () => F("/wardrobe/new"),
 									className: "flex w-full items-center gap-2 rounded-lg border border-dashed border-border-seam px-3 py-3 text-left text-sm text-text-secondary transition-colors hover:text-text-primary",
-									children: [/* @__PURE__ */ k(C, { className: "h-4 w-4" }), " Add pieces to your wardrobe"]
+									children: [
+										/* @__PURE__ */ O(ae, { className: "h-4 w-4" }),
+										" ",
+										L("coolandlovely.profile.addPieces", "Add pieces to your wardrobe")
+									]
 								})
-							}), /* @__PURE__ */ k(P, {
-								title: "Recent looks",
-								children: K.isLoading ? /* @__PURE__ */ A("div", {
+							}), /* @__PURE__ */ O(N, {
+								title: L("coolandlovely.profile.recentLooks", "Recent looks"),
+								children: K.isLoading ? /* @__PURE__ */ k("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ k(x, { className: "h-4 w-4 animate-spin" }), " Loading…"]
-								}) : i.length ? /* @__PURE__ */ k("div", {
+									children: [
+										/* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }),
+										" ",
+										L("coolandlovely.loading.short", "Loading…")
+									]
+								}) : i.length ? /* @__PURE__ */ O("div", {
 									className: "-mx-1 flex gap-3 overflow-x-auto px-1 pb-1",
-									children: i.map((e) => /* @__PURE__ */ A("button", {
+									children: i.map((e) => /* @__PURE__ */ k("button", {
 										type: "button",
-										onClick: () => I(`/looks/${e.id}`),
+										onClick: () => F(`/looks/${e.id}`),
 										className: "group w-24 shrink-0 text-left focus-visible:outline-none",
-										children: [/* @__PURE__ */ k(a, {
-											icon: /* @__PURE__ */ k(w, { className: "h-5 w-5" }),
+										children: [/* @__PURE__ */ O(u, {
+											icon: /* @__PURE__ */ O(oe, { className: "h-5 w-5" }),
 											seed: e.id,
 											fileId: e.image?.id,
 											alt: e.title,
 											className: "aspect-[3/4] w-full rounded-lg"
-										}), /* @__PURE__ */ k("p", {
+										}), /* @__PURE__ */ O("p", {
 											className: "mt-1 truncate text-xs text-text-secondary",
 											children: e.title
 										})]
 									}, e.id))
-								}) : /* @__PURE__ */ k("p", {
+								}) : /* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary",
-									children: R ? "You have not published any looks yet." : "No looks published yet."
+									children: R ? L("coolandlovely.profile.noLooksOwn", "You have not published any looks yet.") : L("coolandlovely.profile.noLooksOther", "No looks published yet.")
 								})
 							})]
 						})]
 					}),
-					R && /* @__PURE__ */ A("section", {
+					R && /* @__PURE__ */ k("section", {
 						className: "mt-6",
-						children: [/* @__PURE__ */ A("h3", {
+						children: [/* @__PURE__ */ k("h3", {
 							className: "mb-3 flex items-center gap-2 text-lg font-semibold text-text-primary",
 							children: [
-								/* @__PURE__ */ k(E, { className: "h-5 w-5" }),
-								" People you follow (",
+								/* @__PURE__ */ O(se, { className: "h-5 w-5" }),
+								" ",
+								L("coolandlovely.profile.peopleYouFollow", "People you follow"),
+								" (",
 								Z.length,
 								")"
 							]
-						}), U.isLoading ? /* @__PURE__ */ A("div", {
+						}), U.isLoading ? /* @__PURE__ */ k("div", {
 							className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ k(x, { className: "h-4 w-4 animate-spin" }), " Loading…"]
-						}) : Z.length === 0 ? /* @__PURE__ */ k("p", {
+							children: [
+								/* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }),
+								" ",
+								L("coolandlovely.loading.short", "Loading…")
+							]
+						}) : Z.length === 0 ? /* @__PURE__ */ O("p", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
-							children: "You are not following anyone yet. Follow creators from their looks to see their latest in Discover."
-						}) : /* @__PURE__ */ k("ul", {
+							children: L("coolandlovely.profile.noFollowing", "You are not following anyone yet. Follow creators from their looks to see their latest in Discover.")
+						}) : /* @__PURE__ */ O("ul", {
 							className: "divide-y divide-border-seam rounded-lg border border-border-seam bg-bg-surface",
-							children: Z.map((e) => /* @__PURE__ */ A("li", {
+							children: Z.map((e) => /* @__PURE__ */ k("li", {
 								className: "flex items-center gap-3 px-4 py-3",
-								children: [/* @__PURE__ */ A("button", {
+								children: [/* @__PURE__ */ k("button", {
 									type: "button",
-									onClick: () => I(`/profile/${e.ownerId}`),
+									onClick: () => F(`/profile/${e.ownerId}`),
 									className: "flex min-w-0 flex-1 items-center gap-3 text-left focus-visible:outline-none",
-									children: [/* @__PURE__ */ k("div", {
+									children: [/* @__PURE__ */ O("div", {
 										className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent-purple-subtle text-text-primary",
-										children: /* @__PURE__ */ k(T, { className: "h-5 w-5" })
-									}), /* @__PURE__ */ A("div", {
+										children: /* @__PURE__ */ O(T, { className: "h-5 w-5" })
+									}), /* @__PURE__ */ k("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ k("p", {
+										children: [/* @__PURE__ */ O("p", {
 											className: "truncate text-sm font-medium text-text-primary hover:underline",
-											children: e.displayName || /* @__PURE__ */ k(_, { id: e.ownerId })
-										}), e.bio && /* @__PURE__ */ k("p", {
+											children: e.displayName || /* @__PURE__ */ O(v, { id: e.ownerId })
+										}), e.bio && /* @__PURE__ */ O("p", {
 											className: "truncate text-xs text-text-secondary",
 											children: e.bio
 										})]
 									})]
-								}), /* @__PURE__ */ k(v, {
+								}), /* @__PURE__ */ O(y, {
 									followeeId: e.ownerId,
 									size: "sm"
 								})]
@@ -365,101 +388,105 @@ function F() {
 			})
 		});
 	}
-	let de = Array.from(new Set([...oe, ...Object.keys(J.sizes)]));
-	return /* @__PURE__ */ k(n, {
-		title: X ? "Edit style profile" : "Create your style profile",
-		description: "This powers your personalised discovery feed",
-		actions: X ? /* @__PURE__ */ A("button", {
+	let me = Array.from(new Set([...le, ...Object.keys(J.sizes).map((e) => e.toLowerCase())]));
+	return /* @__PURE__ */ O(n, {
+		title: X ? L("coolandlovely.profile.editTitle", "Edit style profile") : L("coolandlovely.profile.createTitle", "Create your style profile"),
+		description: L("coolandlovely.profile.editDescription", "This powers your personalised discovery feed"),
+		actions: X ? /* @__PURE__ */ k("button", {
 			type: "button",
 			onClick: () => q(!1),
 			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__ */ k(D, { className: "h-4 w-4" }), " Cancel"]
+			children: [
+				/* @__PURE__ */ O(E, { className: "h-4 w-4" }),
+				" ",
+				L("coolandlovely.actions.cancel", "Cancel")
+			]
 		}) : void 0,
-		children: /* @__PURE__ */ k("form", {
-			onSubmit: ue,
+		children: /* @__PURE__ */ O("form", {
+			onSubmit: pe,
 			className: "mx-auto max-w-2xl",
-			children: /* @__PURE__ */ A(j, {
+			children: /* @__PURE__ */ k(A, {
 				treatment: "plain",
 				className: "p-6",
 				children: [
-					/* @__PURE__ */ k(g, {
+					/* @__PURE__ */ O(_, {
 						id: "displayName",
-						label: "Display name",
+						label: L("coolandlovely.field.displayName", "Display name"),
 						value: J.displayName,
 						onChange: (e) => Q("displayName", e),
-						placeholder: "How you want to appear"
+						placeholder: L("coolandlovely.placeholder.displayName", "How you want to appear")
 					}),
-					/* @__PURE__ */ k(h, {
+					/* @__PURE__ */ O(g, {
 						id: "bio",
-						label: "Bio",
+						label: L("coolandlovely.field.bio", "Bio"),
 						value: J.bio,
 						onChange: (e) => Q("bio", e),
-						placeholder: "A sentence about your style…",
+						placeholder: L("coolandlovely.placeholder.bio", "A sentence about your style…"),
 						rows: 3,
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ k(m, {
+					/* @__PURE__ */ O(h, {
 						id: "visibility",
-						label: "Visibility",
+						label: L("coolandlovely.field.visibility", "Visibility"),
 						value: J.visibility,
 						onChange: (e) => Q("visibility", e),
-						options: le,
+						options: fe,
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ k(g, {
+					/* @__PURE__ */ O(_, {
 						id: "stylePreferences",
-						label: "Style preferences",
+						label: L("coolandlovely.field.stylePreferences", "Style preferences"),
 						value: J.stylePreferences,
 						onChange: (e) => Q("stylePreferences", e),
-						placeholder: "minimal, tailored, vintage",
-						hint: "Comma-separated",
+						placeholder: L("coolandlovely.placeholder.stylePreferences", "minimal, tailored, vintage"),
+						hint: L("coolandlovely.hint.commaSeparated", "Comma-separated"),
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ k(g, {
+					/* @__PURE__ */ O(_, {
 						id: "palette",
-						label: "Palette",
+						label: L("coolandlovely.field.palette", "Palette"),
 						value: J.palette,
 						onChange: (e) => Q("palette", e),
-						placeholder: "neutrals, navy, rust",
-						hint: "Comma-separated colour names — shown as swatches",
+						placeholder: L("coolandlovely.placeholder.palette", "neutrals, navy, rust"),
+						hint: L("coolandlovely.hint.palette", "Comma-separated colour names — shown as swatches"),
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ k(g, {
+					/* @__PURE__ */ O(_, {
 						id: "favouriteBrands",
-						label: "Favourite brands",
+						label: L("coolandlovely.field.favouriteBrands", "Favourite brands"),
 						value: J.favouriteBrands,
 						onChange: (e) => Q("favouriteBrands", e),
-						placeholder: "Aurora Atelier, …",
-						hint: "Comma-separated",
+						placeholder: L("coolandlovely.placeholder.favouriteBrands", "Aurora Atelier, …"),
+						hint: L("coolandlovely.hint.commaSeparated", "Comma-separated"),
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ k("div", {
 						className: "mt-4",
-						children: [/* @__PURE__ */ k("span", {
+						children: [/* @__PURE__ */ O("span", {
 							className: "mb-2 block text-sm font-medium text-text-primary",
-							children: "Sizes"
-						}), /* @__PURE__ */ k("div", {
+							children: L("coolandlovely.profile.sizes", "Sizes")
+						}), /* @__PURE__ */ O("div", {
 							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-							children: de.map((e) => /* @__PURE__ */ k(g, {
+							children: me.map((e) => /* @__PURE__ */ O(_, {
 								id: `size-${e}`,
-								label: p(e),
-								value: J.sizes[e] ?? "",
-								onChange: (t) => ce(e, t),
-								placeholder: "e.g. M · 26 · 39"
+								label: L(`coolandlovely.size.${e}`, f(e)),
+								value: J.sizes[e] ?? J.sizes[f(e)] ?? "",
+								onChange: (t) => de(e, t),
+								placeholder: L("coolandlovely.placeholder.size", "e.g. M · 26 · 39")
 							}, e))
 						})]
 					}),
-					H.isError && /* @__PURE__ */ k("p", {
+					H.isError && /* @__PURE__ */ O("p", {
 						className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-						children: H.error instanceof Error ? H.error.message : "Something went wrong"
+						children: H.error instanceof Error ? H.error.message : L("coolandlovely.error.generic", "Something went wrong")
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ O("div", {
 						className: "mt-6 flex justify-end gap-2",
-						children: /* @__PURE__ */ A("button", {
+						children: /* @__PURE__ */ k("button", {
 							type: "submit",
 							disabled: H.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: [H.isPending ? /* @__PURE__ */ k(x, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ k(S, { className: "h-4 w-4" }), X ? "Save changes" : "Create profile"]
+							children: [H.isPending ? /* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ O(ie, { className: "h-4 w-4" }), X ? L("coolandlovely.actions.saveChanges", "Save changes") : L("coolandlovely.actions.createProfile", "Create profile")]
 						})
 					})
 				]
@@ -468,6 +495,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as StyleProfilePage };
+export { P as StyleProfilePage };
 
 //# sourceMappingURL=StyleProfilePage.js.map