@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-pod-card/index.es.js

@@ -0,0 +1,431 @@
+"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 { Card as r, CardContent as i, CardHeader as a, CardTitle as o } from "../card/index.es.js";
+import { Progress as s } from "../progress/index.es.js";
+import { ScrollArea as c } from "../scroll-area/index.es.js";
+import { Tooltip as l, TooltipContent as u, TooltipProvider as d, TooltipTrigger as f } from "../tooltip/index.es.js";
+import * as p from "react";
+import { Activity as m, AlertTriangle as h, Box as g, CheckCircle2 as _, ChevronDown as v, ChevronRight as y, Clock as b, Container as x, Cpu as S, FileText as C, HardDrive as w, RotateCcw as T, Terminal as E, Trash2 as D, XCircle as O } from "lucide-react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+//#region src/components/waka-pod-card/index.tsx
+var j = {
+	Running: {
+		color: "text-green-500",
+		bgColor: "bg-green-500/10",
+		icon: _
+	},
+	Pending: {
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500/10",
+		icon: b
+	},
+	Succeeded: {
+		color: "text-blue-500",
+		bgColor: "bg-blue-500/10",
+		icon: _
+	},
+	Failed: {
+		color: "text-red-500",
+		bgColor: "bg-red-500/10",
+		icon: O
+	},
+	Unknown: {
+		color: "text-gray-500",
+		bgColor: "bg-gray-500/10",
+		icon: h
+	}
+}, M = {
+	running: {
+		color: "text-green-500",
+		label: "Running"
+	},
+	waiting: {
+		color: "text-yellow-500",
+		label: "Waiting"
+	},
+	terminated: {
+		color: "text-gray-500",
+		label: "Terminated"
+	}
+};
+function N(e) {
+	if (e === 0) return "0 B";
+	let t = 1024, n = [
+		"B",
+		"KB",
+		"MB",
+		"GB"
+	], r = Math.floor(Math.log(e) / Math.log(t));
+	return parseFloat((e / t ** +r).toFixed(1)) + " " + n[r];
+}
+function P(e) {
+	if (!e) return "-";
+	let t = Date.now() - e.getTime(), n = Math.floor(t / 6e4), r = Math.floor(n / 60), i = Math.floor(r / 24);
+	return i > 0 ? `${i}d ago` : r > 0 ? `${r}h ago` : `${n}m ago`;
+}
+function F({ container: r, onViewLogs: i, onExec: a }) {
+	let o = M[r.state], [c, m] = p.useState(!1);
+	return /* @__PURE__ */ A("div", {
+		className: "border rounded-lg overflow-hidden",
+		children: [/* @__PURE__ */ A("div", {
+			className: e("flex items-center gap-3 p-3 cursor-pointer hover:bg-muted/50 transition-colors", !r.ready && "bg-yellow-500/5"),
+			onClick: () => m(!c),
+			children: [
+				/* @__PURE__ */ k("button", {
+					className: "text-muted-foreground",
+					children: k(c ? v : y, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ k(x, { className: "h-4 w-4 text-muted-foreground" }),
+				/* @__PURE__ */ A("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ k("div", {
+						className: "font-medium truncate",
+						children: r.name
+					}), /* @__PURE__ */ k("div", {
+						className: "text-xs text-muted-foreground truncate",
+						children: r.image
+					})]
+				}),
+				/* @__PURE__ */ k(t, {
+					variant: "outline",
+					className: o.color,
+					children: o.label
+				}),
+				r.restartCount > 0 && /* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(l, { children: [/* @__PURE__ */ k(f, { children: /* @__PURE__ */ A(t, {
+					variant: "secondary",
+					className: "text-xs",
+					children: [/* @__PURE__ */ k(T, { className: "h-3 w-3 mr-1" }), r.restartCount]
+				}) }), /* @__PURE__ */ k(u, { children: "Restart count" })] }) }),
+				/* @__PURE__ */ A("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(l, { children: [/* @__PURE__ */ k(f, {
+						asChild: !0,
+						children: /* @__PURE__ */ k(n, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-7 w-7 p-0",
+							onClick: (e) => {
+								e.stopPropagation(), i?.(r.name);
+							},
+							children: /* @__PURE__ */ k(C, { className: "h-4 w-4" })
+						})
+					}), /* @__PURE__ */ k(u, { children: "View Logs" })] }) }), r.state === "running" && /* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(l, { children: [/* @__PURE__ */ k(f, {
+						asChild: !0,
+						children: /* @__PURE__ */ k(n, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-7 w-7 p-0",
+							onClick: (e) => {
+								e.stopPropagation(), a?.(r.name);
+							},
+							children: /* @__PURE__ */ k(E, { className: "h-4 w-4" })
+						})
+					}), /* @__PURE__ */ k(u, { children: "Open Terminal" })] }) })]
+				})
+			]
+		}), c && /* @__PURE__ */ A("div", {
+			className: "border-t bg-muted/20 p-3 space-y-3",
+			children: [
+				r.resources && /* @__PURE__ */ A("div", {
+					className: "grid grid-cols-2 gap-4",
+					children: [/* @__PURE__ */ A("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ A("div", {
+							className: "flex items-center justify-between text-xs",
+							children: [/* @__PURE__ */ A("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ k(S, { className: "h-3 w-3" }), " CPU"]
+							}), /* @__PURE__ */ A("span", { children: [
+								r.resources.cpu.used,
+								"m / ",
+								r.resources.cpu.limit,
+								"m"
+							] })]
+						}), /* @__PURE__ */ k(s, {
+							value: r.resources.cpu.limit > 0 ? Math.min(100, r.resources.cpu.used / r.resources.cpu.limit * 100) : 0,
+							className: "h-1.5"
+						})]
+					}), /* @__PURE__ */ A("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ A("div", {
+							className: "flex items-center justify-between text-xs",
+							children: [/* @__PURE__ */ A("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ k(w, { className: "h-3 w-3" }), " Memory"]
+							}), /* @__PURE__ */ A("span", { children: [
+								N(r.resources.memory.used),
+								" / ",
+								N(r.resources.memory.limit)
+							] })]
+						}), /* @__PURE__ */ k(s, {
+							value: r.resources.memory.limit > 0 ? Math.min(100, r.resources.memory.used / r.resources.memory.limit * 100) : 0,
+							className: "h-1.5"
+						})]
+					})]
+				}),
+				r.ports && r.ports.length > 0 && /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
+					className: "text-xs text-muted-foreground mb-1",
+					children: "Ports"
+				}), /* @__PURE__ */ k("div", {
+					className: "flex flex-wrap gap-1",
+					children: r.ports.map((e, n) => /* @__PURE__ */ A(t, {
+						variant: "outline",
+						className: "text-xs",
+						children: [
+							e.containerPort,
+							"/",
+							e.protocol
+						]
+					}, n))
+				})] }),
+				(r.reason || r.message) && /* @__PURE__ */ A("div", {
+					className: "text-xs",
+					children: [r.reason && /* @__PURE__ */ k("div", {
+						className: "font-medium text-yellow-500",
+						children: r.reason
+					}), r.message && /* @__PURE__ */ k("div", {
+						className: "text-muted-foreground",
+						children: r.message
+					})]
+				}),
+				r.startedAt && /* @__PURE__ */ A("div", {
+					className: "text-xs text-muted-foreground",
+					children: ["Started: ", r.startedAt.toLocaleString()]
+				})
+			]
+		})]
+	});
+}
+function I({ pod: s, onViewLogs: p, onExec: h, onDelete: _, onRestart: v, showEvents: y = !0, compact: b = !1, className: x }) {
+	let S = j[s.phase], C = S.icon, w = s.containers.filter((e) => e.ready).length, E = s.containers.reduce((e, t) => e + t.restartCount, 0);
+	return /* @__PURE__ */ A(r, {
+		className: e(S.bgColor, x),
+		children: [/* @__PURE__ */ A(a, {
+			className: "pb-3",
+			children: [/* @__PURE__ */ A("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ A("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ k(g, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k(o, {
+						className: "text-base",
+						children: s.name
+					}), /* @__PURE__ */ k("div", {
+						className: "text-sm text-muted-foreground",
+						children: s.namespace
+					})] })]
+				}), /* @__PURE__ */ A("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ A(t, {
+						variant: "outline",
+						className: S.color,
+						children: [/* @__PURE__ */ k(C, { className: "h-3 w-3 mr-1" }), s.phase]
+					}), /* @__PURE__ */ A("div", {
+						className: "flex items-center gap-1",
+						children: [v && /* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(l, { children: [/* @__PURE__ */ k(f, {
+							asChild: !0,
+							children: /* @__PURE__ */ k(n, {
+								variant: "ghost",
+								size: "sm",
+								className: "h-8 w-8 p-0",
+								onClick: v,
+								children: /* @__PURE__ */ k(T, { className: "h-4 w-4" })
+							})
+						}), /* @__PURE__ */ k(u, { children: "Restart Pod" })] }) }), _ && /* @__PURE__ */ k(d, { children: /* @__PURE__ */ A(l, { children: [/* @__PURE__ */ k(f, {
+							asChild: !0,
+							children: /* @__PURE__ */ k(n, {
+								variant: "ghost",
+								size: "sm",
+								className: "h-8 w-8 p-0 text-destructive",
+								onClick: _,
+								children: /* @__PURE__ */ k(D, { className: "h-4 w-4" })
+							})
+						}), /* @__PURE__ */ k(u, { children: "Delete Pod" })] }) })]
+					})]
+				})]
+			}), /* @__PURE__ */ A("div", {
+				className: "flex items-center gap-4 text-sm text-muted-foreground mt-2",
+				children: [
+					/* @__PURE__ */ A("span", { children: [
+						"Ready: ",
+						w,
+						"/",
+						s.containers.length
+					] }),
+					/* @__PURE__ */ A("span", { children: ["Restarts: ", E] }),
+					s.nodeName && /* @__PURE__ */ A("span", { children: ["Node: ", s.nodeName] }),
+					s.startTime && /* @__PURE__ */ A("span", { children: ["Age: ", P(s.startTime)] })
+				]
+			})]
+		}), /* @__PURE__ */ A(i, {
+			className: "space-y-4",
+			children: [
+				(s.podIP || s.hostIP) && /* @__PURE__ */ A("div", {
+					className: "flex items-center gap-4 text-sm",
+					children: [s.podIP && /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("span", {
+						className: "text-muted-foreground",
+						children: "Pod IP: "
+					}), /* @__PURE__ */ k("code", {
+						className: "bg-muted px-1.5 py-0.5 rounded text-xs",
+						children: s.podIP
+					})] }), s.hostIP && /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("span", {
+						className: "text-muted-foreground",
+						children: "Host IP: "
+					}), /* @__PURE__ */ k("code", {
+						className: "bg-muted px-1.5 py-0.5 rounded text-xs",
+						children: s.hostIP
+					})] })]
+				}),
+				/* @__PURE__ */ A("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ A("div", {
+						className: "text-sm font-medium",
+						children: [
+							"Containers (",
+							s.containers.length,
+							")"
+						]
+					}), s.containers.map((e) => /* @__PURE__ */ k(F, {
+						container: e,
+						onViewLogs: p,
+						onExec: h
+					}, e.name))]
+				}),
+				y && s.events && s.events.length > 0 && /* @__PURE__ */ A("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ A("div", {
+						className: "text-sm font-medium flex items-center gap-2",
+						children: [/* @__PURE__ */ k(m, { className: "h-4 w-4" }), "Events"]
+					}), /* @__PURE__ */ k(c, {
+						className: "h-32",
+						children: /* @__PURE__ */ k("div", {
+							className: "space-y-2",
+							children: s.events.map((t, n) => /* @__PURE__ */ A("div", {
+								className: e("text-xs p-2 rounded border", t.type === "Warning" ? "bg-yellow-500/10 border-yellow-500/30" : "bg-muted/50"),
+								children: [/* @__PURE__ */ A("div", {
+									className: "flex items-center justify-between mb-1",
+									children: [/* @__PURE__ */ k("span", {
+										className: "font-medium",
+										children: t.reason
+									}), /* @__PURE__ */ k("span", {
+										className: "text-muted-foreground",
+										children: P(t.timestamp)
+									})]
+								}), /* @__PURE__ */ k("div", {
+									className: "text-muted-foreground",
+									children: t.message
+								})]
+							}, n))
+						})
+					})]
+				}),
+				s.labels && Object.keys(s.labels).length > 0 && !b && /* @__PURE__ */ A("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ k("div", {
+						className: "text-xs text-muted-foreground",
+						children: "Labels"
+					}), /* @__PURE__ */ A("div", {
+						className: "flex flex-wrap gap-1",
+						children: [Object.entries(s.labels).slice(0, 5).map(([e, n]) => /* @__PURE__ */ A(t, {
+							variant: "outline",
+							className: "text-xs",
+							children: [
+								e,
+								": ",
+								n
+							]
+						}, e)), Object.keys(s.labels).length > 5 && /* @__PURE__ */ A(t, {
+							variant: "outline",
+							className: "text-xs",
+							children: [
+								"+",
+								Object.keys(s.labels).length - 5,
+								" more"
+							]
+						})]
+					})]
+				})
+			]
+		})]
+	});
+}
+var L = {
+	name: "api-server-7d8f9b6c4d-x2k9l",
+	namespace: "default",
+	phase: "Running",
+	nodeName: "node-2",
+	podIP: "10.244.1.15",
+	hostIP: "192.168.1.10",
+	startTime: /* @__PURE__ */ new Date(Date.now() - 120 * 36e5),
+	containers: [{
+		name: "api",
+		image: "myapp/api:v1.2.3",
+		state: "running",
+		ready: !0,
+		restartCount: 0,
+		startedAt: /* @__PURE__ */ new Date(Date.now() - 120 * 36e5),
+		resources: {
+			cpu: {
+				used: 150,
+				limit: 500
+			},
+			memory: {
+				used: 256 * 1024 * 1024,
+				limit: 512 * 1024 * 1024
+			}
+		},
+		ports: [{
+			containerPort: 8080,
+			protocol: "TCP"
+		}, {
+			containerPort: 9090,
+			protocol: "TCP"
+		}]
+	}, {
+		name: "sidecar",
+		image: "envoyproxy/envoy:v1.28",
+		state: "running",
+		ready: !0,
+		restartCount: 1,
+		startedAt: /* @__PURE__ */ new Date(Date.now() - 120 * 36e5),
+		resources: {
+			cpu: {
+				used: 50,
+				limit: 200
+			},
+			memory: {
+				used: 64 * 1024 * 1024,
+				limit: 128 * 1024 * 1024
+			}
+		}
+	}],
+	events: [
+		{
+			type: "Normal",
+			reason: "Scheduled",
+			message: "Successfully assigned default/api-server-7d8f9b6c4d-x2k9l to node-2",
+			timestamp: /* @__PURE__ */ new Date(Date.now() - 120 * 36e5)
+		},
+		{
+			type: "Normal",
+			reason: "Pulled",
+			message: "Container image \"myapp/api:v1.2.3\" already present on machine",
+			timestamp: /* @__PURE__ */ new Date(Date.now() - 120 * 36e5)
+		},
+		{
+			type: "Normal",
+			reason: "Started",
+			message: "Started container api",
+			timestamp: /* @__PURE__ */ new Date(Date.now() - 120 * 36e5)
+		}
+	],
+	labels: {
+		app: "api-server",
+		version: "v1.2.3",
+		environment: "production"
+	}
+};
+//#endregion
+export { I as WakaPodCard, L as defaultPodDetails };

