@wakastellar/ui 4.0.0 → 4.1.1

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

@@ -0,0 +1,199 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/waka-typewriter/index.tsx
+var i = {
+	slow: 100,
+	normal: 50,
+	fast: 25
+};
+function a(e) {
+	return typeof e == "number" ? e : i[e] ?? 50;
+}
+function o(e) {
+	let { strings: n, typeSpeed: r, deleteSpeed: i, startDelay: a, pauseDelay: o, nextDelay: s, loop: c, pauseOnChars: l, charPauseDuration: u, onTypeComplete: d, onDeleteComplete: f, onComplete: p, active: m } = e, [h, g] = t.useState(""), [_, v] = t.useState(0), [y, b] = t.useState(!0), [x, S] = t.useState(!1), C = t.useRef(null), w = t.useRef(0), T = t.useRef(!1), E = t.useCallback(() => {
+		C.current &&= (clearTimeout(C.current), null);
+	}, []), D = t.useCallback(() => {
+		if (!m || x) return;
+		let e = n[_];
+		if (e) if (y) if (w.current < e.length) {
+			let t = e[w.current], n = l.includes(t) ? r + u : r;
+			w.current++, g(e.slice(0, w.current)), C.current = setTimeout(D, n);
+		} else d?.(_), _ === n.length - 1 && !c ? p?.() : C.current = setTimeout(() => {
+			b(!1), D();
+		}, o);
+		else if (w.current > 0) w.current--, g(e.slice(0, w.current)), C.current = setTimeout(D, i);
+		else {
+			f?.(_);
+			let e = (_ + 1) % n.length;
+			v(e), b(!0), C.current = setTimeout(D, s);
+		}
+	}, [
+		m,
+		x,
+		n,
+		_,
+		y,
+		r,
+		i,
+		o,
+		s,
+		l,
+		u,
+		c,
+		d,
+		f,
+		p
+	]);
+	t.useEffect(() => {
+		if (!(!m || T.current)) return T.current = !0, C.current = setTimeout(D, a), () => {
+			E();
+		};
+	}, [
+		m,
+		a,
+		D,
+		E
+	]);
+	let O = t.useCallback(() => {
+		E(), T.current = !1, w.current = 0, g(""), v(0), b(!0), S(!1), T.current = !0, C.current = setTimeout(D, a);
+	}, [
+		E,
+		D,
+		a
+	]), k = t.useCallback(() => {
+		S(!0), E();
+	}, [E]), A = t.useCallback(() => {
+		x && (S(!1), C.current = setTimeout(D, 0));
+	}, [x, D]), j = t.useCallback((e) => {
+		e < 0 || e >= n.length || (E(), w.current = 0, g(""), v(e), b(!0), C.current = setTimeout(D, 0));
+	}, [
+		n.length,
+		E,
+		D
+	]);
+	return t.useEffect(() => () => {
+		E();
+	}, [E]), {
+		text: h,
+		currentIndex: _,
+		isTyping: y,
+		isActive: m && !x,
+		restart: O,
+		pause: k,
+		resume: A,
+		skipTo: j
+	};
+}
+function s({ char: r, blinkSpeed: i, className: a }) {
+	let [o, s] = t.useState(!0);
+	return t.useEffect(() => {
+		let e = setInterval(() => {
+			s((e) => !e);
+		}, i);
+		return () => clearInterval(e);
+	}, [i]), /* @__PURE__ */ n("span", {
+		className: e("inline-block", a),
+		style: { opacity: +!!o },
+		"aria-hidden": "true",
+		children: r
+	});
+}
+var c = t.forwardRef(({ className: t, strings: i, typeSpeed: c = "normal", deleteSpeed: l = "fast", startDelay: u = 500, pauseDelay: d = 2e3, nextDelay: f = 500, loop: p = !0, cursor: m = !0, cursorChar: h = "|", cursorBlinkSpeed: g = 500, pauseOnChars: _ = ".,!?", charPauseDuration: v = 300, onTypeComplete: y, onDeleteComplete: b, onComplete: x, active: S = !0, as: C = "span", ...w }, T) => {
+	let { text: E } = o({
+		strings: i,
+		typeSpeed: a(c),
+		deleteSpeed: a(l),
+		startDelay: u,
+		pauseDelay: d,
+		nextDelay: f,
+		loop: p,
+		pauseOnChars: _,
+		charPauseDuration: v,
+		onTypeComplete: y,
+		onDeleteComplete: b,
+		onComplete: x,
+		active: S
+	});
+	return /* @__PURE__ */ r(C, {
+		ref: T,
+		className: e("inline", t),
+		...w,
+		children: [/* @__PURE__ */ n("span", {
+			className: "whitespace-pre-wrap",
+			children: E
+		}), m && /* @__PURE__ */ n(s, {
+			char: h,
+			blinkSpeed: g,
+			className: "ml-0.5"
+		})]
+	});
+});
+c.displayName = "WakaTypewriter";
+var l = t.forwardRef(({ level: t = 1, className: r, ...i }, a) => /* @__PURE__ */ n(c, {
+	ref: a,
+	className: e({
+		1: "text-4xl font-bold tracking-tight",
+		2: "text-3xl font-semibold tracking-tight",
+		3: "text-2xl font-semibold",
+		4: "text-xl font-semibold",
+		5: "text-lg font-medium",
+		6: "text-base font-medium"
+	}[t], r),
+	as: `h${t}`,
+	...i
+}));
+l.displayName = "WakaTypewriterHeading";
+var u = t.forwardRef(({ className: i, lines: a, staggerDelay: o = 1500, typeSpeed: l = "normal", cursor: u = !0, cursorChar: d = "|", activeLineCursorOnly: f = !0, ...p }, m) => {
+	let [h, g] = t.useState(0), [_, v] = t.useState(/* @__PURE__ */ new Set()), y = t.useCallback((e) => {
+		v((t) => /* @__PURE__ */ new Set([...t, e])), e < a.length - 1 && setTimeout(() => {
+			g(e + 1);
+		}, o / 3);
+	}, [a.length, o]);
+	return /* @__PURE__ */ n("div", {
+		ref: m,
+		className: e("space-y-2", i),
+		...p,
+		children: a.map((e, t) => {
+			let i = t === h, a = _.has(t);
+			return t <= h ? a ? /* @__PURE__ */ r("div", {
+				className: "flex items-center",
+				children: [/* @__PURE__ */ n("span", { children: e }), u && !f && /* @__PURE__ */ n(s, {
+					char: d,
+					blinkSpeed: 500,
+					className: "ml-0.5 opacity-0"
+				})]
+			}, t) : /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(c, {
+				strings: [e],
+				typeSpeed: l,
+				startDelay: t === 0 ? 500 : 0,
+				loop: !1,
+				cursor: u && (f ? i : !0),
+				cursorChar: d,
+				onTypeComplete: () => y(t),
+				active: i
+			}) }, t) : /* @__PURE__ */ n("div", { className: "h-6" }, t);
+		})
+	});
+});
+u.displayName = "WakaTypewriterLines";
+var d = t.forwardRef(({ className: t, language: r, ...i }, a) => /* @__PURE__ */ n(c, {
+	ref: a,
+	className: e("font-mono text-sm bg-muted px-1.5 py-0.5 rounded", t),
+	as: "code",
+	cursorChar: "_",
+	cursorBlinkSpeed: 400,
+	typeSpeed: "fast",
+	...i
+}));
+if (d.displayName = "WakaTypewriterCode", typeof document < "u") {
+	let e = "waka-typewriter-styles";
+	if (!document.getElementById(e)) {
+		let t = document.createElement("style");
+		t.id = e, t.textContent = "\n      @keyframes typewriter-blink {\n        0%, 50% {\n          opacity: 1;\n        }\n        51%, 100% {\n          opacity: 0;\n        }\n      }\n\n      .animate-typewriter-blink {\n        animation: typewriter-blink 1s step-end infinite;\n      }\n\n      @keyframes typewriter-reveal {\n        from {\n          width: 0;\n        }\n        to {\n          width: 100%;\n        }\n      }\n\n      .animate-typewriter-reveal {\n        overflow: hidden;\n        white-space: nowrap;\n        animation: typewriter-reveal steps(40, end);\n      }\n    ", document.head.appendChild(t);
+	}
+}
+//#endregion
+export { c as WakaTypewriter, d as WakaTypewriterCode, l as WakaTypewriterHeading, u as WakaTypewriterLines, o as useTypewriter };

