@wakastellar/ui 4.0.1 → 4.1.1

package/dist/components/waka-two-factor-setup/index.es.js

@@ -96,7 +96,8 @@ function S(e) {
 			if (i) {
 				S(!0);
 				try {
-					E(await i());
+					let e = await i();
+					E(e);
 				} catch (e) {
 					console.error("Failed to regenerate backup codes:", e);
 				} finally {
@@ -405,8 +406,8 @@ function D({ verificationCode: r, onCodeChange: o, onVerify: s, isVerifying: c,
 		t.key === "Backspace" && !p[e] && e > 0 && d.current[e - 1]?.focus(), t.key === "Enter" && r.length === 6 && s();
 	}, x = (e) => {
 		e.preventDefault();
-		let t = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6);
-		m(t.split("").concat(Array(6 - t.length).fill(""))), o(t), d.current[Math.min(t.length, 5)]?.focus();
+		let t = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6), n = t.split("").concat(Array(6 - t.length).fill(""));
+		m(n), o(t), d.current[Math.min(t.length, 5)]?.focus();
 	};
 	return /* @__PURE__ */ y("div", {
 		className: "space-y-6 animate-in fade-in slide-in-from-right-4 duration-300",
@@ -607,4 +608,4 @@ function k({ config: t, onComplete: r, onCancel: i, onVerify: a, onRegenerateBac
 	});
 }
 //#endregion
-export { k as default, S as useTwoFactorSetup };
+export { k as WakaTwoFactorSetup, k as default, S as useTwoFactorSetup };

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

@@ -1,4 +1,4 @@
-"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(`react/jsx-runtime`);var i={slow:100,normal:50,fast:25};function a(e){return typeof e==`number`?e:i[e]??50}function o(e){let{strings:t,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]=n.useState(``),[_,v]=n.useState(0),[y,b]=n.useState(!0),[x,S]=n.useState(!1),C=n.useRef(null),w=n.useRef(0),T=n.useRef(!1),E=n.useCallback(()=>{C.current&&=(clearTimeout(C.current),null)},[]),D=n.useCallback(()=>{if(!m||x)return;let e=t[_];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?.(_),_===t.length-1&&!c?p?.():C.current=setTimeout(()=>{b(!1),D()},o);else w.current>0?(w.current--,g(e.slice(0,w.current)),C.current=setTimeout(D,i)):(f?.(_),v((_+1)%t.length),b(!0),C.current=setTimeout(D,s))},[m,x,t,_,y,r,i,o,s,l,u,c,d,f,p]);n.useEffect(()=>{if(!(!m||T.current))return T.current=!0,C.current=setTimeout(D,a),()=>{E()}},[m,a,D,E]);let O=n.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=n.useCallback(()=>{S(!0),E()},[E]),A=n.useCallback(()=>{x&&(S(!1),C.current=setTimeout(D,0))},[x,D]),j=n.useCallback(e=>{e<0||e>=t.length||(E(),w.current=0,g(``),v(e),b(!0),C.current=setTimeout(D,0))},[t.length,E,D]);return n.useEffect(()=>()=>{E()},[E]),{text:h,currentIndex:_,isTyping:y,isActive:m&&!x,restart:O,pause:k,resume:A,skipTo:j}}function s({char:e,blinkSpeed:i,className:a}){let[o,s]=n.useState(!0);return n.useEffect(()=>{let e=setInterval(()=>{s(e=>!e)},i);return()=>clearInterval(e)},[i]),(0,r.jsx)(`span`,{className:t.cn(`inline-block`,a),style:{opacity:+!!o},"aria-hidden":`true`,children:e})}var c=n.forwardRef(({className:e,strings:n,typeSpeed:i=`normal`,deleteSpeed:c=`fast`,startDelay:l=500,pauseDelay:u=2e3,nextDelay:d=500,loop:f=!0,cursor:p=!0,cursorChar:m=`|`,cursorBlinkSpeed:h=500,pauseOnChars:g=`.,!?`,charPauseDuration:_=300,onTypeComplete:v,onDeleteComplete:y,onComplete:b,active:x=!0,as:S=`span`,...C},w)=>{let{text:T}=o({strings:n,typeSpeed:a(i),deleteSpeed:a(c),startDelay:l,pauseDelay:u,nextDelay:d,loop:f,pauseOnChars:g,charPauseDuration:_,onTypeComplete:v,onDeleteComplete:y,onComplete:b,active:x});return(0,r.jsxs)(S,{ref:w,className:t.cn(`inline`,e),...C,children:[(0,r.jsx)(`span`,{className:`whitespace-pre-wrap`,children:T}),p&&(0,r.jsx)(s,{char:m,blinkSpeed:h,className:`ml-0.5`})]})});c.displayName=`WakaTypewriter`;var l=n.forwardRef(({level:e=1,className:n,...i},a)=>(0,r.jsx)(c,{ref:a,className:t.cn({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`}[e],n),as:`h${e}`,...i}));l.displayName=`WakaTypewriterHeading`;var u=n.forwardRef(({className:e,lines:i,staggerDelay:a=1500,typeSpeed:o=`normal`,cursor:l=!0,cursorChar:u=`|`,activeLineCursorOnly:d=!0,...f},p)=>{let[m,h]=n.useState(0),[g,_]=n.useState(new Set),v=n.useCallback(e=>{_(t=>new Set([...t,e])),e<i.length-1&&setTimeout(()=>{h(e+1)},a/3)},[i.length,a]);return(0,r.jsx)(`div`,{ref:p,className:t.cn(`space-y-2`,e),...f,children:i.map((e,t)=>{let n=t===m,i=g.has(t);return t<=m?i?(0,r.jsxs)(`div`,{className:`flex items-center`,children:[(0,r.jsx)(`span`,{children:e}),l&&!d&&(0,r.jsx)(s,{char:u,blinkSpeed:500,className:`ml-0.5 opacity-0`})]},t):(0,r.jsx)(`div`,{children:(0,r.jsx)(c,{strings:[e],typeSpeed:o,startDelay:t===0?500:0,loop:!1,cursor:l&&(d?n:!0),cursorChar:u,onTypeComplete:()=>v(t),active:n})},t):(0,r.jsx)(`div`,{className:`h-6`},t)})})});u.displayName=`WakaTypewriterLines`;var d=n.forwardRef(({className:e,language:n,...i},a)=>(0,r.jsx)(c,{ref:a,className:t.cn(`font-mono text-sm bg-muted px-1.5 py-0.5 rounded`,e),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=`
+"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("react/jsx-runtime");var i={slow:100,normal:50,fast:25};function a(e){return typeof e==`number`?e:i[e]??50}function o(e){let{strings:t,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]=n.useState(``),[_,v]=n.useState(0),[y,b]=n.useState(!0),[x,S]=n.useState(!1),C=n.useRef(null),w=n.useRef(0),T=n.useRef(!1),E=n.useCallback(()=>{C.current&&=(clearTimeout(C.current),null)},[]),D=n.useCallback(()=>{if(!m||x)return;let e=t[_];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?.(_),_===t.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)%t.length;v(e),b(!0),C.current=setTimeout(D,s)}},[m,x,t,_,y,r,i,o,s,l,u,c,d,f,p]);n.useEffect(()=>{if(!(!m||T.current))return T.current=!0,C.current=setTimeout(D,a),()=>{E()}},[m,a,D,E]);let O=n.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=n.useCallback(()=>{S(!0),E()},[E]),A=n.useCallback(()=>{x&&(S(!1),C.current=setTimeout(D,0))},[x,D]),j=n.useCallback(e=>{e<0||e>=t.length||(E(),w.current=0,g(``),v(e),b(!0),C.current=setTimeout(D,0))},[t.length,E,D]);return n.useEffect(()=>()=>{E()},[E]),{text:h,currentIndex:_,isTyping:y,isActive:m&&!x,restart:O,pause:k,resume:A,skipTo:j}}function s({char:e,blinkSpeed:i,className:a}){let[o,s]=n.useState(!0);return n.useEffect(()=>{let e=setInterval(()=>{s(e=>!e)},i);return()=>clearInterval(e)},[i]),(0,r.jsx)(`span`,{className:t.cn(`inline-block`,a),style:{opacity:+!!o},"aria-hidden":`true`,children:e})}var c=n.forwardRef(({className:e,strings:n,typeSpeed:i=`normal`,deleteSpeed:c=`fast`,startDelay:l=500,pauseDelay:u=2e3,nextDelay:d=500,loop:f=!0,cursor:p=!0,cursorChar:m=`|`,cursorBlinkSpeed:h=500,pauseOnChars:g=`.,!?`,charPauseDuration:_=300,onTypeComplete:v,onDeleteComplete:y,onComplete:b,active:x=!0,as:S=`span`,...C},w)=>{let{text:T}=o({strings:n,typeSpeed:a(i),deleteSpeed:a(c),startDelay:l,pauseDelay:u,nextDelay:d,loop:f,pauseOnChars:g,charPauseDuration:_,onTypeComplete:v,onDeleteComplete:y,onComplete:b,active:x});return(0,r.jsxs)(S,{ref:w,className:t.cn(`inline`,e),...C,children:[(0,r.jsx)(`span`,{className:`whitespace-pre-wrap`,children:T}),p&&(0,r.jsx)(s,{char:m,blinkSpeed:h,className:`ml-0.5`})]})});c.displayName=`WakaTypewriter`;var l=n.forwardRef(({level:e=1,className:n,...i},a)=>(0,r.jsx)(c,{ref:a,className:t.cn({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`}[e],n),as:`h${e}`,...i}));l.displayName=`WakaTypewriterHeading`;var u=n.forwardRef(({className:e,lines:i,staggerDelay:a=1500,typeSpeed:o=`normal`,cursor:l=!0,cursorChar:u=`|`,activeLineCursorOnly:d=!0,...f},p)=>{let[m,h]=n.useState(0),[g,_]=n.useState(new Set),v=n.useCallback(e=>{_(t=>new Set([...t,e])),e<i.length-1&&setTimeout(()=>{h(e+1)},a/3)},[i.length,a]);return(0,r.jsx)(`div`,{ref:p,className:t.cn(`space-y-2`,e),...f,children:i.map((e,t)=>{let n=t===m,i=g.has(t);return t<=m?i?(0,r.jsxs)(`div`,{className:`flex items-center`,children:[(0,r.jsx)(`span`,{children:e}),l&&!d&&(0,r.jsx)(s,{char:u,blinkSpeed:500,className:`ml-0.5 opacity-0`})]},t):(0,r.jsx)(`div`,{children:(0,r.jsx)(c,{strings:[e],typeSpeed:o,startDelay:t===0?500:0,loop:!1,cursor:l&&(d?n:!0),cursorChar:u,onTypeComplete:()=>v(t),active:n})},t):(0,r.jsx)(`div`,{className:`h-6`},t)})})});u.displayName=`WakaTypewriterLines`;var d=n.forwardRef(({className:e,language:n,...i},a)=>(0,r.jsx)(c,{ref:a,className:t.cn(`font-mono text-sm bg-muted px-1.5 py-0.5 rounded`,e),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=`
       @keyframes typewriter-blink {
         0%, 50% {
           opacity: 1;

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

@@ -24,7 +24,12 @@ function o(e) {
 		} else d?.(_), _ === n.length - 1 && !c ? p?.() : C.current = setTimeout(() => {
 			b(!1), D();
 		}, o);
-		else w.current > 0 ? (w.current--, g(e.slice(0, w.current)), C.current = setTimeout(D, i)) : (f?.(_), v((_ + 1) % n.length), b(!0), C.current = setTimeout(D, s));
+		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,
@@ -143,7 +148,7 @@ var l = t.forwardRef(({ level: t = 1, className: r, ...i }, a) => /* @__PURE__ *
 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) => new Set([...t, e])), e < a.length - 1 && setTimeout(() => {
+		v((t) => /* @__PURE__ */ new Set([...t, e])), e < a.length - 1 && setTimeout(() => {
 			g(e + 1);
 		}, o / 3);
 	}, [a.length, o]);

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

@@ -1,4 +1,4 @@
-"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:`
+"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);
@@ -68,4 +68,4 @@
               .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.WakaTypingIndicatorDots=y,exports.WakaTypingIndicatorPulse=x,exports.WakaTypingIndicatorText=b,exports.default=_,exports.useTypingIndicator=v;
+            `}})]})});_.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.es.js

@@ -239,4 +239,4 @@ var x = t.forwardRef((e, t) => /* @__PURE__ */ i(_, {
 }));
 x.displayName = "WakaTypingIndicatorPulse";
 //#endregion
-export { y as WakaTypingIndicatorDots, x as WakaTypingIndicatorPulse, b as WakaTypingIndicatorText, _ as default, v as useTypingIndicator };
+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

@@ -1,4 +1,4 @@
-"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:`
+"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); }
@@ -23,7 +23,7 @@
         .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;p(Math.round(t+(n-t)*s)),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:`
+      `})]})}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%;
@@ -54,4 +54,4 @@
             .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)=>{_(e,(e===c.id?c:u).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.default=h,exports.useVersusCard=g;
+          `})]})]})}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.es.js

@@ -129,8 +129,8 @@ function w({ competitor: n, size: r, isWinner: a, isLoser: o, side: s, targetSco
 		if (n.score !== h.current) {
 			m(!0);
 			let e = h.current, t = n.score, r = performance.now(), i = (n) => {
-				let a = n - r, o = Math.min(a / 500, 1), s = 1 - (1 - o) ** 3;
-				u(Math.round(e + (t - e) * s)), o < 1 ? requestAnimationFrame(i) : m(!1);
+				let a = n - r, o = Math.min(a / 500, 1), s = 1 - (1 - o) ** 3, c = Math.round(e + (t - e) * s);
+				u(c), o < 1 ? requestAnimationFrame(i) : m(!1);
 			};
 			requestAnimationFrame(i), h.current = n.score;
 		}
@@ -424,7 +424,8 @@ function k({ competitorLeft: e, competitorRight: n, challenge: r, initialStatus:
 		winnerId: m,
 		updateScore: _,
 		incrementScore: t.useCallback((e, t = 1) => {
-			_(e, (e === c.id ? c : u).score + t);
+			let n = e === c.id ? c : u;
+			_(e, n.score + t);
 		}, [
 			c,
 			u,
@@ -463,4 +464,4 @@ function k({ competitorLeft: e, competitorRight: n, challenge: r, initialStatus:
 	};
 }
 //#endregion
-export { O as default, k as useVersusCard };
+export { O as WakaVersusCard, O as default, k as useVersusCard };

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

@@ -1 +1 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../button/index.cjs.js`),r=require(`../dropdown-menu/index.cjs.js`),i=require(`../slider/index.cjs.js`);let a=require(`react`);a=e.__toESM(a);let o=require(`lucide-react`),s=require(`react/jsx-runtime`);function c(e){let t=Math.floor(e/3600),n=Math.floor(e%3600/60),r=Math.floor(e%60);return t>0?`${t}:${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`:`${n}:${r.toString().padStart(2,`0`)}`}function l({src:e,poster:l,autoPlay:u=!1,loop:d=!1,muted:f=!1,controls:p=!0,preload:ee=`metadata`,width:m,height:h,aspectRatio:g=`16/9`,showFullscreen:_=!0,showPlaybackSpeed:v=!0,showQualitySelector:y=!1,playbackSpeeds:b=[.5,.75,1,1.25,1.5,2],onReady:x,onPlay:te,onPause:ne,onEnded:re,onTimeUpdate:S,onError:C,className:w}){let T=a.useRef(null),E=a.useRef(null),[D,O]=a.useState(u),[k,A]=a.useState(f),[j,M]=a.useState(1),[N,P]=a.useState(0),[F,I]=a.useState(0),[L,R]=a.useState(!1),[z,B]=a.useState(!0),[V,H]=a.useState(!0),[U,W]=a.useState(1),[G,K]=a.useState(``),q=a.useRef(void 0),J=a.useMemo(()=>typeof e==`string`?[{src:e,type:`video/mp4`}]:e,[e]);a.useEffect(()=>{J.length>0&&J[0].quality&&K(J[0].quality)},[J]);let Y=()=>{let e=T.current;e&&(I(e.duration),B(!1),x?.())},X=()=>{let e=T.current;e&&(P(e.currentTime),S?.(e.currentTime))},ie=()=>{O(!0),te?.()},Z=()=>{O(!1),ne?.()},ae=()=>{O(!1),re?.()},oe=()=>{B(!1),C?.(Error(`Video failed to load`))},se=()=>{B(!0)},ce=()=>{B(!1)},Q=()=>{let e=T.current;e&&(D?e.pause():e.play())},le=()=>{let e=T.current;e&&(e.muted=!k,A(!k))},ue=e=>{let t=T.current;if(!t)return;let n=e[0];t.volume=n,M(n),A(n===0)},de=e=>{let t=T.current;t&&(t.currentTime=e[0],P(e[0]))},$=e=>{let t=T.current;t&&(t.currentTime=Math.max(0,Math.min(F,t.currentTime+e)))},fe=e=>{let t=T.current;t&&(t.playbackRate=e,W(e))},pe=e=>{let t=T.current;if(!t)return;let n=t.currentTime;t.src=e.src,t.currentTime=n,K(e.quality||``),D&&t.play()};return a.useEffect(()=>()=>{q.current&&clearTimeout(q.current)},[]),a.useEffect(()=>{let e=()=>{R(!!document.fullscreenElement)};return document.addEventListener(`fullscreenchange`,e),()=>{document.removeEventListener(`fullscreenchange`,e)}},[]),(0,s.jsxs)(`div`,{ref:E,className:t.cn(`relative bg-black overflow-hidden group`,w),style:{width:m,height:h,aspectRatio:h?void 0:g},onMouseMove:()=>{H(!0),q.current&&clearTimeout(q.current),D&&(q.current=setTimeout(()=>{H(!1)},3e3))},onMouseLeave:()=>D&&H(!1),children:[(0,s.jsx)(`video`,{ref:T,className:`w-full h-full`,poster:l,autoPlay:u,loop:d,muted:f,preload:ee,playsInline:!0,onLoadedMetadata:Y,onTimeUpdate:X,onPlay:ie,onPause:Z,onEnded:ae,onError:oe,onWaiting:se,onCanPlay:ce,onClick:Q,children:J.map((e,t)=>(0,s.jsx)(`source`,{src:e.src,type:e.type},t))}),z&&(0,s.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-black/50`,children:(0,s.jsx)(o.Loader2,{className:`h-10 w-10 text-white animate-spin`})}),!D&&!z&&(0,s.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-black/30`,children:(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-16 w-16 rounded-full bg-white/90 hover:bg-white text-black`,onClick:Q,children:(0,s.jsx)(o.Play,{className:`h-8 w-8 ml-1`})})}),p&&(0,s.jsxs)(`div`,{className:t.cn(`absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4 transition-opacity duration-300`,V||!D?`opacity-100`:`opacity-0`),children:[(0,s.jsx)(i.Slider,{value:[N],max:F||100,step:.1,onValueChange:de,className:`mb-3`}),(0,s.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,onClick:Q,children:D?(0,s.jsx)(o.Pause,{className:`h-5 w-5`}):(0,s.jsx)(o.Play,{className:`h-5 w-5`})}),(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,onClick:()=>$(-10),children:(0,s.jsx)(o.SkipBack,{className:`h-4 w-4`})}),(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,onClick:()=>$(10),children:(0,s.jsx)(o.SkipForward,{className:`h-4 w-4`})}),(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,onClick:le,children:k||j===0?(0,s.jsx)(o.VolumeX,{className:`h-5 w-5`}):(0,s.jsx)(o.Volume2,{className:`h-5 w-5`})}),(0,s.jsx)(i.Slider,{value:[k?0:j],max:1,step:.1,onValueChange:ue,className:`w-20`}),(0,s.jsxs)(`span`,{className:`text-white text-sm ml-2`,children:[c(N),` / `,c(F)]})]}),(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(v||y)&&(0,s.jsxs)(r.DropdownMenu,{children:[(0,s.jsx)(r.DropdownMenuTrigger,{asChild:!0,children:(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,children:(0,s.jsx)(o.Settings,{className:`h-5 w-5`})})}),(0,s.jsxs)(r.DropdownMenuContent,{align:`end`,children:[v&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{className:`px-2 py-1 text-xs text-muted-foreground`,children:`Vitesse`}),b.map(e=>(0,s.jsxs)(r.DropdownMenuItem,{onClick:()=>fe(e),className:t.cn(U===e&&`bg-muted`),children:[e,`x`]},e))]}),y&&J.some(e=>e.quality)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{className:`px-2 py-1 text-xs text-muted-foreground mt-2`,children:`Qualité`}),J.filter(e=>e.quality).map((e,n)=>(0,s.jsx)(r.DropdownMenuItem,{onClick:()=>pe(e),className:t.cn(G===e.quality&&`bg-muted`),children:e.quality},n))]})]})]}),_&&(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,onClick:async()=>{let e=E.current;if(e)try{document.fullscreenElement?(await document.exitFullscreen(),R(!1)):(await e.requestFullscreen(),R(!0))}catch(e){console.error(`Fullscreen error:`,e)}},children:L?(0,s.jsx)(o.Minimize,{className:`h-5 w-5`}):(0,s.jsx)(o.Maximize,{className:`h-5 w-5`})})]})]})]})]})}function u(e={}){let[t,n]=a.useState(e.autoPlay??!1),[r,i]=a.useState(e.muted??!1),[o,s]=a.useState(0),[c,l]=a.useState(0);return{isPlaying:t,isMuted:r,currentTime:o,duration:c,onPlay:()=>n(!0),onPause:()=>n(!1),onTimeUpdate:s,onReady:()=>{}}}exports.default=l,exports.useVideo=u;
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../button/index.cjs.js"),r=require("../dropdown-menu/index.cjs.js"),i=require("../slider/index.cjs.js");let a=require("react");a=e.__toESM(a);let o=require("lucide-react"),s=require("react/jsx-runtime");function c(e){let t=Math.floor(e/3600),n=Math.floor(e%3600/60),r=Math.floor(e%60);return t>0?`${t}:${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`:`${n}:${r.toString().padStart(2,`0`)}`}function l({src:e,poster:l,autoPlay:u=!1,loop:d=!1,muted:f=!1,controls:p=!0,preload:ee=`metadata`,width:m,height:h,aspectRatio:g=`16/9`,showFullscreen:_=!0,showPlaybackSpeed:v=!0,showQualitySelector:y=!1,playbackSpeeds:b=[.5,.75,1,1.25,1.5,2],onReady:x,onPlay:te,onPause:ne,onEnded:re,onTimeUpdate:S,onError:C,className:w}){let T=a.useRef(null),E=a.useRef(null),[D,O]=a.useState(u),[k,A]=a.useState(f),[j,M]=a.useState(1),[N,P]=a.useState(0),[F,I]=a.useState(0),[L,R]=a.useState(!1),[z,B]=a.useState(!0),[V,H]=a.useState(!0),[U,W]=a.useState(1),[G,K]=a.useState(``),q=a.useRef(void 0),J=a.useMemo(()=>typeof e==`string`?[{src:e,type:`video/mp4`}]:e,[e]);a.useEffect(()=>{J.length>0&&J[0].quality&&K(J[0].quality)},[J]);let Y=()=>{let e=T.current;e&&(I(e.duration),B(!1),x?.())},X=()=>{let e=T.current;e&&(P(e.currentTime),S?.(e.currentTime))},ie=()=>{O(!0),te?.()},Z=()=>{O(!1),ne?.()},ae=()=>{O(!1),re?.()},oe=()=>{B(!1),C?.(Error(`Video failed to load`))},se=()=>{B(!0)},ce=()=>{B(!1)},Q=()=>{let e=T.current;e&&(D?e.pause():e.play())},le=()=>{let e=T.current;e&&(e.muted=!k,A(!k))},ue=e=>{let t=T.current;if(!t)return;let n=e[0];t.volume=n,M(n),A(n===0)},de=e=>{let t=T.current;t&&(t.currentTime=e[0],P(e[0]))},$=e=>{let t=T.current;t&&(t.currentTime=Math.max(0,Math.min(F,t.currentTime+e)))},fe=e=>{let t=T.current;t&&(t.playbackRate=e,W(e))},pe=e=>{let t=T.current;if(!t)return;let n=t.currentTime;t.src=e.src,t.currentTime=n,K(e.quality||``),D&&t.play()};return a.useEffect(()=>()=>{q.current&&clearTimeout(q.current)},[]),a.useEffect(()=>{let e=()=>{R(!!document.fullscreenElement)};return document.addEventListener(`fullscreenchange`,e),()=>{document.removeEventListener(`fullscreenchange`,e)}},[]),(0,s.jsxs)(`div`,{ref:E,className:t.cn(`relative bg-black overflow-hidden group`,w),style:{width:m,height:h,aspectRatio:h?void 0:g},onMouseMove:()=>{H(!0),q.current&&clearTimeout(q.current),D&&(q.current=setTimeout(()=>{H(!1)},3e3))},onMouseLeave:()=>D&&H(!1),children:[(0,s.jsx)(`video`,{ref:T,className:`w-full h-full`,poster:l,autoPlay:u,loop:d,muted:f,preload:ee,playsInline:!0,onLoadedMetadata:Y,onTimeUpdate:X,onPlay:ie,onPause:Z,onEnded:ae,onError:oe,onWaiting:se,onCanPlay:ce,onClick:Q,children:J.map((e,t)=>(0,s.jsx)(`source`,{src:e.src,type:e.type},t))}),z&&(0,s.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-black/50`,children:(0,s.jsx)(o.Loader2,{className:`h-10 w-10 text-white animate-spin`})}),!D&&!z&&(0,s.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-black/30`,children:(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-16 w-16 rounded-full bg-white/90 hover:bg-white text-black`,onClick:Q,children:(0,s.jsx)(o.Play,{className:`h-8 w-8 ml-1`})})}),p&&(0,s.jsxs)(`div`,{className:t.cn(`absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4 transition-opacity duration-300`,V||!D?`opacity-100`:`opacity-0`),children:[(0,s.jsx)(i.Slider,{value:[N],max:F||100,step:.1,onValueChange:de,className:`mb-3`}),(0,s.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,onClick:Q,children:D?(0,s.jsx)(o.Pause,{className:`h-5 w-5`}):(0,s.jsx)(o.Play,{className:`h-5 w-5`})}),(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,onClick:()=>$(-10),children:(0,s.jsx)(o.SkipBack,{className:`h-4 w-4`})}),(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,onClick:()=>$(10),children:(0,s.jsx)(o.SkipForward,{className:`h-4 w-4`})}),(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,onClick:le,children:k||j===0?(0,s.jsx)(o.VolumeX,{className:`h-5 w-5`}):(0,s.jsx)(o.Volume2,{className:`h-5 w-5`})}),(0,s.jsx)(i.Slider,{value:[k?0:j],max:1,step:.1,onValueChange:ue,className:`w-20`}),(0,s.jsxs)(`span`,{className:`text-white text-sm ml-2`,children:[c(N),` / `,c(F)]})]}),(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(v||y)&&(0,s.jsxs)(r.DropdownMenu,{children:[(0,s.jsx)(r.DropdownMenuTrigger,{asChild:!0,children:(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,children:(0,s.jsx)(o.Settings,{className:`h-5 w-5`})})}),(0,s.jsxs)(r.DropdownMenuContent,{align:`end`,children:[v&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{className:`px-2 py-1 text-xs text-muted-foreground`,children:`Vitesse`}),b.map(e=>(0,s.jsxs)(r.DropdownMenuItem,{onClick:()=>fe(e),className:t.cn(U===e&&`bg-muted`),children:[e,`x`]},e))]}),y&&J.some(e=>e.quality)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{className:`px-2 py-1 text-xs text-muted-foreground mt-2`,children:`Qualité`}),J.filter(e=>e.quality).map((e,n)=>(0,s.jsx)(r.DropdownMenuItem,{onClick:()=>pe(e),className:t.cn(G===e.quality&&`bg-muted`),children:e.quality},n))]})]})]}),_&&(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-white hover:bg-white/20`,onClick:async()=>{let e=E.current;if(e)try{document.fullscreenElement?(await document.exitFullscreen(),R(!1)):(await e.requestFullscreen(),R(!0))}catch(e){console.error(`Fullscreen error:`,e)}},children:L?(0,s.jsx)(o.Minimize,{className:`h-5 w-5`}):(0,s.jsx)(o.Maximize,{className:`h-5 w-5`})})]})]})]})]})}function u(e={}){let[t,n]=a.useState(e.autoPlay??!1),[r,i]=a.useState(e.muted??!1),[o,s]=a.useState(0),[c,l]=a.useState(0);return{isPlaying:t,isMuted:r,currentTime:o,duration:c,onPlay:()=>n(!0),onPause:()=>n(!1),onTimeUpdate:s,onReady:()=>{}}}exports.WakaVideo=l,exports.default=l,exports.useVideo=u;

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

@@ -250,4 +250,4 @@ function x(e = {}) {
 	};
 }
 //#endregion
-export { b as default, x as useVideo };
+export { b as WakaVideo, b as default, x as useVideo };

package/dist/components/waka-video-ad/index.cjs.js

@@ -1 +1 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../waka-ad-provider/index.cjs.js`),r=require(`../waka-ad-placeholder/index.cjs.js`),i=require(`../waka-sponsored-badge/index.cjs.js`);let a=require(`react`);a=e.__toESM(a);let o=require(`lucide-react`),s=require(`react/jsx-runtime`);function c({slotId:e,width:c=640,height:l=360,aspectRatio:u=`16/9`,autoplay:d=!0,muted:f=!0,showControls:ee=!0,skipAfter:p=5,showProgress:m=!0,ctaPosition:h=`bottom`,className:g,onComplete:_,onSkip:v,onClick:y}){let b=(0,a.useRef)(null),x=(0,a.useRef)(null),{config:te,isReady:S,hasConsent:C,getCustomAd:w,trackEvent:T}=n.useAdContext(),{isVisible:E}=n.useAdVisibility(b),[D,O]=(0,a.useState)(`loading`),[k,ne]=(0,a.useState)(null),[A,j]=(0,a.useState)(!1),[M,N]=(0,a.useState)(f),[P,F]=(0,a.useState)(0),[I,L]=(0,a.useState)(0),[R,z]=(0,a.useState)(p===0),[B,V]=(0,a.useState)(p),[H,U]=(0,a.useState)(!1);(0,a.useEffect)(()=>{!S||C===!1||(async()=>{try{let t=await w(e);t?.videoUrl?(ne(t),O(`loaded`),T({type:`loaded`,slotId:e,timestamp:new Date})):O(`error`)}catch{O(`error`)}})()},[S,C,e,w,T]),(0,a.useEffect)(()=>{!x.current||!d||D!==`loaded`||(E?x.current.play().catch(()=>{}):x.current.pause())},[E,d,D]),(0,a.useEffect)(()=>{A&&k&&(T({type:`impression`,slotId:e,timestamp:new Date}),k.impressionUrl&&fetch(k.impressionUrl,{mode:`no-cors`}).catch(()=>{}))},[A,k,e,T]),(0,a.useEffect)(()=>{if(!A||R||p===0)return;let e=setInterval(()=>{V(e=>e<=1?(z(!0),0):e-1)},1e3);return()=>clearInterval(e)},[A,R,p]);let W=()=>{x.current?.play()},G=()=>{x.current?.pause()},K=()=>{A?G():W()},q=()=>{x.current&&(x.current.muted=!M,N(!M))},J=()=>{b.current?.requestFullscreen?.()},Y=()=>{if(x.current){let e=x.current.currentTime,t=x.current.duration;F(e/t*100),h===`end`&&t-e<5&&U(!0)}},X=()=>{x.current&&L(x.current.duration)},Z=()=>{j(!1),U(!0),T({type:`viewable`,slotId:e,timestamp:new Date,data:{completed:!0}}),_?.()},re=()=>{R&&(x.current?.pause(),U(!0),v?.())},Q=(0,a.useCallback)(()=>{k&&(T({type:`click`,slotId:e,timestamp:new Date}),y?.(),k.clickUrl&&fetch(k.clickUrl,{mode:`no-cors`}).catch(()=>{}),k.targetUrl&&window.open(k.targetUrl,`_blank`,`noopener,noreferrer`))},[k,e,T,y]),$=e=>`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,`0`)}`;return D===`error`?null:D===`loading`?(0,s.jsx)(`div`,{ref:b,children:(0,s.jsx)(r.default,{width:c,height:l})}):(0,s.jsxs)(`div`,{ref:b,className:t.cn(`relative overflow-hidden rounded-lg bg-black group`,g),style:{width:c,maxWidth:`100%`},children:[(0,s.jsxs)(`div`,{className:t.cn(`relative`,`aspect-[${u}]`),children:[(0,s.jsx)(`video`,{ref:x,src:k?.videoUrl,muted:M,playsInline:!0,onClick:K,onPlay:()=>j(!0),onPause:()=>j(!1),onTimeUpdate:Y,onLoadedMetadata:X,onEnded:Z,className:`w-full h-full object-contain cursor-pointer`}),(0,s.jsx)(`div`,{className:`absolute top-2 left-2 z-10`,children:(0,s.jsx)(i.default,{variant:`dark`,size:`sm`,sponsor:k?.sponsor})}),p>0&&(0,s.jsx)(`div`,{className:`absolute top-2 right-2 z-10`,children:R?(0,s.jsx)(`button`,{onClick:re,className:`px-3 py-1.5 bg-white/90 text-black text-sm font-medium rounded hover:bg-white transition-colors`,children:`Skip Ad`}):(0,s.jsxs)(`div`,{className:`px-3 py-1.5 bg-black/50 text-white text-sm rounded`,children:[`Skip in `,B,`s`]})}),!A&&(0,s.jsx)(`button`,{onClick:W,className:`absolute inset-0 flex items-center justify-center bg-black/30 opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,s.jsx)(o.Play,{className:`h-16 w-16 text-white fill-white`})}),h===`overlay`&&k?.cta&&(0,s.jsxs)(`button`,{onClick:Q,className:`absolute bottom-16 left-1/2 -translate-x-1/2 px-6 py-2 bg-primary text-primary-foreground rounded-lg font-medium hover:bg-primary/90 transition-colors flex items-center gap-2`,children:[k.cta,(0,s.jsx)(o.ExternalLink,{className:`h-4 w-4`})]}),H&&h===`end`&&(0,s.jsxs)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center bg-black/80 p-6`,children:[k?.imageUrl&&(0,s.jsx)(`img`,{src:k.imageUrl,alt:``,className:`w-24 h-24 rounded-lg object-cover mb-4`}),(0,s.jsx)(`h3`,{className:`text-white text-xl font-bold text-center mb-2`,children:k?.title}),k?.description&&(0,s.jsx)(`p`,{className:`text-white/80 text-center mb-4 max-w-sm`,children:k.description}),(0,s.jsxs)(`button`,{onClick:Q,className:`px-6 py-3 bg-primary text-primary-foreground rounded-lg font-medium hover:bg-primary/90 transition-colors flex items-center gap-2`,children:[k?.cta||`Learn More`,(0,s.jsx)(o.ExternalLink,{className:`h-4 w-4`})]})]}),ee&&(0,s.jsxs)(`div`,{className:`absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity`,children:[m&&(0,s.jsx)(`div`,{className:`mb-2`,children:(0,s.jsx)(`div`,{className:`h-1 bg-white/30 rounded-full overflow-hidden`,children:(0,s.jsx)(`div`,{className:`h-full bg-primary transition-all`,style:{width:`${P}%`}})})}),(0,s.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsx)(`button`,{onClick:K,className:`p-1.5 hover:bg-white/20 rounded transition-colors`,children:A?(0,s.jsx)(o.Pause,{className:`h-5 w-5 text-white`}):(0,s.jsx)(o.Play,{className:`h-5 w-5 text-white fill-white`})}),(0,s.jsx)(`button`,{onClick:q,className:`p-1.5 hover:bg-white/20 rounded transition-colors`,children:M?(0,s.jsx)(o.VolumeX,{className:`h-5 w-5 text-white`}):(0,s.jsx)(o.Volume2,{className:`h-5 w-5 text-white`})}),(0,s.jsxs)(`span`,{className:`text-white text-xs`,children:[$(P/100*I),` / `,$(I)]})]}),(0,s.jsx)(`button`,{onClick:J,className:`p-1.5 hover:bg-white/20 rounded transition-colors`,children:(0,s.jsx)(o.Maximize,{className:`h-5 w-5 text-white`})})]})]})]}),h===`bottom`&&k?.cta&&(0,s.jsxs)(`button`,{onClick:Q,className:`w-full px-4 py-3 bg-muted hover:bg-muted/80 transition-colors flex items-center justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-3`,children:[k.imageUrl&&(0,s.jsx)(`img`,{src:k.imageUrl,alt:``,className:`w-10 h-10 rounded object-cover`}),(0,s.jsxs)(`div`,{className:`text-left`,children:[(0,s.jsx)(`p`,{className:`font-medium text-sm`,children:k.title}),(0,s.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:k.sponsor})]})]}),(0,s.jsxs)(`span`,{className:`px-4 py-1.5 bg-primary text-primary-foreground rounded text-sm font-medium flex items-center gap-1`,children:[k.cta,(0,s.jsx)(o.ExternalLink,{className:`h-3 w-3`})]})]})]})}exports.default=c;
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../waka-ad-provider/index.cjs.js"),r=require("../waka-ad-placeholder/index.cjs.js"),i=require("../waka-sponsored-badge/index.cjs.js");let a=require("react");a=e.__toESM(a);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({slotId:e,width:c=640,height:l=360,aspectRatio:u=`16/9`,autoplay:d=!0,muted:f=!0,showControls:ee=!0,skipAfter:p=5,showProgress:m=!0,ctaPosition:h=`bottom`,className:g,onComplete:_,onSkip:v,onClick:y}){let b=(0,a.useRef)(null),x=(0,a.useRef)(null),{config:te,isReady:S,hasConsent:C,getCustomAd:w,trackEvent:T}=n.useAdContext(),{isVisible:E}=n.useAdVisibility(b),[D,O]=(0,a.useState)(`loading`),[k,ne]=(0,a.useState)(null),[A,j]=(0,a.useState)(!1),[M,N]=(0,a.useState)(f),[P,F]=(0,a.useState)(0),[I,L]=(0,a.useState)(0),[R,z]=(0,a.useState)(p===0),[B,V]=(0,a.useState)(p),[H,U]=(0,a.useState)(!1);(0,a.useEffect)(()=>{!S||C===!1||(async()=>{try{let t=await w(e);t?.videoUrl?(ne(t),O(`loaded`),T({type:`loaded`,slotId:e,timestamp:new Date})):O(`error`)}catch{O(`error`)}})()},[S,C,e,w,T]),(0,a.useEffect)(()=>{!x.current||!d||D!==`loaded`||(E?x.current.play().catch(()=>{}):x.current.pause())},[E,d,D]),(0,a.useEffect)(()=>{A&&k&&(T({type:`impression`,slotId:e,timestamp:new Date}),k.impressionUrl&&fetch(k.impressionUrl,{mode:`no-cors`}).catch(()=>{}))},[A,k,e,T]),(0,a.useEffect)(()=>{if(!A||R||p===0)return;let e=setInterval(()=>{V(e=>e<=1?(z(!0),0):e-1)},1e3);return()=>clearInterval(e)},[A,R,p]);let W=()=>{x.current?.play()},G=()=>{x.current?.pause()},K=()=>{A?G():W()},q=()=>{x.current&&(x.current.muted=!M,N(!M))},J=()=>{b.current?.requestFullscreen?.()},Y=()=>{if(x.current){let e=x.current.currentTime,t=x.current.duration;F(e/t*100),h===`end`&&t-e<5&&U(!0)}},X=()=>{x.current&&L(x.current.duration)},Z=()=>{j(!1),U(!0),T({type:`viewable`,slotId:e,timestamp:new Date,data:{completed:!0}}),_?.()},re=()=>{R&&(x.current?.pause(),U(!0),v?.())},Q=(0,a.useCallback)(()=>{k&&(T({type:`click`,slotId:e,timestamp:new Date}),y?.(),k.clickUrl&&fetch(k.clickUrl,{mode:`no-cors`}).catch(()=>{}),k.targetUrl&&window.open(k.targetUrl,`_blank`,`noopener,noreferrer`))},[k,e,T,y]),$=e=>`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,`0`)}`;return D===`error`?null:D===`loading`?(0,s.jsx)(`div`,{ref:b,children:(0,s.jsx)(r.WakaAdPlaceholder,{width:c,height:l})}):(0,s.jsxs)(`div`,{ref:b,className:t.cn(`relative overflow-hidden rounded-lg bg-black group`,g),style:{width:c,maxWidth:`100%`},children:[(0,s.jsxs)(`div`,{className:t.cn(`relative`,`aspect-[${u}]`),children:[(0,s.jsx)(`video`,{ref:x,src:k?.videoUrl,muted:M,playsInline:!0,onClick:K,onPlay:()=>j(!0),onPause:()=>j(!1),onTimeUpdate:Y,onLoadedMetadata:X,onEnded:Z,className:`w-full h-full object-contain cursor-pointer`}),(0,s.jsx)(`div`,{className:`absolute top-2 left-2 z-10`,children:(0,s.jsx)(i.WakaSponsoredBadge,{variant:`dark`,size:`sm`,sponsor:k?.sponsor})}),p>0&&(0,s.jsx)(`div`,{className:`absolute top-2 right-2 z-10`,children:R?(0,s.jsx)(`button`,{onClick:re,className:`px-3 py-1.5 bg-white/90 text-black text-sm font-medium rounded hover:bg-white transition-colors`,children:`Skip Ad`}):(0,s.jsxs)(`div`,{className:`px-3 py-1.5 bg-black/50 text-white text-sm rounded`,children:[`Skip in `,B,`s`]})}),!A&&(0,s.jsx)(`button`,{onClick:W,className:`absolute inset-0 flex items-center justify-center bg-black/30 opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,s.jsx)(o.Play,{className:`h-16 w-16 text-white fill-white`})}),h===`overlay`&&k?.cta&&(0,s.jsxs)(`button`,{onClick:Q,className:`absolute bottom-16 left-1/2 -translate-x-1/2 px-6 py-2 bg-primary text-primary-foreground rounded-lg font-medium hover:bg-primary/90 transition-colors flex items-center gap-2`,children:[k.cta,(0,s.jsx)(o.ExternalLink,{className:`h-4 w-4`})]}),H&&h===`end`&&(0,s.jsxs)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center bg-black/80 p-6`,children:[k?.imageUrl&&(0,s.jsx)(`img`,{src:k.imageUrl,alt:``,className:`w-24 h-24 rounded-lg object-cover mb-4`}),(0,s.jsx)(`h3`,{className:`text-white text-xl font-bold text-center mb-2`,children:k?.title}),k?.description&&(0,s.jsx)(`p`,{className:`text-white/80 text-center mb-4 max-w-sm`,children:k.description}),(0,s.jsxs)(`button`,{onClick:Q,className:`px-6 py-3 bg-primary text-primary-foreground rounded-lg font-medium hover:bg-primary/90 transition-colors flex items-center gap-2`,children:[k?.cta||`Learn More`,(0,s.jsx)(o.ExternalLink,{className:`h-4 w-4`})]})]}),ee&&(0,s.jsxs)(`div`,{className:`absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity`,children:[m&&(0,s.jsx)(`div`,{className:`mb-2`,children:(0,s.jsx)(`div`,{className:`h-1 bg-white/30 rounded-full overflow-hidden`,children:(0,s.jsx)(`div`,{className:`h-full bg-primary transition-all`,style:{width:`${P}%`}})})}),(0,s.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsx)(`button`,{onClick:K,className:`p-1.5 hover:bg-white/20 rounded transition-colors`,children:A?(0,s.jsx)(o.Pause,{className:`h-5 w-5 text-white`}):(0,s.jsx)(o.Play,{className:`h-5 w-5 text-white fill-white`})}),(0,s.jsx)(`button`,{onClick:q,className:`p-1.5 hover:bg-white/20 rounded transition-colors`,children:M?(0,s.jsx)(o.VolumeX,{className:`h-5 w-5 text-white`}):(0,s.jsx)(o.Volume2,{className:`h-5 w-5 text-white`})}),(0,s.jsxs)(`span`,{className:`text-white text-xs`,children:[$(P/100*I),` / `,$(I)]})]}),(0,s.jsx)(`button`,{onClick:J,className:`p-1.5 hover:bg-white/20 rounded transition-colors`,children:(0,s.jsx)(o.Maximize,{className:`h-5 w-5 text-white`})})]})]})]}),h===`bottom`&&k?.cta&&(0,s.jsxs)(`button`,{onClick:Q,className:`w-full px-4 py-3 bg-muted hover:bg-muted/80 transition-colors flex items-center justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-3`,children:[k.imageUrl&&(0,s.jsx)(`img`,{src:k.imageUrl,alt:``,className:`w-10 h-10 rounded object-cover`}),(0,s.jsxs)(`div`,{className:`text-left`,children:[(0,s.jsx)(`p`,{className:`font-medium text-sm`,children:k.title}),(0,s.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:k.sponsor})]})]}),(0,s.jsxs)(`span`,{className:`px-4 py-1.5 bg-primary text-primary-foreground rounded text-sm font-medium flex items-center gap-1`,children:[k.cta,(0,s.jsx)(o.ExternalLink,{className:`h-3 w-3`})]})]})]})}exports.WakaVideoAd=c,exports.default=c;

