@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-color-picker/index.es.js

@@ -0,0 +1,283 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import { Label as n } from "../label/index.es.js";
+import { Input as r } from "../input/index.es.js";
+import { Popover as i, PopoverContent as a, PopoverTrigger as o } from "../popover/index.es.js";
+import * as s from "react";
+import { Pipette as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/waka-color-picker/index.tsx
+var d = [
+	"#ef4444",
+	"#f97316",
+	"#f59e0b",
+	"#eab308",
+	"#84cc16",
+	"#22c55e",
+	"#10b981",
+	"#14b8a6",
+	"#06b6d4",
+	"#0ea5e9",
+	"#3b82f6",
+	"#6366f1",
+	"#8b5cf6",
+	"#a855f7",
+	"#d946ef",
+	"#ec4899",
+	"#f43f5e",
+	"#000000",
+	"#6b7280",
+	"#ffffff"
+];
+function f(e, t, n) {
+	t /= 100, n /= 100;
+	let r = t * Math.min(n, 1 - n), i = (t) => {
+		let i = (t + e / 30) % 12;
+		return n - r * Math.max(Math.min(i - 3, 9 - i, 1), -1);
+	};
+	return [
+		Math.round(i(0) * 255),
+		Math.round(i(8) * 255),
+		Math.round(i(4) * 255)
+	];
+}
+function p(e, t, n) {
+	e /= 255, t /= 255, n /= 255;
+	let r = Math.max(e, t, n), i = Math.min(e, t, n), a = 0, o = 0, s = (r + i) / 2;
+	if (r !== i) {
+		let c = r - i;
+		switch (o = s > .5 ? c / (2 - r - i) : c / (r + i), r) {
+			case e:
+				a = ((t - n) / c + (t < n ? 6 : 0)) * 60;
+				break;
+			case t:
+				a = ((n - e) / c + 2) * 60;
+				break;
+			case n:
+				a = ((e - t) / c + 4) * 60;
+				break;
+		}
+	}
+	return [
+		Math.round(a),
+		Math.round(o * 100),
+		Math.round(s * 100)
+	];
+}
+function m(e) {
+	let t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
+	return t ? [
+		parseInt(t[1], 16),
+		parseInt(t[2], 16),
+		parseInt(t[3], 16)
+	] : null;
+}
+function h(e, t, n) {
+	return "#" + [
+		e,
+		t,
+		n
+	].map((e) => e.toString(16).padStart(2, "0")).join("");
+}
+function g(e) {
+	if (e.startsWith("#")) return m(e);
+	let t = e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+	if (t) return [
+		parseInt(t[1]),
+		parseInt(t[2]),
+		parseInt(t[3])
+	];
+	let n = e.match(/hsl\((\d+),\s*(\d+)%?,\s*(\d+)%?\)/);
+	return n ? f(parseInt(n[1]), parseInt(n[2]), parseInt(n[3])) : null;
+}
+function _(e, t, n, r) {
+	switch (r) {
+		case "hex": return h(e, t, n);
+		case "rgb": return `rgb(${e}, ${t}, ${n})`;
+		case "hsl": {
+			let [r, i, a] = p(e, t, n);
+			return `hsl(${r}, ${i}%, ${a}%)`;
+		}
+		default: return h(e, t, n);
+	}
+}
+var v = s.forwardRef(({ value: m = "#3b82f6", onChange: h, format: v = "hex", showAlpha: y = !1, showPresets: b = !0, presets: x = d, showEyeDropper: S = !0, disabled: C = !1, placeholder: w = "Sélectionner une couleur", className: T, size: E = "md" }, D) => {
+	let [O, k] = s.useState(!1), [A, j] = s.useState(0), [M, N] = s.useState(100), [P, F] = s.useState(50), [I, L] = s.useState(m), R = s.useRef(null), z = s.useRef(null);
+	s.useEffect(() => {
+		let e = g(m);
+		if (e) {
+			let [t, n, r] = p(...e);
+			j(t), N(n), F(r), L(m);
+		}
+	}, [m]);
+	let B = s.useCallback((e, t, n) => {
+		let [r, i, a] = f(e, t, n), o = _(r, i, a, v);
+		L(o), h?.(o);
+	}, [v, h]), V = (e) => {
+		e.preventDefault();
+		let t = R.current?.getBoundingClientRect();
+		if (!t) return;
+		let n = (e, n) => {
+			let r = Math.max(0, Math.min(100, (e - t.left) / t.width * 100)), i = Math.max(0, Math.min(100, 100 - (n - t.top) / t.height * 100));
+			N(r), F(i), B(A, r, i);
+		};
+		n(e.clientX, e.clientY);
+		let r = (e) => n(e.clientX, e.clientY), i = () => {
+			document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
+		};
+		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
+	}, H = (e) => {
+		e.preventDefault();
+		let t = z.current?.getBoundingClientRect();
+		if (!t) return;
+		let n = (e) => {
+			let n = Math.max(0, Math.min(360, (e - t.left) / t.width * 360));
+			j(n), B(n, M, P);
+		};
+		n(e.clientX);
+		let r = (e) => n(e.clientX), i = () => {
+			document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
+		};
+		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
+	}, U = async () => {
+		if ("EyeDropper" in window) try {
+			let e = g((await new window.EyeDropper().open()).sRGBHex);
+			if (e) {
+				let [t, n, r] = p(...e);
+				j(t), N(n), F(r), B(t, n, r);
+			}
+		} catch {}
+	}, W = (e) => {
+		let t = e.target.value;
+		L(t);
+		let n = g(t);
+		if (n) {
+			let [e, t, r] = p(...n);
+			j(e), N(t), F(r), h?.(_(...n, v));
+		}
+	}, G = {
+		sm: "h-7 w-7",
+		md: "h-9 w-9",
+		lg: "h-11 w-11"
+	}, K = S && typeof window < "u" && "EyeDropper" in window;
+	return /* @__PURE__ */ u(i, {
+		open: O,
+		onOpenChange: k,
+		children: [/* @__PURE__ */ l(o, {
+			asChild: !0,
+			children: /* @__PURE__ */ l(t, {
+				ref: D,
+				variant: "outline",
+				disabled: C,
+				className: e("p-0.5 rounded-md border", G[E], T),
+				title: w,
+				children: /* @__PURE__ */ l("div", {
+					className: "w-full h-full rounded",
+					style: { backgroundColor: m }
+				})
+			})
+		}), /* @__PURE__ */ l(a, {
+			className: "w-64 p-3",
+			align: "start",
+			children: /* @__PURE__ */ u("div", {
+				className: "space-y-3",
+				children: [
+					/* @__PURE__ */ l("div", {
+						ref: R,
+						className: "relative w-full h-36 rounded cursor-crosshair",
+						style: { background: `
+                  linear-gradient(to top, #000, transparent),
+                  linear-gradient(to right, #fff, transparent),
+                  hsl(${A}, 100%, 50%)
+                ` },
+						onMouseDown: V,
+						children: /* @__PURE__ */ l("div", {
+							className: "absolute w-4 h-4 border-2 border-white rounded-full shadow -translate-x-1/2 -translate-y-1/2 pointer-events-none",
+							style: {
+								left: `${M}%`,
+								top: `${100 - P}%`,
+								backgroundColor: `hsl(${A}, ${M}%, ${P}%)`
+							}
+						})
+					}),
+					/* @__PURE__ */ l("div", {
+						ref: z,
+						className: "relative w-full h-3 rounded cursor-pointer",
+						style: { background: "linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)" },
+						onMouseDown: H,
+						children: /* @__PURE__ */ l("div", {
+							className: "absolute w-3 h-5 border-2 border-white rounded -translate-x-1/2 -top-1 shadow pointer-events-none",
+							style: {
+								left: `${A / 360 * 100}%`,
+								backgroundColor: `hsl(${A}, 100%, 50%)`
+							}
+						})
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ l("div", {
+								className: "w-8 h-8 rounded border flex-shrink-0",
+								style: { backgroundColor: m }
+							}),
+							/* @__PURE__ */ l(r, {
+								value: I,
+								onChange: W,
+								className: "h-8 text-sm font-mono",
+								placeholder: v === "hex" ? "#000000" : v === "rgb" ? "rgb(0,0,0)" : "hsl(0,0%,0%)"
+							}),
+							K && /* @__PURE__ */ l(t, {
+								variant: "ghost",
+								size: "icon",
+								className: "h-8 w-8",
+								onClick: U,
+								title: "Pipette",
+								children: /* @__PURE__ */ l(c, { className: "h-4 w-4" })
+							})
+						]
+					}),
+					b && x.length > 0 && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(n, {
+						className: "text-xs text-muted-foreground",
+						children: "Couleurs prédéfinies"
+					}), /* @__PURE__ */ l("div", {
+						className: "grid grid-cols-10 gap-1 mt-1",
+						children: x.map((t) => /* @__PURE__ */ l("button", {
+							className: e("w-5 h-5 rounded border transition-transform hover:scale-110", m.toLowerCase() === t.toLowerCase() && "ring-2 ring-primary ring-offset-1"),
+							style: { backgroundColor: t },
+							onClick: () => {
+								let e = g(t);
+								if (e) {
+									let [t, n, r] = p(...e);
+									j(t), N(n), F(r), B(t, n, r);
+								}
+							}
+						}, t))
+					})] })
+				]
+			})
+		})]
+	});
+});
+v.displayName = "WakaColorPicker";
+var y = s.forwardRef(({ error: t, label: r, className: i, ...a }, o) => /* @__PURE__ */ u("div", {
+	className: e("space-y-1.5", i),
+	children: [
+		r && /* @__PURE__ */ l(n, {
+			htmlFor: a.name,
+			children: r
+		}),
+		/* @__PURE__ */ l(v, {
+			ref: o,
+			...a
+		}),
+		t && /* @__PURE__ */ l("p", {
+			className: "text-sm text-destructive",
+			children: t
+		})
+	]
+}));
+y.displayName = "WakaColorPickerForm";
+//#endregion
+export { y as WakaColorPickerForm, v as default };

