@burdenoff/microfe-technospam 2026.509.101

package/dist/technospam/pages/HackathonsEventsPagePage.js

@@ -0,0 +1,121 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { Calendar as t, MapPin as n, Trophy as r, Users as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Card as c, CardContent as l } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/HackathonsEventsPagePage.tsx
+function u() {
+	let { hackathons: u } = e(), d = [...u].sort((e, t) => new Date(e.startDate).getTime() - new Date(t.startDate).getTime()), f = (e) => {
+		switch (e) {
+			case "registration_open": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
+			case "ongoing": return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
+			case "upcoming": return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400";
+			case "judging": return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400";
+			case "completed": return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400";
+			default: return "";
+		}
+	}, p = [...new Set(d.map((e) => {
+		let t = new Date(e.startDate);
+		return `${t.toLocaleString("default", { month: "long" })} ${t.getFullYear()}`;
+	}))];
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+			className: "text-2xl font-semibold text-foreground",
+			children: "Events Calendar"
+		}), /* @__PURE__ */ a("p", {
+			className: "text-sm text-muted-foreground",
+			children: "Upcoming and past hackathon events in chronological order"
+		})] }), p.map((e) => {
+			let u = d.filter((t) => {
+				let n = new Date(t.startDate);
+				return `${n.toLocaleString("default", { month: "long" })} ${n.getFullYear()}` === e;
+			});
+			return /* @__PURE__ */ o("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ o("h2", {
+					className: "flex items-center gap-2 text-lg font-semibold text-foreground",
+					children: [/* @__PURE__ */ a(t, { className: "h-5 w-5 text-primary" }), e]
+				}), /* @__PURE__ */ a("div", {
+					className: "space-y-3 border-l-2 border-border pl-6",
+					children: u.map((e) => /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(l, {
+						className: "p-4",
+						children: /* @__PURE__ */ a("div", {
+							className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+							children: /* @__PURE__ */ o("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ o("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ a("h3", {
+											className: "font-medium",
+											children: e.title
+										}), /* @__PURE__ */ a("span", {
+											className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${f(e.status)}`,
+											children: e.status.replace("_", " ")
+										})]
+									}),
+									/* @__PURE__ */ a("p", {
+										className: "text-sm text-muted-foreground",
+										children: e.description
+									}),
+									/* @__PURE__ */ o("div", {
+										className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground",
+										children: [
+											/* @__PURE__ */ o("span", {
+												className: "flex items-center gap-1",
+												children: [
+													/* @__PURE__ */ a(t, { className: "h-3 w-3" }),
+													new Date(e.startDate).toLocaleDateString(),
+													" -",
+													" ",
+													new Date(e.endDate).toLocaleDateString()
+												]
+											}),
+											/* @__PURE__ */ o("span", {
+												className: "flex items-center gap-1",
+												children: [/* @__PURE__ */ a(n, { className: "h-3 w-3" }), e.mode]
+											}),
+											/* @__PURE__ */ o("span", {
+												className: "flex items-center gap-1",
+												children: [
+													/* @__PURE__ */ a(i, { className: "h-3 w-3" }),
+													e.currentParticipants,
+													"/",
+													e.maxParticipants
+												]
+											}),
+											/* @__PURE__ */ o("span", {
+												className: "flex items-center gap-1",
+												children: [
+													/* @__PURE__ */ a(r, { className: "h-3 w-3 text-yellow-500" }),
+													"$",
+													e.prizePool.toLocaleString()
+												]
+											})
+										]
+									}),
+									/* @__PURE__ */ o("div", {
+										className: "flex flex-wrap gap-1",
+										children: [e.themes.map((e) => /* @__PURE__ */ a(s, {
+											variant: "outline",
+											className: "text-xs",
+											children: e
+										}, e)), e.technologies.map((e) => /* @__PURE__ */ a(s, {
+											variant: "secondary",
+											className: "text-xs",
+											children: e
+										}, e))]
+									})
+								]
+							})
+						})
+					}) }, e.id))
+				})]
+			}, e);
+		})]
+	});
+}
+//#endregion
+export { u as HackathonsEventsPagePage };
+
+//# sourceMappingURL=HackathonsEventsPagePage.js.map

package/dist/technospam/pages/HackathonsEventsPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HackathonsEventsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsEventsPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Calendar, Users, Trophy, MapPin } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nexport function HackathonsEventsPagePage() {\n  const { hackathons } = useTechnoSpamStore();\n\n  const sortedHackathons = [...hackathons].sort(\n    (a, b) => new Date(a.startDate).getTime() - new Date(b.startDate).getTime()\n  );\n\n  const statusColor = (status: string) => {\n    switch (status) {\n      case 'registration_open':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'ongoing':\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n      case 'upcoming':\n        return 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400';\n      case 'judging':\n        return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400';\n      case 'completed':\n        return 'bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400';\n      default:\n        return '';\n    }\n  };\n\n  const months = [\n    ...new Set(\n      sortedHackathons.map((h) => {\n        const d = new Date(h.startDate);\n        return `${d.toLocaleString('default', { month: 'long' })} ${d.getFullYear()}`;\n      })\n    ),\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">Events Calendar</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Upcoming and past hackathon events in chronological order\n        </p>\n      </div>\n\n      {/* Timeline */}\n      {months.map((month) => {\n        const monthHackathons = sortedHackathons.filter((h) => {\n          const d = new Date(h.startDate);\n          return `${d.toLocaleString('default', { month: 'long' })} ${d.getFullYear()}` === month;\n        });\n\n        return (\n          <div key={month} className=\"space-y-4\">\n            <h2 className=\"flex items-center gap-2 text-lg font-semibold text-foreground\">\n              <Calendar className=\"h-5 w-5 text-primary\" />\n              {month}\n            </h2>\n            <div className=\"space-y-3 border-l-2 border-border pl-6\">\n              {monthHackathons.map((hack) => (\n                <Card key={hack.id}>\n                  <CardContent className=\"p-4\">\n                    <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                      <div className=\"space-y-2\">\n                        <div className=\"flex items-center gap-2\">\n                          <h3 className=\"font-medium\">{hack.title}</h3>\n                          <span\n                            className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${statusColor(hack.status)}`}\n                          >\n                            {hack.status.replace('_', ' ')}\n                          </span>\n                        </div>\n                        <p className=\"text-sm text-muted-foreground\">{hack.description}</p>\n                        <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n                          <span className=\"flex items-center gap-1\">\n                            <Calendar className=\"h-3 w-3\" />\n                            {new Date(hack.startDate).toLocaleDateString()} -{' '}\n                            {new Date(hack.endDate).toLocaleDateString()}\n                          </span>\n                          <span className=\"flex items-center gap-1\">\n                            <MapPin className=\"h-3 w-3\" />\n                            {hack.mode}\n                          </span>\n                          <span className=\"flex items-center gap-1\">\n                            <Users className=\"h-3 w-3\" />\n                            {hack.currentParticipants}/{hack.maxParticipants}\n                          </span>\n                          <span className=\"flex items-center gap-1\">\n                            <Trophy className=\"h-3 w-3 text-yellow-500\" />$\n                            {hack.prizePool.toLocaleString()}\n                          </span>\n                        </div>\n                        <div className=\"flex flex-wrap gap-1\">\n                          {hack.themes.map((theme) => (\n                            <Badge key={theme} variant=\"outline\" className=\"text-xs\">\n                              {theme}\n                            </Badge>\n                          ))}\n                          {hack.technologies.map((tech) => (\n                            <Badge key={tech} variant=\"secondary\" className=\"text-xs\">\n                              {tech}\n                            </Badge>\n                          ))}\n                        </div>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function HackathonsHackathonDetailsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HackathonsHackathonDetailsPagePage.d.ts.map

package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HackathonsHackathonDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx"],"names":[],"mappings":"AAMA,wBAAgB,kCAAkC,4CA0MjD"}

package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.js

@@ -0,0 +1,250 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { ArrowLeft as t, Calendar as n, Clock as r, Code as i, MapPin as a, Trophy as o, Users as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx
+var g = Date.now();
+function _() {
+	let { hackathons: _ } = e(), v = _[0];
+	if (!v) return /* @__PURE__ */ c("div", {
+		className: "p-6 text-center text-muted-foreground",
+		children: "Hackathon not found"
+	});
+	let y = (e) => {
+		switch (e) {
+			case "registration_open": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
+			case "ongoing": return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
+			case "upcoming": return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400";
+			default: return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400";
+		}
+	}, b = Math.max(0, Math.ceil((new Date(v.startDate).getTime() - g) / (1e3 * 60 * 60 * 24))), x = v.maxParticipants - v.currentParticipants;
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ l(d, {
+				variant: "ghost",
+				size: "sm",
+				className: "text-muted-foreground",
+				children: [/* @__PURE__ */ c(t, { className: "mr-2 h-4 w-4" }), "Back to Hackathons"]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ l("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ c("h1", {
+						className: "text-3xl font-bold text-foreground",
+						children: v.title
+					}), /* @__PURE__ */ c("span", {
+						className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${y(v.status)}`,
+						children: v.status.replace("_", " ")
+					})]
+				}), /* @__PURE__ */ c("p", {
+					className: "text-lg text-muted-foreground",
+					children: v.description
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ l("div", {
+					className: "space-y-6 lg:col-span-2",
+					children: [
+						/* @__PURE__ */ l("div", {
+							className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
+							children: [
+								/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+									className: "flex flex-col items-center pt-6 text-center",
+									children: [
+										/* @__PURE__ */ c(n, { className: "h-6 w-6 text-primary" }),
+										/* @__PURE__ */ c("p", {
+											className: "mt-2 text-xs text-muted-foreground",
+											children: "Starts In"
+										}),
+										/* @__PURE__ */ l("p", {
+											className: "text-lg font-bold",
+											children: [b, " days"]
+										})
+									]
+								}) }),
+								/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+									className: "flex flex-col items-center pt-6 text-center",
+									children: [
+										/* @__PURE__ */ c(o, { className: "h-6 w-6 text-yellow-500" }),
+										/* @__PURE__ */ c("p", {
+											className: "mt-2 text-xs text-muted-foreground",
+											children: "Prize Pool"
+										}),
+										/* @__PURE__ */ l("p", {
+											className: "text-lg font-bold",
+											children: ["$", v.prizePool.toLocaleString()]
+										})
+									]
+								}) }),
+								/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+									className: "flex flex-col items-center pt-6 text-center",
+									children: [
+										/* @__PURE__ */ c(s, { className: "h-6 w-6 text-primary" }),
+										/* @__PURE__ */ c("p", {
+											className: "mt-2 text-xs text-muted-foreground",
+											children: "Participants"
+										}),
+										/* @__PURE__ */ c("p", {
+											className: "text-lg font-bold",
+											children: v.currentParticipants
+										})
+									]
+								}) }),
+								/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+									className: "flex flex-col items-center pt-6 text-center",
+									children: [
+										/* @__PURE__ */ c(a, { className: "h-6 w-6 text-primary" }),
+										/* @__PURE__ */ c("p", {
+											className: "mt-2 text-xs text-muted-foreground",
+											children: "Mode"
+										}),
+										/* @__PURE__ */ c("p", {
+											className: "text-lg font-bold capitalize",
+											children: v.mode
+										})
+									]
+								}) })
+							]
+						}),
+						/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ l(h, {
+							className: "flex items-center gap-2 text-base",
+							children: [/* @__PURE__ */ c(r, { className: "h-4 w-4" }), "Schedule"]
+						}) }), /* @__PURE__ */ l(p, {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ l("div", {
+									className: "flex items-center justify-between rounded-lg border border-border p-3",
+									children: [/* @__PURE__ */ c("span", {
+										className: "text-sm font-medium",
+										children: "Registration Opens"
+									}), /* @__PURE__ */ c("span", {
+										className: "text-sm text-muted-foreground",
+										children: new Date(v.startDate).toLocaleDateString()
+									})]
+								}),
+								/* @__PURE__ */ l("div", {
+									className: "flex items-center justify-between rounded-lg border border-border p-3",
+									children: [/* @__PURE__ */ c("span", {
+										className: "text-sm font-medium",
+										children: "Hacking Begins"
+									}), /* @__PURE__ */ c("span", {
+										className: "text-sm text-muted-foreground",
+										children: new Date(v.startDate).toLocaleDateString()
+									})]
+								}),
+								/* @__PURE__ */ l("div", {
+									className: "flex items-center justify-between rounded-lg border border-border p-3",
+									children: [/* @__PURE__ */ c("span", {
+										className: "text-sm font-medium",
+										children: "Submissions Due"
+									}), /* @__PURE__ */ c("span", {
+										className: "text-sm text-muted-foreground",
+										children: new Date(v.endDate).toLocaleDateString()
+									})]
+								})
+							]
+						})] }),
+						/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, {
+							className: "text-base",
+							children: "Themes"
+						}) }), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+							className: "grid gap-3 sm:grid-cols-3",
+							children: v.themes.map((e) => /* @__PURE__ */ c("div", {
+								className: "rounded-lg border border-border p-4 text-center",
+								children: /* @__PURE__ */ c("p", {
+									className: "font-medium",
+									children: e
+								})
+							}, e))
+						}) })] })
+					]
+				}), /* @__PURE__ */ l("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+							className: "space-y-4 pt-6",
+							children: [v.status === "registration_open" && /* @__PURE__ */ c(d, {
+								className: "w-full",
+								size: "lg",
+								children: "Register Now"
+							}), /* @__PURE__ */ l("div", {
+								className: "space-y-2 text-sm",
+								children: [/* @__PURE__ */ l("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ c("span", {
+										className: "text-muted-foreground",
+										children: "Spots Left"
+									}), /* @__PURE__ */ c("span", {
+										className: "font-medium",
+										children: x
+									})]
+								}), /* @__PURE__ */ c("div", {
+									className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+									children: /* @__PURE__ */ c("div", {
+										className: "h-2 rounded-full bg-primary",
+										style: { width: `${v.currentParticipants / v.maxParticipants * 100}%` }
+									})
+								})]
+							})]
+						}) }),
+						/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ l(h, {
+							className: "flex items-center gap-2 text-base",
+							children: [/* @__PURE__ */ c(i, { className: "h-4 w-4" }), "Technologies"]
+						}) }), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+							className: "flex flex-wrap gap-1.5",
+							children: v.technologies.map((e) => /* @__PURE__ */ c(u, {
+								variant: "secondary",
+								children: e
+							}, e))
+						}) })] }),
+						/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, {
+							className: "text-base",
+							children: "Prize Breakdown"
+						}) }), /* @__PURE__ */ l(p, {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ l("div", {
+									className: "flex items-center justify-between rounded-lg border border-border p-3",
+									children: [/* @__PURE__ */ c("span", {
+										className: "text-sm font-medium",
+										children: "1st Place"
+									}), /* @__PURE__ */ l("span", {
+										className: "text-sm font-bold",
+										children: ["$", Math.round(v.prizePool * .5).toLocaleString()]
+									})]
+								}),
+								/* @__PURE__ */ l("div", {
+									className: "flex items-center justify-between rounded-lg border border-border p-3",
+									children: [/* @__PURE__ */ c("span", {
+										className: "text-sm font-medium",
+										children: "2nd Place"
+									}), /* @__PURE__ */ l("span", {
+										className: "text-sm font-bold",
+										children: ["$", Math.round(v.prizePool * .3).toLocaleString()]
+									})]
+								}),
+								/* @__PURE__ */ l("div", {
+									className: "flex items-center justify-between rounded-lg border border-border p-3",
+									children: [/* @__PURE__ */ c("span", {
+										className: "text-sm font-medium",
+										children: "3rd Place"
+									}), /* @__PURE__ */ l("span", {
+										className: "text-sm font-bold",
+										children: ["$", Math.round(v.prizePool * .2).toLocaleString()]
+									})]
+								})
+							]
+						})] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { _ as HackathonsHackathonDetailsPagePage };
+
+//# sourceMappingURL=HackathonsHackathonDetailsPagePage.js.map

package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HackathonsHackathonDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Calendar, Users, Trophy, MapPin, Code, Clock } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nconst TODAY = Date.now();\n\nexport function HackathonsHackathonDetailsPagePage() {\n  const { hackathons } = useTechnoSpamStore();\n  const hackathon = hackathons[0];\n\n  if (!hackathon) {\n    return <div className=\"p-6 text-center text-muted-foreground\">Hackathon not found</div>;\n  }\n\n  const statusColor = (status: string) => {\n    switch (status) {\n      case 'registration_open':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'ongoing':\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n      case 'upcoming':\n        return 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400';\n      default:\n        return 'bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400';\n    }\n  };\n\n  const daysUntilStart = Math.max(\n    0,\n    Math.ceil((new Date(hackathon.startDate).getTime() - TODAY) / (1000 * 60 * 60 * 24))\n  );\n  const spotsLeft = hackathon.maxParticipants - hackathon.currentParticipants;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <Button variant=\"ghost\" size=\"sm\" className=\"text-muted-foreground\">\n        <ArrowLeft className=\"mr-2 h-4 w-4\" />\n        Back to Hackathons\n      </Button>\n\n      {/* Hero */}\n      <div className=\"space-y-3\">\n        <div className=\"flex items-center gap-3\">\n          <h1 className=\"text-3xl font-bold text-foreground\">{hackathon.title}</h1>\n          <span\n            className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${statusColor(hackathon.status)}`}\n          >\n            {hackathon.status.replace('_', ' ')}\n          </span>\n        </div>\n        <p className=\"text-lg text-muted-foreground\">{hackathon.description}</p>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Main Content */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          {/* Key Info */}\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            <Card>\n              <CardContent className=\"flex flex-col items-center pt-6 text-center\">\n                <Calendar className=\"h-6 w-6 text-primary\" />\n                <p className=\"mt-2 text-xs text-muted-foreground\">Starts In</p>\n                <p className=\"text-lg font-bold\">{daysUntilStart} days</p>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardContent className=\"flex flex-col items-center pt-6 text-center\">\n                <Trophy className=\"h-6 w-6 text-yellow-500\" />\n                <p className=\"mt-2 text-xs text-muted-foreground\">Prize Pool</p>\n                <p className=\"text-lg font-bold\">${hackathon.prizePool.toLocaleString()}</p>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardContent className=\"flex flex-col items-center pt-6 text-center\">\n                <Users className=\"h-6 w-6 text-primary\" />\n                <p className=\"mt-2 text-xs text-muted-foreground\">Participants</p>\n                <p className=\"text-lg font-bold\">{hackathon.currentParticipants}</p>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardContent className=\"flex flex-col items-center pt-6 text-center\">\n                <MapPin className=\"h-6 w-6 text-primary\" />\n                <p className=\"mt-2 text-xs text-muted-foreground\">Mode</p>\n                <p className=\"text-lg font-bold capitalize\">{hackathon.mode}</p>\n              </CardContent>\n            </Card>\n          </div>\n\n          {/* Schedule */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Clock className=\"h-4 w-4\" />\n                Schedule\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">Registration Opens</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {new Date(hackathon.startDate).toLocaleDateString()}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">Hacking Begins</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {new Date(hackathon.startDate).toLocaleDateString()}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">Submissions Due</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {new Date(hackathon.endDate).toLocaleDateString()}\n                </span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {/* Themes */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Themes</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid gap-3 sm:grid-cols-3\">\n                {hackathon.themes.map((theme) => (\n                  <div key={theme} className=\"rounded-lg border border-border p-4 text-center\">\n                    <p className=\"font-medium\">{theme}</p>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Sidebar */}\n        <div className=\"space-y-4\">\n          <Card>\n            <CardContent className=\"space-y-4 pt-6\">\n              {hackathon.status === 'registration_open' && (\n                <Button className=\"w-full\" size=\"lg\">\n                  Register Now\n                </Button>\n              )}\n              <div className=\"space-y-2 text-sm\">\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Spots Left</span>\n                  <span className=\"font-medium\">{spotsLeft}</span>\n                </div>\n                <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                  <div\n                    className=\"h-2 rounded-full bg-primary\"\n                    style={{\n                      width: `${(hackathon.currentParticipants / hackathon.maxParticipants) * 100}%`,\n                    }}\n                  />\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Code className=\"h-4 w-4\" />\n                Technologies\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"flex flex-wrap gap-1.5\">\n                {hackathon.technologies.map((tech) => (\n                  <Badge key={tech} variant=\"secondary\">\n                    {tech}\n                  </Badge>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Prize Breakdown</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">1st Place</span>\n                <span className=\"text-sm font-bold\">\n                  ${Math.round(hackathon.prizePool * 0.5).toLocaleString()}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">2nd Place</span>\n                <span className=\"text-sm font-bold\">\n                  ${Math.round(hackathon.prizePool * 0.3).toLocaleString()}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">3rd Place</span>\n                <span className=\"text-sm font-bold\">\n                  ${Math.round(hackathon.prizePool * 0.2).toLocaleString()}\n                </span>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/HackathonsHackathonsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function HackathonsHackathonsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HackathonsHackathonsPagePage.d.ts.map

package/dist/technospam/pages/HackathonsHackathonsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HackathonsHackathonsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,4BAA4B,4CAwI3C"}

package/dist/technospam/pages/HackathonsHackathonsPagePage.js

@@ -0,0 +1,162 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { useMemo as t, useState as n } from "react";
+import { Calendar as r, Clock as i, MapPin as a, Trophy as o, Users as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/HackathonsHackathonsPagePage.tsx
+function g() {
+	let { hackathons: g, userStats: _ } = e(), [v, y] = n("all"), b = t(() => v === "all" ? g : g.filter((e) => e.status === v), [g, v]), x = (e) => {
+		switch (e) {
+			case "registration_open": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
+			case "ongoing": return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
+			case "upcoming": return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400";
+			case "judging": return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400";
+			case "completed": return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400";
+			default: return "";
+		}
+	}, S = (e) => e.replace("_", " ");
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+					className: "text-2xl font-semibold text-foreground",
+					children: "Hackathons"
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Compete, collaborate, and build innovative projects"
+				})] }), /* @__PURE__ */ l(u, {
+					variant: "secondary",
+					children: [_.hackathonsJoined, " joined"]
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "flex flex-wrap gap-2",
+				children: [
+					{
+						label: "All",
+						value: "all"
+					},
+					{
+						label: "Upcoming",
+						value: "upcoming"
+					},
+					{
+						label: "Open",
+						value: "registration_open"
+					},
+					{
+						label: "Ongoing",
+						value: "ongoing"
+					},
+					{
+						label: "Completed",
+						value: "completed"
+					}
+				].map((e) => /* @__PURE__ */ c(d, {
+					variant: v === e.value ? "default" : "outline",
+					size: "sm",
+					onClick: () => y(e.value),
+					children: e.label
+				}, e.value))
+			}),
+			b.length === 0 ? /* @__PURE__ */ c("div", {
+				className: "py-12 text-center text-sm text-muted-foreground",
+				children: "No hackathons match your filter"
+			}) : /* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: b.map((e) => /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
+					className: "pb-3",
+					children: [/* @__PURE__ */ l("div", {
+						className: "flex items-start justify-between",
+						children: [/* @__PURE__ */ c(h, {
+							className: "text-base",
+							children: e.title
+						}), /* @__PURE__ */ c("span", {
+							className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${x(e.status)}`,
+							children: S(e.status)
+						})]
+					}), /* @__PURE__ */ c("p", {
+						className: "text-sm text-muted-foreground",
+						children: e.description
+					})]
+				}), /* @__PURE__ */ l(p, {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ l("div", {
+							className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ l("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ c(r, { className: "h-3 w-3" }),
+										new Date(e.startDate).toLocaleDateString(),
+										" -",
+										" ",
+										new Date(e.endDate).toLocaleDateString()
+									]
+								}),
+								/* @__PURE__ */ l("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ c(a, { className: "h-3 w-3" }), e.mode]
+								}),
+								/* @__PURE__ */ l("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ c(s, { className: "h-3 w-3" }),
+										e.currentParticipants,
+										"/",
+										e.maxParticipants
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ c(o, { className: "h-4 w-4 text-yellow-500" }), /* @__PURE__ */ l("span", {
+								className: "text-sm font-medium",
+								children: [
+									"$",
+									e.prizePool.toLocaleString(),
+									" Prize Pool"
+								]
+							})]
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "flex flex-wrap gap-1",
+							children: e.themes.map((e) => /* @__PURE__ */ c(u, {
+								variant: "outline",
+								className: "text-xs",
+								children: e
+							}, e))
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "flex flex-wrap gap-1",
+							children: e.technologies.map((e) => /* @__PURE__ */ c(u, {
+								variant: "secondary",
+								className: "text-xs",
+								children: e
+							}, e))
+						}),
+						e.status === "registration_open" && /* @__PURE__ */ c(d, {
+							size: "sm",
+							className: "w-full",
+							children: "Register Now"
+						}),
+						e.status === "upcoming" && /* @__PURE__ */ l(d, {
+							variant: "outline",
+							size: "sm",
+							className: "w-full",
+							children: [/* @__PURE__ */ c(i, { className: "mr-2 h-4 w-4" }), "Notify Me"]
+						})
+					]
+				})] }, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { g as HackathonsHackathonsPagePage };
+
+//# sourceMappingURL=HackathonsHackathonsPagePage.js.map

package/dist/technospam/pages/HackathonsHackathonsPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HackathonsHackathonsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Calendar, Users, Trophy, MapPin, Clock } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\ntype StatusFilter = 'all' | 'upcoming' | 'registration_open' | 'ongoing' | 'completed';\n\nexport function HackathonsHackathonsPagePage() {\n  const { hackathons, userStats } = useTechnoSpamStore();\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('all');\n\n  const filteredHackathons = useMemo(() => {\n    if (statusFilter === 'all') return hackathons;\n    return hackathons.filter((h) => h.status === statusFilter);\n  }, [hackathons, statusFilter]);\n\n  const statusColor = (status: string) => {\n    switch (status) {\n      case 'registration_open':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'ongoing':\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n      case 'upcoming':\n        return 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400';\n      case 'judging':\n        return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400';\n      case 'completed':\n        return 'bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400';\n      default:\n        return '';\n    }\n  };\n\n  const formatStatus = (s: string) => s.replace('_', ' ');\n\n  const filters: { label: string; value: StatusFilter }[] = [\n    { label: 'All', value: 'all' },\n    { label: 'Upcoming', value: 'upcoming' },\n    { label: 'Open', value: 'registration_open' },\n    { label: 'Ongoing', value: 'ongoing' },\n    { label: 'Completed', value: 'completed' },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold text-foreground\">Hackathons</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Compete, collaborate, and build innovative projects\n          </p>\n        </div>\n        <Badge variant=\"secondary\">{userStats.hackathonsJoined} joined</Badge>\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-wrap gap-2\">\n        {filters.map((f) => (\n          <Button\n            key={f.value}\n            variant={statusFilter === f.value ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setStatusFilter(f.value)}\n          >\n            {f.label}\n          </Button>\n        ))}\n      </div>\n\n      {/* Hackathon Cards */}\n      {filteredHackathons.length === 0 ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">\n          No hackathons match your filter\n        </div>\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          {filteredHackathons.map((hack) => (\n            <Card key={hack.id}>\n              <CardHeader className=\"pb-3\">\n                <div className=\"flex items-start justify-between\">\n                  <CardTitle className=\"text-base\">{hack.title}</CardTitle>\n                  <span\n                    className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${statusColor(hack.status)}`}\n                  >\n                    {formatStatus(hack.status)}\n                  </span>\n                </div>\n                <p className=\"text-sm text-muted-foreground\">{hack.description}</p>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <Calendar className=\"h-3 w-3\" />\n                    {new Date(hack.startDate).toLocaleDateString()} -{' '}\n                    {new Date(hack.endDate).toLocaleDateString()}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <MapPin className=\"h-3 w-3\" />\n                    {hack.mode}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <Users className=\"h-3 w-3\" />\n                    {hack.currentParticipants}/{hack.maxParticipants}\n                  </span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Trophy className=\"h-4 w-4 text-yellow-500\" />\n                  <span className=\"text-sm font-medium\">\n                    ${hack.prizePool.toLocaleString()} Prize Pool\n                  </span>\n                </div>\n                <div className=\"flex flex-wrap gap-1\">\n                  {hack.themes.map((theme) => (\n                    <Badge key={theme} variant=\"outline\" className=\"text-xs\">\n                      {theme}\n                    </Badge>\n                  ))}\n                </div>\n                <div className=\"flex flex-wrap gap-1\">\n                  {hack.technologies.map((tech) => (\n                    <Badge key={tech} variant=\"secondary\" className=\"text-xs\">\n                      {tech}\n                    </Badge>\n                  ))}\n                </div>\n                {hack.status === 'registration_open' && (\n                  <Button size=\"sm\" className=\"w-full\">\n                    Register Now\n                  </Button>\n                )}\n                {hack.status === 'upcoming' && (\n                  <Button variant=\"outline\" size=\"sm\" className=\"w-full\">\n                    <Clock className=\"mr-2 h-4 w-4\" />\n                    Notify Me\n                  </Button>\n                )}\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/HackathonsTeamsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function HackathonsTeamsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HackathonsTeamsPagePage.d.ts.map

package/dist/technospam/pages/HackathonsTeamsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HackathonsTeamsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/HackathonsTeamsPagePage.tsx"],"names":[],"mappings":"AA0CA,wBAAgB,uBAAuB,4CAkGtC"}