@burdenoff/microfe-coolandlovely 2026.706.2 → 2026.706.3

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

@@ -4,18 +4,19 @@ 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 { useBrand as s, useTransitionBrand as c } from "../../hooks/useCoolAndLovelyApi.js";
+import { useBrand as s, useTransitionBrand as c, useUpdateBrand as l } from "../../hooks/useCoolAndLovelyApi.js";
+import { formatDate as u, formatPrice as d, titleCase as f } from "../../utils/formatters.js";
 import "../../hooks/index.js";
-import { formatDate as l, formatPrice as u, titleCase as d } from "../../utils/formatters.js";
-import { TagList as f } from "../../components/TagList.js";
-import { Comments as p } from "../../components/Comments.js";
-import { categoryIcon as m } from "../../utils/icons.js";
-import { ArrowLeft as h, ExternalLink as g, Loader2 as _, Pencil as v, Plus as y, Shapes as b, Shirt as x, Star as S, Store as C } from "lucide-react";
-import { useParams as w } from "react-router-dom";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { GlassCard as D } from "@burdenoff/fe-libs/ui";
+import { BrandCover as p } from "../../components/BrandCover.js";
+import { TagList as m } from "../../components/TagList.js";
+import { Comments as h } from "../../components/Comments.js";
+import { categoryIcon as g } from "../../utils/icons.js";
+import { ArrowLeft as _, ExternalLink as v, Loader2 as y, Pencil as b, Plus as x, Shapes as S, Shirt as C, Store as w } from "lucide-react";
+import { useParams as T } from "react-router-dom";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { GlassCard as k } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/brands/BrandDetailPage.tsx
-var O = {
+var A = {
 	DRAFT: ["PENDING_REVIEW", "ARCHIVED"],
 	PENDING_REVIEW: [
 		"PUBLISHED",
@@ -26,316 +27,326 @@ var O = {
 	SUSPENDED: ["PUBLISHED", "ARCHIVED"],
 	ARCHIVED: []
 };
-function k() {
-	let { brandId: k } = w(), { navigateTo: A } = e(), j = s(k), M = c();
-	if (j.isLoading) return /* @__PURE__ */ T(n, {
+function j() {
+	let { brandId: j } = T(), { navigateTo: M } = e(), N = s(j), P = c(), F = l();
+	if (N.isLoading) return /* @__PURE__ */ D(n, {
 		title: "Brand",
-		children: /* @__PURE__ */ T(a, { label: "Loading brand…" })
+		children: /* @__PURE__ */ D(a, { label: "Loading brand…" })
 	});
-	if (j.isError || !j.data) return /* @__PURE__ */ T(n, {
+	if (N.isError || !N.data) return /* @__PURE__ */ D(n, {
 		title: "Brand",
-		children: /* @__PURE__ */ T(i, {
+		children: /* @__PURE__ */ D(i, {
 			title: "Brand not found",
 			message: "This storefront could not be loaded or does not exist.",
-			onRetry: () => void j.refetch()
+			onRetry: () => void N.refetch()
 		})
 	});
-	let N = j.data, P = N.collections ?? [], F = N.items ?? [], I = O[N.status], L = N.websiteUrl && /^https?:\/\//i.test(N.websiteUrl) ? N.websiteUrl : void 0;
-	return /* @__PURE__ */ T(n, {
-		title: N.name,
-		description: `@${N.handle}`,
-		actions: /* @__PURE__ */ E("div", {
-			className: "flex flex-wrap items-center gap-2",
-			children: [/* @__PURE__ */ E("button", {
-				type: "button",
-				onClick: () => A("/brands"),
-				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__ */ T(h, { className: "h-4 w-4" }), " Back"]
-			}), /* @__PURE__ */ E("button", {
-				type: "button",
-				onClick: () => A(`/brands/${N.id}/edit`),
-				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__ */ T(v, { className: "h-4 w-4" }), " Edit"]
-			})]
-		}),
-		children: /* @__PURE__ */ E("div", {
+	let I = N.data, L = I.collections ?? [], R = I.items ?? [], z = A[I.status], B = I.websiteUrl && /^https?:\/\//i.test(I.websiteUrl) ? I.websiteUrl : void 0;
+	return /* @__PURE__ */ D(n, {
+		title: I.name,
+		description: `@${I.handle}`,
+		children: /* @__PURE__ */ O("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ E("div", {
-				className: "lg:col-span-2",
+			children: [/* @__PURE__ */ O("div", {
+				className: "space-y-6 lg:col-span-2",
 				children: [
-					/* @__PURE__ */ E(D, {
-						treatment: "glass",
-						className: "overflow-hidden p-0",
-						children: [/* @__PURE__ */ T(o, {
-							icon: /* @__PURE__ */ T(C, { className: "h-12 w-12" }),
-							seed: N.id,
-							fileId: N.cover?.id ?? N.logo?.id,
-							alt: N.name,
-							className: "h-44 w-full"
-						}), /* @__PURE__ */ E("div", {
-							className: "p-6",
-							children: [
-								/* @__PURE__ */ E("div", {
-									className: "flex items-center gap-2",
-									children: [
-										/* @__PURE__ */ T("h2", {
-											className: "text-xl font-semibold text-text-primary",
-											children: N.name
-										}),
-										N.isFeatured && /* @__PURE__ */ T(S, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }),
-										/* @__PURE__ */ T(r, {
-											status: N.status,
-											className: "ml-auto"
-										})
-									]
-								}),
-								N.tagline && /* @__PURE__ */ T("p", {
-									className: "mt-2 text-sm text-text-primary",
-									children: N.tagline
-								}),
-								N.bio && /* @__PURE__ */ T("p", {
-									className: "mt-3 text-sm text-text-secondary",
-									children: N.bio
-								}),
-								N.aesthetics.length > 0 && /* @__PURE__ */ E("div", {
-									className: "mt-4",
-									children: [/* @__PURE__ */ T("p", {
-										className: "mb-1.5 text-xs font-medium uppercase tracking-wide text-text-secondary",
-										children: "Aesthetics"
-									}), /* @__PURE__ */ T(f, {
-										tags: N.aesthetics.map(d),
-										tone: "accent",
-										max: 12
-									})]
-								}),
-								N.tags.length > 0 && /* @__PURE__ */ E("div", {
-									className: "mt-3",
-									children: [/* @__PURE__ */ T("p", {
-										className: "mb-1.5 text-xs font-medium uppercase tracking-wide text-text-secondary",
-										children: "Tags"
-									}), /* @__PURE__ */ T(f, {
-										tags: N.tags,
-										max: 12
+					/* @__PURE__ */ D(p, {
+						coverFileId: I.cover?.id,
+						logoFileId: I.logo?.id,
+						name: I.name,
+						seed: I.id,
+						className: "overflow-hidden rounded-xl border border-border-seam shadow-sm",
+						overlay: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O("div", {
+							className: "absolute right-3 top-3 flex flex-wrap items-center justify-end gap-2",
+							children: [/* @__PURE__ */ O("button", {
+								type: "button",
+								onClick: () => M("/brands"),
+								className: "inline-flex items-center gap-1.5 rounded-lg bg-bg-surface/80 px-3 py-2 text-sm font-medium text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface",
+								children: [/* @__PURE__ */ D(_, { className: "h-4 w-4" }), " Back"]
+							}), /* @__PURE__ */ O("button", {
+								type: "button",
+								onClick: () => M(`/brands/${I.id}/edit`),
+								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 shadow-sm transition-colors hover:bg-action-primary-bg/90",
+								children: [/* @__PURE__ */ D(b, { className: "h-4 w-4" }), " Edit"]
+							})]
+						}), /* @__PURE__ */ O("div", {
+							className: "absolute inset-x-0 bottom-0 flex items-end gap-3 p-4 sm:gap-4 sm:p-5",
+							children: [/* @__PURE__ */ D(o, {
+								icon: /* @__PURE__ */ D(w, { className: "h-7 w-7" }),
+								seed: I.id,
+								fileId: I.logo?.id,
+								alt: `${I.name} logo`,
+								className: "h-16 w-16 shrink-0 rounded-full shadow-md ring-2 ring-bg-surface"
+							}), /* @__PURE__ */ O("div", {
+								className: "min-w-0 pb-1",
+								children: [/* @__PURE__ */ O("div", {
+									className: "flex flex-wrap items-center gap-x-2 gap-y-0.5",
+									children: [/* @__PURE__ */ D("h2", {
+										className: "truncate text-xl font-semibold text-text-primary sm:text-2xl",
+										children: I.name
+									}), /* @__PURE__ */ O("span", {
+										className: "text-sm text-text-secondary",
+										children: ["@", I.handle]
 									})]
-								}),
-								L ? /* @__PURE__ */ E("a", {
-									href: L,
-									target: "_blank",
-									rel: "noopener noreferrer",
-									className: "mt-4 inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-action-primary-bg hover:underline",
-									children: [
-										/* @__PURE__ */ T(g, { className: "h-4 w-4 shrink-0" }),
-										" ",
-										/* @__PURE__ */ T("span", {
-											className: "break-all",
-											children: L
-										})
-									]
-								}) : N.websiteUrl ? /* @__PURE__ */ T("p", {
-									className: "mt-4 break-all text-sm text-text-secondary",
-									children: N.websiteUrl
-								}) : null
-							]
-						})]
+								}), I.tagline && /* @__PURE__ */ D("p", {
+									className: "mt-1 line-clamp-2 text-sm text-text-primary",
+									children: I.tagline
+								})]
+							})]
+						})] })
 					}),
-					/* @__PURE__ */ E("section", {
+					/* @__PURE__ */ O("section", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ O("div", {
+								className: "flex flex-wrap items-center justify-between gap-3",
+								children: [I.aesthetics.length > 0 ? /* @__PURE__ */ D(m, {
+									tags: I.aesthetics.map(f),
+									tone: "accent",
+									max: 12
+								}) : /* @__PURE__ */ D("span", {}), /* @__PURE__ */ D(r, { status: I.status })]
+							}),
+							I.bio && /* @__PURE__ */ D("p", {
+								className: "text-sm text-text-secondary",
+								children: I.bio
+							}),
+							I.tags.length > 0 && /* @__PURE__ */ D(m, {
+								tags: I.tags,
+								max: 12
+							}),
+							B ? /* @__PURE__ */ O("a", {
+								href: B,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "inline-flex max-w-full items-center gap-1.5 text-sm font-medium text-action-primary-bg hover:underline",
+								children: [
+									/* @__PURE__ */ D(v, { className: "h-4 w-4 shrink-0" }),
+									" ",
+									/* @__PURE__ */ D("span", {
+										className: "break-all",
+										children: B
+									})
+								]
+							}) : I.websiteUrl ? /* @__PURE__ */ D("p", {
+								className: "break-all text-sm text-text-secondary",
+								children: I.websiteUrl
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ O("section", {
 						className: "mt-6",
-						children: [/* @__PURE__ */ E("div", {
+						children: [/* @__PURE__ */ O("div", {
 							className: "mb-3 flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ E("h3", {
+							children: [/* @__PURE__ */ O("h3", {
 								className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
 								children: [
-									/* @__PURE__ */ T(b, { className: "h-5 w-5" }),
+									/* @__PURE__ */ D(S, { className: "h-5 w-5" }),
 									" Collections (",
-									P.length,
+									L.length,
 									")"
 								]
-							}), /* @__PURE__ */ E("button", {
+							}), /* @__PURE__ */ O("button", {
 								type: "button",
-								onClick: () => A(`/collections/new?brandId=${N.id}`),
+								onClick: () => M(`/collections/new?brandId=${I.id}`),
 								className: "inline-flex shrink-0 items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-								children: [/* @__PURE__ */ T(y, { className: "h-4 w-4" }), " Add collection"]
+								children: [/* @__PURE__ */ D(x, { className: "h-4 w-4" }), " Add collection"]
 							})]
-						}), P.length === 0 ? /* @__PURE__ */ T("p", {
+						}), L.length === 0 ? /* @__PURE__ */ D("p", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
 							children: "No collections yet."
-						}) : /* @__PURE__ */ T("div", {
+						}) : /* @__PURE__ */ D("div", {
 							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-							children: P.map((e) => /* @__PURE__ */ E("button", {
+							children: L.map((e) => /* @__PURE__ */ O("button", {
 								type: "button",
-								onClick: () => A(`/collections/${e.id}`),
+								onClick: () => M(`/collections/${e.id}`),
 								className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-3 text-left transition-colors hover:bg-bg-sunken/50",
 								children: [
-									/* @__PURE__ */ T(o, {
-										icon: /* @__PURE__ */ T(b, { className: "h-5 w-5" }),
+									/* @__PURE__ */ D(o, {
+										icon: /* @__PURE__ */ D(S, { className: "h-5 w-5" }),
 										seed: e.id,
 										fileId: e.cover?.id,
 										alt: e.name,
 										className: "h-11 w-11 shrink-0"
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ O("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ D("p", {
 											className: "truncate text-sm font-medium text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ D("p", {
 											className: "text-xs text-text-secondary",
-											children: d(e.season)
+											children: f(e.season)
 										})]
 									}),
-									/* @__PURE__ */ T(r, { status: e.status })
+									/* @__PURE__ */ D(r, { status: e.status })
 								]
 							}, e.id))
 						})]
 					}),
-					/* @__PURE__ */ E("section", {
+					/* @__PURE__ */ O("section", {
 						className: "mt-6",
-						children: [/* @__PURE__ */ E("h3", {
+						children: [/* @__PURE__ */ O("h3", {
 							className: "mb-3 flex items-center gap-2 text-lg font-semibold text-text-primary",
 							children: [
-								/* @__PURE__ */ T(x, { className: "h-5 w-5" }),
+								/* @__PURE__ */ D(C, { className: "h-5 w-5" }),
 								" Style items (",
-								F.length,
+								R.length,
 								")"
 							]
-						}), F.length === 0 ? /* @__PURE__ */ T("p", {
+						}), R.length === 0 ? /* @__PURE__ */ D("p", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-sm text-text-secondary",
 							children: "No items yet."
-						}) : /* @__PURE__ */ T("div", {
+						}) : /* @__PURE__ */ D("div", {
 							className: "grid grid-cols-2 gap-3 sm:grid-cols-3",
-							children: F.map((e) => /* @__PURE__ */ E("button", {
+							children: R.map((e) => /* @__PURE__ */ O("button", {
 								type: "button",
-								onClick: () => A(`/items/${e.id}`),
+								onClick: () => M(`/items/${e.id}`),
 								className: "overflow-hidden rounded-lg border border-border-seam bg-bg-surface text-left transition-all hover:border-accent-foreground/20 hover:shadow-md",
-								children: [/* @__PURE__ */ T(o, {
-									icon: m(e.category, 24),
+								children: [/* @__PURE__ */ D(o, {
+									icon: g(e.category, 24),
 									seed: e.id,
 									fileId: e.image?.id,
 									alt: e.name,
 									className: "h-24 w-full"
-								}), /* @__PURE__ */ E("div", {
+								}), /* @__PURE__ */ O("div", {
 									className: "p-3",
-									children: [/* @__PURE__ */ T("p", {
+									children: [/* @__PURE__ */ D("p", {
 										className: "truncate text-sm font-medium text-text-primary",
 										children: e.name
-									}), /* @__PURE__ */ T("p", {
+									}), /* @__PURE__ */ D("p", {
 										className: "mt-0.5 text-xs text-text-secondary",
-										children: u(e.price, e.currency)
+										children: d(e.price, e.currency)
 									})]
 								})]
 							}, e.id))
 						})]
-					}),
-					/* @__PURE__ */ T(p, {
-						entityType: "CooBrand",
-						entityId: N.id
 					})
 				]
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ O("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ E(D, {
-					treatment: "insight",
-					className: "p-5",
-					children: [
-						/* @__PURE__ */ T("h3", {
-							className: "mb-3 text-sm font-semibold text-text-primary",
-							children: "Lifecycle"
-						}),
-						/* @__PURE__ */ E("div", {
-							className: "mb-3 flex items-center gap-2",
-							children: [/* @__PURE__ */ T("span", {
-								className: "text-sm text-text-secondary",
-								children: "Current:"
-							}), /* @__PURE__ */ T(r, { status: N.status })]
-						}),
-						I.length === 0 ? /* @__PURE__ */ T("p", {
-							className: "text-xs text-text-secondary",
-							children: "This brand is archived (terminal state)."
-						}) : /* @__PURE__ */ T("div", {
-							className: "flex flex-col gap-2",
-							children: I.map((e) => /* @__PURE__ */ E("button", {
-								type: "button",
-								disabled: M.isPending,
-								onClick: () => M.mutate({
-									id: N.id,
-									status: e
-								}),
-								className: t("inline-flex items-center justify-center gap-2 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50"),
-								children: [
-									M.isPending && /* @__PURE__ */ T(_, { className: "h-3.5 w-3.5 animate-spin" }),
-									"Move to ",
-									d(e)
-								]
-							}, e))
-						}),
-						M.isError && /* @__PURE__ */ T("p", {
-							className: "mt-2 text-xs text-status-error-text",
-							children: M.error instanceof Error ? M.error.message : "Transition failed"
-						})
-					]
-				}), /* @__PURE__ */ E(D, {
-					treatment: "plain",
-					className: "p-5",
-					children: [/* @__PURE__ */ T("h3", {
-						className: "mb-3 text-sm font-semibold text-text-primary",
-						children: "Details"
-					}), /* @__PURE__ */ E("dl", {
-						className: "space-y-2 text-sm",
+				children: [
+					/* @__PURE__ */ O(k, {
+						treatment: "insight",
+						className: "p-5",
 						children: [
-							/* @__PURE__ */ E("div", {
-								className: "flex justify-between gap-2",
-								children: [/* @__PURE__ */ T("dt", {
-									className: "text-text-secondary",
-									children: "Handle"
-								}), /* @__PURE__ */ E("dd", {
-									className: "text-text-primary",
-									children: ["@", N.handle]
-								})]
+							/* @__PURE__ */ D("h3", {
+								className: "mb-3 text-sm font-semibold text-text-primary",
+								children: "Lifecycle"
 							}),
-							/* @__PURE__ */ E("div", {
-								className: "flex justify-between gap-2",
-								children: [/* @__PURE__ */ T("dt", {
-									className: "text-text-secondary",
-									children: "Featured"
-								}), /* @__PURE__ */ T("dd", {
-									className: "text-text-primary",
-									children: N.isFeatured ? "Yes" : "No"
-								})]
+							/* @__PURE__ */ O("div", {
+								className: "mb-3 flex items-center gap-2",
+								children: [/* @__PURE__ */ D("span", {
+									className: "text-sm text-text-secondary",
+									children: "Current:"
+								}), /* @__PURE__ */ D(r, { status: I.status })]
 							}),
-							/* @__PURE__ */ E("div", {
-								className: "flex justify-between gap-2",
-								children: [/* @__PURE__ */ T("dt", {
-									className: "text-text-secondary",
-									children: "Created"
-								}), /* @__PURE__ */ T("dd", {
-									className: "text-text-primary",
-									children: l(N.createdAt, {
-										hour: void 0,
-										minute: void 0
-									})
-								})]
+							z.length === 0 ? /* @__PURE__ */ D("p", {
+								className: "text-xs text-text-secondary",
+								children: "This brand is archived (terminal state)."
+							}) : /* @__PURE__ */ D("div", {
+								className: "flex flex-col gap-2",
+								children: z.map((e) => /* @__PURE__ */ O("button", {
+									type: "button",
+									disabled: P.isPending,
+									onClick: () => P.mutate({
+										id: I.id,
+										status: e
+									}),
+									className: t("inline-flex items-center justify-center gap-2 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50"),
+									children: [
+										P.isPending && /* @__PURE__ */ D(y, { className: "h-3.5 w-3.5 animate-spin" }),
+										"Move to ",
+										f(e)
+									]
+								}, e))
 							}),
-							/* @__PURE__ */ E("div", {
-								className: "flex justify-between gap-2",
-								children: [/* @__PURE__ */ T("dt", {
-									className: "text-text-secondary",
-									children: "Updated"
-								}), /* @__PURE__ */ T("dd", {
-									className: "text-text-primary",
-									children: l(N.updatedAt, {
-										hour: void 0,
-										minute: void 0
-									})
-								})]
+							P.isError && /* @__PURE__ */ D("p", {
+								className: "mt-2 text-xs text-status-error-text",
+								children: P.error instanceof Error ? P.error.message : "Transition failed"
 							})
 						]
-					})]
-				})]
+					}),
+					/* @__PURE__ */ O(k, {
+						treatment: "plain",
+						className: "p-5",
+						children: [/* @__PURE__ */ D("h3", {
+							className: "mb-3 text-sm font-semibold text-text-primary",
+							children: "Details"
+						}), /* @__PURE__ */ O("dl", {
+							className: "space-y-2 text-sm",
+							children: [
+								/* @__PURE__ */ O("div", {
+									className: "flex justify-between gap-2",
+									children: [/* @__PURE__ */ D("dt", {
+										className: "text-text-secondary",
+										children: "Handle"
+									}), /* @__PURE__ */ O("dd", {
+										className: "text-text-primary",
+										children: ["@", I.handle]
+									})]
+								}),
+								/* @__PURE__ */ O("div", {
+									className: "flex items-center justify-between gap-2",
+									children: [/* @__PURE__ */ D("dt", {
+										className: "text-text-secondary",
+										children: "Featured"
+									}), /* @__PURE__ */ O("dd", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ D("button", {
+											type: "button",
+											role: "switch",
+											"aria-checked": I.isFeatured,
+											"aria-label": I.isFeatured ? "Unfeature this brand" : "Feature this brand",
+											disabled: F.isPending,
+											onClick: () => F.mutate({
+												id: I.id,
+												input: { isFeatured: !I.isFeatured }
+											}),
+											className: t("relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] disabled:opacity-60", I.isFeatured ? "bg-action-primary-bg" : "bg-bg-sunken"),
+											children: /* @__PURE__ */ D("span", { className: t("inline-block h-4 w-4 rounded-full bg-bg-surface shadow transition-transform", I.isFeatured ? "translate-x-[1.125rem]" : "translate-x-0.5") })
+										}), F.isPending && /* @__PURE__ */ D(y, { className: "h-3.5 w-3.5 animate-spin text-text-secondary" })]
+									})]
+								}),
+								/* @__PURE__ */ O("div", {
+									className: "flex justify-between gap-2",
+									children: [/* @__PURE__ */ D("dt", {
+										className: "text-text-secondary",
+										children: "Created"
+									}), /* @__PURE__ */ D("dd", {
+										className: "text-text-primary",
+										children: u(I.createdAt, {
+											hour: void 0,
+											minute: void 0
+										})
+									})]
+								}),
+								/* @__PURE__ */ O("div", {
+									className: "flex justify-between gap-2",
+									children: [/* @__PURE__ */ D("dt", {
+										className: "text-text-secondary",
+										children: "Updated"
+									}), /* @__PURE__ */ D("dd", {
+										className: "text-text-primary",
+										children: u(I.updatedAt, {
+											hour: void 0,
+											minute: void 0
+										})
+									})]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ D(h, {
+						entityType: "CooBrand",
+						entityId: I.id,
+						className: "mt-0"
+					})
+				]
 			})]
 		})
 	});
 }
 //#endregion
-export { k as BrandDetailPage };
+export { j as BrandDetailPage };
 
 //# sourceMappingURL=BrandDetailPage.js.map