package/dist/components/waka-video-ad/index.es.js

@@ -2,8 +2,8 @@
 "use client";
 import { cn as e } from "../../utils/cn.es.js";
 import { useAdContext as t, useAdVisibility as n } from "../waka-ad-provider/index.es.js";
-import r from "../waka-ad-placeholder/index.es.js";
-import i from "../waka-sponsored-badge/index.es.js";
+import { WakaAdPlaceholder as r } from "../waka-ad-placeholder/index.es.js";
+import { WakaSponsoredBadge as i } from "../waka-sponsored-badge/index.es.js";
 import { useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
 import { ExternalLink as l, Maximize as u, Pause as d, Play as f, Volume2 as ee, VolumeX as p } from "lucide-react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -250,4 +250,4 @@ function g({ slotId: g, width: _ = 640, height: v = 360, aspectRatio: y = "16/9"
 	});
 }
 //#endregion
-export { g as default };
+export { g as WakaVideoAd, g as default };

package/dist/components/waka-video-call/index.cjs.js

@@ -1,4 +1,4 @@
-"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={excellent:{color:`text-green-500`,bars:4,label:`Excellent`},good:{color:`text-green-400`,bars:3,label:`Good`},fair:{color:`text-yellow-500`,bars:2,label:`Fair`},poor:{color:`text-red-500`,bars:1,label:`Poor`},disconnected:{color:`text-gray-500`,bars:0,label:`Disconnected`}},o={grid:{icon:r.Grid3X3,label:`Grid`},speaker:{icon:r.LayoutGrid,label:`Speaker`},sidebar:{icon:r.Sidebar,label:`Sidebar`}};function s(e){let t=Math.floor(e/3600),n=Math.floor(e%3600/60),r=Math.floor(e%60);return t>0?`${t}:${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`:`${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`}function c(e){return e.split(` `).map(e=>e[0]).join(``).toUpperCase().slice(0,2)}function l({quality:e,showLabel:n=!1,size:o=`default`,className:s}){let c=a[e],l=o===`sm`?[3,5,7,9]:[4,6,8,10],u=o===`sm`?2:3;return e===`disconnected`?(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1`,s),children:[(0,i.jsx)(r.WifiOff,{className:t.cn(`h-3 w-3`,c.color)}),n&&(0,i.jsx)(`span`,{className:t.cn(`text-xs`,c.color),children:c.label})]}):(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1`,s),children:[(0,i.jsx)(`div`,{className:`flex items-end gap-0.5`,children:l.map((e,n)=>(0,i.jsx)(`div`,{className:t.cn(`rounded-sm transition-colors`,n<c.bars?c.color.replace(`text-`,`bg-`):`bg-gray-400/30`),style:{width:u,height:e}},n))}),n&&(0,i.jsx)(`span`,{className:t.cn(`text-xs`,c.color),children:c.label})]})}function u({className:e}){return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1.5 px-2 py-1 rounded-md bg-red-500/20`,e),children:[(0,i.jsx)(r.Circle,{className:`h-2.5 w-2.5 fill-red-500 text-red-500 animate-pulse`}),(0,i.jsx)(`span`,{className:`text-xs font-medium text-red-500`,children:`REC`})]})}function d({startTime:e,className:r}){let[a,o]=n.useState(0);return n.useEffect(()=>{if(!e)return;let t=setInterval(()=>{o(Math.floor((Date.now()-e.getTime())/1e3))},1e3);return()=>clearInterval(t)},[e]),(0,i.jsx)(`div`,{className:t.cn(`text-sm font-medium text-muted-foreground tabular-nums`,r),children:s(a)})}function f({participant:e,size:n=`default`,showStatus:a=!0,className:o}){return(0,i.jsxs)(`div`,{className:t.cn(`relative`,o),children:[(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-full bg-muted font-semibold`,{sm:`h-8 w-8 text-xs`,default:`h-12 w-12 text-sm`,lg:`h-16 w-16 text-lg`,xl:`h-24 w-24 text-2xl`}[n],e.isSpeaking&&`ring-2 ring-green-500 ring-offset-2 ring-offset-background`),children:e.avatar?(0,i.jsx)(`img`,{src:e.avatar,alt:e.name,className:`h-full w-full rounded-full object-cover`}):(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:c(e.name)})}),a&&(0,i.jsxs)(i.Fragment,{children:[e.isMuted&&(0,i.jsx)(`div`,{className:`absolute -bottom-1 -right-1 rounded-full bg-red-500 p-0.5`,children:(0,i.jsx)(r.MicOff,{className:`h-2.5 w-2.5 text-white`})}),e.hasRaisedHand&&(0,i.jsx)(`div`,{className:`absolute -top-1 -right-1 rounded-full bg-yellow-500 p-0.5 animate-bounce`,children:(0,i.jsx)(r.Hand,{className:`h-2.5 w-2.5 text-white`})})]})]})}function p({participant:e,isMain:a=!1,showControls:o=!0,onPin:s,onUnpin:c,onMute:u,onRemove:d,className:p}){let[m,h]=n.useState(!1);return(0,i.jsxs)(`div`,{className:t.cn(`relative group rounded-xl overflow-hidden bg-gray-900 transition-all`,`aspect-video`,e.isSpeaking&&`ring-2 ring-green-500`,p),children:[e.isVideoOff?(0,i.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-800 to-gray-900`,children:(0,i.jsx)(f,{participant:e,size:a?`xl`:`lg`,showStatus:!1})}):(0,i.jsx)(`div`,{className:`absolute inset-0 bg-gradient-to-br from-gray-800 to-gray-900`,children:(0,i.jsx)(`div`,{className:`h-full w-full flex items-center justify-center text-muted-foreground text-sm`,children:e.isScreenSharing?(0,i.jsx)(r.Monitor,{className:`h-12 w-12 opacity-50`}):(0,i.jsx)(r.Video,{className:`h-12 w-12 opacity-50`})})}),(0,i.jsx)(`div`,{className:`absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity`}),(0,i.jsxs)(`div`,{className:`absolute bottom-2 left-2 right-2 flex items-center justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsxs)(`span`,{className:`text-white text-sm font-medium truncate max-w-[120px]`,children:[e.name,e.isLocal&&` (You)`]}),e.isMuted&&(0,i.jsx)(r.MicOff,{className:`h-3.5 w-3.5 text-red-400`}),e.isScreenSharing&&(0,i.jsx)(r.Monitor,{className:`h-3.5 w-3.5 text-blue-400`})]}),e.connectionQuality&&(0,i.jsx)(l,{quality:e.connectionQuality,size:`sm`})]}),e.hasRaisedHand&&(0,i.jsx)(`div`,{className:`absolute top-2 right-2 rounded-full bg-yellow-500 p-1.5 animate-bounce`,children:(0,i.jsx)(r.Hand,{className:`h-4 w-4 text-white`})}),e.isPinned&&(0,i.jsx)(`div`,{className:`absolute top-2 left-2 rounded-full bg-blue-500 p-1`,children:(0,i.jsx)(r.Pin,{className:`h-3 w-3 text-white`})}),o&&!e.isLocal&&(0,i.jsx)(`div`,{className:`absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(`button`,{onClick:()=>h(!m),className:`rounded-full bg-black/50 p-1.5 hover:bg-black/70 transition-colors`,children:(0,i.jsx)(r.MoreVertical,{className:`h-4 w-4 text-white`})}),m&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`fixed inset-0 z-10`,onClick:()=>h(!1)}),(0,i.jsxs)(`div`,{className:`absolute right-0 top-8 z-20 w-40 rounded-lg bg-popover border shadow-lg py-1`,children:[e.isPinned?(0,i.jsxs)(`button`,{className:`w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-accent`,onClick:()=>{c?.(),h(!1)},children:[(0,i.jsx)(r.PinOff,{className:`h-4 w-4`}),`Unpin`]}):(0,i.jsxs)(`button`,{className:`w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-accent`,onClick:()=>{s?.(),h(!1)},children:[(0,i.jsx)(r.Pin,{className:`h-4 w-4`}),`Pin`]}),(0,i.jsxs)(`button`,{className:`w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-accent`,onClick:()=>{u?.(),h(!1)},children:[(0,i.jsx)(r.VolumeX,{className:`h-4 w-4`}),`Mute`]}),(0,i.jsxs)(`button`,{className:`w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-accent text-red-500`,onClick:()=>{d?.(),h(!1)},children:[(0,i.jsx)(r.UserMinus,{className:`h-4 w-4`}),`Remove`]})]})]})]})}),(0,i.jsx)(`style`,{children:`
+"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={excellent:{color:`text-green-500`,bars:4,label:`Excellent`},good:{color:`text-green-400`,bars:3,label:`Good`},fair:{color:`text-yellow-500`,bars:2,label:`Fair`},poor:{color:`text-red-500`,bars:1,label:`Poor`},disconnected:{color:`text-gray-500`,bars:0,label:`Disconnected`}},o={grid:{icon:r.Grid3X3,label:`Grid`},speaker:{icon:r.LayoutGrid,label:`Speaker`},sidebar:{icon:r.Sidebar,label:`Sidebar`}};function s(e){let t=Math.floor(e/3600),n=Math.floor(e%3600/60),r=Math.floor(e%60);return t>0?`${t}:${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`:`${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`}function c(e){return e.split(` `).map(e=>e[0]).join(``).toUpperCase().slice(0,2)}function l({quality:e,showLabel:n=!1,size:o=`default`,className:s}){let c=a[e],l=o===`sm`?[3,5,7,9]:[4,6,8,10],u=o===`sm`?2:3;return e===`disconnected`?(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1`,s),children:[(0,i.jsx)(r.WifiOff,{className:t.cn(`h-3 w-3`,c.color)}),n&&(0,i.jsx)(`span`,{className:t.cn(`text-xs`,c.color),children:c.label})]}):(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1`,s),children:[(0,i.jsx)(`div`,{className:`flex items-end gap-0.5`,children:l.map((e,n)=>(0,i.jsx)(`div`,{className:t.cn(`rounded-sm transition-colors`,n<c.bars?c.color.replace(`text-`,`bg-`):`bg-gray-400/30`),style:{width:u,height:e}},n))}),n&&(0,i.jsx)(`span`,{className:t.cn(`text-xs`,c.color),children:c.label})]})}function u({className:e}){return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1.5 px-2 py-1 rounded-md bg-red-500/20`,e),children:[(0,i.jsx)(r.Circle,{className:`h-2.5 w-2.5 fill-red-500 text-red-500 animate-pulse`}),(0,i.jsx)(`span`,{className:`text-xs font-medium text-red-500`,children:`REC`})]})}function d({startTime:e,className:r}){let[a,o]=n.useState(0);return n.useEffect(()=>{if(!e)return;let t=setInterval(()=>{o(Math.floor((Date.now()-e.getTime())/1e3))},1e3);return()=>clearInterval(t)},[e]),(0,i.jsx)(`div`,{className:t.cn(`text-sm font-medium text-muted-foreground tabular-nums`,r),children:s(a)})}function f({participant:e,size:n=`default`,showStatus:a=!0,className:o}){return(0,i.jsxs)(`div`,{className:t.cn(`relative`,o),children:[(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-full bg-muted font-semibold`,{sm:`h-8 w-8 text-xs`,default:`h-12 w-12 text-sm`,lg:`h-16 w-16 text-lg`,xl:`h-24 w-24 text-2xl`}[n],e.isSpeaking&&`ring-2 ring-green-500 ring-offset-2 ring-offset-background`),children:e.avatar?(0,i.jsx)(`img`,{src:e.avatar,alt:e.name,className:`h-full w-full rounded-full object-cover`}):(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:c(e.name)})}),a&&(0,i.jsxs)(i.Fragment,{children:[e.isMuted&&(0,i.jsx)(`div`,{className:`absolute -bottom-1 -right-1 rounded-full bg-red-500 p-0.5`,children:(0,i.jsx)(r.MicOff,{className:`h-2.5 w-2.5 text-white`})}),e.hasRaisedHand&&(0,i.jsx)(`div`,{className:`absolute -top-1 -right-1 rounded-full bg-yellow-500 p-0.5 animate-bounce`,children:(0,i.jsx)(r.Hand,{className:`h-2.5 w-2.5 text-white`})})]})]})}function p({participant:e,isMain:a=!1,showControls:o=!0,onPin:s,onUnpin:c,onMute:u,onRemove:d,className:p}){let[m,h]=n.useState(!1);return(0,i.jsxs)(`div`,{className:t.cn(`relative group rounded-xl overflow-hidden bg-gray-900 transition-all`,`aspect-video`,e.isSpeaking&&`ring-2 ring-green-500`,p),children:[e.isVideoOff?(0,i.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-800 to-gray-900`,children:(0,i.jsx)(f,{participant:e,size:a?`xl`:`lg`,showStatus:!1})}):(0,i.jsx)(`div`,{className:`absolute inset-0 bg-gradient-to-br from-gray-800 to-gray-900`,children:(0,i.jsx)(`div`,{className:`h-full w-full flex items-center justify-center text-muted-foreground text-sm`,children:e.isScreenSharing?(0,i.jsx)(r.Monitor,{className:`h-12 w-12 opacity-50`}):(0,i.jsx)(r.Video,{className:`h-12 w-12 opacity-50`})})}),(0,i.jsx)(`div`,{className:`absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity`}),(0,i.jsxs)(`div`,{className:`absolute bottom-2 left-2 right-2 flex items-center justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsxs)(`span`,{className:`text-white text-sm font-medium truncate max-w-[120px]`,children:[e.name,e.isLocal&&` (You)`]}),e.isMuted&&(0,i.jsx)(r.MicOff,{className:`h-3.5 w-3.5 text-red-400`}),e.isScreenSharing&&(0,i.jsx)(r.Monitor,{className:`h-3.5 w-3.5 text-blue-400`})]}),e.connectionQuality&&(0,i.jsx)(l,{quality:e.connectionQuality,size:`sm`})]}),e.hasRaisedHand&&(0,i.jsx)(`div`,{className:`absolute top-2 right-2 rounded-full bg-yellow-500 p-1.5 animate-bounce`,children:(0,i.jsx)(r.Hand,{className:`h-4 w-4 text-white`})}),e.isPinned&&(0,i.jsx)(`div`,{className:`absolute top-2 left-2 rounded-full bg-blue-500 p-1`,children:(0,i.jsx)(r.Pin,{className:`h-3 w-3 text-white`})}),o&&!e.isLocal&&(0,i.jsx)(`div`,{className:`absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(`button`,{onClick:()=>h(!m),className:`rounded-full bg-black/50 p-1.5 hover:bg-black/70 transition-colors`,children:(0,i.jsx)(r.MoreVertical,{className:`h-4 w-4 text-white`})}),m&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`fixed inset-0 z-10`,onClick:()=>h(!1)}),(0,i.jsxs)(`div`,{className:`absolute right-0 top-8 z-20 w-40 rounded-lg bg-popover border shadow-lg py-1`,children:[e.isPinned?(0,i.jsxs)(`button`,{className:`w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-accent`,onClick:()=>{c?.(),h(!1)},children:[(0,i.jsx)(r.PinOff,{className:`h-4 w-4`}),`Unpin`]}):(0,i.jsxs)(`button`,{className:`w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-accent`,onClick:()=>{s?.(),h(!1)},children:[(0,i.jsx)(r.Pin,{className:`h-4 w-4`}),`Pin`]}),(0,i.jsxs)(`button`,{className:`w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-accent`,onClick:()=>{u?.(),h(!1)},children:[(0,i.jsx)(r.VolumeX,{className:`h-4 w-4`}),`Mute`]}),(0,i.jsxs)(`button`,{className:`w-full flex items-center gap-2 px-3 py-2 text-sm hover:bg-accent text-red-500`,onClick:()=>{d?.(),h(!1)},children:[(0,i.jsx)(r.UserMinus,{className:`h-4 w-4`}),`Remove`]})]})]})]})}),(0,i.jsx)(`style`,{children:`
         @keyframes speaking-pulse {
           0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
           50% { box-shadow: 0 0 0 4px rgba(34, 197, 94, 0); }
@@ -8,4 +8,4 @@
           0%, 100% { opacity: 1; }
           50% { opacity: 0.5; }
         }
