@burdenoff/microfe-technospam 2026.509.101

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

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

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

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

package/dist/technospam/pages/OpenSourceOpenSourcePagePage.js

@@ -0,0 +1,216 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { useState as t } from "react";
+import { AlertCircle as n, ArrowRight as r, Code as i, GitBranch as a, GitFork as o, Star as s, Users as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/OpenSourceOpenSourcePagePage.tsx
+var _ = [
+	{
+		id: 1,
+		project: "algo-visualizer",
+		type: "Pull Request",
+		title: "Add Dijkstra animation",
+		status: "merged",
+		date: "2026-02-08"
+	},
+	{
+		id: 2,
+		project: "code-playground",
+		type: "Issue",
+		title: "Fix WebSocket reconnection",
+		status: "closed",
+		date: "2026-02-05"
+	},
+	{
+		id: 3,
+		project: "ml-toolkit",
+		type: "Pull Request",
+		title: "Add random forest classifier",
+		status: "open",
+		date: "2026-02-03"
+	},
+	{
+		id: 4,
+		project: "algo-visualizer",
+		type: "Pull Request",
+		title: "Implement binary search tree viz",
+		status: "merged",
+		date: "2026-01-28"
+	}
+];
+function v() {
+	let { openSourceProjects: v, userStats: y } = e(), [b, x] = t("explore");
+	return /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+				className: "text-2xl font-semibold text-foreground",
+				children: "Open Source"
+			}), /* @__PURE__ */ l("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Contribute to projects and build your open source profile"
+			})] }),
+			/* @__PURE__ */ u("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Contributions"
+						}), /* @__PURE__ */ l(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: y.contributionsMade
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Total contributions"
+					})] })] }),
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Projects"
+						}), /* @__PURE__ */ l(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: v.length
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Available projects"
+					})] })] }),
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Active PRs"
+						}), /* @__PURE__ */ l(a, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: _.filter((e) => e.status === "open").length
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Open pull requests"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "flex gap-2 border-b border-border pb-2",
+				children: [/* @__PURE__ */ l(f, {
+					variant: b === "explore" ? "default" : "ghost",
+					size: "sm",
+					onClick: () => x("explore"),
+					children: "Explore Projects"
+				}), /* @__PURE__ */ l(f, {
+					variant: b === "contributions" ? "default" : "ghost",
+					size: "sm",
+					onClick: () => x("contributions"),
+					children: "My Contributions"
+				})]
+			}),
+			b === "explore" ? /* @__PURE__ */ l("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: v.map((e) => /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+					className: "pb-3",
+					children: [/* @__PURE__ */ u("div", {
+						className: "flex items-start justify-between",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-base",
+							children: e.name
+						}), /* @__PURE__ */ l(d, {
+							variant: "secondary",
+							className: "text-xs",
+							children: e.difficulty
+						})]
+					}), /* @__PURE__ */ l("p", {
+						className: "text-sm text-muted-foreground",
+						children: e.description
+					})]
+				}), /* @__PURE__ */ u(m, {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ u("div", {
+							className: "flex items-center gap-4 text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ u("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ l(s, { className: "h-3 w-3" }), e.stars.toLocaleString()]
+								}),
+								/* @__PURE__ */ u("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ l(o, { className: "h-3 w-3" }), e.forks]
+								}),
+								/* @__PURE__ */ u("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ l(n, { className: "h-3 w-3" }),
+										e.openIssues,
+										" issues"
+									]
+								}),
+								/* @__PURE__ */ u("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ l(c, { className: "h-3 w-3" }), e.contributors]
+								})
+							]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "flex flex-wrap gap-1",
+							children: [e.languages.map((e) => /* @__PURE__ */ l(d, {
+								variant: "outline",
+								className: "text-xs",
+								children: e
+							}, e)), e.topics.map((e) => /* @__PURE__ */ l(d, {
+								variant: "secondary",
+								className: "text-xs",
+								children: e
+							}, e))]
+						}),
+						/* @__PURE__ */ u(f, {
+							variant: "outline",
+							size: "sm",
+							className: "w-full",
+							children: ["View Project ", /* @__PURE__ */ l(r, { className: "ml-2 h-3 w-3" })]
+						})
+					]
+				})] }, e.id))
+			}) : /* @__PURE__ */ l("div", {
+				className: "space-y-3",
+				children: _.map((e) => {
+					let t = e.status === "merged" ? "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400" : e.status === "open" ? "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" : "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400";
+					return /* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+						className: "flex items-center justify-between p-4",
+						children: [/* @__PURE__ */ u("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ u("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ l("p", {
+									className: "text-sm font-medium",
+									children: e.title
+								}), /* @__PURE__ */ l(d, {
+									variant: "outline",
+									className: "text-xs",
+									children: e.type
+								})]
+							}), /* @__PURE__ */ u("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.project,
+									" · ",
+									new Date(e.date).toLocaleDateString()
+								]
+							})]
+						}), /* @__PURE__ */ l("span", {
+							className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${t}`,
+							children: e.status
+						})]
+					}) }, e.id);
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { v as OpenSourceOpenSourcePagePage };
+
+//# sourceMappingURL=OpenSourceOpenSourcePagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenSourceOpenSourcePagePage.js","names":[],"sources":["../../../src/technospam/pages/OpenSourceOpenSourcePagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { GitBranch, Star, GitFork, AlertCircle, Users, ArrowRight, Code } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\ntype TabView = 'explore' | 'contributions';\n\nconst mockContributions = [\n  {\n    id: 1,\n    project: 'algo-visualizer',\n    type: 'Pull Request',\n    title: 'Add Dijkstra animation',\n    status: 'merged',\n    date: '2026-02-08',\n  },\n  {\n    id: 2,\n    project: 'code-playground',\n    type: 'Issue',\n    title: 'Fix WebSocket reconnection',\n    status: 'closed',\n    date: '2026-02-05',\n  },\n  {\n    id: 3,\n    project: 'ml-toolkit',\n    type: 'Pull Request',\n    title: 'Add random forest classifier',\n    status: 'open',\n    date: '2026-02-03',\n  },\n  {\n    id: 4,\n    project: 'algo-visualizer',\n    type: 'Pull Request',\n    title: 'Implement binary search tree viz',\n    status: 'merged',\n    date: '2026-01-28',\n  },\n];\n\nexport function OpenSourceOpenSourcePagePage() {\n  const { openSourceProjects, userStats } = useTechnoSpamStore();\n  const [activeTab, setActiveTab] = useState<TabView>('explore');\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">Open Source</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Contribute to projects and build your open source profile\n        </p>\n      </div>\n\n      {/* Stats */}\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Contributions</CardTitle>\n            <GitBranch className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.contributionsMade}</div>\n            <p className=\"text-xs text-muted-foreground\">Total contributions</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Projects</CardTitle>\n            <Code className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{openSourceProjects.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Available projects</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active PRs</CardTitle>\n            <GitBranch className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {mockContributions.filter((c) => c.status === 'open').length}\n            </div>\n            <p className=\"text-xs text-muted-foreground\">Open pull requests</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"flex gap-2 border-b border-border pb-2\">\n        <Button\n          variant={activeTab === 'explore' ? 'default' : 'ghost'}\n          size=\"sm\"\n          onClick={() => setActiveTab('explore')}\n        >\n          Explore Projects\n        </Button>\n        <Button\n          variant={activeTab === 'contributions' ? 'default' : 'ghost'}\n          size=\"sm\"\n          onClick={() => setActiveTab('contributions')}\n        >\n          My Contributions\n        </Button>\n      </div>\n\n      {activeTab === 'explore' ? (\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          {openSourceProjects.map((project) => (\n            <Card key={project.id}>\n              <CardHeader className=\"pb-3\">\n                <div className=\"flex items-start justify-between\">\n                  <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                  <Badge variant=\"secondary\" className=\"text-xs\">\n                    {project.difficulty}\n                  </Badge>\n                </div>\n                <p className=\"text-sm text-muted-foreground\">{project.description}</p>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <div className=\"flex items-center gap-4 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <Star className=\"h-3 w-3\" />\n                    {project.stars.toLocaleString()}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <GitFork className=\"h-3 w-3\" />\n                    {project.forks}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <AlertCircle className=\"h-3 w-3\" />\n                    {project.openIssues} issues\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <Users className=\"h-3 w-3\" />\n                    {project.contributors}\n                  </span>\n                </div>\n                <div className=\"flex flex-wrap gap-1\">\n                  {project.languages.map((lang) => (\n                    <Badge key={lang} variant=\"outline\" className=\"text-xs\">\n                      {lang}\n                    </Badge>\n                  ))}\n                  {project.topics.map((topic) => (\n                    <Badge key={topic} variant=\"secondary\" className=\"text-xs\">\n                      {topic}\n                    </Badge>\n                  ))}\n                </div>\n                <Button variant=\"outline\" size=\"sm\" className=\"w-full\">\n                  View Project <ArrowRight className=\"ml-2 h-3 w-3\" />\n                </Button>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          {mockContributions.map((contrib) => {\n            const statusClass =\n              contrib.status === 'merged'\n                ? 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400'\n                : contrib.status === 'open'\n                  ? 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400'\n                  : 'bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400';\n            return (\n              <Card key={contrib.id}>\n                <CardContent className=\"flex items-center justify-between p-4\">\n                  <div className=\"space-y-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <p className=\"text-sm font-medium\">{contrib.title}</p>\n                      <Badge variant=\"outline\" className=\"text-xs\">\n                        {contrib.type}\n                      </Badge>\n                    </div>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {contrib.project} &middot; {new Date(contrib.date).toLocaleDateString()}\n                    </p>\n                  </div>\n                  <span\n                    className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${statusClass}`}\n                  >\n                    {contrib.status}\n                  </span>\n                </CardContent>\n              </Card>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenSourceProjectsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/OpenSourceProjectsPagePage.tsx"],"names":[],"mappings":"AAeA,wBAAgB,0BAA0B,4CAyHzC"}

package/dist/technospam/pages/OpenSourceProjectsPagePage.js

@@ -0,0 +1,150 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { useMemo as t, useState as n } from "react";
+import { AlertCircle as r, ExternalLink as i, GitFork as a, Search as o, Star as s, Users as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Button as f, Card as p, CardContent as m, Input as h } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/OpenSourceProjectsPagePage.tsx
+function g() {
+	let { openSourceProjects: g } = e(), [_, v] = n(""), [y, b] = n("all"), x = t(() => g.filter((e) => {
+		let t = _ === "" || e.name.toLowerCase().includes(_.toLowerCase()) || e.description.toLowerCase().includes(_.toLowerCase()) || e.languages.some((e) => e.toLowerCase().includes(_.toLowerCase())) || e.topics.some((e) => e.toLowerCase().includes(_.toLowerCase())), n = y === "all" || e.difficulty === y;
+		return t && n;
+	}), [
+		g,
+		_,
+		y
+	]);
+	return /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+				className: "text-2xl font-semibold text-foreground",
+				children: "Open Source Projects"
+			}), /* @__PURE__ */ l("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Discover projects to contribute to"
+			})] }),
+			/* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(m, {
+				className: "pt-6",
+				children: /* @__PURE__ */ u("div", {
+					className: "flex flex-col gap-4 sm:flex-row sm:items-center",
+					children: [/* @__PURE__ */ u("div", {
+						className: "relative flex-1",
+						children: [/* @__PURE__ */ l(o, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ l(h, {
+							placeholder: "Search projects, languages, topics...",
+							value: _,
+							onChange: (e) => v(e.target.value),
+							className: "pl-9"
+						})]
+					}), /* @__PURE__ */ l("div", {
+						className: "flex gap-2",
+						children: [
+							{
+								label: "All",
+								value: "all"
+							},
+							{
+								label: "Beginner",
+								value: "beginner"
+							},
+							{
+								label: "Intermediate",
+								value: "intermediate"
+							},
+							{
+								label: "Advanced",
+								value: "advanced"
+							}
+						].map((e) => /* @__PURE__ */ l(f, {
+							variant: y === e.value ? "default" : "outline",
+							size: "sm",
+							onClick: () => b(e.value),
+							children: e.label
+						}, e.value))
+					})]
+				})
+			}) }),
+			x.length === 0 ? /* @__PURE__ */ l("div", {
+				className: "py-12 text-center text-sm text-muted-foreground",
+				children: "No projects match your filters"
+			}) : /* @__PURE__ */ l("div", {
+				className: "space-y-4",
+				children: x.map((e) => /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(m, {
+					className: "p-4",
+					children: /* @__PURE__ */ u("div", {
+						className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+						children: [/* @__PURE__ */ u("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ u("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ l("h3", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ l(d, {
+										variant: "secondary",
+										className: "text-xs",
+										children: e.difficulty
+									})]
+								}),
+								/* @__PURE__ */ l("p", {
+									className: "text-sm text-muted-foreground",
+									children: e.description
+								}),
+								/* @__PURE__ */ u("div", {
+									className: "flex items-center gap-4 text-xs text-muted-foreground",
+									children: [
+										/* @__PURE__ */ u("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ l(s, { className: "h-3 w-3 text-yellow-500" }), e.stars.toLocaleString()]
+										}),
+										/* @__PURE__ */ u("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ l(a, { className: "h-3 w-3" }), e.forks]
+										}),
+										/* @__PURE__ */ u("span", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ l(r, { className: "h-3 w-3" }),
+												e.openIssues,
+												" issues"
+											]
+										}),
+										/* @__PURE__ */ u("span", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ l(c, { className: "h-3 w-3" }),
+												e.contributors,
+												" contributors"
+											]
+										})
+									]
+								}),
+								/* @__PURE__ */ u("div", {
+									className: "flex flex-wrap gap-1",
+									children: [e.languages.map((e) => /* @__PURE__ */ l(d, {
+										variant: "outline",
+										className: "text-xs",
+										children: e
+									}, e)), e.topics.map((e) => /* @__PURE__ */ l(d, {
+										variant: "secondary",
+										className: "text-xs",
+										children: e
+									}, e))]
+								})
+							]
+						}), /* @__PURE__ */ u(f, {
+							variant: "outline",
+							size: "sm",
+							className: "shrink-0",
+							children: [/* @__PURE__ */ l(i, { className: "mr-2 h-3 w-3" }), "View on GitHub"]
+						})]
+					})
+				}) }, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { g as OpenSourceProjectsPagePage };
+
+//# sourceMappingURL=OpenSourceProjectsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenSourceProjectsPagePage.js","names":[],"sources":["../../../src/technospam/pages/OpenSourceProjectsPagePage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Search, Star, GitFork, AlertCircle, Users, ExternalLink } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\ntype DifficultyFilter = 'all' | 'beginner' | 'intermediate' | 'advanced';\n\nexport function OpenSourceProjectsPagePage() {\n  const { openSourceProjects } = useTechnoSpamStore();\n  const [searchTerm, setSearchTerm] = useState('');\n  const [difficultyFilter, setDifficultyFilter] = useState<DifficultyFilter>('all');\n\n  const filteredProjects = useMemo(() => {\n    return openSourceProjects.filter((p) => {\n      const matchesSearch =\n        searchTerm === '' ||\n        p.name.toLowerCase().includes(searchTerm.toLowerCase()) ||\n        p.description.toLowerCase().includes(searchTerm.toLowerCase()) ||\n        p.languages.some((l) => l.toLowerCase().includes(searchTerm.toLowerCase())) ||\n        p.topics.some((t) => t.toLowerCase().includes(searchTerm.toLowerCase()));\n      const matchesDifficulty = difficultyFilter === 'all' || p.difficulty === difficultyFilter;\n      return matchesSearch && matchesDifficulty;\n    });\n  }, [openSourceProjects, searchTerm, difficultyFilter]);\n\n  const filters: { label: string; value: DifficultyFilter }[] = [\n    { label: 'All', value: 'all' },\n    { label: 'Beginner', value: 'beginner' },\n    { label: 'Intermediate', value: 'intermediate' },\n    { label: 'Advanced', value: 'advanced' },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">Open Source Projects</h1>\n        <p className=\"text-sm text-muted-foreground\">Discover projects to contribute to</p>\n      </div>\n\n      <Card>\n        <CardContent className=\"pt-6\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n            <div className=\"relative flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                placeholder=\"Search projects, languages, topics...\"\n                value={searchTerm}\n                onChange={(e) => setSearchTerm(e.target.value)}\n                className=\"pl-9\"\n              />\n            </div>\n            <div className=\"flex gap-2\">\n              {filters.map((f) => (\n                <Button\n                  key={f.value}\n                  variant={difficultyFilter === f.value ? 'default' : 'outline'}\n                  size=\"sm\"\n                  onClick={() => setDifficultyFilter(f.value)}\n                >\n                  {f.label}\n                </Button>\n              ))}\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      {filteredProjects.length === 0 ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">\n          No projects match your filters\n        </div>\n      ) : (\n        <div className=\"space-y-4\">\n          {filteredProjects.map((project) => (\n            <Card key={project.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\">{project.name}</h3>\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        {project.difficulty}\n                      </Badge>\n                    </div>\n                    <p className=\"text-sm text-muted-foreground\">{project.description}</p>\n                    <div className=\"flex items-center gap-4 text-xs text-muted-foreground\">\n                      <span className=\"flex items-center gap-1\">\n                        <Star className=\"h-3 w-3 text-yellow-500\" />\n                        {project.stars.toLocaleString()}\n                      </span>\n                      <span className=\"flex items-center gap-1\">\n                        <GitFork className=\"h-3 w-3\" />\n                        {project.forks}\n                      </span>\n                      <span className=\"flex items-center gap-1\">\n                        <AlertCircle className=\"h-3 w-3\" />\n                        {project.openIssues} issues\n                      </span>\n                      <span className=\"flex items-center gap-1\">\n                        <Users className=\"h-3 w-3\" />\n                        {project.contributors} contributors\n                      </span>\n                    </div>\n                    <div className=\"flex flex-wrap gap-1\">\n                      {project.languages.map((lang) => (\n                        <Badge key={lang} variant=\"outline\" className=\"text-xs\">\n                          {lang}\n                        </Badge>\n                      ))}\n                      {project.topics.map((topic) => (\n                        <Badge key={topic} variant=\"secondary\" className=\"text-xs\">\n                          {topic}\n                        </Badge>\n                      ))}\n                    </div>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\" className=\"shrink-0\">\n                    <ExternalLink className=\"mr-2 h-3 w-3\" />\n                    View on GitHub\n                  </Button>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StudyPlannerGoalsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/StudyPlannerGoalsPagePage.tsx"],"names":[],"mappings":"AAuDA,wBAAgB,yBAAyB,4CA6FxC"}