package/dist/components/waka-typing-indicator/index.cjs.js

@@ -0,0 +1,71 @@
+"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("class-variance-authority"),a=require("react/jsx-runtime");var o=(0,i.cva)(`inline-flex items-center gap-2 transition-all duration-300`,{variants:{size:{sm:`text-xs`,md:`text-sm`,lg:`text-base`}},defaultVariants:{size:`md`}}),s={sm:`h-1.5 w-1.5`,md:`h-2 w-2`,lg:`h-2.5 w-2.5`},c={sm:`h-5 w-5 text-[8px]`,md:`h-6 w-6 text-[10px]`,lg:`h-8 w-8 text-xs`},l={sm:`h-3 w-3`,md:`h-4 w-4`,lg:`h-5 w-5`};function u(e){if(e.length===0)return``;if(e.length===1)return`${e[0].name} is typing...`;if(e.length===2)return`${e[0].name} and ${e[1].name} are typing...`;if(e.length===3)return`${e[0].name}, ${e[1].name}, and ${e[2].name} are typing...`;let t=e.length-2;return`${e[0].name}, ${e[1].name}, and ${t} ${t===1?`other`:`others`} are typing...`}function d(e){return e.split(` `).map(e=>e[0]).join(``).toUpperCase().slice(0,2)}function f({user:e,size:n,className:r}){return(0,a.jsx)(`div`,{className:t.cn(`relative flex items-center justify-center rounded-full font-semibold flex-shrink-0`,c[n],e.avatar?``:`bg-muted text-muted-foreground`,r),children:e.avatar?(0,a.jsx)(`img`,{src:e.avatar,alt:e.name,className:`h-full w-full rounded-full object-cover`}):d(e.name)})}function p({users:e,max:n,size:r}){let i=e.slice(0,n),o=e.length-n;return(0,a.jsxs)(`div`,{className:`flex -space-x-1.5`,children:[i.map((e,n)=>(0,a.jsx)(f,{user:e,size:r,className:t.cn(`ring-2 ring-background`,n>0&&`relative`)},e.id)),o>0&&(0,a.jsxs)(`div`,{className:t.cn(`flex items-center justify-center rounded-full bg-muted text-muted-foreground font-medium ring-2 ring-background`,c[r]),children:[`+`,o]})]})}function m({size:e,speed:n}){let r=s[e],i=n/300;return(0,a.jsx)(`div`,{className:`flex items-center gap-0.5`,children:[0,1,2].map(e=>(0,a.jsx)(`span`,{className:t.cn(r,`rounded-full bg-muted-foreground`),style:{animation:`waka-typing-bounce ${n*1.5}ms ease-in-out infinite`,animationDelay:`${n/3*e*i}ms`}},e))})}function h({size:e,speed:n}){return(0,a.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center`,l[e]),children:[(0,a.jsx)(`span`,{className:`absolute inset-0 rounded-full bg-primary/30`,style:{animation:`waka-typing-pulse ${n*2}ms ease-in-out infinite`}}),(0,a.jsx)(r.MessageCircle,{className:t.cn(`relative`,l[e],`text-primary`),style:{animation:`waka-typing-pulse-icon ${n*2}ms ease-in-out infinite`}})]})}function g({text:e,speed:t}){return(0,a.jsx)(`span`,{className:`text-muted-foreground`,children:e.split(``).map((e,n)=>(0,a.jsx)(`span`,{style:{animation:e===`.`?`waka-typing-text-bounce ${t*1.5}ms ease-in-out infinite`:`none`,animationDelay:e===`.`?`${n*50}ms`:`0ms`,display:`inline-block`},children:e},n))})}var _=n.forwardRef(({className:e,size:r=`md`,users:i=[],variant:s=`dots`,animationSpeed:c=300,autoHideTimeout:l=0,customText:d,showAvatars:f=!0,maxAvatars:_=3,visible:v=!0,onVisibilityChange:y,...b},x)=>{let[S,C]=n.useState(v),[w,T]=n.useState(!1),[E,D]=n.useState(!1),O=n.useRef(null);if(n.useEffect(()=>{if(v&&!S){T(!0),C(!0);let e=setTimeout(()=>T(!1),200);return()=>clearTimeout(e)}else if(!v&&S){D(!0);let e=setTimeout(()=>{C(!1),D(!1)},200);return()=>clearTimeout(e)}},[v,S]),n.useEffect(()=>(l>0&&v&&(O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{D(!0),setTimeout(()=>{C(!1),D(!1),y?.(!1)},200)},l)),()=>{O.current&&clearTimeout(O.current)}),[l,v,i,y]),!S&&!E||i.length===0&&!d)return null;let k=d||u(i),A=r??`md`;return(0,a.jsxs)(`div`,{ref:x,className:t.cn(o({size:r,className:e}),w&&`animate-typing-enter`,E&&`animate-typing-leave`),role:`status`,"aria-live":`polite`,"aria-label":k,...b,children:[f&&i.length>0&&(0,a.jsx)(p,{users:i,max:_,size:A}),s===`dots`&&(0,a.jsx)(m,{size:A,speed:c}),s===`pulse`&&(0,a.jsx)(h,{size:A,speed:c}),s===`text`&&(0,a.jsx)(g,{text:k,speed:c}),s!==`text`&&(0,a.jsx)(`span`,{className:`text-muted-foreground`,children:k}),(0,a.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
+              @keyframes waka-typing-bounce {
+                0%, 100% {
+                  transform: translateY(0);
+                  opacity: 0.5;
+                }
+                50% {
+                  transform: translateY(-4px);
+                  opacity: 1;
+                }
+              }
+
+              @keyframes waka-typing-pulse {
+                0%, 100% {
+                  transform: scale(1);
+                  opacity: 0.3;
+                }
+                50% {
+                  transform: scale(1.5);
+                  opacity: 0;
+                }
+              }
+
+              @keyframes waka-typing-pulse-icon {
+                0%, 100% {
+                  transform: scale(1);
+                }
+                50% {
+                  transform: scale(0.9);
+                }
+              }
+
+              @keyframes waka-typing-text-bounce {
+                0%, 100% {
+                  transform: translateY(0);
+                }
+                50% {
+                  transform: translateY(-2px);
+                }
+              }
+
+              @keyframes waka-typing-enter {
+                0% {
+                  opacity: 0;
+                  transform: translateY(8px);
+                }
+                100% {
+                  opacity: 1;
+                  transform: translateY(0);
+                }
+              }
+
+              @keyframes waka-typing-leave {
+                0% {
+                  opacity: 1;
+                  transform: translateY(0);
+                }
+                100% {
+                  opacity: 0;
+                  transform: translateY(-8px);
+                }
+              }
+
+              .animate-typing-enter {
+                animation: waka-typing-enter 0.2s ease-out forwards;
+              }
+
+              .animate-typing-leave {
+                animation: waka-typing-leave 0.2s ease-in forwards;
+              }
+            `}})]})});_.displayName=`WakaTypingIndicator`;function v(e={}){let{typingTimeout:t=3e3,autoHideTimeout:r=0,onTypingChange:i}=e,[a,o]=n.useState([]),s=n.useRef(new Map),c=n.useRef(null);n.useEffect(()=>{i?.(a)},[a,i]),n.useEffect(()=>(r>0&&a.length>0&&(c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{o([])},r)),()=>{c.current&&clearTimeout(c.current)}),[r,a]),n.useEffect(()=>()=>{s.current.forEach(e=>clearTimeout(e)),s.current.clear()},[]);let l=n.useCallback(e=>{if(o(t=>t.some(t=>t.id===e.id)?t:[...t,e]),t>0){let n=s.current.get(e.id);n&&clearTimeout(n);let r=setTimeout(()=>{o(t=>t.filter(t=>t.id!==e.id)),s.current.delete(e.id)},t);s.current.set(e.id,r)}},[t]),u=n.useCallback(e=>{o(t=>t.filter(t=>t.id!==e));let t=s.current.get(e);t&&(clearTimeout(t),s.current.delete(e))},[]),d=n.useCallback(e=>{if(o(t=>{let n=t.findIndex(t=>t.id===e.id);if(n>=0){let r=[...t];return r[n]=e,r}return[...t,e]}),t>0){let n=s.current.get(e.id);n&&clearTimeout(n);let r=setTimeout(()=>{o(t=>t.filter(t=>t.id!==e.id)),s.current.delete(e.id)},t);s.current.set(e.id,r)}},[t]),f=n.useCallback(()=>{o([]),s.current.forEach(e=>clearTimeout(e)),s.current.clear()},[]);return{typingUsers:a,isTyping:a.length>0,addTypingUser:l,removeTypingUser:u,updateTypingStatus:d,clearTypingUsers:f,setTypingUsers:o}}var y=n.forwardRef((e,t)=>(0,a.jsx)(_,{ref:t,variant:`dots`,...e}));y.displayName=`WakaTypingIndicatorDots`;var b=n.forwardRef((e,t)=>(0,a.jsx)(_,{ref:t,variant:`text`,...e}));b.displayName=`WakaTypingIndicatorText`;var x=n.forwardRef((e,t)=>(0,a.jsx)(_,{ref:t,variant:`pulse`,...e}));x.displayName=`WakaTypingIndicatorPulse`,exports.WakaTypingIndicator=_,exports.default=_,exports.WakaTypingIndicatorDots=y,exports.WakaTypingIndicatorPulse=x,exports.WakaTypingIndicatorText=b,exports.useTypingIndicator=v;

package/dist/components/waka-typing-indicator/index.d.ts

@@ -29,9 +29,9 @@ export interface WakaTypingIndicatorProps extends React.HTMLAttributes<HTMLDivEl
     /** Callback when visibility changes due to auto-hide */
     onVisibilityChange?: (visible: boolean) => void;
 }
-declare const typingIndicatorVariants: (props?: {
-    size?: "sm" | "md" | "lg";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const typingIndicatorVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const WakaTypingIndicator: React.ForwardRefExoticComponent<WakaTypingIndicatorProps & React.RefAttributes<HTMLDivElement>>;
 export interface UseTypingIndicatorOptions {
     /** Timeout for considering a user as no longer typing (ms) */

package/dist/components/waka-typing-indicator/index.es.js

@@ -0,0 +1,242 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { MessageCircle as n } from "lucide-react";
+import { cva as r } from "class-variance-authority";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/waka-typing-indicator/index.tsx
+var o = r("inline-flex items-center gap-2 transition-all duration-300", {
+	variants: { size: {
+		sm: "text-xs",
+		md: "text-sm",
+		lg: "text-base"
+	} },
+	defaultVariants: { size: "md" }
+}), s = {
+	sm: "h-1.5 w-1.5",
+	md: "h-2 w-2",
+	lg: "h-2.5 w-2.5"
+}, c = {
+	sm: "h-5 w-5 text-[8px]",
+	md: "h-6 w-6 text-[10px]",
+	lg: "h-8 w-8 text-xs"
+}, l = {
+	sm: "h-3 w-3",
+	md: "h-4 w-4",
+	lg: "h-5 w-5"
+};
+function u(e) {
+	if (e.length === 0) return "";
+	if (e.length === 1) return `${e[0].name} is typing...`;
+	if (e.length === 2) return `${e[0].name} and ${e[1].name} are typing...`;
+	if (e.length === 3) return `${e[0].name}, ${e[1].name}, and ${e[2].name} are typing...`;
+	let t = e.length - 2;
+	return `${e[0].name}, ${e[1].name}, and ${t} ${t === 1 ? "other" : "others"} are typing...`;
+}
+function d(e) {
+	return e.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2);
+}
+function f({ user: t, size: n, className: r }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("relative flex items-center justify-center rounded-full font-semibold flex-shrink-0", c[n], t.avatar ? "" : "bg-muted text-muted-foreground", r),
+		children: t.avatar ? /* @__PURE__ */ i("img", {
+			src: t.avatar,
+			alt: t.name,
+			className: "h-full w-full rounded-full object-cover"
+		}) : d(t.name)
+	});
+}
+function p({ users: t, max: n, size: r }) {
+	let o = t.slice(0, n), s = t.length - n;
+	return /* @__PURE__ */ a("div", {
+		className: "flex -space-x-1.5",
+		children: [o.map((t, n) => /* @__PURE__ */ i(f, {
+			user: t,
+			size: r,
+			className: e("ring-2 ring-background", n > 0 && "relative")
+		}, t.id)), s > 0 && /* @__PURE__ */ a("div", {
+			className: e("flex items-center justify-center rounded-full bg-muted text-muted-foreground font-medium ring-2 ring-background", c[r]),
+			children: ["+", s]
+		})]
+	});
+}
+function m({ size: t, speed: n }) {
+	let r = s[t], a = n / 300;
+	return /* @__PURE__ */ i("div", {
+		className: "flex items-center gap-0.5",
+		children: [
+			0,
+			1,
+			2
+		].map((t) => /* @__PURE__ */ i("span", {
+			className: e(r, "rounded-full bg-muted-foreground"),
+			style: {
+				animation: `waka-typing-bounce ${n * 1.5}ms ease-in-out infinite`,
+				animationDelay: `${n / 3 * t * a}ms`
+			}
+		}, t))
+	});
+}
+function h({ size: t, speed: r }) {
+	return /* @__PURE__ */ a("div", {
+		className: e("relative flex items-center justify-center", l[t]),
+		children: [/* @__PURE__ */ i("span", {
+			className: "absolute inset-0 rounded-full bg-primary/30",
+			style: { animation: `waka-typing-pulse ${r * 2}ms ease-in-out infinite` }
+		}), /* @__PURE__ */ i(n, {
+			className: e("relative", l[t], "text-primary"),
+			style: { animation: `waka-typing-pulse-icon ${r * 2}ms ease-in-out infinite` }
+		})]
+	});
+}
+function g({ text: e, speed: t }) {
+	return /* @__PURE__ */ i("span", {
+		className: "text-muted-foreground",
+		children: e.split("").map((e, n) => /* @__PURE__ */ i("span", {
+			style: {
+				animation: e === "." ? `waka-typing-text-bounce ${t * 1.5}ms ease-in-out infinite` : "none",
+				animationDelay: e === "." ? `${n * 50}ms` : "0ms",
+				display: "inline-block"
+			},
+			children: e
+		}, n))
+	});
+}
+var _ = t.forwardRef(({ className: n, size: r = "md", users: s = [], variant: c = "dots", animationSpeed: l = 300, autoHideTimeout: d = 0, customText: f, showAvatars: _ = !0, maxAvatars: v = 3, visible: y = !0, onVisibilityChange: b, ...x }, S) => {
+	let [C, w] = t.useState(y), [T, E] = t.useState(!1), [D, O] = t.useState(!1), k = t.useRef(null);
+	if (t.useEffect(() => {
+		if (y && !C) {
+			E(!0), w(!0);
+			let e = setTimeout(() => E(!1), 200);
+			return () => clearTimeout(e);
+		} else if (!y && C) {
+			O(!0);
+			let e = setTimeout(() => {
+				w(!1), O(!1);
+			}, 200);
+			return () => clearTimeout(e);
+		}
+	}, [y, C]), t.useEffect(() => (d > 0 && y && (k.current && clearTimeout(k.current), k.current = setTimeout(() => {
+		O(!0), setTimeout(() => {
+			w(!1), O(!1), b?.(!1);
+		}, 200);
+	}, d)), () => {
+		k.current && clearTimeout(k.current);
+	}), [
+		d,
+		y,
+		s,
+		b
+	]), !C && !D || s.length === 0 && !f) return null;
+	let A = f || u(s), j = r ?? "md";
+	return /* @__PURE__ */ a("div", {
+		ref: S,
+		className: e(o({
+			size: r,
+			className: n
+		}), T && "animate-typing-enter", D && "animate-typing-leave"),
+		role: "status",
+		"aria-live": "polite",
+		"aria-label": A,
+		...x,
+		children: [
+			_ && s.length > 0 && /* @__PURE__ */ i(p, {
+				users: s,
+				max: v,
+				size: j
+			}),
+			c === "dots" && /* @__PURE__ */ i(m, {
+				size: j,
+				speed: l
+			}),
+			c === "pulse" && /* @__PURE__ */ i(h, {
+				size: j,
+				speed: l
+			}),
+			c === "text" && /* @__PURE__ */ i(g, {
+				text: A,
+				speed: l
+			}),
+			c !== "text" && /* @__PURE__ */ i("span", {
+				className: "text-muted-foreground",
+				children: A
+			}),
+			/* @__PURE__ */ i("style", { dangerouslySetInnerHTML: { __html: "\n              @keyframes waka-typing-bounce {\n                0%, 100% {\n                  transform: translateY(0);\n                  opacity: 0.5;\n                }\n                50% {\n                  transform: translateY(-4px);\n                  opacity: 1;\n                }\n              }\n\n              @keyframes waka-typing-pulse {\n                0%, 100% {\n                  transform: scale(1);\n                  opacity: 0.3;\n                }\n                50% {\n                  transform: scale(1.5);\n                  opacity: 0;\n                }\n              }\n\n              @keyframes waka-typing-pulse-icon {\n                0%, 100% {\n                  transform: scale(1);\n                }\n                50% {\n                  transform: scale(0.9);\n                }\n              }\n\n              @keyframes waka-typing-text-bounce {\n                0%, 100% {\n                  transform: translateY(0);\n                }\n                50% {\n                  transform: translateY(-2px);\n                }\n              }\n\n              @keyframes waka-typing-enter {\n                0% {\n                  opacity: 0;\n                  transform: translateY(8px);\n                }\n                100% {\n                  opacity: 1;\n                  transform: translateY(0);\n                }\n              }\n\n              @keyframes waka-typing-leave {\n                0% {\n                  opacity: 1;\n                  transform: translateY(0);\n                }\n                100% {\n                  opacity: 0;\n                  transform: translateY(-8px);\n                }\n              }\n\n              .animate-typing-enter {\n                animation: waka-typing-enter 0.2s ease-out forwards;\n              }\n\n              .animate-typing-leave {\n                animation: waka-typing-leave 0.2s ease-in forwards;\n              }\n            " } })
+		]
+	});
+});
+_.displayName = "WakaTypingIndicator";
+function v(e = {}) {
+	let { typingTimeout: n = 3e3, autoHideTimeout: r = 0, onTypingChange: i } = e, [a, o] = t.useState([]), s = t.useRef(/* @__PURE__ */ new Map()), c = t.useRef(null);
+	t.useEffect(() => {
+		i?.(a);
+	}, [a, i]), t.useEffect(() => (r > 0 && a.length > 0 && (c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+		o([]);
+	}, r)), () => {
+		c.current && clearTimeout(c.current);
+	}), [r, a]), t.useEffect(() => () => {
+		s.current.forEach((e) => clearTimeout(e)), s.current.clear();
+	}, []);
+	let l = t.useCallback((e) => {
+		if (o((t) => t.some((t) => t.id === e.id) ? t : [...t, e]), n > 0) {
+			let t = s.current.get(e.id);
+			t && clearTimeout(t);
+			let r = setTimeout(() => {
+				o((t) => t.filter((t) => t.id !== e.id)), s.current.delete(e.id);
+			}, n);
+			s.current.set(e.id, r);
+		}
+	}, [n]), u = t.useCallback((e) => {
+		o((t) => t.filter((t) => t.id !== e));
+		let t = s.current.get(e);
+		t && (clearTimeout(t), s.current.delete(e));
+	}, []), d = t.useCallback((e) => {
+		if (o((t) => {
+			let n = t.findIndex((t) => t.id === e.id);
+			if (n >= 0) {
+				let r = [...t];
+				return r[n] = e, r;
+			}
+			return [...t, e];
+		}), n > 0) {
+			let t = s.current.get(e.id);
+			t && clearTimeout(t);
+			let r = setTimeout(() => {
+				o((t) => t.filter((t) => t.id !== e.id)), s.current.delete(e.id);
+			}, n);
+			s.current.set(e.id, r);
+		}
+	}, [n]), f = t.useCallback(() => {
+		o([]), s.current.forEach((e) => clearTimeout(e)), s.current.clear();
+	}, []);
+	return {
+		typingUsers: a,
+		isTyping: a.length > 0,
+		addTypingUser: l,
+		removeTypingUser: u,
+		updateTypingStatus: d,
+		clearTypingUsers: f,
+		setTypingUsers: o
+	};
+}
+var y = t.forwardRef((e, t) => /* @__PURE__ */ i(_, {
+	ref: t,
+	variant: "dots",
+	...e
+}));
+y.displayName = "WakaTypingIndicatorDots";
+var b = t.forwardRef((e, t) => /* @__PURE__ */ i(_, {
+	ref: t,
+	variant: "text",
+	...e
+}));
+b.displayName = "WakaTypingIndicatorText";
+var x = t.forwardRef((e, t) => /* @__PURE__ */ i(_, {
+	ref: t,
+	variant: "pulse",
+	...e
+}));
+x.displayName = "WakaTypingIndicatorPulse";
+//#endregion
+export { _ as WakaTypingIndicator, _ as default, y as WakaTypingIndicatorDots, x as WakaTypingIndicatorPulse, b as WakaTypingIndicatorText, v as useTypingIndicator };

package/dist/components/waka-versus-card/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={score:{icon:r.Target,label:`Score Challenge`,color:`text-blue-500`,bgColor:`bg-blue-500/10`},time:{icon:r.Timer,label:`Time Trial`,color:`text-purple-500`,bgColor:`bg-purple-500/10`},streak:{icon:r.Flame,label:`Streak Battle`,color:`text-orange-500`,bgColor:`bg-orange-500/10`},collection:{icon:r.Star,label:`Collection Race`,color:`text-yellow-500`,bgColor:`bg-yellow-500/10`},custom:{icon:r.Swords,label:`Custom Challenge`,color:`text-red-500`,bgColor:`bg-red-500/10`}},o={upcoming:{label:`Upcoming`,color:`text-muted-foreground`,bgColor:`bg-muted`,dotColor:`bg-muted-foreground`},live:{label:`LIVE`,color:`text-red-500`,bgColor:`bg-red-500/10`,dotColor:`bg-red-500`},finished:{label:`Finished`,color:`text-green-500`,bgColor:`bg-green-500/10`,dotColor:`bg-green-500`}},s={xp:r.Zap,badge:r.Trophy,item:r.Gift,currency:r.Star},c={sm:{card:`p-3`,avatar:`h-12 w-12`,name:`text-sm`,score:`text-xl`,vsSize:`h-10 w-10 text-sm`,stats:`text-xs`},default:{card:`p-4`,avatar:`h-16 w-16`,name:`text-base`,score:`text-3xl`,vsSize:`h-14 w-14 text-lg`,stats:`text-sm`},lg:{card:`p-6`,avatar:`h-20 w-20`,name:`text-lg`,score:`text-4xl`,vsSize:`h-16 w-16 text-xl`,stats:`text-base`}};function l({name:e,avatar:n,size:a,isWinner:o,isLoser:s,className:l}){return(0,i.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center rounded-full font-semibold overflow-hidden`,c[a].avatar,n?``:`bg-muted text-muted-foreground`,o&&`ring-4 ring-yellow-400 shadow-lg shadow-yellow-400/30`,s&&`opacity-60 grayscale`,l),children:[n?(0,i.jsx)(`img`,{src:n,alt:e,className:`h-full w-full object-cover`}):(e=>e.split(` `).map(e=>e[0]).join(``).toUpperCase().slice(0,2))(e),o&&(0,i.jsx)(`div`,{className:`absolute -top-2 left-1/2 -translate-x-1/2 animate-bounce`,children:(0,i.jsx)(r.Crown,{className:`h-6 w-6 text-yellow-400 fill-yellow-400 drop-shadow-lg`})})]})}function u({size:e,isLive:n,isFinished:a}){return(0,i.jsxs)(`div`,{className:`relative flex flex-col items-center justify-center`,children:[(0,i.jsx)(`div`,{className:`absolute inset-0 flex items-center`,children:(0,i.jsx)(`div`,{className:`w-full border-t border-dashed border-muted-foreground/30`})}),(0,i.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center rounded-full font-bold`,`bg-gradient-to-br from-red-500 via-orange-500 to-yellow-500`,`text-white shadow-lg`,c[e].vsSize,n&&`animate-versus-pulse`,a&&`from-green-500 via-emerald-500 to-teal-500`),children:[n&&(0,i.jsx)(`div`,{className:`absolute inset-0 rounded-full border-2 border-white/30 animate-versus-spin`}),(0,i.jsx)(`div`,{className:`absolute inset-1 rounded-full bg-gradient-to-br from-white/20 to-transparent`}),(0,i.jsx)(`span`,{className:`relative`,children:`VS`})]}),n&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Sparkles,{className:`absolute -top-2 -left-2 h-4 w-4 text-yellow-400 animate-versus-sparkle`}),(0,i.jsx)(r.Sparkles,{className:`absolute -bottom-2 -right-2 h-4 w-4 text-orange-400 animate-versus-sparkle-delay`})]}),(0,i.jsx)(`style`,{children:`
+        @keyframes versus-pulse {
+          0%, 100% { transform: scale(1); box-shadow: 0 0 20px rgba(239, 68, 68, 0.5); }
+          50% { transform: scale(1.1); box-shadow: 0 0 30px rgba(239, 68, 68, 0.8); }
+        }
+        @keyframes versus-spin {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+        @keyframes versus-sparkle {
+          0%, 100% { opacity: 0; transform: scale(0) rotate(0deg); }
+          50% { opacity: 1; transform: scale(1) rotate(180deg); }
+        }
+        .animate-versus-pulse {
+          animation: versus-pulse 2s ease-in-out infinite;
+        }
+        .animate-versus-spin {
+          animation: versus-spin 4s linear infinite;
+        }
+        .animate-versus-sparkle {
+          animation: versus-sparkle 1.5s ease-in-out infinite;
+        }
+        .animate-versus-sparkle-delay {
+          animation: versus-sparkle 1.5s ease-in-out infinite 0.75s;
+        }
+      `})]})}function d({competitor:e,size:a,isWinner:o,isLoser:s,side:u,targetScore:d}){let[f,p]=n.useState(e.score),[m,h]=n.useState(!1),g=n.useRef(e.score);n.useEffect(()=>{if(e.score!==g.current){h(!0);let t=g.current,n=e.score,r=performance.now(),i=e=>{let a=e-r,o=Math.min(a/500,1),s=1-(1-o)**3,c=Math.round(t+(n-t)*s);p(c),o<1?requestAnimationFrame(i):h(!1)};requestAnimationFrame(i),g.current=e.score}},[e.score]);let _=e.previousScore===void 0?0:e.score-e.previousScore,v=d?e.score/d*100:null;return(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col items-center space-y-2 flex-1`,u===`right`&&`items-center`),children:[(0,i.jsx)(l,{name:e.name,avatar:e.avatar,size:a,isWinner:o,isLoser:s}),(0,i.jsxs)(`div`,{className:`text-center space-y-0.5`,children:[(0,i.jsxs)(`div`,{className:t.cn(`font-semibold`,c[a].name),children:[e.name,e.isCurrentUser&&(0,i.jsx)(`span`,{className:`ml-1.5 text-xs text-primary`,children:`(You)`})]}),e.rank&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.rank})]}),(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(`div`,{className:t.cn(`font-bold tabular-nums transition-all`,c[a].score,o&&`text-yellow-500`,s&&`text-muted-foreground`,m&&`text-primary scale-110`),children:f.toLocaleString()}),_!==0&&(0,i.jsxs)(`div`,{className:t.cn(`absolute -right-6 top-1/2 -translate-y-1/2 flex items-center text-xs font-medium`,_>0?`text-green-500`:`text-red-500`),children:[_>0?(0,i.jsx)(r.TrendingUp,{className:`h-3 w-3`}):(0,i.jsx)(r.TrendingDown,{className:`h-3 w-3`}),(0,i.jsx)(`span`,{children:Math.abs(_)})]})]}),v!==null&&(0,i.jsxs)(`div`,{className:`w-full max-w-[100px]`,children:[(0,i.jsx)(`div`,{className:`h-1.5 w-full rounded-full bg-muted overflow-hidden`,children:(0,i.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-500`,o?`bg-gradient-to-r from-yellow-400 to-amber-500`:`bg-gradient-to-r from-blue-500 to-purple-500`),style:{width:`${Math.min(100,v)}%`}})}),(0,i.jsxs)(`div`,{className:`mt-0.5 text-center text-[10px] text-muted-foreground`,children:[Math.round(v),`%`]})]}),e.winStreak&&e.winStreak>0&&(0,i.jsxs)(`div`,{className:`flex items-center gap-1 text-xs text-orange-500`,children:[(0,i.jsx)(r.Flame,{className:`h-3 w-3`}),(0,i.jsxs)(`span`,{children:[e.winStreak,` streak`]})]}),e.stats&&e.stats.length>0&&(0,i.jsx)(`div`,{className:t.cn(`flex flex-wrap justify-center gap-2 mt-2`,c[a].stats),children:e.stats.map((e,t)=>(0,i.jsxs)(`div`,{className:`flex items-center gap-1 rounded-full bg-muted px-2 py-0.5`,children:[e.icon,(0,i.jsxs)(`span`,{className:`text-muted-foreground`,children:[e.name,`:`]}),(0,i.jsx)(`span`,{className:`font-medium`,children:e.value})]},t))})]})}function f({endTime:e,onExpire:a,className:o}){let[s,c]=n.useState(``),[l,u]=n.useState(!1);return n.useEffect(()=>{let t=()=>{let t=new Date,n=e.getTime()-t.getTime();if(n<=0){c(`00:00`),u(!0),a?.();return}let r=Math.floor(n/(1e3*60*60)),i=Math.floor(n%(1e3*60*60)/(1e3*60)),o=Math.floor(n%(1e3*60)/1e3);r>0?(c(`${r}:${String(i).padStart(2,`0`)}:${String(o).padStart(2,`0`)}`),u(!1)):(c(`${String(i).padStart(2,`0`)}:${String(o).padStart(2,`0`)}`),u(i<1))};t();let n=setInterval(t,1e3);return()=>clearInterval(n)},[e,a]),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1.5 font-mono text-sm`,l?`text-red-500 animate-pulse`:`text-muted-foreground`,o),children:[(0,i.jsx)(r.Clock,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:s})]})}function p({reward:e,compact:n}){let r=s[e.type];return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1.5 rounded-full px-2 py-1`,{xp:`text-yellow-500 bg-yellow-500/10`,badge:`text-purple-500 bg-purple-500/10`,item:`text-blue-500 bg-blue-500/10`,currency:`text-amber-500 bg-amber-500/10`}[e.type],n&&`px-1.5 py-0.5`),children:[e.icon||(0,i.jsx)(r,{className:t.cn(`h-3.5 w-3.5`,n&&`h-3 w-3`)}),(0,i.jsxs)(`span`,{className:t.cn(`text-xs font-medium`,n&&`text-[10px]`),children:[typeof e.value==`number`?`+${e.value}`:e.value,e.type===`xp`&&` XP`]})]})}function m({active:e,side:n}){if(!e)return null;let r=[`#fbbf24`,`#f59e0b`,`#22c55e`,`#fcd34d`,`#fef08a`];return(0,i.jsxs)(`div`,{className:t.cn(`absolute inset-0 pointer-events-none overflow-hidden`,n===`left`?`right-1/2`:`left-1/2`),children:[[...Array(20)].map((e,t)=>{let n=20+Math.random()*60,a=4+Math.random()*8;return(0,i.jsx)(`div`,{className:`absolute animate-winner-confetti`,style:{left:`${n}%`,width:a,height:a,backgroundColor:r[Math.floor(Math.random()*r.length)],borderRadius:Math.random()>.5?`50%`:`2px`,animationDelay:`${Math.random()*.5}s`}},t)}),(0,i.jsx)(`div`,{className:t.cn(`absolute inset-0 animate-winner-glow`,n===`left`?`bg-gradient-to-r from-yellow-400/20 to-transparent`:`bg-gradient-to-l from-yellow-400/20 to-transparent`)}),(0,i.jsx)(`style`,{children:`
+        @keyframes winner-confetti {
+          0% {
+            top: 100%;
+            transform: translateY(0) rotate(0deg);
+            opacity: 1;
+          }
+          100% {
+            top: -20%;
+            transform: translateY(0) rotate(720deg);
+            opacity: 0;
+          }
+        }
+        @keyframes winner-glow {
+          0%, 100% { opacity: 0; }
+          50% { opacity: 1; }
+        }
+        .animate-winner-confetti {
+          animation: winner-confetti 2s ease-out forwards;
+        }
+        .animate-winner-glow {
+          animation: winner-glow 2s ease-in-out;
+        }
+      `})]})}function h({competitorLeft:e,competitorRight:s,challenge:l,status:h,winnerId:g,onStatusChange:_,onScoreUpdate:v,size:y=`default`,showLivePulse:b=!0,className:x}){let[S,C]=n.useState(!1),w=n.useRef(h),T=a[l.type],E=o[h],D=h===`live`,O=h===`finished`,k=O&&g===e.id,A=O&&g===s.id;return n.useEffect(()=>{if(h===`finished`&&w.current!==`finished`){C(!0);let e=setTimeout(()=>C(!1),3e3);return()=>clearTimeout(e)}w.current=h},[h]),(0,i.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-xl border bg-card shadow-sm transition-all`,D&&b&&`ring-2 ring-red-500/50`,O&&`ring-2 ring-green-500/30`,c[y].card,x),children:[(0,i.jsx)(m,{active:S&&k,side:`left`}),(0,i.jsx)(m,{active:S&&A,side:`right`}),(0,i.jsxs)(`div`,{className:`flex items-center justify-between border-b pb-3 mb-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`div`,{className:t.cn(`rounded-lg p-1.5`,T.bgColor),children:(0,i.jsx)(T.icon,{className:t.cn(`h-4 w-4`,T.color)})}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`div`,{className:`text-sm font-medium`,children:l.name}),l.description&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:l.description})]})]}),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1.5 rounded-full px-2.5 py-1`,E.bgColor),children:[(0,i.jsx)(`div`,{className:t.cn(`h-2 w-2 rounded-full`,E.dotColor,D&&`animate-pulse`)}),(0,i.jsx)(`span`,{className:t.cn(`text-xs font-medium`,E.color),children:E.label})]})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,i.jsx)(d,{competitor:e,size:y,isWinner:k,isLoser:A,side:`left`,targetScore:l.targetScore}),(0,i.jsx)(u,{size:y,isLive:D,isFinished:O}),(0,i.jsx)(d,{competitor:s,size:y,isWinner:A,isLoser:k,side:`right`,targetScore:l.targetScore})]}),(0,i.jsxs)(`div`,{className:`flex items-center justify-between border-t pt-3 mt-4`,children:[(0,i.jsxs)(`div`,{children:[D&&l.endTime&&(0,i.jsx)(f,{endTime:l.endTime,onExpire:()=>{_?.(`finished`)}}),h===`upcoming`&&l.startTime&&(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 text-xs text-muted-foreground`,children:[(0,i.jsx)(r.Clock,{className:`h-3.5 w-3.5`}),(0,i.jsxs)(`span`,{children:[`Starts `,l.startTime.toLocaleDateString(`en-US`,{month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`})]})]}),O&&(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 text-xs text-green-500`,children:[(0,i.jsx)(r.Trophy,{className:`h-3.5 w-3.5`}),(0,i.jsxs)(`span`,{children:[`Winner: `,k?e.name:s.name]})]})]}),l.rewards.length>0&&(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(r.Gift,{className:`h-3.5 w-3.5 text-muted-foreground`}),(0,i.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:l.rewards.map((e,t)=>(0,i.jsx)(p,{reward:e,compact:!0},t))})]})]}),O&&S&&(0,i.jsxs)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/60 backdrop-blur-sm`,children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2 animate-winner-reveal`,children:[(0,i.jsx)(r.Crown,{className:`h-12 w-12 text-yellow-400 fill-yellow-400 animate-bounce`}),(0,i.jsxs)(`div`,{className:`text-2xl font-bold text-yellow-500`,children:[k?e.name:s.name,` Wins!`]})]}),(0,i.jsx)(`style`,{children:`
+            @keyframes winner-reveal {
+              0% { opacity: 0; transform: scale(0.5); }
+              100% { opacity: 1; transform: scale(1); }
+            }
+            .animate-winner-reveal {
+              animation: winner-reveal 0.5s ease-out;
+            }
+          `})]})]})}function g({competitorLeft:e,competitorRight:t,challenge:r,initialStatus:i=`upcoming`,onStatusChange:a,onWinner:o,autoWinner:s=!0}){let[c,l]=n.useState(e),[u,d]=n.useState(t),[f,p]=n.useState(i),[m,h]=n.useState(),g=n.useCallback(e=>{if(p(e),a?.(e),e===`finished`&&s&&!m){let e=c.score>u.score?c.id:u.score>c.score?u.id:void 0;e&&(h(e),o?.(e))}},[c,u,s,m,a,o]),_=n.useCallback((e,t)=>{e===c.id?l(e=>({...e,previousScore:e.score,score:t})):e===u.id&&d(e=>({...e,previousScore:e.score,score:t})),r.targetScore&&t>=r.targetScore&&f===`live`&&(h(e),o?.(e),g(`finished`))},[c.id,u.id,r.targetScore,f,o,g]);return{competitorLeft:c,competitorRight:u,status:f,winnerId:m,updateScore:_,incrementScore:n.useCallback((e,t=1)=>{let n=e===c.id?c:u;_(e,n.score+t)},[c,u,_]),updateStatus:g,declareWinner:n.useCallback(e=>{h(e),o?.(e),f!==`finished`&&g(`finished`)},[f,o,g]),start:n.useCallback(()=>{f===`upcoming`&&g(`live`)},[f,g]),finish:n.useCallback(()=>{f===`live`&&g(`finished`)},[f,g]),reset:n.useCallback(()=>{l({...e,previousScore:void 0}),d({...t,previousScore:void 0}),p(`upcoming`),h(void 0)},[e,t]),isLive:f===`live`,isFinished:f===`finished`,isUpcoming:f===`upcoming`,leftIsWinning:c.score>u.score,rightIsWinning:u.score>c.score,isTied:c.score===u.score,scoreDifference:Math.abs(c.score-u.score)}}exports.WakaVersusCard=h,exports.default=h,exports.useVersusCard=g;

package/dist/components/waka-versus-card/index.d.ts

@@ -98,7 +98,7 @@ export declare function useVersusCard({ competitorLeft: initialLeft, competitorR
     competitorLeft: Competitor;
     competitorRight: Competitor;
     status: ChallengeStatus;
-    winnerId: string;
+    winnerId: string | undefined;
     updateScore: (competitorId: string, newScore: number) => void;
     incrementScore: (competitorId: string, amount?: number) => void;
     updateStatus: (newStatus: ChallengeStatus) => void;