package/dist/components/waka-combo-counter/index.cjs.js

@@ -0,0 +1,134 @@
+"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={low:{shakeIntensity:1,glowOpacity:.2,particleCount:0,pulseSpeed:`2s`,showFlames:!1,showSparks:!1,bgGlow:`rgba(251, 146, 60, 0.1)`},medium:{shakeIntensity:2,glowOpacity:.4,particleCount:4,pulseSpeed:`1.5s`,showFlames:!0,showSparks:!1,bgGlow:`rgba(251, 146, 60, 0.2)`},high:{shakeIntensity:3,glowOpacity:.6,particleCount:8,pulseSpeed:`1s`,showFlames:!0,showSparks:!0,bgGlow:`rgba(251, 146, 60, 0.3)`},extreme:{shakeIntensity:5,glowOpacity:.9,particleCount:16,pulseSpeed:`0.5s`,showFlames:!0,showSparks:!0,bgGlow:`rgba(239, 68, 68, 0.4)`}},o={sm:{container:`h-20 w-32`,comboText:`text-3xl`,multiplierBadge:`text-xs px-1.5 py-0.5`,timerHeight:`h-1`,iconSize:`h-4 w-4`,padding:`p-2`},md:{container:`h-28 w-44`,comboText:`text-5xl`,multiplierBadge:`text-sm px-2 py-1`,timerHeight:`h-1.5`,iconSize:`h-5 w-5`,padding:`p-3`},lg:{container:`h-36 w-56`,comboText:`text-6xl`,multiplierBadge:`text-base px-2.5 py-1`,timerHeight:`h-2`,iconSize:`h-6 w-6`,padding:`p-4`},xl:{container:`h-48 w-72`,comboText:`text-8xl`,multiplierBadge:`text-lg px-3 py-1.5`,timerHeight:`h-2.5`,iconSize:`h-8 w-8`,padding:`p-6`}};function s({intensity:e,active:n}){let o=a[e];if(!n||!o.showFlames)return null;let s=e===`extreme`?7:e===`high`?5:3;return(0,i.jsx)(`div`,{className:`absolute -bottom-1 left-0 right-0 flex justify-center pointer-events-none`,children:[...Array(s)].map((n,a)=>{let o=(a-Math.floor(s/2))*100/s,c=a*.08,l=.6+Math.random()*.4;return(0,i.jsx)(`div`,{className:`absolute animate-flame`,style:{left:`calc(50% + ${o}%)`,animationDelay:`${c}s`,transform:`translateX(-50%) scale(${l})`},children:(0,i.jsx)(r.Flame,{className:t.cn(`text-orange-500`,e===`extreme`&&`text-red-500`,e===`high`&&`text-orange-400`),style:{filter:`drop-shadow(0 0 ${e===`extreme`?12:8}px ${e===`extreme`?`#ef4444`:`#f97316`})`,height:e===`extreme`?28:e===`high`?24:20,width:e===`extreme`?28:e===`high`?24:20}})},a)})})}function c({intensity:e,active:n}){let o=a[e];return!n||!o.showSparks?null:(0,i.jsx)(`div`,{className:`absolute inset-0 pointer-events-none overflow-hidden`,children:[...Array(o.particleCount)].map((n,a)=>(0,i.jsx)(`div`,{className:`absolute animate-spark`,style:{left:`${10+Math.random()*80}%`,top:`${20+Math.random()*60}%`,animationDelay:`${Math.random()*2}s`,animationDuration:`${.5+Math.random()*.5}s`},children:(0,i.jsx)(r.Zap,{className:t.cn(`text-yellow-400`,e===`extreme`&&`text-yellow-300`),style:{height:8+Math.random()*8,width:8+Math.random()*8,filter:`drop-shadow(0 0 4px #fbbf24)`}})},a))})}function l({intensity:e,active:t}){return!t||e===`low`?null:(0,i.jsxs)(`div`,{className:`absolute inset-0 pointer-events-none`,children:[(0,i.jsx)(`div`,{className:`absolute inset-0 rounded-xl animate-energy-ring`,style:{background:`linear-gradient(135deg, transparent, ${e===`extreme`?`rgba(239, 68, 68, 0.3)`:`rgba(251, 146, 60, 0.2)`}, transparent)`}}),e===`extreme`&&(0,i.jsx)(`div`,{className:`absolute inset-0 rounded-xl animate-energy-ring-alt`,style:{background:`linear-gradient(225deg, transparent, rgba(239, 68, 68, 0.2), transparent)`,animationDelay:`0.5s`}})]})}function u({active:e,milestone:t}){return e?(0,i.jsxs)(`div`,{className:`absolute inset-0 pointer-events-none overflow-hidden`,children:[[...Array(20)].map((e,t)=>{let n=t/20*360,a=80+Math.random()*40;return(0,i.jsx)(`div`,{className:`absolute left-1/2 top-1/2 animate-milestone-burst`,style:{"--angle":`${n}deg`,"--distance":`${a}px`,animationDelay:`${Math.random()*.1}s`},children:(0,i.jsx)(r.Star,{className:`h-3 w-3 text-yellow-400 fill-yellow-400`,style:{filter:`drop-shadow(0 0 4px #fbbf24)`}})},t)}),(0,i.jsx)(`div`,{className:`absolute top-0 left-1/2 -translate-x-1/2 -translate-y-full animate-milestone-badge`,children:(0,i.jsxs)(`div`,{className:`bg-gradient-to-r from-yellow-400 via-orange-500 to-red-500 text-white px-4 py-2 rounded-full font-bold text-lg shadow-lg`,children:[t,` COMBO!`]})}),(0,i.jsx)(`div`,{className:`absolute inset-0 bg-white/30 animate-flash rounded-xl`})]}):null}function d({active:e}){return e?(0,i.jsxs)(`div`,{className:`absolute inset-0 pointer-events-none overflow-hidden rounded-xl`,children:[[...Array(12)].map((e,t)=>{let n=t/12*360,r=20+Math.random()*20;return(0,i.jsx)(`div`,{className:`absolute left-1/2 top-1/2 animate-shatter`,style:{"--angle":`${n}deg`,"--distance":`${100+Math.random()*50}px`,width:r,height:r,background:`linear-gradient(135deg, #ef4444, #991b1b)`,borderRadius:Math.random()>.5?`2px`:`50%`,animationDelay:`${Math.random()*.1}s`}},t)}),(0,i.jsx)(`div`,{className:`absolute inset-0 bg-red-500/40 animate-flash-red rounded-xl`})]}):null}function f({timeRemaining:e,size:n,intensity:r}){let a=o[n],s=e<30,c=e<15;return(0,i.jsx)(`div`,{className:t.cn(`w-full rounded-full bg-muted overflow-hidden`,a.timerHeight),children:(0,i.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-100`,c?`bg-gradient-to-r from-red-600 to-red-400 animate-pulse-fast`:s?`bg-gradient-to-r from-orange-500 to-yellow-400`:`bg-gradient-to-r from-green-500 to-emerald-400`),style:{width:`${e}%`,boxShadow:c?`0 0 10px rgba(239, 68, 68, 0.6)`:s?`0 0 8px rgba(251, 146, 60, 0.5)`:`0 0 6px rgba(34, 197, 94, 0.4)`}})})}function p({multiplier:e,maxMultiplier:n,size:r,animated:a}){let s=o[r],c=e>=n;return(0,i.jsxs)(`div`,{className:t.cn(`absolute -top-2 -right-2 rounded-full font-bold shadow-lg`,s.multiplierBadge,c?`bg-gradient-to-r from-purple-500 via-pink-500 to-red-500 text-white animate-rainbow-pulse`:`bg-gradient-to-r from-orange-500 to-yellow-400 text-white`,a&&`animate-bounce-subtle`),style:{boxShadow:c?`0 0 20px rgba(168, 85, 247, 0.6)`:`0 0 12px rgba(251, 146, 60, 0.5)`},children:[`x`,e,c&&(0,i.jsx)(`span`,{className:`ml-1 text-yellow-300`,children:`MAX`})]})}function m({combo:e,multiplier:r=1,maxMultiplier:m=10,timeRemaining:h=100,onComboBreak:g,milestones:_=[10,25,50,100],onMilestone:v,size:y=`md`,showTimer:b=!0,showMultiplier:x=!0,intensity:S=`medium`,animated:C=!0,className:w,onPlayIncrementSound:T,onPlayMilestoneSound:E,onPlayBreakSound:D}){let[O,k]=n.useState(e),[A,j]=n.useState(!1),[M,N]=n.useState(!1),[P,F]=n.useState(0),[I,L]=n.useState(!1),R=n.useRef(e),z=n.useRef(h),B=n.useRef(new Set),V=o[y],H=a[S],U=n.useMemo(()=>S===`low`?e>=100?`extreme`:e>=50?`high`:e>=25?`medium`:`low`:S,[e,S]);return n.useEffect(()=>{let t=R.current;if(e>t&&C){j(!0),T?.();let n=e-t,r=Math.min(n,10),i=n/r,a=0,o=setInterval(()=>{a++,k(Math.round(t+i*a)),a>=r&&(clearInterval(o),k(e))},30);setTimeout(()=>j(!1),200);let s=_.find(n=>e>=n&&t<n&&!B.current.has(n));return s&&(B.current.add(s),F(s),N(!0),v?.(s),E?.(),setTimeout(()=>N(!1),1500)),()=>clearInterval(o)}else e<t?(k(e),e===0&&t>0&&(L(!0),g?.(),D?.(),B.current.clear(),setTimeout(()=>L(!1),600))):k(e);R.current=e},[e,C,_,v,g,T,E,D]),n.useEffect(()=>{let t=z.current;h===0&&t>0&&e>0&&(g?.(),D?.()),z.current=h},[h,e,g,D]),(0,i.jsxs)(`div`,{className:t.cn(`relative inline-block`,w),children:[(0,i.jsxs)(`div`,{className:t.cn(`relative flex flex-col items-center justify-center rounded-xl border-2 overflow-hidden`,V.container,V.padding,C&&A&&`animate-shake`,C&&S!==`low`&&`animate-pulse-glow`),style:{background:`radial-gradient(ellipse at center, ${H.bgGlow}, transparent)`,borderColor:S===`extreme`?`#ef4444`:S===`high`?`#f97316`:`#fbbf24`,boxShadow:`0 0 ${S===`extreme`?30:S===`high`?20:10}px ${H.bgGlow}`},children:[(0,i.jsx)(l,{intensity:U,active:C&&e>0}),(0,i.jsx)(c,{intensity:U,active:C&&e>0}),(0,i.jsx)(`div`,{className:`text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-1`,children:`Combo`}),(0,i.jsx)(`div`,{className:t.cn(`font-black tabular-nums leading-none`,V.comboText,C&&`transition-transform duration-100`,A&&`scale-110`),style:{textShadow:S===`low`?`none`:`0 0 ${S===`extreme`?20:12}px ${S===`extreme`?`#ef4444`:`#f97316`}`,color:S===`extreme`?`#fef2f2`:S===`high`?`#fff7ed`:`inherit`},children:O}),b&&(0,i.jsx)(`div`,{className:`w-full mt-2`,children:(0,i.jsx)(f,{timeRemaining:h,size:y,intensity:U})}),(0,i.jsx)(s,{intensity:U,active:C&&e>0}),(0,i.jsx)(u,{active:M,milestone:P}),(0,i.jsx)(d,{active:I})]}),x&&r>1&&(0,i.jsx)(p,{multiplier:r,maxMultiplier:m,size:y,animated:C}),(0,i.jsx)(`style`,{children:`
+        @keyframes shake {
+          0%, 100% { transform: translateX(0); }
+          10% { transform: translateX(-4px) rotate(-1deg); }
+          20% { transform: translateX(4px) rotate(1deg); }
+          30% { transform: translateX(-4px) rotate(-1deg); }
+          40% { transform: translateX(4px) rotate(1deg); }
+          50% { transform: translateX(-2px) rotate(-0.5deg); }
+          60% { transform: translateX(2px) rotate(0.5deg); }
+          70% { transform: translateX(-2px); }
+          80% { transform: translateX(2px); }
+          90% { transform: translateX(-1px); }
+        }
+        .animate-shake {
+          animation: shake 0.2s ease-in-out;
+        }
+
+        @keyframes flame {
+          0%, 100% { transform: translateX(-50%) scale(1) rotate(-2deg); opacity: 0.9; }
+          25% { transform: translateX(-50%) scale(1.1) rotate(2deg); opacity: 1; }
+          50% { transform: translateX(-50%) scale(0.9) rotate(-1deg); opacity: 0.8; }
+          75% { transform: translateX(-50%) scale(1.05) rotate(1deg); opacity: 0.95; }
+        }
+        .animate-flame {
+          animation: flame 0.4s ease-in-out infinite;
+        }
+
+        @keyframes spark {
+          0% { transform: translateY(0) scale(1); opacity: 1; }
+          50% { transform: translateY(-20px) scale(0.8); opacity: 0.8; }
+          100% { transform: translateY(-40px) scale(0); opacity: 0; }
+        }
+        .animate-spark {
+          animation: spark 0.8s ease-out infinite;
+        }
+
+        @keyframes energy-ring {
+          0% { opacity: 0; transform: scale(0.95); }
+          50% { opacity: 1; transform: scale(1.02); }
+          100% { opacity: 0; transform: scale(0.95); }
+        }
+        .animate-energy-ring {
+          animation: energy-ring 2s ease-in-out infinite;
+        }
+        .animate-energy-ring-alt {
+          animation: energy-ring 2s ease-in-out infinite reverse;
+        }
+
+        @keyframes pulse-glow {
+          0%, 100% { filter: brightness(1); }
+          50% { filter: brightness(1.1); }
+        }
+        .animate-pulse-glow {
+          animation: pulse-glow 1.5s ease-in-out infinite;
+        }
+
+        @keyframes pulse-fast {
+          0%, 100% { opacity: 1; }
+          50% { opacity: 0.7; }
+        }
+        .animate-pulse-fast {
+          animation: pulse-fast 0.3s ease-in-out infinite;
+        }
+
+        @keyframes bounce-subtle {
+          0%, 100% { transform: translateY(0); }
+          50% { transform: translateY(-2px); }
+        }
+        .animate-bounce-subtle {
+          animation: bounce-subtle 0.6s ease-in-out infinite;
+        }
+
+        @keyframes rainbow-pulse {
+          0%, 100% { filter: hue-rotate(0deg) brightness(1); }
+          50% { filter: hue-rotate(30deg) brightness(1.2); }
+        }
+        .animate-rainbow-pulse {
+          animation: rainbow-pulse 1s ease-in-out infinite;
+        }
+
+        @keyframes milestone-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);
+            opacity: 0;
+          }
+        }
+        .animate-milestone-burst {
+          animation: milestone-burst 0.8s ease-out forwards;
+        }
+
+        @keyframes milestone-badge {
+          0% { transform: translate(-50%, 0) scale(0); opacity: 0; }
+          30% { transform: translate(-50%, -100%) scale(1.2); opacity: 1; }
+          50% { transform: translate(-50%, -100%) scale(1); }
+          100% { transform: translate(-50%, -100%) scale(1); opacity: 0; }
+        }
+        .animate-milestone-badge {
+          animation: milestone-badge 1.5s ease-out forwards;
+        }
+
+        @keyframes flash {
+          0% { opacity: 0.6; }
+          100% { opacity: 0; }
+        }
+        .animate-flash {
+          animation: flash 0.3s ease-out forwards;
+        }
+
+        @keyframes shatter {
+          0% {
+            transform: translate(-50%, -50%) rotate(0deg) translateX(0);
+            opacity: 1;
+          }
+          100% {
+            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance));
+            opacity: 0;
+          }
+        }
+        .animate-shatter {
+          animation: shatter 0.6s ease-out forwards;
+        }
+
+        @keyframes flash-red {
+          0% { opacity: 0.5; }
+          100% { opacity: 0; }
+        }
+        .animate-flash-red {
+          animation: flash-red 0.4s ease-out forwards;
+        }
+      `})]})}function h({initialCombo:e=0,initialMultiplier:t=1,maxMultiplier:r=10,timerDuration:i=3e3,multiplierThresholds:a=[10,25,50,100,200,500],autoDecay:o=!0,decayRate:s=30}={}){let[c,l]=n.useState(e),[u,d]=n.useState(t),[f,p]=n.useState(100),[m,h]=n.useState(!1),g=n.useRef(null),_=n.useCallback(e=>{let t=a.filter(t=>e>=t).length;return Math.min(1+t,r)},[a,r]);return n.useEffect(()=>{if(!o||m||c===0){g.current&&=(clearInterval(g.current),null);return}return g.current=setInterval(()=>{p(e=>{let t=e-100/(i/s);return t<=0?(l(0),d(1),100):t})},s),()=>{g.current&&clearInterval(g.current)}},[o,m,c,i,s]),{combo:c,multiplier:u,timeRemaining:f,increment:n.useCallback((e=1)=>{l(t=>{let n=t+e;return d(_(n)),n}),p(100)},[_]),reset:n.useCallback(()=>{l(0),d(1),p(100)},[]),pause:n.useCallback(()=>{h(!0)},[]),resume:n.useCallback(()=>{h(!1)},[]),isPaused:m}}exports.WakaComboCounter=m,exports.useComboCounter=h;