@burdenoff/microfe-technospam 2026.509.101

package/dist/technospam/pages/StudyPlannerStudyPlanEditPagePage.js

@@ -0,0 +1,127 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { ArrowLeft as t, Save as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Badge as a, Button as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, Input as d } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/StudyPlannerStudyPlanEditPagePage.tsx
+function f() {
+	let { studyPlans: f } = e(), p = f[0];
+	return p ? /* @__PURE__ */ i("div", {
+		className: "space-y-6 p-6 max-w-3xl",
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ i(o, {
+					variant: "ghost",
+					size: "sm",
+					className: "text-muted-foreground",
+					children: [/* @__PURE__ */ r(t, { className: "mr-2 h-4 w-4" }), "Back to Plan"]
+				}), /* @__PURE__ */ i(o, {
+					size: "sm",
+					children: [/* @__PURE__ */ r(n, { className: "mr-2 h-4 w-4" }), "Save Changes"]
+				})]
+			}),
+			/* @__PURE__ */ r("h1", {
+				className: "text-2xl font-semibold text-foreground",
+				children: "Edit Study Plan"
+			}),
+			/* @__PURE__ */ i(s, { children: [/* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(u, {
+				className: "text-base",
+				children: "Plan Details"
+			}) }), /* @__PURE__ */ i(c, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ r("label", {
+							className: "text-sm font-medium",
+							children: "Title"
+						}), /* @__PURE__ */ r(d, { defaultValue: p.title })]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ r("label", {
+							className: "text-sm font-medium",
+							children: "Description"
+						}), /* @__PURE__ */ r(d, { defaultValue: p.description })]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ i("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ r("label", {
+								className: "text-sm font-medium",
+								children: "Start Date"
+							}), /* @__PURE__ */ r(d, {
+								type: "date",
+								defaultValue: p.startDate
+							})]
+						}), /* @__PURE__ */ i("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ r("label", {
+								className: "text-sm font-medium",
+								children: "End Date"
+							}), /* @__PURE__ */ r(d, {
+								type: "date",
+								defaultValue: p.endDate
+							})]
+						})]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ r("label", {
+							className: "text-sm font-medium",
+							children: "Daily Goal (minutes)"
+						}), /* @__PURE__ */ r(d, {
+							type: "number",
+							defaultValue: p.dailyGoalMinutes
+						})]
+					})
+				]
+			})] }),
+			/* @__PURE__ */ i(s, { children: [/* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(u, {
+				className: "text-base",
+				children: "Topics"
+			}) }), /* @__PURE__ */ i(c, {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ r("div", {
+					className: "flex flex-wrap gap-2",
+					children: p.topics.map((e) => /* @__PURE__ */ i(a, {
+						variant: "secondary",
+						className: "text-sm",
+						children: [e, " ×"]
+					}, e))
+				}), /* @__PURE__ */ i("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ r(d, { placeholder: "Add a new topic..." }), /* @__PURE__ */ r(o, {
+						variant: "outline",
+						size: "sm",
+						children: "Add"
+					})]
+				})]
+			})] }),
+			/* @__PURE__ */ i(s, { children: [/* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(u, {
+				className: "text-base",
+				children: "Status"
+			}) }), /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r("div", {
+				className: "flex gap-2",
+				children: [
+					"active",
+					"paused",
+					"completed"
+				].map((e) => /* @__PURE__ */ r(o, {
+					variant: p.status === e ? "default" : "outline",
+					size: "sm",
+					className: "capitalize",
+					children: e
+				}, e))
+			}) })] })
+		]
+	}) : /* @__PURE__ */ r("div", {
+		className: "p-6 text-center text-muted-foreground",
+		children: "Study plan not found"
+	});
+}
+//#endregion
+export { f as StudyPlannerStudyPlanEditPagePage };
+
+//# sourceMappingURL=StudyPlannerStudyPlanEditPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StudyPlannerStudyPlanEditPagePage.js","names":[],"sources":["../../../src/technospam/pages/StudyPlannerStudyPlanEditPagePage.tsx"],"sourcesContent":["import {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Save } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nexport function StudyPlannerStudyPlanEditPagePage() {\n  const { studyPlans } = useTechnoSpamStore();\n  const plan = studyPlans[0];\n\n  if (!plan) {\n    return <div className=\"p-6 text-center text-muted-foreground\">Study plan not found</div>;\n  }\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-3xl\">\n      <div className=\"flex items-center justify-between\">\n        <Button variant=\"ghost\" size=\"sm\" className=\"text-muted-foreground\">\n          <ArrowLeft className=\"mr-2 h-4 w-4\" />\n          Back to Plan\n        </Button>\n        <Button size=\"sm\">\n          <Save className=\"mr-2 h-4 w-4\" />\n          Save Changes\n        </Button>\n      </div>\n\n      <h1 className=\"text-2xl font-semibold text-foreground\">Edit Study Plan</h1>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">Plan Details</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Title</label>\n            <Input defaultValue={plan.title} />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Description</label>\n            <Input defaultValue={plan.description} />\n          </div>\n          <div className=\"grid gap-4 sm:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">Start Date</label>\n              <Input type=\"date\" defaultValue={plan.startDate} />\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">End Date</label>\n              <Input type=\"date\" defaultValue={plan.endDate} />\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Daily Goal (minutes)</label>\n            <Input type=\"number\" defaultValue={plan.dailyGoalMinutes} />\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">Topics</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          <div className=\"flex flex-wrap gap-2\">\n            {plan.topics.map((topic) => (\n              <Badge key={topic} variant=\"secondary\" className=\"text-sm\">\n                {topic} &times;\n              </Badge>\n            ))}\n          </div>\n          <div className=\"flex gap-2\">\n            <Input placeholder=\"Add a new topic...\" />\n            <Button variant=\"outline\" size=\"sm\">\n              Add\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">Status</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"flex gap-2\">\n            {(['active', 'paused', 'completed'] as const).map((status) => (\n              <Button\n                key={status}\n                variant={plan.status === status ? 'default' : 'outline'}\n                size=\"sm\"\n                className=\"capitalize\"\n              >\n                {status}\n              </Button>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAYA,SAAgB,IAAoC;CAClD,IAAM,EAAE,kBAAe,GAAoB,EACrC,IAAO,EAAW;AAMxB,QAJK,IAKH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAQ,MAAK;KAAK,WAAU;eAA5C,CACE,kBAAC,GAAD,EAAW,WAAU,gBAAiB,CAAA,EAAA,eAE/B;QACT,kBAAC,GAAD;KAAQ,MAAK;eAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,eAE1B;OACL;;GAEN,kBAAC,MAAD;IAAI,WAAU;cAAyC;IAAoB,CAAA;GAE3E,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAAY;IAAwB,CAAA,EAC9C,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAsB;OAAa,CAAA,EACpD,kBAAC,GAAD,EAAO,cAAc,EAAK,OAAS,CAAA,CAC/B;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAsB;OAAmB,CAAA,EAC1D,kBAAC,GAAD,EAAO,cAAc,EAAK,aAAe,CAAA,CACrC;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAsB;QAAkB,CAAA,EACzD,kBAAC,GAAD;QAAO,MAAK;QAAO,cAAc,EAAK;QAAa,CAAA,CAC/C;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAsB;QAAgB,CAAA,EACvD,kBAAC,GAAD;QAAO,MAAK;QAAO,cAAc,EAAK;QAAW,CAAA,CAC7C;SACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAsB;OAA4B,CAAA,EACnE,kBAAC,GAAD;OAAO,MAAK;OAAS,cAAc,EAAK;OAAoB,CAAA,CACxD;;KACM;MACT,EAAA,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAAY;IAAkB,CAAA,EACxC,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAK,OAAO,KAAK,MAChB,kBAAC,GAAD;MAAmB,SAAQ;MAAY,WAAU;gBAAjD,CACG,GAAM,KACD;QAFI,EAEJ,CACR;KACE,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAO,aAAY,sBAAuB,CAAA,EAC1C,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;gBAAK;MAE3B,CAAA,CACL;OACM;MACT,EAAA,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAAY;IAAkB,CAAA,EACxC,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cACX;KAAC;KAAU;KAAU;KAAY,CAAW,KAAK,MACjD,kBAAC,GAAD;KAEE,SAAS,EAAK,WAAW,IAAS,YAAY;KAC9C,MAAK;KACL,WAAU;eAET;KACM,EANF,EAME,CACT;IACE,CAAA,EACM,CAAA,CACT,EAAA,CAAA;GACH;MAxFC,kBAAC,OAAD;EAAK,WAAU;YAAwC;EAA0B,CAAA"}

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

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

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

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

