@burdenoff/microfe-technospam 2026.705.1 → 2026.705.2

package/dist/technospam/components/MediaCover.js

@@ -0,0 +1,57 @@
+import { cn as e } from "../utils/cn.js";
+import { createElement as t } from "react";
+import { BarChart3 as n, BrainCircuit as r, Cloud as i, Code2 as a, Database as o, Globe as s, Layers as c, Lock as l, Smartphone as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/technospam/components/MediaCover.tsx
+var p = [
+	"from-accent-primary to-accent-indigo",
+	"from-accent-indigo to-accent-purple",
+	"from-accent-teal to-accent-primary",
+	"from-accent-purple to-accent-primary",
+	"from-accent-primary to-accent-teal",
+	"from-accent-indigo to-accent-teal"
+];
+function m(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n += 1) t = t * 31 + e.charCodeAt(n) >>> 0;
+	return t;
+}
+function h(e) {
+	return p[m(e) % p.length];
+}
+var g = [
+	[/data|sql|postgres|database|analytics/i, o],
+	[/web|react|frontend|css|html|ui/i, s],
+	[/ai|ml|machine|neural|llm|intelligence/i, r],
+	[/cloud|devops|kubernetes|docker|infra/i, i],
+	[/security|crypto|auth/i, l],
+	[/mobile|ios|android|flutter/i, u],
+	[/architecture|system|design|scal/i, c],
+	[/chart|report|metric/i, n]
+];
+function _(e, t = a) {
+	for (let [t, n] of g) if (t.test(e)) return n;
+	return t;
+}
+function v({ seed: n, icon: r, height: i = "h-28", children: a, className: o }) {
+	let s = t(r ?? _(n), {
+		className: "pointer-events-none absolute -right-4 -top-4 text-white/15",
+		size: 96,
+		strokeWidth: 1.4
+	});
+	return /* @__PURE__ */ f("div", {
+		className: e("relative flex items-end overflow-hidden bg-gradient-to-br p-4", h(n), i, o),
+		children: [
+			s,
+			/* @__PURE__ */ d("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 via-transparent to-white/5" }),
+			a ? /* @__PURE__ */ d("div", {
+				className: "relative flex w-full items-end justify-between gap-2",
+				children: a
+			}) : null
+		]
+	});
+}
+//#endregion
+export { v as MediaCover, h as coverGradient, _ as topicIcon };
+
+//# sourceMappingURL=MediaCover.js.map