-      `})]})}function v(e={}){let{initialMuted:t=!1,initialVideoOff:r=!1,onStateChange:i}=e,[a,o]=n.useState({isMuted:t,isVideoOff:r,isScreenSharing:!1,hasRaisedHand:!1,layout:`speaker`,showChat:!1,isFullscreen:!1,isPictureInPicture:!1,showParticipantList:!1,showSettings:!1,pinnedParticipantId:null,elapsedTime:0}),[s,c]=n.useState(null);n.useEffect(()=>{if(!s)return;let e=setInterval(()=>{o(e=>({...e,elapsedTime:Math.floor((Date.now()-s.getTime())/1e3)}))},1e3);return()=>clearInterval(e)},[s]),n.useEffect(()=>{i?.(a)},[a,i]);let l=n.useCallback(()=>{c(new Date)},[]),u=n.useCallback(()=>{c(null),o(e=>({...e,elapsedTime:0,isScreenSharing:!1,hasRaisedHand:!1,isPictureInPicture:!1}))},[]),d=n.useCallback(()=>{o(e=>({...e,isMuted:!e.isMuted}))},[]),f=n.useCallback(()=>{o(e=>({...e,isVideoOff:!e.isVideoOff}))},[]),p=n.useCallback(()=>{o(e=>({...e,isScreenSharing:!e.isScreenSharing}))},[]),m=n.useCallback(()=>{o(e=>({...e,hasRaisedHand:!e.hasRaisedHand}))},[]),h=n.useCallback(e=>{o(t=>({...t,layout:e}))},[]),g=n.useCallback(()=>{o(e=>({...e,showChat:!e.showChat}))},[]),_=n.useCallback(()=>{o(e=>({...e,isFullscreen:!e.isFullscreen}))},[]),v=n.useCallback(()=>{o(e=>({...e,isPictureInPicture:!e.isPictureInPicture}))},[]),y=n.useCallback(()=>{o(e=>({...e,showParticipantList:!e.showParticipantList}))},[]),b=n.useCallback(e=>{o(t=>({...t,pinnedParticipantId:e}))},[]);return{...a,callStartTime:s,isInCall:s!==null,startCall:l,endCall:u,toggleMute:d,toggleVideo:f,toggleScreenShare:p,toggleRaiseHand:m,setLayout:h,toggleChat:g,toggleFullscreen:_,togglePictureInPicture:v,toggleParticipantList:y,pinParticipant:b}}exports.default=_,exports.useVideoCall=v;
+      `})]})}function v(e={}){let{initialMuted:t=!1,initialVideoOff:r=!1,onStateChange:i}=e,[a,o]=n.useState({isMuted:t,isVideoOff:r,isScreenSharing:!1,hasRaisedHand:!1,layout:`speaker`,showChat:!1,isFullscreen:!1,isPictureInPicture:!1,showParticipantList:!1,showSettings:!1,pinnedParticipantId:null,elapsedTime:0}),[s,c]=n.useState(null);n.useEffect(()=>{if(!s)return;let e=setInterval(()=>{o(e=>({...e,elapsedTime:Math.floor((Date.now()-s.getTime())/1e3)}))},1e3);return()=>clearInterval(e)},[s]),n.useEffect(()=>{i?.(a)},[a,i]);let l=n.useCallback(()=>{c(new Date)},[]),u=n.useCallback(()=>{c(null),o(e=>({...e,elapsedTime:0,isScreenSharing:!1,hasRaisedHand:!1,isPictureInPicture:!1}))},[]),d=n.useCallback(()=>{o(e=>({...e,isMuted:!e.isMuted}))},[]),f=n.useCallback(()=>{o(e=>({...e,isVideoOff:!e.isVideoOff}))},[]),p=n.useCallback(()=>{o(e=>({...e,isScreenSharing:!e.isScreenSharing}))},[]),m=n.useCallback(()=>{o(e=>({...e,hasRaisedHand:!e.hasRaisedHand}))},[]),h=n.useCallback(e=>{o(t=>({...t,layout:e}))},[]),g=n.useCallback(()=>{o(e=>({...e,showChat:!e.showChat}))},[]),_=n.useCallback(()=>{o(e=>({...e,isFullscreen:!e.isFullscreen}))},[]),v=n.useCallback(()=>{o(e=>({...e,isPictureInPicture:!e.isPictureInPicture}))},[]),y=n.useCallback(()=>{o(e=>({...e,showParticipantList:!e.showParticipantList}))},[]),b=n.useCallback(e=>{o(t=>({...t,pinnedParticipantId:e}))},[]);return{...a,callStartTime:s,isInCall:s!==null,startCall:l,endCall:u,toggleMute:d,toggleVideo:f,toggleScreenShare:p,toggleRaiseHand:m,setLayout:h,toggleChat:g,toggleFullscreen:_,togglePictureInPicture:v,toggleParticipantList:y,pinParticipant:b}}exports.CallTimer=d,exports.ConnectionQualityIndicator=l,exports.ControlButton=m,exports.LayoutSelector=g,exports.ParticipantAvatar=f,exports.ParticipantsPanel=h,exports.RecordingIndicator=u,exports.VideoTile=p,exports.WakaVideoCall=_,exports.default=_,exports.useVideoCall=v;