package/dist/technospam/pages/StudyPlannerStudyPlannerPagePage.js

@@ -0,0 +1,238 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { tWithFallback as t } from "../utils/i18n.js";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowRight as r, BookOpen as i, Calendar as a, Clock as o, Flame as s, Target 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/StudyPlannerStudyPlannerPagePage.tsx
+function _() {
+	let { t: _ } = n(), v = (e, n, r) => t(_, e, n, r), { studyPlans: y, learningPaths: b, userStats: x } = e(), S = y.filter((e) => e.status === "active"), C = b.filter((e) => e.progress > 0 && e.progress < 100);
+	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: v("technospam.studyPlanner.title", "Study Planner")
+			}), /* @__PURE__ */ l("p", {
+				className: "text-sm text-muted-foreground",
+				children: v("technospam.studyPlanner.subtitle", "Plan, track, and optimize your learning journey")
+			})] }),
+			/* @__PURE__ */ u("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				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: v("technospam.studyPlanner.metrics.activePlans.title", "Active Plans")
+						}), /* @__PURE__ */ l(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: S.length
+					}) })] }),
+					/* @__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: v("technospam.studyPlanner.metrics.studyStreak.title", "Study Streak")
+						}), /* @__PURE__ */ l(s, { className: "h-4 w-4 text-orange-500" })]
+					}), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: v("technospam.studyPlanner.metrics.studyStreak.value", "{{count}} days", { count: x.studyStreak })
+					}) })] }),
+					/* @__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: v("technospam.studyPlanner.metrics.learningPaths.title", "Learning Paths")
+						}), /* @__PURE__ */ l(c, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: C.length
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: v("technospam.studyPlanner.metrics.learningPaths.subtitle", "In progress")
+					})] })] }),
+					/* @__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: v("technospam.studyPlanner.metrics.learningHours.title", "Learning Hours")
+						}), /* @__PURE__ */ l(o, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: x.totalLearningHours
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+					className: "flex flex-row items-center justify-between",
+					children: [/* @__PURE__ */ l(g, {
+						className: "text-base",
+						children: v("technospam.studyPlanner.activePlans.title", "Active Study Plans")
+					}), /* @__PURE__ */ u(f, {
+						variant: "ghost",
+						size: "sm",
+						className: "text-xs",
+						children: [
+							v("technospam.shared.actions.viewAll", "View All"),
+							" ",
+							/* @__PURE__ */ l(r, { className: "ml-1 h-3 w-3" })
+						]
+					})]
+				}), /* @__PURE__ */ l(m, {
+					className: "space-y-4",
+					children: S.map((e) => {
+						let t = Math.round(e.completedDays / e.totalDays * 100);
+						return /* @__PURE__ */ u("div", {
+							className: "space-y-2 rounded-lg border border-border p-4",
+							children: [
+								/* @__PURE__ */ u("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ l("p", {
+										className: "font-medium",
+										children: e.title
+									}), /* @__PURE__ */ l(d, {
+										variant: "secondary",
+										className: "text-xs",
+										children: e.status
+									})]
+								}),
+								/* @__PURE__ */ l("p", {
+									className: "text-sm text-muted-foreground",
+									children: e.description
+								}),
+								/* @__PURE__ */ u("div", {
+									className: "flex items-center gap-2 text-xs text-muted-foreground",
+									children: [
+										/* @__PURE__ */ l(o, { className: "h-3 w-3" }),
+										/* @__PURE__ */ l("span", { children: v("technospam.studyPlanner.activePlans.dailyGoal", "{{minutes}}min/day goal", { minutes: e.dailyGoalMinutes }) }),
+										/* @__PURE__ */ l("span", { children: "·" }),
+										/* @__PURE__ */ l("span", { children: v("technospam.studyPlanner.activePlans.dayProgress", "{{completed}}/{{total}} days", {
+											completed: e.completedDays,
+											total: e.totalDays
+										}) })
+									]
+								}),
+								/* @__PURE__ */ l("div", {
+									className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+									children: /* @__PURE__ */ l("div", {
+										className: "h-2 rounded-full bg-primary",
+										style: { width: `${t}%` }
+									})
+								}),
+								/* @__PURE__ */ l("div", {
+									className: "flex flex-wrap gap-1",
+									children: e.topics.map((e) => /* @__PURE__ */ l(d, {
+										variant: "outline",
+										className: "text-xs",
+										children: e
+									}, e))
+								})
+							]
+						}, e.id);
+					})
+				})] }), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+					className: "flex flex-row items-center justify-between",
+					children: [/* @__PURE__ */ l(g, {
+						className: "text-base",
+						children: v("technospam.studyPlanner.learningPaths.title", "Learning Paths In Progress")
+					}), /* @__PURE__ */ u(f, {
+						variant: "ghost",
+						size: "sm",
+						className: "text-xs",
+						children: [
+							v("technospam.shared.actions.viewAll", "View All"),
+							" ",
+							/* @__PURE__ */ l(r, { className: "ml-1 h-3 w-3" })
+						]
+					})]
+				}), /* @__PURE__ */ l(m, {
+					className: "space-y-4",
+					children: C.map((e) => /* @__PURE__ */ u("div", {
+						className: "space-y-2 rounded-lg border border-border p-4",
+						children: [
+							/* @__PURE__ */ u("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ l("p", {
+									className: "font-medium",
+									children: e.title
+								}), /* @__PURE__ */ l(d, {
+									variant: "secondary",
+									className: "text-xs",
+									children: e.level
+								})]
+							}),
+							/* @__PURE__ */ l("p", {
+								className: "text-sm text-muted-foreground",
+								children: e.description
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "text-xs text-muted-foreground",
+								children: v("technospam.studyPlanner.learningPaths.meta", "{{courses}} courses · {{hours}}h estimated", {
+									courses: e.coursesCount,
+									hours: e.estimatedHours
+								})
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex items-center justify-between text-xs",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: v("technospam.studyPlanner.learningPaths.progressLabel", "Progress")
+								}), /* @__PURE__ */ u("span", {
+									className: "font-medium",
+									children: [e.progress, "%"]
+								})]
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+								children: /* @__PURE__ */ l("div", {
+									className: "h-2 rounded-full bg-primary",
+									style: { width: `${e.progress}%` }
+								})
+							})
+						]
+					}, e.id))
+				})] })]
+			}),
+			/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, {
+				className: "text-base",
+				children: v("technospam.studyPlanner.quickActions.title", "Quick Actions")
+			}) }), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ u("div", {
+				className: "grid gap-3 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ u(f, {
+						variant: "outline",
+						className: "flex h-auto flex-col items-center gap-2 p-4",
+						children: [/* @__PURE__ */ l(a, { className: "h-5 w-5" }), /* @__PURE__ */ l("span", {
+							className: "text-xs",
+							children: v("technospam.studyPlanner.quickActions.createPlan", "Create Study Plan")
+						})]
+					}),
+					/* @__PURE__ */ u(f, {
+						variant: "outline",
+						className: "flex h-auto flex-col items-center gap-2 p-4",
+						children: [/* @__PURE__ */ l(i, { className: "h-5 w-5" }), /* @__PURE__ */ l("span", {
+							className: "text-xs",
+							children: v("technospam.studyPlanner.quickActions.browsePaths", "Browse Learning Paths")
+						})]
+					}),
+					/* @__PURE__ */ u(f, {
+						variant: "outline",
+						className: "flex h-auto flex-col items-center gap-2 p-4",
+						children: [/* @__PURE__ */ l(c, { className: "h-5 w-5" }), /* @__PURE__ */ l("span", {
+							className: "text-xs",
+							children: v("technospam.studyPlanner.quickActions.setGoals", "Set Goals")
+						})]
+					})
+				]
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { _ as StudyPlannerStudyPlannerPagePage };
+
+//# sourceMappingURL=StudyPlannerStudyPlannerPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StudyPlannerStudyPlannerPagePage.js","names":[],"sources":["../../../src/technospam/pages/StudyPlannerStudyPlannerPagePage.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Calendar, Target, BookOpen, Clock, ArrowRight, Flame } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function StudyPlannerStudyPlannerPagePage() {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string, params?: Record<string, string | number>): string =>\n    tWithFallback(t, key, fallback, params);\n  const { studyPlans, learningPaths, userStats } = useTechnoSpamStore();\n\n  const activePlans = studyPlans.filter((plan) => plan.status === 'active');\n  const inProgressPaths = learningPaths.filter((path) => path.progress > 0 && path.progress < 100);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">\n          {tr('technospam.studyPlanner.title', 'Study Planner')}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {tr(\n            'technospam.studyPlanner.subtitle',\n            'Plan, track, and optimize your learning journey'\n          )}\n        </p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tr('technospam.studyPlanner.metrics.activePlans.title', 'Active Plans')}\n            </CardTitle>\n            <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{activePlans.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\">\n              {tr('technospam.studyPlanner.metrics.studyStreak.title', 'Study Streak')}\n            </CardTitle>\n            <Flame className=\"h-4 w-4 text-orange-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {tr('technospam.studyPlanner.metrics.studyStreak.value', '{{count}} days', {\n                count: userStats.studyStreak,\n              })}\n            </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\">\n              {tr('technospam.studyPlanner.metrics.learningPaths.title', 'Learning Paths')}\n            </CardTitle>\n            <Target className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{inProgressPaths.length}</div>\n            <p className=\"text-xs text-muted-foreground\">\n              {tr('technospam.studyPlanner.metrics.learningPaths.subtitle', 'In progress')}\n            </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\">\n              {tr('technospam.studyPlanner.metrics.learningHours.title', 'Learning Hours')}\n            </CardTitle>\n            <Clock className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.totalLearningHours}</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between\">\n            <CardTitle className=\"text-base\">\n              {tr('technospam.studyPlanner.activePlans.title', 'Active Study Plans')}\n            </CardTitle>\n            <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\">\n              {tr('technospam.shared.actions.viewAll', 'View All')}{' '}\n              <ArrowRight className=\"ml-1 h-3 w-3\" />\n            </Button>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {activePlans.map((plan) => {\n              const progressPercent = Math.round((plan.completedDays / plan.totalDays) * 100);\n              return (\n                <div key={plan.id} className=\"space-y-2 rounded-lg border border-border p-4\">\n                  <div className=\"flex items-center justify-between\">\n                    <p className=\"font-medium\">{plan.title}</p>\n                    <Badge variant=\"secondary\" className=\"text-xs\">\n                      {plan.status}\n                    </Badge>\n                  </div>\n                  <p className=\"text-sm text-muted-foreground\">{plan.description}</p>\n                  <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n                    <Clock className=\"h-3 w-3\" />\n                    <span>\n                      {tr(\n                        'technospam.studyPlanner.activePlans.dailyGoal',\n                        '{{minutes}}min/day goal',\n                        {\n                          minutes: plan.dailyGoalMinutes,\n                        }\n                      )}\n                    </span>\n                    <span>&middot;</span>\n                    <span>\n                      {tr(\n                        'technospam.studyPlanner.activePlans.dayProgress',\n                        '{{completed}}/{{total}} days',\n                        {\n                          completed: plan.completedDays,\n                          total: plan.totalDays,\n                        }\n                      )}\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 bg-primary\"\n                      style={{ width: `${progressPercent}%` }}\n                    />\n                  </div>\n                  <div className=\"flex flex-wrap gap-1\">\n                    {plan.topics.map((topic) => (\n                      <Badge key={topic} variant=\"outline\" className=\"text-xs\">\n                        {topic}\n                      </Badge>\n                    ))}\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between\">\n            <CardTitle className=\"text-base\">\n              {tr('technospam.studyPlanner.learningPaths.title', 'Learning Paths In Progress')}\n            </CardTitle>\n            <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\">\n              {tr('technospam.shared.actions.viewAll', 'View All')}{' '}\n              <ArrowRight className=\"ml-1 h-3 w-3\" />\n            </Button>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {inProgressPaths.map((path) => (\n              <div key={path.id} className=\"space-y-2 rounded-lg border border-border p-4\">\n                <div className=\"flex items-center justify-between\">\n                  <p className=\"font-medium\">{path.title}</p>\n                  <Badge variant=\"secondary\" className=\"text-xs\">\n                    {path.level}\n                  </Badge>\n                </div>\n                <p className=\"text-sm text-muted-foreground\">{path.description}</p>\n                <div className=\"text-xs text-muted-foreground\">\n                  {tr(\n                    'technospam.studyPlanner.learningPaths.meta',\n                    '{{courses}} courses · {{hours}}h estimated',\n                    { courses: path.coursesCount, hours: path.estimatedHours }\n                  )}\n                </div>\n                <div className=\"flex items-center justify-between text-xs\">\n                  <span className=\"text-muted-foreground\">\n                    {tr('technospam.studyPlanner.learningPaths.progressLabel', 'Progress')}\n                  </span>\n                  <span className=\"font-medium\">{path.progress}%</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={{ width: `${path.progress}%` }}\n                  />\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">\n            {tr('technospam.studyPlanner.quickActions.title', 'Quick Actions')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid gap-3 sm:grid-cols-3\">\n            <Button variant=\"outline\" className=\"flex h-auto flex-col items-center gap-2 p-4\">\n              <Calendar className=\"h-5 w-5\" />\n              <span className=\"text-xs\">\n                {tr('technospam.studyPlanner.quickActions.createPlan', 'Create Study Plan')}\n              </span>\n            </Button>\n            <Button variant=\"outline\" className=\"flex h-auto flex-col items-center gap-2 p-4\">\n              <BookOpen className=\"h-5 w-5\" />\n              <span className=\"text-xs\">\n                {tr('technospam.studyPlanner.quickActions.browsePaths', 'Browse Learning Paths')}\n              </span>\n            </Button>\n            <Button variant=\"outline\" className=\"flex h-auto flex-col items-center gap-2 p-4\">\n              <Target className=\"h-5 w-5\" />\n              <span className=\"text-xs\">\n                {tr('technospam.studyPlanner.quickActions.setGoals', 'Set Goals')}\n              </span>\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StudyPlannerStudyPlansPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/StudyPlannerStudyPlansPagePage.tsx"],"names":[],"mappings":"AAIA,wBAAgB,8BAA8B,4CAqF7C"}