package/dist/technospam/pages/StudyPlannerGoalsPagePage.js

@@ -0,0 +1,161 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { CheckCircle as t, Clock as n, Plus as r, Target as i, TrendingUp as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/StudyPlannerGoalsPagePage.tsx
+var m = [
+	{
+		id: 1,
+		title: "Solve 200 coding problems",
+		current: 156,
+		target: 200,
+		category: "Problem Solving",
+		deadline: "2026-06-30"
+	},
+	{
+		id: 2,
+		title: "Complete 10 courses",
+		current: 5,
+		target: 10,
+		category: "Learning",
+		deadline: "2026-12-31"
+	},
+	{
+		id: 3,
+		title: "Earn 5 certificates",
+		current: 4,
+		target: 5,
+		category: "Achievements",
+		deadline: "2026-04-30"
+	},
+	{
+		id: 4,
+		title: "Reach 50-day study streak",
+		current: 15,
+		target: 50,
+		category: "Consistency",
+		deadline: "2026-04-01"
+	},
+	{
+		id: 5,
+		title: "Contribute to 5 open source projects",
+		current: 3,
+		target: 5,
+		category: "Open Source",
+		deadline: "2026-06-30"
+	},
+	{
+		id: 6,
+		title: "Complete System Design path",
+		current: 45,
+		target: 100,
+		category: "Learning",
+		deadline: "2026-08-31"
+	}
+];
+function h() {
+	let { userStats: h } = e(), g = m.filter((e) => e.current >= e.target).length;
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+					className: "text-2xl font-semibold text-foreground",
+					children: "Learning Goals"
+				}), /* @__PURE__ */ o("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Set targets and track your progress"
+				})] }), /* @__PURE__ */ s(l, {
+					size: "sm",
+					children: [/* @__PURE__ */ o(r, { className: "mr-2 h-4 w-4" }), "New Goal"]
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Total Goals"
+						}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: m.length
+					}) })] }),
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Completed"
+						}), /* @__PURE__ */ o(t, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: g
+					}) })] }),
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Total Points"
+						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: h.totalPoints.toLocaleString()
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "space-y-4",
+				children: m.map((e) => {
+					let r = Math.min(Math.round(e.current / e.target * 100), 100), a = e.current >= e.target;
+					return /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+						className: "p-4 space-y-3",
+						children: [/* @__PURE__ */ s("div", {
+							className: "flex items-start justify-between",
+							children: [/* @__PURE__ */ s("div", {
+								className: "flex items-center gap-3",
+								children: [a ? /* @__PURE__ */ o(t, { className: "h-5 w-5 text-green-500" }) : /* @__PURE__ */ o(i, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+									className: "font-medium",
+									children: e.title
+								}), /* @__PURE__ */ s("div", {
+									className: "flex items-center gap-2 text-xs text-muted-foreground",
+									children: [/* @__PURE__ */ o(c, {
+										variant: "secondary",
+										className: "text-xs",
+										children: e.category
+									}), /* @__PURE__ */ s("span", {
+										className: "flex items-center gap-1",
+										children: [
+											/* @__PURE__ */ o(n, { className: "h-3 w-3" }),
+											"Due ",
+											new Date(e.deadline).toLocaleDateString()
+										]
+									})]
+								})] })]
+							}), /* @__PURE__ */ s("span", {
+								className: "text-sm font-medium",
+								children: [
+									e.current,
+									"/",
+									e.target
+								]
+							})]
+						}), /* @__PURE__ */ o("div", {
+							className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+							children: /* @__PURE__ */ o("div", {
+								className: `h-2 rounded-full ${a ? "bg-green-500" : "bg-primary"}`,
+								style: { width: `${r}%` }
+							})
+						})]
+					}) }, e.id);
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { h as StudyPlannerGoalsPagePage };
+
+//# sourceMappingURL=StudyPlannerGoalsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StudyPlannerGoalsPagePage.js","names":[],"sources":["../../../src/technospam/pages/StudyPlannerGoalsPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Target, Plus, CheckCircle, Clock, TrendingUp } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nconst mockGoals = [\n  {\n    id: 1,\n    title: 'Solve 200 coding problems',\n    current: 156,\n    target: 200,\n    category: 'Problem Solving',\n    deadline: '2026-06-30',\n  },\n  {\n    id: 2,\n    title: 'Complete 10 courses',\n    current: 5,\n    target: 10,\n    category: 'Learning',\n    deadline: '2026-12-31',\n  },\n  {\n    id: 3,\n    title: 'Earn 5 certificates',\n    current: 4,\n    target: 5,\n    category: 'Achievements',\n    deadline: '2026-04-30',\n  },\n  {\n    id: 4,\n    title: 'Reach 50-day study streak',\n    current: 15,\n    target: 50,\n    category: 'Consistency',\n    deadline: '2026-04-01',\n  },\n  {\n    id: 5,\n    title: 'Contribute to 5 open source projects',\n    current: 3,\n    target: 5,\n    category: 'Open Source',\n    deadline: '2026-06-30',\n  },\n  {\n    id: 6,\n    title: 'Complete System Design path',\n    current: 45,\n    target: 100,\n    category: 'Learning',\n    deadline: '2026-08-31',\n  },\n];\n\nexport function StudyPlannerGoalsPagePage() {\n  const { userStats } = useTechnoSpamStore();\n\n  const completedGoals = mockGoals.filter((g) => g.current >= g.target).length;\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\">Learning Goals</h1>\n          <p className=\"text-sm text-muted-foreground\">Set targets and track your progress</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-2 h-4 w-4\" />\n          New Goal\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Goals</CardTitle>\n            <Target className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{mockGoals.length}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Completed</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{completedGoals}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Points</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.totalPoints.toLocaleString()}</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"space-y-4\">\n        {mockGoals.map((goal) => {\n          const percent = Math.min(Math.round((goal.current / goal.target) * 100), 100);\n          const isCompleted = goal.current >= goal.target;\n\n          return (\n            <Card key={goal.id}>\n              <CardContent className=\"p-4 space-y-3\">\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"flex items-center gap-3\">\n                    {isCompleted ? (\n                      <CheckCircle className=\"h-5 w-5 text-green-500\" />\n                    ) : (\n                      <Target className=\"h-5 w-5 text-primary\" />\n                    )}\n                    <div>\n                      <p className=\"font-medium\">{goal.title}</p>\n                      <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          {goal.category}\n                        </Badge>\n                        <span className=\"flex items-center gap-1\">\n                          <Clock className=\"h-3 w-3\" />\n                          Due {new Date(goal.deadline).toLocaleDateString()}\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n                  <span className=\"text-sm font-medium\">\n                    {goal.current}/{goal.target}\n                  </span>\n                </div>\n                <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                  <div\n                    className={`h-2 rounded-full ${isCompleted ? 'bg-green-500' : 'bg-primary'}`}\n                    style={{ width: `${percent}%` }}\n                  />\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StudyPlannerLearningPathDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/StudyPlannerLearningPathDetailsPagePage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,uCAAuC,4CA0GtD"}