package/dist/components/waka-video-call/index.es.js

@@ -601,4 +601,4 @@ function W(e = {}) {
 	};
 }
 //#endregion
-export { U as default, W as useVideoCall };
+export { L as CallTimer, F as ConnectionQualityIndicator, B as ControlButton, H as LayoutSelector, R as ParticipantAvatar, V as ParticipantsPanel, I as RecordingIndicator, z as VideoTile, U as WakaVideoCall, U as default, W as useVideoCall };

package/dist/components/waka-video-overlay/index.cjs.js

@@ -1 +1 @@
-"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../waka-ad-provider/index.cjs.js`),r=require(`../waka-sponsored-badge/index.cjs.js`);let i=require(`react`);i=e.__toESM(i);let a=require(`lucide-react`),o=require(`react/jsx-runtime`);function s({slotId:e,visible:s=!0,trigger:c=`manual`,triggerTime:l=0,position:u=`bottom`,dismissable:d=!0,hideAfter:f=0,className:p,onDismiss:m,onClick:h}){let{config:g,isReady:_,hasConsent:v,getCustomAd:y,trackEvent:b}=n.useAdContext(),[x,S]=(0,i.useState)(`loading`),[C,w]=(0,i.useState)(null),[T,E]=(0,i.useState)(s);(0,i.useEffect)(()=>{!_||v===!1||(async()=>{try{let t=await y(e);t?(w(t),S(`loaded`),b({type:`loaded`,slotId:e,timestamp:new Date})):S(`error`)}catch{S(`error`)}})()},[_,v,e,y,b]),(0,i.useEffect)(()=>{T&&x===`loaded`&&C&&(b({type:`impression`,slotId:e,timestamp:new Date}),C.impressionUrl&&fetch(C.impressionUrl,{mode:`no-cors`}).catch(()=>{}))},[T,x,C,e,b]),(0,i.useEffect)(()=>{E(s)},[s]),(0,i.useEffect)(()=>{if(f===0||!T)return;let e=setTimeout(()=>{E(!1),S(`hidden`),m?.()},f*1e3);return()=>clearTimeout(e)},[f,T,m]);let D=(0,i.useCallback)(()=>{d&&(E(!1),S(`hidden`),m?.())},[d,m]),O=(0,i.useCallback)(()=>{C&&(b({type:`click`,slotId:e,timestamp:new Date}),h?.(),C.clickUrl&&fetch(C.clickUrl,{mode:`no-cors`}).catch(()=>{}),C.targetUrl&&window.open(C.targetUrl,`_blank`,`noopener,noreferrer`))},[C,e,b,h]);if(x===`error`||x===`hidden`||!T||x===`loading`)return null;let k={bottom:`bottom-0 left-0 right-0`,top:`top-0 left-0 right-0`,corner:`bottom-4 right-4 max-w-sm`};return u===`corner`?(0,o.jsxs)(`div`,{className:t.cn(`absolute z-20 rounded-lg overflow-hidden shadow-lg bg-card border animate-in slide-in-from-right`,k[u],p),children:[d&&(0,o.jsx)(`button`,{onClick:D,className:`absolute top-2 right-2 p-1 rounded-full bg-black/50 hover:bg-black/70 transition-colors z-10`,children:(0,o.jsx)(a.X,{className:`h-3 w-3 text-white`})}),(0,o.jsxs)(`button`,{onClick:O,className:`w-full text-left`,children:[C?.imageUrl&&(0,o.jsx)(`div`,{className:`aspect-video bg-muted`,children:(0,o.jsx)(`img`,{src:C.imageUrl,alt:``,className:`w-full h-full object-cover`})}),(0,o.jsxs)(`div`,{className:`p-3`,children:[(0,o.jsx)(`div`,{className:`flex items-start justify-between gap-2 mb-1`,children:(0,o.jsx)(`p`,{className:`font-medium text-sm line-clamp-2`,children:C?.title})}),C?.description&&(0,o.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-2 mb-2`,children:C.description}),(0,o.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,o.jsx)(r.default,{size:`sm`,sponsor:C?.sponsor,showIcon:!1}),C?.cta&&(0,o.jsxs)(`span`,{className:`text-xs text-primary font-medium flex items-center gap-1`,children:[C.cta,(0,o.jsx)(a.ExternalLink,{className:`h-3 w-3`})]})]})]})]})]}):(0,o.jsx)(`div`,{className:t.cn(`absolute z-20 bg-gradient-to-t from-black/80 to-black/50 backdrop-blur-sm`,u===`top`&&`bg-gradient-to-b`,k[u],p),children:(0,o.jsxs)(`div`,{className:`flex items-center gap-4 p-3`,children:[C?.imageUrl&&(0,o.jsx)(`button`,{onClick:O,className:`flex-shrink-0`,children:(0,o.jsx)(`img`,{src:C.imageUrl,alt:``,className:`w-16 h-16 rounded object-cover`})}),(0,o.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,o.jsx)(`div`,{className:`flex items-center gap-2 mb-0.5`,children:(0,o.jsx)(r.default,{variant:`dark`,size:`sm`,showIcon:!1})}),(0,o.jsxs)(`button`,{onClick:O,className:`text-left`,children:[(0,o.jsx)(`p`,{className:`font-medium text-white text-sm line-clamp-1`,children:C?.title}),C?.description&&(0,o.jsx)(`p`,{className:`text-xs text-white/70 line-clamp-1`,children:C.description})]})]}),(0,o.jsxs)(`div`,{className:`flex items-center gap-2 flex-shrink-0`,children:[C?.cta&&(0,o.jsxs)(`button`,{onClick:O,className:`px-4 py-2 bg-primary text-primary-foreground rounded text-sm font-medium hover:bg-primary/90 transition-colors flex items-center gap-1`,children:[C.cta,(0,o.jsx)(a.ExternalLink,{className:`h-3 w-3`})]}),d&&(0,o.jsx)(`button`,{onClick:D,className:`p-1.5 rounded-full hover:bg-white/20 transition-colors`,children:(0,o.jsx)(a.X,{className:`h-4 w-4 text-white`})})]})]})})}exports.default=s;
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../waka-ad-provider/index.cjs.js"),r=require("../waka-sponsored-badge/index.cjs.js");let i=require("react");i=e.__toESM(i);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({slotId:e,visible:s=!0,trigger:c=`manual`,triggerTime:l=0,position:u=`bottom`,dismissable:d=!0,hideAfter:f=0,className:p,onDismiss:m,onClick:h}){let{config:g,isReady:_,hasConsent:v,getCustomAd:y,trackEvent:b}=n.useAdContext(),[x,S]=(0,i.useState)(`loading`),[C,w]=(0,i.useState)(null),[T,E]=(0,i.useState)(s);(0,i.useEffect)(()=>{!_||v===!1||(async()=>{try{let t=await y(e);t?(w(t),S(`loaded`),b({type:`loaded`,slotId:e,timestamp:new Date})):S(`error`)}catch{S(`error`)}})()},[_,v,e,y,b]),(0,i.useEffect)(()=>{T&&x===`loaded`&&C&&(b({type:`impression`,slotId:e,timestamp:new Date}),C.impressionUrl&&fetch(C.impressionUrl,{mode:`no-cors`}).catch(()=>{}))},[T,x,C,e,b]),(0,i.useEffect)(()=>{E(s)},[s]),(0,i.useEffect)(()=>{if(f===0||!T)return;let e=setTimeout(()=>{E(!1),S(`hidden`),m?.()},f*1e3);return()=>clearTimeout(e)},[f,T,m]);let D=(0,i.useCallback)(()=>{d&&(E(!1),S(`hidden`),m?.())},[d,m]),O=(0,i.useCallback)(()=>{C&&(b({type:`click`,slotId:e,timestamp:new Date}),h?.(),C.clickUrl&&fetch(C.clickUrl,{mode:`no-cors`}).catch(()=>{}),C.targetUrl&&window.open(C.targetUrl,`_blank`,`noopener,noreferrer`))},[C,e,b,h]);if(x===`error`||x===`hidden`||!T||x===`loading`)return null;let k={bottom:`bottom-0 left-0 right-0`,top:`top-0 left-0 right-0`,corner:`bottom-4 right-4 max-w-sm`};return u===`corner`?(0,o.jsxs)(`div`,{className:t.cn(`absolute z-20 rounded-lg overflow-hidden shadow-lg bg-card border animate-in slide-in-from-right`,k[u],p),children:[d&&(0,o.jsx)(`button`,{onClick:D,className:`absolute top-2 right-2 p-1 rounded-full bg-black/50 hover:bg-black/70 transition-colors z-10`,children:(0,o.jsx)(a.X,{className:`h-3 w-3 text-white`})}),(0,o.jsxs)(`button`,{onClick:O,className:`w-full text-left`,children:[C?.imageUrl&&(0,o.jsx)(`div`,{className:`aspect-video bg-muted`,children:(0,o.jsx)(`img`,{src:C.imageUrl,alt:``,className:`w-full h-full object-cover`})}),(0,o.jsxs)(`div`,{className:`p-3`,children:[(0,o.jsx)(`div`,{className:`flex items-start justify-between gap-2 mb-1`,children:(0,o.jsx)(`p`,{className:`font-medium text-sm line-clamp-2`,children:C?.title})}),C?.description&&(0,o.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-2 mb-2`,children:C.description}),(0,o.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,o.jsx)(r.WakaSponsoredBadge,{size:`sm`,sponsor:C?.sponsor,showIcon:!1}),C?.cta&&(0,o.jsxs)(`span`,{className:`text-xs text-primary font-medium flex items-center gap-1`,children:[C.cta,(0,o.jsx)(a.ExternalLink,{className:`h-3 w-3`})]})]})]})]})]}):(0,o.jsx)(`div`,{className:t.cn(`absolute z-20 bg-gradient-to-t from-black/80 to-black/50 backdrop-blur-sm`,u===`top`&&`bg-gradient-to-b`,k[u],p),children:(0,o.jsxs)(`div`,{className:`flex items-center gap-4 p-3`,children:[C?.imageUrl&&(0,o.jsx)(`button`,{onClick:O,className:`flex-shrink-0`,children:(0,o.jsx)(`img`,{src:C.imageUrl,alt:``,className:`w-16 h-16 rounded object-cover`})}),(0,o.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,o.jsx)(`div`,{className:`flex items-center gap-2 mb-0.5`,children:(0,o.jsx)(r.WakaSponsoredBadge,{variant:`dark`,size:`sm`,showIcon:!1})}),(0,o.jsxs)(`button`,{onClick:O,className:`text-left`,children:[(0,o.jsx)(`p`,{className:`font-medium text-white text-sm line-clamp-1`,children:C?.title}),C?.description&&(0,o.jsx)(`p`,{className:`text-xs text-white/70 line-clamp-1`,children:C.description})]})]}),(0,o.jsxs)(`div`,{className:`flex items-center gap-2 flex-shrink-0`,children:[C?.cta&&(0,o.jsxs)(`button`,{onClick:O,className:`px-4 py-2 bg-primary text-primary-foreground rounded text-sm font-medium hover:bg-primary/90 transition-colors flex items-center gap-1`,children:[C.cta,(0,o.jsx)(a.ExternalLink,{className:`h-3 w-3`})]}),d&&(0,o.jsx)(`button`,{onClick:D,className:`p-1.5 rounded-full hover:bg-white/20 transition-colors`,children:(0,o.jsx)(a.X,{className:`h-4 w-4 text-white`})})]})]})})}exports.WakaVideoOverlay=s,exports.default=s;

