@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/blocks/on-call-schedule/index.es.js

@@ -0,0 +1,496 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Avatar as t, AvatarFallback as n, AvatarImage as r } from "../../components/avatar/index.es.js";
+import { Badge as i } from "../../components/badge/index.es.js";
+import { Button as a } from "../../components/button/index.es.js";
+import { Card as o, CardContent as s, CardHeader as c, CardTitle as l } from "../../components/card/index.es.js";
+import * as u from "react";
+import { AlertCircle as d, ArrowRight as f, Calendar as p, ChevronLeft as m, ChevronRight as h, Clock as g, MessageSquare as _, Phone as v, Plus as y, Repeat as b, Settings as x, Shield as S, Users as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region src/blocks/on-call-schedule/index.tsx
+var E = {
+	1: {
+		label: "Primary",
+		color: "text-green-500",
+		bgColor: "bg-green-500"
+	},
+	2: {
+		label: "Secondary",
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500"
+	},
+	3: {
+		label: "Tertiary",
+		color: "text-red-500",
+		bgColor: "bg-red-500"
+	}
+}, D = {
+	available: {
+		color: "bg-green-500",
+		label: "Available"
+	},
+	busy: {
+		color: "bg-yellow-500",
+		label: "Busy"
+	},
+	dnd: {
+		color: "bg-red-500",
+		label: "Do Not Disturb"
+	},
+	offline: {
+		color: "bg-gray-500",
+		label: "Offline"
+	}
+};
+function O(e) {
+	let t = /* @__PURE__ */ new Date();
+	return e.startTime <= t && e.endTime > t;
+}
+function k({ shift: l, nextShift: u, onContact: p }) {
+	if (!l) return /* @__PURE__ */ w(o, {
+		className: "border-dashed",
+		children: /* @__PURE__ */ T(s, {
+			className: "p-6 text-center text-muted-foreground",
+			children: [/* @__PURE__ */ w(d, { className: "h-8 w-8 mx-auto mb-2" }), /* @__PURE__ */ w("p", { children: "No one is currently on call" })]
+		})
+	});
+	let m = E[l.level], h = l.user.status ? D[l.user.status] : null, y = l.endTime.getTime() - Date.now(), b = Math.floor(y / 36e5), x = Math.floor(y % 36e5 / 6e4);
+	return /* @__PURE__ */ T(o, {
+		className: "border-green-500/30 bg-green-500/5",
+		children: [/* @__PURE__ */ w(c, {
+			className: "pb-2",
+			children: /* @__PURE__ */ T("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ T(i, {
+					className: e("text-white", m.bgColor),
+					children: [m.label, " On-Call"]
+				}), /* @__PURE__ */ T("span", {
+					className: "text-sm text-muted-foreground flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ w(g, { className: "h-4 w-4" }),
+						b,
+						"h ",
+						x,
+						"m remaining"
+					]
+				})]
+			})
+		}), /* @__PURE__ */ T(s, {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ T("div", {
+					className: "flex items-center gap-4",
+					children: [
+						/* @__PURE__ */ T("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ T(t, {
+								className: "h-16 w-16",
+								children: [/* @__PURE__ */ w(r, { src: l.user.avatar }), /* @__PURE__ */ w(n, {
+									className: "text-xl",
+									children: l.user.name.slice(0, 2).toUpperCase()
+								})]
+							}), h && /* @__PURE__ */ w("div", { className: e("absolute bottom-0 right-0 w-4 h-4 rounded-full border-2 border-background", h.color) })]
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "flex-1",
+							children: [
+								/* @__PURE__ */ w("div", {
+									className: "text-xl font-semibold",
+									children: l.user.name
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "text-sm text-muted-foreground",
+									children: l.user.email
+								}),
+								l.user.timezone && /* @__PURE__ */ T("div", {
+									className: "text-xs text-muted-foreground mt-1",
+									children: ["Timezone: ", l.user.timezone]
+								})
+							]
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "flex flex-col gap-2",
+							children: [l.user.phone && /* @__PURE__ */ T(a, {
+								size: "sm",
+								variant: "outline",
+								onClick: () => p?.(l.user),
+								children: [/* @__PURE__ */ w(v, { className: "h-4 w-4 mr-1" }), "Call"]
+							}), /* @__PURE__ */ T(a, {
+								size: "sm",
+								variant: "outline",
+								onClick: () => p?.(l.user),
+								children: [/* @__PURE__ */ w(_, { className: "h-4 w-4 mr-1" }), "Message"]
+							})]
+						})
+					]
+				}),
+				l.overrideReason && /* @__PURE__ */ T("div", {
+					className: "text-sm text-muted-foreground bg-muted/50 p-2 rounded",
+					children: [
+						/* @__PURE__ */ w("span", {
+							className: "font-medium",
+							children: "Override:"
+						}),
+						" ",
+						l.overrideReason
+					]
+				}),
+				u && /* @__PURE__ */ T("div", {
+					className: "flex items-center gap-2 pt-2 border-t text-sm",
+					children: [
+						/* @__PURE__ */ w(f, { className: "h-4 w-4 text-muted-foreground" }),
+						/* @__PURE__ */ w("span", {
+							className: "text-muted-foreground",
+							children: "Next:"
+						}),
+						/* @__PURE__ */ T(t, {
+							className: "h-5 w-5",
+							children: [/* @__PURE__ */ w(r, { src: u.user.avatar }), /* @__PURE__ */ w(n, {
+								className: "text-xs",
+								children: u.user.name.slice(0, 2).toUpperCase()
+							})]
+						}),
+						/* @__PURE__ */ w("span", { children: u.user.name }),
+						/* @__PURE__ */ T("span", {
+							className: "text-muted-foreground",
+							children: ["at ", u.startTime.toLocaleTimeString("en-US", {
+								hour: "2-digit",
+								minute: "2-digit"
+							})]
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+function A({ policy: t, currentLevel: n }) {
+	return /* @__PURE__ */ T(o, { children: [/* @__PURE__ */ w(c, {
+		className: "pb-2",
+		children: /* @__PURE__ */ T(l, {
+			className: "text-base flex items-center gap-2",
+			children: [/* @__PURE__ */ w(S, { className: "h-4 w-4" }), "Escalation Policy"]
+		})
+	}), /* @__PURE__ */ w(s, { children: /* @__PURE__ */ w("div", {
+		className: "space-y-3",
+		children: [
+			1,
+			2,
+			3
+		].map((r) => {
+			let a = E[r], o = r === 1 ? t.level1Timeout : r === 2 ? t.level2Timeout : t.level3Timeout, s = n === r;
+			return /* @__PURE__ */ T("div", {
+				className: e("flex items-center gap-3 p-2 rounded", s && `${a.bgColor}/10 border ${a.bgColor}/30`),
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: e("w-8 h-8 rounded-full flex items-center justify-center text-white text-sm font-bold", a.bgColor),
+						children: r
+					}),
+					/* @__PURE__ */ T("div", {
+						className: "flex-1",
+						children: [/* @__PURE__ */ w("div", {
+							className: "font-medium",
+							children: a.label
+						}), /* @__PURE__ */ T("div", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								"Escalates after ",
+								o,
+								" minutes"
+							]
+						})]
+					}),
+					s && /* @__PURE__ */ w(i, {
+						variant: "outline",
+						className: a.color,
+						children: "Active"
+					})
+				]
+			}, r);
+		})
+	}) })] });
+}
+function j({ shifts: i, weekStart: a, onShiftClick: o }) {
+	let s = u.useMemo(() => {
+		let e = [];
+		for (let t = 0; t < 7; t++) {
+			let n = new Date(a);
+			n.setDate(n.getDate() + t), e.push(n);
+		}
+		return e;
+	}, [a]), c = (e) => i.filter((t) => new Date(t.startTime).toDateString() === e.toDateString()), l = (e) => e.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
+	return /* @__PURE__ */ w("div", {
+		className: "grid grid-cols-7 gap-2",
+		children: s.map((i) => {
+			let a = c(i), s = l(i);
+			return /* @__PURE__ */ T("div", {
+				className: e("border rounded-lg p-2 min-h-[120px]", s && "border-primary bg-primary/5"),
+				children: [/* @__PURE__ */ T("div", {
+					className: e("text-center mb-2", s && "font-bold text-primary"),
+					children: [/* @__PURE__ */ w("div", {
+						className: "text-xs text-muted-foreground",
+						children: i.toLocaleDateString("en-US", { weekday: "short" })
+					}), /* @__PURE__ */ w("div", {
+						className: e("text-lg", s && "text-primary"),
+						children: i.getDate()
+					})]
+				}), /* @__PURE__ */ w("div", {
+					className: "space-y-1",
+					children: a.map((i) => {
+						let a = E[i.level], s = O(i);
+						return /* @__PURE__ */ T("button", {
+							className: e("w-full text-left p-1.5 rounded text-xs transition-colors", `${a.bgColor}/10 hover:${a.bgColor}/20`, s && `ring-2 ring-${a.bgColor}`),
+							onClick: () => o?.(i),
+							children: [/* @__PURE__ */ T("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ T(t, {
+									className: "h-4 w-4",
+									children: [/* @__PURE__ */ w(r, { src: i.user.avatar }), /* @__PURE__ */ w(n, {
+										className: "text-[8px]",
+										children: i.user.name.slice(0, 2).toUpperCase()
+									})]
+								}), /* @__PURE__ */ w("span", {
+									className: "truncate",
+									children: i.user.name.split(" ")[0]
+								})]
+							}), /* @__PURE__ */ w("div", {
+								className: "text-muted-foreground mt-0.5",
+								children: i.startTime.toLocaleTimeString("en-US", {
+									hour: "2-digit",
+									minute: "2-digit"
+								})
+							})]
+						}, i.id);
+					})
+				})]
+			}, i.toISOString());
+		})
+	});
+}
+function M({ users: a, shifts: d }) {
+	let f = u.useMemo(() => a.map((e) => {
+		let t = d.filter((t) => t.user.id === e.id), n = t.reduce((e, t) => e + (t.endTime.getTime() - t.startTime.getTime()) / 36e5, 0), r = t.some(O);
+		return {
+			user: e,
+			totalHours: n,
+			shiftCount: t.length,
+			isOnCall: r
+		};
+	}), [a, d]);
+	return /* @__PURE__ */ T(o, { children: [/* @__PURE__ */ w(c, {
+		className: "pb-2",
+		children: /* @__PURE__ */ T(l, {
+			className: "text-base flex items-center gap-2",
+			children: [/* @__PURE__ */ w(C, { className: "h-4 w-4" }), "Team Members"]
+		})
+	}), /* @__PURE__ */ w(s, { children: /* @__PURE__ */ w("div", {
+		className: "space-y-2",
+		children: f.map(({ user: a, totalHours: o, shiftCount: s, isOnCall: c }) => {
+			let l = a.status ? D[a.status] : null;
+			return /* @__PURE__ */ T("div", {
+				className: e("flex items-center gap-3 p-2 rounded", c && "bg-green-500/10 border border-green-500/30"),
+				children: [/* @__PURE__ */ T("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ T(t, {
+						className: "h-8 w-8",
+						children: [/* @__PURE__ */ w(r, { src: a.avatar }), /* @__PURE__ */ w(n, {
+							className: "text-xs",
+							children: a.name.slice(0, 2).toUpperCase()
+						})]
+					}), l && /* @__PURE__ */ w("div", { className: e("absolute -bottom-0.5 -right-0.5 w-3 h-3 rounded-full border-2 border-background", l.color) })]
+				}), /* @__PURE__ */ T("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ T("div", {
+						className: "font-medium truncate flex items-center gap-2",
+						children: [a.name, c && /* @__PURE__ */ w(i, {
+							className: "bg-green-500 text-xs",
+							children: "On-Call"
+						})]
+					}), /* @__PURE__ */ T("div", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							s,
+							" shifts • ",
+							Math.round(o),
+							"h total"
+						]
+					})]
+				})]
+			}, a.id);
+		})
+	}) })] });
+}
+function N({ schedule: t, onEditSchedule: n, onAddOverride: r, onSwapShift: d, onContactOnCall: f, className: g }) {
+	let [_, S] = u.useState(0), C = u.useMemo(() => {
+		let e = /* @__PURE__ */ new Date(), t = e.getDay(), n = new Date(e);
+		return n.setDate(e.getDate() - t + _ * 7), n.setHours(0, 0, 0, 0), n;
+	}, [_]), E = t.shifts.find(O), D = t.shifts.filter((e) => e.startTime > /* @__PURE__ */ new Date()).sort((e, t) => e.startTime.getTime() - t.startTime.getTime())[0];
+	return /* @__PURE__ */ T("div", {
+		className: e("space-y-6", g),
+		children: [/* @__PURE__ */ w(o, { children: /* @__PURE__ */ w(c, { children: /* @__PURE__ */ T("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ T("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ w(v, { className: "h-6 w-6" }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(l, { children: t.name }), /* @__PURE__ */ T("div", {
+					className: "flex items-center gap-2 mt-1",
+					children: [/* @__PURE__ */ w(i, {
+						variant: "outline",
+						children: t.team
+					}), /* @__PURE__ */ T(i, {
+						variant: "secondary",
+						children: [/* @__PURE__ */ w(b, { className: "h-3 w-3 mr-1" }), t.rotation]
+					})]
+				})] })]
+			}), /* @__PURE__ */ T("div", {
+				className: "flex items-center gap-2",
+				children: [r && /* @__PURE__ */ T(a, {
+					variant: "outline",
+					onClick: () => r(/* @__PURE__ */ new Date()),
+					children: [/* @__PURE__ */ w(y, { className: "h-4 w-4 mr-1" }), "Add Override"]
+				}), n && /* @__PURE__ */ T(a, {
+					variant: "outline",
+					onClick: n,
+					children: [/* @__PURE__ */ w(x, { className: "h-4 w-4 mr-1" }), "Settings"]
+				})]
+			})]
+		}) }) }), /* @__PURE__ */ T("div", {
+			className: "grid grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ T("div", {
+				className: "col-span-2 space-y-4",
+				children: [/* @__PURE__ */ w(k, {
+					shift: E,
+					nextShift: D,
+					onContact: f
+				}), /* @__PURE__ */ T(o, { children: [/* @__PURE__ */ w(c, {
+					className: "pb-2",
+					children: /* @__PURE__ */ T("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ T(l, {
+							className: "text-base flex items-center gap-2",
+							children: [/* @__PURE__ */ w(p, { className: "h-4 w-4" }), "Schedule"]
+						}), /* @__PURE__ */ T("div", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ w(a, {
+									variant: "ghost",
+									size: "sm",
+									onClick: () => S((e) => e - 1),
+									children: /* @__PURE__ */ w(m, { className: "h-4 w-4" })
+								}),
+								/* @__PURE__ */ T("span", {
+									className: "text-sm min-w-[120px] text-center",
+									children: [
+										C.toLocaleDateString("en-US", {
+											month: "short",
+											day: "numeric"
+										}),
+										" -",
+										new Date(C.getTime() + 144 * 36e5).toLocaleDateString("en-US", {
+											month: "short",
+											day: "numeric"
+										})
+									]
+								}),
+								/* @__PURE__ */ w(a, {
+									variant: "ghost",
+									size: "sm",
+									onClick: () => S((e) => e + 1),
+									children: /* @__PURE__ */ w(h, { className: "h-4 w-4" })
+								}),
+								_ !== 0 && /* @__PURE__ */ w(a, {
+									variant: "ghost",
+									size: "sm",
+									onClick: () => S(0),
+									children: "Today"
+								})
+							]
+						})]
+					})
+				}), /* @__PURE__ */ w(s, { children: /* @__PURE__ */ w(j, {
+					shifts: t.shifts,
+					weekStart: C,
+					onShiftClick: d
+				}) })] })]
+			}), /* @__PURE__ */ T("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ w(A, {
+					policy: t.escalationPolicy,
+					currentLevel: E?.level
+				}), /* @__PURE__ */ w(M, {
+					users: t.users,
+					shifts: t.shifts
+				})]
+			})]
+		})]
+	});
+}
+var P = [
+	{
+		id: "1",
+		name: "John Doe",
+		email: "john@example.com",
+		phone: "+1 555-0101",
+		status: "available",
+		timezone: "America/New_York"
+	},
+	{
+		id: "2",
+		name: "Jane Smith",
+		email: "jane@example.com",
+		phone: "+1 555-0102",
+		status: "available",
+		timezone: "America/Los_Angeles"
+	},
+	{
+		id: "3",
+		name: "Bob Wilson",
+		email: "bob@example.com",
+		phone: "+1 555-0103",
+		status: "busy",
+		timezone: "Europe/London"
+	},
+	{
+		id: "4",
+		name: "Alice Brown",
+		email: "alice@example.com",
+		phone: "+1 555-0104",
+		status: "available",
+		timezone: "Europe/Paris"
+	}
+];
+function F() {
+	let e = [], t = /* @__PURE__ */ new Date(), n = new Date(t);
+	n.setDate(t.getDate() - t.getDay()), n.setHours(0, 0, 0, 0);
+	for (let t = -1; t < 3; t++) for (let r = 0; r < 7; r++) {
+		let i = new Date(n);
+		i.setDate(n.getDate() + t * 7 + r), i.setHours(9, 0, 0, 0);
+		let a = new Date(i);
+		a.setDate(a.getDate() + 1);
+		let o = (t + 1 + r) % P.length;
+		e.push({
+			id: `shift-${t}-${r}`,
+			user: P[o],
+			startTime: i,
+			endTime: a,
+			level: 1
+		});
+	}
+	return e;
+}
+var I = {
+	id: "1",
+	name: "Platform Team On-Call",
+	description: "Primary on-call rotation for the platform engineering team",
+	team: "Platform Engineering",
+	rotation: "weekly",
+	escalationPolicy: {
+		level1Timeout: 15,
+		level2Timeout: 30,
+		level3Timeout: 60
+	},
+	shifts: F(),
+	users: P
+};
+//#endregion
+export { N as OnCallScheduleBlock, I as defaultOnCallSchedule };

