@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-log-viewer/index.es.js

@@ -0,0 +1,318 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../badge/index.es.js";
+import { Button as n } from "../button/index.es.js";
+import { Input as r } from "../input/index.es.js";
+import { Select as i, SelectContent as a, SelectItem as o, SelectTrigger as s, SelectValue as c } from "../select/index.es.js";
+import { ScrollArea as l } from "../scroll-area/index.es.js";
+import * as u from "react";
+import { AlertCircle as d, AlertTriangle as f, Bug as p, ChevronDown as m, ChevronRight as h, Clock as g, Download as _, Filter as v, Info as y, Pause as b, Play as x, RefreshCw as S, Search as C, Trash2 as w } from "lucide-react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/components/waka-log-viewer/index.tsx
+var D = {
+	error: {
+		icon: d,
+		color: "text-red-500",
+		bgColor: "bg-red-500/10"
+	},
+	warn: {
+		icon: f,
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500/10"
+	},
+	info: {
+		icon: y,
+		color: "text-blue-500",
+		bgColor: "bg-blue-500/10"
+	},
+	debug: {
+		icon: p,
+		color: "text-purple-500",
+		bgColor: "bg-purple-500/10"
+	},
+	trace: {
+		icon: g,
+		color: "text-gray-500",
+		bgColor: "bg-gray-500/10"
+	}
+};
+function O({ entry: n, showTimestamp: r, showSource: i, isExpanded: a, onToggleExpand: o }) {
+	let s = D[n.level], c = s.icon, l = n.metadata || n.stackTrace;
+	return /* @__PURE__ */ E("div", {
+		className: e("border-b border-border/50 hover:bg-muted/30 transition-colors", s.bgColor),
+		children: [/* @__PURE__ */ E("div", {
+			className: e("flex items-start gap-2 px-3 py-2 font-mono text-sm", l && "cursor-pointer"),
+			onClick: l ? o : void 0,
+			children: [
+				l && /* @__PURE__ */ T("button", {
+					className: "mt-0.5 text-muted-foreground hover:text-foreground",
+					children: T(a ? m : h, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ T(c, { className: e("h-4 w-4 mt-0.5 shrink-0", s.color) }),
+				r && /* @__PURE__ */ E("span", {
+					className: "text-muted-foreground shrink-0 text-xs",
+					children: [
+						n.timestamp.toLocaleTimeString("fr-FR", {
+							hour: "2-digit",
+							minute: "2-digit",
+							second: "2-digit"
+						}),
+						".",
+						n.timestamp.getMilliseconds().toString().padStart(3, "0")
+					]
+				}),
+				/* @__PURE__ */ T(t, {
+					variant: "outline",
+					className: e("shrink-0 uppercase text-xs", s.color),
+					children: n.level
+				}),
+				i && n.source && /* @__PURE__ */ E("span", {
+					className: "text-muted-foreground shrink-0",
+					children: [
+						"[",
+						n.source,
+						"]"
+					]
+				}),
+				/* @__PURE__ */ T("span", {
+					className: "flex-1 break-all whitespace-pre-wrap",
+					children: n.message
+				})
+			]
+		}), a && l && /* @__PURE__ */ E("div", {
+			className: "px-3 pb-3 pl-10 space-y-2",
+			children: [n.metadata && /* @__PURE__ */ T("div", {
+				className: "bg-muted/50 rounded p-2 font-mono text-xs",
+				children: /* @__PURE__ */ T("pre", {
+					className: "overflow-x-auto",
+					children: JSON.stringify(n.metadata, null, 2)
+				})
+			}), n.stackTrace && /* @__PURE__ */ T("div", {
+				className: "bg-red-500/5 border border-red-500/20 rounded p-2 font-mono text-xs text-red-400",
+				children: /* @__PURE__ */ T("pre", {
+					className: "overflow-x-auto whitespace-pre-wrap",
+					children: n.stackTrace
+				})
+			})]
+		})]
+	});
+}
+function k({ logs: d, onLoadMore: f, onClear: p, onExport: m, isStreaming: h = !1, onToggleStreaming: g, maxLogs: y = 1e3, showTimestamp: k = !0, showSource: A = !0, autoScroll: j = !0, className: M, title: N = "Logs" }) {
+	let [P, F] = u.useState(""), [I, L] = u.useState("all"), [R, z] = u.useState(/* @__PURE__ */ new Set()), B = u.useRef(null), V = u.useMemo(() => d.filter((e) => {
+		if (I !== "all" && e.level !== I) return !1;
+		if (P) {
+			let t = P.toLowerCase();
+			return e.message.toLowerCase().includes(t) || e.source?.toLowerCase().includes(t) || JSON.stringify(e.metadata ?? {}).toLowerCase().includes(t);
+		}
+		return !0;
+	}).slice(-y), [
+		d,
+		I,
+		P,
+		y
+	]);
+	u.useEffect(() => {
+		j && B.current && (B.current.scrollTop = B.current.scrollHeight);
+	}, [V, j]);
+	let H = (e) => {
+		z((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, U = u.useMemo(() => d.reduce((e, t) => (e[t.level] = (e[t.level] || 0) + 1, e), {}), [d]);
+	return /* @__PURE__ */ E("div", {
+		className: e("flex flex-col h-full border rounded-lg bg-background", M),
+		children: [
+			/* @__PURE__ */ E("div", {
+				className: "flex items-center justify-between gap-4 p-3 border-b",
+				children: [/* @__PURE__ */ E("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ T("h3", {
+							className: "font-semibold",
+							children: N
+						}),
+						/* @__PURE__ */ T(t, {
+							variant: "secondary",
+							children: V.length
+						}),
+						h && /* @__PURE__ */ T(t, {
+							variant: "default",
+							className: "bg-green-500 animate-pulse",
+							children: "Live"
+						})
+					]
+				}), /* @__PURE__ */ T("div", {
+					className: "flex items-center gap-2",
+					children: /* @__PURE__ */ T("div", {
+						className: "hidden md:flex items-center gap-1",
+						children: [
+							"error",
+							"warn",
+							"info",
+							"debug"
+						].map((n) => {
+							let r = D[n], i = U[n] || 0;
+							return /* @__PURE__ */ E(t, {
+								variant: "outline",
+								className: e("text-xs cursor-pointer", r.color),
+								onClick: () => L(I === n ? "all" : n),
+								children: [
+									n,
+									": ",
+									i
+								]
+							}, n);
+						})
+					})
+				})]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "flex items-center gap-2 p-2 border-b bg-muted/30",
+				children: [
+					/* @__PURE__ */ E("div", {
+						className: "relative flex-1 max-w-sm",
+						children: [/* @__PURE__ */ T(C, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ T(r, {
+							placeholder: "Rechercher...",
+							value: P,
+							onChange: (e) => F(e.target.value),
+							className: "pl-8 h-8"
+						})]
+					}),
+					/* @__PURE__ */ E(i, {
+						value: I,
+						onValueChange: (e) => L(e),
+						children: [/* @__PURE__ */ E(s, {
+							className: "w-[120px] h-8",
+							children: [/* @__PURE__ */ T(v, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ T(c, { placeholder: "Niveau" })]
+						}), /* @__PURE__ */ E(a, { children: [
+							/* @__PURE__ */ T(o, {
+								value: "all",
+								children: "Tous"
+							}),
+							/* @__PURE__ */ T(o, {
+								value: "error",
+								children: "Error"
+							}),
+							/* @__PURE__ */ T(o, {
+								value: "warn",
+								children: "Warn"
+							}),
+							/* @__PURE__ */ T(o, {
+								value: "info",
+								children: "Info"
+							}),
+							/* @__PURE__ */ T(o, {
+								value: "debug",
+								children: "Debug"
+							}),
+							/* @__PURE__ */ T(o, {
+								value: "trace",
+								children: "Trace"
+							})
+						] })]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "flex items-center gap-1",
+						children: [
+							g && /* @__PURE__ */ T(n, {
+								variant: "ghost",
+								size: "sm",
+								onClick: g,
+								className: "h-8",
+								children: T(h ? b : x, { className: "h-4 w-4" })
+							}),
+							f && /* @__PURE__ */ T(n, {
+								variant: "ghost",
+								size: "sm",
+								onClick: f,
+								className: "h-8",
+								children: /* @__PURE__ */ T(S, { className: "h-4 w-4" })
+							}),
+							m && /* @__PURE__ */ T(n, {
+								variant: "ghost",
+								size: "sm",
+								onClick: () => m(V),
+								className: "h-8",
+								children: /* @__PURE__ */ T(_, { className: "h-4 w-4" })
+							}),
+							p && /* @__PURE__ */ T(n, {
+								variant: "ghost",
+								size: "sm",
+								onClick: p,
+								className: "h-8 text-destructive",
+								children: /* @__PURE__ */ T(w, { className: "h-4 w-4" })
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ T(l, {
+				ref: B,
+				className: "flex-1",
+				children: /* @__PURE__ */ T("div", {
+					className: "min-w-max",
+					children: V.length === 0 ? /* @__PURE__ */ T("div", {
+						className: "flex items-center justify-center h-32 text-muted-foreground",
+						children: "Aucun log à afficher"
+					}) : V.map((e) => /* @__PURE__ */ T(O, {
+						entry: e,
+						showTimestamp: k,
+						showSource: A,
+						isExpanded: R.has(e.id),
+						onToggleExpand: () => H(e.id)
+					}, e.id))
+				})
+			})
+		]
+	});
+}
+var A = [
+	{
+		id: "1",
+		timestamp: /* @__PURE__ */ new Date(),
+		level: "info",
+		message: "Application started successfully",
+		source: "main"
+	},
+	{
+		id: "2",
+		timestamp: /* @__PURE__ */ new Date(),
+		level: "debug",
+		message: "Loading configuration from /etc/app/config.yaml",
+		source: "config",
+		metadata: {
+			path: "/etc/app/config.yaml",
+			format: "yaml"
+		}
+	},
+	{
+		id: "3",
+		timestamp: /* @__PURE__ */ new Date(),
+		level: "warn",
+		message: "Deprecated API version detected, please upgrade to v2",
+		source: "api"
+	},
+	{
+		id: "4",
+		timestamp: /* @__PURE__ */ new Date(),
+		level: "error",
+		message: "Failed to connect to database",
+		source: "db",
+		metadata: {
+			host: "localhost",
+			port: 5432
+		},
+		stackTrace: "Error: Connection refused\n    at PostgresClient.connect (/app/node_modules/pg/lib/client.js:123:15)\n    at async DatabaseService.init (/app/src/services/database.ts:45:5)\n    at async bootstrap (/app/src/main.ts:12:3)"
+	},
+	{
+		id: "5",
+		timestamp: /* @__PURE__ */ new Date(),
+		level: "info",
+		message: "Retry connection attempt 1/3",
+		source: "db"
+	}
+];
+//#endregion
+export { k as WakaLogViewer, A as defaultLogs };

package/dist/components/waka-loot-box/index.cjs.js

@@ -0,0 +1,137 @@
+"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={common:{gradient:`from-slate-400 to-slate-600`,glow:`shadow-slate-400/50`,glowColor:`hsl(var(--muted-foreground))`,borderColor:`border-slate-400`,bgColor:`bg-slate-100 dark:bg-slate-900`,textColor:`text-slate-600 dark:text-slate-400`,particleColors:[`hsl(var(--muted-foreground))`,`hsl(var(--muted))`,`hsl(var(--border))`],label:`Common`,beamColor:`hsl(var(--muted-foreground) / 0.8)`},rare:{gradient:`from-blue-400 to-blue-600`,glow:`shadow-blue-400/50`,glowColor:`hsl(var(--info))`,borderColor:`border-blue-400`,bgColor:`bg-blue-100 dark:bg-blue-950`,textColor:`text-blue-600 dark:text-blue-400`,particleColors:[`hsl(var(--info))`,`hsl(var(--chart-1))`,`hsl(var(--primary))`],label:`Rare`,beamColor:`hsl(var(--info) / 0.8)`},epic:{gradient:`from-purple-400 to-purple-600`,glow:`shadow-purple-400/50`,glowColor:`hsl(var(--chart-2))`,borderColor:`border-purple-400`,bgColor:`bg-purple-100 dark:bg-purple-950`,textColor:`text-purple-600 dark:text-purple-400`,particleColors:[`hsl(var(--chart-2))`,`hsl(var(--chart-3))`,`hsl(var(--primary))`],label:`Epic`,beamColor:`hsl(var(--chart-2) / 0.8)`},legendary:{gradient:`from-amber-400 via-orange-500 to-red-500`,glow:`shadow-amber-400/50`,glowColor:`hsl(var(--warning))`,borderColor:`border-amber-400`,bgColor:`bg-amber-100 dark:bg-amber-950`,textColor:`text-amber-600 dark:text-amber-400`,particleColors:[`hsl(var(--warning))`,`hsl(var(--chart-4))`,`hsl(var(--destructive))`,`hsl(var(--chart-5))`],label:`Legendary`,beamColor:`hsl(var(--warning) / 0.9)`}};function o({active:e,colors:t,count:n=40,type:r=`burst`}){return e?r===`rising`?(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-0 overflow-hidden`,children:[...Array(n)].map((e,n)=>{let r=4+Math.random()*6,a=Math.random()*100,o=1.5+Math.random()*1;return(0,i.jsx)(`div`,{className:`absolute bottom-0 rounded-full animate-lootbox-rise`,style:{width:r,height:r,left:`${a}%`,backgroundColor:t[Math.floor(Math.random()*t.length)],animationDuration:`${o}s`,animationDelay:`${Math.random()*.5}s`}},n)})}):(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-0 overflow-hidden`,children:[...Array(n)].map((e,r)=>{let a=r/n*360,o=80+Math.random()*80,s=4+Math.random()*8,c=.8+Math.random()*.6;return(0,i.jsx)(`div`,{className:`absolute left-1/2 top-1/2 rounded-full animate-lootbox-particle`,style:{width:s,height:s,backgroundColor:t[Math.floor(Math.random()*t.length)],"--lootbox-angle":`${a}deg`,"--lootbox-distance":`${o}px`,animationDuration:`${c}s`,animationDelay:`${Math.random()*.2}s`}},r)})}):null}function s({active:e,colors:t,count:n=50}){return e?(0,i.jsx)(`div`,{className:`pointer-events-none fixed inset-0 z-50 overflow-hidden`,children:[...Array(n)].map((e,n)=>{let r=Math.random()*100,a=8+Math.random()*8,o=2+Math.random()*2,s=Math.random()*.5,c=Math.random()*720;return(0,i.jsx)(`div`,{className:`absolute -top-4 animate-lootbox-confetti`,style:{left:`${r}%`,width:a,height:a*.6,backgroundColor:t[Math.floor(Math.random()*t.length)],animationDuration:`${o}s`,animationDelay:`${s}s`,"--lootbox-rotation":`${c}deg`,"--lootbox-drift":`${(Math.random()-.5)*100}px`}},n)})}):null}function c({active:e,color:t}){return e?(0,i.jsxs)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center overflow-visible`,children:[(0,i.jsx)(`div`,{className:`absolute h-[300%] w-2 animate-lootbox-beam`,style:{background:`linear-gradient(to top, transparent, ${t}, transparent)`,filter:`blur(8px)`}}),(0,i.jsx)(`div`,{className:`absolute h-[300%] w-1 animate-lootbox-beam`,style:{background:`linear-gradient(to top, transparent, white, transparent)`,animationDelay:`0.1s`}})]}):null}function l({variant:e,phase:n,highestRarity:o,size:s,onClick:c,disabled:l}){let u=a[o],d={sm:`w-24 h-24`,default:`w-32 h-32`,lg:`w-40 h-40`},f=n===`idle`&&!l,p=t.cn(`relative flex items-center justify-center rounded-xl transition-all duration-300`,d[s],f&&`cursor-pointer hover:scale-105 active:scale-95`,l&&`opacity-50 cursor-not-allowed`,n===`shaking`&&`animate-lootbox-shake`,n===`glowing`&&`animate-lootbox-glow`);return(0,i.jsxs)(`div`,{className:`relative`,children:[n===`glowing`&&(0,i.jsx)(`div`,{className:`absolute inset-0 rounded-xl blur-xl animate-pulse`,style:{background:u.glowColor,opacity:.5}}),(()=>{switch(e){case`chest`:return(0,i.jsxs)(`div`,{className:t.cn(p,`bg-gradient-to-br from-amber-700 via-amber-600 to-amber-800`,`border-4 border-amber-500 shadow-xl`),onClick:f?c:void 0,children:[(0,i.jsx)(`div`,{className:t.cn(`absolute -top-2 left-1/2 -translate-x-1/2 w-[110%] h-[40%] rounded-t-xl`,`bg-gradient-to-b from-amber-600 to-amber-700 border-4 border-amber-500`,`transition-transform duration-500 origin-bottom`,(n===`opening`||n===`revealing`||n===`complete`)&&`-rotate-x-110 -translate-y-8`),style:{transformStyle:`preserve-3d`,transform:n===`opening`||n===`revealing`||n===`complete`?`translateX(-50%) rotateX(-110deg) translateY(-2rem)`:`translateX(-50%)`},children:(0,i.jsx)(`div`,{className:`absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2 w-6 h-8 bg-amber-300 rounded border-2 border-amber-400`})}),(n===`opening`||n===`revealing`)&&(0,i.jsx)(`div`,{className:`absolute inset-0 rounded-xl animate-pulse`,style:{background:`radial-gradient(ellipse at center, ${u.glowColor}60 0%, transparent 70%)`}}),(0,i.jsx)(r.Gift,{className:`w-12 h-12 text-amber-200 opacity-50`})]});case`crate`:return(0,i.jsxs)(`div`,{className:t.cn(p,`bg-gradient-to-br from-gray-600 via-gray-500 to-gray-700`,`border-4 border-gray-400 shadow-xl`),onClick:f?c:void 0,children:[(0,i.jsx)(`div`,{className:`absolute inset-2 flex flex-col justify-between`,children:[...[,,,,]].map((e,t)=>(0,i.jsx)(`div`,{className:`h-1 bg-gray-800/30 rounded`},t))}),(0,i.jsx)(`div`,{className:`absolute top-2 left-0 right-0 h-2 bg-gray-400 border-y border-gray-500`}),(0,i.jsx)(`div`,{className:`absolute bottom-2 left-0 right-0 h-2 bg-gray-400 border-y border-gray-500`}),(n===`opening`||n===`revealing`)&&(0,i.jsx)(`div`,{className:`absolute inset-0 rounded-xl animate-pulse`,style:{background:`radial-gradient(ellipse at center, ${u.glowColor}60 0%, transparent 70%)`}}),(0,i.jsx)(r.Sparkles,{className:`w-10 h-10 text-gray-300 opacity-50`})]});case`gift`:return(0,i.jsxs)(`div`,{className:t.cn(p,`bg-gradient-to-br`,u.gradient,`border-4`,u.borderColor,`shadow-xl`),onClick:f?c:void 0,children:[(0,i.jsx)(`div`,{className:`absolute top-1/2 left-0 right-0 h-4 bg-white/30 -translate-y-1/2`}),(0,i.jsx)(`div`,{className:`absolute top-0 bottom-0 left-1/2 w-4 bg-white/30 -translate-x-1/2`}),(0,i.jsx)(`div`,{className:`absolute -top-3 left-1/2 -translate-x-1/2 w-8 h-4 bg-white/40 rounded-full`}),(n===`opening`||n===`revealing`)&&(0,i.jsx)(`div`,{className:`absolute inset-0 rounded-xl animate-pulse`,style:{background:`radial-gradient(ellipse at center, white 0%, transparent 70%)`}}),(0,i.jsx)(r.Gift,{className:`w-10 h-10 text-white/60`})]});case`orb`:return(0,i.jsxs)(`div`,{className:t.cn(p,`rounded-full bg-gradient-to-br`,u.gradient,`border-4`,u.borderColor,`shadow-2xl`),style:{boxShadow:n===`glowing`?`0 0 40px 10px ${u.glowColor}80, inset 0 0 30px ${u.glowColor}40`:void 0},onClick:f?c:void 0,children:[(0,i.jsx)(`div`,{className:`absolute inset-2 rounded-full bg-gradient-to-br from-white/30 to-transparent`}),(0,i.jsx)(`div`,{className:t.cn(`absolute inset-[30%] rounded-full`,`bg-gradient-to-br from-white/60 to-transparent`)}),(n===`opening`||n===`revealing`)&&(0,i.jsx)(`div`,{className:`absolute inset-0 rounded-full animate-pulse`,style:{background:`radial-gradient(ellipse at center, white 0%, transparent 60%)`}}),(0,i.jsx)(r.Gem,{className:`w-8 h-8 text-white/80`})]})}})()]})}function u({item:e,isRevealing:n,size:o}){let s=a[e.rarity];return(0,i.jsxs)(`div`,{className:t.cn(`relative flex flex-col items-center rounded-2xl border-2 bg-card text-card-foreground shadow-2xl`,`transition-all duration-500`,s.borderColor,{sm:`w-48 p-4`,default:`w-64 p-6`,lg:`w-80 p-8`}[o],n?`animate-lootbox-reveal`:`opacity-0 scale-50`),style:{boxShadow:`0 0 30px 5px ${s.glowColor}40`},children:[(0,i.jsx)(c,{active:n,color:s.beamColor}),(0,i.jsx)(`div`,{className:t.cn(`absolute -top-3 left-1/2 -translate-x-1/2 px-4 py-1 rounded-full text-xs font-bold uppercase tracking-wider`,s.bgColor,s.textColor),children:s.label}),(0,i.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center rounded-xl mb-4 mt-2`,`bg-gradient-to-br`,s.gradient,{sm:`w-16 h-16`,default:`w-24 h-24`,lg:`w-32 h-32`}[o]),children:[e.imageUrl?(0,i.jsx)(`img`,{src:e.imageUrl,alt:e.name,className:`w-full h-full object-contain rounded-xl`}):e.icon?(0,i.jsx)(`div`,{className:`text-white`,children:e.icon}):(0,i.jsx)(r.Star,{className:`w-1/2 h-1/2 text-white`}),(0,i.jsx)(`div`,{className:`absolute inset-0 rounded-xl overflow-hidden`,children:(0,i.jsx)(`div`,{className:`absolute inset-0 animate-lootbox-shine`})})]}),e.quantity&&e.quantity>1&&(0,i.jsxs)(`div`,{className:`absolute top-12 right-4 px-2 py-1 rounded-full bg-black/70 text-white text-sm font-bold`,children:[`x`,e.quantity]}),(0,i.jsx)(`h3`,{className:`text-lg font-bold text-center mb-1`,children:e.name}),e.description&&(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground text-center`,children:e.description})]})}function d({items:e=[],onRevealComplete:t}={}){let[r,i]=n.useState(e),[a,o]=n.useState(!1),[s,c]=n.useState(`idle`),[l,u]=n.useState(0),d=n.useCallback(()=>{r.length!==0&&(o(!0),c(`shaking`),setTimeout(()=>c(`glowing`),500),setTimeout(()=>c(`opening`),1200),setTimeout(()=>{c(`revealing`),u(0)},1800))},[r.length]),f=n.useCallback(()=>{o(!1),c(`idle`),u(0)},[]),p=n.useCallback(()=>{l<r.length-1?u(e=>e+1):(c(`complete`),t?.(r))},[l,r,t]),m=n.useCallback(()=>{l>0&&u(e=>e-1)},[l]),h=n.useCallback(()=>{c(`complete`),u(r.length-1),t?.(r)},[r,t]),g=n.useCallback(()=>{o(!1),c(`idle`),u(0)},[]);return n.useEffect(()=>{i(e)},[e]),{items:r,isOpen:a,phase:s,currentItemIndex:l,open:d,close:f,nextItem:p,prevItem:m,skipToEnd:h,setItems:i,reset:g}}function f({items:e,isOpen:c,onOpen:f,onRevealComplete:p,onClose:m,enableSound:h=!1,openSoundSrc:g,revealSoundSrc:_,variant:v=`chest`,size:y=`default`,className:b,disabled:x=!1,autoReveal:S=!1,autoRevealDelay:C=1500}){let w=d({items:e,onRevealComplete:p}),[T,E]=n.useState(!1),D=n.useRef(null),O=c!==void 0,k=O?c:w.isOpen,A=n.useMemo(()=>{let t=[`common`,`rare`,`epic`,`legendary`];return e.reduce((e,n)=>t.indexOf(n.rarity)>t.indexOf(e)?n.rarity:e,`common`)},[e]),j=e[w.currentItemIndex],M=j?a[j.rarity]:a.common;n.useEffect(()=>{O&&c&&w.phase===`idle`&&w.open()},[c,O,w]),n.useEffect(()=>{h&&(w.phase===`opening`&&g&&(D.current=new Audio(g),D.current.play().catch(()=>{})),w.phase===`revealing`&&_&&(D.current=new Audio(_),D.current.play().catch(()=>{})))},[w.phase,h,g,_]),n.useEffect(()=>{if(w.phase===`revealing`){E(!0);let e=setTimeout(()=>E(!1),3e3);return()=>clearTimeout(e)}},[w.phase]),n.useEffect(()=>{if(!S||w.phase!==`revealing`)return;let t=setTimeout(()=>{w.currentItemIndex<e.length-1?w.nextItem():w.skipToEnd()},C);return()=>clearTimeout(t)},[S,C,w,e.length]);let N=()=>{x||e.length===0||(w.open(),f?.())},P=()=>{w.close(),m?.()};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`style`,{children:`
+        @keyframes lootbox-shake {
+          0%, 100% { transform: translateX(0) rotate(0deg); }
+          10% { transform: translateX(-5px) rotate(-2deg); }
+          20% { transform: translateX(5px) rotate(2deg); }
+          30% { transform: translateX(-5px) rotate(-2deg); }
+          40% { transform: translateX(5px) rotate(2deg); }
+          50% { transform: translateX(-3px) rotate(-1deg); }
+          60% { transform: translateX(3px) rotate(1deg); }
+          70% { transform: translateX(-3px) rotate(-1deg); }
+          80% { transform: translateX(3px) rotate(1deg); }
+          90% { transform: translateX(-1px) rotate(0deg); }
+        }
+        .animate-lootbox-shake {
+          animation: lootbox-shake 0.5s ease-in-out;
+        }
+
+        @keyframes lootbox-glow {
+          0%, 100% { filter: brightness(1); }
+          50% { filter: brightness(1.3); }
+        }
+        .animate-lootbox-glow {
+          animation: lootbox-glow 0.3s ease-in-out infinite;
+        }
+
+        @keyframes lootbox-particle {
+          0% {
+            transform: translate(-50%, -50%) rotate(var(--lootbox-angle)) translateX(0) scale(1);
+            opacity: 1;
+          }
+          100% {
+            transform: translate(-50%, -50%) rotate(var(--lootbox-angle)) translateX(var(--lootbox-distance)) scale(0);
+            opacity: 0;
+          }
+        }
+        .animate-lootbox-particle {
+          animation: lootbox-particle 1s ease-out forwards;
+        }
+
+        @keyframes lootbox-rise {
+          0% {
+            transform: translateY(0) scale(1);
+            opacity: 1;
+          }
+          100% {
+            transform: translateY(-200px) scale(0);
+            opacity: 0;
+          }
+        }
+        .animate-lootbox-rise {
+          animation: lootbox-rise 2s ease-out forwards;
+        }
+
+        @keyframes lootbox-confetti {
+          0% {
+            transform: translateY(0) translateX(0) rotate(0deg);
+            opacity: 1;
+          }
+          100% {
+            transform: translateY(100vh) translateX(var(--lootbox-drift)) rotate(var(--lootbox-rotation));
+            opacity: 0;
+          }
+        }
+        .animate-lootbox-confetti {
+          animation: lootbox-confetti 3s ease-out forwards;
+        }
+
+        @keyframes lootbox-beam {
+          0% {
+            opacity: 0;
+            transform: scaleY(0);
+          }
+          50% {
+            opacity: 1;
+            transform: scaleY(1);
+          }
+          100% {
+            opacity: 0;
+            transform: scaleY(1);
+          }
+        }
+        .animate-lootbox-beam {
+          animation: lootbox-beam 1s ease-out;
+        }
+
+        @keyframes lootbox-reveal {
+          0% {
+            opacity: 0;
+            transform: scale(0.5) translateY(20px);
+          }
+          50% {
+            opacity: 1;
+            transform: scale(1.05) translateY(-5px);
+          }
+          100% {
+            opacity: 1;
+            transform: scale(1) translateY(0);
+          }
+        }
+        .animate-lootbox-reveal {
+          animation: lootbox-reveal 0.6s ease-out forwards;
+        }
+
+        @keyframes lootbox-shine {
+          0% {
+            transform: translateX(-100%) rotate(45deg);
+          }
+          50%, 100% {
+            transform: translateX(100%) rotate(45deg);
+          }
+        }
+        .animate-lootbox-shine {
+          background: linear-gradient(
+            90deg,
+            transparent 0%,
+            rgba(255, 255, 255, 0.4) 50%,
+            transparent 100%
+          );
+          animation: lootbox-shine 2s ease-in-out infinite;
+        }
+
+        @keyframes lootbox-fadeIn {
+          from { opacity: 0; }
+          to { opacity: 1; }
+        }
+        .animate-lootbox-fadeIn {
+          animation: lootbox-fadeIn 0.3s ease-out;
+        }
+
+        @keyframes lootbox-slideUp {
+          from { transform: translateY(20px); opacity: 0; }
+          to { transform: translateY(0); opacity: 1; }
+        }
+        .animate-lootbox-slideUp {
+          animation: lootbox-slideUp 0.5s ease-out backwards;
+        }
+      `}),(0,i.jsx)(s,{active:T,colors:M.particleColors,count:60}),(0,i.jsxs)(`div`,{className:t.cn(`relative inline-flex flex-col items-center gap-4`,b),children:[!k&&(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-4`,children:[(0,i.jsx)(l,{variant:v,phase:w.phase,highestRarity:A,size:y,onClick:N,disabled:x}),(0,i.jsx)(`button`,{type:`button`,onClick:N,disabled:x||e.length===0,className:t.cn(`px-6 py-2 rounded-full font-semibold text-white`,`bg-gradient-to-r from-amber-500 to-orange-500`,`hover:from-amber-400 hover:to-orange-400`,`active:scale-95 transition-all duration-200`,`shadow-lg hover:shadow-xl`,`disabled:opacity-50 disabled:cursor-not-allowed`),children:(0,i.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(r.Sparkles,{className:`w-4 h-4`}),`Open Loot Box`]})}),(0,i.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[e.length,` `,e.length===1?`item`:`items`,` inside`]})]}),k&&(w.phase===`shaking`||w.phase===`glowing`||w.phase===`opening`)&&(0,i.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center bg-black/70 backdrop-blur-sm animate-lootbox-fadeIn`,children:(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(l,{variant:v,phase:w.phase,highestRarity:A,size:`lg`}),(0,i.jsx)(o,{active:w.phase===`opening`,colors:a[A].particleColors,type:`burst`})]})}),k&&(w.phase===`revealing`||w.phase===`complete`)&&j&&(0,i.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm animate-lootbox-fadeIn`,children:[(0,i.jsx)(`button`,{type:`button`,onClick:P,className:`absolute top-4 right-4 p-2 rounded-full bg-white/10 hover:bg-white/20 text-white transition-colors`,children:(0,i.jsx)(r.X,{className:`w-6 h-6`})}),(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-6`,children:[(0,i.jsx)(`div`,{className:`fixed inset-0 pointer-events-none`,children:(0,i.jsx)(o,{active:!0,colors:M.particleColors,type:`rising`,count:30})}),(0,i.jsx)(u,{item:j,isRevealing:w.phase===`revealing`||w.phase===`complete`,size:y}),e.length>1&&!S&&(0,i.jsxs)(`div`,{className:`flex items-center gap-4 animate-lootbox-slideUp`,style:{animationDelay:`0.3s`},children:[(0,i.jsx)(`button`,{type:`button`,onClick:w.prevItem,disabled:w.currentItemIndex===0,className:t.cn(`p-2 rounded-full bg-white/10 hover:bg-white/20 text-white transition-all`,`disabled:opacity-30 disabled:cursor-not-allowed`),children:(0,i.jsx)(r.ChevronLeft,{className:`w-6 h-6`})}),(0,i.jsx)(`div`,{className:`flex items-center gap-2`,children:e.map((e,n)=>(0,i.jsx)(`div`,{className:t.cn(`w-2 h-2 rounded-full transition-all duration-300`,n===w.currentItemIndex?`bg-white scale-125`:n<w.currentItemIndex?`bg-white/60`:`bg-white/30`)},n))}),(0,i.jsx)(`button`,{type:`button`,onClick:w.nextItem,className:t.cn(`p-2 rounded-full bg-white/10 hover:bg-white/20 text-white transition-all`),children:(0,i.jsx)(r.ChevronRight,{className:`w-6 h-6`})})]}),(0,i.jsxs)(`div`,{className:`text-white/60 text-sm animate-lootbox-slideUp`,style:{animationDelay:`0.4s`},children:[w.currentItemIndex+1,` of `,e.length]}),e.length>1&&w.phase!==`complete`&&!S&&(0,i.jsx)(`button`,{type:`button`,onClick:w.skipToEnd,className:`text-white/60 text-sm hover:text-white transition-colors underline animate-lootbox-slideUp`,style:{animationDelay:`0.5s`},children:`Skip to end`}),w.phase===`complete`&&(0,i.jsx)(`button`,{type:`button`,onClick:P,className:t.cn(`px-8 py-3 rounded-full font-bold text-white`,`bg-gradient-to-r from-green-500 to-emerald-500`,`hover:from-green-400 hover:to-emerald-400`,`active:scale-95 transition-all duration-200`,`shadow-lg hover:shadow-xl`,`animate-lootbox-slideUp`),style:{animationDelay:`0.3s`},children:(0,i.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(r.Zap,{className:`w-5 h-5`}),`Claim Rewards`]})})]})]})]})]})}f.displayName=`WakaLootBox`,exports.default=f,exports.useLootBox=d;