package/dist/components/waka-video-overlay/index.es.js

@@ -2,7 +2,7 @@
 "use client";
 import { cn as e } from "../../utils/cn.es.js";
 import { useAdContext as t } from "../waka-ad-provider/index.es.js";
-import n from "../waka-sponsored-badge/index.es.js";
+import { WakaSponsoredBadge as n } from "../waka-sponsored-badge/index.es.js";
 import { useCallback as r, useEffect as i, useState as a } from "react";
 import { ExternalLink as o, X as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -169,4 +169,4 @@ function u({ slotId: u, visible: d = !0, trigger: f = "manual", triggerTime: p =
 	});
 }
 //#endregion
-export { u as default };
+export { u as WakaVideoOverlay, u as default };

package/dist/components/waka-virtual-list/index.cjs.js

@@ -1 +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(`react/jsx-runtime`);function i(e,t,r,i,a){return n.useMemo(()=>{let n=typeof t==`number`,o=0,s=[];for(let r=0;r<e.length;r++){s.push(o);let i=n?t:t(e[r],r);o+=i}let c=0,l=e.length-1;if(n)c=Math.floor(i/t),l=Math.min(e.length-1,Math.ceil((i+r)/t));else{let a=0,o=e.length-1;for(;a<=o;){let e=Math.floor((a+o)/2);s[e]<i?a=e+1:o=e-1}c=Math.max(0,o);for(let a=c;a<e.length;a++)if(s[a]+(n?t:t(e[a],a))>i+r){l=a;break}}c=Math.max(0,c-a),l=Math.min(e.length-1,l+a);let u=[];for(let r=c;r<=l;r++){let i=n?t:t(e[r],r);u.push({item:e[r],index:r,style:{position:`absolute`,top:s[r],left:0,right:0,height:i}})}return{totalHeight:o,visibleItems:u,startIndex:c,endIndex:l}},[e,t,r,i,a])}function a({items:e,itemHeight:a,height:o,width:s=`100%`,overscan:c=3,renderItem:l,onScroll:u,onEndReached:d,endReachedThreshold:f=200,isLoading:p=!1,loadingElement:m,emptyElement:h,className:g,innerClassName:_,scrollRef:v}){let y=n.useRef(null),b=v||y,[x,S]=n.useState(0),C=n.useRef(!1),{totalHeight:w,visibleItems:T}=i(e,a,o,x,c),E=e=>{let t=e.currentTarget,n=t.scrollTop;if(S(n),u?.(n),d){let e=t.scrollHeight-t.scrollTop-t.clientHeight;e<f&&!C.current?(C.current=!0,d()):e>=f&&(C.current=!1)}},D=n.useCallback(e=>{b.current&&(b.current.scrollTop=e)},[b]);return n.useCallback((t,n=`start`)=>{let r=typeof a==`number`,i=0;if(r)i=t*a;else for(let n=0;n<t&&n<e.length;n++)i+=a(e[n],n);let s=r?a:a(e[t],t);n===`center`?i-=(o-s)/2:n===`end`&&(i-=o-s),D(Math.max(0,i))},[e,a,o,D]),e.length===0&&!p?(0,r.jsx)(`div`,{className:t.cn(`flex items-center justify-center text-muted-foreground`,g),style:{height:o,width:s},children:h||`Aucun élément`}):(0,r.jsx)(`div`,{ref:b,className:t.cn(`overflow-auto`,g),style:{height:o,width:s},onScroll:E,children:(0,r.jsxs)(`div`,{className:t.cn(`relative`,_),style:{height:w+(p?50:0)},children:[T.map(({item:e,index:t,style:i})=>(0,r.jsx)(n.Fragment,{children:l(e,t,i)},t)),p&&(0,r.jsx)(`div`,{className:`absolute left-0 right-0 flex items-center justify-center py-4`,style:{top:w},children:m||(0,r.jsx)(`div`,{className:`text-muted-foreground text-sm`,children:`Chargement...`})})]})})}function o(e){let{itemCount:t,itemHeight:r,containerHeight:i,overscan:a=3}=e,[o,s]=n.useState(0),c=t*r,l=Math.max(0,Math.floor(o/r)-a),u=Math.min(t-1,Math.ceil((o+i)/r)+a);return{totalHeight:c,virtualItems:n.useMemo(()=>{let e=[];for(let t=l;t<=u;t++)e.push({index:t,start:t*r,size:r});return e},[l,u,r]),startIndex:l,endIndex:u,handleScroll:e=>{s(e.currentTarget.scrollTop)},scrollToIndex:e=>{s(e*r)},scrollTop:o}}exports.default=a,exports.useVirtualList=o;
+"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("react/jsx-runtime");function i(e,t,r,i,a){return n.useMemo(()=>{let n=typeof t==`number`,o=0,s=[];for(let r=0;r<e.length;r++){s.push(o);let i=n?t:t(e[r],r);o+=i}let c=0,l=e.length-1;if(n)c=Math.floor(i/t),l=Math.min(e.length-1,Math.ceil((i+r)/t));else{let a=0,o=e.length-1;for(;a<=o;){let e=Math.floor((a+o)/2);s[e]<i?a=e+1:o=e-1}c=Math.max(0,o);for(let a=c;a<e.length;a++)if(s[a]+(n?t:t(e[a],a))>i+r){l=a;break}}c=Math.max(0,c-a),l=Math.min(e.length-1,l+a);let u=[];for(let r=c;r<=l;r++){let i=n?t:t(e[r],r);u.push({item:e[r],index:r,style:{position:`absolute`,top:s[r],left:0,right:0,height:i}})}return{totalHeight:o,visibleItems:u,startIndex:c,endIndex:l}},[e,t,r,i,a])}function a({items:e,itemHeight:a,height:o,width:s=`100%`,overscan:c=3,renderItem:l,onScroll:u,onEndReached:d,endReachedThreshold:f=200,isLoading:p=!1,loadingElement:m,emptyElement:h,className:g,innerClassName:_,scrollRef:v}){let y=n.useRef(null),b=v||y,[x,S]=n.useState(0),C=n.useRef(!1),{totalHeight:w,visibleItems:T}=i(e,a,o,x,c),E=e=>{let t=e.currentTarget,n=t.scrollTop;if(S(n),u?.(n),d){let e=t.scrollHeight-t.scrollTop-t.clientHeight;e<f&&!C.current?(C.current=!0,d()):e>=f&&(C.current=!1)}},D=n.useCallback(e=>{b.current&&(b.current.scrollTop=e)},[b]);return n.useCallback((t,n=`start`)=>{let r=typeof a==`number`,i=0;if(r)i=t*a;else for(let n=0;n<t&&n<e.length;n++)i+=a(e[n],n);let s=r?a:a(e[t],t);n===`center`?i-=(o-s)/2:n===`end`&&(i-=o-s),D(Math.max(0,i))},[e,a,o,D]),e.length===0&&!p?(0,r.jsx)(`div`,{className:t.cn(`flex items-center justify-center text-muted-foreground`,g),style:{height:o,width:s},children:h||`Aucun élément`}):(0,r.jsx)(`div`,{ref:b,className:t.cn(`overflow-auto`,g),style:{height:o,width:s},onScroll:E,children:(0,r.jsxs)(`div`,{className:t.cn(`relative`,_),style:{height:w+(p?50:0)},children:[T.map(({item:e,index:t,style:i})=>(0,r.jsx)(n.Fragment,{children:l(e,t,i)},t)),p&&(0,r.jsx)(`div`,{className:`absolute left-0 right-0 flex items-center justify-center py-4`,style:{top:w},children:m||(0,r.jsx)(`div`,{className:`text-muted-foreground text-sm`,children:`Chargement...`})})]})})}function o(e){let{itemCount:t,itemHeight:r,containerHeight:i,overscan:a=3}=e,[o,s]=n.useState(0),c=t*r,l=Math.max(0,Math.floor(o/r)-a),u=Math.min(t-1,Math.ceil((o+i)/r)+a);return{totalHeight:c,virtualItems:n.useMemo(()=>{let e=[];for(let t=l;t<=u;t++)e.push({index:t,start:t*r,size:r});return e},[l,u,r]),startIndex:l,endIndex:u,handleScroll:e=>{s(e.currentTarget.scrollTop)},scrollToIndex:e=>{s(e*r)},scrollTop:o}}exports.WakaVirtualList=a,exports.default=a,exports.useVirtualList=o;

