@burdenoff/microfe-technospam 2026.525.1 → 2026.704.1

package/dist/technospam/pages/KnowledgeBaseKnowledgeBasePagePage.js

@@ -1,165 +0,0 @@
-import { useTechnoSpamStore as e } from "../store/technospamStore.js";
-import { ArrowRight as t, BookOpen as n, Clock as r, Search 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/KnowledgeBaseKnowledgeBasePagePage.tsx
-var m = [
-	{
-		name: "React",
-		count: 24,
-		icon: "⚛️"
-	},
-	{
-		name: "Career",
-		count: 18,
-		icon: "💼"
-	},
-	{
-		name: "Languages",
-		count: 15,
-		icon: "🔤"
-	},
-	{
-		name: "Machine Learning",
-		count: 12,
-		icon: "🤖"
-	},
-	{
-		name: "DevOps",
-		count: 10,
-		icon: "🔧"
-	},
-	{
-		name: "System Design",
-		count: 8,
-		icon: "🏗️"
-	}
-];
-function h() {
-	let { articles: h } = e(), g = h.reduce((e, t) => e + t.views, 0), _ = h.slice(0, 3);
-	return /* @__PURE__ */ s("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
-				className: "text-2xl font-semibold text-foreground",
-				children: "Knowledge Base"
-			}), /* @__PURE__ */ o("p", {
-				className: "text-sm text-muted-foreground",
-				children: "Articles, guides, and tutorials from the community"
-			})] }),
-			/* @__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 Articles"
-						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: h.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: "Total Views"
-						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
-						className: "text-2xl font-bold",
-						children: g.toLocaleString()
-					}) })] }),
-					/* @__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: "Categories"
-						}), /* @__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("div", {
-				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ o("div", {
-					className: "space-y-4 lg:col-span-2",
-					children: /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(f, {
-						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ o(p, {
-							className: "text-base",
-							children: "Featured Articles"
-						}), /* @__PURE__ */ s(l, {
-							variant: "ghost",
-							size: "sm",
-							className: "text-xs",
-							children: ["View All ", /* @__PURE__ */ o(t, { className: "ml-1 h-3 w-3" })]
-						})]
-					}), /* @__PURE__ */ o(d, {
-						className: "space-y-4",
-						children: _.map((e) => /* @__PURE__ */ s("div", {
-							className: "rounded-lg border border-border p-4 space-y-2",
-							children: [
-								/* @__PURE__ */ s("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ o(c, {
-										variant: "secondary",
-										className: "text-xs",
-										children: e.category
-									}), /* @__PURE__ */ s("span", {
-										className: "flex items-center gap-1 text-xs text-muted-foreground",
-										children: [
-											/* @__PURE__ */ o(r, { className: "h-3 w-3" }),
-											e.readTime,
-											" min read"
-										]
-									})]
-								}),
-								/* @__PURE__ */ o("h3", {
-									className: "font-medium",
-									children: e.title
-								}),
-								/* @__PURE__ */ o("p", {
-									className: "text-sm text-muted-foreground",
-									children: e.excerpt
-								}),
-								/* @__PURE__ */ s("div", {
-									className: "flex items-center gap-3 text-xs text-muted-foreground",
-									children: [
-										/* @__PURE__ */ s("span", { children: ["by ", e.author] }),
-										/* @__PURE__ */ o("span", { children: "·" }),
-										/* @__PURE__ */ s("span", { children: [e.views.toLocaleString(), " views"] }),
-										/* @__PURE__ */ o("span", { children: "·" }),
-										/* @__PURE__ */ s("span", { children: [e.likes, " likes"] })
-									]
-								})
-							]
-						}, e.id))
-					})] })
-				}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, {
-					className: "text-base",
-					children: "Browse by Category"
-				}) }), /* @__PURE__ */ o(d, {
-					className: "space-y-2",
-					children: m.map((e) => /* @__PURE__ */ s("div", {
-						className: "flex items-center justify-between rounded-lg border border-border p-3 hover:bg-muted/50 cursor-pointer",
-						children: [/* @__PURE__ */ o("span", {
-							className: "text-sm font-medium",
-							children: e.name
-						}), /* @__PURE__ */ o(c, {
-							variant: "secondary",
-							className: "text-xs",
-							children: e.count
-						})]
-					}, e.name))
-				})] })]
-			})
-		]
-	});
-}
-//#endregion
-export { h as KnowledgeBaseKnowledgeBasePagePage };
-
-//# sourceMappingURL=KnowledgeBaseKnowledgeBasePagePage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KnowledgeBaseKnowledgeBasePagePage.js","names":[],"sources":["../../../src/technospam/pages/KnowledgeBaseKnowledgeBasePagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { BookOpen, TrendingUp, Clock, ArrowRight, Search } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nconst categories = [\n  { name: 'React', count: 24, icon: '⚛️' },\n  { name: 'Career', count: 18, icon: '💼' },\n  { name: 'Languages', count: 15, icon: '🔤' },\n  { name: 'Machine Learning', count: 12, icon: '🤖' },\n  { name: 'DevOps', count: 10, icon: '🔧' },\n  { name: 'System Design', count: 8, icon: '🏗️' },\n];\n\nexport function KnowledgeBaseKnowledgeBasePagePage() {\n  const { articles } = useTechnoSpamStore();\n\n  const totalViews = articles.reduce((sum, a) => sum + a.views, 0);\n  const featuredArticles = articles.slice(0, 3);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">Knowledge Base</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Articles, guides, and tutorials from the community\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\">Total Articles</CardTitle>\n            <BookOpen className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{articles.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\">Total Views</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalViews.toLocaleString()}</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\">Categories</CardTitle>\n            <Search className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{categories.length}</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Featured Articles */}\n        <div className=\"space-y-4 lg:col-span-2\">\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between\">\n              <CardTitle className=\"text-base\">Featured Articles</CardTitle>\n              <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\">\n                View All <ArrowRight className=\"ml-1 h-3 w-3\" />\n              </Button>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {featuredArticles.map((article) => (\n                <div key={article.id} className=\"rounded-lg border border-border p-4 space-y-2\">\n                  <div className=\"flex items-center gap-2\">\n                    <Badge variant=\"secondary\" className=\"text-xs\">\n                      {article.category}\n                    </Badge>\n                    <span className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                      <Clock className=\"h-3 w-3\" />\n                      {article.readTime} min read\n                    </span>\n                  </div>\n                  <h3 className=\"font-medium\">{article.title}</h3>\n                  <p className=\"text-sm text-muted-foreground\">{article.excerpt}</p>\n                  <div className=\"flex items-center gap-3 text-xs text-muted-foreground\">\n                    <span>by {article.author}</span>\n                    <span>&middot;</span>\n                    <span>{article.views.toLocaleString()} views</span>\n                    <span>&middot;</span>\n                    <span>{article.likes} likes</span>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Categories Sidebar */}\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Browse by Category</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            {categories.map((cat) => (\n              <div\n                key={cat.name}\n                className=\"flex items-center justify-between rounded-lg border border-border p-3 hover:bg-muted/50 cursor-pointer\"\n              >\n                <span className=\"text-sm font-medium\">{cat.name}</span>\n                <Badge variant=\"secondary\" className=\"text-xs\">\n                  {cat.count}\n                </Badge>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/MentorshipBookingsPagePage.js

