@burdenoff/microfe-coolandlovely 2026.706.2 → 2026.710.1

package/dist/coolandlovely/components/LookCard.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+
+interface LookCardProps {
+    id: string;
+    title: string;
+    /** Occasion label/value (rendered as a pill; enum values are title-cased). */
+    occasion: string;
+    imageFileId?: string | null;
+    likeCount?: number;
+    onOpen: () => void;
+    /** Show the hover like/add-to-lookbook overlay cluster. */
+    showActions?: boolean;
+    className?: string;
+}
+export declare const LookCard: FC<LookCardProps>;
+export {};
+//# sourceMappingURL=LookCard.d.ts.map

package/dist/coolandlovely/components/LookCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LookCard.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/LookCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8CD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAwDtC,CAAC"}

package/dist/coolandlovely/components/LookCard.js

@@ -0,0 +1,77 @@
+import { cn as e } from "../utils/cn.js";
+import { Thumbnail as t } from "./Thumbnail.js";
+import { useLikeLook as n } from "../hooks/useCoolAndLovelyApi.js";
+import { AddToLookbookButton as r } from "./AddToLookbookButton.js";
+import { titleCase as i } from "../utils/formatters.js";
+import { useEffect as a, useState as o } from "react";
+import { Heart as s, Sparkles as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/coolandlovely/components/LookCard.tsx
+var d = ({ lookId: t, likeCount: r }) => {
+	let i = n(), [c, d] = o(!1), [f, p] = o(r);
+	return a(() => {
+		c || p(r);
+	}, [r, c]), /* @__PURE__ */ u("button", {
+		type: "button",
+		onClick: () => {
+			c || i.isPending || (d(!0), p((e) => e + 1), i.mutate(t, {
+				onSuccess: (e) => p(e.likeCount),
+				onError: () => {
+					d(!1), p(r);
+				}
+			}));
+		},
+		disabled: i.isPending,
+		"aria-pressed": c,
+		"aria-label": c ? "Liked" : "Like this look",
+		className: "inline-flex items-center gap-1 rounded-full bg-bg-surface/90 px-2 py-1 text-xs font-medium text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+		children: [/* @__PURE__ */ l(s, { className: e("h-3.5 w-3.5", c ? "fill-current text-accent-primary" : "text-text-secondary") }), /* @__PURE__ */ l("span", {
+			className: "tabular-nums",
+			children: f
+		})]
+	});
+}, f = ({ id: n, title: a, occasion: o, imageFileId: f, likeCount: p, onOpen: m, showActions: h = !1, className: g }) => /* @__PURE__ */ u("div", {
+	className: e("group relative overflow-hidden rounded-xl border border-border-seam bg-bg-surface transition-shadow hover:shadow-lg", g),
+	children: [/* @__PURE__ */ l("button", {
+		type: "button",
+		onClick: m,
+		"aria-label": `Open look ${a}`,
+		className: "block w-full text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-focus-ring)]",
+		children: /* @__PURE__ */ l(t, {
+			icon: /* @__PURE__ */ l(c, { className: "h-8 w-8" }),
+			seed: n,
+			fileId: f,
+			alt: a,
+			className: "aspect-[3/4] w-full rounded-none",
+			overlay: /* @__PURE__ */ u("div", {
+				className: "pointer-events-none absolute inset-x-0 bottom-0 flex flex-col gap-1.5 bg-gradient-to-t from-bg-canvas/90 via-bg-canvas/45 to-transparent p-3 pt-10",
+				children: [/* @__PURE__ */ l("p", {
+					className: "truncate text-sm font-semibold text-text-primary",
+					children: a
+				}), /* @__PURE__ */ u("div", {
+					className: "flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ l("span", {
+						className: "inline-flex items-center rounded-full bg-bg-surface/85 px-2 py-0.5 text-[11px] font-medium text-text-primary backdrop-blur",
+						children: i(o)
+					}), !h && typeof p == "number" && p > 0 ? /* @__PURE__ */ u("span", {
+						className: "inline-flex items-center gap-1 text-xs text-text-secondary",
+						children: [/* @__PURE__ */ l(s, { className: "h-3.5 w-3.5 fill-current text-accent-primary" }), /* @__PURE__ */ l("span", {
+							className: "tabular-nums",
+							children: p
+						})]
+					}) : null]
+				})]
+			})
+		})
+	}), h ? /* @__PURE__ */ u("div", {
+		className: "absolute right-2 top-2 flex items-center gap-1.5 opacity-100 transition-opacity duration-200 sm:opacity-0 sm:focus-within:opacity-100 sm:group-hover:opacity-100",
+		children: [/* @__PURE__ */ l(d, {
+			lookId: n,
+			likeCount: p ?? 0
+		}), /* @__PURE__ */ l(r, { lookId: n })]
+	}) : null]
+});
+//#endregion
+export { f as LookCard };
+
+//# sourceMappingURL=LookCard.js.map