package/dist/components/waka-virtual-list/index.es.js

@@ -135,4 +135,4 @@ function o(e) {
 	};
 }
 //#endregion
-export { a as default, o as useVirtualList };
+export { a as WakaVirtualList, a as default, o as useVirtualList };

package/dist/components/waka-voice-message/index.cjs.js

@@ -1 +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(`lucide-react`),i=require(`react/jsx-runtime`);function a(e){return`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,`0`)}`}function o(e){return Array.from({length:e},()=>Math.random()*.6+.2)}function s(e={}){let{src:t,defaultSpeed:r=1,waveformBars:i=40,maxRecordingDuration:o=0,onError:s}=e,c=n.useRef(null),l=n.useRef(null),u=n.useRef(null),d=n.useRef(null),f=n.useRef(null),p=n.useRef(null),m=n.useRef(null),h=n.useRef([]),[g,_]=n.useState(!1),[v,y]=n.useState(0),[b,x]=n.useState(0),[S,C]=n.useState(r),[w,T]=n.useState(null),[E,D]=n.useState(!1),[O,k]=n.useState(0),[A,j]=n.useState(null),[M,N]=n.useState(()=>Array(i).fill(.1));n.useEffect(()=>{if(!t){T(null);return}if(typeof t==`string`)T(t);else{let e=URL.createObjectURL(t);return T(e),()=>URL.revokeObjectURL(e)}},[t]),n.useEffect(()=>{if(!w)return;let e=new Audio(w);return c.current=e,e.addEventListener(`loadedmetadata`,()=>{x(e.duration)}),e.addEventListener(`timeupdate`,()=>{y(e.currentTime)}),e.addEventListener(`ended`,()=>{_(!1),y(0)}),e.addEventListener(`play`,()=>_(!0)),e.addEventListener(`pause`,()=>_(!1)),()=>{e.pause(),e.src=``}},[w]),n.useEffect(()=>{c.current&&(c.current.playbackRate=S)},[S]),n.useEffect(()=>{E&&o>0&&O>=o&&B()},[E,O,o]),n.useEffect(()=>()=>{p.current&&cancelAnimationFrame(p.current),m.current&&clearInterval(m.current),u.current&&u.current.getTracks().forEach(e=>e.stop()),f.current&&f.current.close()},[]);let P=n.useCallback(()=>{c.current?.play().catch(e=>{s?.(e)})},[s]),F=n.useCallback(()=>{c.current?.pause()},[]),I=n.useCallback(()=>{g?F():P()},[g,P,F]),L=n.useCallback(e=>{c.current&&(c.current.currentTime=Math.max(0,Math.min(e,c.current.duration||0)),y(c.current.currentTime))},[]),R=n.useCallback(e=>{C(e)},[]),z=n.useCallback(async()=>{try{let e=await navigator.mediaDevices.getUserMedia({audio:!0});u.current=e;let t=new AudioContext;f.current=t;let n=t.createAnalyser();d.current=n,n.fftSize=256,t.createMediaStreamSource(e).connect(n);let r=new MediaRecorder(e);l.current=r,h.current=[],r.ondataavailable=e=>{e.data.size>0&&h.current.push(e.data)},r.onstop=()=>{j(new Blob(h.current,{type:`audio/webm`}))},r.start(100),D(!0),k(0),m.current=setInterval(()=>{k(e=>e+.1)},100);let a=()=>{if(!d.current||!E)return;let e=new Uint8Array(d.current.frequencyBinCount);d.current.getByteFrequencyData(e);let t=Math.floor(e.length/i);N(Array.from({length:i},(n,r)=>{let i=e[r*t]/255;return Math.max(.1,i)})),p.current=requestAnimationFrame(a)};p.current=requestAnimationFrame(a)}catch(e){s?.(e instanceof Error?e:Error(`Failed to start recording`))}},[i,s]),B=n.useCallback(()=>{l.current&&E&&l.current.stop(),u.current&&u.current.getTracks().forEach(e=>e.stop()),p.current&&cancelAnimationFrame(p.current),m.current&&clearInterval(m.current),f.current&&f.current.close(),D(!1),N(Array(i).fill(.1))},[E,i]);return{isPlaying:g,currentTime:v,duration:b,playbackSpeed:S,audioUrl:w,isRecording:E,recordingDuration:O,recordedBlob:A,liveWaveform:M,play:P,pause:F,togglePlay:I,seek:L,setSpeed:R,startRecording:z,stopRecording:B,cancelRecording:n.useCallback(()=>{B(),j(null),k(0),h.current=[]},[B]),progress:b>0?v/b*100:0,formattedCurrentTime:a(v),formattedDuration:a(b),formattedRecordingDuration:a(O)}}var c=n.memo(function({data:e,progress:r=0,bars:a=40,className:s,onClick:c}){let l=n.useRef(null),u=e||o(a);return(0,i.jsx)(`div`,{ref:l,className:t.cn(`flex items-center gap-[2px] h-8 cursor-pointer select-none`,s),onClick:e=>{if(!c||!l.current)return;let t=l.current.getBoundingClientRect(),n=(e.clientX-t.left)/t.width*100;c(Math.max(0,Math.min(100,n)))},children:u.slice(0,a).map((e,n)=>(0,i.jsx)(`div`,{className:t.cn(`flex-1 rounded-full transition-colors duration-150`,n/a*100<=r?`bg-primary`:`bg-muted-foreground/30`),style:{height:`${Math.max(10,e*100)}%`,minWidth:`2px`}},n))})}),l=n.memo(function({speed:e,speeds:n,onSpeedChange:r,disabled:a,size:o}){return(0,i.jsxs)(`button`,{type:`button`,onClick:()=>{r(n[(n.indexOf(e)+1)%n.length])},disabled:a,className:t.cn(`flex items-center justify-center font-medium rounded transition-colors`,`hover:bg-muted focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,o===`sm`&&`text-xs px-1.5 py-0.5 min-w-[32px]`,o===`md`&&`text-sm px-2 py-1 min-w-[40px]`,o===`lg`&&`text-base px-2.5 py-1.5 min-w-[48px]`),children:[e,`x`]})}),u=n.memo(function({size:e}){return(0,i.jsx)(`span`,{className:t.cn(`absolute rounded-full bg-red-500 animate-ping`,e===`sm`&&`w-2 h-2`,e===`md`&&`w-2.5 h-2.5`,e===`lg`&&`w-3 h-3`)})});function d({mode:e=`player`,src:o,waveform:d,waveformBars:f=40,defaultSpeed:p=1,speeds:m=[.5,1,1.5,2],showDownload:h=!1,showDelete:g=!1,showSend:_=!0,showCancel:v=!0,showSpeedControl:y=!0,maxRecordingDuration:b=0,variant:x=`default`,size:S=`md`,disabled:C=!1,className:w,waveformClassName:T,controlsClassName:E,onPlay:D,onPause:O,onEnded:k,onTimeUpdate:A,onSeek:j,onSpeedChange:M,onDownload:N,onDelete:P,onRecordingStart:F,onRecordingStop:I,onRecordingCancel:L,onSend:R,onError:z}){let{isPlaying:B,currentTime:V,duration:H,playbackSpeed:U,isRecording:W,recordingDuration:G,recordedBlob:K,liveWaveform:q,togglePlay:J,seek:ee,setSpeed:te,startRecording:ne,stopRecording:re,cancelRecording:ie,progress:Y,formattedCurrentTime:ae,formattedDuration:oe,formattedRecordingDuration:se}=s({src:o,defaultSpeed:p,waveformBars:f,maxRecordingDuration:b,onError:z});n.useEffect(()=>{B?D?.():O?.()},[B,D,O]),n.useEffect(()=>{A?.(V)},[V,A]),n.useEffect(()=>{V>0&&V>=H&&k?.()},[V,H,k]);let X=e=>{let t=e/100*H;ee(t),j?.(t)},ce=e=>{te(e),M?.(e)},le=async()=>{await ne(),F?.()},ue=()=>{re()};n.useEffect(()=>{K&&!W&&G>0&&I?.({src:K,duration:G,waveform:q})},[K,W,G,q,I]);let Z=()=>{ie(),L?.()},de=()=>{K&&R?.({src:K,duration:G,waveform:q})},fe=()=>{N?.()},pe=()=>{P?.()},Q={sm:{container:`p-2 gap-2`,button:`h-7 w-7`,icon:`h-3.5 w-3.5`,text:`text-xs`,waveform:`h-6`},md:{container:`p-3 gap-3`,button:`h-9 w-9`,icon:`h-4 w-4`,text:`text-sm`,waveform:`h-8`},lg:{container:`p-4 gap-4`,button:`h-11 w-11`,icon:`h-5 w-5`,text:`text-base`,waveform:`h-10`}}[S],$={default:`bg-background border border-border rounded-lg`,bubble:`bg-muted rounded-2xl`,"bubble-sent":`bg-primary text-primary-foreground rounded-2xl rounded-br-sm`,"bubble-received":`bg-muted rounded-2xl rounded-bl-sm`};return e===`player`?(0,i.jsxs)(`div`,{className:t.cn(`flex items-center`,$[x],Q.container,C&&`opacity-50 pointer-events-none`,w),children:[(0,i.jsx)(`button`,{type:`button`,onClick:J,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:B?(0,i.jsx)(r.Pause,{className:Q.icon}):(0,i.jsx)(r.Play,{className:t.cn(Q.icon,`ml-0.5`)})}),(0,i.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,i.jsx)(c,{data:d,progress:Y,bars:f,className:t.cn(Q.waveform,T),onClick:X})}),(0,i.jsxs)(`div`,{className:t.cn(`shrink-0 tabular-nums`,Q.text),children:[(0,i.jsx)(`span`,{children:ae}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:` / `}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:oe})]}),y&&(0,i.jsx)(l,{speed:U,speeds:m,onSpeedChange:ce,disabled:C,size:S}),h&&(0,i.jsx)(`button`,{type:`button`,onClick:fe,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`hover:bg-muted transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.Download,{className:Q.icon})}),g&&(0,i.jsx)(`button`,{type:`button`,onClick:pe,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`text-destructive hover:bg-destructive/10 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.Trash2,{className:Q.icon})})]}):(0,i.jsxs)(`div`,{className:t.cn(`flex items-center`,$[x],Q.container,C&&`opacity-50 pointer-events-none`,w),children:[!W&&!K&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`button`,{type:`button`,onClick:le,disabled:C,className:t.cn(`relative flex items-center justify-center rounded-full shrink-0`,`bg-red-500 text-white`,`hover:bg-red-600 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:(0,i.jsx)(r.Mic,{className:Q.icon})}),(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,Q.text),children:`Tap to record`})]}),W&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`button`,{type:`button`,onClick:ue,disabled:C,className:t.cn(`relative flex items-center justify-center rounded-full shrink-0`,`bg-red-500 text-white`,`hover:bg-red-600 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:[(0,i.jsx)(u,{size:S}),(0,i.jsx)(r.Square,{className:t.cn(Q.icon,`relative z-10`)})]}),(0,i.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,i.jsx)(c,{data:q,progress:100,bars:f,className:t.cn(Q.waveform,T)})}),(0,i.jsxs)(`div`,{className:t.cn(`shrink-0 tabular-nums text-red-500`,Q.text),children:[se,b>0&&(0,i.jsxs)(`span`,{className:`text-muted-foreground`,children:[` `,`/ `,a(b)]})]}),v&&(0,i.jsx)(`button`,{type:`button`,onClick:Z,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`text-muted-foreground hover:bg-muted transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.X,{className:Q.icon})})]}),!W&&K&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`button`,{type:`button`,onClick:J,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:B?(0,i.jsx)(r.Pause,{className:Q.icon}):(0,i.jsx)(r.Play,{className:t.cn(Q.icon,`ml-0.5`)})}),(0,i.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,i.jsx)(c,{data:q,progress:Y,bars:f,className:t.cn(Q.waveform,T),onClick:X})}),(0,i.jsx)(`div`,{className:t.cn(`shrink-0 tabular-nums`,Q.text),children:a(G)}),v&&(0,i.jsx)(`button`,{type:`button`,onClick:Z,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`text-destructive hover:bg-destructive/10 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.Trash2,{className:Q.icon})}),_&&(0,i.jsx)(`button`,{type:`button`,onClick:de,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:(0,i.jsx)(r.Send,{className:Q.icon})})]})]})}exports.default=d,exports.useVoiceMessage=s;
+"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");function a(e){return`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,`0`)}`}function o(e){return Array.from({length:e},()=>Math.random()*.6+.2)}function s(e={}){let{src:t,defaultSpeed:r=1,waveformBars:i=40,maxRecordingDuration:o=0,onError:s}=e,c=n.useRef(null),l=n.useRef(null),u=n.useRef(null),d=n.useRef(null),f=n.useRef(null),p=n.useRef(null),m=n.useRef(null),h=n.useRef([]),[g,_]=n.useState(!1),[v,y]=n.useState(0),[b,x]=n.useState(0),[S,C]=n.useState(r),[w,T]=n.useState(null),[E,D]=n.useState(!1),[O,k]=n.useState(0),[A,j]=n.useState(null),[M,N]=n.useState(()=>Array(i).fill(.1));n.useEffect(()=>{if(!t){T(null);return}if(typeof t==`string`)T(t);else{let e=URL.createObjectURL(t);return T(e),()=>URL.revokeObjectURL(e)}},[t]),n.useEffect(()=>{if(!w)return;let e=new Audio(w);return c.current=e,e.addEventListener(`loadedmetadata`,()=>{x(e.duration)}),e.addEventListener(`timeupdate`,()=>{y(e.currentTime)}),e.addEventListener(`ended`,()=>{_(!1),y(0)}),e.addEventListener(`play`,()=>_(!0)),e.addEventListener(`pause`,()=>_(!1)),()=>{e.pause(),e.src=``}},[w]),n.useEffect(()=>{c.current&&(c.current.playbackRate=S)},[S]),n.useEffect(()=>{E&&o>0&&O>=o&&B()},[E,O,o]),n.useEffect(()=>()=>{p.current&&cancelAnimationFrame(p.current),m.current&&clearInterval(m.current),u.current&&u.current.getTracks().forEach(e=>e.stop()),f.current&&f.current.close()},[]);let P=n.useCallback(()=>{c.current?.play().catch(e=>{s?.(e)})},[s]),F=n.useCallback(()=>{c.current?.pause()},[]),I=n.useCallback(()=>{g?F():P()},[g,P,F]),L=n.useCallback(e=>{c.current&&(c.current.currentTime=Math.max(0,Math.min(e,c.current.duration||0)),y(c.current.currentTime))},[]),R=n.useCallback(e=>{C(e)},[]),z=n.useCallback(async()=>{try{let e=await navigator.mediaDevices.getUserMedia({audio:!0});u.current=e;let t=new AudioContext;f.current=t;let n=t.createAnalyser();d.current=n,n.fftSize=256,t.createMediaStreamSource(e).connect(n);let r=new MediaRecorder(e);l.current=r,h.current=[],r.ondataavailable=e=>{e.data.size>0&&h.current.push(e.data)},r.onstop=()=>{let e=new Blob(h.current,{type:`audio/webm`});j(e)},r.start(100),D(!0),k(0),m.current=setInterval(()=>{k(e=>e+.1)},100);let a=()=>{if(!d.current||!E)return;let e=new Uint8Array(d.current.frequencyBinCount);d.current.getByteFrequencyData(e);let t=Math.floor(e.length/i),n=Array.from({length:i},(n,r)=>{let i=e[r*t]/255;return Math.max(.1,i)});N(n),p.current=requestAnimationFrame(a)};p.current=requestAnimationFrame(a)}catch(e){s?.(e instanceof Error?e:Error(`Failed to start recording`))}},[i,s]),B=n.useCallback(()=>{l.current&&E&&l.current.stop(),u.current&&u.current.getTracks().forEach(e=>e.stop()),p.current&&cancelAnimationFrame(p.current),m.current&&clearInterval(m.current),f.current&&f.current.close(),D(!1),N(Array(i).fill(.1))},[E,i]);return{isPlaying:g,currentTime:v,duration:b,playbackSpeed:S,audioUrl:w,isRecording:E,recordingDuration:O,recordedBlob:A,liveWaveform:M,play:P,pause:F,togglePlay:I,seek:L,setSpeed:R,startRecording:z,stopRecording:B,cancelRecording:n.useCallback(()=>{B(),j(null),k(0),h.current=[]},[B]),progress:b>0?v/b*100:0,formattedCurrentTime:a(v),formattedDuration:a(b),formattedRecordingDuration:a(O)}}var c=n.memo(function({data:e,progress:r=0,bars:a=40,className:s,onClick:c}){let l=n.useRef(null),u=e||o(a);return(0,i.jsx)(`div`,{ref:l,className:t.cn(`flex items-center gap-[2px] h-8 cursor-pointer select-none`,s),onClick:e=>{if(!c||!l.current)return;let t=l.current.getBoundingClientRect(),n=(e.clientX-t.left)/t.width*100;c(Math.max(0,Math.min(100,n)))},children:u.slice(0,a).map((e,n)=>(0,i.jsx)(`div`,{className:t.cn(`flex-1 rounded-full transition-colors duration-150`,n/a*100<=r?`bg-primary`:`bg-muted-foreground/30`),style:{height:`${Math.max(10,e*100)}%`,minWidth:`2px`}},n))})}),l=n.memo(function({speed:e,speeds:n,onSpeedChange:r,disabled:a,size:o}){return(0,i.jsxs)(`button`,{type:`button`,onClick:()=>{r(n[(n.indexOf(e)+1)%n.length])},disabled:a,className:t.cn(`flex items-center justify-center font-medium rounded transition-colors`,`hover:bg-muted focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,o===`sm`&&`text-xs px-1.5 py-0.5 min-w-[32px]`,o===`md`&&`text-sm px-2 py-1 min-w-[40px]`,o===`lg`&&`text-base px-2.5 py-1.5 min-w-[48px]`),children:[e,`x`]})}),u=n.memo(function({size:e}){return(0,i.jsx)(`span`,{className:t.cn(`absolute rounded-full bg-red-500 animate-ping`,e===`sm`&&`w-2 h-2`,e===`md`&&`w-2.5 h-2.5`,e===`lg`&&`w-3 h-3`)})});function d({mode:e=`player`,src:o,waveform:d,waveformBars:f=40,defaultSpeed:p=1,speeds:m=[.5,1,1.5,2],showDownload:h=!1,showDelete:g=!1,showSend:_=!0,showCancel:v=!0,showSpeedControl:y=!0,maxRecordingDuration:b=0,variant:x=`default`,size:S=`md`,disabled:C=!1,className:w,waveformClassName:T,controlsClassName:E,onPlay:D,onPause:O,onEnded:k,onTimeUpdate:A,onSeek:j,onSpeedChange:M,onDownload:N,onDelete:P,onRecordingStart:F,onRecordingStop:I,onRecordingCancel:L,onSend:R,onError:z}){let{isPlaying:B,currentTime:V,duration:H,playbackSpeed:U,isRecording:W,recordingDuration:G,recordedBlob:K,liveWaveform:q,togglePlay:J,seek:ee,setSpeed:te,startRecording:ne,stopRecording:re,cancelRecording:ie,progress:Y,formattedCurrentTime:ae,formattedDuration:oe,formattedRecordingDuration:se}=s({src:o,defaultSpeed:p,waveformBars:f,maxRecordingDuration:b,onError:z});n.useEffect(()=>{B?D?.():O?.()},[B,D,O]),n.useEffect(()=>{A?.(V)},[V,A]),n.useEffect(()=>{V>0&&V>=H&&k?.()},[V,H,k]);let X=e=>{let t=e/100*H;ee(t),j?.(t)},ce=e=>{te(e),M?.(e)},le=async()=>{await ne(),F?.()},ue=()=>{re()};n.useEffect(()=>{K&&!W&&G>0&&I?.({src:K,duration:G,waveform:q})},[K,W,G,q,I]);let Z=()=>{ie(),L?.()},de=()=>{K&&R?.({src:K,duration:G,waveform:q})},fe=()=>{N?.()},pe=()=>{P?.()},Q={sm:{container:`p-2 gap-2`,button:`h-7 w-7`,icon:`h-3.5 w-3.5`,text:`text-xs`,waveform:`h-6`},md:{container:`p-3 gap-3`,button:`h-9 w-9`,icon:`h-4 w-4`,text:`text-sm`,waveform:`h-8`},lg:{container:`p-4 gap-4`,button:`h-11 w-11`,icon:`h-5 w-5`,text:`text-base`,waveform:`h-10`}}[S],$={default:`bg-background border border-border rounded-lg`,bubble:`bg-muted rounded-2xl`,"bubble-sent":`bg-primary text-primary-foreground rounded-2xl rounded-br-sm`,"bubble-received":`bg-muted rounded-2xl rounded-bl-sm`};return e===`player`?(0,i.jsxs)(`div`,{className:t.cn(`flex items-center`,$[x],Q.container,C&&`opacity-50 pointer-events-none`,w),children:[(0,i.jsx)(`button`,{type:`button`,onClick:J,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:B?(0,i.jsx)(r.Pause,{className:Q.icon}):(0,i.jsx)(r.Play,{className:t.cn(Q.icon,`ml-0.5`)})}),(0,i.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,i.jsx)(c,{data:d,progress:Y,bars:f,className:t.cn(Q.waveform,T),onClick:X})}),(0,i.jsxs)(`div`,{className:t.cn(`shrink-0 tabular-nums`,Q.text),children:[(0,i.jsx)(`span`,{children:ae}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:` / `}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:oe})]}),y&&(0,i.jsx)(l,{speed:U,speeds:m,onSpeedChange:ce,disabled:C,size:S}),h&&(0,i.jsx)(`button`,{type:`button`,onClick:fe,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`hover:bg-muted transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.Download,{className:Q.icon})}),g&&(0,i.jsx)(`button`,{type:`button`,onClick:pe,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`text-destructive hover:bg-destructive/10 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.Trash2,{className:Q.icon})})]}):(0,i.jsxs)(`div`,{className:t.cn(`flex items-center`,$[x],Q.container,C&&`opacity-50 pointer-events-none`,w),children:[!W&&!K&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`button`,{type:`button`,onClick:le,disabled:C,className:t.cn(`relative flex items-center justify-center rounded-full shrink-0`,`bg-red-500 text-white`,`hover:bg-red-600 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:(0,i.jsx)(r.Mic,{className:Q.icon})}),(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,Q.text),children:`Tap to record`})]}),W&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`button`,{type:`button`,onClick:ue,disabled:C,className:t.cn(`relative flex items-center justify-center rounded-full shrink-0`,`bg-red-500 text-white`,`hover:bg-red-600 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:[(0,i.jsx)(u,{size:S}),(0,i.jsx)(r.Square,{className:t.cn(Q.icon,`relative z-10`)})]}),(0,i.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,i.jsx)(c,{data:q,progress:100,bars:f,className:t.cn(Q.waveform,T)})}),(0,i.jsxs)(`div`,{className:t.cn(`shrink-0 tabular-nums text-red-500`,Q.text),children:[se,b>0&&(0,i.jsxs)(`span`,{className:`text-muted-foreground`,children:[` `,`/ `,a(b)]})]}),v&&(0,i.jsx)(`button`,{type:`button`,onClick:Z,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`text-muted-foreground hover:bg-muted transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.X,{className:Q.icon})})]}),!W&&K&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`button`,{type:`button`,onClick:J,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:B?(0,i.jsx)(r.Pause,{className:Q.icon}):(0,i.jsx)(r.Play,{className:t.cn(Q.icon,`ml-0.5`)})}),(0,i.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,i.jsx)(c,{data:q,progress:Y,bars:f,className:t.cn(Q.waveform,T),onClick:X})}),(0,i.jsx)(`div`,{className:t.cn(`shrink-0 tabular-nums`,Q.text),children:a(G)}),v&&(0,i.jsx)(`button`,{type:`button`,onClick:Z,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`text-destructive hover:bg-destructive/10 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button),children:(0,i.jsx)(r.Trash2,{className:Q.icon})}),_&&(0,i.jsx)(`button`,{type:`button`,onClick:de,disabled:C,className:t.cn(`flex items-center justify-center rounded-full shrink-0`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,`disabled:opacity-50 disabled:cursor-not-allowed`,Q.button,E),children:(0,i.jsx)(r.Send,{className:Q.icon})})]})]})}exports.WakaVoiceMessage=d,exports.default=d,exports.useVoiceMessage=s;