@@ -1,188 +0,0 @@
-import { useState as e } from "react";
-import { AlertCircle as t, Calendar as n, CheckCircle as r, Clock as i, User as a, XCircle as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Button as l, Card as u, CardContent as d } from "@burdenoff/fe-libs/ui";
-//#region src/technospam/pages/MentorshipBookingsPagePage.tsx
-var f = [
-	{
-		id: 1,
-		mentorName: "Sarah Chen",
-		topic: "System Design Review",
-		date: "2026-02-12T10:00:00Z",
-		duration: 60,
-		status: "confirmed",
-		cost: 120
-	},
-	{
-		id: 2,
-		mentorName: "Dr. Priya Sharma",
-		topic: "ML Pipeline Discussion",
-		date: "2026-02-14T14:00:00Z",
-		duration: 45,
-		status: "pending",
-		cost: 97.5
-	},
-	{
-		id: 3,
-		mentorName: "Alex Morgan",
-		topic: "Career Path Planning",
-		date: "2026-02-05T11:00:00Z",
-		duration: 60,
-		status: "completed",
-		cost: 0
-	},
-	{
-		id: 4,
-		mentorName: "James Rodriguez",
-		topic: "Deep Learning Basics",
-		date: "2026-01-28T15:00:00Z",
-		duration: 45,
-		status: "completed",
-		cost: 112.5
-	},
-	{
-		id: 5,
-		mentorName: "Emily Davis",
-		topic: "Microservices Architecture",
-		date: "2026-01-15T09:00:00Z",
-		duration: 60,
-		status: "cancelled",
-		cost: 100
-	}
-];
-function p() {
-	let [p, m] = e("upcoming"), h = f.filter((e) => e.status === "confirmed" || e.status === "pending"), g = f.filter((e) => e.status === "completed"), _ = f.filter((e) => e.status === "cancelled"), v = p === "upcoming" ? h : p === "past" ? g : _, y = (e) => {
-		switch (e) {
-			case "confirmed": return /* @__PURE__ */ s(r, { className: "h-4 w-4 text-green-500" });
-			case "pending": return /* @__PURE__ */ s(t, { className: "h-4 w-4 text-yellow-500" });
-			case "completed": return /* @__PURE__ */ s(r, { className: "h-4 w-4 text-blue-500" });
-			case "cancelled": return /* @__PURE__ */ s(o, { className: "h-4 w-4 text-red-500" });
-			default: return null;
-		}
-	}, b = (e) => {
-		switch (e) {
-			case "confirmed": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
-			case "pending": 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";
-			case "cancelled": return "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400";
-			default: return "";
-		}
-	};
-	return /* @__PURE__ */ c("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
-				className: "text-2xl font-semibold text-foreground",
-				children: "My Bookings"
-			}), /* @__PURE__ */ s("p", {
-				className: "text-sm text-muted-foreground",
-				children: "Manage your mentorship bookings and scheduling"
-			})] }),
-			/* @__PURE__ */ c("div", {
-				className: "flex gap-2 border-b border-border pb-2",
-				children: [
-					/* @__PURE__ */ c(l, {
-						variant: p === "upcoming" ? "default" : "ghost",
-						size: "sm",
-						onClick: () => m("upcoming"),
-						children: [
-							"Upcoming (",
-							h.length,
-							")"
-						]
-					}),
-					/* @__PURE__ */ c(l, {
-						variant: p === "past" ? "default" : "ghost",
-						size: "sm",
-						onClick: () => m("past"),
-						children: [
-							"Past (",
-							g.length,
-							")"
-						]
-					}),
-					/* @__PURE__ */ c(l, {
-						variant: p === "cancelled" ? "default" : "ghost",
-						size: "sm",
-						onClick: () => m("cancelled"),
-						children: [
-							"Cancelled (",
-							_.length,
-							")"
-						]
-					})
-				]
-			}),
-			v.length === 0 ? /* @__PURE__ */ s("div", {
-				className: "py-12 text-center text-sm text-muted-foreground",
-				children: "No bookings in this category"
-			}) : /* @__PURE__ */ s("div", {
-				className: "space-y-4",
-				children: v.map((e) => /* @__PURE__ */ s(u, { children: /* @__PURE__ */ c(d, {
-					className: "flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ c("div", {
-						className: "flex items-start gap-4",
-						children: [/* @__PURE__ */ s("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted",
-							children: /* @__PURE__ */ s(a, { className: "h-5 w-5 text-muted-foreground" })
-						}), /* @__PURE__ */ c("div", {
-							className: "space-y-1",
-							children: [
-								/* @__PURE__ */ c("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ s("p", {
-										className: "text-sm font-medium",
-										children: e.topic
-									}), y(e.status)]
-								}),
-								/* @__PURE__ */ c("p", {
-									className: "text-xs text-muted-foreground",
-									children: ["with ", e.mentorName]
-								}),
-								/* @__PURE__ */ c("div", {
-									className: "flex items-center gap-3 text-xs text-muted-foreground",
-									children: [/* @__PURE__ */ c("span", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ s(n, { className: "h-3 w-3" }), new Date(e.date).toLocaleDateString()]
-									}), /* @__PURE__ */ c("span", {
-										className: "flex items-center gap-1",
-										children: [
-											/* @__PURE__ */ s(i, { className: "h-3 w-3" }),
-											e.duration,
-											"min"
-										]
-									})]
-								})
-							]
-						})]
-					}), /* @__PURE__ */ c("div", {
-						className: "flex items-center gap-3",
-						children: [
-							/* @__PURE__ */ s("span", {
-								className: "text-sm font-medium",
-								children: e.cost === 0 ? "Free" : `$${e.cost}`
-							}),
-							/* @__PURE__ */ s("span", {
-								className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${b(e.status)}`,
-								children: e.status
-							}),
-							e.status === "pending" && /* @__PURE__ */ s(l, {
-								variant: "outline",
-								size: "sm",
-								children: "Cancel"
-							}),
-							e.status === "confirmed" && /* @__PURE__ */ s(l, {
-								size: "sm",
-								children: "Reschedule"
-							})
-						]
-					})]
-				}) }, e.id))
-			})
-		]
-	});
-}
-//#endregion
-export { p as MentorshipBookingsPagePage };
-
-//# sourceMappingURL=MentorshipBookingsPagePage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MentorshipBookingsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipBookingsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Calendar, Clock, User, CheckCircle, XCircle, AlertCircle } from 'lucide-react';\n\ntype TabFilter = 'upcoming' | 'past' | 'cancelled';\n\nconst mockBookings = [\n  {\n    id: 1,\n    mentorName: 'Sarah Chen',\n    topic: 'System Design Review',\n    date: '2026-02-12T10:00:00Z',\n    duration: 60,\n    status: 'confirmed',\n    cost: 120,\n  },\n  {\n    id: 2,\n    mentorName: 'Dr. Priya Sharma',\n    topic: 'ML Pipeline Discussion',\n    date: '2026-02-14T14:00:00Z',\n    duration: 45,\n    status: 'pending',\n    cost: 97.5,\n  },\n  {\n    id: 3,\n    mentorName: 'Alex Morgan',\n    topic: 'Career Path Planning',\n    date: '2026-02-05T11:00:00Z',\n    duration: 60,\n    status: 'completed',\n    cost: 0,\n  },\n  {\n    id: 4,\n    mentorName: 'James Rodriguez',\n    topic: 'Deep Learning Basics',\n    date: '2026-01-28T15:00:00Z',\n    duration: 45,\n    status: 'completed',\n    cost: 112.5,\n  },\n  {\n    id: 5,\n    mentorName: 'Emily Davis',\n    topic: 'Microservices Architecture',\n    date: '2026-01-15T09:00:00Z',\n    duration: 60,\n    status: 'cancelled',\n    cost: 100,\n  },\n];\n\nexport function MentorshipBookingsPagePage() {\n  const [activeTab, setActiveTab] = useState<TabFilter>('upcoming');\n\n  const upcomingBookings = mockBookings.filter(\n    (b) => b.status === 'confirmed' || b.status === 'pending'\n  );\n  const pastBookings = mockBookings.filter((b) => b.status === 'completed');\n  const cancelledBookings = mockBookings.filter((b) => b.status === 'cancelled');\n\n  const displayBookings =\n    activeTab === 'upcoming'\n      ? upcomingBookings\n      : activeTab === 'past'\n        ? pastBookings\n        : cancelledBookings;\n\n  const statusIcon = (status: string) => {\n    switch (status) {\n      case 'confirmed':\n        return <CheckCircle className=\"h-4 w-4 text-green-500\" />;\n      case 'pending':\n        return <AlertCircle className=\"h-4 w-4 text-yellow-500\" />;\n      case 'completed':\n        return <CheckCircle className=\"h-4 w-4 text-blue-500\" />;\n      case 'cancelled':\n        return <XCircle className=\"h-4 w-4 text-red-500\" />;\n      default:\n        return null;\n    }\n  };\n\n  const statusBadgeClass = (status: string) => {\n    switch (status) {\n      case 'confirmed':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'pending':\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      case 'cancelled':\n        return 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400';\n      default:\n        return '';\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">My Bookings</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Manage your mentorship bookings and scheduling\n        </p>\n      </div>\n\n      <div className=\"flex gap-2 border-b border-border pb-2\">\n        <Button\n          variant={activeTab === 'upcoming' ? 'default' : 'ghost'}\n          size=\"sm\"\n          onClick={() => setActiveTab('upcoming')}\n        >\n          Upcoming ({upcomingBookings.length})\n        </Button>\n        <Button\n          variant={activeTab === 'past' ? 'default' : 'ghost'}\n          size=\"sm\"\n          onClick={() => setActiveTab('past')}\n        >\n          Past ({pastBookings.length})\n        </Button>\n        <Button\n          variant={activeTab === 'cancelled' ? 'default' : 'ghost'}\n          size=\"sm\"\n          onClick={() => setActiveTab('cancelled')}\n        >\n          Cancelled ({cancelledBookings.length})\n        </Button>\n      </div>\n\n      {displayBookings.length === 0 ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">\n          No bookings in this category\n        </div>\n      ) : (\n        <div className=\"space-y-4\">\n          {displayBookings.map((booking) => (\n            <Card key={booking.id}>\n              <CardContent className=\"flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:justify-between\">\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-muted\">\n                    <User className=\"h-5 w-5 text-muted-foreground\" />\n                  </div>\n                  <div className=\"space-y-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <p className=\"text-sm font-medium\">{booking.topic}</p>\n                      {statusIcon(booking.status)}\n                    </div>\n                    <p className=\"text-xs text-muted-foreground\">with {booking.mentorName}</p>\n                    <div className=\"flex 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(booking.date).toLocaleDateString()}\n                      </span>\n                      <span className=\"flex items-center gap-1\">\n                        <Clock className=\"h-3 w-3\" />\n                        {booking.duration}min\n                      </span>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"text-sm font-medium\">\n                    {booking.cost === 0 ? 'Free' : `$${booking.cost}`}\n                  </span>\n                  <span\n                    className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${statusBadgeClass(booking.status)}`}\n                  >\n                    {booking.status}\n                  </span>\n                  {booking.status === 'pending' && (\n                    <Button variant=\"outline\" size=\"sm\">\n                      Cancel\n                    </Button>\n                  )}\n                  {booking.status === 'confirmed' && <Button size=\"sm\">Reschedule</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/MentorshipMentorshipPagePage.js

@@ -1,209 +0,0 @@
-import { useTechnoSpamStore as e } from "../store/technospamStore.js";
-import { ArrowRight as t, Calendar as n, Clock as r, MessageSquare as i, Star as a, User as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
-//#region src/technospam/pages/MentorshipMentorshipPagePage.tsx
-var h = [{
-	id: 1,
-	mentorName: "Sarah Chen",
-	topic: "System Design Review",
-	date: "2026-02-12T10:00:00Z",
-	duration: 60
-}, {
-	id: 2,
-	mentorName: "Dr. Priya Sharma",
-	topic: "ML Pipeline Discussion",
-	date: "2026-02-14T14:00:00Z",
-	duration: 45
-}];
-function g() {
-	let { mentors: g, userStats: _ } = e(), v = g.filter((e) => e.isAvailable), y = g.slice(0, 3);
-	return /* @__PURE__ */ c("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
-				className: "text-2xl font-semibold text-foreground",
-				children: "Mentorship"
-			}), /* @__PURE__ */ s("p", {
-				className: "text-sm text-muted-foreground",
-				children: "Connect with experienced mentors to accelerate your growth"
-			})] }),
-			/* @__PURE__ */ c("div", {
-				className: "grid gap-4 md:grid-cols-3",
-				children: [
-					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ s(m, {
-							className: "text-sm font-medium",
-							children: "Total Sessions"
-						}), /* @__PURE__ */ s(i, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
-						className: "text-2xl font-bold",
-						children: _.mentorshipSessions
-					}), /* @__PURE__ */ s("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Completed sessions"
-					})] })] }),
-					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ s(m, {
-							className: "text-sm font-medium",
-							children: "Available Mentors"
-						}), /* @__PURE__ */ s(o, { className: "h-4 w-4 text-green-500" })]
-					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
-						className: "text-2xl font-bold",
-						children: v.length
-					}), /* @__PURE__ */ s("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Ready to book"
-					})] })] }),
-					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ s(m, {
-							className: "text-sm font-medium",
-							children: "Upcoming"
-						}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
-						className: "text-2xl font-bold",
-						children: h.length
-					}), /* @__PURE__ */ s("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Scheduled sessions"
-					})] })] })
-				]
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ s("div", {
-					className: "space-y-4 lg:col-span-2",
-					children: /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
-						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ s(m, {
-							className: "text-base",
-							children: "Featured Mentors"
-						}), /* @__PURE__ */ c(u, {
-							variant: "ghost",
-							size: "sm",
-							className: "text-xs",
-							children: ["View All ", /* @__PURE__ */ s(t, { className: "ml-1 h-3 w-3" })]
-						})]
-					}), /* @__PURE__ */ s(f, {
-						className: "space-y-4",
-						children: y.map((e) => /* @__PURE__ */ c("div", {
-							className: "flex items-start gap-4 rounded-lg border border-border p-4",
-							children: [
-								/* @__PURE__ */ s("div", {
-									className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted",
-									children: /* @__PURE__ */ s(o, { className: "h-5 w-5 text-muted-foreground" })
-								}),
-								/* @__PURE__ */ c("div", {
-									className: "flex-1 space-y-1",
-									children: [
-										/* @__PURE__ */ c("div", {
-											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ s("p", {
-												className: "font-medium",
-												children: e.name
-											}), /* @__PURE__ */ s("span", { className: `h-2 w-2 rounded-full ${e.isAvailable ? "bg-green-500" : "bg-gray-400"}` })]
-										}),
-										/* @__PURE__ */ c("p", {
-											className: "text-xs text-muted-foreground",
-											children: [
-												e.title,
-												" at ",
-												e.company
-											]
-										}),
-										/* @__PURE__ */ c("div", {
-											className: "flex items-center gap-3 text-xs text-muted-foreground",
-											children: [
-												/* @__PURE__ */ c("span", {
-													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ s(a, { className: "h-3 w-3 text-yellow-500" }), e.rating]
-												}),
-												/* @__PURE__ */ c("span", { children: [e.totalSessions, " sessions"] }),
-												/* @__PURE__ */ s("span", { children: e.hourlyRate === 0 ? "Free" : `$${e.hourlyRate}/hr` })
-											]
-										}),
-										/* @__PURE__ */ s("div", {
-											className: "flex flex-wrap gap-1 pt-1",
-											children: e.expertise.slice(0, 3).map((e) => /* @__PURE__ */ s(l, {
-												variant: "outline",
-												className: "text-xs",
-												children: e
-											}, e))
-										})
-									]
-								}),
-								/* @__PURE__ */ s(u, {
-									size: "sm",
-									variant: "outline",
-									children: "Book"
-								})
-							]
-						}, e.id))
-					})] })
-				}), /* @__PURE__ */ c("div", {
-					className: "space-y-4",
-					children: [/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ c(m, {
-						className: "flex items-center gap-2 text-base",
-						children: [/* @__PURE__ */ s(n, { className: "h-4 w-4" }), "Upcoming Sessions"]
-					}) }), /* @__PURE__ */ s(f, {
-						className: "space-y-3",
-						children: h.map((e) => /* @__PURE__ */ c("div", {
-							className: "rounded-lg border border-border p-3 space-y-1",
-							children: [
-								/* @__PURE__ */ s("p", {
-									className: "text-sm font-medium",
-									children: e.topic
-								}),
-								/* @__PURE__ */ c("p", {
-									className: "text-xs text-muted-foreground",
-									children: ["with ", e.mentorName]
-								}),
-								/* @__PURE__ */ c("div", {
-									className: "flex items-center gap-2 text-xs text-muted-foreground",
-									children: [/* @__PURE__ */ s(r, { className: "h-3 w-3" }), /* @__PURE__ */ c("span", { children: [
-										new Date(e.date).toLocaleDateString(),
-										" · ",
-										e.duration,
-										"min"
-									] })]
-								})
-							]
-						}, e.id))
-					})] }), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, {
-						className: "text-base",
-						children: "Quick Actions"
-					}) }), /* @__PURE__ */ c(f, {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ c(u, {
-								variant: "outline",
-								className: "w-full justify-start",
-								size: "sm",
-								children: [/* @__PURE__ */ s(o, { className: "mr-2 h-4 w-4" }), "Browse Mentors"]
-							}),
-							/* @__PURE__ */ c(u, {
-								variant: "outline",
-								className: "w-full justify-start",
-								size: "sm",
-								children: [/* @__PURE__ */ s(n, { className: "mr-2 h-4 w-4" }), "My Bookings"]
-							}),
-							/* @__PURE__ */ c(u, {
-								variant: "outline",
-								className: "w-full justify-start",
-								size: "sm",
-								children: [/* @__PURE__ */ s(i, { className: "mr-2 h-4 w-4" }), "Session History"]
-							})
-						]
-					})] })]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { g as MentorshipMentorshipPagePage };
-
-//# sourceMappingURL=MentorshipMentorshipPagePage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MentorshipMentorshipPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorshipPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { User, Star, Calendar, MessageSquare, ArrowRight, Clock } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nconst upcomingSessions = [\n  {\n    id: 1,\n    mentorName: 'Sarah Chen',\n    topic: 'System Design Review',\n    date: '2026-02-12T10:00:00Z',\n    duration: 60,\n  },\n  {\n    id: 2,\n    mentorName: 'Dr. Priya Sharma',\n    topic: 'ML Pipeline Discussion',\n    date: '2026-02-14T14:00:00Z',\n    duration: 45,\n  },\n];\n\nexport function MentorshipMentorshipPagePage() {\n  const { mentors, userStats } = useTechnoSpamStore();\n  const availableMentors = mentors.filter((m) => m.isAvailable);\n  const featuredMentors = mentors.slice(0, 3);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">Mentorship</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Connect with experienced mentors to accelerate your growth\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\">Total Sessions</CardTitle>\n            <MessageSquare className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.mentorshipSessions}</div>\n            <p className=\"text-xs text-muted-foreground\">Completed sessions</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\">Available Mentors</CardTitle>\n            <User className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{availableMentors.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Ready to book</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\">Upcoming</CardTitle>\n            <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{upcomingSessions.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Scheduled sessions</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Featured Mentors */}\n        <div className=\"space-y-4 lg:col-span-2\">\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between\">\n              <CardTitle className=\"text-base\">Featured Mentors</CardTitle>\n              <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\">\n                View All <ArrowRight className=\"ml-1 h-3 w-3\" />\n              </Button>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {featuredMentors.map((mentor) => (\n                <div\n                  key={mentor.id}\n                  className=\"flex items-start gap-4 rounded-lg border border-border p-4\"\n                >\n                  <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-muted\">\n                    <User className=\"h-5 w-5 text-muted-foreground\" />\n                  </div>\n                  <div className=\"flex-1 space-y-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <p className=\"font-medium\">{mentor.name}</p>\n                      <span\n                        className={`h-2 w-2 rounded-full ${mentor.isAvailable ? 'bg-green-500' : 'bg-gray-400'}`}\n                      />\n                    </div>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {mentor.title} at {mentor.company}\n                    </p>\n                    <div className=\"flex items-center gap-3 text-xs text-muted-foreground\">\n                      <span className=\"flex items-center gap-1\">\n                        <Star className=\"h-3 w-3 text-yellow-500\" />\n                        {mentor.rating}\n                      </span>\n                      <span>{mentor.totalSessions} sessions</span>\n                      <span>{mentor.hourlyRate === 0 ? 'Free' : `$${mentor.hourlyRate}/hr`}</span>\n                    </div>\n                    <div className=\"flex flex-wrap gap-1 pt-1\">\n                      {mentor.expertise.slice(0, 3).map((skill) => (\n                        <Badge key={skill} variant=\"outline\" className=\"text-xs\">\n                          {skill}\n                        </Badge>\n                      ))}\n                    </div>\n                  </div>\n                  <Button size=\"sm\" variant=\"outline\">\n                    Book\n                  </Button>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Upcoming Sessions Sidebar */}\n        <div className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Calendar className=\"h-4 w-4\" />\n                Upcoming Sessions\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {upcomingSessions.map((session) => (\n                <div key={session.id} className=\"rounded-lg border border-border p-3 space-y-1\">\n                  <p className=\"text-sm font-medium\">{session.topic}</p>\n                  <p className=\"text-xs text-muted-foreground\">with {session.mentorName}</p>\n                  <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n                    <Clock className=\"h-3 w-3\" />\n                    <span>\n                      {new Date(session.date).toLocaleDateString()} &middot; {session.duration}min\n                    </span>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Quick Actions</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              <Button variant=\"outline\" className=\"w-full justify-start\" size=\"sm\">\n                <User className=\"mr-2 h-4 w-4\" />\n                Browse Mentors\n              </Button>\n              <Button variant=\"outline\" className=\"w-full justify-start\" size=\"sm\">\n                <Calendar className=\"mr-2 h-4 w-4\" />\n                My Bookings\n              </Button>\n              <Button variant=\"outline\" className=\"w-full justify-start\" size=\"sm\">\n                <MessageSquare className=\"mr-2 h-4 w-4\" />\n                Session History\n              </Button>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,IAAM,IAAmB,CACvB;CACE,IAAI;CACJ,YAAY;CACZ,OAAO;CACP,MAAM;CACN,UAAU;CACX,EACD;CACE,IAAI;CACJ,YAAY;CACZ,OAAO;CACP,MAAM;CACN,UAAU;CACX,CACF;AAED,SAAgB,IAA+B;CAC7C,IAAM,EAAE,YAAS,iBAAc,GAAoB,EAC7C,IAAmB,EAAQ,QAAQ,MAAM,EAAE,YAAY,EACvD,IAAkB,EAAQ,MAAM,GAAG,EAAE;AAE3C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyC;IAAe,CAAA,EACtE,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAEzC,CAAA,CACA,EAAA,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAA0B,CAAA,EACrE,kBAAC,GAAD,EAAe,WAAU,iCAAkC,CAAA,CAChD;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB,EAAU;MAAyB,CAAA,EACxE,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAsB,CAAA,CACvD,EAAA,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAA6B,CAAA,EACxE,kBAAC,GAAD,EAAM,WAAU,0BAA2B,CAAA,CAChC;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB,EAAiB;MAAa,CAAA,EACnE,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAiB,CAAA,CAClD,EAAA,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAoB,CAAA,EAC/D,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA,CAC3C;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB,EAAiB;MAAa,CAAA,EACnE,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAsB,CAAA,CACvD,EAAA,CAAA,CACT,EAAA,CAAA;KACH;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAY;OAA4B,CAAA,EAC7D,kBAAC,GAAD;OAAQ,SAAQ;OAAQ,MAAK;OAAK,WAAU;iBAA5C,CAAsD,aAC3C,kBAAC,GAAD,EAAY,WAAU,gBAAiB,CAAA,CACzC;SACE;SACb,kBAAC,GAAD;MAAa,WAAU;gBACpB,EAAgB,KAAK,MACpB,kBAAC,OAAD;OAEE,WAAU;iBAFZ;QAIE,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,GAAD,EAAM,WAAU,iCAAkC,CAAA;SAC9C,CAAA;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,KAAD;YAAG,WAAU;sBAAe,EAAO;YAAS,CAAA,EAC5C,kBAAC,QAAD,EACE,WAAW,wBAAwB,EAAO,cAAc,iBAAiB,iBACzE,CAAA,CACE;;UACN,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAO;YAAM;YAAK,EAAO;YACxB;;UACJ,kBAAC,OAAD;WAAK,WAAU;qBAAf;YACE,kBAAC,QAAD;aAAM,WAAU;uBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,2BAA4B,CAAA,EAC3C,EAAO,OACH;;YACP,kBAAC,QAAD,EAAA,UAAA,CAAO,EAAO,eAAc,YAAgB,EAAA,CAAA;YAC5C,kBAAC,QAAD,EAAA,UAAO,EAAO,eAAe,IAAI,SAAS,IAAI,EAAO,WAAW,MAAY,CAAA;YACxE;;UACN,kBAAC,OAAD;WAAK,WAAU;qBACZ,EAAO,UAAU,MAAM,GAAG,EAAE,CAAC,KAAK,MACjC,kBAAC,GAAD;YAAmB,SAAQ;YAAU,WAAU;sBAC5C;YACK,EAFI,EAEJ,CACR;WACE,CAAA;UACF;;QACN,kBAAC,GAAD;SAAQ,MAAK;SAAK,SAAQ;mBAAU;SAE3B,CAAA;QACL;SAnCC,EAAO,GAmCR,CACN;MACU,CAAA,CACT,EAAA,CAAA;KACH,CAAA,EAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAW,WAAU;gBAArB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,oBAEtB;SACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBACpB,EAAiB,KAAK,MACrB,kBAAC,OAAD;OAAsB,WAAU;iBAAhC;QACE,kBAAC,KAAD;SAAG,WAAU;mBAAuB,EAAQ;SAAU,CAAA;QACtD,kBAAC,KAAD;SAAG,WAAU;mBAAb,CAA6C,SAAM,EAAQ,WAAe;;QAC1E,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD,EAAA,UAAA;UACG,IAAI,KAAK,EAAQ,KAAK,CAAC,oBAAoB;UAAC;UAAW,EAAQ;UAAS;UACpE,EAAA,CAAA,CACH;;QACF;SATI,EAAQ,GASZ,CACN;MACU,CAAA,CACT,EAAA,CAAA,EAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAW,WAAU;gBAAY;MAAyB,CAAA,EAC/C,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD;QAAQ,SAAQ;QAAU,WAAU;QAAuB,MAAK;kBAAhE,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B;;OACT,kBAAC,GAAD;QAAQ,SAAQ;QAAU,WAAU;QAAuB,MAAK;kBAAhE,CACE,kBAAC,GAAD,EAAU,WAAU,gBAAiB,CAAA,EAAA,cAE9B;;OACT,kBAAC,GAAD;QAAQ,SAAQ;QAAU,WAAU;QAAuB,MAAK;kBAAhE,CACE,kBAAC,GAAD,EAAe,WAAU,gBAAiB,CAAA,EAAA,kBAEnC;;OACG;QACT,EAAA,CAAA,CACH;OACF;;GACF"}