package/dist/components/waka-points-popup/index.cjs.js

@@ -0,0 +1 @@
+"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(`class-variance-authority`),i=require(`react/jsx-runtime`);var a=(0,r.cva)(`pointer-events-none select-none font-bold tabular-nums`,{variants:{size:{sm:`text-sm`,md:`text-lg`,lg:`text-2xl`}},defaultVariants:{size:`md`}});function o(){return`popup-${Date.now()}-${Math.random().toString(36).slice(2,9)}`}function s(e,t){return t||(e>0?`rgb(34, 197, 94)`:e<0?`rgb(239, 68, 68)`:`rgb(156, 163, 175)`)}function c(e,t){let n=`${e>0?`+`:``}${e}`;return t?`${n} ${t}`:n}function l(e,t){return{sm:.8,md:1,lg:1.2}[e]*Math.min(1+Math.log10(Math.max(t,1))*.1,1.5)}var u=n.forwardRef(({points:e,x:r,y:o,color:u,duration:d=1e3,onComplete:f,size:p=`md`,prefix:m,icon:h,className:g,style:_,...v},y)=>{let[b,x]=n.useState(!0),[S,C]=n.useState(1),[w,T]=n.useState(0),E=n.useRef(null),D=n.useRef(null),O=s(e,u),k=l(p,Math.abs(e)),A=c(e,m),j=60+d/1e3*20;if(n.useEffect(()=>{let e=t=>{D.current||=t;let n=t-D.current,r=Math.min(n/d,1),i=1-(1-r)**3;T(-j*i),r>.6&&C(1-(r-.6)/.4),r<1?E.current=requestAnimationFrame(e):(x(!1),f?.())};return E.current=requestAnimationFrame(e),()=>{E.current&&cancelAnimationFrame(E.current)}},[d,j,f]),!b)return null;let M={position:`absolute`,left:r===void 0?`50%`:r,top:o===void 0?`50%`:o,transform:`translate(-50%, -50%) translateY(${w}px) scale(${k})`,opacity:S,color:O,textShadow:`0 2px 8px ${O}40, 0 1px 2px rgba(0,0,0,0.3)`,willChange:`transform, opacity`,..._};return(0,i.jsx)(`div`,{ref:y,className:t.cn(a({size:p}),g),style:M,"aria-live":`polite`,"aria-atomic":`true`,role:`status`,...v,children:(0,i.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[h&&(0,i.jsx)(`span`,{className:`flex-shrink-0`,children:h}),(0,i.jsx)(`span`,{children:A})]})})});u.displayName=`WakaPointsPopup`;function d(){let[e,t]=n.useState([]),r=n.useCallback((e,n={})=>{let r={id:o(),points:e,x:n.x??50,y:n.y??50,color:n.color,duration:n.duration??1e3,size:n.size??`md`,prefix:n.prefix,icon:n.icon};t(e=>[...e,r])},[]),a=n.useCallback(e=>{t(t=>t.filter(t=>t.id!==e))},[]),s=n.useCallback(()=>{t([])},[]);return{trigger:r,PopupContainer:n.useCallback(()=>(0,i.jsx)(`div`,{className:`pointer-events-none fixed inset-0 z-[9999] overflow-hidden`,"aria-label":`Points notifications`,children:e.map(e=>(0,i.jsx)(u,{points:e.points,x:e.x,y:e.y,color:e.color,duration:e.duration,size:e.size,prefix:e.prefix,icon:e.icon,onComplete:()=>a(e.id),style:{left:`${e.x}%`,top:`${e.y}%`}},e.id))}),[e,a]),clearAll:s}}var f={xp:{color:`rgb(139, 92, 246)`,prefix:`XP`},coins:{color:`rgb(234, 179, 8)`,prefix:``},health:{color:`rgb(239, 68, 68)`,prefix:`HP`},mana:{color:`rgb(59, 130, 246)`,prefix:`MP`},score:{color:`rgb(34, 197, 94)`,prefix:`pts`}};function p(){let{trigger:e,PopupContainer:t,clearAll:r}=d(),i=n.useCallback(t=>(n,r={})=>{e(n,{...r,color:t.color,prefix:t.prefix,icon:t.icon})},[e]);return{trigger:e,PopupContainer:t,clearAll:r,triggerXP:i(f.xp),triggerCoins:i(f.coins),triggerHealth:i(f.health),triggerMana:i(f.mana),triggerScore:i(f.score)}}exports.POINTS_PRESETS=f,exports.WakaPointsPopup=u,exports.usePointsPopup=d,exports.usePointsPopupWithPresets=p;