package/dist/components/waka-voice-message/index.es.js

@@ -74,7 +74,8 @@ function h(e = {}) {
 			c.current = r, h.current = [], r.ondataavailable = (e) => {
 				e.data.size > 0 && h.current.push(e.data);
 			}, r.onstop = () => {
-				j(new Blob(h.current, { type: "audio/webm" }));
+				let e = new Blob(h.current, { type: "audio/webm" });
+				j(e);
 			}, r.start(100), D(!0), k(0), m.current = setInterval(() => {
 				k((e) => e + .1);
 			}, 100);
@@ -82,11 +83,11 @@ function h(e = {}) {
 				if (!u.current || !E) return;
 				let e = new Uint8Array(u.current.frequencyBinCount);
 				u.current.getByteFrequencyData(e);
-				let t = Math.floor(e.length / i);
-				N(Array.from({ length: i }, (n, r) => {
+				let t = Math.floor(e.length / i), n = Array.from({ length: i }, (n, r) => {
 					let i = e[r * t] / 255;
 					return Math.max(.1, i);
-				})), f.current = requestAnimationFrame(a);
+				});
+				N(n), f.current = requestAnimationFrame(a);
 			};
 			f.current = requestAnimationFrame(a);
 		} catch (e) {
@@ -389,4 +390,4 @@ function y({ mode: m = "player", src: y, waveform: b, waveformBars: x = 40, defa
 	});
 }
 //#endregion
-export { y as default, h as useVoiceMessage };
+export { y as WakaVoiceMessage, y as default, h as useVoiceMessage };

package/dist/components/waka-welcome-modal/index.cjs.js