package/dist/technospam/pages/StudyPlannerStudyPlansPagePage.js

@@ -0,0 +1,113 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { Calendar as t, Clock as n, Plus as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Badge as o, Button as s, Card as c, CardContent as l } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/StudyPlannerStudyPlansPagePage.tsx
+function u() {
+	let { studyPlans: u } = e(), d = (e) => {
+		switch (e) {
+			case "active": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
+			case "paused": return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400";
+			case "completed": return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
+			default: return "";
+		}
+	};
+	return /* @__PURE__ */ a("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
+				className: "text-2xl font-semibold text-foreground",
+				children: "Study Plans"
+			}), /* @__PURE__ */ i("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Manage your study plans and schedules"
+			})] }), /* @__PURE__ */ a(s, {
+				size: "sm",
+				children: [/* @__PURE__ */ i(r, { className: "mr-2 h-4 w-4" }), "New Plan"]
+			})]
+		}), /* @__PURE__ */ i("div", {
+			className: "space-y-4",
+			children: u.map((e) => {
+				let r = Math.round(e.completedDays / e.totalDays * 100);
+				return /* @__PURE__ */ i(c, { children: /* @__PURE__ */ a(l, {
+					className: "p-4 space-y-3",
+					children: [
+						/* @__PURE__ */ a("div", {
+							className: "flex items-start justify-between",
+							children: [/* @__PURE__ */ a("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ i("h3", {
+									className: "font-medium",
+									children: e.title
+								}), /* @__PURE__ */ i("p", {
+									className: "text-sm text-muted-foreground",
+									children: e.description
+								})]
+							}), /* @__PURE__ */ i("span", {
+								className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${d(e.status)}`,
+								children: e.status
+							})]
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "flex items-center gap-4 text-xs text-muted-foreground",
+							children: [/* @__PURE__ */ a("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ i(t, { className: "h-3 w-3" }),
+									new Date(e.startDate).toLocaleDateString(),
+									" -",
+									" ",
+									new Date(e.endDate).toLocaleDateString()
+								]
+							}), /* @__PURE__ */ a("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ i(n, { className: "h-3 w-3" }),
+									e.dailyGoalMinutes,
+									"min/day"
+								]
+							})]
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ a("div", {
+								className: "flex items-center justify-between text-xs",
+								children: [/* @__PURE__ */ a("span", {
+									className: "text-muted-foreground",
+									children: [
+										e.completedDays,
+										"/",
+										e.totalDays,
+										" days"
+									]
+								}), /* @__PURE__ */ a("span", {
+									className: "font-medium",
+									children: [r, "%"]
+								})]
+							}), /* @__PURE__ */ i("div", {
+								className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+								children: /* @__PURE__ */ i("div", {
+									className: `h-2 rounded-full ${e.status === "completed" ? "bg-green-500" : "bg-primary"}`,
+									style: { width: `${r}%` }
+								})
+							})]
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "flex flex-wrap gap-1",
+							children: e.topics.map((e) => /* @__PURE__ */ i(o, {
+								variant: "outline",
+								className: "text-xs",
+								children: e
+							}, e))
+						})
+					]
+				}) }, e.id);
+			})
+		})]
+	});
+}
+//#endregion
+export { u as StudyPlannerStudyPlansPagePage };
+
+//# sourceMappingURL=StudyPlannerStudyPlansPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StudyPlannerStudyPlansPagePage.js","names":[],"sources":["../../../src/technospam/pages/StudyPlannerStudyPlansPagePage.tsx"],"sourcesContent":["import { Card, CardContent, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Calendar, Clock, Plus } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nexport function StudyPlannerStudyPlansPagePage() {\n  const { studyPlans } = useTechnoSpamStore();\n\n  const statusColor = (status: string) => {\n    switch (status) {\n      case 'active':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'paused':\n        return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400';\n      case 'completed':\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n      default:\n        return '';\n    }\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\">Study Plans</h1>\n          <p className=\"text-sm text-muted-foreground\">Manage your study plans and schedules</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-2 h-4 w-4\" />\n          New Plan\n        </Button>\n      </div>\n\n      <div className=\"space-y-4\">\n        {studyPlans.map((plan) => {\n          const progressPercent = Math.round((plan.completedDays / plan.totalDays) * 100);\n          return (\n            <Card key={plan.id}>\n              <CardContent className=\"p-4 space-y-3\">\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"space-y-1\">\n                    <h3 className=\"font-medium\">{plan.title}</h3>\n                    <p className=\"text-sm text-muted-foreground\">{plan.description}</p>\n                  </div>\n                  <span\n                    className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${statusColor(plan.status)}`}\n                  >\n                    {plan.status}\n                  </span>\n                </div>\n                <div className=\"flex items-center gap-4 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <Calendar className=\"h-3 w-3\" />\n                    {new Date(plan.startDate).toLocaleDateString()} -{' '}\n                    {new Date(plan.endDate).toLocaleDateString()}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <Clock className=\"h-3 w-3\" />\n                    {plan.dailyGoalMinutes}min/day\n                  </span>\n                </div>\n                <div className=\"space-y-1\">\n                  <div className=\"flex items-center justify-between text-xs\">\n                    <span className=\"text-muted-foreground\">\n                      {plan.completedDays}/{plan.totalDays} days\n                    </span>\n                    <span className=\"font-medium\">{progressPercent}%</span>\n                  </div>\n                  <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                    <div\n                      className={`h-2 rounded-full ${plan.status === 'completed' ? 'bg-green-500' : 'bg-primary'}`}\n                      style={{ width: `${progressPercent}%` }}\n                    />\n                  </div>\n                </div>\n                <div className=\"flex flex-wrap gap-1\">\n                  {plan.topics.map((topic) => (\n                    <Badge key={topic} variant=\"outline\" className=\"text-xs\">\n                      {topic}\n                    </Badge>\n                  ))}\n                </div>\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,IAAiC;CAC/C,IAAM,EAAE,kBAAe,GAAoB,EAErC,KAAe,MAAmB;AACtC,UAAQ,GAAR;GACE,KAAK,SACH,QAAO;GACT,KAAK,SACH,QAAO;GACT,KAAK,YACH,QAAO;GACT,QACE,QAAO;;;AAIb,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyC;IAAgB,CAAA,EACvE,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAAyC,CAAA,CAClF,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;MACL;MAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAW,KAAK,MAAS;IACxB,IAAM,IAAkB,KAAK,MAAO,EAAK,gBAAgB,EAAK,YAAa,IAAI;AAC/E,WACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eAAvB;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,MAAD;SAAI,WAAU;mBAAe,EAAK;SAAW,CAAA,EAC7C,kBAAC,KAAD;SAAG,WAAU;mBAAiC,EAAK;SAAgB,CAAA,CAC/D;WACN,kBAAC,QAAD;QACE,WAAW,yEAAyE,EAAY,EAAK,OAAO;kBAE3G,EAAK;QACD,CAAA,CACH;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;SAC/B,IAAI,KAAK,EAAK,UAAU,CAAC,oBAAoB;SAAC;SAAG;SACjD,IAAI,KAAK,EAAK,QAAQ,CAAC,oBAAoB;SACvC;WACP,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;SAC5B,EAAK;SAAiB;SAClB;UACH;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACG,EAAK;UAAc;UAAE,EAAK;UAAU;UAChC;YACP,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CAA+B,GAAgB,IAAQ;WACnD;WACN,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SACE,WAAW,oBAAoB,EAAK,WAAW,cAAc,iBAAiB;SAC9E,OAAO,EAAE,OAAO,GAAG,EAAgB,IAAI;SACvC,CAAA;QACE,CAAA,CACF;;MACN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAK,OAAO,KAAK,MAChB,kBAAC,GAAD;QAAmB,SAAQ;QAAU,WAAU;kBAC5C;QACK,EAFI,EAEJ,CACR;OACE,CAAA;MACM;QACT,EA9CI,EAAK,GA8CT;KAET;GACE,CAAA,CACF"}

package/dist/technospam/providers/TechnoSpamProvider.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+import { TechnoSpamRootProps } from '../types';
+
+export declare const useTechnoSpam: () => TechnoSpamRootProps;
+export declare const TechnoSpamProvider: FC<PropsWithChildren<TechnoSpamRootProps>>;
+//# sourceMappingURL=TechnoSpamProvider.d.ts.map

package/dist/technospam/providers/TechnoSpamProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TechnoSpamProvider.d.ts","sourceRoot":"","sources":["../../../src/technospam/providers/TechnoSpamProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,eAAO,MAAM,aAAa,2BAIzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAsBzE,CAAC"}

package/dist/technospam/providers/TechnoSpamProvider.js

@@ -0,0 +1,27 @@
+import { createContext as e, useContext as t, useMemo as n } from "react";
+import { MemoryRouter as r } from "react-router-dom";
+import { QueryClient as i, QueryClientProvider as a } from "@tanstack/react-query";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/technospam/providers/TechnoSpamProvider.tsx
+var s = e(null), c = () => {
+	let e = t(s);
+	if (!e) throw Error("useTechnoSpam must be used within TechnoSpamProvider");
+	return e;
+}, l = ({ children: e, ...t }) => {
+	let c = /* @__PURE__ */ o(a, {
+		client: n(() => new i({ defaultOptions: { queries: {
+			retry: 1,
+			refetchOnWindowFocus: !1,
+			staleTime: 300 * 1e3
+		} } }), []),
+		children: /* @__PURE__ */ o(s.Provider, {
+			value: t,
+			children: e
+		})
+	});
+	return t.basePath ? c : /* @__PURE__ */ o(r, { children: c });
+};
+//#endregion
+export { l as TechnoSpamProvider, c as useTechnoSpam };
+
+//# sourceMappingURL=TechnoSpamProvider.js.map

package/dist/technospam/providers/TechnoSpamProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TechnoSpamProvider.js","names":[],"sources":["../../../src/technospam/providers/TechnoSpamProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { TechnoSpamRootProps } from '../types';\n\ntype TechnoSpamContextValue = TechnoSpamRootProps;\n\nconst TechnoSpamContext = createContext<TechnoSpamContextValue | null>(null);\n\nexport const useTechnoSpam = () => {\n  const context = useContext(TechnoSpamContext);\n  if (!context) throw new Error('useTechnoSpam must be used within TechnoSpamProvider');\n  return context;\n};\n\nexport const TechnoSpamProvider: FC<PropsWithChildren<TechnoSpamRootProps>> = ({\n  children,\n  ...props\n}) => {\n  const queryClient = useMemo(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: { retry: 1, refetchOnWindowFocus: false, staleTime: 5 * 60 * 1000 },\n        },\n      }),\n    []\n  );\n\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <TechnoSpamContext.Provider value={props}>{children}</TechnoSpamContext.Provider>\n    </QueryClientProvider>\n  );\n\n  if (props.basePath) return content;\n  return <MemoryRouter>{content}</MemoryRouter>;\n};\n"],"mappings":";;;;;AAQA,IAAM,IAAoB,EAA6C,KAAK,EAE/D,UAAsB;CACjC,IAAM,IAAU,EAAW,EAAkB;AAC7C,KAAI,CAAC,EAAS,OAAU,MAAM,uDAAuD;AACrF,QAAO;GAGI,KAAkE,EAC7E,aACA,GAAG,QACC;CAWJ,IAAM,IACJ,kBAAC,GAAD;EAAqB,QAXH,QAEhB,IAAI,EAAY,EACd,gBAAgB,EACd,SAAS;GAAE,OAAO;GAAG,sBAAsB;GAAO,WAAW,MAAS;GAAM,EAC7E,EACF,CAAC,EACJ,EAAE,CACH;YAIG,kBAAC,EAAkB,UAAnB;GAA4B,OAAO;GAAQ;GAAsC,CAAA;EAC7D,CAAA;AAIxB,QADI,EAAM,WAAiB,IACpB,kBAAC,GAAD,EAAA,UAAe,GAAuB,CAAA"}