package/dist/components/waka-points-popup/index.d.ts

@@ -48,9 +48,9 @@ export interface UsePointsPopupReturn {
     /** Clear all active popups */
     clearAll: () => void;
 }
-declare const pointsPopupVariants: (props?: {
-    size?: "sm" | "md" | "lg";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const pointsPopupVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const WakaPointsPopup: React.ForwardRefExoticComponent<WakaPointsPopupProps & React.RefAttributes<HTMLDivElement>>;
 export declare function usePointsPopup(): UsePointsPopupReturn;
 export interface PointsPreset {

package/dist/components/waka-points-popup/index.es.js

@@ -0,0 +1,164 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { cva as n } from "class-variance-authority";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-points-popup/index.tsx
+var a = n("pointer-events-none select-none font-bold tabular-nums", {
+	variants: { size: {
+		sm: "text-sm",
+		md: "text-lg",
+		lg: "text-2xl"
+	} },
+	defaultVariants: { size: "md" }
+});
+function o() {
+	return `popup-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+}
+function s(e, t) {
+	return t || (e > 0 ? "rgb(34, 197, 94)" : e < 0 ? "rgb(239, 68, 68)" : "rgb(156, 163, 175)");
+}
+function c(e, t) {
+	let n = `${e > 0 ? "+" : ""}${e}`;
+	return t ? `${n} ${t}` : n;
+}
+function l(e, t) {
+	return {
+		sm: .8,
+		md: 1,
+		lg: 1.2
+	}[e] * Math.min(1 + Math.log10(Math.max(t, 1)) * .1, 1.5);
+}
+var u = t.forwardRef(({ points: n, x: o, y: u, color: d, duration: f = 1e3, onComplete: p, size: m = "md", prefix: h, icon: g, className: _, style: v, ...y }, b) => {
+	let [x, S] = t.useState(!0), [C, w] = t.useState(1), [T, E] = t.useState(0), D = t.useRef(null), O = t.useRef(null), k = s(n, d), A = l(m, Math.abs(n)), j = c(n, h), M = 60 + f / 1e3 * 20;
+	if (t.useEffect(() => {
+		let e = (t) => {
+			O.current ||= t;
+			let n = t - O.current, r = Math.min(n / f, 1), i = 1 - (1 - r) ** 3;
+			E(-M * i), r > .6 && w(1 - (r - .6) / .4), r < 1 ? D.current = requestAnimationFrame(e) : (S(!1), p?.());
+		};
+		return D.current = requestAnimationFrame(e), () => {
+			D.current && cancelAnimationFrame(D.current);
+		};
+	}, [
+		f,
+		M,
+		p
+	]), !x) return null;
+	let N = {
+		position: "absolute",
+		left: o === void 0 ? "50%" : o,
+		top: u === void 0 ? "50%" : u,
+		transform: `translate(-50%, -50%) translateY(${T}px) scale(${A})`,
+		opacity: C,
+		color: k,
+		textShadow: `0 2px 8px ${k}40, 0 1px 2px rgba(0,0,0,0.3)`,
+		willChange: "transform, opacity",
+		...v
+	};
+	return /* @__PURE__ */ r("div", {
+		ref: b,
+		className: e(a({ size: m }), _),
+		style: N,
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		role: "status",
+		...y,
+		children: /* @__PURE__ */ i("span", {
+			className: "inline-flex items-center gap-1",
+			children: [g && /* @__PURE__ */ r("span", {
+				className: "flex-shrink-0",
+				children: g
+			}), /* @__PURE__ */ r("span", { children: j })]
+		})
+	});
+});
+u.displayName = "WakaPointsPopup";
+function d() {
+	let [e, n] = t.useState([]), i = t.useCallback((e, t = {}) => {
+		let r = {
+			id: o(),
+			points: e,
+			x: t.x ?? 50,
+			y: t.y ?? 50,
+			color: t.color,
+			duration: t.duration ?? 1e3,
+			size: t.size ?? "md",
+			prefix: t.prefix,
+			icon: t.icon
+		};
+		n((e) => [...e, r]);
+	}, []), a = t.useCallback((e) => {
+		n((t) => t.filter((t) => t.id !== e));
+	}, []), s = t.useCallback(() => {
+		n([]);
+	}, []);
+	return {
+		trigger: i,
+		PopupContainer: t.useCallback(() => /* @__PURE__ */ r("div", {
+			className: "pointer-events-none fixed inset-0 z-[9999] overflow-hidden",
+			"aria-label": "Points notifications",
+			children: e.map((e) => /* @__PURE__ */ r(u, {
+				points: e.points,
+				x: e.x,
+				y: e.y,
+				color: e.color,
+				duration: e.duration,
+				size: e.size,
+				prefix: e.prefix,
+				icon: e.icon,
+				onComplete: () => a(e.id),
+				style: {
+					left: `${e.x}%`,
+					top: `${e.y}%`
+				}
+			}, e.id))
+		}), [e, a]),
+		clearAll: s
+	};
+}
+var f = {
+	xp: {
+		color: "rgb(139, 92, 246)",
+		prefix: "XP"
+	},
+	coins: {
+		color: "rgb(234, 179, 8)",
+		prefix: ""
+	},
+	health: {
+		color: "rgb(239, 68, 68)",
+		prefix: "HP"
+	},
+	mana: {
+		color: "rgb(59, 130, 246)",
+		prefix: "MP"
+	},
+	score: {
+		color: "rgb(34, 197, 94)",
+		prefix: "pts"
+	}
+};
+function p() {
+	let { trigger: e, PopupContainer: n, clearAll: r } = d(), i = t.useCallback((t) => (n, r = {}) => {
+		e(n, {
+			...r,
+			color: t.color,
+			prefix: t.prefix,
+			icon: t.icon
+		});
+	}, [e]);
+	return {
+		trigger: e,
+		PopupContainer: n,
+		clearAll: r,
+		triggerXP: i(f.xp),
+		triggerCoins: i(f.coins),
+		triggerHealth: i(f.health),
+		triggerMana: i(f.mana),
+		triggerScore: i(f.score)
+	};
+}
+//#endregion
+export { f as POINTS_PRESETS, u as WakaPointsPopup, d as usePointsPopup, p as usePointsPopupWithPresets };