@@ -1,4 +1,4 @@
-"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`),a=require(`@radix-ui/react-dialog`);a=e.__toESM(a);var o=[{id:`welcome`,title:`Welcome aboard!`,description:`We're excited to have you here. Let's get you set up in just a few steps.`,icon:(0,i.jsx)(r.Sparkles,{className:`h-12 w-12 text-primary`})},{id:`features`,title:`Discover powerful features`,description:`Explore the tools and capabilities that will help you succeed.`,icon:(0,i.jsx)(r.Rocket,{className:`h-12 w-12 text-primary`})},{id:`preferences`,title:`Customize your experience`,description:`Select the options that best fit your needs.`,icon:(0,i.jsx)(r.Settings,{className:`h-12 w-12 text-primary`}),options:[{id:`dark-mode`,label:`Dark Mode`,description:`Enable dark theme`},{id:`notifications`,label:`Notifications`,description:`Get updates and alerts`},{id:`newsletter`,label:`Newsletter`,description:`Receive tips and news`}],multiSelect:!0},{id:`ready`,title:`You're all set!`,description:`Your workspace is ready. Let's get started on your journey.`,icon:(0,i.jsx)(r.Users,{className:`h-12 w-12 text-primary`})}];function s(e={}){let{defaultOpen:t=!1,storageKey:r=`waka-welcome-modal-shown`,onComplete:i,onSkip:a}=e,o=n.useCallback(()=>{if(typeof window>`u`)return!1;try{return localStorage.getItem(r)===`true`}catch{return!1}},[r]),s=n.useCallback(()=>{if(typeof window>`u`)return t;try{let e=localStorage.getItem(r)===`true`;return t&&!e}catch{return t}},[t,r]),[c,l]=n.useState(s),[u,d]=n.useState(0),[f,p]=n.useState({}),[m,h]=n.useState(o);n.useEffect(()=>{l(s()),h(o())},[s,o]);let g=n.useCallback(e=>{if(h(e),typeof window<`u`)try{e?localStorage.setItem(r,`true`):localStorage.removeItem(r)}catch{}},[r]),_=n.useCallback(()=>{l(!0)},[]),v=n.useCallback(()=>{l(!1)},[]),y=n.useCallback(()=>{d(e=>e+1)},[]),b=n.useCallback(()=>{d(e=>Math.max(0,e-1))},[]),x=n.useCallback((e,t,n=!1)=>{p(r=>{let i=r[e]||[],a=i.includes(t);return n?{...r,[e]:a?i.filter(e=>e!==t):[...i,t]}:{...r,[e]:a?[]:[t]}})},[]),S=n.useCallback(()=>{p({})},[]),C=n.useCallback(()=>{l(!1),i?.(f)},[f,i]),w=n.useCallback(()=>{l(!1),a?.()},[a]);return{open:c,setOpen:l,openModal:_,closeModal:v,currentStep:u,setCurrentStep:d,nextStep:y,prevStep:b,selections:f,toggleSelection:x,clearSelections:S,dontShowAgain:m,setDontShowAgain:g,complete:C,skip:w,reset:n.useCallback(()=>{d(0),p({})},[]),modalProps:{open:c,onOpenChange:n.useCallback(e=>{l(e),e||setTimeout(()=>{d(0)},300)},[]),dontShowAgain:m,onDontShowAgainChange:g,onComplete:C,onSkip:w}}}function c({totalSteps:e,currentStep:n,onStepClick:r,className:a}){return(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center gap-2`,a),children:Array.from({length:e}).map((e,a)=>(0,i.jsx)(`button`,{type:`button`,onClick:()=>r?.(a),disabled:!r,"aria-label":`Go to step ${a+1}`,"aria-current":a===n?`step`:void 0,className:t.cn(`h-2 rounded-full transition-all duration-300`,a===n?`w-6 bg-primary`:`w-2 bg-muted-foreground/30 hover:bg-muted-foreground/50`,r&&`cursor-pointer`,!r&&`cursor-default`)},a))})}function l({option:e,selected:n,onSelect:a}){return(0,i.jsxs)(`button`,{type:`button`,onClick:a,className:t.cn(`flex items-center gap-3 w-full p-4 rounded-lg border-2 transition-all duration-200`,`hover:border-primary/50 hover:bg-primary/5`,n?`border-primary bg-primary/10`:`border-border bg-background`),children:[e.icon&&(0,i.jsx)(`div`,{className:`flex-shrink-0 text-primary`,children:e.icon}),(0,i.jsxs)(`div`,{className:`flex-1 text-left`,children:[(0,i.jsx)(`div`,{className:`font-medium`,children:e.label}),e.description&&(0,i.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.description})]}),(0,i.jsx)(`div`,{className:t.cn(`flex-shrink-0 h-5 w-5 rounded-full border-2 flex items-center justify-center transition-all duration-200`,n?`border-primary bg-primary text-primary-foreground`:`border-muted-foreground/30`),children:n&&(0,i.jsx)(r.Check,{className:`h-3 w-3`})})]})}function u({open:e,onOpenChange:s,steps:u=o,userName:d,onComplete:f,onSkip:p,allowSkip:m=!0,showDontShowAgain:h=!0,onDontShowAgainChange:g,dontShowAgain:_=!1,skipText:v=`Skip`,nextText:y=`Next`,prevText:b=`Back`,completeText:x=`Get Started`,className:S,animationDuration:C=300}){let[w,T]=n.useState(0),[E,D]=n.useState({}),[O,k]=n.useState(`forward`),[A,j]=n.useState(!1),[M,N]=n.useState(_),P=u.length,F=u[w],I=w===0,L=w===P-1;n.useEffect(()=>{N(_)},[_]),n.useEffect(()=>{if(!e){let e=setTimeout(()=>{T(0),k(`forward`)},C);return()=>clearTimeout(e)}},[e,C]);let R=n.useCallback(()=>{A||(L?(f?.(E),s(!1)):(k(`forward`),j(!0),setTimeout(()=>{T(e=>e+1),j(!1)},C/2)))},[L,A,E,f,s,C]),z=n.useCallback(()=>{A||I||(k(`backward`),j(!0),setTimeout(()=>{T(e=>e-1),j(!1)},C/2))},[I,A,C]),B=n.useCallback(()=>{p?.(),s(!1)},[p,s]),V=n.useCallback(e=>{N(e),g?.(e)},[g]),H=n.useCallback(e=>{F&&D(t=>{let n=t[F.id]||[],r=n.includes(e);return F.multiSelect?{...t,[F.id]:r?n.filter(t=>t!==e):[...n,e]}:{...t,[F.id]:r?[]:[e]}})},[F]),U=n.useMemo(()=>F?d&&w===0?F.title.replace(`!`,`, ${d}!`):F.title:``,[F,d,w]);return(0,i.jsx)(a.Root,{open:e,onOpenChange:s,children:(0,i.jsxs)(a.Portal,{children:[(0,i.jsx)(a.Overlay,{className:t.cn(`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`)}),(0,i.jsxs)(a.Content,{"aria-describedby":`welcome-modal-description`,className:t.cn(`fixed z-50 w-full max-w-lg bg-background shadow-2xl rounded-2xl overflow-hidden`,`left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95`,`duration-300`,S),children:[(0,i.jsxs)(a.Title,{className:`sr-only`,children:[`Welcome Modal - Step `,w+1,` of `,P]}),(0,i.jsx)(a.Description,{id:`welcome-modal-description`,className:`sr-only`,children:`A multi-step welcome wizard to help you get started`}),(0,i.jsxs)(a.Close,{className:t.cn(`absolute right-4 top-4 z-10 rounded-full p-2`,`bg-background/80 backdrop-blur-sm`,`opacity-70 ring-offset-background transition-opacity`,`hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`),children:[(0,i.jsx)(r.X,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Close`})]}),(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsxs)(`div`,{className:`relative h-48 bg-gradient-to-br from-primary/10 via-primary/5 to-background flex items-center justify-center overflow-hidden`,children:[(0,i.jsxs)(`div`,{className:`absolute inset-0 opacity-20`,children:[(0,i.jsx)(`div`,{className:`absolute top-0 left-0 w-32 h-32 bg-primary/20 rounded-full blur-3xl animate-pulse`}),(0,i.jsx)(`div`,{className:`absolute bottom-0 right-0 w-40 h-40 bg-primary/30 rounded-full blur-3xl animate-pulse delay-150`})]}),(0,i.jsx)(`div`,{className:t.cn(`relative z-10 transition-all`,A&&O===`forward`&&`animate-slide-out-left`,A&&O===`backward`&&`animate-slide-out-right`,!A&&`animate-slide-in`),style:{animationDuration:`${C/2}ms`},children:F?.illustration?(0,i.jsx)(`img`,{src:F.illustration,alt:F.title,className:`max-h-32 object-contain`}):(0,i.jsx)(`div`,{className:`p-6 bg-background/50 backdrop-blur-sm rounded-full shadow-lg`,children:F?.icon||(0,i.jsx)(r.Sparkles,{className:`h-12 w-12 text-primary`})})})]}),(0,i.jsx)(`div`,{className:`px-8 pt-6 pb-4`,children:(0,i.jsxs)(`div`,{className:t.cn(`transition-all`,A&&O===`forward`&&`opacity-0 translate-x-4`,A&&O===`backward`&&`opacity-0 -translate-x-4`,!A&&`opacity-100 translate-x-0`),style:{transitionDuration:`${C/2}ms`},children:[(0,i.jsx)(`h2`,{className:`text-2xl font-bold text-center mb-2`,children:U}),(0,i.jsx)(`p`,{className:`text-muted-foreground text-center`,children:F?.description})]})}),F?.options&&F.options.length>0&&(0,i.jsx)(`div`,{className:t.cn(`px-8 pb-4 space-y-3 transition-all`,A&&`opacity-0`,!A&&`opacity-100`),style:{transitionDuration:`${C/2}ms`},children:F.options.map(e=>(0,i.jsx)(l,{option:e,selected:(E[F.id]||[]).includes(e.id),onSelect:()=>H(e.id)},e.id))}),F?.content&&(0,i.jsx)(`div`,{className:t.cn(`px-8 pb-4 transition-all`,A&&`opacity-0`,!A&&`opacity-100`),style:{transitionDuration:`${C/2}ms`},children:F.content}),(0,i.jsx)(`div`,{className:`px-8 py-4`,children:(0,i.jsx)(c,{totalSteps:P,currentStep:w})}),(0,i.jsxs)(`div`,{className:`px-8 pb-6 space-y-4`,children:[h&&L&&(0,i.jsxs)(`label`,{className:`flex items-center justify-center gap-2 text-sm text-muted-foreground cursor-pointer`,children:[(0,i.jsx)(`input`,{type:`checkbox`,checked:M,onChange:e=>V(e.target.checked),className:`h-4 w-4 rounded border-border`}),(0,i.jsx)(`span`,{children:`Don't show this again`})]}),(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`div`,{className:`flex-1`,children:I?m&&(0,i.jsx)(`button`,{type:`button`,onClick:B,className:t.cn(`px-4 py-2 text-sm font-medium text-muted-foreground`,`hover:text-foreground transition-colors`),children:v}):(0,i.jsx)(`button`,{type:`button`,onClick:z,disabled:A,className:t.cn(`px-4 py-2 text-sm font-medium text-muted-foreground`,`hover:text-foreground transition-colors`,`disabled:opacity-50 disabled:cursor-not-allowed`),children:b})}),(0,i.jsxs)(`button`,{type:`button`,onClick:R,disabled:A,className:t.cn(`flex items-center gap-2 px-6 py-3 rounded-full font-medium`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`disabled:opacity-50 disabled:cursor-not-allowed`,`shadow-lg shadow-primary/25`),children:[L?x:y,!L&&(0,i.jsx)(r.ChevronRight,{className:`h-4 w-4`})]})]})]})]}),(0,i.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
+"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"),a=require("@radix-ui/react-dialog");a=e.__toESM(a);var o=[{id:`welcome`,title:`Welcome aboard!`,description:`We're excited to have you here. Let's get you set up in just a few steps.`,icon:(0,i.jsx)(r.Sparkles,{className:`h-12 w-12 text-primary`})},{id:`features`,title:`Discover powerful features`,description:`Explore the tools and capabilities that will help you succeed.`,icon:(0,i.jsx)(r.Rocket,{className:`h-12 w-12 text-primary`})},{id:`preferences`,title:`Customize your experience`,description:`Select the options that best fit your needs.`,icon:(0,i.jsx)(r.Settings,{className:`h-12 w-12 text-primary`}),options:[{id:`dark-mode`,label:`Dark Mode`,description:`Enable dark theme`},{id:`notifications`,label:`Notifications`,description:`Get updates and alerts`},{id:`newsletter`,label:`Newsletter`,description:`Receive tips and news`}],multiSelect:!0},{id:`ready`,title:`You're all set!`,description:`Your workspace is ready. Let's get started on your journey.`,icon:(0,i.jsx)(r.Users,{className:`h-12 w-12 text-primary`})}];function s(e={}){let{defaultOpen:t=!1,storageKey:r=`waka-welcome-modal-shown`,onComplete:i,onSkip:a}=e,o=n.useCallback(()=>{if(typeof window>`u`)return!1;try{return localStorage.getItem(r)===`true`}catch{return!1}},[r]),s=n.useCallback(()=>{if(typeof window>`u`)return t;try{let e=localStorage.getItem(r)===`true`;return t&&!e}catch{return t}},[t,r]),[c,l]=n.useState(s),[u,d]=n.useState(0),[f,p]=n.useState({}),[m,h]=n.useState(o);n.useEffect(()=>{l(s()),h(o())},[s,o]);let g=n.useCallback(e=>{if(h(e),typeof window<`u`)try{e?localStorage.setItem(r,`true`):localStorage.removeItem(r)}catch{}},[r]),_=n.useCallback(()=>{l(!0)},[]),v=n.useCallback(()=>{l(!1)},[]),y=n.useCallback(()=>{d(e=>e+1)},[]),b=n.useCallback(()=>{d(e=>Math.max(0,e-1))},[]),x=n.useCallback((e,t,n=!1)=>{p(r=>{let i=r[e]||[],a=i.includes(t);return n?{...r,[e]:a?i.filter(e=>e!==t):[...i,t]}:{...r,[e]:a?[]:[t]}})},[]),S=n.useCallback(()=>{p({})},[]),C=n.useCallback(()=>{l(!1),i?.(f)},[f,i]),w=n.useCallback(()=>{l(!1),a?.()},[a]);return{open:c,setOpen:l,openModal:_,closeModal:v,currentStep:u,setCurrentStep:d,nextStep:y,prevStep:b,selections:f,toggleSelection:x,clearSelections:S,dontShowAgain:m,setDontShowAgain:g,complete:C,skip:w,reset:n.useCallback(()=>{d(0),p({})},[]),modalProps:{open:c,onOpenChange:n.useCallback(e=>{l(e),e||setTimeout(()=>{d(0)},300)},[]),dontShowAgain:m,onDontShowAgainChange:g,onComplete:C,onSkip:w}}}function c({totalSteps:e,currentStep:n,onStepClick:r,className:a}){return(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center gap-2`,a),children:Array.from({length:e}).map((e,a)=>(0,i.jsx)(`button`,{type:`button`,onClick:()=>r?.(a),disabled:!r,"aria-label":`Go to step ${a+1}`,"aria-current":a===n?`step`:void 0,className:t.cn(`h-2 rounded-full transition-all duration-300`,a===n?`w-6 bg-primary`:`w-2 bg-muted-foreground/30 hover:bg-muted-foreground/50`,r&&`cursor-pointer`,!r&&`cursor-default`)},a))})}function l({option:e,selected:n,onSelect:a}){return(0,i.jsxs)(`button`,{type:`button`,onClick:a,className:t.cn(`flex items-center gap-3 w-full p-4 rounded-lg border-2 transition-all duration-200`,`hover:border-primary/50 hover:bg-primary/5`,n?`border-primary bg-primary/10`:`border-border bg-background`),children:[e.icon&&(0,i.jsx)(`div`,{className:`flex-shrink-0 text-primary`,children:e.icon}),(0,i.jsxs)(`div`,{className:`flex-1 text-left`,children:[(0,i.jsx)(`div`,{className:`font-medium`,children:e.label}),e.description&&(0,i.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.description})]}),(0,i.jsx)(`div`,{className:t.cn(`flex-shrink-0 h-5 w-5 rounded-full border-2 flex items-center justify-center transition-all duration-200`,n?`border-primary bg-primary text-primary-foreground`:`border-muted-foreground/30`),children:n&&(0,i.jsx)(r.Check,{className:`h-3 w-3`})})]})}function u({open:e,onOpenChange:s,steps:u=o,userName:d,onComplete:f,onSkip:p,allowSkip:m=!0,showDontShowAgain:h=!0,onDontShowAgainChange:g,dontShowAgain:_=!1,skipText:v=`Skip`,nextText:y=`Next`,prevText:b=`Back`,completeText:x=`Get Started`,className:S,animationDuration:C=300}){let[w,T]=n.useState(0),[E,D]=n.useState({}),[O,k]=n.useState(`forward`),[A,j]=n.useState(!1),[M,N]=n.useState(_),P=u.length,F=u[w],I=w===0,L=w===P-1;n.useEffect(()=>{N(_)},[_]),n.useEffect(()=>{if(!e){let e=setTimeout(()=>{T(0),k(`forward`)},C);return()=>clearTimeout(e)}},[e,C]);let R=n.useCallback(()=>{A||(L?(f?.(E),s(!1)):(k(`forward`),j(!0),setTimeout(()=>{T(e=>e+1),j(!1)},C/2)))},[L,A,E,f,s,C]),z=n.useCallback(()=>{A||I||(k(`backward`),j(!0),setTimeout(()=>{T(e=>e-1),j(!1)},C/2))},[I,A,C]),B=n.useCallback(()=>{p?.(),s(!1)},[p,s]),V=n.useCallback(e=>{N(e),g?.(e)},[g]),H=n.useCallback(e=>{F&&D(t=>{let n=t[F.id]||[],r=n.includes(e);return F.multiSelect?{...t,[F.id]:r?n.filter(t=>t!==e):[...n,e]}:{...t,[F.id]:r?[]:[e]}})},[F]),U=n.useMemo(()=>F?d&&w===0?F.title.replace(`!`,`, ${d}!`):F.title:``,[F,d,w]);return(0,i.jsx)(a.Root,{open:e,onOpenChange:s,children:(0,i.jsxs)(a.Portal,{children:[(0,i.jsx)(a.Overlay,{className:t.cn(`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`)}),(0,i.jsxs)(a.Content,{"aria-describedby":`welcome-modal-description`,className:t.cn(`fixed z-50 w-full max-w-lg bg-background shadow-2xl rounded-2xl overflow-hidden`,`left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95`,`duration-300`,S),children:[(0,i.jsxs)(a.Title,{className:`sr-only`,children:[`Welcome Modal - Step `,w+1,` of `,P]}),(0,i.jsx)(a.Description,{id:`welcome-modal-description`,className:`sr-only`,children:`A multi-step welcome wizard to help you get started`}),(0,i.jsxs)(a.Close,{className:t.cn(`absolute right-4 top-4 z-10 rounded-full p-2`,`bg-background/80 backdrop-blur-sm`,`opacity-70 ring-offset-background transition-opacity`,`hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`),children:[(0,i.jsx)(r.X,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Close`})]}),(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsxs)(`div`,{className:`relative h-48 bg-gradient-to-br from-primary/10 via-primary/5 to-background flex items-center justify-center overflow-hidden`,children:[(0,i.jsxs)(`div`,{className:`absolute inset-0 opacity-20`,children:[(0,i.jsx)(`div`,{className:`absolute top-0 left-0 w-32 h-32 bg-primary/20 rounded-full blur-3xl animate-pulse`}),(0,i.jsx)(`div`,{className:`absolute bottom-0 right-0 w-40 h-40 bg-primary/30 rounded-full blur-3xl animate-pulse delay-150`})]}),(0,i.jsx)(`div`,{className:t.cn(`relative z-10 transition-all`,A&&O===`forward`&&`animate-slide-out-left`,A&&O===`backward`&&`animate-slide-out-right`,!A&&`animate-slide-in`),style:{animationDuration:`${C/2}ms`},children:F?.illustration?(0,i.jsx)(`img`,{src:F.illustration,alt:F.title,className:`max-h-32 object-contain`}):(0,i.jsx)(`div`,{className:`p-6 bg-background/50 backdrop-blur-sm rounded-full shadow-lg`,children:F?.icon||(0,i.jsx)(r.Sparkles,{className:`h-12 w-12 text-primary`})})})]}),(0,i.jsx)(`div`,{className:`px-8 pt-6 pb-4`,children:(0,i.jsxs)(`div`,{className:t.cn(`transition-all`,A&&O===`forward`&&`opacity-0 translate-x-4`,A&&O===`backward`&&`opacity-0 -translate-x-4`,!A&&`opacity-100 translate-x-0`),style:{transitionDuration:`${C/2}ms`},children:[(0,i.jsx)(`h2`,{className:`text-2xl font-bold text-center mb-2`,children:U}),(0,i.jsx)(`p`,{className:`text-muted-foreground text-center`,children:F?.description})]})}),F?.options&&F.options.length>0&&(0,i.jsx)(`div`,{className:t.cn(`px-8 pb-4 space-y-3 transition-all`,A&&`opacity-0`,!A&&`opacity-100`),style:{transitionDuration:`${C/2}ms`},children:F.options.map(e=>(0,i.jsx)(l,{option:e,selected:(E[F.id]||[]).includes(e.id),onSelect:()=>H(e.id)},e.id))}),F?.content&&(0,i.jsx)(`div`,{className:t.cn(`px-8 pb-4 transition-all`,A&&`opacity-0`,!A&&`opacity-100`),style:{transitionDuration:`${C/2}ms`},children:F.content}),(0,i.jsx)(`div`,{className:`px-8 py-4`,children:(0,i.jsx)(c,{totalSteps:P,currentStep:w})}),(0,i.jsxs)(`div`,{className:`px-8 pb-6 space-y-4`,children:[h&&L&&(0,i.jsxs)(`label`,{className:`flex items-center justify-center gap-2 text-sm text-muted-foreground cursor-pointer`,children:[(0,i.jsx)(`input`,{type:`checkbox`,checked:M,onChange:e=>V(e.target.checked),className:`h-4 w-4 rounded border-border`}),(0,i.jsx)(`span`,{children:`Don't show this again`})]}),(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`div`,{className:`flex-1`,children:I?m&&(0,i.jsx)(`button`,{type:`button`,onClick:B,className:t.cn(`px-4 py-2 text-sm font-medium text-muted-foreground`,`hover:text-foreground transition-colors`),children:v}):(0,i.jsx)(`button`,{type:`button`,onClick:z,disabled:A,className:t.cn(`px-4 py-2 text-sm font-medium text-muted-foreground`,`hover:text-foreground transition-colors`,`disabled:opacity-50 disabled:cursor-not-allowed`),children:b})}),(0,i.jsxs)(`button`,{type:`button`,onClick:R,disabled:A,className:t.cn(`flex items-center gap-2 px-6 py-3 rounded-full font-medium`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`disabled:opacity-50 disabled:cursor-not-allowed`,`shadow-lg shadow-primary/25`),children:[L?x:y,!L&&(0,i.jsx)(r.ChevronRight,{className:`h-4 w-4`})]})]})]})]}),(0,i.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
             @keyframes waka-slide-out-left {
               from {
                 opacity: 1;
@@ -38,4 +38,4 @@
             .animate-slide-in {
               animation: waka-slide-in ease-out forwards;
             }
-          `}})]})]})})}exports.default=u,exports.defaultWelcomeSteps=o,exports.useWelcomeModal=s;
+          `}})]})]})})}exports.WakaWelcomeModal=u,exports.default=u,exports.defaultWelcomeSteps=o,exports.useWelcomeModal=s;

package/dist/components/waka-welcome-modal/index.es.js

@@ -351,4 +351,4 @@ function g({ open: n, onOpenChange: i, steps: a = f, userName: s, onComplete: p,
 	});
 }
 //#endregion
-export { g as default, f as defaultWelcomeSteps, p as useWelcomeModal };
+export { g as WakaWelcomeModal, g as default, f as defaultWelcomeSteps, p as useWelcomeModal };