@burdenoff/microfe-coolandlovely 2026.805.1 → 2026.820.2

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

@@ -7,29 +7,29 @@ import { useLooks as o, useMyFollowing as s, useMyStyleProfile as c, useStylePro
 import { parseCsv as f, titleCase as p } from "../../utils/formatters.js";
 import "../../hooks/index.js";
 import { categoryIcon as ee } from "../../utils/icons.js";
-import { ActorName as m } from "../../components/ActorName.js";
-import { SelectField as h, TextAreaField as g, TextField as _ } from "../../components/Field.js";
 import { EmptyState as te } from "../../components/EmptyState.js";
-import { ColourSwatchRow as v } from "../../components/ColourSwatchRow.js";
-import { VisibilityChip as y } from "../../components/VisibilityChip.js";
-import { FollowButton as b } from "../../components/FollowButton.js";
-import { useEffect as x, useState as S } from "react";
-import { Loader2 as C, Pencil as ne, Save as re, Shirt as ie, Sparkles as ae, UserCircle as w, Users as T, 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";
+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 { 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";
 //#region src/coolandlovely/pages/profile/StyleProfilePage.tsx
-var j = [
+var ae = [
 	"PUBLIC",
 	"FOLLOWERS",
 	"PRIVATE"
-], M = [
+], oe = [
 	"Tops",
 	"Bottoms",
 	"Dresses",
 	"Shoes",
 	"Outerwear"
-], oe = {
+], M = {
 	displayName: "",
 	bio: "",
 	visibility: "PRIVATE",
@@ -43,24 +43,24 @@ function N(e) {
 	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__ */ k(A, {
+	return /* @__PURE__ */ A(j, {
 		treatment: "plain",
 		className: t("p-5", r),
-		children: [/* @__PURE__ */ O("h3", {
+		children: [/* @__PURE__ */ k("h3", {
 			className: "mb-3 text-sm font-semibold text-text-primary",
 			children: e
 		}), n]
 	});
 }
 function F() {
-	let { userId: F } = D(), { 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({
+	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({
 		authorId: G?.ownerId,
 		pagination: {
 			limit: 6,
 			offset: 0
 		}
-	}), [se, q] = S(!1), [J, Y] = S(oe), X = !!G, Z = U.data ?? [];
-	x(() => {
+	}), [se, q] = b(!1), [J, Y] = b(M), X = !!G, Z = U.data ?? [];
+	y(() => {
 		R && G && Y({
 			displayName: G.displayName ?? "",
 			bio: G.bio ?? "",
@@ -70,7 +70,7 @@ function F() {
 			favouriteBrands: G.favouriteBrands.join(", "),
 			sizes: Object.fromEntries(Object.entries(G.sizes ?? {}).map(([e, t]) => [e, String(t ?? "")]))
 		});
-	}, [R, G]), x(() => {
+	}, [R, G]), y(() => {
 		R && !V.isLoading && !X && q(!0);
 	}, [
 		R,
@@ -86,7 +86,7 @@ function F() {
 			...n.sizes,
 			[e]: t
 		}
-	})), le = j.map((e) => ({
+	})), le = ae.map((e) => ({
 		value: e,
 		label: p(e)
 	})), ue = (e) => {
@@ -102,82 +102,82 @@ function F() {
 			sizes: t
 		}, { onSuccess: () => q(!1) });
 	};
-	if (V.isLoading) return /* @__PURE__ */ O(n, {
+	if (V.isLoading) return /* @__PURE__ */ k(n, {
 		title: "Style Profile",
-		children: /* @__PURE__ */ O(i, { label: "Loading style profile…" })
+		children: /* @__PURE__ */ k(i, { label: "Loading style profile…" })
 	});
-	if (V.isError) return /* @__PURE__ */ O(n, {
+	if (V.isError) return /* @__PURE__ */ k(n, {
 		title: "Style Profile",
-		children: /* @__PURE__ */ O(r, { onRetry: () => void V.refetch() })
+		children: /* @__PURE__ */ k(r, { onRetry: () => void V.refetch() })
 	});
-	if (!R && !G) return /* @__PURE__ */ O(n, {
+	if (!R && !G) return /* @__PURE__ */ k(n, {
 		title: "Style Profile",
-		children: /* @__PURE__ */ O(te, {
+		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__ */ O(w, { className: "h-8 w-8" })
+			icon: /* @__PURE__ */ k(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__ */ O(n, {
+		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__ */ k("button", {
+			actions: $ ? /* @__PURE__ */ A("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__ */ O(ne, { className: "h-4 w-4" }), " Edit"]
-			}) : /* @__PURE__ */ O(b, { followeeId: G.ownerId }),
-			children: /* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ k(ie, { className: "h-4 w-4" }), " Edit"]
+			}) : /* @__PURE__ */ k(v, { followeeId: G.ownerId }),
+			children: /* @__PURE__ */ A("div", {
 				className: "mx-auto max-w-5xl",
 				children: [
-					/* @__PURE__ */ O(A, {
+					/* @__PURE__ */ k(j, {
 						treatment: "glass",
 						className: "p-6",
-						children: /* @__PURE__ */ k("div", {
+						children: /* @__PURE__ */ A("div", {
 							className: "flex flex-col gap-4 sm:flex-row sm:items-center",
-							children: [e ? /* @__PURE__ */ O("img", {
+							children: [e ? /* @__PURE__ */ k("img", {
 								src: e,
 								alt: s || "Avatar",
 								className: "h-16 w-16 shrink-0 rounded-full object-cover ring-2 ring-bg-surface"
-							}) : /* @__PURE__ */ O("div", {
+							}) : /* @__PURE__ */ k("div", {
 								className: "flex h-16 w-16 shrink-0 items-center justify-center rounded-full bg-accent-purple-subtle text-text-primary",
-								children: /* @__PURE__ */ O(w, { className: "h-8 w-8" })
-							}), /* @__PURE__ */ k("div", {
+								children: /* @__PURE__ */ k(T, { className: "h-8 w-8" })
+							}), /* @__PURE__ */ A("div", {
 								className: "min-w-0 flex-1",
 								children: [
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ A("div", {
 										className: "flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ O("h2", {
+										children: [/* @__PURE__ */ k("h2", {
 											className: "truncate text-xl font-semibold text-text-primary",
-											children: s || /* @__PURE__ */ O(m, {
+											children: s || /* @__PURE__ */ k(_, {
 												id: G.ownerId,
 												fallback: "Style profile"
 											})
-										}), /* @__PURE__ */ O(y, { visibility: G.visibility })]
+										}), /* @__PURE__ */ k(ne, { visibility: G.visibility })]
 									}),
-									G.bio && /* @__PURE__ */ O("p", {
+									G.bio && /* @__PURE__ */ k("p", {
 										className: "mt-1 line-clamp-2 text-sm text-text-secondary",
 										children: G.bio
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ A("div", {
 										className: "mt-2 flex items-center gap-6",
-										children: [/* @__PURE__ */ k("span", {
+										children: [/* @__PURE__ */ A("span", {
 											className: "text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ O("span", {
+												/* @__PURE__ */ k("span", {
 													className: "font-semibold text-text-primary tabular-nums",
 													children: G.followerCount ?? 0
 												}),
 												" ",
 												G.followerCount === 1 ? "follower" : "followers"
 											]
-										}), /* @__PURE__ */ k("span", {
+										}), /* @__PURE__ */ A("span", {
 											className: "text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ O("span", {
+												/* @__PURE__ */ k("span", {
 													className: "font-semibold text-text-primary tabular-nums",
 													children: G.followingCount ?? 0
 												}),
@@ -190,91 +190,91 @@ function F() {
 							})]
 						})
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "mt-6 grid gap-6 lg:grid-cols-5",
-						children: [/* @__PURE__ */ k("div", {
+						children: [/* @__PURE__ */ A("div", {
 							className: "space-y-6 lg:col-span-3",
 							children: [
-								/* @__PURE__ */ O(P, {
+								/* @__PURE__ */ k(P, {
 									title: "Style preferences",
-									children: G.stylePreferences.length ? /* @__PURE__ */ O("div", {
+									children: G.stylePreferences.length ? /* @__PURE__ */ k("div", {
 										className: "flex flex-wrap gap-2",
-										children: G.stylePreferences.map((e, n) => /* @__PURE__ */ O("span", {
+										children: G.stylePreferences.map((e, n) => /* @__PURE__ */ k("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__ */ O("p", {
+									}) : /* @__PURE__ */ k("p", {
 										className: "text-sm text-text-secondary",
 										children: R ? "No preferences yet — add a few in Edit." : "No preferences shared yet."
 									})
 								}),
-								/* @__PURE__ */ O(P, {
+								/* @__PURE__ */ k(P, {
 									title: "Palette",
-									children: G.palette.length ? /* @__PURE__ */ O(v, {
+									children: G.palette.length ? /* @__PURE__ */ k(re, {
 										colours: G.palette,
 										max: 12,
 										className: "gap-2.5"
-									}) : /* @__PURE__ */ O("p", {
+									}) : /* @__PURE__ */ k("p", {
 										className: "text-sm text-text-secondary",
 										children: "No palette yet."
 									})
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ A("div", {
 									className: "grid gap-6 sm:grid-cols-2",
-									children: [/* @__PURE__ */ O(P, {
+									children: [/* @__PURE__ */ k(P, {
 										title: "Favourite brands",
-										children: G.favouriteBrands.length ? /* @__PURE__ */ O("div", {
+										children: G.favouriteBrands.length ? /* @__PURE__ */ k("div", {
 											className: "grid grid-cols-1 gap-2",
-											children: G.favouriteBrands.map((e, t) => /* @__PURE__ */ k("div", {
+											children: G.favouriteBrands.map((e, t) => /* @__PURE__ */ A("div", {
 												className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2",
-												children: [/* @__PURE__ */ O("span", {
+												children: [/* @__PURE__ */ k("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__ */ O("span", {
+												}), /* @__PURE__ */ k("span", {
 													className: "truncate text-sm font-medium text-text-primary",
 													children: e
 												})]
 											}, `${e}-${t}`))
-										}) : /* @__PURE__ */ O("p", {
+										}) : /* @__PURE__ */ k("p", {
 											className: "text-sm text-text-secondary",
 											children: "No brands yet."
 										})
-									}), R && /* @__PURE__ */ O(P, {
+									}), R && /* @__PURE__ */ k(P, {
 										title: "Sizes",
-										children: o.length ? /* @__PURE__ */ O("dl", {
+										children: o.length ? /* @__PURE__ */ k("dl", {
 											className: "space-y-0",
-											children: o.map(([e, t]) => /* @__PURE__ */ k("div", {
+											children: o.map(([e, t]) => /* @__PURE__ */ A("div", {
 												className: "flex items-center justify-between border-b border-border-seam/60 py-1.5 last:border-0",
-												children: [/* @__PURE__ */ O("dt", {
+												children: [/* @__PURE__ */ k("dt", {
 													className: "text-sm text-text-secondary",
 													children: p(e)
-												}), /* @__PURE__ */ O("dd", {
+												}), /* @__PURE__ */ k("dd", {
 													className: "text-sm font-medium text-text-primary tabular-nums",
 													children: String(t)
 												})]
 											}, e))
-										}) : /* @__PURE__ */ O("p", {
+										}) : /* @__PURE__ */ k("p", {
 											className: "text-sm text-text-secondary",
 											children: "No sizes recorded yet."
 										})
 									})]
 								})
 							]
-						}), /* @__PURE__ */ k("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "space-y-6 lg:col-span-2",
-							children: [R && /* @__PURE__ */ O(P, {
+							children: [R && /* @__PURE__ */ k(P, {
 								title: "Her wardrobe",
-								children: W.isLoading ? /* @__PURE__ */ k("div", {
+								children: W.isLoading ? /* @__PURE__ */ A("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }), " Loading…"]
-								}) : r.length ? /* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ k(x, { className: "h-4 w-4 animate-spin" }), " Loading…"]
+								}) : r.length ? /* @__PURE__ */ k("div", {
 									className: "grid grid-cols-3 gap-2",
-									children: r.map((e) => /* @__PURE__ */ O("button", {
+									children: r.map((e) => /* @__PURE__ */ k("button", {
 										type: "button",
 										onClick: () => I("/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__ */ O(a, {
+										children: /* @__PURE__ */ k(a, {
 											icon: ee(e.category, 18),
 											seed: e.id,
 											fileId: e.image?.id,
@@ -282,79 +282,79 @@ function F() {
 											className: "aspect-square w-full rounded-lg"
 										})
 									}, e.id))
-								}) : /* @__PURE__ */ k("button", {
+								}) : /* @__PURE__ */ A("button", {
 									type: "button",
 									onClick: () => I("/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__ */ O(ie, { className: "h-4 w-4" }), " Add pieces to your wardrobe"]
+									children: [/* @__PURE__ */ k(C, { className: "h-4 w-4" }), " Add pieces to your wardrobe"]
 								})
-							}), /* @__PURE__ */ O(P, {
+							}), /* @__PURE__ */ k(P, {
 								title: "Recent looks",
-								children: K.isLoading ? /* @__PURE__ */ k("div", {
+								children: K.isLoading ? /* @__PURE__ */ A("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ O(C, { className: "h-4 w-4 animate-spin" }), " Loading…"]
-								}) : i.length ? /* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ k(x, { className: "h-4 w-4 animate-spin" }), " Loading…"]
+								}) : i.length ? /* @__PURE__ */ k("div", {
 									className: "-mx-1 flex gap-3 overflow-x-auto px-1 pb-1",
-									children: i.map((e) => /* @__PURE__ */ k("button", {
+									children: i.map((e) => /* @__PURE__ */ A("button", {
 										type: "button",
 										onClick: () => I(`/looks/${e.id}`),
 										className: "group w-24 shrink-0 text-left focus-visible:outline-none",
-										children: [/* @__PURE__ */ O(a, {
-											icon: /* @__PURE__ */ O(ae, { className: "h-5 w-5" }),
+										children: [/* @__PURE__ */ k(a, {
+											icon: /* @__PURE__ */ k(w, { className: "h-5 w-5" }),
 											seed: e.id,
 											fileId: e.image?.id,
 											alt: e.title,
 											className: "aspect-[3/4] w-full rounded-lg"
-										}), /* @__PURE__ */ O("p", {
+										}), /* @__PURE__ */ k("p", {
 											className: "mt-1 truncate text-xs text-text-secondary",
 											children: e.title
 										})]
 									}, e.id))
-								}) : /* @__PURE__ */ O("p", {
+								}) : /* @__PURE__ */ k("p", {
 									className: "text-sm text-text-secondary",
 									children: R ? "You have not published any looks yet." : "No looks published yet."
 								})
 							})]
 						})]
 					}),
-					R && /* @__PURE__ */ k("section", {
+					R && /* @__PURE__ */ A("section", {
 						className: "mt-6",
-						children: [/* @__PURE__ */ k("h3", {
+						children: [/* @__PURE__ */ A("h3", {
 							className: "mb-3 flex items-center gap-2 text-lg font-semibold text-text-primary",
 							children: [
-								/* @__PURE__ */ O(T, { className: "h-5 w-5" }),
+								/* @__PURE__ */ k(E, { className: "h-5 w-5" }),
 								" People you follow (",
 								Z.length,
 								")"
 							]
-						}), U.isLoading ? /* @__PURE__ */ k("div", {
+						}), U.isLoading ? /* @__PURE__ */ A("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__ */ O(C, { className: "h-4 w-4 animate-spin" }), " Loading…"]
-						}) : Z.length === 0 ? /* @__PURE__ */ O("p", {
+							children: [/* @__PURE__ */ k(x, { className: "h-4 w-4 animate-spin" }), " Loading…"]
+						}) : Z.length === 0 ? /* @__PURE__ */ k("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__ */ O("ul", {
+						}) : /* @__PURE__ */ k("ul", {
 							className: "divide-y divide-border-seam rounded-lg border border-border-seam bg-bg-surface",
-							children: Z.map((e) => /* @__PURE__ */ k("li", {
+							children: Z.map((e) => /* @__PURE__ */ A("li", {
 								className: "flex items-center gap-3 px-4 py-3",
-								children: [/* @__PURE__ */ k("button", {
+								children: [/* @__PURE__ */ A("button", {
 									type: "button",
 									onClick: () => I(`/profile/${e.ownerId}`),
 									className: "flex min-w-0 flex-1 items-center gap-3 text-left focus-visible:outline-none",
-									children: [/* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ k("div", {
 										className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent-purple-subtle text-text-primary",
-										children: /* @__PURE__ */ O(w, { className: "h-5 w-5" })
-									}), /* @__PURE__ */ k("div", {
+										children: /* @__PURE__ */ k(T, { className: "h-5 w-5" })
+									}), /* @__PURE__ */ A("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ O("p", {
+										children: [/* @__PURE__ */ k("p", {
 											className: "truncate text-sm font-medium text-text-primary hover:underline",
-											children: e.displayName || /* @__PURE__ */ O(m, { id: e.ownerId })
-										}), e.bio && /* @__PURE__ */ O("p", {
+											children: e.displayName || /* @__PURE__ */ k(_, { id: e.ownerId })
+										}), e.bio && /* @__PURE__ */ k("p", {
 											className: "truncate text-xs text-text-secondary",
 											children: e.bio
 										})]
 									})]
-								}), /* @__PURE__ */ O(b, {
+								}), /* @__PURE__ */ k(v, {
 									followeeId: e.ownerId,
 									size: "sm"
 								})]
@@ -365,31 +365,31 @@ function F() {
 			})
 		});
 	}
-	let de = Array.from(new Set([...M, ...Object.keys(J.sizes)]));
-	return /* @__PURE__ */ O(n, {
+	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__ */ k("button", {
+		actions: X ? /* @__PURE__ */ A("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__ */ O(E, { className: "h-4 w-4" }), " Cancel"]
+			children: [/* @__PURE__ */ k(D, { className: "h-4 w-4" }), " Cancel"]
 		}) : void 0,
-		children: /* @__PURE__ */ O("form", {
+		children: /* @__PURE__ */ k("form", {
 			onSubmit: ue,
 			className: "mx-auto max-w-2xl",
-			children: /* @__PURE__ */ k(A, {
+			children: /* @__PURE__ */ A(j, {
 				treatment: "plain",
 				className: "p-6",
 				children: [
-					/* @__PURE__ */ O(_, {
+					/* @__PURE__ */ k(g, {
 						id: "displayName",
 						label: "Display name",
 						value: J.displayName,
 						onChange: (e) => Q("displayName", e),
 						placeholder: "How you want to appear"
 					}),
-					/* @__PURE__ */ O(g, {
+					/* @__PURE__ */ k(h, {
 						id: "bio",
 						label: "Bio",
 						value: J.bio,
@@ -398,7 +398,7 @@ function F() {
 						rows: 3,
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ O(h, {
+					/* @__PURE__ */ k(m, {
 						id: "visibility",
 						label: "Visibility",
 						value: J.visibility,
@@ -406,7 +406,7 @@ function F() {
 						options: le,
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ O(_, {
+					/* @__PURE__ */ k(g, {
 						id: "stylePreferences",
 						label: "Style preferences",
 						value: J.stylePreferences,
@@ -415,7 +415,7 @@ function F() {
 						hint: "Comma-separated",
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ O(_, {
+					/* @__PURE__ */ k(g, {
 						id: "palette",
 						label: "Palette",
 						value: J.palette,
@@ -424,7 +424,7 @@ function F() {
 						hint: "Comma-separated colour names — shown as swatches",
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ O(_, {
+					/* @__PURE__ */ k(g, {
 						id: "favouriteBrands",
 						label: "Favourite brands",
 						value: J.favouriteBrands,
@@ -433,14 +433,14 @@ function F() {
 						hint: "Comma-separated",
 						className: "mt-4"
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "mt-4",
-						children: [/* @__PURE__ */ O("span", {
+						children: [/* @__PURE__ */ k("span", {
 							className: "mb-2 block text-sm font-medium text-text-primary",
 							children: "Sizes"
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ k("div", {
 							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-							children: de.map((e) => /* @__PURE__ */ O(_, {
+							children: de.map((e) => /* @__PURE__ */ k(g, {
 								id: `size-${e}`,
 								label: p(e),
 								value: J.sizes[e] ?? "",
@@ -449,17 +449,17 @@ function F() {
 							}, e))
 						})]
 					}),
-					H.isError && /* @__PURE__ */ O("p", {
+					H.isError && /* @__PURE__ */ k("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"
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ k("div", {
 						className: "mt-6 flex justify-end gap-2",
-						children: /* @__PURE__ */ k("button", {
+						children: /* @__PURE__ */ A("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__ */ O(C, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ O(re, { className: "h-4 w-4" }), X ? "Save changes" : "Create profile"]
+							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"]
 						})
 					})
 				]