package/dist/technospam/components/MediaCover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCover.js","names":[],"sources":["../../../src/technospam/components/MediaCover.tsx"],"sourcesContent":["import { createElement, type ReactNode } from 'react';\nimport {\n  BarChart3,\n  BrainCircuit,\n  Cloud,\n  Code2,\n  Database,\n  Globe,\n  Layers,\n  Lock,\n  Smartphone,\n  Trophy,\n  type LucideIcon,\n} from 'lucide-react';\nimport { cn } from '../utils/cn';\n\n/** Vivid, on-theme gradient covers built only from tokens that exist in the theme\n *  (accent-primary / accent-indigo / accent-teal / accent-purple). */\nconst GRADIENTS = [\n  'from-accent-primary to-accent-indigo',\n  'from-accent-indigo to-accent-purple',\n  'from-accent-teal to-accent-primary',\n  'from-accent-purple to-accent-primary',\n  'from-accent-primary to-accent-teal',\n  'from-accent-indigo to-accent-teal',\n];\n\nfunction hash(seed: string): number {\n  let h = 0;\n  for (let i = 0; i < seed.length; i += 1) h = (h * 31 + seed.charCodeAt(i)) >>> 0;\n  return h;\n}\n\nexport function coverGradient(seed: string): string {\n  return GRADIENTS[hash(seed) % GRADIENTS.length]!;\n}\n\nconst TOPIC_ICONS: Array<[RegExp, LucideIcon]> = [\n  [/data|sql|postgres|database|analytics/i, Database],\n  [/web|react|frontend|css|html|ui/i, Globe],\n  [/ai|ml|machine|neural|llm|intelligence/i, BrainCircuit],\n  [/cloud|devops|kubernetes|docker|infra/i, Cloud],\n  [/security|crypto|auth/i, Lock],\n  [/mobile|ios|android|flutter/i, Smartphone],\n  [/architecture|system|design|scal/i, Layers],\n  [/chart|report|metric/i, BarChart3],\n];\n\n/** Pick a topic-appropriate icon from a free-text seed (topic/title/tags). */\nexport function topicIcon(seed: string, fallback: LucideIcon = Code2): LucideIcon {\n  for (const [re, Icon] of TOPIC_ICONS) if (re.test(seed)) return Icon;\n  return fallback;\n}\n\nexport { Trophy };\n\n/**\n * A vivid gradient cover band with a large faint topic-icon watermark and a\n * bottom scrim for legible overlay content. Used by course / problem / hackathon\n * cards and detail heroes so media reads as bold and modern (no flat panels).\n */\nexport function MediaCover({\n  seed,\n  icon,\n  height = 'h-28',\n  children,\n  className,\n}: {\n  seed: string;\n  icon?: LucideIcon;\n  height?: string;\n  children?: ReactNode;\n  className?: string;\n}) {\n  const iconEl = createElement(icon ?? topicIcon(seed), {\n    className: 'pointer-events-none absolute -right-4 -top-4 text-white/15',\n    size: 96,\n    strokeWidth: 1.4,\n  });\n  return (\n    <div\n      className={cn(\n        'relative flex items-end overflow-hidden bg-gradient-to-br p-4',\n        coverGradient(seed),\n        height,\n        className\n      )}\n    >\n      {iconEl}\n      <div className=\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 via-transparent to-white/5\" />\n      {children ? (\n        <div className=\"relative flex w-full items-end justify-between gap-2\">{children}</div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAkBA,IAAM,IAAY;CAChB;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,EAAK,GAAsB;CAClC,IAAI,IAAI;AACR,MAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,KAAK,EAAG,KAAK,IAAI,KAAK,EAAK,WAAW,EAAE,KAAM;AAC/E,QAAO;;AAGT,SAAgB,EAAc,GAAsB;AAClD,QAAO,EAAU,EAAK,EAAK,GAAG,EAAU;;AAG1C,IAAM,IAA2C;CAC/C,CAAC,yCAAyC,EAAS;CACnD,CAAC,mCAAmC,EAAM;CAC1C,CAAC,0CAA0C,EAAa;CACxD,CAAC,yCAAyC,EAAM;CAChD,CAAC,yBAAyB,EAAK;CAC/B,CAAC,+BAA+B,EAAW;CAC3C,CAAC,oCAAoC,EAAO;CAC5C,CAAC,wBAAwB,EAAU;CACpC;AAGD,SAAgB,EAAU,GAAc,IAAuB,GAAmB;AAChF,MAAK,IAAM,CAAC,GAAI,MAAS,EAAa,KAAI,EAAG,KAAK,EAAK,CAAE,QAAO;AAChE,QAAO;;AAUT,SAAgB,EAAW,EACzB,SACA,SACA,YAAS,QACT,aACA,gBAOC;CACD,IAAM,IAAS,EAAc,KAAQ,EAAU,EAAK,EAAE;EACpD,WAAW;EACX,MAAM;EACN,aAAa;EACd,CAAC;AACF,QACE,kBAAC,OAAD;EACE,WAAW,EACT,iEACA,EAAc,EAAK,EACnB,GACA,EACD;YANH;GAQG;GACD,kBAAC,OAAD,EAAK,WAAU,kGAAmG,CAAA;GACjH,IACC,kBAAC,OAAD;IAAK,WAAU;IAAwD;IAAe,CAAA,GACpF;GACA"}

package/dist/technospam/components/PageLayout.js

@@ -9,7 +9,7 @@ function o({ title: o, description: s, actions: c, children: l, backPath: u, her
 	return /* @__PURE__ */ i("div", {
 		className: "flex h-full flex-col bg-bg-surface",
 		children: [/* @__PURE__ */ i("div", {
-			className: t("relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between", d ? "bg-accent-wash" : "bg-bg-surface"),
+			className: t("relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between", d ? "bg-accent-primary/12" : "bg-bg-surface"),
 			children: [
 				d ? /* @__PURE__ */ r(a, { intensity: "subtle" }) : null,
 				/* @__PURE__ */ i("div", {

package/dist/technospam/components/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/technospam/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { AuroraBackground } from '@burdenoff/fe-libs/ui';\nimport { useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  backPath?: string;\n  /** Render the page header with the living-glass aurora backdrop (module hero). */\n  hero?: boolean;\n}\n\n/**\n * Consistent page chrome for every TechnoSpam module page: a header band\n * (optionally with the aurora hero backdrop), an optional back affordance, an\n * actions slot, and a scrollable body. Mirrors the platform page pattern so\n * TechnoSpam feels native to the shell.\n */\nexport function PageLayout({\n  title,\n  description,\n  actions,\n  children,\n  backPath,\n  hero = false,\n}: PageLayoutProps) {\n  const navigate = useTechnoSpamNavigate();\n\n  return (\n    <div className=\"flex h-full flex-col bg-bg-surface\">\n      <div\n        className={cn(\n          'relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between',\n          hero ? 'bg-accent-wash' : 'bg-bg-surface'\n        )}\n      >\n        {hero ? <AuroraBackground intensity=\"subtle\" /> : null}\n        <div className=\"relative flex min-w-0 flex-col gap-1\">\n          {backPath ? (\n            <button\n              type=\"button\"\n              onClick={() => navigate(backPath)}\n              className=\"flex w-fit items-center gap-1 text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <ArrowLeft size={15} />\n              Back\n            </button>\n          ) : null}\n          <h1 className=\"truncate text-xl font-semibold text-text-primary sm:text-2xl\">{title}</h1>\n          {description ? (\n            <p className=\"max-w-2xl text-sm text-text-secondary\">{description}</p>\n          ) : null}\n        </div>\n        {actions ? (\n          <div className=\"relative flex flex-wrap items-center gap-2\">{actions}</div>\n        ) : null}\n      </div>\n      <div className=\"flex-1 overflow-y-auto p-6\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAsBA,SAAgB,EAAW,EACzB,UACA,gBACA,YACA,aACA,aACA,UAAO,MACW;CAClB,IAAM,IAAW,GAAuB;AAExC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,WAAW,EACT,oIACA,IAAO,mBAAmB,gBAC3B;aAJH;IAMG,IAAO,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,GAAG;IAClD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,IACC,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAS,EAAS;OACjC,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EAAA,OAEhB;WACP;MACJ,kBAAC,MAAD;OAAI,WAAU;iBAAgE;OAAW,CAAA;MACxF,IACC,kBAAC,KAAD;OAAG,WAAU;iBAAyC;OAAgB,CAAA,GACpE;MACA;;IACL,IACC,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAAc,CAAA,GACzE;IACA;MACN,kBAAC,OAAD;GAAK,WAAU;GAA8B;GAAe,CAAA,CACxD"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/technospam/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { AuroraBackground } from '@burdenoff/fe-libs/ui';\nimport { useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  backPath?: string;\n  /** Render the page header with the living-glass aurora backdrop (module hero). */\n  hero?: boolean;\n}\n\n/**\n * Consistent page chrome for every TechnoSpam module page: a header band\n * (optionally with the aurora hero backdrop), an optional back affordance, an\n * actions slot, and a scrollable body. Mirrors the platform page pattern so\n * TechnoSpam feels native to the shell.\n */\nexport function PageLayout({\n  title,\n  description,\n  actions,\n  children,\n  backPath,\n  hero = false,\n}: PageLayoutProps) {\n  const navigate = useTechnoSpamNavigate();\n\n  return (\n    <div className=\"flex h-full flex-col bg-bg-surface\">\n      <div\n        className={cn(\n          'relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between',\n          hero ? 'bg-accent-primary/12' : 'bg-bg-surface'\n        )}\n      >\n        {hero ? <AuroraBackground intensity=\"subtle\" /> : null}\n        <div className=\"relative flex min-w-0 flex-col gap-1\">\n          {backPath ? (\n            <button\n              type=\"button\"\n              onClick={() => navigate(backPath)}\n              className=\"flex w-fit items-center gap-1 text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <ArrowLeft size={15} />\n              Back\n            </button>\n          ) : null}\n          <h1 className=\"truncate text-xl font-semibold text-text-primary sm:text-2xl\">{title}</h1>\n          {description ? (\n            <p className=\"max-w-2xl text-sm text-text-secondary\">{description}</p>\n          ) : null}\n        </div>\n        {actions ? (\n          <div className=\"relative flex flex-wrap items-center gap-2\">{actions}</div>\n        ) : null}\n      </div>\n      <div className=\"flex-1 overflow-y-auto p-6\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAsBA,SAAgB,EAAW,EACzB,UACA,gBACA,YACA,aACA,aACA,UAAO,MACW;CAClB,IAAM,IAAW,GAAuB;AAExC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,WAAW,EACT,oIACA,IAAO,yBAAyB,gBACjC;aAJH;IAMG,IAAO,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,GAAG;IAClD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,IACC,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAS,EAAS;OACjC,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EAAA,OAEhB;WACP;MACJ,kBAAC,MAAD;OAAI,WAAU;iBAAgE;OAAW,CAAA;MACxF,IACC,kBAAC,KAAD;OAAG,WAAU;iBAAyC;OAAgB,CAAA,GACpE;MACA;;IACL,IACC,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAAc,CAAA,GACzE;IACA;MACN,kBAAC,OAAD;GAAK,WAAU;GAA8B;GAAe,CAAA,CACxD"}

package/dist/technospam/components/StatCard.js

@@ -2,32 +2,40 @@ 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/technospam/components/StatCard.tsx
-function i({ label: i, value: a, hint: o, icon: s, className: c }) {
+var i = {
+	blue: "bg-accent-primary/15 text-accent-primary ring-accent-primary/20",
+	teal: "bg-accent-teal/15 text-accent-teal ring-accent-teal/20",
+	purple: "bg-accent-purple/15 text-accent-purple ring-accent-purple/20",
+	indigo: "bg-accent-indigo/15 text-accent-indigo ring-accent-indigo/20",
+	green: "bg-status-success-bg-subtle text-status-success-text ring-status-success-border/30",
+	amber: "bg-status-warning-bg-subtle text-status-warning-text ring-status-warning-border/30"
+};
+function a({ label: a, value: o, hint: s, icon: c, tone: l = "blue", className: u }) {
 	return /* @__PURE__ */ n(r, {
-		className: e("flex items-start gap-3 p-4", c),
-		children: [s ? /* @__PURE__ */ t("span", {
-			className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-wash text-accent-teal",
-			children: /* @__PURE__ */ t(s, { size: 18 })
+		className: e("group flex items-start gap-3 p-4 transition-transform duration-200 hover:-translate-y-0.5", u),
+		children: [c ? /* @__PURE__ */ t("span", {
+			className: e("flex h-10 w-10 shrink-0 items-center justify-center rounded-xl ring-1 transition-transform duration-200 group-hover:scale-105", i[l]),
+			children: /* @__PURE__ */ t(c, { size: 19 })
 		}) : null, /* @__PURE__ */ n("div", {
 			className: "min-w-0",
 			children: [
 				/* @__PURE__ */ t("div", {
 					className: "truncate text-sm text-text-secondary",
-					children: i
+					children: a
 				}),
 				/* @__PURE__ */ t("div", {
-					className: "text-xl font-semibold text-text-primary",
-					children: a
+					className: "text-2xl font-semibold tracking-tight text-text-primary",
+					children: o
 				}),
-				o ? /* @__PURE__ */ t("div", {
+				s ? /* @__PURE__ */ t("div", {
 					className: "mt-0.5 truncate text-xs text-text-muted",
-					children: o
+					children: s
 				}) : null
 			]
 		})]
 	});
 }
 //#endregion
-export { i as StatCard };
+export { a as StatCard };
 
 //# sourceMappingURL=StatCard.js.map

package/dist/technospam/components/StatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/technospam/components/StatCard.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface StatCardProps {\n  label: string;\n  value: string | number;\n  hint?: string;\n  icon?: LucideIcon;\n  className?: string;\n}\n\n/** Compact metric tile used across dashboards and module overviews. */\nexport function StatCard({ label, value, hint, icon: Icon, className }: StatCardProps) {\n  return (\n    <GlassCard className={cn('flex items-start gap-3 p-4', className)}>\n      {Icon ? (\n        <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-wash text-accent-teal\">\n          <Icon size={18} />\n        </span>\n      ) : null}\n      <div className=\"min-w-0\">\n        <div className=\"truncate text-sm text-text-secondary\">{label}</div>\n        <div className=\"text-xl font-semibold text-text-primary\">{value}</div>\n        {hint ? <div className=\"mt-0.5 truncate text-xs text-text-muted\">{hint}</div> : null}\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,EAAS,EAAE,UAAO,UAAO,SAAM,MAAM,GAAM,gBAA4B;AACrF,QACE,kBAAC,GAAD;EAAW,WAAW,EAAG,8BAA8B,EAAU;YAAjE,CACG,IACC,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;GACb,CAAA,GACL,MACJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAwC;KAAY,CAAA;IACnE,kBAAC,OAAD;KAAK,WAAU;eAA2C;KAAY,CAAA;IACrE,IAAO,kBAAC,OAAD;KAAK,WAAU;eAA2C;KAAW,CAAA,GAAG;IAC5E;KACI"}
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/technospam/components/StatCard.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\n/** Tinted icon-chip tones, all built from tokens that exist in the theme. */\nexport type StatTone = 'blue' | 'teal' | 'purple' | 'indigo' | 'green' | 'amber';\n\nconst TONE: Record<StatTone, string> = {\n  blue: 'bg-accent-primary/15 text-accent-primary ring-accent-primary/20',\n  teal: 'bg-accent-teal/15 text-accent-teal ring-accent-teal/20',\n  purple: 'bg-accent-purple/15 text-accent-purple ring-accent-purple/20',\n  indigo: 'bg-accent-indigo/15 text-accent-indigo ring-accent-indigo/20',\n  green: 'bg-status-success-bg-subtle text-status-success-text ring-status-success-border/30',\n  amber: 'bg-status-warning-bg-subtle text-status-warning-text ring-status-warning-border/30',\n};\n\ninterface StatCardProps {\n  label: string;\n  value: string | number;\n  hint?: string;\n  icon?: LucideIcon;\n  tone?: StatTone;\n  className?: string;\n}\n\n/**\n * Compact metric tile used across dashboards and module overviews. The icon sits\n * in a softly-tinted, ringed chip so a row of tiles reads as a colourful,\n * modern stat strip rather than a flat list.\n */\nexport function StatCard({\n  label,\n  value,\n  hint,\n  icon: Icon,\n  tone = 'blue',\n  className,\n}: StatCardProps) {\n  return (\n    <GlassCard\n      className={cn(\n        'group flex items-start gap-3 p-4 transition-transform duration-200 hover:-translate-y-0.5',\n        className\n      )}\n    >\n      {Icon ? (\n        <span\n          className={cn(\n            'flex h-10 w-10 shrink-0 items-center justify-center rounded-xl ring-1 transition-transform duration-200 group-hover:scale-105',\n            TONE[tone]\n          )}\n        >\n          <Icon size={19} />\n        </span>\n      ) : null}\n      <div className=\"min-w-0\">\n        <div className=\"truncate text-sm text-text-secondary\">{label}</div>\n        <div className=\"text-2xl font-semibold tracking-tight text-text-primary\">{value}</div>\n        {hint ? <div className=\"mt-0.5 truncate text-xs text-text-muted\">{hint}</div> : null}\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;AAOA,IAAM,IAAiC;CACrC,MAAM;CACN,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,OAAO;CACR;AAgBD,SAAgB,EAAS,EACvB,UACA,UACA,SACA,MAAM,GACN,UAAO,QACP,gBACgB;AAChB,QACE,kBAAC,GAAD;EACE,WAAW,EACT,6FACA,EACD;YAJH,CAMG,IACC,kBAAC,QAAD;GACE,WAAW,EACT,iIACA,EAAK,GACN;aAED,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;GACb,CAAA,GACL,MACJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAwC;KAAY,CAAA;IACnE,kBAAC,OAAD;KAAK,WAAU;eAA2D;KAAY,CAAA;IACrF,IAAO,kBAAC,OAAD;KAAK,WAAU;eAA2C;KAAW,CAAA,GAAG;IAC5E;KACI"}

package/dist/technospam/components/StatusBadge.js

@@ -4,7 +4,7 @@ import { Badge as n } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/components/StatusBadge.tsx
 var r = {
 	neutral: "bg-bg-sunken text-text-secondary border-border-seam",
-	info: "bg-accent-wash text-accent-primary border-accent-primary/30",
+	info: "bg-accent-primary/12 text-accent-primary border-accent-primary/30",
 	success: "bg-status-success-bg-subtle text-status-success-text border-status-success-border",
 	warning: "bg-status-warning-bg-subtle text-status-warning-text border-status-warning-border",
 	danger: "bg-status-error-bg-subtle text-status-error-text border-status-error-border"

package/dist/technospam/components/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/technospam/components/StatusBadge.tsx"],"sourcesContent":["import { Badge } from '@burdenoff/fe-libs/ui';\nimport { humanizeEnum } from '../utils/format';\n\ntype Tone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';\n\nconst TONE_CLASS: Record<Tone, string> = {\n  neutral: 'bg-bg-sunken text-text-secondary border-border-seam',\n  info: 'bg-accent-wash text-accent-primary border-accent-primary/30',\n  success: 'bg-status-success-bg-subtle text-status-success-text border-status-success-border',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text border-status-warning-border',\n  danger: 'bg-status-error-bg-subtle text-status-error-text border-status-error-border',\n};\n\n/** Maps any Tec* status enum to a semantic tone. Unknown values fall back to neutral. */\nconst STATUS_TONE: Record<string, Tone> = {\n  // course / problem\n  DRAFT: 'neutral',\n  PUBLISHED: 'success',\n  ARCHIVED: 'warning',\n  // enrollment\n  ENROLLED: 'info',\n  IN_PROGRESS: 'info',\n  COMPLETED: 'success',\n  DROPPED: 'warning',\n  // certificate\n  ISSUED: 'success',\n  REVOKED: 'danger',\n  // submission verdict\n  PENDING: 'neutral',\n  ACCEPTED: 'success',\n  WRONG_ANSWER: 'danger',\n  TIME_LIMIT_EXCEEDED: 'warning',\n  RUNTIME_ERROR: 'danger',\n  COMPILE_ERROR: 'danger',\n  // mentor\n  ACTIVE: 'success',\n  PAUSED: 'warning',\n  INACTIVE: 'neutral',\n  // session\n  REQUESTED: 'info',\n  CONFIRMED: 'success',\n  CANCELLED: 'danger',\n  NO_SHOW: 'danger',\n  // hackathon\n  REGISTRATION_OPEN: 'success',\n  JUDGING: 'info',\n  // team\n  SUBMITTED: 'success',\n  DISQUALIFIED: 'danger',\n  WINNER: 'success',\n};\n\nconst DIFFICULTY_TONE: Record<string, Tone> = {\n  EASY: 'success',\n  MEDIUM: 'warning',\n  HARD: 'danger',\n  BEGINNER: 'success',\n  INTERMEDIATE: 'info',\n  ADVANCED: 'warning',\n  EXPERT: 'danger',\n};\n\nexport function StatusBadge({\n  status,\n  kind = 'status',\n}: {\n  status?: string | null;\n  kind?: 'status' | 'level';\n}) {\n  if (!status) return null;\n  const tone = (kind === 'level' ? DIFFICULTY_TONE[status] : STATUS_TONE[status]) ?? 'neutral';\n  return (\n    <Badge variant=\"outline\" className={TONE_CLASS[tone]}>\n      {humanizeEnum(status)}\n    </Badge>\n  );\n}\n"],"mappings":";;;;AAKA,IAAM,IAAmC;CACvC,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;CACT,EAGK,IAAoC;CAExC,OAAO;CACP,WAAW;CACX,UAAU;CAEV,UAAU;CACV,aAAa;CACb,WAAW;CACX,SAAS;CAET,QAAQ;CACR,SAAS;CAET,SAAS;CACT,UAAU;CACV,cAAc;CACd,qBAAqB;CACrB,eAAe;CACf,eAAe;CAEf,QAAQ;CACR,QAAQ;CACR,UAAU;CAEV,WAAW;CACX,WAAW;CACX,WAAW;CACX,SAAS;CAET,mBAAmB;CACnB,SAAS;CAET,WAAW;CACX,cAAc;CACd,QAAQ;CACT,EAEK,IAAwC;CAC5C,MAAM;CACN,QAAQ;CACR,MAAM;CACN,UAAU;CACV,cAAc;CACd,UAAU;CACV,QAAQ;CACT;AAED,SAAgB,EAAY,EAC1B,WACA,UAAO,YAIN;AAGD,QAFK,IAGH,kBAAC,GAAD;EAAO,SAAQ;EAAU,WAAW,GAFxB,MAAS,UAAU,EAAgB,KAAU,EAAY,OAAY;YAG9E,EAAa,EAAO;EACf,CAAA,GALU"}
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/technospam/components/StatusBadge.tsx"],"sourcesContent":["import { Badge } from '@burdenoff/fe-libs/ui';\nimport { humanizeEnum } from '../utils/format';\n\ntype Tone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';\n\nconst TONE_CLASS: Record<Tone, string> = {\n  neutral: 'bg-bg-sunken text-text-secondary border-border-seam',\n  info: 'bg-accent-primary/12 text-accent-primary border-accent-primary/30',\n  success: 'bg-status-success-bg-subtle text-status-success-text border-status-success-border',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text border-status-warning-border',\n  danger: 'bg-status-error-bg-subtle text-status-error-text border-status-error-border',\n};\n\n/** Maps any Tec* status enum to a semantic tone. Unknown values fall back to neutral. */\nconst STATUS_TONE: Record<string, Tone> = {\n  // course / problem\n  DRAFT: 'neutral',\n  PUBLISHED: 'success',\n  ARCHIVED: 'warning',\n  // enrollment\n  ENROLLED: 'info',\n  IN_PROGRESS: 'info',\n  COMPLETED: 'success',\n  DROPPED: 'warning',\n  // certificate\n  ISSUED: 'success',\n  REVOKED: 'danger',\n  // submission verdict\n  PENDING: 'neutral',\n  ACCEPTED: 'success',\n  WRONG_ANSWER: 'danger',\n  TIME_LIMIT_EXCEEDED: 'warning',\n  RUNTIME_ERROR: 'danger',\n  COMPILE_ERROR: 'danger',\n  // mentor\n  ACTIVE: 'success',\n  PAUSED: 'warning',\n  INACTIVE: 'neutral',\n  // session\n  REQUESTED: 'info',\n  CONFIRMED: 'success',\n  CANCELLED: 'danger',\n  NO_SHOW: 'danger',\n  // hackathon\n  REGISTRATION_OPEN: 'success',\n  JUDGING: 'info',\n  // team\n  SUBMITTED: 'success',\n  DISQUALIFIED: 'danger',\n  WINNER: 'success',\n};\n\nconst DIFFICULTY_TONE: Record<string, Tone> = {\n  EASY: 'success',\n  MEDIUM: 'warning',\n  HARD: 'danger',\n  BEGINNER: 'success',\n  INTERMEDIATE: 'info',\n  ADVANCED: 'warning',\n  EXPERT: 'danger',\n};\n\nexport function StatusBadge({\n  status,\n  kind = 'status',\n}: {\n  status?: string | null;\n  kind?: 'status' | 'level';\n}) {\n  if (!status) return null;\n  const tone = (kind === 'level' ? DIFFICULTY_TONE[status] : STATUS_TONE[status]) ?? 'neutral';\n  return (\n    <Badge variant=\"outline\" className={TONE_CLASS[tone]}>\n      {humanizeEnum(status)}\n    </Badge>\n  );\n}\n"],"mappings":";;;;AAKA,IAAM,IAAmC;CACvC,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;CACT,EAGK,IAAoC;CAExC,OAAO;CACP,WAAW;CACX,UAAU;CAEV,UAAU;CACV,aAAa;CACb,WAAW;CACX,SAAS;CAET,QAAQ;CACR,SAAS;CAET,SAAS;CACT,UAAU;CACV,cAAc;CACd,qBAAqB;CACrB,eAAe;CACf,eAAe;CAEf,QAAQ;CACR,QAAQ;CACR,UAAU;CAEV,WAAW;CACX,WAAW;CACX,WAAW;CACX,SAAS;CAET,mBAAmB;CACnB,SAAS;CAET,WAAW;CACX,cAAc;CACd,QAAQ;CACT,EAEK,IAAwC;CAC5C,MAAM;CACN,QAAQ;CACR,MAAM;CACN,UAAU;CACV,cAAc;CACd,UAAU;CACV,QAAQ;CACT;AAED,SAAgB,EAAY,EAC1B,WACA,UAAO,YAIN;AAGD,QAFK,IAGH,kBAAC,GAAD;EAAO,SAAQ;EAAU,WAAW,GAFxB,MAAS,UAAU,EAAgB,KAAU,EAAY,OAAY;YAG9E,EAAa,EAAO;EACf,CAAA,GALU"}

package/dist/technospam/components/index.js

@@ -1,5 +1,6 @@
 import "./PageLayout.js";
 import "./StatCard.js";
+import "./MediaCover.js";
 import "./StatusBadge.js";
 import "./LoadMore.js";
 import "./StateViews.js";