package/dist/coolandlovely/components/LookCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LookCard.js","names":[],"sources":["../../../src/coolandlovely/components/LookCard.tsx"],"sourcesContent":["/**\n * LookCard — an editorial, image-forward card for a look.\n * @module coolandlovely/components\n *\n * A portrait `Thumbnail` (the look photo) with a frosted bottom caption (title +\n * occasion pill) and, when `showActions`, a hover-revealed top-right cluster: a\n * Like heart (optimistic, via `useLikeLook`) + `AddToLookbookButton`. Reused by\n * the home latest-looks, Discover, the looks list and the collaboration\n * attributed-looks grid. Token-only; reuses `Thumbnail`/`FileImage` for imagery.\n */\n\nimport type { FC } from 'react';\nimport { useEffect, useState } from 'react';\nimport { Heart, Sparkles } from 'lucide-react';\nimport { Thumbnail } from './Thumbnail';\nimport { AddToLookbookButton } from './AddToLookbookButton';\nimport { useLikeLook } from '../hooks/useCoolAndLovelyApi';\nimport { titleCase } from '../utils/formatters';\nimport { cn } from '../utils/cn';\n\ninterface LookCardProps {\n  id: string;\n  title: string;\n  /** Occasion label/value (rendered as a pill; enum values are title-cased). */\n  occasion: string;\n  imageFileId?: string | null;\n  likeCount?: number;\n  onOpen: () => void;\n  /** Show the hover like/add-to-lookbook overlay cluster. */\n  showActions?: boolean;\n  className?: string;\n}\n\n/** Optimistic like heart — one-way like (no unlike op exists on the server). */\nconst LikeHeart: FC<{ lookId: string; likeCount: number }> = ({ lookId, likeCount }) => {\n  const like = useLikeLook();\n  const [liked, setLiked] = useState(false);\n  const [count, setCount] = useState(likeCount);\n\n  // Keep in sync with the server count until the user likes in this session.\n  useEffect(() => {\n    if (!liked) setCount(likeCount);\n  }, [likeCount, liked]);\n\n  const handleClick = () => {\n    if (liked || like.isPending) return;\n    setLiked(true);\n    setCount((current) => current + 1);\n    like.mutate(lookId, {\n      onSuccess: (look) => setCount(look.likeCount),\n      onError: () => {\n        setLiked(false);\n        setCount(likeCount);\n      },\n    });\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={like.isPending}\n      aria-pressed={liked}\n      aria-label={liked ? 'Liked' : 'Like this look'}\n      className=\"inline-flex items-center gap-1 rounded-full bg-bg-surface/90 px-2 py-1 text-xs font-medium text-text-primary shadow-sm backdrop-blur transition-colors hover:bg-bg-surface disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n    >\n      <Heart\n        className={cn(\n          'h-3.5 w-3.5',\n          liked ? 'fill-current text-accent-primary' : 'text-text-secondary'\n        )}\n      />\n      <span className=\"tabular-nums\">{count}</span>\n    </button>\n  );\n};\n\nexport const LookCard: FC<LookCardProps> = ({\n  id,\n  title,\n  occasion,\n  imageFileId,\n  likeCount,\n  onOpen,\n  showActions = false,\n  className,\n}) => {\n  return (\n    <div\n      className={cn(\n        'group relative overflow-hidden rounded-xl border border-border-seam bg-bg-surface transition-shadow hover:shadow-lg',\n        className\n      )}\n    >\n      <button\n        type=\"button\"\n        onClick={onOpen}\n        aria-label={`Open look ${title}`}\n        className=\"block w-full text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-focus-ring)]\"\n      >\n        <Thumbnail\n          icon={<Sparkles className=\"h-8 w-8\" />}\n          seed={id}\n          fileId={imageFileId}\n          alt={title}\n          className=\"aspect-[3/4] w-full rounded-none\"\n          overlay={\n            <div className=\"pointer-events-none absolute inset-x-0 bottom-0 flex flex-col gap-1.5 bg-gradient-to-t from-bg-canvas/90 via-bg-canvas/45 to-transparent p-3 pt-10\">\n              <p className=\"truncate text-sm font-semibold text-text-primary\">{title}</p>\n              <div className=\"flex items-center justify-between gap-2\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-surface/85 px-2 py-0.5 text-[11px] font-medium text-text-primary backdrop-blur\">\n                  {titleCase(occasion)}\n                </span>\n                {!showActions && typeof likeCount === 'number' && likeCount > 0 ? (\n                  <span className=\"inline-flex items-center gap-1 text-xs text-text-secondary\">\n                    <Heart className=\"h-3.5 w-3.5 fill-current text-accent-primary\" />\n                    <span className=\"tabular-nums\">{likeCount}</span>\n                  </span>\n                ) : null}\n              </div>\n            </div>\n          }\n        />\n      </button>\n\n      {showActions ? (\n        <div className=\"absolute right-2 top-2 flex items-center gap-1.5 opacity-100 transition-opacity duration-200 sm:opacity-0 sm:focus-within:opacity-100 sm:group-hover:opacity-100\">\n          <LikeHeart lookId={id} likeCount={likeCount ?? 0} />\n          <AddToLookbookButton lookId={id} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAkCA,IAAM,KAAwD,EAAE,WAAQ,mBAAgB;CACtF,IAAM,IAAO,GAAa,EACpB,CAAC,GAAO,KAAY,EAAS,GAAM,EACnC,CAAC,GAAO,KAAY,EAAS,EAAU;AAoB7C,QAjBA,QAAgB;AACd,EAAK,KAAO,EAAS,EAAU;IAC9B,CAAC,GAAW,EAAM,CAAC,EAgBpB,kBAAC,UAAD;EACE,MAAK;EACL,eAhBsB;AACpB,QAAS,EAAK,cAClB,EAAS,GAAK,EACd,GAAU,MAAY,IAAU,EAAE,EAClC,EAAK,OAAO,GAAQ;IAClB,YAAY,MAAS,EAAS,EAAK,UAAU;IAC7C,eAAe;AAEb,KADA,EAAS,GAAM,EACf,EAAS,EAAU;;IAEtB,CAAC;;EAOA,UAAU,EAAK;EACf,gBAAc;EACd,cAAY,IAAQ,UAAU;EAC9B,WAAU;YANZ,CAQE,kBAAC,GAAD,EACE,WAAW,EACT,eACA,IAAQ,qCAAqC,sBAC9C,EACD,CAAA,EACF,kBAAC,QAAD;GAAM,WAAU;aAAgB;GAAa,CAAA,CACtC;;GAIA,KAA+B,EAC1C,OACA,UACA,aACA,gBACA,cACA,WACA,iBAAc,IACd,mBAGE,kBAAC,OAAD;CACE,WAAW,EACT,uHACA,EACD;WAJH,CAME,kBAAC,UAAD;EACE,MAAK;EACL,SAAS;EACT,cAAY,aAAa;EACzB,WAAU;YAEV,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;GACtC,MAAM;GACN,QAAQ;GACR,KAAK;GACL,WAAU;GACV,SACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAoD;KAAU,CAAA,EAC3E,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAU,EAAS;MACf,CAAA,EACN,CAAC,KAAe,OAAO,KAAc,YAAY,IAAY,IAC5D,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,gDAAiD,CAAA,EAClE,kBAAC,QAAD;OAAM,WAAU;iBAAgB;OAAiB,CAAA,CAC5C;UACL,KACA;OACF;;GAER,CAAA;EACK,CAAA,EAER,IACC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAW,QAAQ;GAAI,WAAW,KAAa;GAAK,CAAA,EACpD,kBAAC,GAAD,EAAqB,QAAQ,GAAM,CAAA,CAC/B;MACJ,KACA"}

package/dist/coolandlovely/components/MetricsCard.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+import { TrendDirection } from '../types';
+
+interface MetricsCardProps {
+    icon: ReactNode;
+    value: string | number;
+    label: string;
+    trend?: TrendDirection;
+    trendValue?: string;
+    className?: string;
+    /** Renders the featured hero metric (glass treatment + accent glow). */
+    featured?: boolean;
+}
+export declare const MetricsCard: FC<MetricsCardProps>;
+export {};
+//# sourceMappingURL=MetricsCard.d.ts.map

package/dist/coolandlovely/components/MetricsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsCard.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/MetricsCard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,gBAAgB;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmC5C,CAAC"}

package/dist/coolandlovely/components/MetricsCard.js

@@ -25,7 +25,7 @@ var s = {
 		children: [/* @__PURE__ */ a("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ i("div", {
-				className: "text-text-secondary",
+				className: "inline-flex h-9 w-9 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent-primary",
 				children: t
 			}), c && f && p && /* @__PURE__ */ a("div", {
 				className: e("flex items-center gap-1 text-xs font-medium", f.color),

package/dist/coolandlovely/components/MetricsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetricsCard.js","names":[],"sources":["../../../src/coolandlovely/components/MetricsCard.tsx"],"sourcesContent":["/**\n * Metrics Card Component\n * @module coolandlovely/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport type { TrendDirection } from '../types';\n\ninterface MetricsCardProps {\n  icon: ReactNode;\n  value: string | number;\n  label: string;\n  trend?: TrendDirection;\n  trendValue?: string;\n  className?: string;\n  /** Renders the featured hero metric (glass treatment + accent glow). */\n  featured?: boolean;\n}\n\nconst trendConfig: Record<TrendDirection, { icon: typeof TrendingUp; color: string }> = {\n  up: { icon: TrendingUp, color: 'text-status-success-text' },\n  down: { icon: TrendingDown, color: 'text-status-error-text' },\n  neutral: { icon: Minus, color: 'text-text-secondary' },\n};\n\nexport const MetricsCard: FC<MetricsCardProps> = ({\n  icon,\n  value,\n  label,\n  trend,\n  trendValue,\n  className,\n  featured = false,\n}) => {\n  const trendInfo = trend ? trendConfig[trend] : null;\n  const TrendIcon = trendInfo?.icon;\n\n  return (\n    <GlassCard\n      treatment={featured ? 'glass' : 'metric'}\n      glow={featured}\n      className={cn('p-6', className)}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-text-secondary\">{icon}</div>\n        {trend && trendInfo && TrendIcon && (\n          <div className={cn('flex items-center gap-1 text-xs font-medium', trendInfo.color)}>\n            <TrendIcon className=\"h-3.5 w-3.5\" />\n            {trendValue && <span className=\"tabular-nums\">{trendValue}</span>}\n          </div>\n        )}\n      </div>\n      <div className=\"mt-3\">\n        <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n        <p className=\"mt-1 text-sm text-text-secondary\">{label}</p>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AAsBA,IAAM,IAAkF;CACtF,IAAI;EAAE,MAAM;EAAY,OAAO;EAA4B;CAC3D,MAAM;EAAE,MAAM;EAAc,OAAO;EAA0B;CAC7D,SAAS;EAAE,MAAM;EAAO,OAAO;EAAuB;CACvD,EAEY,KAAqC,EAChD,SACA,UACA,UACA,UACA,eACA,cACA,cAAW,SACP;CACJ,IAAM,IAAY,IAAQ,EAAY,KAAS,MACzC,IAAY,GAAW;AAE7B,QACE,kBAAC,GAAD;EACE,WAAW,IAAW,UAAU;EAChC,MAAM;EACN,WAAW,EAAG,OAAO,EAAU;YAHjC,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAuB;IAAW,CAAA,EAChD,KAAS,KAAa,KACrB,kBAAC,OAAD;IAAK,WAAW,EAAG,+CAA+C,EAAU,MAAM;cAAlF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EACpC,KAAc,kBAAC,QAAD;KAAM,WAAU;eAAgB;KAAkB,CAAA,CAC7D;MAEJ;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAU,CAAA,EAC5E,kBAAC,KAAD;IAAG,WAAU;cAAoC;IAAU,CAAA,CACvD;KACI"}
+{"version":3,"file":"MetricsCard.js","names":[],"sources":["../../../src/coolandlovely/components/MetricsCard.tsx"],"sourcesContent":["/**\n * Metrics Card Component\n * @module coolandlovely/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport type { TrendDirection } from '../types';\n\ninterface MetricsCardProps {\n  icon: ReactNode;\n  value: string | number;\n  label: string;\n  trend?: TrendDirection;\n  trendValue?: string;\n  className?: string;\n  /** Renders the featured hero metric (glass treatment + accent glow). */\n  featured?: boolean;\n}\n\nconst trendConfig: Record<TrendDirection, { icon: typeof TrendingUp; color: string }> = {\n  up: { icon: TrendingUp, color: 'text-status-success-text' },\n  down: { icon: TrendingDown, color: 'text-status-error-text' },\n  neutral: { icon: Minus, color: 'text-text-secondary' },\n};\n\nexport const MetricsCard: FC<MetricsCardProps> = ({\n  icon,\n  value,\n  label,\n  trend,\n  trendValue,\n  className,\n  featured = false,\n}) => {\n  const trendInfo = trend ? trendConfig[trend] : null;\n  const TrendIcon = trendInfo?.icon;\n\n  return (\n    <GlassCard\n      treatment={featured ? 'glass' : 'metric'}\n      glow={featured}\n      className={cn('p-6', className)}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className=\"inline-flex h-9 w-9 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent-primary\">\n          {icon}\n        </div>\n        {trend && trendInfo && TrendIcon && (\n          <div className={cn('flex items-center gap-1 text-xs font-medium', trendInfo.color)}>\n            <TrendIcon className=\"h-3.5 w-3.5\" />\n            {trendValue && <span className=\"tabular-nums\">{trendValue}</span>}\n          </div>\n        )}\n      </div>\n      <div className=\"mt-3\">\n        <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n        <p className=\"mt-1 text-sm text-text-secondary\">{label}</p>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AAsBA,IAAM,IAAkF;CACtF,IAAI;EAAE,MAAM;EAAY,OAAO;EAA4B;CAC3D,MAAM;EAAE,MAAM;EAAc,OAAO;EAA0B;CAC7D,SAAS;EAAE,MAAM;EAAO,OAAO;EAAuB;CACvD,EAEY,KAAqC,EAChD,SACA,UACA,UACA,UACA,eACA,cACA,cAAW,SACP;CACJ,IAAM,IAAY,IAAQ,EAAY,KAAS,MACzC,IAAY,GAAW;AAE7B,QACE,kBAAC,GAAD;EACE,WAAW,IAAW,UAAU;EAChC,MAAM;EACN,WAAW,EAAG,OAAO,EAAU;YAHjC,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA,EACL,KAAS,KAAa,KACrB,kBAAC,OAAD;IAAK,WAAW,EAAG,+CAA+C,EAAU,MAAM;cAAlF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EACpC,KAAc,kBAAC,QAAD;KAAM,WAAU;eAAgB;KAAkB,CAAA,CAC7D;MAEJ;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAU,CAAA,EAC5E,kBAAC,KAAD;IAAG,WAAU;cAAoC;IAAU,CAAA,CACvD;KACI"}

package/dist/coolandlovely/components/PageLayout.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+
+interface PageLayoutProps {
+    title: ReactNode;
+    description?: string;
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    /**
+     * Enables the living-glass hero backdrop (AuroraBackground) behind the page
+     * header. Use on at most ONE page per MFE (the primary landing page).
+     */
+    hero?: boolean;
+}
+export declare const PageLayout: FC<PageLayoutProps>;
+export {};
+//# sourceMappingURL=PageLayout.d.ts.map

package/dist/coolandlovely/components/PageLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/PageLayout.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,UAAU,eAAe;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAwBD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkC1C,CAAC"}

package/dist/coolandlovely/components/ShopItemCard.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+
+interface ShopItemCardProps {
+    id: string;
+    name: string;
+    brandName?: string;
+    price: number;
+    currency: string;
+    imageFileId?: string | null;
+    onOpen: () => void;
+    className?: string;
+}
+export declare const ShopItemCard: FC<ShopItemCardProps>;
+export {};
+//# sourceMappingURL=ShopItemCard.d.ts.map

package/dist/coolandlovely/components/ShopItemCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShopItemCard.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/ShopItemCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA0C9C,CAAC"}

package/dist/coolandlovely/components/ShopItemCard.js

@@ -0,0 +1,45 @@
+import { cn as e } from "../utils/cn.js";
+import { Thumbnail as t } from "./Thumbnail.js";
+import { formatPrice as n } from "../utils/formatters.js";
+import { ChevronRight as r, ShoppingBag as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/coolandlovely/components/ShopItemCard.tsx
+var s = ({ id: s, name: c, brandName: l, price: u, currency: d, imageFileId: f, onOpen: p, className: m }) => /* @__PURE__ */ o("button", {
+	type: "button",
+	onClick: p,
+	"aria-label": `Shop ${c}`,
+	className: e("group flex w-full flex-col overflow-hidden rounded-xl border border-border-seam bg-bg-surface text-left transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", m),
+	children: [/* @__PURE__ */ a(t, {
+		icon: /* @__PURE__ */ a(i, { className: "h-7 w-7" }),
+		seed: s,
+		fileId: f,
+		alt: c,
+		className: "aspect-square w-full rounded-none"
+	}), /* @__PURE__ */ o("div", {
+		className: "flex flex-col gap-0.5 p-3",
+		children: [
+			/* @__PURE__ */ a("p", {
+				className: "truncate text-sm font-medium text-text-primary",
+				children: c
+			}),
+			l ? /* @__PURE__ */ a("p", {
+				className: "truncate text-xs text-text-secondary",
+				children: l
+			}) : null,
+			/* @__PURE__ */ o("div", {
+				className: "mt-2 flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ a("span", {
+					className: "text-sm font-semibold text-text-primary tabular-nums",
+					children: n(u, d)
+				}), /* @__PURE__ */ o("span", {
+					className: "inline-flex items-center gap-0.5 text-xs font-semibold text-accent-primary",
+					children: ["Shop", /* @__PURE__ */ a(r, { className: "h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5" })]
+				})]
+			})
+		]
+	})]
+});
+//#endregion
+export { s as ShopItemCard };
+
+//# sourceMappingURL=ShopItemCard.js.map

package/dist/coolandlovely/components/ShopItemCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShopItemCard.js","names":[],"sources":["../../../src/coolandlovely/components/ShopItemCard.tsx"],"sourcesContent":["/**\n * ShopItemCard — a product card for the \"shop the look\" grid.\n * @module coolandlovely/components\n *\n * Image + name + brand line + price + a rose \"Shop\" chevron that drills through\n * to the item detail page (the platform has no external shop URL, so \"Shop\" is\n * the internal drill-through). Reuses `Thumbnail`/`FileImage` for imagery.\n */\n\nimport type { FC } from 'react';\nimport { ChevronRight, ShoppingBag } from 'lucide-react';\nimport { Thumbnail } from './Thumbnail';\nimport { formatPrice } from '../utils/formatters';\nimport { cn } from '../utils/cn';\n\ninterface ShopItemCardProps {\n  id: string;\n  name: string;\n  brandName?: string;\n  price: number;\n  currency: string;\n  imageFileId?: string | null;\n  onOpen: () => void;\n  className?: string;\n}\n\nexport const ShopItemCard: FC<ShopItemCardProps> = ({\n  id,\n  name,\n  brandName,\n  price,\n  currency,\n  imageFileId,\n  onOpen,\n  className,\n}) => {\n  return (\n    <button\n      type=\"button\"\n      onClick={onOpen}\n      aria-label={`Shop ${name}`}\n      className={cn(\n        'group flex w-full flex-col overflow-hidden rounded-xl border border-border-seam bg-bg-surface text-left transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n        className\n      )}\n    >\n      <Thumbnail\n        icon={<ShoppingBag className=\"h-7 w-7\" />}\n        seed={id}\n        fileId={imageFileId}\n        alt={name}\n        className=\"aspect-square w-full rounded-none\"\n      />\n      <div className=\"flex flex-col gap-0.5 p-3\">\n        <p className=\"truncate text-sm font-medium text-text-primary\">{name}</p>\n        {brandName ? <p className=\"truncate text-xs text-text-secondary\">{brandName}</p> : null}\n        <div className=\"mt-2 flex items-center justify-between gap-2\">\n          <span className=\"text-sm font-semibold text-text-primary tabular-nums\">\n            {formatPrice(price, currency)}\n          </span>\n          <span className=\"inline-flex items-center gap-0.5 text-xs font-semibold text-accent-primary\">\n            Shop\n            <ChevronRight className=\"h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5\" />\n          </span>\n        </div>\n      </div>\n    </button>\n  );\n};\n"],"mappings":";;;;;;AA0BA,IAAa,KAAuC,EAClD,OACA,SACA,cACA,UACA,aACA,gBACA,WACA,mBAGE,kBAAC,UAAD;CACE,MAAK;CACL,SAAS;CACT,cAAY,QAAQ;CACpB,WAAW,EACT,0OACA,EACD;WAPH,CASE,kBAAC,GAAD;EACE,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;EACzC,MAAM;EACN,QAAQ;EACR,KAAK;EACL,WAAU;EACV,CAAA,EACF,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,KAAD;IAAG,WAAU;cAAkD;IAAS,CAAA;GACvE,IAAY,kBAAC,KAAD;IAAG,WAAU;cAAwC;IAAc,CAAA,GAAG;GACnF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eACb,EAAY,GAAO,EAAS;KACxB,CAAA,EACP,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAA6F,QAE3F,kBAAC,GAAD,EAAc,WAAU,gEAAiE,CAAA,CACpF;OACH;;GACF;IACC"}

package/dist/coolandlovely/components/StateViews.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+
+interface LoadingViewProps {
+    label?: string;
+    className?: string;
+}
+export declare const LoadingView: FC<LoadingViewProps>;
+interface ErrorViewProps {
+    title?: string;
+    message?: string;
+    onRetry?: () => void;
+    className?: string;
+}
+export declare const ErrorView: FC<ErrorViewProps>;
+export {};
+//# sourceMappingURL=StateViews.d.ts.map

package/dist/coolandlovely/components/StateViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateViews.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/StateViews.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAK5C,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyBxC,CAAC"}

package/dist/coolandlovely/components/StatusBadge.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+interface StatusBadgeProps {
+    status: string;
+    className?: string;
+}
+export declare const StatusBadge: FC<StatusBadgeProps>;
+export {};
+//# sourceMappingURL=StatusBadge.d.ts.map

package/dist/coolandlovely/components/StatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAwB5C,CAAC"}

package/dist/coolandlovely/components/StepTracker.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+interface StepTrackerProps {
+    /** Ordered step values (e.g. ['PROPOSED','ACCEPTED','IN_PROGRESS','PUBLISHED']). */
+    steps: string[];
+    /** The current step value — must be one of `steps`. */
+    current: string;
+    className?: string;
+}
+export declare const StepTracker: FC<StepTrackerProps>;
+export {};
+//# sourceMappingURL=StepTracker.d.ts.map

package/dist/coolandlovely/components/StepTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepTracker.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/StepTracker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,UAAU,gBAAgB;IACxB,oFAAoF;IACpF,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA6C5C,CAAC"}

package/dist/coolandlovely/components/StepTracker.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../utils/cn.js";
+import { titleCase as t } from "../utils/formatters.js";
+import { Check as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/coolandlovely/components/StepTracker.tsx
+var a = ({ steps: a, current: o, className: s }) => {
+	let c = a.findIndex((e) => e === o), l = c === -1 ? 0 : c;
+	return /* @__PURE__ */ r("ol", {
+		className: e("flex w-full items-start", s),
+		children: a.map((a, o) => {
+			let s = o < l ? "done" : o === l ? "current" : "upcoming";
+			return /* @__PURE__ */ i("li", {
+				className: "relative flex flex-1 flex-col items-center gap-2 text-center",
+				children: [
+					o > 0 ? /* @__PURE__ */ r("span", {
+						"aria-hidden": "true",
+						className: e("absolute left-[-50%] top-4 z-0 h-0.5 w-full -translate-y-1/2", o <= l ? "bg-accent-primary" : "bg-border-seam")
+					}) : null,
+					/* @__PURE__ */ r("span", {
+						className: e("relative z-10 flex h-8 w-8 items-center justify-center rounded-full text-xs font-semibold tabular-nums transition-colors", s === "done" && "bg-accent-primary text-action-primary-text", s === "current" && "border-2 border-accent-primary bg-bg-surface text-accent-primary", s === "upcoming" && "border border-border-seam bg-bg-surface text-text-secondary"),
+						children: s === "done" ? /* @__PURE__ */ r(n, { className: "h-4 w-4" }) : o + 1
+					}),
+					/* @__PURE__ */ r("span", {
+						className: e("text-xs font-medium", s === "upcoming" ? "text-text-secondary" : "text-text-primary"),
+						children: t(a)
+					})
+				]
+			}, a);
+		})
+	});
+};
+//#endregion
+export { a as StepTracker };
+
+//# sourceMappingURL=StepTracker.js.map

package/dist/coolandlovely/components/StepTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepTracker.js","names":[],"sources":["../../../src/coolandlovely/components/StepTracker.tsx"],"sourcesContent":["/**\n * StepTracker — a horizontal lifecycle tracker for any `Coo*Status` machine.\n * @module coolandlovely/components\n *\n * Renders a row of numbered nodes with connectors: steps before `current` are\n * done (accent-filled + check), the `current` step is ringed, upcoming steps are\n * muted. Token-only. Used by the collaboration lifecycle (Proposed → Accepted →\n * In progress → Published) and reusable for brand/collection lifecycles.\n */\n\nimport type { FC } from 'react';\nimport { Check } from 'lucide-react';\nimport { cn } from '../utils/cn';\nimport { titleCase } from '../utils/formatters';\n\ninterface StepTrackerProps {\n  /** Ordered step values (e.g. ['PROPOSED','ACCEPTED','IN_PROGRESS','PUBLISHED']). */\n  steps: string[];\n  /** The current step value — must be one of `steps`. */\n  current: string;\n  className?: string;\n}\n\nexport const StepTracker: FC<StepTrackerProps> = ({ steps, current, className }) => {\n  const foundIdx = steps.findIndex((step) => step === current);\n  const currentIdx = foundIdx === -1 ? 0 : foundIdx;\n\n  return (\n    <ol className={cn('flex w-full items-start', className)}>\n      {steps.map((step, index) => {\n        const state = index < currentIdx ? 'done' : index === currentIdx ? 'current' : 'upcoming';\n        const connectorDone = index <= currentIdx;\n        return (\n          <li key={step} className=\"relative flex flex-1 flex-col items-center gap-2 text-center\">\n            {index > 0 ? (\n              <span\n                aria-hidden=\"true\"\n                className={cn(\n                  'absolute left-[-50%] top-4 z-0 h-0.5 w-full -translate-y-1/2',\n                  connectorDone ? 'bg-accent-primary' : 'bg-border-seam'\n                )}\n              />\n            ) : null}\n            <span\n              className={cn(\n                'relative z-10 flex h-8 w-8 items-center justify-center rounded-full text-xs font-semibold tabular-nums transition-colors',\n                state === 'done' && 'bg-accent-primary text-action-primary-text',\n                state === 'current' &&\n                  'border-2 border-accent-primary bg-bg-surface text-accent-primary',\n                state === 'upcoming' &&\n                  'border border-border-seam bg-bg-surface text-text-secondary'\n              )}\n            >\n              {state === 'done' ? <Check className=\"h-4 w-4\" /> : index + 1}\n            </span>\n            <span\n              className={cn(\n                'text-xs font-medium',\n                state === 'upcoming' ? 'text-text-secondary' : 'text-text-primary'\n              )}\n            >\n              {titleCase(step)}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n};\n"],"mappings":";;;;;AAuBA,IAAa,KAAqC,EAAE,UAAO,YAAS,mBAAgB;CAClF,IAAM,IAAW,EAAM,WAAW,MAAS,MAAS,EAAQ,EACtD,IAAa,MAAa,KAAK,IAAI;AAEzC,QACE,kBAAC,MAAD;EAAI,WAAW,EAAG,2BAA2B,EAAU;YACpD,EAAM,KAAK,GAAM,MAAU;GAC1B,IAAM,IAAQ,IAAQ,IAAa,SAAS,MAAU,IAAa,YAAY;AAE/E,UACE,kBAAC,MAAD;IAAe,WAAU;cAAzB;KACG,IAAQ,IACP,kBAAC,QAAD;MACE,eAAY;MACZ,WAAW,EACT,gEAPY,KAAS,IAQL,sBAAsB,iBACvC;MACD,CAAA,GACA;KACJ,kBAAC,QAAD;MACE,WAAW,EACT,4HACA,MAAU,UAAU,8CACpB,MAAU,aACR,oEACF,MAAU,cACR,8DACH;gBAEA,MAAU,SAAS,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,GAAG,IAAQ;MACvD,CAAA;KACP,kBAAC,QAAD;MACE,WAAW,EACT,uBACA,MAAU,aAAa,wBAAwB,oBAChD;gBAEA,EAAU,EAAK;MACX,CAAA;KACJ;MA9BI,EA8BJ;IAEP;EACC,CAAA"}

package/dist/coolandlovely/components/TagList.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+interface TagListProps {
+    tags: string[];
+    /** Maximum chips to show before collapsing into a "+N" chip. */
+    max?: number;
+    className?: string;
+    tone?: 'default' | 'accent';
+}
+export declare const TagList: FC<TagListProps>;
+export {};
+//# sourceMappingURL=TagList.d.ts.map

package/dist/coolandlovely/components/TagList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/TagList.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,gEAAgE;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA2BpC,CAAC"}

package/dist/coolandlovely/components/Thumbnail.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+
+interface ThumbnailProps {
+    icon: ReactNode;
+    /** Stable seed (e.g. entity id) used to pick a deterministic accent tint. */
+    seed?: string;
+    className?: string;
+    /** Whether a File reference exists (shows a subtle "image attached" hint). */
+    hasImage?: boolean;
+    label?: string;
+    /** wspace-files File id — when it resolves, its image overlays the glyph. */
+    fileId?: string | null;
+    /** Alt text when a real image is shown. */
+    alt?: string;
+    /**
+     * Optional content rendered absolutely over the image (e.g. a gradient scrim
+     * + overlaid caption). Positioned by the caller; sits above the FileImage.
+     */
+    overlay?: ReactNode;
+}
+export declare const Thumbnail: FC<ThumbnailProps>;
+export {};
+//# sourceMappingURL=Thumbnail.d.ts.map

package/dist/coolandlovely/components/Thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/Thumbnail.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,UAAU,cAAc;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAmBD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8BxC,CAAC"}

package/dist/coolandlovely/components/Thumbnail.js

@@ -15,20 +15,24 @@ function a(e) {
 	for (let n = 0; n < e.length; n += 1) t = (t * 31 + e.charCodeAt(n)) % 997;
 	return i[t % i.length];
 }
-var o = ({ icon: i, seed: o, className: s, label: c, fileId: l, alt: u }) => /* @__PURE__ */ r("div", {
+var o = ({ icon: i, seed: o, className: s, label: c, fileId: l, alt: u, overlay: d }) => /* @__PURE__ */ r("div", {
 	className: e("relative flex items-center justify-center overflow-hidden rounded-lg bg-gradient-to-br", a(o), s),
 	"aria-hidden": c ? void 0 : !0,
 	"aria-label": c,
-	children: [/* @__PURE__ */ n("span", {
-		className: "text-text-secondary opacity-80",
-		children: i
-	}), l ? /* @__PURE__ */ n("span", {
-		className: "absolute inset-0",
-		children: /* @__PURE__ */ n(t, {
-			fileId: l,
-			alt: u ?? c ?? ""
-		})
-	}) : null]
+	children: [
+		/* @__PURE__ */ n("span", {
+			className: "text-text-secondary opacity-80 transition-transform duration-300 motion-safe:group-hover:scale-[1.03]",
+			children: i
+		}),
+		l ? /* @__PURE__ */ n("span", {
+			className: "absolute inset-0 transition-transform duration-300 motion-safe:group-hover:scale-[1.03]",
+			children: /* @__PURE__ */ n(t, {
+				fileId: l,
+				alt: u ?? c ?? ""
+			})
+		}) : null,
+		d
+	]
 });
 //#endregion
 export { o as Thumbnail };

package/dist/coolandlovely/components/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","names":[],"sources":["../../../src/coolandlovely/components/Thumbnail.tsx"],"sourcesContent":["/**\n * Thumbnail Component\n * @module coolandlovely/components\n *\n * Renders a calm, on-token visual placeholder for a fashion entity. Imagery in\n * CoolAndLovely is referenced from wspace-files-svc via federation (we only\n * have the File id here, not a resolvable URL), so the catalogue/wardrobe/look\n * surfaces render a branded glyph tile keyed by an icon rather than a broken\n * <img>. The seed (entity id) gives each tile a stable accent tint.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { cn } from '../utils/cn';\nimport { FileImage } from './FileImage';\n\ninterface ThumbnailProps {\n  icon: ReactNode;\n  /** Stable seed (e.g. entity id) used to pick a deterministic accent tint. */\n  seed?: string;\n  className?: string;\n  /** Whether a File reference exists (shows a subtle \"image attached\" hint). */\n  hasImage?: boolean;\n  label?: string;\n  /** wspace-files File id — when it resolves, its image overlays the glyph. */\n  fileId?: string | null;\n  /** Alt text when a real image is shown. */\n  alt?: string;\n}\n\nconst tints = [\n  'from-accent-purple-subtle to-bg-sunken',\n  'from-accent-blue-subtle to-bg-sunken',\n  'from-status-success-bg-subtle to-bg-sunken',\n  'from-status-warning-bg-subtle to-bg-sunken',\n  'from-[var(--color-accent-soft)] to-bg-sunken',\n];\n\nfunction tintFor(seed: string | undefined): string {\n  if (!seed) return tints[0];\n  let hash = 0;\n  for (let i = 0; i < seed.length; i += 1) {\n    hash = (hash * 31 + seed.charCodeAt(i)) % 997;\n  }\n  return tints[hash % tints.length];\n}\n\nexport const Thumbnail: FC<ThumbnailProps> = ({ icon, seed, className, label, fileId, alt }) => {\n  return (\n    <div\n      className={cn(\n        'relative flex items-center justify-center overflow-hidden rounded-lg bg-gradient-to-br',\n        tintFor(seed),\n        className\n      )}\n      aria-hidden={label ? undefined : true}\n      aria-label={label}\n    >\n      <span className=\"text-text-secondary opacity-80\">{icon}</span>\n      {fileId ? (\n        <span className=\"absolute inset-0\">\n          <FileImage fileId={fileId} alt={alt ?? label ?? ''} />\n        </span>\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":";;;;AA6BA,IAAM,IAAQ;CACZ;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,EAAQ,GAAkC;AACjD,KAAI,CAAC,EAAM,QAAO,EAAM;CACxB,IAAI,IAAO;AACX,MAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,KAAK,EACpC,MAAQ,IAAO,KAAK,EAAK,WAAW,EAAE,IAAI;AAE5C,QAAO,EAAM,IAAO,EAAM;;AAG5B,IAAa,KAAiC,EAAE,SAAM,SAAM,cAAW,UAAO,WAAQ,aAElF,kBAAC,OAAD;CACE,WAAW,EACT,0FACA,EAAQ,EAAK,EACb,EACD;CACD,eAAa,IAAQ,KAAA,IAAY;CACjC,cAAY;WAPd,CASE,kBAAC,QAAD;EAAM,WAAU;YAAkC;EAAY,CAAA,EAC7D,IACC,kBAAC,QAAD;EAAM,WAAU;YACd,kBAAC,GAAD;GAAmB;GAAQ,KAAK,KAAO,KAAS;GAAM,CAAA;EACjD,CAAA,GACL,KACA"}
+{"version":3,"file":"Thumbnail.js","names":[],"sources":["../../../src/coolandlovely/components/Thumbnail.tsx"],"sourcesContent":["/**\n * Thumbnail Component\n * @module coolandlovely/components\n *\n * Renders a calm, on-token visual placeholder for a fashion entity. Imagery in\n * CoolAndLovely is referenced from wspace-files-svc via federation (we only\n * have the File id here, not a resolvable URL), so the catalogue/wardrobe/look\n * surfaces render a branded glyph tile keyed by an icon rather than a broken\n * <img>. The seed (entity id) gives each tile a stable accent tint.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { cn } from '../utils/cn';\nimport { FileImage } from './FileImage';\n\ninterface ThumbnailProps {\n  icon: ReactNode;\n  /** Stable seed (e.g. entity id) used to pick a deterministic accent tint. */\n  seed?: string;\n  className?: string;\n  /** Whether a File reference exists (shows a subtle \"image attached\" hint). */\n  hasImage?: boolean;\n  label?: string;\n  /** wspace-files File id — when it resolves, its image overlays the glyph. */\n  fileId?: string | null;\n  /** Alt text when a real image is shown. */\n  alt?: string;\n  /**\n   * Optional content rendered absolutely over the image (e.g. a gradient scrim\n   * + overlaid caption). Positioned by the caller; sits above the FileImage.\n   */\n  overlay?: ReactNode;\n}\n\nconst tints = [\n  'from-accent-purple-subtle to-bg-sunken',\n  'from-accent-blue-subtle to-bg-sunken',\n  'from-status-success-bg-subtle to-bg-sunken',\n  'from-status-warning-bg-subtle to-bg-sunken',\n  'from-[var(--color-accent-soft)] to-bg-sunken',\n];\n\nfunction tintFor(seed: string | undefined): string {\n  if (!seed) return tints[0];\n  let hash = 0;\n  for (let i = 0; i < seed.length; i += 1) {\n    hash = (hash * 31 + seed.charCodeAt(i)) % 997;\n  }\n  return tints[hash % tints.length];\n}\n\nexport const Thumbnail: FC<ThumbnailProps> = ({\n  icon,\n  seed,\n  className,\n  label,\n  fileId,\n  alt,\n  overlay,\n}) => {\n  return (\n    <div\n      className={cn(\n        'relative flex items-center justify-center overflow-hidden rounded-lg bg-gradient-to-br',\n        tintFor(seed),\n        className\n      )}\n      aria-hidden={label ? undefined : true}\n      aria-label={label}\n    >\n      <span className=\"text-text-secondary opacity-80 transition-transform duration-300 motion-safe:group-hover:scale-[1.03]\">\n        {icon}\n      </span>\n      {fileId ? (\n        <span className=\"absolute inset-0 transition-transform duration-300 motion-safe:group-hover:scale-[1.03]\">\n          <FileImage fileId={fileId} alt={alt ?? label ?? ''} />\n        </span>\n      ) : null}\n      {overlay}\n    </div>\n  );\n};\n"],"mappings":";;;;AAkCA,IAAM,IAAQ;CACZ;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,EAAQ,GAAkC;AACjD,KAAI,CAAC,EAAM,QAAO,EAAM;CACxB,IAAI,IAAO;AACX,MAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,KAAK,EACpC,MAAQ,IAAO,KAAK,EAAK,WAAW,EAAE,IAAI;AAE5C,QAAO,EAAM,IAAO,EAAM;;AAG5B,IAAa,KAAiC,EAC5C,SACA,SACA,cACA,UACA,WACA,QACA,iBAGE,kBAAC,OAAD;CACE,WAAW,EACT,0FACA,EAAQ,EAAK,EACb,EACD;CACD,eAAa,IAAQ,KAAA,IAAY;CACjC,cAAY;WAPd;EASE,kBAAC,QAAD;GAAM,WAAU;aACb;GACI,CAAA;EACN,IACC,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,GAAD;IAAmB;IAAQ,KAAK,KAAO,KAAS;IAAM,CAAA;GACjD,CAAA,GACL;EACH;EACG"}

package/dist/coolandlovely/components/VisibilityChip.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+interface VisibilityChipProps {
+    /** A `CooVisibility` value (PUBLIC / FOLLOWERS / PRIVATE) — case-insensitive. */
+    visibility: string;
+    className?: string;
+}
+export declare const VisibilityChip: FC<VisibilityChipProps>;
+export {};
+//# sourceMappingURL=VisibilityChip.d.ts.map

package/dist/coolandlovely/components/VisibilityChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityChip.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/VisibilityChip.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,UAAU,mBAAmB;IAC3B,iFAAiF;IACjF,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAiBlD,CAAC"}

package/dist/coolandlovely/components/VisibilityChip.js

@@ -0,0 +1,32 @@
+import { cn as e } from "../utils/cn.js";
+import { titleCase as t } from "../utils/formatters.js";
+import { Globe as n, Lock as r, Users as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/coolandlovely/components/VisibilityChip.tsx
+var s = {
+	public: {
+		icon: n,
+		label: "Public"
+	},
+	followers: {
+		icon: i,
+		label: "Followers"
+	},
+	private: {
+		icon: r,
+		label: "Private"
+	}
+}, c = ({ visibility: n, className: i }) => {
+	let c = s[n.trim().toLowerCase()], l = c?.icon ?? r, u = c?.label ?? t(n);
+	return /* @__PURE__ */ o("span", {
+		className: e("inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary", i),
+		children: [/* @__PURE__ */ a(l, {
+			className: "h-3.5 w-3.5",
+			"aria-hidden": "true"
+		}), u]
+	});
+};
+//#endregion
+export { c as VisibilityChip };
+
+//# sourceMappingURL=VisibilityChip.js.map

package/dist/coolandlovely/components/VisibilityChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityChip.js","names":[],"sources":["../../../src/coolandlovely/components/VisibilityChip.tsx"],"sourcesContent":["/**\n * VisibilityChip — a small icon + label chip for a look/lookbook/profile\n * visibility (PRIVATE / FOLLOWERS / PUBLIC).\n * @module coolandlovely/components\n *\n * Token-only. The lock/users/globe glyph makes the visibility scannable at a\n * glance on lookbook cards, the lookbook detail header and the style profile.\n */\n\nimport type { FC } from 'react';\nimport { Globe, Lock, Users } from 'lucide-react';\nimport { cn } from '../utils/cn';\nimport { titleCase } from '../utils/formatters';\n\ninterface VisibilityChipProps {\n  /** A `CooVisibility` value (PUBLIC / FOLLOWERS / PRIVATE) — case-insensitive. */\n  visibility: string;\n  className?: string;\n}\n\nconst CONFIG: Record<string, { icon: typeof Globe; label: string }> = {\n  public: { icon: Globe, label: 'Public' },\n  followers: { icon: Users, label: 'Followers' },\n  private: { icon: Lock, label: 'Private' },\n};\n\nexport const VisibilityChip: FC<VisibilityChipProps> = ({ visibility, className }) => {\n  const key = visibility.trim().toLowerCase();\n  const config = CONFIG[key];\n  const Icon = config?.icon ?? Lock;\n  const label = config?.label ?? titleCase(visibility);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary',\n        className\n      )}\n    >\n      <Icon className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n      {label}\n    </span>\n  );\n};\n"],"mappings":";;;;;AAoBA,IAAM,IAAgE;CACpE,QAAQ;EAAE,MAAM;EAAO,OAAO;EAAU;CACxC,WAAW;EAAE,MAAM;EAAO,OAAO;EAAa;CAC9C,SAAS;EAAE,MAAM;EAAM,OAAO;EAAW;CAC1C,EAEY,KAA2C,EAAE,eAAY,mBAAgB;CAEpF,IAAM,IAAS,EADH,EAAW,MAAM,CAAC,aAAa,GAErC,IAAO,GAAQ,QAAQ,GACvB,IAAQ,GAAQ,SAAS,EAAU,EAAW;AAEpD,QACE,kBAAC,QAAD;EACE,WAAW,EACT,gHACA,EACD;YAJH,CAME,kBAAC,GAAD;GAAM,WAAU;GAAc,eAAY;GAAS,CAAA,EAClD,EACI"}

package/dist/coolandlovely/components/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Components Index
+ * @module coolandlovely/components
+ */
+export { PageLayout } from './PageLayout';
+export { MetricsCard } from './MetricsCard';
+export { StatusBadge } from './StatusBadge';
+export { EmptyState } from './EmptyState';
+export { Thumbnail } from './Thumbnail';
+export { FileImage } from './FileImage';
+export { ImageUploadField } from './ImageUploadField';
+export { TagList } from './TagList';
+export { LoadingView, ErrorView } from './StateViews';
+export { FieldShell, TextField, TextAreaField, SelectField, ToggleField } from './Field';
+export { ActorName } from './ActorName';
+export { Comments } from './Comments';
+export { FollowButton } from './FollowButton';
+export { AddToLookbookButton } from './AddToLookbookButton';
+export { LookCard } from './LookCard';
+export { BrandCover } from './BrandCover';
+export { StepTracker } from './StepTracker';
+export { BrandCreatorAvatars } from './BrandCreatorAvatars';
+export { ShopItemCard } from './ShopItemCard';
+export { ColourSwatchRow } from './ColourSwatchRow';
+export { VisibilityChip } from './VisibilityChip';
+//# sourceMappingURL=index.d.ts.map

package/dist/coolandlovely/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/coolandlovely/context/CoolAndLovelyContext.d.ts

@@ -0,0 +1,16 @@
+import { FC, PropsWithChildren } from 'react';
+import { CoolAndLovelyRootProps } from '../types';
+
+interface CoolAndLovelyContextValue extends Omit<CoolAndLovelyRootProps, 'registerNavItems' | 'registerFooterItems' | 'navigate'> {
+    isStandalone: boolean;
+    /** Shell's navigate function (only available in integrated mode) */
+    navigate?: (path: string) => void;
+    /** Navigate to a path relative to basePath */
+    navigateTo: (relativePath: string) => void;
+    /** Get the full path for a relative path */
+    getPath: (relativePath: string) => string;
+}
+export declare function useCoolAndLovely(): CoolAndLovelyContextValue;
+export declare const CoolAndLovelyProvider: FC<PropsWithChildren<CoolAndLovelyRootProps>>;
+export {};
+//# sourceMappingURL=CoolAndLovelyContext.d.ts.map

package/dist/coolandlovely/context/CoolAndLovelyContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoolAndLovelyContext.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/context/CoolAndLovelyContext.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAOvD,UAAU,yBAA0B,SAAQ,IAAI,CAC9C,sBAAsB,EACtB,kBAAkB,GAAG,qBAAqB,GAAG,UAAU,CACxD;IACC,YAAY,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,UAAU,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,4CAA4C;IAC5C,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C;AAQD,wBAAgB,gBAAgB,IAAI,yBAAyB,CAM5D;AAyID,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAqB/E,CAAC"}

package/dist/coolandlovely/context/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Context Index
+ * @module coolandlovely/context
+ */
+export { CoolAndLovelyProvider, useCoolAndLovely } from './CoolAndLovelyContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/coolandlovely/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/context/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/coolandlovely/hooks/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Hooks Index
+ * @module coolandlovely/hooks
+ */
+export { useBrands, useBrand, useCreateBrand, useUpdateBrand, useTransitionBrand, useArchiveBrand, useCollections, useCollection, useCreateCollection, useUpdateCollection, usePublishCollection, useStyleItems, useStyleItem, useCreateStyleItem, useUpdateStyleItem, useArchiveStyleItem, useLooks, useLooksWithItems, useLook, useCreateLook, useUpdateLook, usePublishLook, useLikeLook, useDeleteLook, useCollaborations, useCollaboration, useCreateCollaboration, useTransitionCollaboration, useWardrobeItems, useCreateWardrobeItem, useUpdateWardrobeItem, useLogWardrobeWear, useRemoveWardrobeItem, useMyStyleProfile, useUpsertStyleProfile, useLookbooks, useLookbook, useCreateLookbook, useAddLookbookEntry, useRemoveLookbookEntry, useIsFollowing, useFollow, useUnfollow, useMyFollowing, useMyFollowers, } from './useCoolAndLovelyApi';
+export type { ListBrandsArgs, ListCollectionsArgs, ListStyleItemsArgs, ListLooksArgs, ListCollaborationsArgs, ListWardrobeArgs, } from './useCoolAndLovelyApi';
+export { uploadImageToFiles, useFileUrl, COO_FILE_FOLDERS } from './useFiles';
+export type { UploadedImage, CooFileFolder } from './useFiles';
+export { useEntityComments, useAddComment } from './useComments';
+export type { EntityCommentView, EntityCommentsResult } from './useComments';
+//# sourceMappingURL=index.d.ts.map

package/dist/coolandlovely/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/coolandlovely/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEL,SAAS,EACT,QAAQ,EACR,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,eAAe,EAEf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EAEpB,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EAEnB,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,WAAW,EACX,aAAa,EAEb,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,0BAA0B,EAE1B,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EAErB,iBAAiB,EACjB,qBAAqB,EAErB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EAEtB,cAAc,EACd,SAAS,EACT,WAAW,EACX,cAAc,EACd,cAAc,GACf,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9E,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG/D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC"}