package/dist/blocks/player-profile/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../../components/avatar/index.cjs.js`),r=require(`../../components/badge/index.cjs.js`),i=require(`../../components/card/index.cjs.js`),a=require(`../../components/progress/index.cjs.js`),o=require(`../../components/tabs/index.cjs.js`);let s=require(`react`);s=e.__toESM(s);let c=require(`lucide-react`),l=require(`react/jsx-runtime`);var u={common:`bg-slate-500/20 text-slate-400 border-slate-500/30`,rare:`bg-blue-500/20 text-blue-400 border-blue-500/30`,epic:`bg-purple-500/20 text-purple-400 border-purple-500/30`,legendary:`bg-amber-500/20 text-amber-400 border-amber-500/30`},d={common:``,rare:`shadow-blue-500/20`,epic:`shadow-purple-500/20`,legendary:`shadow-amber-500/30 shadow-lg`};function f({current:e,max:t,level:n}){let r=e/t*100;return(0,l.jsxs)(`div`,{className:`space-y-2`,children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between text-sm`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(`div`,{className:`h-8 w-8 rounded-full bg-primary flex items-center justify-center text-primary-foreground font-bold`,children:n}),(0,l.jsxs)(`span`,{className:`text-muted-foreground`,children:[`Level `,n]})]}),(0,l.jsxs)(`span`,{className:`text-muted-foreground`,children:[e.toLocaleString(),` / `,t.toLocaleString(),` XP`]})]}),(0,l.jsxs)(`div`,{className:`relative h-3 rounded-full bg-muted overflow-hidden`,children:[(0,l.jsx)(`div`,{className:`absolute inset-y-0 left-0 bg-gradient-to-r from-primary to-primary/80 rounded-full transition-all duration-500`,style:{width:`${r}%`}}),(0,l.jsx)(`div`,{className:`absolute inset-y-0 left-0 bg-gradient-to-r from-white/20 to-transparent rounded-full`,style:{width:`${r}%`}})]})]})}function p({stat:e}){return(0,l.jsxs)(`div`,{className:`flex items-center gap-3 p-3 rounded-lg bg-muted/50`,children:[e.icon&&(0,l.jsx)(`div`,{className:t.cn(`h-10 w-10 rounded-lg bg-background flex items-center justify-center`,{default:`text-foreground`,blue:`text-blue-500`,green:`text-green-500`,yellow:`text-yellow-500`,red:`text-red-500`,purple:`text-purple-500`}[e.color||`default`]),children:e.icon}),(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`p`,{className:`text-2xl font-bold`,children:e.value}),(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.label})]})]})}function m({achievement:e}){let n=e.unlockedAt||e.progress!==void 0&&e.maxProgress!==void 0&&e.progress>=e.maxProgress;return(0,l.jsx)(`div`,{className:t.cn(`p-4 rounded-lg border transition-all`,n?t.cn(u[e.rarity||`common`],d[e.rarity||`common`]):`bg-muted/30 border-dashed opacity-60`),children:(0,l.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,l.jsx)(`div`,{className:t.cn(`h-12 w-12 rounded-lg flex items-center justify-center`,n?`bg-background/50`:`bg-muted`),children:e.icon||(0,l.jsx)(c.Trophy,{className:`h-6 w-6`})}),(0,l.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(`h4`,{className:`font-medium truncate`,children:e.name}),e.rarity&&(0,l.jsx)(r.Badge,{variant:`outline`,className:`text-xs capitalize`,children:e.rarity})]}),(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1`,children:e.description}),e.progress!==void 0&&e.maxProgress!==void 0&&!n&&(0,l.jsxs)(`div`,{className:`mt-2`,children:[(0,l.jsx)(a.Progress,{value:e.progress/e.maxProgress*100,className:`h-1.5`}),(0,l.jsxs)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:[e.progress,` / `,e.maxProgress]})]}),e.unlockedAt&&(0,l.jsxs)(`p`,{className:`text-xs text-muted-foreground mt-2`,children:[`Unlocked `,typeof e.unlockedAt==`string`?e.unlockedAt:e.unlockedAt.toLocaleDateString()]})]})]})})}function h({match:e}){let n={win:`text-green-500 bg-green-500/10`,loss:`text-red-500 bg-red-500/10`,draw:`text-yellow-500 bg-yellow-500/10`},i={win:(0,l.jsx)(c.Trophy,{className:`h-4 w-4`}),loss:(0,l.jsx)(c.Swords,{className:`h-4 w-4`}),draw:(0,l.jsx)(c.Shield,{className:`h-4 w-4`})};return(0,l.jsxs)(`div`,{className:`flex items-center gap-4 p-3 rounded-lg bg-muted/50`,children:[(0,l.jsx)(`div`,{className:t.cn(`h-10 w-10 rounded-lg flex items-center justify-center`,n[e.result]),children:i[e.result]}),(0,l.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(`span`,{className:`font-medium capitalize`,children:e.result}),e.score&&(0,l.jsx)(`span`,{className:`text-muted-foreground`,children:e.score})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[e.opponent&&(0,l.jsxs)(`span`,{children:[`vs `,e.opponent]}),e.mode&&(0,l.jsx)(r.Badge,{variant:`outline`,className:`text-xs`,children:e.mode})]})]}),(0,l.jsxs)(`div`,{className:`text-right`,children:[e.xpGained&&(0,l.jsxs)(`p`,{className:`text-sm font-medium text-green-500`,children:[`+`,e.xpGained,` XP`]}),(0,l.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:typeof e.date==`string`?e.date:e.date.toLocaleDateString()})]})]})}function g({name:e,avatar:r,title:a,level:s,currentXP:u,maxXP:d,totalXP:g,rank:_,rankIcon:v,stats:y,achievements:b,badges:x,matchHistory:S,streak:C,joinDate:w,playtime:T,friendsCount:E,isOnline:D=!1,className:O}){return(0,l.jsxs)(`div`,{className:t.cn(`space-y-6`,O),children:[(0,l.jsx)(i.Card,{children:(0,l.jsxs)(i.CardContent,{className:`pt-6`,children:[(0,l.jsxs)(`div`,{className:`flex flex-col md:flex-row gap-6 items-start`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,l.jsxs)(`div`,{className:`relative`,children:[(0,l.jsxs)(n.Avatar,{className:`h-24 w-24 border-4 border-primary/20`,children:[(0,l.jsx)(n.AvatarImage,{src:r,alt:e}),(0,l.jsx)(n.AvatarFallback,{className:`text-2xl`,children:e.slice(0,2).toUpperCase()})]}),D&&(0,l.jsx)(`div`,{className:`absolute bottom-1 right-1 h-5 w-5 rounded-full bg-green-500 border-2 border-background`}),(0,l.jsx)(`div`,{className:`absolute -top-2 -right-2 h-8 w-8 rounded-full bg-primary flex items-center justify-center text-primary-foreground font-bold text-sm`,children:s})]}),(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`h2`,{className:`text-2xl font-bold`,children:e}),a&&(0,l.jsx)(`p`,{className:`text-muted-foreground`,children:a}),_&&(0,l.jsxs)(`div`,{className:`flex items-center gap-2 mt-2`,children:[v||(0,l.jsx)(c.Medal,{className:`h-5 w-5 text-yellow-500`}),(0,l.jsx)(`span`,{className:`font-medium`,children:_})]})]})]}),(0,l.jsxs)(`div`,{className:`flex-1 grid grid-cols-2 md:grid-cols-4 gap-4`,children:[C!==void 0&&(0,l.jsxs)(`div`,{className:`text-center p-3 rounded-lg bg-orange-500/10`,children:[(0,l.jsx)(c.Flame,{className:`h-6 w-6 text-orange-500 mx-auto`}),(0,l.jsx)(`p`,{className:`text-2xl font-bold mt-1`,children:C}),(0,l.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Day Streak`})]}),g!==void 0&&(0,l.jsxs)(`div`,{className:`text-center p-3 rounded-lg bg-purple-500/10`,children:[(0,l.jsx)(c.Zap,{className:`h-6 w-6 text-purple-500 mx-auto`}),(0,l.jsx)(`p`,{className:`text-2xl font-bold mt-1`,children:g.toLocaleString()}),(0,l.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Total XP`})]}),T&&(0,l.jsxs)(`div`,{className:`text-center p-3 rounded-lg bg-blue-500/10`,children:[(0,l.jsx)(c.Clock,{className:`h-6 w-6 text-blue-500 mx-auto`}),(0,l.jsx)(`p`,{className:`text-2xl font-bold mt-1`,children:T}),(0,l.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Playtime`})]}),E!==void 0&&(0,l.jsxs)(`div`,{className:`text-center p-3 rounded-lg bg-green-500/10`,children:[(0,l.jsx)(c.Users,{className:`h-6 w-6 text-green-500 mx-auto`}),(0,l.jsx)(`p`,{className:`text-2xl font-bold mt-1`,children:E}),(0,l.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Friends`})]})]})]}),(0,l.jsx)(`div`,{className:`mt-6`,children:(0,l.jsx)(f,{current:u,max:d,level:s})}),x&&x.length>0&&(0,l.jsxs)(`div`,{className:`mt-6`,children:[(0,l.jsx)(`h3`,{className:`text-sm font-medium text-muted-foreground mb-3`,children:`Badges`}),(0,l.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:x.map(e=>(0,l.jsxs)(`div`,{className:`flex items-center gap-2 px-3 py-1.5 rounded-full bg-muted text-sm`,style:e.color?{backgroundColor:`${e.color}20`,color:e.color}:void 0,children:[e.icon,(0,l.jsx)(`span`,{children:e.name})]},e.id))})]})]})}),(0,l.jsxs)(o.Tabs,{defaultValue:`stats`,className:`w-full`,children:[(0,l.jsxs)(o.TabsList,{className:`w-full justify-start`,children:[(0,l.jsx)(o.TabsTrigger,{value:`stats`,children:`Stats`}),(0,l.jsx)(o.TabsTrigger,{value:`achievements`,children:`Achievements`}),(0,l.jsx)(o.TabsTrigger,{value:`history`,children:`Match History`})]}),(0,l.jsx)(o.TabsContent,{value:`stats`,className:`mt-4`,children:(0,l.jsxs)(i.Card,{children:[(0,l.jsxs)(i.CardHeader,{children:[(0,l.jsx)(i.CardTitle,{children:`Player Statistics`}),(0,l.jsx)(i.CardDescription,{children:`Your performance metrics`})]}),(0,l.jsx)(i.CardContent,{children:y&&y.length>0?(0,l.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2 lg:grid-cols-3`,children:y.map((e,t)=>(0,l.jsx)(p,{stat:e},t))}):(0,l.jsx)(`p`,{className:`text-muted-foreground text-center py-8`,children:`No statistics available`})})]})}),(0,l.jsx)(o.TabsContent,{value:`achievements`,className:`mt-4`,children:(0,l.jsxs)(i.Card,{children:[(0,l.jsxs)(i.CardHeader,{children:[(0,l.jsx)(i.CardTitle,{children:`Achievements`}),(0,l.jsxs)(i.CardDescription,{children:[b?.filter(e=>e.unlockedAt).length||0,` / `,b?.length||0,` unlocked`]})]}),(0,l.jsx)(i.CardContent,{children:b&&b.length>0?(0,l.jsx)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:b.map(e=>(0,l.jsx)(m,{achievement:e},e.id))}):(0,l.jsx)(`p`,{className:`text-muted-foreground text-center py-8`,children:`No achievements yet`})})]})}),(0,l.jsx)(o.TabsContent,{value:`history`,className:`mt-4`,children:(0,l.jsxs)(i.Card,{children:[(0,l.jsxs)(i.CardHeader,{children:[(0,l.jsx)(i.CardTitle,{children:`Match History`}),(0,l.jsx)(i.CardDescription,{children:`Your recent games`})]}),(0,l.jsx)(i.CardContent,{children:S&&S.length>0?(0,l.jsx)(`div`,{className:`space-y-3`,children:S.map(e=>(0,l.jsx)(h,{match:e},e.id))}):(0,l.jsx)(`p`,{className:`text-muted-foreground text-center py-8`,children:`No matches played yet`})})]})})]}),w&&(0,l.jsxs)(`div`,{className:`flex items-center justify-center gap-2 text-sm text-muted-foreground`,children:[(0,l.jsx)(c.Calendar,{className:`h-4 w-4`}),(0,l.jsxs)(`span`,{children:[`Member since `,typeof w==`string`?w:w.toLocaleDateString()]})]})]})}var _=[{label:`Matches Played`,value:342,icon:(0,l.jsx)(c.Gamepad2,{className:`h-5 w-5`}),color:`blue`},{label:`Wins`,value:189,icon:(0,l.jsx)(c.Trophy,{className:`h-5 w-5`}),color:`green`},{label:`Win Rate`,value:`55.3%`,icon:(0,l.jsx)(c.TrendingUp,{className:`h-5 w-5`}),color:`yellow`},{label:`Best Score`,value:`12,450`,icon:(0,l.jsx)(c.Star,{className:`h-5 w-5`}),color:`purple`},{label:`Kills`,value:`1,234`,icon:(0,l.jsx)(c.Target,{className:`h-5 w-5`}),color:`red`},{label:`Assists`,value:876,icon:(0,l.jsx)(c.Heart,{className:`h-5 w-5`}),color:`default`}],v=[{id:`first-win`,name:`First Victory`,description:`Win your first match`,rarity:`common`,unlockedAt:new Date(`2024-01-15`),icon:(0,l.jsx)(c.Trophy,{className:`h-6 w-6 text-yellow-500`})},{id:`streak-master`,name:`Streak Master`,description:`Achieve a 10-day login streak`,rarity:`rare`,unlockedAt:new Date(`2024-02-20`),icon:(0,l.jsx)(c.Flame,{className:`h-6 w-6 text-orange-500`})},{id:`legendary-player`,name:`Legendary Player`,description:`Reach level 50`,rarity:`legendary`,progress:42,maxProgress:50,icon:(0,l.jsx)(c.Crown,{className:`h-6 w-6 text-amber-500`})},{id:`social-butterfly`,name:`Social Butterfly`,description:`Add 25 friends`,rarity:`epic`,progress:18,maxProgress:25,icon:(0,l.jsx)(c.Users,{className:`h-6 w-6 text-purple-500`})}],y=[{id:`beta`,name:`Beta Tester`,icon:(0,l.jsx)(c.Shield,{className:`h-4 w-4`}),color:`#3b82f6`},{id:`premium`,name:`Premium`,icon:(0,l.jsx)(c.Crown,{className:`h-4 w-4`}),color:`#f59e0b`},{id:`verified`,name:`Verified`,icon:(0,l.jsx)(c.Award,{className:`h-4 w-4`}),color:`#10b981`}],b=[{id:`1`,result:`win`,score:`3-1`,opponent:`xShadowx`,mode:`Ranked`,date:new Date(`2024-03-10`),xpGained:150},{id:`2`,result:`win`,score:`2-0`,opponent:`ProGamer99`,mode:`Ranked`,date:new Date(`2024-03-10`),xpGained:175},{id:`3`,result:`loss`,score:`1-3`,opponent:`NightHawk`,mode:`Ranked`,date:new Date(`2024-03-09`),xpGained:50},{id:`4`,result:`draw`,score:`2-2`,opponent:`StormRider`,mode:`Casual`,date:new Date(`2024-03-09`),xpGained:75},{id:`5`,result:`win`,score:`5-2`,opponent:`BlazeMaster`,mode:`Ranked`,date:new Date(`2024-03-08`),xpGained:200}];exports.default=g,exports.defaultAchievements=v,exports.defaultBadges=y,exports.defaultMatchHistory=b,exports.defaultPlayerStats=_;