@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-leaderboard/index.cjs.js

@@ -0,0 +1,17 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);var a={1:{gradient:`from-yellow-300 via-yellow-400 to-yellow-500`,shadow:`shadow-yellow-400/50`,glow:`hsl(var(--warning))`,border:`border-yellow-400`,bg:`bg-yellow-50 dark:bg-yellow-950/30`,text:`text-yellow-700 dark:text-yellow-400`,icon:r.Crown,label:`Gold`},2:{gradient:`from-gray-300 via-gray-400 to-gray-500`,shadow:`shadow-gray-400/50`,glow:`hsl(var(--muted-foreground))`,border:`border-gray-400`,bg:`bg-gray-50 dark:bg-gray-950/30`,text:`text-gray-700 dark:text-gray-400`,icon:r.Medal,label:`Silver`},3:{gradient:`from-amber-500 via-amber-600 to-amber-700`,shadow:`shadow-amber-500/50`,glow:`hsl(var(--chart-4))`,border:`border-amber-500`,bg:`bg-amber-50 dark:bg-amber-950/30`,text:`text-amber-700 dark:text-amber-400`,icon:r.Medal,label:`Bronze`}};function o({name:e,avatar:n,size:o=`default`,rank:s,className:c}){let l={sm:`h-8 w-8 text-xs`,default:`h-10 w-10 text-sm`,lg:`h-14 w-14 text-base`},u=e=>e.split(` `).map(e=>e[0]).join(``).toUpperCase().slice(0,2),d=s&&s<=3?a[s]:null;return(0,i.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center rounded-full font-semibold`,l[o],n?``:`bg-muted text-muted-foreground`,d&&`ring-2 ${d.border}`,c),children:[n?(0,i.jsx)(`img`,{src:n,alt:e,className:`h-full w-full rounded-full object-cover`}):u(e),d&&(0,i.jsx)(`div`,{className:t.cn(`absolute -bottom-0.5 -right-0.5 flex h-4 w-4 items-center justify-center rounded-full bg-gradient-to-br text-white shadow-lg`,d.gradient),children:s===1?(0,i.jsx)(r.Crown,{className:`h-2.5 w-2.5`}):(0,i.jsx)(`span`,{className:`text-[8px] font-bold`,children:s})})]})}function s({currentRank:e,previousRank:n,size:a=`default`}){if(n===void 0||n===e)return(0,i.jsx)(`div`,{className:`flex items-center text-muted-foreground`,children:(0,i.jsx)(r.Minus,{className:t.cn(a===`sm`?`h-3 w-3`:`h-4 w-4`)})});let o=e<n,s=Math.abs(n-e);return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-0.5 font-medium`,o?`text-green-600`:`text-red-500`,a===`sm`?`text-xs`:`text-sm`),children:[o?(0,i.jsx)(r.TrendingUp,{className:t.cn(a===`sm`?`h-3 w-3`:`h-4 w-4`)}):(0,i.jsx)(r.TrendingDown,{className:t.cn(a===`sm`?`h-3 w-3`:`h-4 w-4`)}),(0,i.jsx)(`span`,{children:s})]})}function c({entries:e,size:n=`default`,scoreLabel:r=`pts`,formatScore:s=e=>e.toLocaleString(),onEntryClick:c,className:l}){let u=e.slice(0,3);if(u.length===0)return null;let d=[u[1],u[0],u[2]].filter(Boolean),f={sm:{container:`h-32`,avatar:`sm`,name:`text-xs`,score:`text-xs`,podiumHeights:[`h-16`,`h-24`,`h-12`]},default:{container:`h-48`,avatar:`default`,name:`text-sm`,score:`text-sm`,podiumHeights:[`h-20`,`h-32`,`h-16`]},lg:{container:`h-64`,avatar:`lg`,name:`text-base`,score:`text-base`,podiumHeights:[`h-24`,`h-40`,`h-20`]}}[n];return(0,i.jsxs)(`div`,{className:t.cn(`relative flex items-end justify-center gap-2`,f.container,l),children:[d.map((e,n)=>{if(!e)return(0,i.jsx)(`div`,{className:`w-24`},`empty-${n}`);let l=e.rank,u=a[l],d=l===1?1:l===2?0:2;return(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col items-center transition-all duration-500`,c&&`cursor-pointer`),onClick:()=>c?.(e),children:[(0,i.jsx)(`div`,{className:t.cn(l===1&&`animate-float`),children:(0,i.jsx)(o,{name:e.name,avatar:e.avatar,size:f.avatar,rank:l})}),(0,i.jsx)(`span`,{className:t.cn(`mt-2 max-w-[80px] truncate font-medium text-center`,f.name,e.isCurrentUser&&`text-primary font-bold`),children:e.name}),(0,i.jsxs)(`span`,{className:t.cn(`text-muted-foreground`,f.score),children:[s(e.score),` `,r]}),(0,i.jsx)(`div`,{className:t.cn(`mt-2 w-20 rounded-t-lg flex items-center justify-center bg-gradient-to-b transition-all`,u.gradient,f.podiumHeights[d]),style:{boxShadow:`0 -4px 20px ${u.glow}40`},children:(0,i.jsx)(`span`,{className:`text-2xl font-bold text-white drop-shadow-lg`,children:l})})]},e.id)}),(0,i.jsx)(`style`,{children:`
+        @keyframes float {
+          0%, 100% { transform: translateY(0); }
+          50% { transform: translateY(-8px); }
+        }
+        .animate-float {
+          animation: float 3s ease-in-out infinite;
+        }
+      `})]})}function l({entry:e,size:n,showRankChange:c,scoreLabel:l,formatScore:u,onEntryClick:d,isAnimating:f}){let p={sm:{row:`py-2 px-3`,rank:`w-6 text-sm`,name:`text-sm`,score:`text-sm`},default:{row:`py-3 px-4`,rank:`w-8 text-base`,name:`text-base`,score:`text-base`},lg:{row:`py-4 px-5`,rank:`w-10 text-lg`,name:`text-lg`,score:`text-lg`}}[n],m=e.rank<=3,h=m?a[e.rank]:null;return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-3 rounded-lg border transition-all duration-300`,p.row,e.isCurrentUser&&`bg-primary/5 border-primary/30 ring-1 ring-primary/20`,!e.isCurrentUser&&`bg-card hover:bg-accent/50`,m&&!e.isCurrentUser&&t.cn(h?.bg,h?.border),d&&`cursor-pointer`,f&&`animate-pulse-highlight`),onClick:()=>d?.(e),children:[(0,i.jsx)(`div`,{className:t.cn(`flex-shrink-0 font-bold tabular-nums text-center`,p.rank,h?.text||`text-muted-foreground`),children:m&&h?(0,i.jsx)(`div`,{className:`flex items-center justify-center`,children:e.rank===1?(0,i.jsx)(r.Crown,{className:t.cn(`h-5 w-5`,h.text)}):(0,i.jsx)(r.Trophy,{className:t.cn(`h-4 w-4`,h.text)})}):e.rank}),(0,i.jsx)(o,{name:e.name,avatar:e.avatar,size:n,rank:m?e.rank:void 0}),(0,i.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,i.jsxs)(`span`,{className:t.cn(`font-medium truncate block`,p.name,e.isCurrentUser&&`text-primary font-semibold`),children:[e.name,e.isCurrentUser&&(0,i.jsx)(`span`,{className:`ml-2 text-xs text-primary/70`,children:`(You)`})]})}),c&&(0,i.jsx)(s,{currentRank:e.rank,previousRank:e.previousRank,size:n}),(0,i.jsxs)(`div`,{className:t.cn(`flex-shrink-0 font-semibold tabular-nums`,p.score),children:[u(e.score),(0,i.jsx)(`span`,{className:`ml-1 text-muted-foreground font-normal`,children:l})]}),(0,i.jsx)(`style`,{children:`
+        @keyframes pulse-highlight {
+          0%, 100% { background-color: inherit; }
+          50% { background-color: hsl(var(--primary) / 0.1); }
+        }
+        .animate-pulse-highlight {
+          animation: pulse-highlight 1s ease-in-out;
+        }
+      `})]})}function u({entries:e,title:a,showPodium:o=!0,animateRankChanges:s=!0,maxEntries:u=10,scoreLabel:d=`pts`,formatScore:f=e=>e.toLocaleString(),currentUserId:p,onEntryClick:m,showRankChange:h=!0,size:g=`default`,className:_}){let[v,y]=n.useState(new Set),b=n.useRef(new Map),x=n.useMemo(()=>e.map(e=>({...e,isCurrentUser:e.isCurrentUser||e.id===p})),[e,p]);n.useEffect(()=>{if(!s)return;let e=new Set,t=new Map;x.forEach(n=>{let r=b.current.get(n.id);t.set(n.id,n.rank),r!==void 0&&r!==n.rank&&e.add(n.id)}),e.size>0&&(y(e),setTimeout(()=>y(new Set),1e3)),b.current=t},[x,s]);let S=o?x.filter(e=>e.rank<=3):[],C=o?x.filter(e=>e.rank>3).slice(0,u-3):x.slice(0,u),w=x.find(e=>e.isCurrentUser),T=w&&(w.rank<=3||w.rank<=u);return(0,i.jsxs)(`div`,{className:t.cn(`space-y-4`,_),children:[a&&(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(r.Trophy,{className:`h-5 w-5 text-yellow-500`}),(0,i.jsx)(`h3`,{className:`text-lg font-semibold`,children:a})]}),o&&S.length>0&&(0,i.jsx)(`div`,{className:`rounded-xl border bg-gradient-to-b from-background to-muted/30 p-4`,children:(0,i.jsx)(c,{entries:S,size:g,scoreLabel:d,formatScore:f,onEntryClick:m})}),C.length>0&&(0,i.jsx)(`div`,{className:`space-y-2`,children:C.map(e=>(0,i.jsx)(l,{entry:e,size:g,showRankChange:h,scoreLabel:d,formatScore:f,onEntryClick:m,isAnimating:v.has(e.id)},e.id))}),w&&!T&&(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 py-2`,children:[(0,i.jsx)(`div`,{className:`flex-1 border-t border-dashed`}),(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Your position`}),(0,i.jsx)(`div`,{className:`flex-1 border-t border-dashed`})]}),(0,i.jsx)(l,{entry:w,size:g,showRankChange:h,scoreLabel:d,formatScore:f,onEntryClick:m})]})]})}function d({entries:e,maxEntries:n=5,currentUserId:r,className:o}){let s=e.slice(0,n);return(0,i.jsx)(`div`,{className:t.cn(`space-y-1`,o),children:s.map(e=>{let n=e.isCurrentUser||e.id===r,o=e.rank<=3?a[e.rank]:null;return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 rounded-md px-2 py-1 text-sm`,n&&`bg-primary/10`),children:[(0,i.jsx)(`span`,{className:t.cn(`w-5 font-semibold text-center tabular-nums`,o?.text||`text-muted-foreground`),children:e.rank}),(0,i.jsx)(`span`,{className:t.cn(`flex-1 truncate`,n&&`font-semibold`),children:e.name}),(0,i.jsx)(`span`,{className:`text-muted-foreground tabular-nums`,children:e.score.toLocaleString()})]},e.id)})})}function f({entries:e,sortDirection:t=`desc`,autoRank:r=!0}){let[i,a]=n.useState(()=>r?o(e,t):e);function o(e,t){return[...e].sort((e,n)=>t===`desc`?n.score-e.score:e.score-n.score).map((e,t)=>({...e,previousRank:e.rank,rank:t+1}))}return{entries:i,updateScore:n.useCallback((e,n)=>{a(i=>{let a=i.map(t=>t.id===e?{...t,score:n}:t);return r?o(a,t):a})},[r,t]),addEntry:n.useCallback(e=>{a(n=>{let i={...e,rank:n.length+1},a=[...n,i];return r?o(a,t):a})},[r,t]),removeEntry:n.useCallback(e=>{a(n=>{let i=n.filter(t=>t.id!==e);return r?o(i,t):i})},[r,t]),refresh:n.useCallback(e=>{a(r?o(e,t):e)},[r,t]),topEntry:i[0],getEntry:e=>i.find(t=>t.id===e),getRank:e=>i.find(t=>t.id===e)?.rank}}exports.WakaLeaderboard=u,exports.WakaMiniLeaderboard=d,exports.WakaPodium=c,exports.useLeaderboard=f;

package/dist/components/waka-leaderboard/index.d.ts

@@ -56,7 +56,7 @@ export interface WakaPodiumProps {
     /** Custom className */
     className?: string;
 }
-export declare function WakaPodium({ entries, size, scoreLabel, formatScore, onEntryClick, className, }: WakaPodiumProps): import("react/jsx-runtime").JSX.Element;
+export declare function WakaPodium({ entries, size, scoreLabel, formatScore, onEntryClick, className, }: WakaPodiumProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function WakaLeaderboard({ entries, title, showPodium, animateRankChanges, maxEntries, scoreLabel, formatScore, currentUserId, onEntryClick, showRankChange, size, className, }: WakaLeaderboardProps): import("react/jsx-runtime").JSX.Element;
 export interface WakaMiniLeaderboardProps {
     entries: LeaderboardEntry[];
@@ -80,6 +80,6 @@ export declare function useLeaderboard({ entries: initialEntries, sortDirection,
     removeEntry: (id: string) => void;
     refresh: (newEntries: LeaderboardEntry[]) => void;
     topEntry: LeaderboardEntry;
-    getEntry: (id: string) => LeaderboardEntry;
-    getRank: (id: string) => number;
+    getEntry: (id: string) => LeaderboardEntry | undefined;
+    getRank: (id: string) => number | undefined;
 };

package/dist/components/waka-leaderboard/index.es.js

@@ -0,0 +1,361 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Crown as n, Medal as r, Minus as i, TrendingDown as a, TrendingUp as o, Trophy as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/waka-leaderboard/index.tsx
+var u = {
+	1: {
+		gradient: "from-yellow-300 via-yellow-400 to-yellow-500",
+		shadow: "shadow-yellow-400/50",
+		glow: "hsl(var(--warning))",
+		border: "border-yellow-400",
+		bg: "bg-yellow-50 dark:bg-yellow-950/30",
+		text: "text-yellow-700 dark:text-yellow-400",
+		icon: n,
+		label: "Gold"
+	},
+	2: {
+		gradient: "from-gray-300 via-gray-400 to-gray-500",
+		shadow: "shadow-gray-400/50",
+		glow: "hsl(var(--muted-foreground))",
+		border: "border-gray-400",
+		bg: "bg-gray-50 dark:bg-gray-950/30",
+		text: "text-gray-700 dark:text-gray-400",
+		icon: r,
+		label: "Silver"
+	},
+	3: {
+		gradient: "from-amber-500 via-amber-600 to-amber-700",
+		shadow: "shadow-amber-500/50",
+		glow: "hsl(var(--chart-4))",
+		border: "border-amber-500",
+		bg: "bg-amber-50 dark:bg-amber-950/30",
+		text: "text-amber-700 dark:text-amber-400",
+		icon: r,
+		label: "Bronze"
+	}
+};
+function d({ name: t, avatar: r, size: i = "default", rank: a, className: o }) {
+	let s = {
+		sm: "h-8 w-8 text-xs",
+		default: "h-10 w-10 text-sm",
+		lg: "h-14 w-14 text-base"
+	}, d = (e) => e.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2), f = a && a <= 3 ? u[a] : null;
+	return /* @__PURE__ */ l("div", {
+		className: e("relative flex items-center justify-center rounded-full font-semibold", s[i], r ? "" : "bg-muted text-muted-foreground", f && `ring-2 ${f.border}`, o),
+		children: [r ? /* @__PURE__ */ c("img", {
+			src: r,
+			alt: t,
+			className: "h-full w-full rounded-full object-cover"
+		}) : d(t), f && /* @__PURE__ */ c("div", {
+			className: e("absolute -bottom-0.5 -right-0.5 flex h-4 w-4 items-center justify-center rounded-full bg-gradient-to-br text-white shadow-lg", f.gradient),
+			children: a === 1 ? /* @__PURE__ */ c(n, { className: "h-2.5 w-2.5" }) : /* @__PURE__ */ c("span", {
+				className: "text-[8px] font-bold",
+				children: a
+			})
+		})]
+	});
+}
+function f({ currentRank: t, previousRank: n, size: r = "default" }) {
+	if (n === void 0 || n === t) return /* @__PURE__ */ c("div", {
+		className: "flex items-center text-muted-foreground",
+		children: /* @__PURE__ */ c(i, { className: e(r === "sm" ? "h-3 w-3" : "h-4 w-4") })
+	});
+	let s = t < n, u = Math.abs(n - t);
+	return /* @__PURE__ */ l("div", {
+		className: e("flex items-center gap-0.5 font-medium", s ? "text-green-600" : "text-red-500", r === "sm" ? "text-xs" : "text-sm"),
+		children: [c(s ? o : a, { className: e(r === "sm" ? "h-3 w-3" : "h-4 w-4") }), /* @__PURE__ */ c("span", { children: u })]
+	});
+}
+function p({ entries: t, size: n = "default", scoreLabel: r = "pts", formatScore: i = (e) => e.toLocaleString(), onEntryClick: a, className: o }) {
+	let s = t.slice(0, 3);
+	if (s.length === 0) return null;
+	let f = [
+		s[1],
+		s[0],
+		s[2]
+	].filter(Boolean), p = {
+		sm: {
+			container: "h-32",
+			avatar: "sm",
+			name: "text-xs",
+			score: "text-xs",
+			podiumHeights: [
+				"h-16",
+				"h-24",
+				"h-12"
+			]
+		},
+		default: {
+			container: "h-48",
+			avatar: "default",
+			name: "text-sm",
+			score: "text-sm",
+			podiumHeights: [
+				"h-20",
+				"h-32",
+				"h-16"
+			]
+		},
+		lg: {
+			container: "h-64",
+			avatar: "lg",
+			name: "text-base",
+			score: "text-base",
+			podiumHeights: [
+				"h-24",
+				"h-40",
+				"h-20"
+			]
+		}
+	}[n];
+	return /* @__PURE__ */ l("div", {
+		className: e("relative flex items-end justify-center gap-2", p.container, o),
+		children: [f.map((t, n) => {
+			if (!t) return /* @__PURE__ */ c("div", { className: "w-24" }, `empty-${n}`);
+			let o = t.rank, s = u[o], f = o === 1 ? 1 : o === 2 ? 0 : 2;
+			return /* @__PURE__ */ l("div", {
+				className: e("flex flex-col items-center transition-all duration-500", a && "cursor-pointer"),
+				onClick: () => a?.(t),
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: e(o === 1 && "animate-float"),
+						children: /* @__PURE__ */ c(d, {
+							name: t.name,
+							avatar: t.avatar,
+							size: p.avatar,
+							rank: o
+						})
+					}),
+					/* @__PURE__ */ c("span", {
+						className: e("mt-2 max-w-[80px] truncate font-medium text-center", p.name, t.isCurrentUser && "text-primary font-bold"),
+						children: t.name
+					}),
+					/* @__PURE__ */ l("span", {
+						className: e("text-muted-foreground", p.score),
+						children: [
+							i(t.score),
+							" ",
+							r
+						]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: e("mt-2 w-20 rounded-t-lg flex items-center justify-center bg-gradient-to-b transition-all", s.gradient, p.podiumHeights[f]),
+						style: { boxShadow: `0 -4px 20px ${s.glow}40` },
+						children: /* @__PURE__ */ c("span", {
+							className: "text-2xl font-bold text-white drop-shadow-lg",
+							children: o
+						})
+					})
+				]
+			}, t.id);
+		}), /* @__PURE__ */ c("style", { children: "\n        @keyframes float {\n          0%, 100% { transform: translateY(0); }\n          50% { transform: translateY(-8px); }\n        }\n        .animate-float {\n          animation: float 3s ease-in-out infinite;\n        }\n      " })]
+	});
+}
+function m({ entry: t, size: r, showRankChange: i, scoreLabel: a, formatScore: o, onEntryClick: p, isAnimating: m }) {
+	let h = {
+		sm: {
+			row: "py-2 px-3",
+			rank: "w-6 text-sm",
+			name: "text-sm",
+			score: "text-sm"
+		},
+		default: {
+			row: "py-3 px-4",
+			rank: "w-8 text-base",
+			name: "text-base",
+			score: "text-base"
+		},
+		lg: {
+			row: "py-4 px-5",
+			rank: "w-10 text-lg",
+			name: "text-lg",
+			score: "text-lg"
+		}
+	}[r], g = t.rank <= 3, _ = g ? u[t.rank] : null;
+	return /* @__PURE__ */ l("div", {
+		className: e("flex items-center gap-3 rounded-lg border transition-all duration-300", h.row, t.isCurrentUser && "bg-primary/5 border-primary/30 ring-1 ring-primary/20", !t.isCurrentUser && "bg-card hover:bg-accent/50", g && !t.isCurrentUser && e(_?.bg, _?.border), p && "cursor-pointer", m && "animate-pulse-highlight"),
+		onClick: () => p?.(t),
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: e("flex-shrink-0 font-bold tabular-nums text-center", h.rank, _?.text || "text-muted-foreground"),
+				children: g && _ ? /* @__PURE__ */ c("div", {
+					className: "flex items-center justify-center",
+					children: t.rank === 1 ? /* @__PURE__ */ c(n, { className: e("h-5 w-5", _.text) }) : /* @__PURE__ */ c(s, { className: e("h-4 w-4", _.text) })
+				}) : t.rank
+			}),
+			/* @__PURE__ */ c(d, {
+				name: t.name,
+				avatar: t.avatar,
+				size: r,
+				rank: g ? t.rank : void 0
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "flex-1 min-w-0",
+				children: /* @__PURE__ */ l("span", {
+					className: e("font-medium truncate block", h.name, t.isCurrentUser && "text-primary font-semibold"),
+					children: [t.name, t.isCurrentUser && /* @__PURE__ */ c("span", {
+						className: "ml-2 text-xs text-primary/70",
+						children: "(You)"
+					})]
+				})
+			}),
+			i && /* @__PURE__ */ c(f, {
+				currentRank: t.rank,
+				previousRank: t.previousRank,
+				size: r
+			}),
+			/* @__PURE__ */ l("div", {
+				className: e("flex-shrink-0 font-semibold tabular-nums", h.score),
+				children: [o(t.score), /* @__PURE__ */ c("span", {
+					className: "ml-1 text-muted-foreground font-normal",
+					children: a
+				})]
+			}),
+			/* @__PURE__ */ c("style", { children: "\n        @keyframes pulse-highlight {\n          0%, 100% { background-color: inherit; }\n          50% { background-color: hsl(var(--primary) / 0.1); }\n        }\n        .animate-pulse-highlight {\n          animation: pulse-highlight 1s ease-in-out;\n        }\n      " })
+		]
+	});
+}
+function h({ entries: n, title: r, showPodium: i = !0, animateRankChanges: a = !0, maxEntries: o = 10, scoreLabel: u = "pts", formatScore: d = (e) => e.toLocaleString(), currentUserId: f, onEntryClick: h, showRankChange: g = !0, size: _ = "default", className: v }) {
+	let [y, b] = t.useState(/* @__PURE__ */ new Set()), x = t.useRef(/* @__PURE__ */ new Map()), S = t.useMemo(() => n.map((e) => ({
+		...e,
+		isCurrentUser: e.isCurrentUser || e.id === f
+	})), [n, f]);
+	t.useEffect(() => {
+		if (!a) return;
+		let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Map();
+		S.forEach((n) => {
+			let r = x.current.get(n.id);
+			t.set(n.id, n.rank), r !== void 0 && r !== n.rank && e.add(n.id);
+		}), e.size > 0 && (b(e), setTimeout(() => b(/* @__PURE__ */ new Set()), 1e3)), x.current = t;
+	}, [S, a]);
+	let C = i ? S.filter((e) => e.rank <= 3) : [], w = i ? S.filter((e) => e.rank > 3).slice(0, o - 3) : S.slice(0, o), T = S.find((e) => e.isCurrentUser), E = T && (T.rank <= 3 || T.rank <= o);
+	return /* @__PURE__ */ l("div", {
+		className: e("space-y-4", v),
+		children: [
+			r && /* @__PURE__ */ l("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ c(s, { className: "h-5 w-5 text-yellow-500" }), /* @__PURE__ */ c("h3", {
+					className: "text-lg font-semibold",
+					children: r
+				})]
+			}),
+			i && C.length > 0 && /* @__PURE__ */ c("div", {
+				className: "rounded-xl border bg-gradient-to-b from-background to-muted/30 p-4",
+				children: /* @__PURE__ */ c(p, {
+					entries: C,
+					size: _,
+					scoreLabel: u,
+					formatScore: d,
+					onEntryClick: h
+				})
+			}),
+			w.length > 0 && /* @__PURE__ */ c("div", {
+				className: "space-y-2",
+				children: w.map((e) => /* @__PURE__ */ c(m, {
+					entry: e,
+					size: _,
+					showRankChange: g,
+					scoreLabel: u,
+					formatScore: d,
+					onEntryClick: h,
+					isAnimating: y.has(e.id)
+				}, e.id))
+			}),
+			T && !E && /* @__PURE__ */ l("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ l("div", {
+					className: "flex items-center gap-2 py-2",
+					children: [
+						/* @__PURE__ */ c("div", { className: "flex-1 border-t border-dashed" }),
+						/* @__PURE__ */ c("span", {
+							className: "text-xs text-muted-foreground",
+							children: "Your position"
+						}),
+						/* @__PURE__ */ c("div", { className: "flex-1 border-t border-dashed" })
+					]
+				}), /* @__PURE__ */ c(m, {
+					entry: T,
+					size: _,
+					showRankChange: g,
+					scoreLabel: u,
+					formatScore: d,
+					onEntryClick: h
+				})]
+			})
+		]
+	});
+}
+function g({ entries: t, maxEntries: n = 5, currentUserId: r, className: i }) {
+	let a = t.slice(0, n);
+	return /* @__PURE__ */ c("div", {
+		className: e("space-y-1", i),
+		children: a.map((t) => {
+			let n = t.isCurrentUser || t.id === r, i = t.rank <= 3 ? u[t.rank] : null;
+			return /* @__PURE__ */ l("div", {
+				className: e("flex items-center gap-2 rounded-md px-2 py-1 text-sm", n && "bg-primary/10"),
+				children: [
+					/* @__PURE__ */ c("span", {
+						className: e("w-5 font-semibold text-center tabular-nums", i?.text || "text-muted-foreground"),
+						children: t.rank
+					}),
+					/* @__PURE__ */ c("span", {
+						className: e("flex-1 truncate", n && "font-semibold"),
+						children: t.name
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "text-muted-foreground tabular-nums",
+						children: t.score.toLocaleString()
+					})
+				]
+			}, t.id);
+		})
+	});
+}
+function _({ entries: e, sortDirection: n = "desc", autoRank: r = !0 }) {
+	let [i, a] = t.useState(() => r ? o(e, n) : e);
+	function o(e, t) {
+		return [...e].sort((e, n) => t === "desc" ? n.score - e.score : e.score - n.score).map((e, t) => ({
+			...e,
+			previousRank: e.rank,
+			rank: t + 1
+		}));
+	}
+	return {
+		entries: i,
+		updateScore: t.useCallback((e, t) => {
+			a((i) => {
+				let a = i.map((n) => n.id === e ? {
+					...n,
+					score: t
+				} : n);
+				return r ? o(a, n) : a;
+			});
+		}, [r, n]),
+		addEntry: t.useCallback((e) => {
+			a((t) => {
+				let i = {
+					...e,
+					rank: t.length + 1
+				}, a = [...t, i];
+				return r ? o(a, n) : a;
+			});
+		}, [r, n]),
+		removeEntry: t.useCallback((e) => {
+			a((t) => {
+				let i = t.filter((t) => t.id !== e);
+				return r ? o(i, n) : i;
+			});
+		}, [r, n]),
+		refresh: t.useCallback((e) => {
+			a(r ? o(e, n) : e);
+		}, [r, n]),
+		topEntry: i[0],
+		getEntry: (e) => i.find((t) => t.id === e),
+		getRank: (e) => i.find((t) => t.id === e)?.rank
+	};
+}
+//#endregion
+export { h as WakaLeaderboard, g as WakaMiniLeaderboard, p as WakaPodium, _ as useLeaderboard };

package/dist/components/waka-level-progress/index.cjs.js

@@ -0,0 +1,57 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);var a={default:{gradient:`from-blue-500 to-purple-600`,bgGradient:`from-blue-500/20 to-purple-600/20`,text:`text-blue-600`,glow:`#3b82f6`,border:`border-blue-500/30`},gold:{gradient:`from-yellow-400 to-orange-500`,bgGradient:`from-yellow-400/20 to-orange-500/20`,text:`text-yellow-600`,glow:`#f59e0b`,border:`border-yellow-500/30`},purple:{gradient:`from-purple-500 to-pink-600`,bgGradient:`from-purple-500/20 to-pink-600/20`,text:`text-purple-600`,glow:`#a855f7`,border:`border-purple-500/30`},green:{gradient:`from-green-500 to-emerald-600`,bgGradient:`from-green-500/20 to-emerald-600/20`,text:`text-green-600`,glow:`#22c55e`,border:`border-green-500/30`},blue:{gradient:`from-cyan-500 to-blue-600`,bgGradient:`from-cyan-500/20 to-blue-600/20`,text:`text-cyan-600`,glow:`#06b6d4`,border:`border-cyan-500/30`}};function o({active:e,onComplete:t}){let[a,o]=n.useState(!1);if(n.useEffect(()=>{if(e){o(!0);let e=setTimeout(()=>{o(!1),t?.()},3e3);return()=>clearTimeout(e)}},[e,t]),!a)return null;let s=[`#fbbf24`,`#f59e0b`,`#ef4444`,`#8b5cf6`,`#06b6d4`,`#22c55e`];return(0,i.jsxs)(`div`,{className:`pointer-events-none fixed inset-0 z-50 overflow-hidden`,children:[[...Array(60)].map((e,t)=>{let n=t/60*360,r=200+Math.random()*300,a=8+Math.random()*12,o=1+Math.random()*.5;return(0,i.jsx)(`div`,{className:`absolute left-1/2 top-1/2 animate-confetti-burst`,style:{width:a,height:a,backgroundColor:s[Math.floor(Math.random()*s.length)],borderRadius:Math.random()>.5?`50%`:`2px`,"--angle":`${n}deg`,"--distance":`${r}px`,animationDuration:`${o}s`,animationDelay:`${Math.random()*.2}s`}},t)}),(0,i.jsx)(`div`,{className:`absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 animate-level-up-text`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-2 rounded-full bg-gradient-to-r from-yellow-400 to-orange-500 px-8 py-4 text-white shadow-2xl`,children:[(0,i.jsx)(r.ChevronUp,{className:`h-8 w-8 animate-bounce`}),(0,i.jsx)(`span`,{className:`text-3xl font-bold`,children:`LEVEL UP!`}),(0,i.jsx)(r.ChevronUp,{className:`h-8 w-8 animate-bounce`})]})}),[...Array(20)].map((e,t)=>(0,i.jsx)(r.Sparkles,{className:`absolute animate-sparkle`,style:{left:`${Math.random()*100}%`,top:`${Math.random()*100}%`,color:s[Math.floor(Math.random()*s.length)],animationDelay:`${Math.random()*2}s`,fontSize:`${16+Math.random()*16}px`}},`sparkle-${t}`)),(0,i.jsx)(`style`,{children:`
+        @keyframes confetti-burst {
+          0% {
+            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(1);
+            opacity: 1;
+          }
+          100% {
+            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(0) rotate(720deg);
+            opacity: 0;
+          }
+        }
+        @keyframes level-up-text {
+          0% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
+          20% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
+          30% { transform: translate(-50%, -50%) scale(1); }
+          70% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
+          100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }
+        }
+        @keyframes sparkle {
+          0%, 100% { transform: scale(0) rotate(0deg); opacity: 0; }
+          50% { transform: scale(1) rotate(180deg); opacity: 1; }
+        }
+        .animate-confetti-burst {
+          animation: confetti-burst 1.5s ease-out forwards;
+        }
+        .animate-level-up-text {
+          animation: level-up-text 2.5s ease-out forwards;
+        }
+        .animate-sparkle {
+          animation: sparkle 2s ease-in-out infinite;
+        }
+      `})]})}function s({level:e,size:n=`default`,animated:r=!0,theme:o=`gold`,className:s}){let c=a[o],l={sm:{container:`h-8 w-8`,text:`text-xs`,ring:`ring-2`},default:{container:`h-12 w-12`,text:`text-lg`,ring:`ring-2`},lg:{container:`h-16 w-16`,text:`text-2xl`,ring:`ring-4`},xl:{container:`h-24 w-24`,text:`text-4xl`,ring:`ring-4`}}[n];return(0,i.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center rounded-full bg-gradient-to-br font-bold text-white shadow-lg`,c.gradient,l.container,l.ring,`ring-white/30`,r&&`animate-pulse-glow`,s),style:r?{"--glow-color":c.glow}:{},children:[(0,i.jsx)(`div`,{className:`absolute inset-1 rounded-full bg-black/10`}),(0,i.jsx)(`span`,{className:t.cn(`relative z-10 font-bold`,l.text),children:e}),r&&(0,i.jsx)(`div`,{className:`absolute inset-0 overflow-hidden rounded-full`,children:(0,i.jsx)(`div`,{className:`absolute inset-0 animate-shine bg-gradient-to-r from-transparent via-white/30 to-transparent -translate-x-full`})}),(0,i.jsx)(`style`,{children:`
+        @keyframes pulse-glow {
+          0%, 100% { box-shadow: 0 0 20px var(--glow-color, #f59e0b)40; }
+          50% { box-shadow: 0 0 30px var(--glow-color, #f59e0b)60; }
+        }
+        @keyframes shine {
+          0% { transform: translateX(-100%); }
+          50%, 100% { transform: translateX(100%); }
+        }
+        .animate-pulse-glow {
+          animation: pulse-glow 2s ease-in-out infinite;
+        }
+        .animate-shine {
+          animation: shine 3s ease-in-out infinite;
+        }
+      `})]})}function c({currentXp:e,currentLevel:c,xpForNextLevel:l,xpAtCurrentLevel:u=0,levelLabel:d=`Level`,size:f=`default`,showXpNumbers:p=!0,showPercentage:m=!1,milestones:h=[],animate:g=!0,showLevelUpCelebration:_=!0,onLevelUp:v,theme:y=`gold`,className:b}){let[x,S]=n.useState(0),[C,w]=n.useState(!1),T=n.useRef(c),E=a[y],D=e-u,O=l-u,k=Math.min(100,D/O*100),A=Math.max(0,l-e),j={sm:{container:`gap-2`,bar:`h-2`,levelBadge:`sm`,text:`text-xs`,milestone:`h-3 w-3`},default:{container:`gap-3`,bar:`h-3`,levelBadge:`default`,text:`text-sm`,milestone:`h-4 w-4`},lg:{container:`gap-4`,bar:`h-4`,levelBadge:`lg`,text:`text-base`,milestone:`h-5 w-5`}}[f];return n.useEffect(()=>{if(!g){S(k);return}let e=x,t=k-e,n=Date.now(),r=()=>{let i=Date.now()-n,a=Math.min(i/1e3,1);S(e+t*(1-(1-a)**3)),a<1&&requestAnimationFrame(r)};requestAnimationFrame(r)},[k,g]),n.useEffect(()=>{c>T.current&&(_&&w(!0),v?.(c)),T.current=c},[c,_,v]),(0,i.jsxs)(`div`,{className:t.cn(`relative`,b),children:[(0,i.jsx)(o,{active:C,onComplete:()=>w(!1)}),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center`,j.container),children:[(0,i.jsx)(s,{level:c,size:j.levelBadge,theme:y,animated:g}),(0,i.jsxs)(`div`,{className:`flex-1`,children:[(0,i.jsxs)(`div`,{className:`mb-1 flex items-center justify-between`,children:[(0,i.jsxs)(`span`,{className:t.cn(`font-medium`,j.text),children:[d,` `,c]}),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 text-muted-foreground`,j.text),children:[p&&(0,i.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,i.jsx)(r.Zap,{className:`h-3.5 w-3.5 text-yellow-500`}),(0,i.jsx)(`span`,{className:`font-medium tabular-nums`,children:D.toLocaleString()}),(0,i.jsx)(`span`,{children:`/`}),(0,i.jsxs)(`span`,{className:`tabular-nums`,children:[O.toLocaleString(),` XP`]})]}),m&&(0,i.jsxs)(`span`,{className:`font-medium tabular-nums`,children:[Math.round(k),`%`]})]})]}),(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsxs)(`div`,{className:t.cn(`relative w-full overflow-hidden rounded-full bg-muted`,j.bar),children:[(0,i.jsx)(`div`,{className:t.cn(`absolute inset-0 rounded-full opacity-30 blur-sm bg-gradient-to-r`,E.gradient),style:{width:`${x}%`}}),(0,i.jsx)(`div`,{className:t.cn(`relative h-full rounded-full bg-gradient-to-r transition-all duration-300`,E.gradient),style:{width:`${x}%`},children:(0,i.jsx)(`div`,{className:`absolute inset-0 overflow-hidden rounded-full`,children:(0,i.jsx)(`div`,{className:`absolute inset-0 animate-progress-shine`})})}),h.map(e=>{let n=(e.xpRequired-u)/O*100;return n<=0||n>=100?null:(0,i.jsx)(`div`,{className:`absolute top-1/2 -translate-y-1/2 z-10`,style:{left:`${n}%`},children:(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-full border-2 border-background bg-muted transition-all`,j.milestone,k>=n&&t.cn(`bg-gradient-to-br`,E.gradient,`text-white`)),children:e.icon||(0,i.jsx)(r.Star,{className:`h-2 w-2`})})},e.level)})]}),p&&(0,i.jsxs)(`div`,{className:t.cn(`mt-1 text-muted-foreground text-right`,j.text),children:[(0,i.jsx)(`span`,{className:`tabular-nums`,children:A.toLocaleString()}),` XP to next level`]})]})]}),(0,i.jsx)(`div`,{className:`flex flex-col items-center opacity-50`,children:(0,i.jsx)(s,{level:c+1,size:j.levelBadge,theme:y,animated:!1})})]}),(0,i.jsx)(`style`,{children:`
+        @keyframes progress-shine {
+          0% { transform: translateX(-100%); opacity: 0; }
+          50% { opacity: 0.3; }
+          100% { transform: translateX(100%); opacity: 0; }
+        }
+        .animate-progress-shine {
+          background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
+          animation: progress-shine 2s ease-in-out infinite;
+        }
+      `})]})}function l({currentLevel:e,progressPercent:n,theme:r=`gold`,className:o}){let c=a[r];return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-2`,o),children:[(0,i.jsx)(s,{level:e,size:`sm`,theme:r,animated:!1}),(0,i.jsx)(`div`,{className:`h-1.5 w-20 overflow-hidden rounded-full bg-muted`,children:(0,i.jsx)(`div`,{className:t.cn(`h-full rounded-full bg-gradient-to-r transition-all`,c.gradient),style:{width:`${n}%`}})})]})}function u({initialXp:e=0,xpPerLevel:t=1e3,maxLevel:r=100,onLevelChange:i}={}){let[a,o]=n.useState(e);n.useCallback(e=>{if(typeof t==`function`){let n=0;for(let r=1;r<e;r++)n+=t(r);return n}return(e-1)*t},[t]);let s=n.useCallback(e=>typeof t==`function`?t(e):t,[t]),{level:c,xpAtLevel:l}=n.useCallback(e=>{let t=1,n=0;for(;t<r;){let r=n+s(t);if(e<r)break;n=r,t++}return{level:t,xpAtLevel:n}},[r,s])(a),u=l+s(c),d=n.useRef(c);n.useEffect(()=>{c!==d.current&&(i?.(c,d.current),d.current=c)},[c,i]);let f=n.useCallback(e=>{o(t=>t+e)},[]),p=n.useCallback(e=>{o(e)},[]),m=n.useCallback(()=>{o(0)},[]);return{totalXp:a,currentLevel:c,currentXp:a,xpAtCurrentLevel:l,xpForNextLevel:u,xpInCurrentLevel:a-l,xpNeededForLevel:u-l,xpRemaining:u-a,progressPercent:(a-l)/(u-l)*100,addXp:f,setXp:p,reset:m,isMaxLevel:c>=r}}exports.WakaCompactLevelProgress=l,exports.WakaLevelBadge=s,exports.WakaLevelProgress=c,exports.useLevelProgress=u;