@burdenoff/microfe-theculturepost 2026.704.2 → 2026.705.2

package/dist/theculturepost/components/StoryCard.js

@@ -1,81 +1,86 @@
 import { CoverImage as e } from "./CoverImage.js";
 import { formatEnumLabel as t, formatNumber as n, formatRelativeTime as r } from "../utils/formatters.js";
 import { StatusBadge as i } from "./StatusBadge.js";
-import { AuthorLabel as a } from "./AuthorLabel.js";
-import { BookOpen as o, Clock as s, Languages as c, Tag as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { GlassCard as f } from "@burdenoff/fe-libs/ui";
+import { OverlayBadge as a } from "./OverlayBadge.js";
+import { AuthorLabel as o } from "./AuthorLabel.js";
+import { categoryIcon as s } from "./categoryMeta.js";
+import { createElement as c } from "react";
+import { BookOpen as l, Clock as u, Languages as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { GlassCard as m } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/components/StoryCard.tsx
-function p({ story: p, onOpen: m, hideStatus: h = !1 }) {
-	let g = p.publishedAt ?? p.updatedAt;
-	return /* @__PURE__ */ d(f, {
+function h({ story: h, onOpen: g, hideStatus: _ = !1 }) {
+	let v = h.publishedAt ?? h.updatedAt, y = h.topic?.category ?? null;
+	return /* @__PURE__ */ p(m, {
 		treatment: "plain",
 		className: "flex flex-col overflow-hidden",
-		children: [/* @__PURE__ */ u("button", {
+		children: [/* @__PURE__ */ p("button", {
 			type: "button",
-			onClick: m,
+			onClick: g,
 			className: "group relative block aspect-[16/9] w-full overflow-hidden text-left",
-			"aria-label": `Open ${p.title}`,
-			children: /* @__PURE__ */ u(e, {
-				fileId: p.cover?.id,
-				alt: p.title,
-				rounded: "rounded-none",
-				className: "h-full w-full transition-transform duration-500 group-hover:scale-[1.03]",
-				icon: /* @__PURE__ */ u(o, { className: "h-8 w-8" })
-			})
-		}), /* @__PURE__ */ d("div", {
+			"aria-label": `Open ${h.title}`,
+			children: [
+				/* @__PURE__ */ f(e, {
+					fileId: h.cover?.id,
+					alt: h.title,
+					rounded: "rounded-none",
+					className: "h-full w-full transition-transform duration-500 group-hover:scale-[1.03]",
+					icon: /* @__PURE__ */ f(l, { className: "h-8 w-8" })
+				}),
+				/* @__PURE__ */ f(a, {
+					position: "top-left",
+					children: t(h.format)
+				}),
+				!_ && /* @__PURE__ */ f(a, {
+					position: "top-right",
+					children: t(h.status)
+				})
+			]
+		}), /* @__PURE__ */ p("div", {
 			className: "flex flex-1 flex-col p-5",
 			children: [
-				/* @__PURE__ */ d("div", {
-					className: "mb-2 flex flex-wrap items-center gap-1.5",
-					children: [
-						/* @__PURE__ */ u(i, { status: p.format }),
-						!h && /* @__PURE__ */ u(i, { status: p.status }),
-						p.topic && /* @__PURE__ */ d("span", {
-							className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
-							children: [
-								/* @__PURE__ */ u(l, { className: "h-3 w-3" }),
-								" ",
-								p.topic.name
-							]
-						})
-					]
+				h.topic && /* @__PURE__ */ f("div", {
+					className: "mb-2",
+					children: /* @__PURE__ */ f(i, {
+						status: y ?? "CULTURE_AND_IDENTITY",
+						icon: c(s(y), { className: "h-3 w-3" })
+					})
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: m,
-					className: "text-left text-base font-semibold leading-snug text-text-primary hover:underline",
-					children: p.title
+					onClick: g,
+					className: "font-display text-left text-lg font-semibold leading-snug text-text-primary hover:underline",
+					children: h.title
 				}),
-				p.summary && /* @__PURE__ */ u("p", {
+				h.summary && /* @__PURE__ */ f("p", {
 					className: "mt-1.5 line-clamp-2 text-sm text-text-secondary",
-					children: p.summary
+					children: h.summary
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ p("div", {
 					className: "mt-auto flex flex-wrap items-center gap-x-3 gap-y-1 pt-4 text-xs text-text-tertiary",
 					children: [
-						/* @__PURE__ */ u(a, {
-							actorId: p.authorId,
+						/* @__PURE__ */ f(o, {
+							actorId: h.authorId,
 							prefix: "By"
 						}),
-						p.readingMins > 0 && /* @__PURE__ */ d("span", {
+						h.readingMins > 0 && /* @__PURE__ */ p("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ u(s, { className: "h-3.5 w-3.5" }),
+								/* @__PURE__ */ f(u, { className: "h-3.5 w-3.5" }),
 								" ",
-								n(p.readingMins),
+								n(h.readingMins),
 								" min read"
 							]
 						}),
-						p.languages.length > 0 && /* @__PURE__ */ d("span", {
+						h.languages.length > 0 && /* @__PURE__ */ p("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ u(c, { className: "h-3.5 w-3.5" }),
+								/* @__PURE__ */ f(d, { className: "h-3.5 w-3.5" }),
 								" ",
-								p.languages.map(t).join(", ")
+								h.languages.map(t).join(", ")
 							]
 						}),
-						/* @__PURE__ */ u("span", { children: r(g) })
+						/* @__PURE__ */ f("span", { children: r(v) })
 					]
 				})
 			]
@@ -83,6 +88,6 @@ function p({ story: p, onOpen: m, hideStatus: h = !1 }) {
 	});
 }
 //#endregion
-export { p as StoryCard };
+export { h as StoryCard };
 
 //# sourceMappingURL=StoryCard.js.map

package/dist/theculturepost/components/StoryCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoryCard.js","names":[],"sources":["../../../src/theculturepost/components/StoryCard.tsx"],"sourcesContent":["/**\n * StoryCard — an editorial tile for a story.\n * @module theculturepost/components\n *\n * Cover image (via file id), title, summary, format + status badges, topic,\n * reading time, languages. Links to the story detail page.\n */\n\nimport { BookOpen, Clock, Languages, Tag } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { CoverImage } from './CoverImage';\nimport { StatusBadge } from './StatusBadge';\nimport { AuthorLabel } from './AuthorLabel';\nimport { formatEnumLabel, formatNumber, formatRelativeTime } from '../utils/formatters';\nimport type { TcpStory } from '../types';\n\ninterface StoryCardProps {\n  story: TcpStory;\n  onOpen: () => void;\n  /** Hide the status badge (e.g. on published-only surfaces). */\n  hideStatus?: boolean;\n}\n\nexport function StoryCard({ story, onOpen, hideStatus = false }: StoryCardProps) {\n  const dateLabel = story.publishedAt ?? story.updatedAt;\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={onOpen}\n        className=\"group relative block aspect-[16/9] w-full overflow-hidden text-left\"\n        aria-label={`Open ${story.title}`}\n      >\n        <CoverImage\n          fileId={story.cover?.id}\n          alt={story.title}\n          rounded=\"rounded-none\"\n          className=\"h-full w-full transition-transform duration-500 group-hover:scale-[1.03]\"\n          icon={<BookOpen className=\"h-8 w-8\" />}\n        />\n      </button>\n\n      <div className=\"flex flex-1 flex-col p-5\">\n        <div className=\"mb-2 flex flex-wrap items-center gap-1.5\">\n          <StatusBadge status={story.format} />\n          {!hideStatus && <StatusBadge status={story.status} />}\n          {story.topic && (\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n              <Tag className=\"h-3 w-3\" /> {story.topic.name}\n            </span>\n          )}\n        </div>\n\n        <button\n          type=\"button\"\n          onClick={onOpen}\n          className=\"text-left text-base font-semibold leading-snug text-text-primary hover:underline\"\n        >\n          {story.title}\n        </button>\n\n        {story.summary && (\n          <p className=\"mt-1.5 line-clamp-2 text-sm text-text-secondary\">{story.summary}</p>\n        )}\n\n        <div className=\"mt-auto flex flex-wrap items-center gap-x-3 gap-y-1 pt-4 text-xs text-text-tertiary\">\n          <AuthorLabel actorId={story.authorId} prefix=\"By\" />\n          {story.readingMins > 0 && (\n            <span className=\"inline-flex items-center gap-1\">\n              <Clock className=\"h-3.5 w-3.5\" /> {formatNumber(story.readingMins)} min read\n            </span>\n          )}\n          {story.languages.length > 0 && (\n            <span className=\"inline-flex items-center gap-1\">\n              <Languages className=\"h-3.5 w-3.5\" />{' '}\n              {story.languages.map(formatEnumLabel).join(', ')}\n            </span>\n          )}\n          <span>{formatRelativeTime(dateLabel)}</span>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,EAAU,EAAE,UAAO,WAAQ,gBAAa,MAAyB;CAC/E,IAAM,IAAY,EAAM,eAAe,EAAM;AAE7C,QACE,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAU;YAAvC,CACE,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;GACV,cAAY,QAAQ,EAAM;aAE1B,kBAAC,GAAD;IACE,QAAQ,EAAM,OAAO;IACrB,KAAK,EAAM;IACX,SAAQ;IACR,WAAU;IACV,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;IACtC,CAAA;GACK,CAAA,EAET,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAa,QAAQ,EAAM,QAAU,CAAA;MACpC,CAAC,KAAc,kBAAC,GAAD,EAAa,QAAQ,EAAM,QAAU,CAAA;MACpD,EAAM,SACL,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;;QAAE,EAAM,MAAM;QACpC;;MAEL;;IAEN,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAET,EAAM;KACA,CAAA;IAER,EAAM,WACL,kBAAC,KAAD;KAAG,WAAU;eAAmD,EAAM;KAAY,CAAA;IAGpF,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAa,SAAS,EAAM;OAAU,QAAO;OAAO,CAAA;MACnD,EAAM,cAAc,KACnB,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;;QAAE,EAAa,EAAM,YAAY;QAAC;QAC9D;;MAER,EAAM,UAAU,SAAS,KACxB,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA;QAAC;QACrC,EAAM,UAAU,IAAI,EAAgB,CAAC,KAAK,KAAK;QAC3C;;MAET,kBAAC,QAAD,EAAA,UAAO,EAAmB,EAAU,EAAQ,CAAA;MACxC;;IACF;KACI"}
+{"version":3,"file":"StoryCard.js","names":[],"sources":["../../../src/theculturepost/components/StoryCard.tsx"],"sourcesContent":["/**\n * StoryCard — an editorial tile for a story.\n * @module theculturepost/components\n *\n * Cover image (via file id) with the format badge overlaid top-left and the\n * lifecycle status top-right; a colored (semantic-token) category pill, serif\n * title, summary, reading-time + language chips, author + updated time. Links to\n * the story detail page. Only real schema fields — no fabricated metrics.\n */\n\nimport { createElement } from 'react';\nimport { BookOpen, Clock, Languages } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { CoverImage } from './CoverImage';\nimport { StatusBadge } from './StatusBadge';\nimport { OverlayBadge } from './OverlayBadge';\nimport { AuthorLabel } from './AuthorLabel';\nimport { categoryIcon } from './categoryMeta';\nimport { formatEnumLabel, formatNumber, formatRelativeTime } from '../utils/formatters';\nimport type { TcpStory } from '../types';\n\ninterface StoryCardProps {\n  story: TcpStory;\n  onOpen: () => void;\n  /** Hide the status badge (e.g. on published-only surfaces). */\n  hideStatus?: boolean;\n}\n\nexport function StoryCard({ story, onOpen, hideStatus = false }: StoryCardProps) {\n  const dateLabel = story.publishedAt ?? story.updatedAt;\n  const category = story.topic?.category ?? null;\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={onOpen}\n        className=\"group relative block aspect-[16/9] w-full overflow-hidden text-left\"\n        aria-label={`Open ${story.title}`}\n      >\n        <CoverImage\n          fileId={story.cover?.id}\n          alt={story.title}\n          rounded=\"rounded-none\"\n          className=\"h-full w-full transition-transform duration-500 group-hover:scale-[1.03]\"\n          icon={<BookOpen className=\"h-8 w-8\" />}\n        />\n        <OverlayBadge position=\"top-left\">{formatEnumLabel(story.format)}</OverlayBadge>\n        {!hideStatus && (\n          <OverlayBadge position=\"top-right\">{formatEnumLabel(story.status)}</OverlayBadge>\n        )}\n      </button>\n\n      <div className=\"flex flex-1 flex-col p-5\">\n        {story.topic && (\n          <div className=\"mb-2\">\n            <StatusBadge\n              status={category ?? 'CULTURE_AND_IDENTITY'}\n              icon={createElement(categoryIcon(category), { className: 'h-3 w-3' })}\n            />\n          </div>\n        )}\n\n        <button\n          type=\"button\"\n          onClick={onOpen}\n          className=\"font-display text-left text-lg font-semibold leading-snug text-text-primary hover:underline\"\n        >\n          {story.title}\n        </button>\n\n        {story.summary && (\n          <p className=\"mt-1.5 line-clamp-2 text-sm text-text-secondary\">{story.summary}</p>\n        )}\n\n        <div className=\"mt-auto flex flex-wrap items-center gap-x-3 gap-y-1 pt-4 text-xs text-text-tertiary\">\n          <AuthorLabel actorId={story.authorId} prefix=\"By\" />\n          {story.readingMins > 0 && (\n            <span className=\"inline-flex items-center gap-1\">\n              <Clock className=\"h-3.5 w-3.5\" /> {formatNumber(story.readingMins)} min read\n            </span>\n          )}\n          {story.languages.length > 0 && (\n            <span className=\"inline-flex items-center gap-1\">\n              <Languages className=\"h-3.5 w-3.5\" />{' '}\n              {story.languages.map(formatEnumLabel).join(', ')}\n            </span>\n          )}\n          <span>{formatRelativeTime(dateLabel)}</span>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA4BA,SAAgB,EAAU,EAAE,UAAO,WAAQ,gBAAa,MAAyB;CAC/E,IAAM,IAAY,EAAM,eAAe,EAAM,WACvC,IAAW,EAAM,OAAO,YAAY;AAE1C,QACE,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAU;YAAvC,CACE,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;GACV,cAAY,QAAQ,EAAM;aAJ5B;IAME,kBAAC,GAAD;KACE,QAAQ,EAAM,OAAO;KACrB,KAAK,EAAM;KACX,SAAQ;KACR,WAAU;KACV,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;KACtC,CAAA;IACF,kBAAC,GAAD;KAAc,UAAS;eAAY,EAAgB,EAAM,OAAO;KAAgB,CAAA;IAC/E,CAAC,KACA,kBAAC,GAAD;KAAc,UAAS;eAAa,EAAgB,EAAM,OAAO;KAAgB,CAAA;IAE5E;MAET,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAM,SACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,QAAQ,KAAY;MACpB,MAAM,EAAc,EAAa,EAAS,EAAE,EAAE,WAAW,WAAW,CAAC;MACrE,CAAA;KACE,CAAA;IAGR,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAET,EAAM;KACA,CAAA;IAER,EAAM,WACL,kBAAC,KAAD;KAAG,WAAU;eAAmD,EAAM;KAAY,CAAA;IAGpF,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAa,SAAS,EAAM;OAAU,QAAO;OAAO,CAAA;MACnD,EAAM,cAAc,KACnB,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;;QAAE,EAAa,EAAM,YAAY;QAAC;QAC9D;;MAER,EAAM,UAAU,SAAS,KACxB,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA;QAAC;QACrC,EAAM,UAAU,IAAI,EAAgB,CAAC,KAAK,KAAK;QAC3C;;MAET,kBAAC,QAAD,EAAA,UAAO,EAAmB,EAAU,EAAQ,CAAA;MACxC;;IACF;KACI"}

package/dist/theculturepost/components/TopicCard.js

@@ -1,50 +1,69 @@
 import { StatusBadge as e } from "./StatusBadge.js";
-import { Compass as t, Sparkles as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { GlassCard as a } from "@burdenoff/fe-libs/ui";
+import { OverlayBadge as t } from "./OverlayBadge.js";
+import { categoryIcon as n } from "./categoryMeta.js";
+import { DecorativeCover as r } from "./DecorativeCover.js";
+import { createElement as i } from "react";
+import { Sparkles as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { GlassCard as c } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/components/TopicCard.tsx
-function o({ topic: o, onOpen: s }) {
-	return /* @__PURE__ */ i(a, {
+function l({ topic: l, onOpen: u }) {
+	return /* @__PURE__ */ s(c, {
 		treatment: "plain",
-		className: "flex flex-col p-5",
-		children: [
-			/* @__PURE__ */ i("div", {
-				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ r("div", {
-					className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
-					children: /* @__PURE__ */ r(t, { className: "h-5 w-5" })
-				}), o.isFeatured && /* @__PURE__ */ i("span", {
-					className: "inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text",
-					children: [/* @__PURE__ */ r(n, { className: "h-3 w-3" }), " Featured"]
-				})]
-			}),
-			/* @__PURE__ */ r("button", {
-				type: "button",
-				onClick: s,
-				className: "mt-3 text-left text-base font-semibold text-text-primary hover:underline",
-				children: o.name
-			}),
-			o.tradition && /* @__PURE__ */ r("p", {
-				className: "mt-0.5 text-sm text-text-secondary",
-				children: o.tradition
-			}),
-			o.description && /* @__PURE__ */ r("p", {
-				className: "mt-2 line-clamp-3 text-sm text-text-secondary",
-				children: o.description
-			}),
-			/* @__PURE__ */ i("div", {
-				className: "mt-auto flex items-center justify-between gap-2 pt-4",
-				children: [/* @__PURE__ */ r(e, { status: o.category }), /* @__PURE__ */ r("button", {
+		className: "flex flex-col overflow-hidden",
+		children: [/* @__PURE__ */ s("button", {
+			type: "button",
+			onClick: u,
+			className: "group relative block w-full text-left",
+			"aria-label": `Open ${l.name}`,
+			children: [/* @__PURE__ */ o(r, {
+				seed: l.id || l.slug || l.name,
+				category: l.category,
+				aspect: "aspect-[16/9]",
+				className: "w-full"
+			}), l.isFeatured && /* @__PURE__ */ o(t, {
+				position: "top-right",
+				icon: /* @__PURE__ */ o(a, { className: "h-3 w-3" }),
+				children: "Featured"
+			})]
+		}), /* @__PURE__ */ s("div", {
+			className: "flex flex-1 flex-col p-5",
+			children: [
+				/* @__PURE__ */ o("div", {
+					className: "mb-2",
+					children: /* @__PURE__ */ o(e, {
+						status: l.category,
+						icon: i(n(l.category), { className: "h-3 w-3" })
+					})
+				}),
+				/* @__PURE__ */ o("button", {
 					type: "button",
-					onClick: s,
-					className: "text-xs font-medium text-accent hover:underline",
-					children: "Explore →"
-				})]
-			})
-		]
+					onClick: u,
+					className: "font-display text-left text-lg font-semibold text-text-primary hover:underline",
+					children: l.name
+				}),
+				l.tradition && /* @__PURE__ */ o("p", {
+					className: "mt-0.5 text-sm text-text-secondary",
+					children: l.tradition
+				}),
+				l.description && /* @__PURE__ */ o("p", {
+					className: "mt-2 line-clamp-3 text-sm text-text-secondary",
+					children: l.description
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "mt-auto flex items-center justify-end pt-4",
+					children: /* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: u,
+						className: "text-xs font-medium text-accent hover:underline",
+						children: "Explore →"
+					})
+				})
+			]
+		})]
 	});
 }
 //#endregion
-export { o as TopicCard };
+export { l as TopicCard };
 
 //# sourceMappingURL=TopicCard.js.map

package/dist/theculturepost/components/TopicCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopicCard.js","names":[],"sources":["../../../src/theculturepost/components/TopicCard.tsx"],"sourcesContent":["/**\n * TopicCard — a discovery tile for a curated topic.\n * @module theculturepost/components\n *\n * Category badge, featured marker, tradition, description. Links to the topic\n * detail page.\n */\n\nimport { Compass, Sparkles } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { StatusBadge } from './StatusBadge';\nimport type { TcpTopic } from '../types';\n\ninterface TopicCardProps {\n  topic: TcpTopic;\n  onOpen: () => void;\n}\n\nexport function TopicCard({ topic, onOpen }: TopicCardProps) {\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col p-5\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary\">\n          <Compass className=\"h-5 w-5\" />\n        </div>\n        {topic.isFeatured && (\n          <span className=\"inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text\">\n            <Sparkles className=\"h-3 w-3\" /> Featured\n          </span>\n        )}\n      </div>\n\n      <button\n        type=\"button\"\n        onClick={onOpen}\n        className=\"mt-3 text-left text-base font-semibold text-text-primary hover:underline\"\n      >\n        {topic.name}\n      </button>\n\n      {topic.tradition && <p className=\"mt-0.5 text-sm text-text-secondary\">{topic.tradition}</p>}\n\n      {topic.description && (\n        <p className=\"mt-2 line-clamp-3 text-sm text-text-secondary\">{topic.description}</p>\n      )}\n\n      <div className=\"mt-auto flex items-center justify-between gap-2 pt-4\">\n        <StatusBadge status={topic.category} />\n        <button\n          type=\"button\"\n          onClick={onOpen}\n          className=\"text-xs font-medium text-accent hover:underline\"\n        >\n          Explore →\n        </button>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;AAkBA,SAAgB,EAAU,EAAE,UAAO,aAA0B;AAC3D,QACE,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAU;YAAvC;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;KAC3B,CAAA,EACL,EAAM,cACL,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,YAC3B;OAEL;;GAEN,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;cAET,EAAM;IACA,CAAA;GAER,EAAM,aAAa,kBAAC,KAAD;IAAG,WAAU;cAAsC,EAAM;IAAc,CAAA;GAE1F,EAAM,eACL,kBAAC,KAAD;IAAG,WAAU;cAAiD,EAAM;IAAgB,CAAA;GAGtF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAa,QAAQ,EAAM,UAAY,CAAA,EACvC,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eACX;KAEQ,CAAA,CACL;;GACI"}
+{"version":3,"file":"TopicCard.js","names":[],"sources":["../../../src/theculturepost/components/TopicCard.tsx"],"sourcesContent":["/**\n * TopicCard — a discovery tile for a curated topic.\n * @module theculturepost/components\n *\n * The schema exposes NO topic imagery or per-list story count, so the banner is\n * a token-only {@link DecorativeCover} keyed to the category motif (never a fake\n * photo), with a Featured overlay. Body shows the category pill, tradition,\n * description, and an Explore link. Links to the topic detail page.\n */\n\nimport { createElement } from 'react';\nimport { Sparkles } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { StatusBadge } from './StatusBadge';\nimport { DecorativeCover } from './DecorativeCover';\nimport { OverlayBadge } from './OverlayBadge';\nimport { categoryIcon } from './categoryMeta';\nimport type { TcpTopic } from '../types';\n\ninterface TopicCardProps {\n  topic: TcpTopic;\n  onOpen: () => void;\n}\n\nexport function TopicCard({ topic, onOpen }: TopicCardProps) {\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={onOpen}\n        className=\"group relative block w-full text-left\"\n        aria-label={`Open ${topic.name}`}\n      >\n        <DecorativeCover\n          seed={topic.id || topic.slug || topic.name}\n          category={topic.category}\n          aspect=\"aspect-[16/9]\"\n          className=\"w-full\"\n        />\n        {topic.isFeatured && (\n          <OverlayBadge position=\"top-right\" icon={<Sparkles className=\"h-3 w-3\" />}>\n            Featured\n          </OverlayBadge>\n        )}\n      </button>\n\n      <div className=\"flex flex-1 flex-col p-5\">\n        <div className=\"mb-2\">\n          <StatusBadge\n            status={topic.category}\n            icon={createElement(categoryIcon(topic.category), { className: 'h-3 w-3' })}\n          />\n        </div>\n\n        <button\n          type=\"button\"\n          onClick={onOpen}\n          className=\"font-display text-left text-lg font-semibold text-text-primary hover:underline\"\n        >\n          {topic.name}\n        </button>\n\n        {topic.tradition && <p className=\"mt-0.5 text-sm text-text-secondary\">{topic.tradition}</p>}\n\n        {topic.description && (\n          <p className=\"mt-2 line-clamp-3 text-sm text-text-secondary\">{topic.description}</p>\n        )}\n\n        <div className=\"mt-auto flex items-center justify-end pt-4\">\n          <button\n            type=\"button\"\n            onClick={onOpen}\n            className=\"text-xs font-medium text-accent hover:underline\"\n          >\n            Explore →\n          </button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;;;;AAwBA,SAAgB,EAAU,EAAE,UAAO,aAA0B;AAC3D,QACE,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAU;YAAvC,CACE,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;GACV,cAAY,QAAQ,EAAM;aAJ5B,CAME,kBAAC,GAAD;IACE,MAAM,EAAM,MAAM,EAAM,QAAQ,EAAM;IACtC,UAAU,EAAM;IAChB,QAAO;IACP,WAAU;IACV,CAAA,EACD,EAAM,cACL,kBAAC,GAAD;IAAc,UAAS;IAAY,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;cAAE;IAE5D,CAAA,CAEV;MAET,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,QAAQ,EAAM;MACd,MAAM,EAAc,EAAa,EAAM,SAAS,EAAE,EAAE,WAAW,WAAW,CAAC;MAC3E,CAAA;KACE,CAAA;IAEN,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAET,EAAM;KACA,CAAA;IAER,EAAM,aAAa,kBAAC,KAAD;KAAG,WAAU;eAAsC,EAAM;KAAc,CAAA;IAE1F,EAAM,eACL,kBAAC,KAAD;KAAG,WAAU;eAAiD,EAAM;KAAgB,CAAA;IAGtF,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;gBACX;MAEQ,CAAA;KACL,CAAA;IACF;KACI"}

package/dist/theculturepost/components/Waveform.js

@@ -0,0 +1,31 @@
+import { cn as e } from "../utils/cn.js";
+import { useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/theculturepost/components/Waveform.tsx
+function r(e, t) {
+	let n = 2166136261;
+	for (let t = 0; t < e.length; t++) n ^= e.charCodeAt(t), n = Math.imul(n, 16777619);
+	let r = [];
+	for (let e = 0; e < t; e++) {
+		n ^= n << 13, n ^= n >>> 17, n ^= n << 5;
+		let i = (n >>> 0) % 1e3 / 1e3, a = 1 - Math.abs(e / (t - 1) - .5) * 1.4;
+		r.push(Math.max(.18, i * .75 + a * .25));
+	}
+	return r;
+}
+function i({ seed: i, bars: a = 48, progress: o = 0, className: s }) {
+	let c = t(() => r(i, a), [i, a]), l = Math.round(o * a);
+	return /* @__PURE__ */ n("div", {
+		className: e("flex h-8 w-full items-center gap-[2px]", s),
+		role: "img",
+		"aria-label": "Audio waveform",
+		children: c.map((t, r) => /* @__PURE__ */ n("span", {
+			className: e("w-full rounded-full transition-colors", r < l ? "bg-accent" : "bg-[var(--color-accent-soft)]"),
+			style: { height: `${Math.round(t * 100)}%` }
+		}, r))
+	});
+}
+//#endregion
+export { i as Waveform };
+
+//# sourceMappingURL=Waveform.js.map

package/dist/theculturepost/components/Waveform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Waveform.js","names":[],"sources":["../../../src/theculturepost/components/Waveform.tsx"],"sourcesContent":["/**\n * Waveform — a decorative, deterministic audio waveform rendered as tokenized SVG.\n * @module theculturepost/components\n *\n * fe-libs ships no audio-visualisation primitive, so this is a self-contained,\n * theme-token-only bar waveform used to give oral-history recordings a warm,\n * \"listenable\" feel. The bar heights are derived deterministically from a seed\n * string (the recording id/title) so a given recording always renders the same\n * shape — no randomness (which would also break SSR/hydration), no real audio\n * decode. A `progress` (0–1) fills bars up to the playhead in the accent colour.\n */\n\nimport { useMemo } from 'react';\nimport { cn } from '../utils/cn';\n\ninterface WaveformProps {\n  /** Stable seed so the same recording always draws the same shape. */\n  seed: string;\n  /** Number of bars to draw. */\n  bars?: number;\n  /** 0–1 playback progress; bars before it render \"played\". */\n  progress?: number;\n  className?: string;\n}\n\n/** Cheap deterministic hash → 0..1 sequence from a seed string. */\nfunction heights(seed: string, bars: number): number[] {\n  let h = 2166136261;\n  for (let i = 0; i < seed.length; i++) {\n    h ^= seed.charCodeAt(i);\n    h = Math.imul(h, 16777619);\n  }\n  const out: number[] = [];\n  for (let i = 0; i < bars; i++) {\n    // xorshift step per bar\n    h ^= h << 13;\n    h ^= h >>> 17;\n    h ^= h << 5;\n    const unit = ((h >>> 0) % 1000) / 1000; // 0..1\n    // shape: fuller in the middle, tapered at the ends, min floor 0.18\n    const centre = 1 - Math.abs(i / (bars - 1) - 0.5) * 1.4;\n    out.push(Math.max(0.18, unit * 0.75 + centre * 0.25));\n  }\n  return out;\n}\n\nexport function Waveform({ seed, bars = 48, progress = 0, className }: WaveformProps) {\n  const values = useMemo(() => heights(seed, bars), [seed, bars]);\n  const playedUpto = Math.round(progress * bars);\n\n  return (\n    <div\n      className={cn('flex h-8 w-full items-center gap-[2px]', className)}\n      role=\"img\"\n      aria-label=\"Audio waveform\"\n    >\n      {values.map((v, i) => (\n        <span\n          key={i}\n          className={cn(\n            'w-full rounded-full transition-colors',\n            i < playedUpto ? 'bg-accent' : 'bg-[var(--color-accent-soft)]'\n          )}\n          style={{ height: `${Math.round(v * 100)}%` }}\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;AA0BA,SAAS,EAAQ,GAAc,GAAwB;CACrD,IAAI,IAAI;AACR,MAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,IAE/B,CADA,KAAK,EAAK,WAAW,EAAE,EACvB,IAAI,KAAK,KAAK,GAAG,SAAS;CAE5B,IAAM,IAAgB,EAAE;AACxB,MAAK,IAAI,IAAI,GAAG,IAAI,GAAM,KAAK;AAI7B,EAFA,KAAK,KAAK,IACV,KAAK,MAAM,IACX,KAAK,KAAK;EACV,IAAM,KAAS,MAAM,KAAK,MAAQ,KAE5B,IAAS,IAAI,KAAK,IAAI,KAAK,IAAO,KAAK,GAAI,GAAG;AACpD,IAAI,KAAK,KAAK,IAAI,KAAM,IAAO,MAAO,IAAS,IAAK,CAAC;;AAEvD,QAAO;;AAGT,SAAgB,EAAS,EAAE,SAAM,UAAO,IAAI,cAAW,GAAG,gBAA4B;CACpF,IAAM,IAAS,QAAc,EAAQ,GAAM,EAAK,EAAE,CAAC,GAAM,EAAK,CAAC,EACzD,IAAa,KAAK,MAAM,IAAW,EAAK;AAE9C,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,0CAA0C,EAAU;EAClE,MAAK;EACL,cAAW;YAEV,EAAO,KAAK,GAAG,MACd,kBAAC,QAAD;GAEE,WAAW,EACT,yCACA,IAAI,IAAa,cAAc,gCAChC;GACD,OAAO,EAAE,QAAQ,GAAG,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI;GAC5C,EANK,EAML,CACF;EACE,CAAA"}

package/dist/theculturepost/components/categoryMeta.js

@@ -0,0 +1,20 @@
+import { Church as e, Compass as t, Hourglass as n, Landmark as r, Lightbulb as i, Mic as a, Route as o, Scale as s, Sparkles as c, Users as l } from "lucide-react";
+//#region src/theculturepost/components/categoryMeta.tsx
+var u = {
+	CULTURE_AND_IDENTITY: l,
+	FESTIVALS_AND_RITUALS: c,
+	HERITAGE_AND_ARCHIVES: r,
+	HISTORY: n,
+	MIGRATION_AND_DIASPORA: o,
+	ORAL_HISTORIES: a,
+	PHILOSOPHY_AND_THOUGHT: i,
+	RELIGION_AND_FAITH: e,
+	VALUES_AND_ETHICS: s
+};
+function d(e) {
+	return e && u[e] || t;
+}
+//#endregion
+export { u as CATEGORY_ICON, d as categoryIcon };
+
+//# sourceMappingURL=categoryMeta.js.map

package/dist/theculturepost/components/categoryMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"categoryMeta.js","names":[],"sources":["../../../src/theculturepost/components/categoryMeta.tsx"],"sourcesContent":["/**\n * categoryMeta — map a topic category to a lucide motif icon + a semantic accent.\n * @module theculturepost/components\n *\n * Icons distinguish categories by MOTIF (per the design system's \"vary by icon,\n * not by raw hue\" rule). The accent is a semantic-token variant name only — never\n * a raw colour — so decorative surfaces (covers, badges) stay theme-safe.\n */\n\nimport {\n  Users,\n  Sparkles,\n  Landmark,\n  Hourglass,\n  Route,\n  Mic,\n  Lightbulb,\n  Church,\n  Scale,\n  Compass,\n  type LucideIcon,\n} from 'lucide-react';\nimport type { TcpTopicCategory } from '../types';\n\n/** Semantic badge/accent variant names (map to tokens in StatusBadge). */\nexport type CategoryAccent = 'info' | 'success' | 'warning' | 'secondary';\n\nexport const CATEGORY_ICON: Record<TcpTopicCategory, LucideIcon> = {\n  CULTURE_AND_IDENTITY: Users,\n  FESTIVALS_AND_RITUALS: Sparkles,\n  HERITAGE_AND_ARCHIVES: Landmark,\n  HISTORY: Hourglass,\n  MIGRATION_AND_DIASPORA: Route,\n  ORAL_HISTORIES: Mic,\n  PHILOSOPHY_AND_THOUGHT: Lightbulb,\n  RELIGION_AND_FAITH: Church,\n  VALUES_AND_ETHICS: Scale,\n};\n\n/**\n * Per-category semantic accent. Distinct across the palette so categories read\n * apart, but every value is a semantic-token variant (never a raw hue).\n */\nexport const CATEGORY_ACCENT: Record<TcpTopicCategory, CategoryAccent> = {\n  CULTURE_AND_IDENTITY: 'info',\n  FESTIVALS_AND_RITUALS: 'warning',\n  HERITAGE_AND_ARCHIVES: 'secondary',\n  HISTORY: 'warning',\n  MIGRATION_AND_DIASPORA: 'info',\n  ORAL_HISTORIES: 'success',\n  PHILOSOPHY_AND_THOUGHT: 'info',\n  RELIGION_AND_FAITH: 'warning',\n  VALUES_AND_ETHICS: 'success',\n};\n\n/** Resolve a category's motif icon, falling back to a neutral Compass. */\nexport function categoryIcon(category?: TcpTopicCategory | null): LucideIcon {\n  return (category && CATEGORY_ICON[category]) || Compass;\n}\n"],"mappings":";;AA2BA,IAAa,IAAsD;CACjE,sBAAsB;CACtB,uBAAuB;CACvB,uBAAuB;CACvB,SAAS;CACT,wBAAwB;CACxB,gBAAgB;CAChB,wBAAwB;CACxB,oBAAoB;CACpB,mBAAmB;CACpB;AAmBD,SAAgB,EAAa,GAAgD;AAC3E,QAAQ,KAAY,EAAc,MAAc"}

package/dist/theculturepost/components/index.js

@@ -0,0 +1,41 @@
+import "./FileImage.js";
+import "./CoverImage.js";
+import "./PageHero.js";
+import "./StateViews.js";
+import "./StatusBadge.js";
+import "./OverlayBadge.js";
+import "./AuthorLabel.js";
+import "./categoryMeta.js";
+import "./StoryCard.js";
+import "./DecorativeCover.js";
+import "./TopicCard.js";
+import "./EmptyState.js";
+import "./DecorativeDivider.js";
+import "./kindIcon.js";
+import "./Tabs.js";
+import "./Waveform.js";
+import "./AudioPlayer.js";
+import "./CollectionCard.js";
+import "./ArchiveItemCard.js";
+import "./RecordOralHistoryDialog.js";
+import "./CreateCollectionDialog.js";
+import "./TagInput.js";
+import "./CreateArchiveItemDialog.js";
+import "./Pagination.js";
+import "./PageLayout.js";
+import "./ReplyThread.js";
+import "./FilterTabs.js";
+import "./DiscussionCard.js";
+import "./OpenDiscussionDialog.js";
+import "./HistoryTimeline.js";
+import "./LifecycleStepper.js";
+import "./viz/StatTile.js";
+import "./viz/BarChart.js";
+import "./viz/Donut.js";
+import "./viz/index.js";
+import "./FileUploadField.js";
+import "./OralHistoryCard.js";
+import "./CitationList.js";
+import "./CreateStoryDialog.js";
+import "./CreateTopicDialog.js";
+import "./AddCitationDialog.js";

package/dist/theculturepost/components/viz/BarChart.js

@@ -0,0 +1,53 @@
+import { cn as e } from "../../utils/cn.js";
+import { useId as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/theculturepost/components/viz/BarChart.tsx
+function i({ data: i, ariaLabel: a, height: o = 160, className: s }) {
+	let c = t(), l = Math.max(1, ...i.map((e) => e.value));
+	return i.length === 0 ? /* @__PURE__ */ n("p", {
+		className: e("text-sm text-text-tertiary", s),
+		children: "No data to display."
+	}) : /* @__PURE__ */ r("figure", {
+		className: e("w-full", s),
+		role: "group",
+		"aria-labelledby": c,
+		children: [/* @__PURE__ */ n("figcaption", {
+			id: c,
+			className: "sr-only",
+			children: a
+		}), /* @__PURE__ */ r("div", {
+			className: "overflow-x-auto",
+			children: [/* @__PURE__ */ n("div", {
+				className: "flex min-w-full items-end gap-3",
+				style: { height: o },
+				role: "list",
+				children: i.map((e) => {
+					let t = Math.round(e.value / l * 100);
+					return /* @__PURE__ */ r("div", {
+						role: "listitem",
+						"aria-label": `${e.label}: ${e.value}`,
+						className: "flex min-w-[2.5rem] flex-1 flex-col items-center justify-end gap-1",
+						children: [/* @__PURE__ */ n("span", {
+							className: "text-xs font-semibold tabular-nums text-text-secondary",
+							children: e.value
+						}), /* @__PURE__ */ n("div", {
+							className: "w-full rounded-t-md bg-accent transition-[height] duration-500",
+							style: { height: `${Math.max(2, t)}%` }
+						})]
+					}, e.label);
+				})
+			}), /* @__PURE__ */ n("div", {
+				className: "mt-2 flex min-w-full gap-3",
+				children: i.map((e) => /* @__PURE__ */ n("span", {
+					className: "min-w-[2.5rem] flex-1 truncate text-center text-xs text-text-tertiary",
+					title: e.label,
+					children: e.label
+				}, e.label))
+			})]
+		})]
+	});
+}
+//#endregion
+export { i as BarChart };
+
+//# sourceMappingURL=BarChart.js.map

package/dist/theculturepost/components/viz/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.js","names":[],"sources":["../../../../src/theculturepost/components/viz/BarChart.tsx"],"sourcesContent":["/**\n * BarChart — a token-only labelled vertical bar chart (pure SVG/flex, no deps).\n * @module theculturepost/components/viz\n *\n * fe-libs ships no chart kit. This renders real values (e.g. stories per status)\n * as accent bars with value labels + rotated-safe x labels. Responsive: the bar\n * row scrolls horizontally on narrow screens rather than overflowing the page.\n */\n\nimport { useId } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface BarDatum {\n  label: string;\n  value: number;\n}\n\ninterface BarChartProps {\n  data: BarDatum[];\n  /** Accessible description of what the chart shows. */\n  ariaLabel: string;\n  /** Chart plotting height in px (bar area only). */\n  height?: number;\n  className?: string;\n}\n\nexport function BarChart({ data, ariaLabel, height = 160, className }: BarChartProps) {\n  const captionId = useId();\n  const max = Math.max(1, ...data.map((d) => d.value));\n\n  if (data.length === 0) {\n    return <p className={cn('text-sm text-text-tertiary', className)}>No data to display.</p>;\n  }\n\n  return (\n    <figure className={cn('w-full', className)} role=\"group\" aria-labelledby={captionId}>\n      <figcaption id={captionId} className=\"sr-only\">\n        {ariaLabel}\n      </figcaption>\n      <div className=\"overflow-x-auto\">\n        <div className=\"flex min-w-full items-end gap-3\" style={{ height }} role=\"list\">\n          {data.map((d) => {\n            const pct = Math.round((d.value / max) * 100);\n            return (\n              <div\n                key={d.label}\n                role=\"listitem\"\n                aria-label={`${d.label}: ${d.value}`}\n                className=\"flex min-w-[2.5rem] flex-1 flex-col items-center justify-end gap-1\"\n              >\n                <span className=\"text-xs font-semibold tabular-nums text-text-secondary\">\n                  {d.value}\n                </span>\n                <div\n                  className=\"w-full rounded-t-md bg-accent transition-[height] duration-500\"\n                  style={{ height: `${Math.max(2, pct)}%` }}\n                />\n              </div>\n            );\n          })}\n        </div>\n        <div className=\"mt-2 flex min-w-full gap-3\">\n          {data.map((d) => (\n            <span\n              key={d.label}\n              className=\"min-w-[2.5rem] flex-1 truncate text-center text-xs text-text-tertiary\"\n              title={d.label}\n            >\n              {d.label}\n            </span>\n          ))}\n        </div>\n      </div>\n    </figure>\n  );\n}\n"],"mappings":";;;;AA0BA,SAAgB,EAAS,EAAE,SAAM,cAAW,YAAS,KAAK,gBAA4B;CACpF,IAAM,IAAY,GAAO,EACnB,IAAM,KAAK,IAAI,GAAG,GAAG,EAAK,KAAK,MAAM,EAAE,MAAM,CAAC;AAMpD,QAJI,EAAK,WAAW,IACX,kBAAC,KAAD;EAAG,WAAW,EAAG,8BAA8B,EAAU;YAAE;EAAuB,CAAA,GAIzF,kBAAC,UAAD;EAAQ,WAAW,EAAG,UAAU,EAAU;EAAE,MAAK;EAAQ,mBAAiB;YAA1E,CACE,kBAAC,cAAD;GAAY,IAAI;GAAW,WAAU;aAClC;GACU,CAAA,EACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;IAAkC,OAAO,EAAE,WAAQ;IAAE,MAAK;cACtE,EAAK,KAAK,MAAM;KACf,IAAM,IAAM,KAAK,MAAO,EAAE,QAAQ,IAAO,IAAI;AAC7C,YACE,kBAAC,OAAD;MAEE,MAAK;MACL,cAAY,GAAG,EAAE,MAAM,IAAI,EAAE;MAC7B,WAAU;gBAJZ,CAME,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAE;OACE,CAAA,EACP,kBAAC,OAAD;OACE,WAAU;OACV,OAAO,EAAE,QAAQ,GAAG,KAAK,IAAI,GAAG,EAAI,CAAC,IAAI;OACzC,CAAA,CACE;QAZC,EAAE,MAYH;MAER;IACE,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK,KAAK,MACT,kBAAC,QAAD;KAEE,WAAU;KACV,OAAO,EAAE;eAER,EAAE;KACE,EALA,EAAE,MAKF,CACP;IACE,CAAA,CACF;KACC"}

package/dist/theculturepost/components/viz/Donut.js

@@ -0,0 +1,58 @@
+import { cn as e } from "../../utils/cn.js";
+import { useId as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/theculturepost/components/viz/Donut.tsx
+function i({ value: i, total: a, centerLabel: o, caption: s, size: c = 120, thickness: l = 12, ariaLabel: u, className: d }) {
+	let f = t(), p = Math.max(0, Math.min(1, i / (a > 0 ? a : 1))), m = Math.round(p * 100), h = (c - l) / 2, g = 2 * Math.PI * h, _ = c / 2;
+	return /* @__PURE__ */ r("div", {
+		className: e("inline-flex flex-col items-center gap-1", d),
+		children: [/* @__PURE__ */ r("svg", {
+			width: c,
+			height: c,
+			viewBox: `0 0 ${c} ${c}`,
+			role: "img",
+			"aria-labelledby": f,
+			children: [
+				/* @__PURE__ */ n("title", {
+					id: f,
+					children: u ?? `${i} of ${a} (${m}%)`
+				}),
+				/* @__PURE__ */ n("circle", {
+					cx: _,
+					cy: _,
+					r: h,
+					fill: "none",
+					strokeWidth: l,
+					className: "stroke-bg-sunken"
+				}),
+				/* @__PURE__ */ n("circle", {
+					cx: _,
+					cy: _,
+					r: h,
+					fill: "none",
+					strokeWidth: l,
+					strokeLinecap: "round",
+					strokeDasharray: g,
+					strokeDashoffset: g * (1 - p),
+					transform: `rotate(-90 ${_} ${_})`,
+					className: "stroke-accent transition-[stroke-dashoffset] duration-700"
+				}),
+				/* @__PURE__ */ n("text", {
+					x: _,
+					y: _,
+					textAnchor: "middle",
+					dominantBaseline: "central",
+					className: "fill-text-primary font-display text-lg font-semibold",
+					children: o ?? `${m}%`
+				})
+			]
+		}), s && /* @__PURE__ */ n("span", {
+			className: "text-xs text-text-tertiary",
+			children: s
+		})]
+	});
+}
+//#endregion
+export { i as Donut };
+
+//# sourceMappingURL=Donut.js.map

package/dist/theculturepost/components/viz/Donut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Donut.js","names":[],"sources":["../../../../src/theculturepost/components/viz/Donut.tsx"],"sourcesContent":["/**\n * Donut — a token-only single-value ring gauge with a centered label.\n * @module theculturepost/components/viz\n *\n * Draws `value / total` as an accent arc over a sunken track. Center shows the\n * value (or a caller-supplied `centerLabel`). Pure SVG, no deps. Use for\n * completion / share-of ratios computed from real counts.\n */\n\nimport { useId } from 'react';\nimport { cn } from '../../utils/cn';\n\ninterface DonutProps {\n  value: number;\n  total: number;\n  /** Center text; defaults to a rounded percentage. */\n  centerLabel?: string;\n  /** Small line under the center label. */\n  caption?: string;\n  /** Diameter in px. */\n  size?: number;\n  /** Ring thickness in px. */\n  thickness?: number;\n  ariaLabel?: string;\n  className?: string;\n}\n\nexport function Donut({\n  value,\n  total,\n  centerLabel,\n  caption,\n  size = 120,\n  thickness = 12,\n  ariaLabel,\n  className,\n}: DonutProps) {\n  const labelId = useId();\n  const safeTotal = total > 0 ? total : 1;\n  const fraction = Math.max(0, Math.min(1, value / safeTotal));\n  const pct = Math.round(fraction * 100);\n  const r = (size - thickness) / 2;\n  const c = 2 * Math.PI * r;\n  const center = size / 2;\n\n  return (\n    <div className={cn('inline-flex flex-col items-center gap-1', className)}>\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        role=\"img\"\n        aria-labelledby={labelId}\n      >\n        <title id={labelId}>{ariaLabel ?? `${value} of ${total} (${pct}%)`}</title>\n        <circle\n          cx={center}\n          cy={center}\n          r={r}\n          fill=\"none\"\n          strokeWidth={thickness}\n          className=\"stroke-bg-sunken\"\n        />\n        <circle\n          cx={center}\n          cy={center}\n          r={r}\n          fill=\"none\"\n          strokeWidth={thickness}\n          strokeLinecap=\"round\"\n          strokeDasharray={c}\n          strokeDashoffset={c * (1 - fraction)}\n          transform={`rotate(-90 ${center} ${center})`}\n          className=\"stroke-accent transition-[stroke-dashoffset] duration-700\"\n        />\n        <text\n          x={center}\n          y={center}\n          textAnchor=\"middle\"\n          dominantBaseline=\"central\"\n          className=\"fill-text-primary font-display text-lg font-semibold\"\n        >\n          {centerLabel ?? `${pct}%`}\n        </text>\n      </svg>\n      {caption && <span className=\"text-xs text-text-tertiary\">{caption}</span>}\n    </div>\n  );\n}\n"],"mappings":";;;;AA2BA,SAAgB,EAAM,EACpB,UACA,UACA,gBACA,YACA,UAAO,KACP,eAAY,IACZ,cACA,gBACa;CACb,IAAM,IAAU,GAAO,EAEjB,IAAW,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KADvB,IAAQ,IAAI,IAAQ,GACqB,CAAC,EACtD,IAAM,KAAK,MAAM,IAAW,IAAI,EAChC,KAAK,IAAO,KAAa,GACzB,IAAI,IAAI,KAAK,KAAK,GAClB,IAAS,IAAO;AAEtB,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,2CAA2C,EAAU;YAAxE,CACE,kBAAC,OAAD;GACE,OAAO;GACP,QAAQ;GACR,SAAS,OAAO,EAAK,GAAG;GACxB,MAAK;GACL,mBAAiB;aALnB;IAOE,kBAAC,SAAD;KAAO,IAAI;eAAU,KAAa,GAAG,EAAM,MAAM,EAAM,IAAI,EAAI;KAAY,CAAA;IAC3E,kBAAC,UAAD;KACE,IAAI;KACJ,IAAI;KACD;KACH,MAAK;KACL,aAAa;KACb,WAAU;KACV,CAAA;IACF,kBAAC,UAAD;KACE,IAAI;KACJ,IAAI;KACD;KACH,MAAK;KACL,aAAa;KACb,eAAc;KACd,iBAAiB;KACjB,kBAAkB,KAAK,IAAI;KAC3B,WAAW,cAAc,EAAO,GAAG,EAAO;KAC1C,WAAU;KACV,CAAA;IACF,kBAAC,QAAD;KACE,GAAG;KACH,GAAG;KACH,YAAW;KACX,kBAAiB;KACjB,WAAU;eAET,KAAe,GAAG,EAAI;KAClB,CAAA;IACH;MACL,KAAW,kBAAC,QAAD;GAAM,WAAU;aAA8B;GAAe,CAAA,CACrE"}

package/dist/theculturepost/components/viz/StatTile.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { GlassCard as r } from "@burdenoff/fe-libs/ui";
+//#region src/theculturepost/components/viz/StatTile.tsx
+function i({ label: i, value: a, icon: o, caption: s, className: c }) {
+	return /* @__PURE__ */ n(r, {
+		treatment: "metric",
+		className: e("flex items-start gap-3 p-4", c),
+		children: [o && /* @__PURE__ */ t("span", {
+			className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary",
+			"aria-hidden": "true",
+			children: o
+		}), /* @__PURE__ */ n("div", {
+			className: "min-w-0",
+			children: [
+				/* @__PURE__ */ t("p", {
+					className: "truncate text-xs font-medium uppercase tracking-wide text-text-tertiary",
+					children: i
+				}),
+				/* @__PURE__ */ t("p", {
+					className: "font-display mt-0.5 text-2xl font-semibold leading-tight text-text-primary",
+					children: a
+				}),
+				s && /* @__PURE__ */ t("p", {
+					className: "mt-0.5 text-xs text-text-secondary",
+					children: s
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { i as StatTile };
+
+//# sourceMappingURL=StatTile.js.map

package/dist/theculturepost/components/viz/StatTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatTile.js","names":[],"sources":["../../../../src/theculturepost/components/viz/StatTile.tsx"],"sourcesContent":["/**\n * StatTile — a single headline metric: icon + label + big value + optional caption.\n * @module theculturepost/components/viz\n *\n * Token-only. NO trend deltas (the schema exposes no historical series to\n * compute a delta from — never fabricate one). Use inside a responsive grid.\n */\n\nimport type { ReactNode } from 'react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../../utils/cn';\n\ninterface StatTileProps {\n  label: string;\n  value: ReactNode;\n  /** Leading icon (already sized, e.g. `<BookOpen className=\"h-5 w-5\" />`). */\n  icon?: ReactNode;\n  /** Small muted supporting line under the value. */\n  caption?: string;\n  className?: string;\n}\n\nexport function StatTile({ label, value, icon, caption, className }: StatTileProps) {\n  return (\n    <GlassCard treatment=\"metric\" className={cn('flex items-start gap-3 p-4', className)}>\n      {icon && (\n        <span\n          className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-text-primary\"\n          aria-hidden=\"true\"\n        >\n          {icon}\n        </span>\n      )}\n      <div className=\"min-w-0\">\n        <p className=\"truncate text-xs font-medium uppercase tracking-wide text-text-tertiary\">\n          {label}\n        </p>\n        <p className=\"font-display mt-0.5 text-2xl font-semibold leading-tight text-text-primary\">\n          {value}\n        </p>\n        {caption && <p className=\"mt-0.5 text-xs text-text-secondary\">{caption}</p>}\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;AAsBA,SAAgB,EAAS,EAAE,UAAO,UAAO,SAAM,YAAS,gBAA4B;AAClF,QACE,kBAAC,GAAD;EAAW,WAAU;EAAS,WAAW,EAAG,8BAA8B,EAAU;YAApF,CACG,KACC,kBAAC,QAAD;GACE,WAAU;GACV,eAAY;aAEX;GACI,CAAA,EAET,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA;IACJ,kBAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA;IACH,KAAW,kBAAC,KAAD;KAAG,WAAU;eAAsC;KAAY,CAAA;IACvE;KACI"}

package/dist/theculturepost/components/viz/index.js

@@ -0,0 +1,3 @@
+import "./StatTile.js";
+import "./BarChart.js";
+import "./Donut.js";

package/dist/theculturepost/hooks/useFiles.js

@@ -4,7 +4,7 @@ import { useQuery as t } from "@tanstack/react-query";
 import { getWorkspaceClient as n, gql as r, graphqlFetch as i } from "@burdenoff/fe-libs/shared/graphql";
 import { uploadBlobToFiles as a } from "@burdenoff/fe-libs/storage";
 //#region src/theculturepost/hooks/useFiles.ts
-var o = 31536e3, s = {
+var o = 21600, s = {
 	covers: "/TheCulturePost/Covers",
 	artifacts: "/TheCulturePost/Artifacts",
 	recordings: "/TheCulturePost/Recordings"