@wakastellar/ui 4.0.1 → 4.1.1

package/dist/components/waka-mention-input/index.es.js

@@ -72,7 +72,7 @@ function p(e = {}) {
 function m(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function h(e, t) {
+function ee(e, t) {
 	let n = document.createElement("div"), r = getComputedStyle(e);
 	for (let e of Array.from(r)) n.style.setProperty(e, r.getPropertyValue(e));
 	n.style.position = "absolute", n.style.visibility = "hidden", n.style.whiteSpace = "pre-wrap", n.style.wordWrap = "break-word", n.style.overflow = "hidden", n.style.width = `${e.offsetWidth}px`, n.style.height = "auto", n.textContent = e.value.substring(0, t);
@@ -84,7 +84,7 @@ function h(e, t) {
 	};
 	return document.body.removeChild(n), s;
 }
-function ee({ items: n, highlightedIndex: r, onSelect: a, onHighlight: s, trigger: c, loading: l, position: f, visible: p }) {
+function te({ items: n, highlightedIndex: r, onSelect: a, onHighlight: s, trigger: c, loading: l, position: f, visible: p }) {
 	let m = t.useRef(null);
 	return t.useEffect(() => {
 		if (m.current && r >= 0) {
@@ -142,7 +142,7 @@ function ee({ items: n, highlightedIndex: r, onSelect: a, onHighlight: s, trigge
 		})
 	}) : null;
 }
-function g({ text: t, mentions: i, triggers: a }) {
+function h({ text: t, mentions: i, triggers: a }) {
 	let o = [], s = 0, c = [...i].sort((e, t) => e.startIndex - t.startIndex);
 	for (let i of c) {
 		i.startIndex > s && o.push(/* @__PURE__ */ u("span", { children: t.substring(s, i.startIndex) }, `text-${s}`));
@@ -154,7 +154,7 @@ function g({ text: t, mentions: i, triggers: a }) {
 	}
 	return s < t.length && o.push(/* @__PURE__ */ u("span", { children: t.substring(s) }, `text-${s}`)), /* @__PURE__ */ u(l, { children: o });
 }
-var _ = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p = "Type @ to mention someone...", disabled: _ = !1, error: v, maxLength: y, maxMentions: b, showCharacterCount: x = !1, showMentionCount: S = !1, minHeight: C = 80, maxHeight: te = 300, showPreview: ne = !1, className: w, label: T, description: E, searchDebounce: D = 300, autoFocus: re = !1, onFocus: ie, onBlur: ae, onSubmit: oe }, se) => {
+var g = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p = "Type @ to mention someone...", disabled: g = !1, error: _, maxLength: v, maxMentions: y, showCharacterCount: b = !1, showMentionCount: x = !1, minHeight: ne = 80, maxHeight: re = 300, showPreview: ie = !1, className: ae, label: S, description: C, searchDebounce: w = 300, autoFocus: T = !1, onFocus: E, onBlur: oe, onSubmit: D }, se) => {
 	let O = t.useRef(null), k = t.useRef(null), [A, j] = t.useState(i || ""), [M, N] = t.useState([]), [ce, P] = t.useState(!1), [F, I] = t.useState(!1), [le, ue] = t.useState({
 		top: 0,
 		left: 0
@@ -192,18 +192,22 @@ var _ = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p =
 		if (t.onSearch) {
 			W(!0);
 			try {
-				R(await t.onSearch(e));
+				let n = await t.onSearch(e);
+				R(n);
 			} catch {
 				R([]);
 			} finally {
 				W(!1);
 			}
-		} else t.data && R(t.data.filter((t) => t.display.toLowerCase().includes(e.toLowerCase()) || t.value.toLowerCase().includes(e.toLowerCase())));
+		} else if (t.data) {
+			let n = t.data.filter((t) => t.display.toLowerCase().includes(e.toLowerCase()) || t.value.toLowerCase().includes(e.toLowerCase()));
+			R(n);
+		}
 	}, []);
 	t.useEffect(() => {
 		if (!(!V || !F)) return G.current && clearTimeout(G.current), V.onSearch ? G.current = setTimeout(() => {
 			Y(U, V);
-		}, D) : Y(U, V), () => {
+		}, w) : Y(U, V), () => {
 			G.current && clearTimeout(G.current);
 		};
 	}, [
@@ -211,7 +215,7 @@ var _ = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p =
 		V,
 		F,
 		Y,
-		D
+		w
 	]);
 	let pe = (e) => {
 		let t = e.target.value, n = e.target.selectionStart, r = null, i = -1;
@@ -228,7 +232,15 @@ var _ = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p =
 			}
 			if (r) break;
 		}
-		r && i >= 0 ? (de(t.substring(i + 1, n)), H(r), K.current = i, O.current && ue(h(O.current, i)), I(!0), B(0)) : (I(!1), H(null), K.current = -1), j(t), q(t);
+		if (r && i >= 0) {
+			let e = t.substring(i + 1, n);
+			if (de(e), H(r), K.current = i, O.current) {
+				let e = ee(O.current, i);
+				ue(e);
+			}
+			I(!0), B(0);
+		} else I(!1), H(null), K.current = -1;
+		j(t), q(t);
 		let a = [];
 		for (let e of l) {
 			let n = RegExp(`${m(e.trigger)}\\[([^\\]]+)\\]\\(([^)]+)\\)`, "g"), r;
@@ -249,7 +261,7 @@ var _ = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p =
 		}
 		o?.(t, s, a);
 	}, X = (e) => {
-		if (!V || K.current < 0 || b && M.length >= b) return;
+		if (!V || K.current < 0 || y && M.length >= y) return;
 		let t = O.current;
 		if (!t) return;
 		let n = t.selectionStart, r = A.substring(0, K.current), i = A.substring(n), a = `${V.trigger}[${e.display}](${e.id})`, s = `${r}${a} ${i}`;
@@ -278,9 +290,9 @@ var _ = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p =
 			d = d.replace(t, `${e.trigger}${e.display}`);
 		}
 		o?.(s, d, u);
-	}, Z = (e) => {
+	}, me = (e) => {
 		if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
-			e.preventDefault(), oe?.(A, J, M);
+			e.preventDefault(), D?.(A, J, M);
 			return;
 		}
 		if (F) switch (e.key) {
@@ -298,12 +310,12 @@ var _ = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p =
 				e.preventDefault(), I(!1), H(null);
 				break;
 		}
-	}, me = () => {
-		P(!0), ie?.();
+	}, Z = () => {
+		P(!0), E?.();
 	}, he = (e) => {
 		k.current?.contains(e.relatedTarget) || (P(!1), setTimeout(() => {
 			I(!1);
-		}, 150), ae?.());
+		}, 150), oe?.());
 	}, ge = (e) => {
 		let t = M.find((t) => t.id === e);
 		if (!t) return;
@@ -317,41 +329,41 @@ var _ = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p =
 		o?.(r, i, a);
 	};
 	t.useImperativeHandle(se, () => O.current, []);
-	let Q = J.length, $ = M.length, _e = y ? Q > y : !1, ve = b ? $ > b : !1;
+	let Q = J.length, $ = M.length, _e = v ? Q > v : !1, ve = y ? $ > y : !1;
 	return /* @__PURE__ */ d("div", {
 		ref: k,
-		className: e("space-y-1.5", w),
+		className: e("space-y-1.5", ae),
 		children: [
-			T && /* @__PURE__ */ u("label", {
+			S && /* @__PURE__ */ u("label", {
 				className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-				children: T
+				children: S
 			}),
-			E && /* @__PURE__ */ u("p", {
+			C && /* @__PURE__ */ u("p", {
 				className: "text-sm text-muted-foreground",
-				children: E
+				children: C
 			}),
 			/* @__PURE__ */ d("div", {
 				className: "relative",
 				children: [/* @__PURE__ */ d("div", {
-					className: e("relative rounded-lg border bg-background transition-colors", ce && "ring-2 ring-ring ring-offset-2 ring-offset-background", v && "border-destructive", _ && "opacity-50 cursor-not-allowed"),
+					className: e("relative rounded-lg border bg-background transition-colors", ce && "ring-2 ring-ring ring-offset-2 ring-offset-background", _ && "border-destructive", g && "opacity-50 cursor-not-allowed"),
 					children: [
 						/* @__PURE__ */ u("textarea", {
 							ref: O,
 							value: A,
 							onChange: pe,
-							onKeyDown: Z,
-							onFocus: me,
+							onKeyDown: me,
+							onFocus: Z,
 							onBlur: he,
 							placeholder: p,
-							disabled: _,
-							autoFocus: re,
+							disabled: g,
+							autoFocus: T,
 							className: e("w-full resize-none bg-transparent px-3 py-2 text-sm", "placeholder:text-muted-foreground", "focus:outline-none", "disabled:cursor-not-allowed"),
 							style: {
-								minHeight: C,
-								maxHeight: te
+								minHeight: ne,
+								maxHeight: re
 							}
 						}),
-						V && /* @__PURE__ */ u(ee, {
+						V && /* @__PURE__ */ u(te, {
 							items: L,
 							highlightedIndex: z,
 							onSelect: X,
@@ -361,21 +373,21 @@ var _ = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p =
 							position: le,
 							visible: F
 						}),
-						(x || S) && /* @__PURE__ */ d("div", {
+						(b || x) && /* @__PURE__ */ d("div", {
 							className: "flex items-center justify-between px-3 py-1.5 border-t bg-muted/30 text-xs text-muted-foreground",
 							children: [/* @__PURE__ */ u("div", {
 								className: "flex items-center gap-3",
-								children: S && /* @__PURE__ */ d("span", {
+								children: x && /* @__PURE__ */ d("span", {
 									className: e(ve && "text-destructive"),
 									children: [
 										/* @__PURE__ */ u(s, { className: "h-3 w-3 inline mr-1" }),
 										$,
-										b && ` / ${b}`
+										y && ` / ${y}`
 									]
 								})
-							}), x && /* @__PURE__ */ d("span", {
+							}), b && /* @__PURE__ */ d("span", {
 								className: e(_e && "text-destructive"),
-								children: [Q, y && ` / ${y}`]
+								children: [Q, v && ` / ${v}`]
 							})]
 						})
 					]
@@ -391,18 +403,18 @@ var _ = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p =
 					}, e.trigger))
 				})]
 			}),
-			v && /* @__PURE__ */ u("p", {
+			_ && /* @__PURE__ */ u("p", {
 				className: "text-sm text-destructive",
-				children: v
+				children: _
 			}),
-			ne && A && /* @__PURE__ */ d("div", {
+			ie && A && /* @__PURE__ */ d("div", {
 				className: "p-3 rounded-lg border bg-muted/30",
 				children: [/* @__PURE__ */ u("div", {
 					className: "text-xs text-muted-foreground mb-1.5",
 					children: "Preview"
 				}), /* @__PURE__ */ u("div", {
 					className: "text-sm whitespace-pre-wrap",
-					children: /* @__PURE__ */ u(g, {
+					children: /* @__PURE__ */ u(h, {
 						text: A,
 						mentions: M,
 						triggers: l
@@ -431,6 +443,6 @@ var _ = t.forwardRef(({ value: i, onChange: o, triggers: l = f, placeholder: p =
 		]
 	});
 });
-_.displayName = "WakaMentionInput";
+g.displayName = "WakaMentionInput";
 //#endregion
-export { _ as default, p as useMentionInput };
+export { g as WakaMentionInput, g as default, p as useMentionInput };

package/dist/components/waka-metric-sparkline/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){if(e===void 0||t===void 0||t===0)return{direction:`neutral`,percentage:0};let n=e-t,r=n/Math.abs(t)*100;return n>0?{direction:`up`,percentage:r}:n<0?{direction:`down`,percentage:Math.abs(r)}:{direction:`neutral`,percentage:0}}function a(e){let t=1/0,n=-1/0,r=0,i=0;return e.forEach((e,a)=>{e<t&&(t=e,r=a),e>n&&(n=e,i=a)}),{min:t,max:n,minIndex:r,maxIndex:i}}function o({direction:e,percentage:n,color:i}){let a=i||(e===`up`?`text-green-600`:e===`down`?`text-red-600`:`text-muted-foreground`),o=e===`up`?`↑`:e===`down`?`↓`:``;return e===`neutral`?null:(0,r.jsxs)(`span`,{className:t.cn(`inline-flex items-center text-xs font-medium`,a),style:i?{color:i}:void 0,children:[(0,r.jsx)(`span`,{className:`mr-0.5`,children:o}),(0,r.jsxs)(`span`,{children:[n.toFixed(1),`%`]})]})}function s({visible:e,x:n,y:i,value:a,index:o,formatValue:s,containerRef:c}){return e?(0,r.jsxs)(`div`,{className:t.cn(`absolute z-10 px-2 py-1 text-xs font-medium rounded-md shadow-lg`,`bg-foreground text-background`,`animate-in fade-in-0 zoom-in-95 duration-100`,`pointer-events-none whitespace-nowrap`),style:{left:n,top:i-30,transform:`translateX(-50%)`},children:[(0,r.jsx)(`div`,{children:s(a)}),(0,r.jsxs)(`div`,{className:`text-[10px] opacity-70`,children:[`Point `,o+1]}),(0,r.jsx)(`div`,{className:`absolute left-1/2 -translate-x-1/2 -bottom-1 w-2 h-2 rotate-45 bg-foreground`})]}):null}function c({data:e,width:t,height:i,color:o,animated:s,showMinMax:c,onHover:l}){let[u,d]=n.useState(0),[f,p]=n.useState(!s),m=n.useRef(null),h=t-4,g=i-4,{min:_,max:v,minIndex:y,maxIndex:b}=a(e),x=v-_||1,S=e.map((t,n)=>({x:2+n/(e.length-1)*h,y:2+g-(t-_)/x*g,value:t})),C=S.map((e,t)=>`${t===0?`M`:`L`} ${e.x} ${e.y}`).join(` `);return n.useEffect(()=>{m.current&&d(m.current.getTotalLength())},[e]),n.useEffect(()=>{if(s&&u>0){let e=setTimeout(()=>p(!0),50);return()=>clearTimeout(e)}},[s,u]),(0,r.jsxs)(`svg`,{width:t,height:i,className:`overflow-visible`,"aria-hidden":`true`,focusable:`false`,children:[(0,r.jsx)(`path`,{ref:m,d:C,fill:`none`,stroke:o,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,style:s&&u>0?{strokeDasharray:u,strokeDashoffset:f?0:u,transition:`stroke-dashoffset 1s ease-out`}:void 0}),c&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`circle`,{cx:S[y].x,cy:S[y].y,r:`3`,fill:`white`,stroke:o,strokeWidth:`1.5`,className:`opacity-80`}),(0,r.jsx)(`circle`,{cx:S[b].x,cy:S[b].y,r:`3`,fill:o,stroke:`white`,strokeWidth:`1`})]}),S.map((e,t)=>(0,r.jsx)(`circle`,{cx:e.x,cy:e.y,r:`6`,fill:`transparent`,className:`cursor-pointer`,onMouseEnter:()=>l(t,e.x,e.y),onMouseLeave:()=>l(null,0,0)},t))]})}function l({data:e,width:i,height:o,color:s,animated:c,showMinMax:l,onHover:u}){let[d,f]=n.useState(!c),p=i-4,m=o-4,{min:h,max:g,minIndex:_,maxIndex:v}=a(e),y=g-h||1,b=e.map((t,n)=>({x:2+n/(e.length-1)*p,y:2+m-(t-h)/y*m,value:t})),x=b.map((e,t)=>`${t===0?`M`:`L`} ${e.x} ${e.y}`).join(` `),S=x+` L ${b[b.length-1].x} ${o-2} L ${b[0].x} ${o-2} Z`;return n.useEffect(()=>{if(c){let e=setTimeout(()=>f(!0),50);return()=>clearTimeout(e)}},[c]),(0,r.jsxs)(`svg`,{width:i,height:o,className:`overflow-visible`,"aria-hidden":`true`,focusable:`false`,children:[(0,r.jsx)(`defs`,{children:(0,r.jsxs)(`linearGradient`,{id:`area-gradient-${s.replace(`#`,``)}`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,r.jsx)(`stop`,{offset:`0%`,stopColor:s,stopOpacity:`0.3`}),(0,r.jsx)(`stop`,{offset:`100%`,stopColor:s,stopOpacity:`0.05`})]})}),(0,r.jsx)(`path`,{d:S,fill:`url(#area-gradient-${s.replace(`#`,``)})`,className:t.cn(`transition-opacity duration-500`,d?`opacity-100`:`opacity-0`)}),(0,r.jsx)(`path`,{d:x,fill:`none`,stroke:s,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:t.cn(`transition-opacity duration-500`,d?`opacity-100`:`opacity-0`)}),l&&d&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`circle`,{cx:b[_].x,cy:b[_].y,r:`3`,fill:`white`,stroke:s,strokeWidth:`1.5`,className:`opacity-80`}),(0,r.jsx)(`circle`,{cx:b[v].x,cy:b[v].y,r:`3`,fill:s,stroke:`white`,strokeWidth:`1`})]}),b.map((e,t)=>(0,r.jsx)(`circle`,{cx:e.x,cy:e.y,r:`6`,fill:`transparent`,className:`cursor-pointer`,onMouseEnter:()=>u(t,e.x,e.y),onMouseLeave:()=>u(null,0,0)},t))]})}function u({data:e,width:i,height:o,color:s,animated:c,showMinMax:l,onHover:u}){let[d,f]=n.useState(!c),p=i-4,m=o-4,{min:h,max:g,minIndex:_,maxIndex:v}=a(e),y=g-h||1,b=Math.max(2,p/e.length*.7),x=(p-b*e.length)/(e.length-1||1),S=e.map((e,t)=>{let n=(e-h)/y*m;return{x:2+t*(b+x),y:2+m-n,width:b,height:n,value:e}});return n.useEffect(()=>{if(c){let e=setTimeout(()=>f(!0),50);return()=>clearTimeout(e)}},[c]),(0,r.jsx)(`svg`,{width:i,height:o,className:`overflow-visible`,"aria-hidden":`true`,focusable:`false`,children:S.map((e,n)=>(0,r.jsxs)(`g`,{children:[(0,r.jsx)(`rect`,{x:e.x,y:d?e.y:o-2,width:e.width,height:d?e.height:0,fill:s,rx:`1`,className:t.cn(`transition-all duration-500 ease-out cursor-pointer`,l&&n===_&&`opacity-50`,l&&n===v&&`opacity-100`),style:c?{transitionDelay:`${n*30}ms`}:void 0,onMouseEnter:()=>u(n,e.x+e.width/2,e.y),onMouseLeave:()=>u(null,0,0)}),l&&d&&(n===_||n===v)&&(0,r.jsx)(`circle`,{cx:e.x+e.width/2,cy:n===v?e.y-4:e.y+e.height+4,r:`2`,fill:n===v?s:`white`,stroke:s,strokeWidth:`1`})]},n))})}function d({data:e,value:a,previousValue:d,variant:f=`line`,width:p=80,height:m=24,color:h,showTrend:g=!0,showValue:_=!0,showMinMax:v=!1,animated:y=!0,formatValue:b=e=>e.toLocaleString(),className:x}){let S=n.useRef(null),[C,w]=n.useState({visible:!1,index:0,x:0,y:0,value:0});if(!e||e.length===0)return(0,r.jsx)(`div`,{className:t.cn(`inline-flex items-center gap-2 text-muted-foreground text-sm`,x),children:`No data`});let T=a??e[e.length-1],E=i(T,d??(e.length>1?e[e.length-2]:void 0)),D=h||(E.direction===`up`?`#22c55e`:E.direction===`down`?`#ef4444`:`#6b7280`),O=(t,n,r)=>{w(t===null?e=>({...e,visible:!1}):{visible:!0,index:t,x:n,y:r,value:e[t]})},k=f===`bar`?u:f===`area`?l:c;return(0,r.jsxs)(`div`,{ref:S,className:t.cn(`inline-flex items-center gap-2`,x),children:[_&&(0,r.jsx)(`span`,{className:`text-sm font-medium tabular-nums`,children:b(T)}),(0,r.jsxs)(`div`,{className:`relative`,children:[(0,r.jsx)(k,{data:e,width:p,height:m,color:D,animated:y,showMinMax:v,onHover:O}),(0,r.jsx)(s,{visible:C.visible,x:C.x,y:C.y,value:C.value,index:C.index,formatValue:b,containerRef:S})]}),g&&E.direction!==`neutral`&&(0,r.jsx)(o,{direction:E.direction,percentage:E.percentage,color:h})]})}function f(e={}){let{initialData:t=[],maxPoints:r=20}=e,[i,a]=n.useState(t);return{data:i,setData:a,addPoint:n.useCallback(e=>{a(t=>{let n=[...t,e];return n.length>r?n.slice(-r):n})},[r]),reset:n.useCallback(()=>{a(t)},[t]),clear:n.useCallback(()=>{a([])},[]),currentValue:i[i.length-1],previousValue:i.length>1?i[i.length-2]:void 0}}exports.default=d,exports.useSparklineData=f;
+"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){if(e===void 0||t===void 0||t===0)return{direction:`neutral`,percentage:0};let n=e-t,r=n/Math.abs(t)*100;return n>0?{direction:`up`,percentage:r}:n<0?{direction:`down`,percentage:Math.abs(r)}:{direction:`neutral`,percentage:0}}function a(e){let t=1/0,n=-1/0,r=0,i=0;return e.forEach((e,a)=>{e<t&&(t=e,r=a),e>n&&(n=e,i=a)}),{min:t,max:n,minIndex:r,maxIndex:i}}function o({direction:e,percentage:n,color:i}){let a=i||(e===`up`?`text-green-600`:e===`down`?`text-red-600`:`text-muted-foreground`),o=e===`up`?`↑`:e===`down`?`↓`:``;return e===`neutral`?null:(0,r.jsxs)(`span`,{className:t.cn(`inline-flex items-center text-xs font-medium`,a),style:i?{color:i}:void 0,children:[(0,r.jsx)(`span`,{className:`mr-0.5`,children:o}),(0,r.jsxs)(`span`,{children:[n.toFixed(1),`%`]})]})}function s({visible:e,x:n,y:i,value:a,index:o,formatValue:s,containerRef:c}){return e?(0,r.jsxs)(`div`,{className:t.cn(`absolute z-10 px-2 py-1 text-xs font-medium rounded-md shadow-lg`,`bg-foreground text-background`,`animate-in fade-in-0 zoom-in-95 duration-100`,`pointer-events-none whitespace-nowrap`),style:{left:n,top:i-30,transform:`translateX(-50%)`},children:[(0,r.jsx)(`div`,{children:s(a)}),(0,r.jsxs)(`div`,{className:`text-[10px] opacity-70`,children:[`Point `,o+1]}),(0,r.jsx)(`div`,{className:`absolute left-1/2 -translate-x-1/2 -bottom-1 w-2 h-2 rotate-45 bg-foreground`})]}):null}function c({data:e,width:t,height:i,color:o,animated:s,showMinMax:c,onHover:l}){let[u,d]=n.useState(0),[f,p]=n.useState(!s),m=n.useRef(null),h=t-4,g=i-4,{min:_,max:v,minIndex:y,maxIndex:b}=a(e),x=v-_||1,S=e.map((t,n)=>({x:2+n/(e.length-1)*h,y:2+g-(t-_)/x*g,value:t})),C=S.map((e,t)=>`${t===0?`M`:`L`} ${e.x} ${e.y}`).join(` `);return n.useEffect(()=>{m.current&&d(m.current.getTotalLength())},[e]),n.useEffect(()=>{if(s&&u>0){let e=setTimeout(()=>p(!0),50);return()=>clearTimeout(e)}},[s,u]),(0,r.jsxs)(`svg`,{width:t,height:i,className:`overflow-visible`,"aria-hidden":`true`,focusable:`false`,children:[(0,r.jsx)(`path`,{ref:m,d:C,fill:`none`,stroke:o,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,style:s&&u>0?{strokeDasharray:u,strokeDashoffset:f?0:u,transition:`stroke-dashoffset 1s ease-out`}:void 0}),c&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`circle`,{cx:S[y].x,cy:S[y].y,r:`3`,fill:`white`,stroke:o,strokeWidth:`1.5`,className:`opacity-80`}),(0,r.jsx)(`circle`,{cx:S[b].x,cy:S[b].y,r:`3`,fill:o,stroke:`white`,strokeWidth:`1`})]}),S.map((e,t)=>(0,r.jsx)(`circle`,{cx:e.x,cy:e.y,r:`6`,fill:`transparent`,className:`cursor-pointer`,onMouseEnter:()=>l(t,e.x,e.y),onMouseLeave:()=>l(null,0,0)},t))]})}function l({data:e,width:i,height:o,color:s,animated:c,showMinMax:l,onHover:u}){let[d,f]=n.useState(!c),p=i-4,m=o-4,{min:h,max:g,minIndex:_,maxIndex:v}=a(e),y=g-h||1,b=e.map((t,n)=>({x:2+n/(e.length-1)*p,y:2+m-(t-h)/y*m,value:t})),x=b.map((e,t)=>`${t===0?`M`:`L`} ${e.x} ${e.y}`).join(` `),S=x+` L ${b[b.length-1].x} ${o-2} L ${b[0].x} ${o-2} Z`;return n.useEffect(()=>{if(c){let e=setTimeout(()=>f(!0),50);return()=>clearTimeout(e)}},[c]),(0,r.jsxs)(`svg`,{width:i,height:o,className:`overflow-visible`,"aria-hidden":`true`,focusable:`false`,children:[(0,r.jsx)(`defs`,{children:(0,r.jsxs)(`linearGradient`,{id:`area-gradient-${s.replace(`#`,``)}`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,r.jsx)(`stop`,{offset:`0%`,stopColor:s,stopOpacity:`0.3`}),(0,r.jsx)(`stop`,{offset:`100%`,stopColor:s,stopOpacity:`0.05`})]})}),(0,r.jsx)(`path`,{d:S,fill:`url(#area-gradient-${s.replace(`#`,``)})`,className:t.cn(`transition-opacity duration-500`,d?`opacity-100`:`opacity-0`)}),(0,r.jsx)(`path`,{d:x,fill:`none`,stroke:s,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:t.cn(`transition-opacity duration-500`,d?`opacity-100`:`opacity-0`)}),l&&d&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`circle`,{cx:b[_].x,cy:b[_].y,r:`3`,fill:`white`,stroke:s,strokeWidth:`1.5`,className:`opacity-80`}),(0,r.jsx)(`circle`,{cx:b[v].x,cy:b[v].y,r:`3`,fill:s,stroke:`white`,strokeWidth:`1`})]}),b.map((e,t)=>(0,r.jsx)(`circle`,{cx:e.x,cy:e.y,r:`6`,fill:`transparent`,className:`cursor-pointer`,onMouseEnter:()=>u(t,e.x,e.y),onMouseLeave:()=>u(null,0,0)},t))]})}function u({data:e,width:i,height:o,color:s,animated:c,showMinMax:l,onHover:u}){let[d,f]=n.useState(!c),p=i-4,m=o-4,{min:h,max:g,minIndex:_,maxIndex:v}=a(e),y=g-h||1,b=Math.max(2,p/e.length*.7),x=(p-b*e.length)/(e.length-1||1),S=e.map((e,t)=>{let n=(e-h)/y*m;return{x:2+t*(b+x),y:2+m-n,width:b,height:n,value:e}});return n.useEffect(()=>{if(c){let e=setTimeout(()=>f(!0),50);return()=>clearTimeout(e)}},[c]),(0,r.jsx)(`svg`,{width:i,height:o,className:`overflow-visible`,"aria-hidden":`true`,focusable:`false`,children:S.map((e,n)=>(0,r.jsxs)(`g`,{children:[(0,r.jsx)(`rect`,{x:e.x,y:d?e.y:o-2,width:e.width,height:d?e.height:0,fill:s,rx:`1`,className:t.cn(`transition-all duration-500 ease-out cursor-pointer`,l&&n===_&&`opacity-50`,l&&n===v&&`opacity-100`),style:c?{transitionDelay:`${n*30}ms`}:void 0,onMouseEnter:()=>u(n,e.x+e.width/2,e.y),onMouseLeave:()=>u(null,0,0)}),l&&d&&(n===_||n===v)&&(0,r.jsx)(`circle`,{cx:e.x+e.width/2,cy:n===v?e.y-4:e.y+e.height+4,r:`2`,fill:n===v?s:`white`,stroke:s,strokeWidth:`1`})]},n))})}function d({data:e,value:a,previousValue:d,variant:f=`line`,width:p=80,height:m=24,color:h,showTrend:g=!0,showValue:_=!0,showMinMax:v=!1,animated:y=!0,formatValue:b=e=>e.toLocaleString(),className:x}){let S=n.useRef(null),[C,w]=n.useState({visible:!1,index:0,x:0,y:0,value:0});if(!e||e.length===0)return(0,r.jsx)(`div`,{className:t.cn(`inline-flex items-center gap-2 text-muted-foreground text-sm`,x),children:`No data`});let T=a??e[e.length-1],E=i(T,d??(e.length>1?e[e.length-2]:void 0)),D=h||(E.direction===`up`?`#22c55e`:E.direction===`down`?`#ef4444`:`#6b7280`),O=(t,n,r)=>{w(t===null?e=>({...e,visible:!1}):{visible:!0,index:t,x:n,y:r,value:e[t]})},k=f===`bar`?u:f===`area`?l:c;return(0,r.jsxs)(`div`,{ref:S,className:t.cn(`inline-flex items-center gap-2`,x),children:[_&&(0,r.jsx)(`span`,{className:`text-sm font-medium tabular-nums`,children:b(T)}),(0,r.jsxs)(`div`,{className:`relative`,children:[(0,r.jsx)(k,{data:e,width:p,height:m,color:D,animated:y,showMinMax:v,onHover:O}),(0,r.jsx)(s,{visible:C.visible,x:C.x,y:C.y,value:C.value,index:C.index,formatValue:b,containerRef:S})]}),g&&E.direction!==`neutral`&&(0,r.jsx)(o,{direction:E.direction,percentage:E.percentage,color:h})]})}function f(e={}){let{initialData:t=[],maxPoints:r=20}=e,[i,a]=n.useState(t);return{data:i,setData:a,addPoint:n.useCallback(e=>{a(t=>{let n=[...t,e];return n.length>r?n.slice(-r):n})},[r]),reset:n.useCallback(()=>{a(t)},[t]),clear:n.useCallback(()=>{a([])},[]),currentValue:i[i.length-1],previousValue:i.length>1?i[i.length-2]:void 0}}exports.WakaMetricSparkline=d,exports.default=d,exports.useSparklineData=f;

package/dist/components/waka-metric-sparkline/index.es.js

@@ -324,4 +324,4 @@ function p(e = {}) {
 	};
 }
 //#endregion
-export { f as default, p as useSparklineData };
+export { f as WakaMetricSparkline, f as default, p as useSparklineData };

package/dist/components/waka-migration-list/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`),n=require(`../badge/index.cjs.js`),r=require(`../button/index.cjs.js`),i=require(`../dropdown-menu/index.cjs.js`),a=require(`../scroll-area/index.cjs.js`);let o=require(`react`);o=e.__toESM(o);let s=require(`lucide-react`),c=require(`react/jsx-runtime`);var l={pending:{label:`Pending`,icon:s.Clock,color:`text-muted-foreground`,bgColor:`bg-muted`},applied:{label:`Applied`,icon:s.CheckCircle2,color:`text-green-500`,bgColor:`bg-green-500/10`},failed:{label:`Failed`,icon:s.XCircle,color:`text-red-500`,bgColor:`bg-red-500/10`},rolled_back:{label:`Rolled Back`,icon:s.RotateCcw,color:`text-yellow-500`,bgColor:`bg-yellow-500/10`},running:{label:`Running`,icon:s.Play,color:`text-blue-500`,bgColor:`bg-blue-500/10`}};function u(e){return e.toLocaleDateString(`fr-FR`,{day:`2-digit`,month:`short`,year:`numeric`,hour:`2-digit`,minute:`2-digit`})}function d(e){return e<1e3?`${e}ms`:e<6e4?`${(e/1e3).toFixed(1)}s`:`${Math.floor(e/6e4)}m ${Math.floor(e%6e4/1e3)}s`}function f({migration:e,isCurrentVersion:a,onApply:f,onRollback:p,onViewDetails:m,showScripts:h}){let[g,_]=o.useState(!1),v=l[e.status],y=v.icon,b=e.status===`pending`||e.status===`rolled_back`,x=e.status===`applied`;return(0,c.jsxs)(`div`,{className:t.cn(`border-b last:border-b-0`,a&&`bg-primary/5 border-primary/30`,e.status===`failed`&&`bg-red-500/5`),children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-3 p-3`,children:[h&&(e.upScript||e.downScript)&&(0,c.jsx)(`button`,{className:`text-muted-foreground hover:text-foreground transition-colors`,onClick:()=>_(!g),children:g?(0,c.jsx)(s.ChevronDown,{className:`h-4 w-4`}):(0,c.jsx)(s.ChevronRight,{className:`h-4 w-4`})}),(0,c.jsx)(`div`,{className:t.cn(`p-1.5 rounded`,v.bgColor),children:(0,c.jsx)(y,{className:t.cn(`h-4 w-4`,v.color)})}),(0,c.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(`code`,{className:`font-semibold text-sm`,children:e.version}),a&&(0,c.jsx)(n.Badge,{className:`bg-primary text-xs`,children:`Current`}),(0,c.jsx)(`span`,{className:`font-medium truncate`,children:e.name})]}),e.description&&(0,c.jsx)(`p`,{className:`text-sm text-muted-foreground truncate mt-0.5`,children:e.description})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-4 text-xs text-muted-foreground shrink-0`,children:[e.author&&(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.User,{className:`h-3 w-3`}),e.author]}),e.appliedAt&&(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Calendar,{className:`h-3 w-3`}),u(e.appliedAt)]}),e.duration!==void 0&&(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Timer,{className:`h-3 w-3`}),d(e.duration)]})]}),(0,c.jsx)(n.Badge,{variant:`outline`,className:t.cn(`shrink-0`,v.color),children:v.label}),(0,c.jsxs)(i.DropdownMenu,{children:[(0,c.jsx)(i.DropdownMenuTrigger,{asChild:!0,children:(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 w-8 p-0`,children:(0,c.jsx)(s.MoreVertical,{className:`h-4 w-4`})})}),(0,c.jsxs)(i.DropdownMenuContent,{align:`end`,children:[m&&(0,c.jsxs)(i.DropdownMenuItem,{onClick:()=>m(e),children:[(0,c.jsx)(s.FileCode,{className:`h-4 w-4 mr-2`}),`View Details`]}),f&&b&&(0,c.jsxs)(i.DropdownMenuItem,{onClick:()=>f(e),children:[(0,c.jsx)(s.ArrowUp,{className:`h-4 w-4 mr-2`}),`Apply Migration`]}),p&&x&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.DropdownMenuSeparator,{}),(0,c.jsxs)(i.DropdownMenuItem,{onClick:()=>p(e),className:`text-destructive`,children:[(0,c.jsx)(s.ArrowDown,{className:`h-4 w-4 mr-2`}),`Rollback`]})]})]})]})]}),e.status===`failed`&&e.error&&(0,c.jsx)(`div`,{className:`px-3 pb-3`,children:(0,c.jsxs)(`div`,{className:`flex items-start gap-2 p-2 bg-red-500/10 rounded text-sm text-red-500`,children:[(0,c.jsx)(s.AlertTriangle,{className:`h-4 w-4 shrink-0 mt-0.5`}),(0,c.jsx)(`pre`,{className:`whitespace-pre-wrap font-mono text-xs`,children:e.error})]})}),h&&g&&(0,c.jsxs)(`div`,{className:`px-3 pb-3 space-y-3`,children:[e.upScript&&(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground mb-1`,children:[(0,c.jsx)(s.ArrowUp,{className:`h-3 w-3`}),`Up Migration`]}),(0,c.jsx)(`pre`,{className:`p-2 bg-muted rounded text-xs font-mono overflow-x-auto`,children:e.upScript})]}),e.downScript&&(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground mb-1`,children:[(0,c.jsx)(s.ArrowDown,{className:`h-3 w-3`}),`Down Migration (Rollback)`]}),(0,c.jsx)(`pre`,{className:`p-2 bg-muted rounded text-xs font-mono overflow-x-auto`,children:e.downScript})]})]})]})}function p({migrations:e,onApply:i,onRollback:u,onViewDetails:d,currentVersion:p,showScripts:m=!1,title:h=`Migrations`,className:g}){let[_,v]=o.useState(`all`),y=o.useMemo(()=>({total:e.length,pending:e.filter(e=>e.status===`pending`).length,applied:e.filter(e=>e.status===`applied`).length,failed:e.filter(e=>e.status===`failed`).length}),[e]),b=o.useMemo(()=>_===`all`?e:e.filter(e=>e.status===_),[e,_]),x=o.useMemo(()=>[...b].sort((e,t)=>t.version.localeCompare(e.version)),[b]);return(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col border rounded-lg bg-background`,g),children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-4 p-3 border-b`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsx)(s.Database,{className:`h-5 w-5`}),(0,c.jsx)(`h3`,{className:`font-semibold`,children:h}),(0,c.jsx)(n.Badge,{variant:`secondary`,children:y.total}),p&&(0,c.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[`v`,p]})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[y.pending>0&&(0,c.jsxs)(n.Badge,{variant:`outline`,children:[y.pending,` pending`]}),y.failed>0&&(0,c.jsxs)(n.Badge,{className:`bg-red-500`,children:[y.failed,` failed`]})]})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 p-2 border-b bg-muted/30`,children:[(0,c.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Filter:`}),[`all`,`pending`,`applied`,`failed`,`rolled_back`].map(e=>(0,c.jsx)(r.Button,{variant:_===e?`default`:`ghost`,size:`sm`,className:`h-7 text-xs`,onClick:()=>v(e),children:e===`all`?`All`:l[e].label},e))]}),(0,c.jsx)(a.ScrollArea,{className:`flex-1 max-h-[500px]`,children:x.length===0?(0,c.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-32 text-muted-foreground`,children:[(0,c.jsx)(s.Database,{className:`h-8 w-8 mb-2`}),(0,c.jsx)(`span`,{children:`No migrations found`})]}):x.map(e=>(0,c.jsx)(f,{migration:e,isCurrentVersion:e.version===p,onApply:i,onRollback:u,onViewDetails:d,showScripts:m},e.id))}),y.pending>0&&i&&(0,c.jsx)(`div`,{className:`p-3 border-t bg-muted/30`,children:(0,c.jsxs)(r.Button,{size:`sm`,onClick:()=>{e.filter(e=>e.status===`pending`).forEach(e=>i(e))},children:[(0,c.jsx)(s.ArrowUp,{className:`h-4 w-4 mr-1`}),`Apply All Pending (`,y.pending,`)`]})})]})}var m=[{id:`1`,version:`20240115_001`,name:`create_users_table`,description:`Create users table with basic fields`,status:`applied`,appliedAt:new Date(Date.now()-720*36e5),duration:125,author:`john.doe`,upScript:`CREATE TABLE users (
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../badge/index.cjs.js"),r=require("../button/index.cjs.js"),i=require("../dropdown-menu/index.cjs.js"),a=require("../scroll-area/index.cjs.js");let o=require("react");o=e.__toESM(o);let s=require("lucide-react"),c=require("react/jsx-runtime");var l={pending:{label:`Pending`,icon:s.Clock,color:`text-muted-foreground`,bgColor:`bg-muted`},applied:{label:`Applied`,icon:s.CheckCircle2,color:`text-green-500`,bgColor:`bg-green-500/10`},failed:{label:`Failed`,icon:s.XCircle,color:`text-red-500`,bgColor:`bg-red-500/10`},rolled_back:{label:`Rolled Back`,icon:s.RotateCcw,color:`text-yellow-500`,bgColor:`bg-yellow-500/10`},running:{label:`Running`,icon:s.Play,color:`text-blue-500`,bgColor:`bg-blue-500/10`}};function u(e){return e.toLocaleDateString(`fr-FR`,{day:`2-digit`,month:`short`,year:`numeric`,hour:`2-digit`,minute:`2-digit`})}function d(e){return e<1e3?`${e}ms`:e<6e4?`${(e/1e3).toFixed(1)}s`:`${Math.floor(e/6e4)}m ${Math.floor(e%6e4/1e3)}s`}function f({migration:e,isCurrentVersion:a,onApply:f,onRollback:p,onViewDetails:m,showScripts:h}){let[g,_]=o.useState(!1),v=l[e.status],y=v.icon,b=e.status===`pending`||e.status===`rolled_back`,x=e.status===`applied`;return(0,c.jsxs)(`div`,{className:t.cn(`border-b last:border-b-0`,a&&`bg-primary/5 border-primary/30`,e.status===`failed`&&`bg-red-500/5`),children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-3 p-3`,children:[h&&(e.upScript||e.downScript)&&(0,c.jsx)(`button`,{className:`text-muted-foreground hover:text-foreground transition-colors`,onClick:()=>_(!g),children:g?(0,c.jsx)(s.ChevronDown,{className:`h-4 w-4`}):(0,c.jsx)(s.ChevronRight,{className:`h-4 w-4`})}),(0,c.jsx)(`div`,{className:t.cn(`p-1.5 rounded`,v.bgColor),children:(0,c.jsx)(y,{className:t.cn(`h-4 w-4`,v.color)})}),(0,c.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(`code`,{className:`font-semibold text-sm`,children:e.version}),a&&(0,c.jsx)(n.Badge,{className:`bg-primary text-xs`,children:`Current`}),(0,c.jsx)(`span`,{className:`font-medium truncate`,children:e.name})]}),e.description&&(0,c.jsx)(`p`,{className:`text-sm text-muted-foreground truncate mt-0.5`,children:e.description})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-4 text-xs text-muted-foreground shrink-0`,children:[e.author&&(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.User,{className:`h-3 w-3`}),e.author]}),e.appliedAt&&(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Calendar,{className:`h-3 w-3`}),u(e.appliedAt)]}),e.duration!==void 0&&(0,c.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(s.Timer,{className:`h-3 w-3`}),d(e.duration)]})]}),(0,c.jsx)(n.Badge,{variant:`outline`,className:t.cn(`shrink-0`,v.color),children:v.label}),(0,c.jsxs)(i.DropdownMenu,{children:[(0,c.jsx)(i.DropdownMenuTrigger,{asChild:!0,children:(0,c.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 w-8 p-0`,children:(0,c.jsx)(s.MoreVertical,{className:`h-4 w-4`})})}),(0,c.jsxs)(i.DropdownMenuContent,{align:`end`,children:[m&&(0,c.jsxs)(i.DropdownMenuItem,{onClick:()=>m(e),children:[(0,c.jsx)(s.FileCode,{className:`h-4 w-4 mr-2`}),`View Details`]}),f&&b&&(0,c.jsxs)(i.DropdownMenuItem,{onClick:()=>f(e),children:[(0,c.jsx)(s.ArrowUp,{className:`h-4 w-4 mr-2`}),`Apply Migration`]}),p&&x&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(i.DropdownMenuSeparator,{}),(0,c.jsxs)(i.DropdownMenuItem,{onClick:()=>p(e),className:`text-destructive`,children:[(0,c.jsx)(s.ArrowDown,{className:`h-4 w-4 mr-2`}),`Rollback`]})]})]})]})]}),e.status===`failed`&&e.error&&(0,c.jsx)(`div`,{className:`px-3 pb-3`,children:(0,c.jsxs)(`div`,{className:`flex items-start gap-2 p-2 bg-red-500/10 rounded text-sm text-red-500`,children:[(0,c.jsx)(s.AlertTriangle,{className:`h-4 w-4 shrink-0 mt-0.5`}),(0,c.jsx)(`pre`,{className:`whitespace-pre-wrap font-mono text-xs`,children:e.error})]})}),h&&g&&(0,c.jsxs)(`div`,{className:`px-3 pb-3 space-y-3`,children:[e.upScript&&(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground mb-1`,children:[(0,c.jsx)(s.ArrowUp,{className:`h-3 w-3`}),`Up Migration`]}),(0,c.jsx)(`pre`,{className:`p-2 bg-muted rounded text-xs font-mono overflow-x-auto`,children:e.upScript})]}),e.downScript&&(0,c.jsxs)(`div`,{children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground mb-1`,children:[(0,c.jsx)(s.ArrowDown,{className:`h-3 w-3`}),`Down Migration (Rollback)`]}),(0,c.jsx)(`pre`,{className:`p-2 bg-muted rounded text-xs font-mono overflow-x-auto`,children:e.downScript})]})]})]})}function p({migrations:e,onApply:i,onRollback:u,onViewDetails:d,currentVersion:p,showScripts:m=!1,title:h=`Migrations`,className:g}){let[_,v]=o.useState(`all`),y=o.useMemo(()=>({total:e.length,pending:e.filter(e=>e.status===`pending`).length,applied:e.filter(e=>e.status===`applied`).length,failed:e.filter(e=>e.status===`failed`).length}),[e]),b=o.useMemo(()=>_===`all`?e:e.filter(e=>e.status===_),[e,_]),x=o.useMemo(()=>[...b].sort((e,t)=>t.version.localeCompare(e.version)),[b]);return(0,c.jsxs)(`div`,{className:t.cn(`flex flex-col border rounded-lg bg-background`,g),children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-4 p-3 border-b`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsx)(s.Database,{className:`h-5 w-5`}),(0,c.jsx)(`h3`,{className:`font-semibold`,children:h}),(0,c.jsx)(n.Badge,{variant:`secondary`,children:y.total}),p&&(0,c.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[`v`,p]})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[y.pending>0&&(0,c.jsxs)(n.Badge,{variant:`outline`,children:[y.pending,` pending`]}),y.failed>0&&(0,c.jsxs)(n.Badge,{className:`bg-red-500`,children:[y.failed,` failed`]})]})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2 p-2 border-b bg-muted/30`,children:[(0,c.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Filter:`}),[`all`,`pending`,`applied`,`failed`,`rolled_back`].map(e=>(0,c.jsx)(r.Button,{variant:_===e?`default`:`ghost`,size:`sm`,className:`h-7 text-xs`,onClick:()=>v(e),children:e===`all`?`All`:l[e].label},e))]}),(0,c.jsx)(a.ScrollArea,{className:`flex-1 max-h-[500px]`,children:x.length===0?(0,c.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-32 text-muted-foreground`,children:[(0,c.jsx)(s.Database,{className:`h-8 w-8 mb-2`}),(0,c.jsx)(`span`,{children:`No migrations found`})]}):x.map(e=>(0,c.jsx)(f,{migration:e,isCurrentVersion:e.version===p,onApply:i,onRollback:u,onViewDetails:d,showScripts:m},e.id))}),y.pending>0&&i&&(0,c.jsx)(`div`,{className:`p-3 border-t bg-muted/30`,children:(0,c.jsxs)(r.Button,{size:`sm`,onClick:()=>{e.filter(e=>e.status===`pending`).forEach(e=>i(e))},children:[(0,c.jsx)(s.ArrowUp,{className:`h-4 w-4 mr-1`}),`Apply All Pending (`,y.pending,`)`]})})]})}var m=[{id:`1`,version:`20240115_001`,name:`create_users_table`,description:`Create users table with basic fields`,status:`applied`,appliedAt:new Date(Date.now()-720*36e5),duration:125,author:`john.doe`,upScript:`CREATE TABLE users (
   id SERIAL PRIMARY KEY,
   email VARCHAR(255) UNIQUE NOT NULL,
   name VARCHAR(255),

package/dist/components/waka-milestone-road/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={default:{roadColor:`#6b7280`,progressColor:`#3b82f6`,completedColor:`#22c55e`,currentColor:`#f59e0b`,lockedColor:`#9ca3af`,gradient:`from-blue-500 to-purple-600`,glow:`#3b82f6`},gold:{roadColor:`#78716c`,progressColor:`#f59e0b`,completedColor:`#22c55e`,currentColor:`#eab308`,lockedColor:`#a8a29e`,gradient:`from-yellow-400 to-orange-500`,glow:`#f59e0b`},purple:{roadColor:`#6b7280`,progressColor:`#a855f7`,completedColor:`#22c55e`,currentColor:`#c084fc`,lockedColor:`#9ca3af`,gradient:`from-purple-500 to-pink-600`,glow:`#a855f7`},green:{roadColor:`#6b7280`,progressColor:`#22c55e`,completedColor:`#10b981`,currentColor:`#4ade80`,lockedColor:`#9ca3af`,gradient:`from-green-500 to-emerald-600`,glow:`#22c55e`},blue:{roadColor:`#6b7280`,progressColor:`#06b6d4`,completedColor:`#22c55e`,currentColor:`#22d3ee`,lockedColor:`#9ca3af`,gradient:`from-cyan-500 to-blue-600`,glow:`#06b6d4`}},o={xp:r.Zap,badge:r.Award,item:r.Gift,currency:r.Gem,unlock:r.Lock};function s({active:e,onComplete:t}){let[a,o]=n.useState(!1);if(n.useEffect(()=>{if(e){o(!0);let e=setTimeout(()=>{o(!1),t?.()},1500);return()=>clearTimeout(e)}},[e,t]),!a)return null;let s=[`#fbbf24`,`#f59e0b`,`#22c55e`,`#3b82f6`,`#a855f7`,`#ec4899`];return(0,i.jsxs)(`div`,{className:`pointer-events-none absolute inset-0 overflow-hidden`,children:[[...Array(24)].map((e,t)=>{let n=t/24*360,r=60+Math.random()*40,a=4+Math.random()*6;return(0,i.jsx)(`div`,{className:`absolute left-1/2 top-1/2 animate-milestone-confetti`,style:{width:a,height:a,backgroundColor:s[Math.floor(Math.random()*s.length)],borderRadius:Math.random()>.5?`50%`:`2px`,"--angle":`${n}deg`,"--distance":`${r}px`,animationDelay:`${Math.random()*.2}s`}},t)}),[...Array(8)].map((e,t)=>(0,i.jsx)(r.Sparkles,{className:`absolute animate-milestone-sparkle text-yellow-400`,style:{left:`${20+Math.random()*60}%`,top:`${20+Math.random()*60}%`,animationDelay:`${t*.1}s`,width:16,height:16}},`sparkle-${t}`)),(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={default:{roadColor:`#6b7280`,progressColor:`#3b82f6`,completedColor:`#22c55e`,currentColor:`#f59e0b`,lockedColor:`#9ca3af`,gradient:`from-blue-500 to-purple-600`,glow:`#3b82f6`},gold:{roadColor:`#78716c`,progressColor:`#f59e0b`,completedColor:`#22c55e`,currentColor:`#eab308`,lockedColor:`#a8a29e`,gradient:`from-yellow-400 to-orange-500`,glow:`#f59e0b`},purple:{roadColor:`#6b7280`,progressColor:`#a855f7`,completedColor:`#22c55e`,currentColor:`#c084fc`,lockedColor:`#9ca3af`,gradient:`from-purple-500 to-pink-600`,glow:`#a855f7`},green:{roadColor:`#6b7280`,progressColor:`#22c55e`,completedColor:`#10b981`,currentColor:`#4ade80`,lockedColor:`#9ca3af`,gradient:`from-green-500 to-emerald-600`,glow:`#22c55e`},blue:{roadColor:`#6b7280`,progressColor:`#06b6d4`,completedColor:`#22c55e`,currentColor:`#22d3ee`,lockedColor:`#9ca3af`,gradient:`from-cyan-500 to-blue-600`,glow:`#06b6d4`}},o={xp:r.Zap,badge:r.Award,item:r.Gift,currency:r.Gem,unlock:r.Lock};function s({active:e,onComplete:t}){let[a,o]=n.useState(!1);if(n.useEffect(()=>{if(e){o(!0);let e=setTimeout(()=>{o(!1),t?.()},1500);return()=>clearTimeout(e)}},[e,t]),!a)return null;let s=[`#fbbf24`,`#f59e0b`,`#22c55e`,`#3b82f6`,`#a855f7`,`#ec4899`];return(0,i.jsxs)(`div`,{className:`pointer-events-none absolute inset-0 overflow-hidden`,children:[[...Array(24)].map((e,t)=>{let n=t/24*360,r=60+Math.random()*40,a=4+Math.random()*6;return(0,i.jsx)(`div`,{className:`absolute left-1/2 top-1/2 animate-milestone-confetti`,style:{width:a,height:a,backgroundColor:s[Math.floor(Math.random()*s.length)],borderRadius:Math.random()>.5?`50%`:`2px`,"--angle":`${n}deg`,"--distance":`${r}px`,animationDelay:`${Math.random()*.2}s`}},t)}),[...Array(8)].map((e,t)=>(0,i.jsx)(r.Sparkles,{className:`absolute animate-milestone-sparkle text-yellow-400`,style:{left:`${20+Math.random()*60}%`,top:`${20+Math.random()*60}%`,animationDelay:`${t*.1}s`,width:16,height:16}},`sparkle-${t}`)),(0,i.jsx)(`style`,{children:`
         @keyframes milestone-confetti {
           0% {
             transform: translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(1);
@@ -42,4 +42,4 @@
         .animate-character-bounce {
           animation: character-bounce 1s ease-in-out infinite;
         }
-      `})]})}function d(e,t,n=5){let r=[],i=[],a=e*.25,o=t/n,s=e/2,c=t-40;i.push(`M ${s} ${c}`),r.push({x:s,y:c,t:0});for(let t=0;t<n;t++){let l=t%2==0?1:-1,u=c-o,d=s+a*l,f=e/2+a*.5*l*(t%2==0?-1:1),p=s,m=c-o*.3,h=d,g=u+o*.3;i.push(`C ${p} ${m}, ${h} ${g}, ${f} ${u}`);let _=(t+1)/n,v=(c+u)/2,y=s+(d-s)*.5;r.push({x:y,y:v,t:_-.5/n}),r.push({x:f,y:u,t:_}),s=f,c=u}return i.push(`L ${s} 40`),r.push({x:s,y:40,t:1}),{path:i.join(` `),points:r}}function f(e,t){let n=t/2,r=e-60,i=`M 60 ${n} L ${r} ${n}`,a=[];for(let e=0;e<=10;e++){let t=e/10;a.push({x:60+(r-60)*t,y:n,t})}return{path:i,points:a}}function p(e,t){let n=e/2,r=t-60,i=`M ${n} ${r} L ${n} 60`,a=[];for(let e=0;e<=10;e++){let t=e/10;a.push({x:n,y:r+(60-r)*t,t})}return{path:i,points:a}}function m({progress:e,theme:n}){let o=a[n];return(0,i.jsxs)(`div`,{className:`absolute top-4 right-4 flex items-center gap-2 rounded-full border bg-background/90 backdrop-blur-sm px-4 py-2 shadow-lg`,children:[(0,i.jsx)(`div`,{className:t.cn(`flex h-8 w-8 items-center justify-center rounded-full bg-gradient-to-br`,o.gradient),children:(0,i.jsx)(r.Flag,{className:`h-4 w-4 text-white`})}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Journey Progress`}),(0,i.jsxs)(`div`,{className:`text-lg font-bold tabular-nums`,children:[Math.round(e),`%`]})]})]})}function h({milestones:e,progress:o,onMilestoneClick:s,onClaimRewards:c,variant:h=`winding`,theme:g=`default`,animated:_=!0,showCharacter:v=!0,character:y,showProgressLabel:b=!0,className:x}){let[S,C]=n.useState(0),w=n.useRef(null),[T,E]=n.useState({width:600,height:500}),D=a[g];n.useEffect(()=>{if(!_){C(o);return}let e=S,t=o-e,n=Date.now(),r=()=>{let i=Date.now()-n,a=Math.min(i/1e3,1);C(e+t*(1-(1-a)**3)),a<1&&requestAnimationFrame(r)};requestAnimationFrame(r)},[o,_]),n.useEffect(()=>{let e=()=>{if(w.current){let e=w.current.getBoundingClientRect();E({width:Math.max(e.width,400),height:Math.max(e.height,400)})}};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let{path:O,points:k}=n.useMemo(()=>{switch(h){case`horizontal`:return f(T.width,T.height);case`vertical`:return p(T.width,T.height);default:return d(T.width,T.height)}},[h,T]),A=n.useMemo(()=>e.map((t,n)=>{let r=t.position===void 0?n/Math.max(e.length-1,1):t.position/100,i=k[0],a=1/0;for(let e of k){let t=Math.abs(e.t-r);t<a&&(a=t,i=e)}return{milestone:t,position:i}}),[e,k]),j=n.useMemo(()=>{let e=S/100,t=k[0],n=1/0;for(let r of k){let i=Math.abs(r.t-e);i<n&&(n=i,t=r)}for(let t=0;t<k.length-1;t++){let n=k[t],r=k[t+1];if(e>=n.t&&e<=r.t){let t=(e-n.t)/(r.t-n.t);return{x:n.x+(r.x-n.x)*t,y:n.y+(r.y-n.y)*t}}}return t},[S,k]),M=1e3;return(0,i.jsxs)(`div`,{ref:w,className:t.cn(`relative overflow-hidden rounded-xl border bg-card`,x),style:{minHeight:400},children:[b&&(0,i.jsx)(m,{progress:S,theme:g}),(0,i.jsxs)(`svg`,{width:T.width,height:T.height,className:`absolute inset-0`,"aria-hidden":`true`,focusable:`false`,children:[(0,i.jsxs)(`defs`,{children:[Object.entries(a).map(([e,t])=>(0,i.jsxs)(`linearGradient`,{id:`milestone-gradient-${e}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`100%`,children:[(0,i.jsx)(`stop`,{offset:`0%`,stopColor:t.progressColor}),(0,i.jsx)(`stop`,{offset:`100%`,stopColor:t.completedColor})]},`milestone-gradient-${e}`)),(0,i.jsx)(`filter`,{id:`road-shadow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:(0,i.jsx)(`feDropShadow`,{dx:`0`,dy:`2`,stdDeviation:`3`,floodOpacity:`0.3`})}),(0,i.jsxs)(`filter`,{id:`glow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:[(0,i.jsx)(`feGaussianBlur`,{stdDeviation:`4`,result:`coloredBlur`}),(0,i.jsxs)(`feMerge`,{children:[(0,i.jsx)(`feMergeNode`,{in:`coloredBlur`}),(0,i.jsx)(`feMergeNode`,{in:`SourceGraphic`})]})]})]}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:D.roadColor,strokeWidth:30,strokeLinecap:`round`,strokeLinejoin:`round`,opacity:.2,filter:`url(#road-shadow)`}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:D.roadColor,strokeWidth:24,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:`rgba(255,255,255,0.3)`,strokeWidth:2,strokeLinecap:`round`,strokeDasharray:`12 8`}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:D.progressColor,strokeWidth:24,strokeLinecap:`round`,strokeLinejoin:`round`,strokeDasharray:M,strokeDashoffset:M*(1-S/100),filter:`url(#glow)`,opacity:.8,className:`transition-all duration-300`}),A.map(({milestone:e,position:t})=>(0,i.jsx)(l,{milestone:e,position:t,theme:g,animated:_,onClick:()=>s?.(e),onClaimRewards:()=>c?.(e.id)},e.id)),v&&(0,i.jsx)(u,{position:j,theme:g,animated:_,children:y}),(0,i.jsxs)(`g`,{transform:`translate(${k[0].x}, ${k[0].y})`,children:[(0,i.jsx)(`circle`,{r:16,fill:D.roadColor,opacity:.3}),(0,i.jsx)(`g`,{transform:`translate(-8, -8)`,children:(0,i.jsx)(r.Flag,{className:`h-4 w-4 text-muted-foreground`})})]}),(0,i.jsxs)(`g`,{transform:`translate(${k[k.length-1].x}, ${k[k.length-1].y})`,children:[(0,i.jsx)(`circle`,{r:20,fill:D.currentColor,opacity:.3}),(0,i.jsx)(`circle`,{r:16,fill:D.currentColor,opacity:.6}),(0,i.jsx)(`g`,{transform:`translate(-10, -10)`,children:(0,i.jsx)(r.Trophy,{className:`h-5 w-5 text-white`})})]})]}),(0,i.jsxs)(`div`,{className:`absolute bottom-4 left-4 flex flex-wrap items-center gap-3 rounded-lg border bg-background/90 backdrop-blur-sm px-3 py-2 text-xs`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-3 rounded-full`,style:{backgroundColor:D.completedColor}}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Completed`})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-3 rounded-full border-2`,style:{borderColor:D.currentColor,backgroundColor:`${D.currentColor}30`}}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Current`})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-3 rounded-full border-2 border-muted-foreground/30`}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Locked`})]})]}),(0,i.jsx)(`div`,{className:`absolute top-4 left-4 flex items-center gap-4`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-2 rounded-full border bg-background/90 backdrop-blur-sm px-3 py-1.5`,children:[(0,i.jsx)(r.Star,{className:`h-4 w-4 text-yellow-500`,fill:`currentColor`}),(0,i.jsxs)(`span`,{className:`text-sm font-medium`,children:[e.filter(e=>e.completed).length,`/`,e.length]})]})})]})}function g({initialMilestones:e,onMilestoneComplete:t,onRewardsClaimed:r,autoCalculateProgress:i=!0}){let[a,o]=n.useState(e),[s,c]=n.useState(0),[l,u]=n.useState(new Set),d=n.useRef(new Map);n.useEffect(()=>{if(i){let e=a.filter(e=>e.completed).length;c(a.length>0?e/a.length*100:0)}},[a,i]),n.useEffect(()=>{a.forEach(e=>{let n=d.current.get(e.id);e.completed&&!n&&t?.(e),d.current.set(e.id,e.completed)})},[a,t]);let f=n.useMemo(()=>a.find(e=>!e.completed)||a[a.length-1],[a]),p=n.useMemo(()=>a.map(e=>({...e,isCurrent:e.id===f?.id})),[a,f]),m=n.useCallback(e=>{o(t=>t.map(t=>t.id===e?{...t,completed:!0}:t))},[]),h=n.useCallback(e=>{let t=a.find(t=>t.id===e);t&&t.rewards&&!l.has(e)&&(u(t=>new Set([...t,e])),r?.(e,t.rewards))},[a,l,r]),g=n.useCallback(e=>{i||c(Math.max(0,Math.min(100,e)))},[i]),_=n.useCallback(()=>{o(e.map(e=>({...e,completed:!1}))),u(new Set),c(0),d.current.clear()},[e]),v=n.useMemo(()=>a.filter(e=>e.completed&&e.rewards&&!l.has(e.id)).flatMap(e=>e.rewards||[]),[a,l]);return{milestones:p,progress:s,currentMilestone:f,completeMilestone:m,claimRewards:h,setProgress:g,reset:_,completedCount:a.filter(e=>e.completed).length,totalCount:a.length,unclaimedRewards:v,hasUnclaimedRewards:v.length>0}}exports.WakaMilestoneRoad=h,exports.useMilestoneRoad=g;
+      `})]})}function d(e,t,n=5){let r=[],i=[],a=e*.25,o=t/n,s=e/2,c=t-40;i.push(`M ${s} ${c}`),r.push({x:s,y:c,t:0});for(let t=0;t<n;t++){let l=t%2==0?1:-1,u=c-o,d=s+a*l,f=e/2+a*.5*l*(t%2==0?-1:1),p=s,m=c-o*.3,h=d,g=u+o*.3;i.push(`C ${p} ${m}, ${h} ${g}, ${f} ${u}`);let _=(t+1)/n,v=(c+u)/2,y=s+(d-s)*.5;r.push({x:y,y:v,t:_-.5/n}),r.push({x:f,y:u,t:_}),s=f,c=u}return i.push(`L ${s} 40`),r.push({x:s,y:40,t:1}),{path:i.join(` `),points:r}}function f(e,t){let n=t/2,r=e-60,i=`M 60 ${n} L ${r} ${n}`,a=[];for(let e=0;e<=10;e++){let t=e/10;a.push({x:60+(r-60)*t,y:n,t})}return{path:i,points:a}}function p(e,t){let n=e/2,r=t-60,i=`M ${n} ${r} L ${n} 60`,a=[];for(let e=0;e<=10;e++){let t=e/10;a.push({x:n,y:r+(60-r)*t,t})}return{path:i,points:a}}function m({progress:e,theme:n}){let o=a[n];return(0,i.jsxs)(`div`,{className:`absolute top-4 right-4 flex items-center gap-2 rounded-full border bg-background/90 backdrop-blur-sm px-4 py-2 shadow-lg`,children:[(0,i.jsx)(`div`,{className:t.cn(`flex h-8 w-8 items-center justify-center rounded-full bg-gradient-to-br`,o.gradient),children:(0,i.jsx)(r.Flag,{className:`h-4 w-4 text-white`})}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Journey Progress`}),(0,i.jsxs)(`div`,{className:`text-lg font-bold tabular-nums`,children:[Math.round(e),`%`]})]})]})}function h({milestones:e,progress:o,onMilestoneClick:s,onClaimRewards:c,variant:h=`winding`,theme:g=`default`,animated:_=!0,showCharacter:v=!0,character:y,showProgressLabel:b=!0,className:x}){let[S,C]=n.useState(0),w=n.useRef(null),[T,E]=n.useState({width:600,height:500}),D=a[g];n.useEffect(()=>{if(!_){C(o);return}let e=S,t=o-e,n=Date.now(),r=()=>{let i=Date.now()-n,a=Math.min(i/1e3,1),o=1-(1-a)**3;C(e+t*o),a<1&&requestAnimationFrame(r)};requestAnimationFrame(r)},[o,_]),n.useEffect(()=>{let e=()=>{if(w.current){let e=w.current.getBoundingClientRect();E({width:Math.max(e.width,400),height:Math.max(e.height,400)})}};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let{path:O,points:k}=n.useMemo(()=>{switch(h){case`horizontal`:return f(T.width,T.height);case`vertical`:return p(T.width,T.height);default:return d(T.width,T.height)}},[h,T]),A=n.useMemo(()=>e.map((t,n)=>{let r=t.position===void 0?n/Math.max(e.length-1,1):t.position/100,i=k[0],a=1/0;for(let e of k){let t=Math.abs(e.t-r);t<a&&(a=t,i=e)}return{milestone:t,position:i}}),[e,k]),j=n.useMemo(()=>{let e=S/100,t=k[0],n=1/0;for(let r of k){let i=Math.abs(r.t-e);i<n&&(n=i,t=r)}for(let t=0;t<k.length-1;t++){let n=k[t],r=k[t+1];if(e>=n.t&&e<=r.t){let t=(e-n.t)/(r.t-n.t);return{x:n.x+(r.x-n.x)*t,y:n.y+(r.y-n.y)*t}}}return t},[S,k]),M=1e3;return(0,i.jsxs)(`div`,{ref:w,className:t.cn(`relative overflow-hidden rounded-xl border bg-card`,x),style:{minHeight:400},children:[b&&(0,i.jsx)(m,{progress:S,theme:g}),(0,i.jsxs)(`svg`,{width:T.width,height:T.height,className:`absolute inset-0`,"aria-hidden":`true`,focusable:`false`,children:[(0,i.jsxs)(`defs`,{children:[Object.entries(a).map(([e,t])=>(0,i.jsxs)(`linearGradient`,{id:`milestone-gradient-${e}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`100%`,children:[(0,i.jsx)(`stop`,{offset:`0%`,stopColor:t.progressColor}),(0,i.jsx)(`stop`,{offset:`100%`,stopColor:t.completedColor})]},`milestone-gradient-${e}`)),(0,i.jsx)(`filter`,{id:`road-shadow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:(0,i.jsx)(`feDropShadow`,{dx:`0`,dy:`2`,stdDeviation:`3`,floodOpacity:`0.3`})}),(0,i.jsxs)(`filter`,{id:`glow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:[(0,i.jsx)(`feGaussianBlur`,{stdDeviation:`4`,result:`coloredBlur`}),(0,i.jsxs)(`feMerge`,{children:[(0,i.jsx)(`feMergeNode`,{in:`coloredBlur`}),(0,i.jsx)(`feMergeNode`,{in:`SourceGraphic`})]})]})]}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:D.roadColor,strokeWidth:30,strokeLinecap:`round`,strokeLinejoin:`round`,opacity:.2,filter:`url(#road-shadow)`}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:D.roadColor,strokeWidth:24,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:`rgba(255,255,255,0.3)`,strokeWidth:2,strokeLinecap:`round`,strokeDasharray:`12 8`}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:D.progressColor,strokeWidth:24,strokeLinecap:`round`,strokeLinejoin:`round`,strokeDasharray:M,strokeDashoffset:M*(1-S/100),filter:`url(#glow)`,opacity:.8,className:`transition-all duration-300`}),A.map(({milestone:e,position:t})=>(0,i.jsx)(l,{milestone:e,position:t,theme:g,animated:_,onClick:()=>s?.(e),onClaimRewards:()=>c?.(e.id)},e.id)),v&&(0,i.jsx)(u,{position:j,theme:g,animated:_,children:y}),(0,i.jsxs)(`g`,{transform:`translate(${k[0].x}, ${k[0].y})`,children:[(0,i.jsx)(`circle`,{r:16,fill:D.roadColor,opacity:.3}),(0,i.jsx)(`g`,{transform:`translate(-8, -8)`,children:(0,i.jsx)(r.Flag,{className:`h-4 w-4 text-muted-foreground`})})]}),(0,i.jsxs)(`g`,{transform:`translate(${k[k.length-1].x}, ${k[k.length-1].y})`,children:[(0,i.jsx)(`circle`,{r:20,fill:D.currentColor,opacity:.3}),(0,i.jsx)(`circle`,{r:16,fill:D.currentColor,opacity:.6}),(0,i.jsx)(`g`,{transform:`translate(-10, -10)`,children:(0,i.jsx)(r.Trophy,{className:`h-5 w-5 text-white`})})]})]}),(0,i.jsxs)(`div`,{className:`absolute bottom-4 left-4 flex flex-wrap items-center gap-3 rounded-lg border bg-background/90 backdrop-blur-sm px-3 py-2 text-xs`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-3 rounded-full`,style:{backgroundColor:D.completedColor}}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Completed`})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-3 rounded-full border-2`,style:{borderColor:D.currentColor,backgroundColor:`${D.currentColor}30`}}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Current`})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-3 rounded-full border-2 border-muted-foreground/30`}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Locked`})]})]}),(0,i.jsx)(`div`,{className:`absolute top-4 left-4 flex items-center gap-4`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-2 rounded-full border bg-background/90 backdrop-blur-sm px-3 py-1.5`,children:[(0,i.jsx)(r.Star,{className:`h-4 w-4 text-yellow-500`,fill:`currentColor`}),(0,i.jsxs)(`span`,{className:`text-sm font-medium`,children:[e.filter(e=>e.completed).length,`/`,e.length]})]})})]})}function g({initialMilestones:e,onMilestoneComplete:t,onRewardsClaimed:r,autoCalculateProgress:i=!0}){let[a,o]=n.useState(e),[s,c]=n.useState(0),[l,u]=n.useState(new Set),d=n.useRef(new Map);n.useEffect(()=>{if(i){let e=a.filter(e=>e.completed).length,t=a.length>0?e/a.length*100:0;c(t)}},[a,i]),n.useEffect(()=>{a.forEach(e=>{let n=d.current.get(e.id);e.completed&&!n&&t?.(e),d.current.set(e.id,e.completed)})},[a,t]);let f=n.useMemo(()=>a.find(e=>!e.completed)||a[a.length-1],[a]),p=n.useMemo(()=>a.map(e=>({...e,isCurrent:e.id===f?.id})),[a,f]),m=n.useCallback(e=>{o(t=>t.map(t=>t.id===e?{...t,completed:!0}:t))},[]),h=n.useCallback(e=>{let t=a.find(t=>t.id===e);t&&t.rewards&&!l.has(e)&&(u(t=>new Set([...t,e])),r?.(e,t.rewards))},[a,l,r]),g=n.useCallback(e=>{i||c(Math.max(0,Math.min(100,e)))},[i]),_=n.useCallback(()=>{o(e.map(e=>({...e,completed:!1}))),u(new Set),c(0),d.current.clear()},[e]),v=n.useMemo(()=>a.filter(e=>e.completed&&e.rewards&&!l.has(e.id)).flatMap(e=>e.rewards||[]),[a,l]);return{milestones:p,progress:s,currentMilestone:f,completeMilestone:m,claimRewards:h,setProgress:g,reset:_,completedCount:a.filter(e=>e.completed).length,totalCount:a.length,unclaimedRewards:v,hasUnclaimedRewards:v.length>0}}exports.WakaMilestoneRoad=h,exports.useMilestoneRoad=g;

package/dist/components/waka-milestone-road/index.es.js

@@ -346,8 +346,8 @@ function D({ milestones: n, progress: r, onMilestoneClick: a, onClaimRewards: o,
 			return;
 		}
 		let e = y, t = r - e, n = Date.now(), i = () => {
-			let r = Date.now() - n, a = Math.min(r / 1e3, 1);
-			b(e + t * (1 - (1 - a) ** 3)), a < 1 && requestAnimationFrame(i);
+			let r = Date.now() - n, a = Math.min(r / 1e3, 1), o = 1 - (1 - a) ** 3;
+			b(e + t * o), a < 1 && requestAnimationFrame(i);
 		};
 		requestAnimationFrame(i);
 	}, [r, l]), t.useEffect(() => {
@@ -596,8 +596,8 @@ function O({ initialMilestones: e, onMilestoneComplete: n, onRewardsClaimed: r,
 	let [a, o] = t.useState(e), [s, c] = t.useState(0), [l, u] = t.useState(/* @__PURE__ */ new Set()), d = t.useRef(/* @__PURE__ */ new Map());
 	t.useEffect(() => {
 		if (i) {
-			let e = a.filter((e) => e.completed).length;
-			c(a.length > 0 ? e / a.length * 100 : 0);
+			let e = a.filter((e) => e.completed).length, t = a.length > 0 ? e / a.length * 100 : 0;
+			c(t);
 		}
 	}, [a, i]), t.useEffect(() => {
 		a.forEach((e) => {
@@ -615,7 +615,7 @@ function O({ initialMilestones: e, onMilestoneComplete: n, onRewardsClaimed: r,
 		} : t));
 	}, []), h = t.useCallback((e) => {
 		let t = a.find((t) => t.id === e);
-		t && t.rewards && !l.has(e) && (u((t) => new Set([...t, e])), r?.(e, t.rewards));
+		t && t.rewards && !l.has(e) && (u((t) => /* @__PURE__ */ new Set([...t, e])), r?.(e, t.rewards));
 	}, [
 		a,
 		l,

package/dist/components/waka-modal/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`),a=require(`@radix-ui/react-dialog`);a=e.__toESM(a);var o={sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`,xl:`max-w-xl`,full:`max-w-[calc(100vw-2rem)] max-h-[calc(100vh-2rem)]`},s={fade:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,slide:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,scale:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,none:``},c={fade:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,slide:`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]:slide-out-to-top-[2%] data-[state=open]:slide-in-from-top-[2%]`,scale:`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`,none:``},l=n.forwardRef(({className:e,animation:n=`fade`,...r},o)=>(0,i.jsx)(a.Overlay,{ref:o,className:t.cn(`fixed inset-0 z-50 bg-black/80`,s[n],e),...r}));l.displayName=`ModalOverlay`;var u=n.forwardRef(({className:e,children:n,size:s=`md`,animation:l=`fade`,centered:u=!0,showCloseButton:d=!0,...f},p)=>(0,i.jsxs)(a.Content,{ref:p,className:t.cn(`fixed z-50 w-full bg-background shadow-lg sm:rounded-lg`,`left-1/2 -translate-x-1/2`,u?`top-1/2 -translate-y-1/2`:`top-[10%]`,o[s],c[l],`duration-200`,e),...f,children:[n,d&&(0,i.jsxs)(a.Close,{className:`absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground`,children:[(0,i.jsx)(r.X,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Fermer`})]})]}));u.displayName=`ModalContent`;var d=n.forwardRef(({className:e,sticky:n,...r},a)=>(0,i.jsx)(`div`,{ref:a,className:t.cn(`flex flex-col space-y-1.5 p-6 pb-4`,n&&`sticky top-0 bg-background z-10 border-b`,e),...r}));d.displayName=`ModalHeader`;var f=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(a.Title,{ref:r,className:t.cn(`text-lg font-semibold leading-none tracking-tight`,e),...n}));f.displayName=`ModalTitle`;var p=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(a.Description,{ref:r,className:t.cn(`text-sm text-muted-foreground`,e),...n}));p.displayName=`ModalDescription`;var m=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(`div`,{ref:r,className:t.cn(`px-6 py-4 overflow-auto`,e),...n}));m.displayName=`ModalBody`;var h=n.forwardRef(({className:e,sticky:n,...r},a)=>(0,i.jsx)(`div`,{ref:a,className:t.cn(`flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 pt-4`,n&&`sticky bottom-0 bg-background z-10 border-t`,e),...r}));h.displayName=`ModalFooter`;function g({open:e,onOpenChange:t,title:n,description:r,children:o,size:s=`md`,showCloseButton:c=!0,closeOnOverlayClick:g=!0,closeOnEscape:_=!0,animation:v=`scale`,centered:y=!0,stickyHeader:b=!1,stickyFooter:x=!1,footer:S,className:C,overlayClassName:w}){return(0,i.jsx)(a.Root,{open:e,onOpenChange:t,children:(0,i.jsxs)(a.Portal,{children:[(0,i.jsx)(l,{animation:v,className:w}),(0,i.jsxs)(u,{size:s,animation:v,centered:y,showCloseButton:c,className:C,onInteractOutside:e=>{g||e.preventDefault()},onEscapeKeyDown:e=>{_||e.preventDefault()},"aria-describedby":r?void 0:`modal-description`,children:[!n&&(0,i.jsx)(f,{className:`sr-only`,children:`Fenêtre modale`}),!r&&(0,i.jsx)(p,{id:`modal-description`,className:`sr-only`,children:`Contenu de la fenêtre modale`}),(n||r)&&(0,i.jsxs)(d,{sticky:b,children:[n&&(0,i.jsx)(f,{children:n}),r&&(0,i.jsx)(p,{children:r})]}),(0,i.jsx)(m,{children:o}),S&&(0,i.jsx)(h,{sticky:x,children:S})]})]})})}function _({children:e,onOpen:t,className:n,disabled:r}){return(0,i.jsx)(a.Trigger,{className:n,disabled:r,onClick:t,asChild:!0,children:e})}function v(e){let{defaultOpen:t=!1,onOpenChange:r}=e||{},[i,a]=n.useState(t);return{isOpen:i,open:n.useCallback(()=>{a(!0),r?.(!0)},[r]),close:n.useCallback(()=>{a(!1),r?.(!1)},[r]),toggle:n.useCallback(()=>{a(e=>{let t=!e;return r?.(t),t})},[r]),onOpenChange:n.useCallback(e=>{a(e),r?.(e)},[r])}}exports.ModalBody=m,exports.ModalContent=u,exports.ModalDescription=p,exports.ModalFooter=h,exports.ModalHeader=d,exports.ModalOverlay=l,exports.ModalTitle=f,exports.WakaModalTrigger=_,exports.default=g,exports.useModal=v;
+"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={sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`,xl:`max-w-xl`,full:`max-w-[calc(100vw-2rem)] max-h-[calc(100vh-2rem)]`},s={fade:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,slide:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,scale:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,none:``},c={fade:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,slide:`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]:slide-out-to-top-[2%] data-[state=open]:slide-in-from-top-[2%]`,scale:`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`,none:``},l=n.forwardRef(({className:e,animation:n=`fade`,...r},o)=>(0,i.jsx)(a.Overlay,{ref:o,className:t.cn(`fixed inset-0 z-50 bg-black/80`,s[n],e),...r}));l.displayName=`ModalOverlay`;var u=n.forwardRef(({className:e,children:n,size:s=`md`,animation:l=`fade`,centered:u=!0,showCloseButton:d=!0,...f},p)=>(0,i.jsxs)(a.Content,{ref:p,className:t.cn(`fixed z-50 w-full bg-background shadow-lg sm:rounded-lg`,`left-1/2 -translate-x-1/2`,u?`top-1/2 -translate-y-1/2`:`top-[10%]`,o[s],c[l],`duration-200`,e),...f,children:[n,d&&(0,i.jsxs)(a.Close,{className:`absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground`,children:[(0,i.jsx)(r.X,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Fermer`})]})]}));u.displayName=`ModalContent`;var d=n.forwardRef(({className:e,sticky:n,...r},a)=>(0,i.jsx)(`div`,{ref:a,className:t.cn(`flex flex-col space-y-1.5 p-6 pb-4`,n&&`sticky top-0 bg-background z-10 border-b`,e),...r}));d.displayName=`ModalHeader`;var f=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(a.Title,{ref:r,className:t.cn(`text-lg font-semibold leading-none tracking-tight`,e),...n}));f.displayName=`ModalTitle`;var p=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(a.Description,{ref:r,className:t.cn(`text-sm text-muted-foreground`,e),...n}));p.displayName=`ModalDescription`;var m=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(`div`,{ref:r,className:t.cn(`px-6 py-4 overflow-auto`,e),...n}));m.displayName=`ModalBody`;var h=n.forwardRef(({className:e,sticky:n,...r},a)=>(0,i.jsx)(`div`,{ref:a,className:t.cn(`flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 pt-4`,n&&`sticky bottom-0 bg-background z-10 border-t`,e),...r}));h.displayName=`ModalFooter`;function g({open:e,onOpenChange:t,title:n,description:r,children:o,size:s=`md`,showCloseButton:c=!0,closeOnOverlayClick:g=!0,closeOnEscape:_=!0,animation:v=`scale`,centered:y=!0,stickyHeader:b=!1,stickyFooter:x=!1,footer:S,className:C,overlayClassName:w}){return(0,i.jsx)(a.Root,{open:e,onOpenChange:t,children:(0,i.jsxs)(a.Portal,{children:[(0,i.jsx)(l,{animation:v,className:w}),(0,i.jsxs)(u,{size:s,animation:v,centered:y,showCloseButton:c,className:C,onInteractOutside:e=>{g||e.preventDefault()},onEscapeKeyDown:e=>{_||e.preventDefault()},"aria-describedby":r?void 0:`modal-description`,children:[!n&&(0,i.jsx)(f,{className:`sr-only`,children:`Fenêtre modale`}),!r&&(0,i.jsx)(p,{id:`modal-description`,className:`sr-only`,children:`Contenu de la fenêtre modale`}),(n||r)&&(0,i.jsxs)(d,{sticky:b,children:[n&&(0,i.jsx)(f,{children:n}),r&&(0,i.jsx)(p,{children:r})]}),(0,i.jsx)(m,{children:o}),S&&(0,i.jsx)(h,{sticky:x,children:S})]})]})})}function _({children:e,onOpen:t,className:n,disabled:r}){return(0,i.jsx)(a.Trigger,{className:n,disabled:r,onClick:t,asChild:!0,children:e})}function v(e){let{defaultOpen:t=!1,onOpenChange:r}=e||{},[i,a]=n.useState(t);return{isOpen:i,open:n.useCallback(()=>{a(!0),r?.(!0)},[r]),close:n.useCallback(()=>{a(!1),r?.(!1)},[r]),toggle:n.useCallback(()=>{a(e=>{let t=!e;return r?.(t),t})},[r]),onOpenChange:n.useCallback(e=>{a(e),r?.(e)},[r])}}exports.ModalBody=m,exports.ModalContent=u,exports.ModalDescription=p,exports.ModalFooter=h,exports.ModalHeader=d,exports.ModalOverlay=l,exports.ModalTitle=f,exports.WakaModal=g,exports.default=g,exports.WakaModalTrigger=_,exports.useModal=v;

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

@@ -145,4 +145,4 @@ function v(e) {
 	};
 }
 //#endregion
-export { m as ModalBody, u as ModalContent, p as ModalDescription, h as ModalFooter, d as ModalHeader, l as ModalOverlay, f as ModalTitle, _ as WakaModalTrigger, g as default, v as useModal };
+export { m as ModalBody, u as ModalContent, p as ModalDescription, h as ModalFooter, d as ModalHeader, l as ModalOverlay, f as ModalTitle, g as WakaModal, g as default, _ as WakaModalTrigger, v as useModal };

package/dist/components/waka-morph-button/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(`class-variance-authority`),i=require(`react/jsx-runtime`);var a=(0,r.cva)(`relative inline-flex items-center justify-center overflow-hidden font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none`,{variants:{variant:{default:``,outline:`border-2`,ghost:``},size:{sm:`h-9 text-sm`,default:`h-11 text-base`,lg:`h-14 text-lg`},rounded:{default:`rounded-xl`,sm:`rounded-lg`,lg:`rounded-2xl`,full:`rounded-full`}},defaultVariants:{variant:`default`,size:`default`,rounded:`default`}}),o={idle:`bg-primary text-primary-foreground shadow-md hover:shadow-lg active:shadow-sm`,loading:`bg-primary/80 text-primary-foreground shadow-md cursor-wait`,success:`bg-green-500 text-white shadow-md`,error:`bg-destructive text-destructive-foreground shadow-md`},s={idle:`border-primary text-primary bg-transparent hover:bg-primary/10`,loading:`border-primary/50 text-primary/70 bg-transparent cursor-wait`,success:`border-green-500 text-green-500 bg-green-500/10`,error:`border-destructive text-destructive bg-destructive/10`},c={idle:`text-primary hover:bg-primary/10`,loading:`text-primary/70 cursor-wait`,success:`text-green-500 bg-green-500/10`,error:`text-destructive bg-destructive/10`};function l(e){typeof window>`u`||!(`vibrate`in navigator)||navigator.vibrate({light:[10],medium:[20],success:[10,50,10],error:[30,50,30,50,30]}[e])}function u({className:e}){return(0,i.jsxs)(`svg`,{className:t.cn(`animate-spin`,e),width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,children:[(0,i.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`3`}),(0,i.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z`})]})}function d({className:e}){return(0,i.jsx)(`svg`,{className:t.cn(``,e),width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`polyline`,{points:`20 6 9 17 4 12`,className:`animate-draw-check`})})}function f({className:e}){return(0,i.jsxs)(`svg`,{className:t.cn(``,e),width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,i.jsx)(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`,className:`animate-draw-x-1`}),(0,i.jsx)(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`,className:`animate-draw-x-2`})]})}var p=n.forwardRef(({className:e,variant:r=`default`,size:p,rounded:m,state:h=`idle`,idleText:g,loadingText:_=`Loading...`,successText:v=`Success!`,errorText:y=`Error`,resetDelay:b=2e3,onReset:x,idleIcon:S,loadingIcon:C,successIcon:w,errorIcon:T,hapticFeedback:E=!0,animationDuration:D=300,disabled:O,onClick:k,...A},j)=>{let[M,N]=n.useState(h),[P,F]=n.useState(`auto`),I=n.useRef(null),L=n.useRef(null);n.useImperativeHandle(j,()=>I.current),n.useEffect(()=>{N(h)},[h]),n.useEffect(()=>{E&&(M===`success`?l(`success`):M===`error`?l(`error`):M===`loading`&&l(`light`))},[M,E]),n.useEffect(()=>{if((M===`success`||M===`error`)&&b>0){let e=setTimeout(()=>{N(`idle`),x?.()},b);return()=>clearTimeout(e)}},[M,b,x]),n.useEffect(()=>{I.current&&L.current&&F(L.current.scrollWidth+48+(M===`idle`?S?28:0:28))},[M,g,_,v,y,S]);let R=()=>{switch(M){case`loading`:return _;case`success`:return v;case`error`:return y;default:return g}},z=()=>{switch(M){case`loading`:return C??(0,i.jsx)(u,{});case`success`:return w??(0,i.jsx)(d,{});case`error`:return T??(0,i.jsx)(f,{});default:return S}},B=()=>r===`outline`?s[M]:r===`ghost`?c[M]:o[M],V=e=>{M===`loading`||O||k?.(e)},H=z(),U=R();return(0,i.jsxs)(`button`,{ref:I,className:t.cn(a({variant:r,size:p,rounded:m}),B(),e),style:{width:typeof P==`number`?`${P}px`:P,transition:`all ${D}ms ease-out`},disabled:O||M===`loading`,onClick:V,...A,children:[(0,i.jsx)(`span`,{className:t.cn(`flex items-center justify-center transition-all`,H?`w-5 mr-2`:`w-0 mr-0`),style:{transition:`all ${D}ms ease-out`,opacity:+!!H},children:H}),(0,i.jsx)(`span`,{ref:L,className:`whitespace-nowrap transition-opacity`,style:{transition:`opacity ${D/2}ms ease-out`},children:U})]})});if(p.displayName=`WakaMorphButton`,typeof document<`u`){let e=`waka-morph-button-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("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`relative inline-flex items-center justify-center overflow-hidden font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none`,{variants:{variant:{default:``,outline:`border-2`,ghost:``},size:{sm:`h-9 text-sm`,default:`h-11 text-base`,lg:`h-14 text-lg`},rounded:{default:`rounded-xl`,sm:`rounded-lg`,lg:`rounded-2xl`,full:`rounded-full`}},defaultVariants:{variant:`default`,size:`default`,rounded:`default`}}),o={idle:`bg-primary text-primary-foreground shadow-md hover:shadow-lg active:shadow-sm`,loading:`bg-primary/80 text-primary-foreground shadow-md cursor-wait`,success:`bg-green-500 text-white shadow-md`,error:`bg-destructive text-destructive-foreground shadow-md`},s={idle:`border-primary text-primary bg-transparent hover:bg-primary/10`,loading:`border-primary/50 text-primary/70 bg-transparent cursor-wait`,success:`border-green-500 text-green-500 bg-green-500/10`,error:`border-destructive text-destructive bg-destructive/10`},c={idle:`text-primary hover:bg-primary/10`,loading:`text-primary/70 cursor-wait`,success:`text-green-500 bg-green-500/10`,error:`text-destructive bg-destructive/10`};function l(e){typeof window>`u`||!(`vibrate`in navigator)||navigator.vibrate({light:[10],medium:[20],success:[10,50,10],error:[30,50,30,50,30]}[e])}function u({className:e}){return(0,i.jsxs)(`svg`,{className:t.cn(`animate-spin`,e),width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,children:[(0,i.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`3`}),(0,i.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z`})]})}function d({className:e}){return(0,i.jsx)(`svg`,{className:t.cn(``,e),width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`polyline`,{points:`20 6 9 17 4 12`,className:`animate-draw-check`})})}function f({className:e}){return(0,i.jsxs)(`svg`,{className:t.cn(``,e),width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,i.jsx)(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`,className:`animate-draw-x-1`}),(0,i.jsx)(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`,className:`animate-draw-x-2`})]})}var p=n.forwardRef(({className:e,variant:r=`default`,size:p,rounded:m,state:h=`idle`,idleText:g,loadingText:_=`Loading...`,successText:v=`Success!`,errorText:y=`Error`,resetDelay:b=2e3,onReset:x,idleIcon:S,loadingIcon:C,successIcon:w,errorIcon:T,hapticFeedback:E=!0,animationDuration:D=300,disabled:O,onClick:k,...A},j)=>{let[M,N]=n.useState(h),[P,F]=n.useState(`auto`),I=n.useRef(null),L=n.useRef(null);n.useImperativeHandle(j,()=>I.current),n.useEffect(()=>{N(h)},[h]),n.useEffect(()=>{E&&(M===`success`?l(`success`):M===`error`?l(`error`):M===`loading`&&l(`light`))},[M,E]),n.useEffect(()=>{if((M===`success`||M===`error`)&&b>0){let e=setTimeout(()=>{N(`idle`),x?.()},b);return()=>clearTimeout(e)}},[M,b,x]),n.useEffect(()=>{if(I.current&&L.current){let e=L.current.scrollWidth+48+(M===`idle`?S?28:0:28);F(e)}},[M,g,_,v,y,S]);let R=()=>{switch(M){case`loading`:return _;case`success`:return v;case`error`:return y;default:return g}},z=()=>{switch(M){case`loading`:return C??(0,i.jsx)(u,{});case`success`:return w??(0,i.jsx)(d,{});case`error`:return T??(0,i.jsx)(f,{});default:return S}},B=()=>r===`outline`?s[M]:r===`ghost`?c[M]:o[M],V=e=>{M===`loading`||O||k?.(e)},H=z(),U=R();return(0,i.jsxs)(`button`,{ref:I,className:t.cn(a({variant:r,size:p,rounded:m}),B(),e),style:{width:typeof P==`number`?`${P}px`:P,transition:`all ${D}ms ease-out`},disabled:O||M===`loading`,onClick:V,...A,children:[(0,i.jsx)(`span`,{className:t.cn(`flex items-center justify-center transition-all`,H?`w-5 mr-2`:`w-0 mr-0`),style:{transition:`all ${D}ms ease-out`,opacity:+!!H},children:H}),(0,i.jsx)(`span`,{ref:L,className:`whitespace-nowrap transition-opacity`,style:{transition:`opacity ${D/2}ms ease-out`},children:U})]})});if(p.displayName=`WakaMorphButton`,typeof document<`u`){let e=`waka-morph-button-styles`;if(!document.getElementById(e)){let t=document.createElement(`style`);t.id=e,t.textContent=`
       @keyframes draw-check {
         0% {
           stroke-dasharray: 0 100;
@@ -39,4 +39,4 @@
         stroke-dashoffset: 100;
         animation: draw-x-2 0.3s ease-out 0.1s forwards;
       }
-    `,document.head.appendChild(t)}}function m(e,t={}){let{onSuccess:r,onError:i,resetDelay:a=2e3}=t,[o,s]=n.useState(`idle`),[c,l]=n.useState(null),[u,d]=n.useState(null);return{state:o,result:c,error:u,execute:n.useCallback(async()=>{if(o!==`loading`){s(`loading`),d(null);try{l(await e()),s(`success`),r?.(),setTimeout(()=>{s(`idle`)},a)}catch(e){d(e),s(`error`),i?.(e),setTimeout(()=>{s(`idle`)},a)}}},[o,e,r,i,a]),reset:n.useCallback(()=>{s(`idle`),l(null),d(null)},[]),isLoading:o===`loading`,isSuccess:o===`success`,isError:o===`error`}}var h=n.forwardRef(({onClick:e,onSuccess:t,onError:n,resetDelay:r=2e3,...a},o)=>{let{state:s,execute:c}=m(e,{onSuccess:t,onError:n,resetDelay:r});return(0,i.jsx)(p,{ref:o,state:s,onClick:c,resetDelay:0,...a})});h.displayName=`WakaAsyncButton`,exports.WakaAsyncButton=h,exports.WakaMorphButton=p,exports.useMorphButton=m;
+    `,document.head.appendChild(t)}}function m(e,t={}){let{onSuccess:r,onError:i,resetDelay:a=2e3}=t,[o,s]=n.useState(`idle`),[c,l]=n.useState(null),[u,d]=n.useState(null);return{state:o,result:c,error:u,execute:n.useCallback(async()=>{if(o!==`loading`){s(`loading`),d(null);try{let t=await e();l(t),s(`success`),r?.(),setTimeout(()=>{s(`idle`)},a)}catch(e){d(e),s(`error`),i?.(e),setTimeout(()=>{s(`idle`)},a)}}},[o,e,r,i,a]),reset:n.useCallback(()=>{s(`idle`),l(null),d(null)},[]),isLoading:o===`loading`,isSuccess:o===`success`,isError:o===`error`}}var h=n.forwardRef(({onClick:e,onSuccess:t,onError:n,resetDelay:r=2e3,...a},o)=>{let{state:s,execute:c}=m(e,{onSuccess:t,onError:n,resetDelay:r});return(0,i.jsx)(p,{ref:o,state:s,onClick:c,resetDelay:0,...a})});h.displayName=`WakaAsyncButton`,exports.WakaAsyncButton=h,exports.WakaMorphButton=p,exports.useMorphButton=m;

package/dist/components/waka-morph-button/index.es.js

@@ -145,7 +145,10 @@ var p = t.forwardRef(({ className: n, variant: p = "default", size: m, rounded:
 		x,
 		S
 	]), t.useEffect(() => {
-		L.current && R.current && I(R.current.scrollWidth + 48 + (N === "idle" ? C ? 28 : 0 : 28));
+		if (L.current && R.current) {
+			let e = R.current.scrollWidth + 48 + (N === "idle" ? C ? 28 : 0 : 28);
+			I(e);
+		}
 	}, [
 		N,
 		_,
@@ -217,7 +220,8 @@ function m(e, n = {}) {
 			if (o !== "loading") {
 				s("loading"), d(null);
 				try {
-					l(await e()), s("success"), r?.(), setTimeout(() => {
+					let t = await e();
+					l(t), s("success"), r?.(), setTimeout(() => {
 						s("idle");
 					}, a);
 				} catch (e) {

package/dist/components/waka-network-topology/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`);var a={server:r.Server,database:r.Database,loadbalancer:r.Scale,firewall:r.Shield,cloud:r.Cloud,client:r.Monitor,router:r.Router},o={healthy:`#22c55e`,warning:`#eab308`,error:`#ef4444`,offline:`#6b7280`},s={low:{color:`#22c55e`,width:2,dashOffset:20},medium:{color:`#eab308`,width:3,dashOffset:15},high:{color:`#ef4444`,width:4,dashOffset:10}},c={active:`#3b82f6`,degraded:`#eab308`,down:`#ef4444`},l=({node:e,isSelected:n,onClick:r,scale:s})=>{let c=a[e.type],l=o[e.status];return(0,i.jsxs)(`g`,{transform:`translate(${e.x}, ${e.y})`,onClick:r,style:{cursor:`pointer`},role:`button`,"aria-label":`${e.label} - ${e.type} - ${e.status}`,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&r()},children:[n&&(0,i.jsx)(`circle`,{r:32,fill:`none`,stroke:`#3b82f6`,strokeWidth:2,strokeDasharray:`4 2`,className:`animate-spin`,style:{animationDuration:`8s`}}),(0,i.jsx)(`circle`,{r:48/2,fill:`white`,stroke:n?`#3b82f6`:`#e5e7eb`,strokeWidth:n?2:1,className:`drop-shadow-md`}),(0,i.jsx)(`circle`,{cx:48/2-8,cy:-16,r:6,fill:l,stroke:`white`,strokeWidth:2,children:e.status===`healthy`&&(0,i.jsx)(`animate`,{attributeName:`opacity`,values:`1;0.5;1`,dur:`2s`,repeatCount:`indefinite`})}),(0,i.jsx)(`foreignObject`,{x:-16,y:-16,width:32,height:32,style:{overflow:`visible`},children:(0,i.jsx)(`div`,{className:`flex h-full w-full items-center justify-center`,children:(0,i.jsx)(c,{size:24,className:t.cn(`text-gray-600`,e.status===`error`&&`text-red-500`,e.status===`warning`&&`text-yellow-500`,e.status===`offline`&&`text-gray-400`)})})}),(0,i.jsx)(`text`,{y:40,textAnchor:`middle`,className:`fill-gray-700 text-xs font-medium`,style:{fontSize:`${12/s}px`},children:e.label}),e.metrics&&(0,i.jsxs)(`g`,{className:`opacity-0 transition-opacity hover:opacity-100`,children:[(0,i.jsx)(`rect`,{x:-60,y:-98,width:120,height:45,rx:4,fill:`rgba(0,0,0,0.8)`}),(0,i.jsx)(`text`,{x:0,y:-83,textAnchor:`middle`,className:`fill-white text-xs`,style:{fontSize:`10px`},children:e.metrics.cpu!==void 0&&`CPU: ${e.metrics.cpu}%`}),(0,i.jsx)(`text`,{x:0,y:-70,textAnchor:`middle`,className:`fill-white text-xs`,style:{fontSize:`10px`},children:e.metrics.memory!==void 0&&`Mem: ${e.metrics.memory}%`}),(0,i.jsx)(`text`,{x:0,y:-57,textAnchor:`middle`,className:`fill-white text-xs`,style:{fontSize:`10px`},children:e.metrics.connections!==void 0&&`Conn: ${e.metrics.connections}`})]})]})},u=({edge:e,sourceNode:n,targetNode:r,showLatency:a,showTraffic:o,animated:l,isHighlighted:u,onClick:d})=>{let f=e.traffic||`low`,p=s[f],m=e.status?c[e.status]:p.color,h=r.x-n.x,g=r.y-n.y,_=Math.sqrt(h*h+g*g),v=h/_*24,y=g/_*24,b=n.x+v,x=n.y+y,S=r.x-v,C=r.y-y,w=(b+S)/2,T=(x+C)/2,E=180/Math.PI*Math.atan2(g,h);return(E>90||E<-90)&&E+180,`${e.source}${e.target}`,(0,i.jsxs)(`g`,{onClick:d,style:{cursor:`pointer`},role:`button`,"aria-label":`Connection from ${n.label} to ${r.label}${e.latency?`, latency ${e.latency}ms`:``}`,children:[(0,i.jsx)(`line`,{x1:b,y1:x,x2:S,y2:C,stroke:`transparent`,strokeWidth:20}),(0,i.jsx)(`line`,{x1:b,y1:x,x2:S,y2:C,stroke:u?`#3b82f6`:m,strokeWidth:o?p.width:2,strokeOpacity:e.status===`down`?.3:u?1:.6,strokeDasharray:e.status===`down`?`5 5`:void 0}),l&&o&&e.status!==`down`&&(0,i.jsx)(`line`,{x1:b,y1:x,x2:S,y2:C,stroke:u?`#60a5fa`:m,strokeWidth:p.width,strokeDasharray:`8 12`,strokeLinecap:`round`,children:(0,i.jsx)(`animate`,{attributeName:`stroke-dashoffset`,from:`0`,to:-p.dashOffset*2,dur:`${p.dashOffset/10}s`,repeatCount:`indefinite`})}),l&&o&&f===`high`&&e.status!==`down`&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`circle`,{r:3,fill:m,children:(0,i.jsx)(`animateMotion`,{dur:`1s`,repeatCount:`indefinite`,path:`M${b},${x} L${S},${C}`})}),(0,i.jsx)(`circle`,{r:3,fill:m,children:(0,i.jsx)(`animateMotion`,{dur:`1s`,repeatCount:`indefinite`,begin:`0.5s`,path:`M${b},${x} L${S},${C}`})})]}),a&&e.latency!==void 0&&(0,i.jsxs)(`g`,{transform:`translate(${w}, ${T})`,children:[(0,i.jsx)(`rect`,{x:-20,y:-10,width:40,height:20,rx:4,fill:`white`,stroke:`#e5e7eb`,strokeWidth:1}),(0,i.jsxs)(`text`,{textAnchor:`middle`,dominantBaseline:`middle`,className:t.cn(`text-xs font-medium`,e.latency>100?`fill-red-500`:e.latency>50?`fill-yellow-500`:`fill-green-500`),style:{fontSize:`10px`},children:[e.latency,`ms`]})]})]})},d=({nodes:e,edges:t,viewBox:n,bounds:r,onViewChange:a})=>{let s=r.maxX-r.minX+20,c=r.maxY-r.minY+20,l=Math.min(150/s,150/c);return(0,i.jsx)(`div`,{className:`absolute bottom-4 right-4 rounded-lg border border-gray-200 bg-white p-2 shadow-lg`,children:(0,i.jsxs)(`svg`,{width:150,height:150,onClick:e=>{let t=e.currentTarget.getBoundingClientRect(),i=e.clientX-t.left,o=e.clientY-t.top,s=i/l+r.minX-10,c=o/l+r.minY-10;a(s-n.width/2,c-n.height/2)},style:{cursor:`crosshair`},"aria-label":`Network mini-map`,children:[(0,i.jsx)(`rect`,{width:150,height:150,fill:`#f9fafb`,rx:4}),t.map(t=>{let n=e.find(e=>e.id===t.source),a=e.find(e=>e.id===t.target);return!n||!a?null:(0,i.jsx)(`line`,{x1:(n.x-r.minX+10)*l,y1:(n.y-r.minY+10)*l,x2:(a.x-r.minX+10)*l,y2:(a.y-r.minY+10)*l,stroke:`#cbd5e1`,strokeWidth:1},`mini-${t.source}-${t.target}`)}),e.map(e=>(0,i.jsx)(`circle`,{cx:(e.x-r.minX+10)*l,cy:(e.y-r.minY+10)*l,r:4,fill:o[e.status]},`mini-${e.id}`)),(0,i.jsx)(`rect`,{x:(n.x-r.minX+10)*l,y:(n.y-r.minY+10)*l,width:n.width*l,height:n.height*l,fill:`rgba(59, 130, 246, 0.1)`,stroke:`#3b82f6`,strokeWidth:1,rx:2})]})})},f=({nodes:e,edges:a,onNodeClick:c,onEdgeClick:f,selectedNode:p,showLatency:m=!0,showTraffic:h=!0,animated:g=!0,className:_})=>{let v=n.useRef(null),y=n.useRef(null),[b,x]=n.useState({x:0,y:0,width:800,height:600}),[S,C]=n.useState(1),[w,T]=n.useState(!1),[E,D]=n.useState({x:0,y:0}),[O,k]=n.useState(new Set),A=n.useMemo(()=>{if(e.length===0)return{minX:0,minY:0,maxX:800,maxY:600};let t=e.map(e=>e.x),n=e.map(e=>e.y);return{minX:Math.min(...t)-100,minY:Math.min(...n)-100,maxX:Math.max(...t)+100,maxY:Math.max(...n)+100}},[e]);n.useEffect(()=>{if(y.current){let{width:e,height:t}=y.current.getBoundingClientRect();x({x:A.minX,y:A.minY,width:e||800,height:t||600})}},[A]),n.useEffect(()=>{if(p){let e=new Set;a.forEach(t=>{(t.source===p||t.target===p)&&e.add(`${t.source}-${t.target}`)}),k(e)}else k(new Set)},[p,a]);let j=e=>{let t=Math.max(.25,Math.min(4,S+e)),n=S/t;x(e=>({x:e.x+e.width*(1-n)/2,y:e.y+e.height*(1-n)/2,width:e.width*n,height:e.height*n})),C(t)},M=e=>{e.preventDefault(),j(e.deltaY>0?-.1:.1)},N=e=>{e.button===0&&(T(!0),D({x:e.clientX,y:e.clientY}))},P=e=>{if(w){let t=(e.clientX-E.x)/S,n=(e.clientY-E.y)/S;x(e=>({...e,x:e.x-t,y:e.y-n})),D({x:e.clientX,y:e.clientY})}},F=()=>{T(!1)};return(0,i.jsxs)(`div`,{ref:y,className:t.cn(`relative h-full w-full overflow-hidden rounded-lg border border-gray-200 bg-gray-50`,_),children:[(0,i.jsxs)(`div`,{className:`absolute left-4 top-4 z-10 flex flex-col gap-2`,children:[(0,i.jsx)(`button`,{onClick:()=>j(.2),className:`rounded-lg border border-gray-200 bg-white p-2 shadow-sm transition-colors hover:bg-gray-50`,"aria-label":`Zoom in`,children:(0,i.jsx)(r.ZoomIn,{size:18,className:`text-gray-600`})}),(0,i.jsx)(`button`,{onClick:()=>j(-.2),className:`rounded-lg border border-gray-200 bg-white p-2 shadow-sm transition-colors hover:bg-gray-50`,"aria-label":`Zoom out`,children:(0,i.jsx)(r.ZoomOut,{size:18,className:`text-gray-600`})}),(0,i.jsx)(`button`,{onClick:()=>{if(y.current){let{width:e,height:t}=y.current.getBoundingClientRect(),n=A.maxX-A.minX,r=A.maxY-A.minY,i=Math.min(e/n,t/r);x({x:A.minX-(e/i-n)/2,y:A.minY-(t/i-r)/2,width:e/i,height:t/i}),C(i)}},className:`rounded-lg border border-gray-200 bg-white p-2 shadow-sm transition-colors hover:bg-gray-50`,"aria-label":`Fit to view`,children:(0,i.jsx)(r.Maximize2,{size:18,className:`text-gray-600`})}),(0,i.jsxs)(`div`,{className:`mt-2 rounded-lg border border-gray-200 bg-white px-2 py-1 text-center text-xs text-gray-500 shadow-sm`,children:[Math.round(S*100),`%`]})]}),w&&(0,i.jsxs)(`div`,{className:`absolute left-1/2 top-4 z-10 -translate-x-1/2 rounded-full bg-blue-500 px-3 py-1 text-xs text-white shadow-md`,children:[(0,i.jsx)(r.Move,{size:12,className:`mr-1 inline`}),`Panning`]}),(0,i.jsxs)(`svg`,{ref:v,className:t.cn(`h-full w-full`,w?`cursor-grabbing`:`cursor-grab`),viewBox:`${b.x} ${b.y} ${b.width} ${b.height}`,onWheel:M,onMouseDown:N,onMouseMove:P,onMouseUp:F,onMouseLeave:F,"aria-label":`Network topology diagram`,role:`img`,children:[(0,i.jsxs)(`defs`,{children:[(0,i.jsx)(`pattern`,{id:`grid`,width:50,height:50,patternUnits:`userSpaceOnUse`,children:(0,i.jsx)(`path`,{d:`M 50 0 L 0 0 0 50`,fill:`none`,stroke:`#e5e7eb`,strokeWidth:.5})}),(0,i.jsx)(`marker`,{id:`arrowhead`,markerWidth:10,markerHeight:7,refX:9,refY:3.5,orient:`auto`,children:(0,i.jsx)(`polygon`,{points:`0 0, 10 3.5, 0 7`,fill:`#94a3b8`})}),(0,i.jsxs)(`filter`,{id:`glow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:[(0,i.jsx)(`feGaussianBlur`,{stdDeviation:`3`,result:`coloredBlur`}),(0,i.jsxs)(`feMerge`,{children:[(0,i.jsx)(`feMergeNode`,{in:`coloredBlur`}),(0,i.jsx)(`feMergeNode`,{in:`SourceGraphic`})]})]})]}),(0,i.jsx)(`rect`,{x:A.minX-1e3,y:A.minY-1e3,width:A.maxX-A.minX+2e3,height:A.maxY-A.minY+2e3,fill:`url(#grid)`}),(0,i.jsx)(`g`,{className:`edges`,children:a.map(t=>{let n=e.find(e=>e.id===t.source),r=e.find(e=>e.id===t.target);if(!n||!r)return null;let a=`${t.source}-${t.target}`;return(0,i.jsx)(u,{edge:t,sourceNode:n,targetNode:r,showLatency:m,showTraffic:h,animated:g,isHighlighted:O.has(a),onClick:()=>f?.(t.source,t.target)},a)})}),(0,i.jsx)(`g`,{className:`nodes`,children:e.map(e=>(0,i.jsx)(l,{node:e,isSelected:p===e.id,onClick:()=>c?.(e.id),scale:S},e.id))})]}),(0,i.jsx)(d,{nodes:e,edges:a,viewBox:b,bounds:A,onViewChange:(e,t)=>{x(n=>({...n,x:e,y:t}))}}),(0,i.jsxs)(`div`,{className:`absolute bottom-4 left-4 rounded-lg border border-gray-200 bg-white p-3 shadow-lg`,children:[(0,i.jsx)(`div`,{className:`mb-2 text-xs font-medium text-gray-700`,children:`Status`}),(0,i.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:Object.entries(o).map(([e,t])=>(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-3 rounded-full`,style:{backgroundColor:t}}),(0,i.jsx)(`span`,{className:`text-xs capitalize text-gray-600`,children:e})]},e))}),h&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`mb-2 mt-3 text-xs font-medium text-gray-700`,children:`Traffic`}),(0,i.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:Object.entries(s).map(([e,t])=>(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-0.5 w-4`,style:{backgroundColor:t.color,height:t.width}}),(0,i.jsx)(`span`,{className:`text-xs capitalize text-gray-600`,children:e})]},e))})]})]})]})};exports.default=f;
+"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={server:r.Server,database:r.Database,loadbalancer:r.Scale,firewall:r.Shield,cloud:r.Cloud,client:r.Monitor,router:r.Router},o={healthy:`#22c55e`,warning:`#eab308`,error:`#ef4444`,offline:`#6b7280`},s={low:{color:`#22c55e`,width:2,dashOffset:20},medium:{color:`#eab308`,width:3,dashOffset:15},high:{color:`#ef4444`,width:4,dashOffset:10}},c={active:`#3b82f6`,degraded:`#eab308`,down:`#ef4444`},l=({node:e,isSelected:n,onClick:r,scale:s})=>{let c=a[e.type],l=o[e.status];return(0,i.jsxs)(`g`,{transform:`translate(${e.x}, ${e.y})`,onClick:r,style:{cursor:`pointer`},role:`button`,"aria-label":`${e.label} - ${e.type} - ${e.status}`,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&r()},children:[n&&(0,i.jsx)(`circle`,{r:32,fill:`none`,stroke:`#3b82f6`,strokeWidth:2,strokeDasharray:`4 2`,className:`animate-spin`,style:{animationDuration:`8s`}}),(0,i.jsx)(`circle`,{r:48/2,fill:`white`,stroke:n?`#3b82f6`:`#e5e7eb`,strokeWidth:n?2:1,className:`drop-shadow-md`}),(0,i.jsx)(`circle`,{cx:48/2-8,cy:-16,r:6,fill:l,stroke:`white`,strokeWidth:2,children:e.status===`healthy`&&(0,i.jsx)(`animate`,{attributeName:`opacity`,values:`1;0.5;1`,dur:`2s`,repeatCount:`indefinite`})}),(0,i.jsx)(`foreignObject`,{x:-16,y:-16,width:32,height:32,style:{overflow:`visible`},children:(0,i.jsx)(`div`,{className:`flex h-full w-full items-center justify-center`,children:(0,i.jsx)(c,{size:24,className:t.cn(`text-gray-600`,e.status===`error`&&`text-red-500`,e.status===`warning`&&`text-yellow-500`,e.status===`offline`&&`text-gray-400`)})})}),(0,i.jsx)(`text`,{y:40,textAnchor:`middle`,className:`fill-gray-700 text-xs font-medium`,style:{fontSize:`${12/s}px`},children:e.label}),e.metrics&&(0,i.jsxs)(`g`,{className:`opacity-0 transition-opacity hover:opacity-100`,children:[(0,i.jsx)(`rect`,{x:-60,y:-98,width:120,height:45,rx:4,fill:`rgba(0,0,0,0.8)`}),(0,i.jsx)(`text`,{x:0,y:-83,textAnchor:`middle`,className:`fill-white text-xs`,style:{fontSize:`10px`},children:e.metrics.cpu!==void 0&&`CPU: ${e.metrics.cpu}%`}),(0,i.jsx)(`text`,{x:0,y:-70,textAnchor:`middle`,className:`fill-white text-xs`,style:{fontSize:`10px`},children:e.metrics.memory!==void 0&&`Mem: ${e.metrics.memory}%`}),(0,i.jsx)(`text`,{x:0,y:-57,textAnchor:`middle`,className:`fill-white text-xs`,style:{fontSize:`10px`},children:e.metrics.connections!==void 0&&`Conn: ${e.metrics.connections}`})]})]})},u=({edge:e,sourceNode:n,targetNode:r,showLatency:a,showTraffic:o,animated:l,isHighlighted:u,onClick:d})=>{let f=e.traffic||`low`,p=s[f],m=e.status?c[e.status]:p.color,h=r.x-n.x,g=r.y-n.y,_=Math.sqrt(h*h+g*g),v=h/_*24,y=g/_*24,b=n.x+v,x=n.y+y,S=r.x-v,C=r.y-y,w=(b+S)/2,T=(x+C)/2,E=180/Math.PI*Math.atan2(g,h);return(E>90||E<-90)&&E+180,`${e.source}${e.target}`,(0,i.jsxs)(`g`,{onClick:d,style:{cursor:`pointer`},role:`button`,"aria-label":`Connection from ${n.label} to ${r.label}${e.latency?`, latency ${e.latency}ms`:``}`,children:[(0,i.jsx)(`line`,{x1:b,y1:x,x2:S,y2:C,stroke:`transparent`,strokeWidth:20}),(0,i.jsx)(`line`,{x1:b,y1:x,x2:S,y2:C,stroke:u?`#3b82f6`:m,strokeWidth:o?p.width:2,strokeOpacity:e.status===`down`?.3:u?1:.6,strokeDasharray:e.status===`down`?`5 5`:void 0}),l&&o&&e.status!==`down`&&(0,i.jsx)(`line`,{x1:b,y1:x,x2:S,y2:C,stroke:u?`#60a5fa`:m,strokeWidth:p.width,strokeDasharray:`8 12`,strokeLinecap:`round`,children:(0,i.jsx)(`animate`,{attributeName:`stroke-dashoffset`,from:`0`,to:-p.dashOffset*2,dur:`${p.dashOffset/10}s`,repeatCount:`indefinite`})}),l&&o&&f===`high`&&e.status!==`down`&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`circle`,{r:3,fill:m,children:(0,i.jsx)(`animateMotion`,{dur:`1s`,repeatCount:`indefinite`,path:`M${b},${x} L${S},${C}`})}),(0,i.jsx)(`circle`,{r:3,fill:m,children:(0,i.jsx)(`animateMotion`,{dur:`1s`,repeatCount:`indefinite`,begin:`0.5s`,path:`M${b},${x} L${S},${C}`})})]}),a&&e.latency!==void 0&&(0,i.jsxs)(`g`,{transform:`translate(${w}, ${T})`,children:[(0,i.jsx)(`rect`,{x:-20,y:-10,width:40,height:20,rx:4,fill:`white`,stroke:`#e5e7eb`,strokeWidth:1}),(0,i.jsxs)(`text`,{textAnchor:`middle`,dominantBaseline:`middle`,className:t.cn(`text-xs font-medium`,e.latency>100?`fill-red-500`:e.latency>50?`fill-yellow-500`:`fill-green-500`),style:{fontSize:`10px`},children:[e.latency,`ms`]})]})]})},d=({nodes:e,edges:t,viewBox:n,bounds:r,onViewChange:a})=>{let s=r.maxX-r.minX+20,c=r.maxY-r.minY+20,l=Math.min(150/s,150/c);return(0,i.jsx)(`div`,{className:`absolute bottom-4 right-4 rounded-lg border border-gray-200 bg-white p-2 shadow-lg`,children:(0,i.jsxs)(`svg`,{width:150,height:150,onClick:e=>{let t=e.currentTarget.getBoundingClientRect(),i=e.clientX-t.left,o=e.clientY-t.top,s=i/l+r.minX-10,c=o/l+r.minY-10;a(s-n.width/2,c-n.height/2)},style:{cursor:`crosshair`},"aria-label":`Network mini-map`,children:[(0,i.jsx)(`rect`,{width:150,height:150,fill:`#f9fafb`,rx:4}),t.map(t=>{let n=e.find(e=>e.id===t.source),a=e.find(e=>e.id===t.target);return!n||!a?null:(0,i.jsx)(`line`,{x1:(n.x-r.minX+10)*l,y1:(n.y-r.minY+10)*l,x2:(a.x-r.minX+10)*l,y2:(a.y-r.minY+10)*l,stroke:`#cbd5e1`,strokeWidth:1},`mini-${t.source}-${t.target}`)}),e.map(e=>(0,i.jsx)(`circle`,{cx:(e.x-r.minX+10)*l,cy:(e.y-r.minY+10)*l,r:4,fill:o[e.status]},`mini-${e.id}`)),(0,i.jsx)(`rect`,{x:(n.x-r.minX+10)*l,y:(n.y-r.minY+10)*l,width:n.width*l,height:n.height*l,fill:`rgba(59, 130, 246, 0.1)`,stroke:`#3b82f6`,strokeWidth:1,rx:2})]})})},f=({nodes:e,edges:a,onNodeClick:c,onEdgeClick:f,selectedNode:p,showLatency:m=!0,showTraffic:h=!0,animated:g=!0,className:_})=>{let v=n.useRef(null),y=n.useRef(null),[b,x]=n.useState({x:0,y:0,width:800,height:600}),[S,C]=n.useState(1),[w,T]=n.useState(!1),[E,D]=n.useState({x:0,y:0}),[O,k]=n.useState(new Set),A=n.useMemo(()=>{if(e.length===0)return{minX:0,minY:0,maxX:800,maxY:600};let t=e.map(e=>e.x),n=e.map(e=>e.y);return{minX:Math.min(...t)-100,minY:Math.min(...n)-100,maxX:Math.max(...t)+100,maxY:Math.max(...n)+100}},[e]);n.useEffect(()=>{if(y.current){let{width:e,height:t}=y.current.getBoundingClientRect();x({x:A.minX,y:A.minY,width:e||800,height:t||600})}},[A]),n.useEffect(()=>{if(p){let e=new Set;a.forEach(t=>{(t.source===p||t.target===p)&&e.add(`${t.source}-${t.target}`)}),k(e)}else k(new Set)},[p,a]);let j=e=>{let t=Math.max(.25,Math.min(4,S+e)),n=S/t;x(e=>({x:e.x+e.width*(1-n)/2,y:e.y+e.height*(1-n)/2,width:e.width*n,height:e.height*n})),C(t)},M=e=>{e.preventDefault();let t=e.deltaY>0?-.1:.1;j(t)},N=e=>{e.button===0&&(T(!0),D({x:e.clientX,y:e.clientY}))},P=e=>{if(w){let t=(e.clientX-E.x)/S,n=(e.clientY-E.y)/S;x(e=>({...e,x:e.x-t,y:e.y-n})),D({x:e.clientX,y:e.clientY})}},F=()=>{T(!1)};return(0,i.jsxs)(`div`,{ref:y,className:t.cn(`relative h-full w-full overflow-hidden rounded-lg border border-gray-200 bg-gray-50`,_),children:[(0,i.jsxs)(`div`,{className:`absolute left-4 top-4 z-10 flex flex-col gap-2`,children:[(0,i.jsx)(`button`,{onClick:()=>j(.2),className:`rounded-lg border border-gray-200 bg-white p-2 shadow-sm transition-colors hover:bg-gray-50`,"aria-label":`Zoom in`,children:(0,i.jsx)(r.ZoomIn,{size:18,className:`text-gray-600`})}),(0,i.jsx)(`button`,{onClick:()=>j(-.2),className:`rounded-lg border border-gray-200 bg-white p-2 shadow-sm transition-colors hover:bg-gray-50`,"aria-label":`Zoom out`,children:(0,i.jsx)(r.ZoomOut,{size:18,className:`text-gray-600`})}),(0,i.jsx)(`button`,{onClick:()=>{if(y.current){let{width:e,height:t}=y.current.getBoundingClientRect(),n=A.maxX-A.minX,r=A.maxY-A.minY,i=Math.min(e/n,t/r);x({x:A.minX-(e/i-n)/2,y:A.minY-(t/i-r)/2,width:e/i,height:t/i}),C(i)}},className:`rounded-lg border border-gray-200 bg-white p-2 shadow-sm transition-colors hover:bg-gray-50`,"aria-label":`Fit to view`,children:(0,i.jsx)(r.Maximize2,{size:18,className:`text-gray-600`})}),(0,i.jsxs)(`div`,{className:`mt-2 rounded-lg border border-gray-200 bg-white px-2 py-1 text-center text-xs text-gray-500 shadow-sm`,children:[Math.round(S*100),`%`]})]}),w&&(0,i.jsxs)(`div`,{className:`absolute left-1/2 top-4 z-10 -translate-x-1/2 rounded-full bg-blue-500 px-3 py-1 text-xs text-white shadow-md`,children:[(0,i.jsx)(r.Move,{size:12,className:`mr-1 inline`}),`Panning`]}),(0,i.jsxs)(`svg`,{ref:v,className:t.cn(`h-full w-full`,w?`cursor-grabbing`:`cursor-grab`),viewBox:`${b.x} ${b.y} ${b.width} ${b.height}`,onWheel:M,onMouseDown:N,onMouseMove:P,onMouseUp:F,onMouseLeave:F,"aria-label":`Network topology diagram`,role:`img`,children:[(0,i.jsxs)(`defs`,{children:[(0,i.jsx)(`pattern`,{id:`grid`,width:50,height:50,patternUnits:`userSpaceOnUse`,children:(0,i.jsx)(`path`,{d:`M 50 0 L 0 0 0 50`,fill:`none`,stroke:`#e5e7eb`,strokeWidth:.5})}),(0,i.jsx)(`marker`,{id:`arrowhead`,markerWidth:10,markerHeight:7,refX:9,refY:3.5,orient:`auto`,children:(0,i.jsx)(`polygon`,{points:`0 0, 10 3.5, 0 7`,fill:`#94a3b8`})}),(0,i.jsxs)(`filter`,{id:`glow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:[(0,i.jsx)(`feGaussianBlur`,{stdDeviation:`3`,result:`coloredBlur`}),(0,i.jsxs)(`feMerge`,{children:[(0,i.jsx)(`feMergeNode`,{in:`coloredBlur`}),(0,i.jsx)(`feMergeNode`,{in:`SourceGraphic`})]})]})]}),(0,i.jsx)(`rect`,{x:A.minX-1e3,y:A.minY-1e3,width:A.maxX-A.minX+2e3,height:A.maxY-A.minY+2e3,fill:`url(#grid)`}),(0,i.jsx)(`g`,{className:`edges`,children:a.map(t=>{let n=e.find(e=>e.id===t.source),r=e.find(e=>e.id===t.target);if(!n||!r)return null;let a=`${t.source}-${t.target}`,o=O.has(a);return(0,i.jsx)(u,{edge:t,sourceNode:n,targetNode:r,showLatency:m,showTraffic:h,animated:g,isHighlighted:o,onClick:()=>f?.(t.source,t.target)},a)})}),(0,i.jsx)(`g`,{className:`nodes`,children:e.map(e=>(0,i.jsx)(l,{node:e,isSelected:p===e.id,onClick:()=>c?.(e.id),scale:S},e.id))})]}),(0,i.jsx)(d,{nodes:e,edges:a,viewBox:b,bounds:A,onViewChange:(e,t)=>{x(n=>({...n,x:e,y:t}))}}),(0,i.jsxs)(`div`,{className:`absolute bottom-4 left-4 rounded-lg border border-gray-200 bg-white p-3 shadow-lg`,children:[(0,i.jsx)(`div`,{className:`mb-2 text-xs font-medium text-gray-700`,children:`Status`}),(0,i.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:Object.entries(o).map(([e,t])=>(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-3 rounded-full`,style:{backgroundColor:t}}),(0,i.jsx)(`span`,{className:`text-xs capitalize text-gray-600`,children:e})]},e))}),h&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`mb-2 mt-3 text-xs font-medium text-gray-700`,children:`Traffic`}),(0,i.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:Object.entries(s).map(([e,t])=>(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-0.5 w-4`,style:{backgroundColor:t.color,height:t.width}}),(0,i.jsx)(`span`,{className:`text-xs capitalize text-gray-600`,children:e})]},e))})]})]})]})};exports.WakaNetworkTopology=f,exports.default=f;

package/dist/components/waka-network-topology/index.es.js

@@ -324,7 +324,9 @@ var g = {
 			height: e.height * n
 		})), O(t);
 	}, L = (e) => {
-		e.preventDefault(), I(e.deltaY > 0 ? -.1 : .1);
+		e.preventDefault();
+		let t = e.deltaY > 0 ? -.1 : .1;
+		I(t);
 	}, R = (e) => {
 		e.button === 0 && (A(!0), M({
 			x: e.clientX,
@@ -545,4 +547,4 @@ var g = {
 	});
 };
 //#endregion
-export { C as default };
+export { C as WakaNetworkTopology, C as default };

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

@@ -1 +1 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../badge/index.cjs.js`),r=require(`../button/index.cjs.js`),i=require(`../popover/index.cjs.js`),a=require(`../scroll-area/index.cjs.js`),o=require(`../separator/index.cjs.js`),s=require(`../tabs/index.cjs.js`);let c=require(`react`);c=e.__toESM(c);let l=require(`lucide-react`),u=require(`react/jsx-runtime`);var d={info:`bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200`,success:`bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200`,warning:`bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200`,error:`bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200`},f=c.forwardRef(({notification:e,onMarkAsRead:n,onDelete:i},a)=>(0,u.jsxs)(`div`,{ref:a,className:t.cn(`flex gap-3 p-4 hover:bg-muted/50 transition-colors border-l-4`,e.read?`border-l-transparent opacity-60`:`border-l-primary`,`relative group`),children:[(0,u.jsx)(`div`,{className:t.cn(`flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center`,d[e.type]),children:e.icon||(0,u.jsx)(l.Bell,{className:`h-5 w-5`})}),(0,u.jsxs)(`div`,{className:`flex-1 min-w-0 space-y-1`,children:[(0,u.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,u.jsx)(`h4`,{className:t.cn(`text-sm font-semibold`,e.read&&`font-normal`),children:e.title}),(0,u.jsx)(`span`,{className:`text-xs text-muted-foreground whitespace-nowrap`,children:(e=>{let t=new Date().getTime()-e.getTime(),n=Math.floor(t/6e4),r=Math.floor(t/36e5),i=Math.floor(t/864e5);return n<1?`À l'instant`:n<60?`Il y a ${n} min`:r<24?`Il y a ${r}h`:i<7?`Il y a ${i}j`:e.toLocaleDateString(`fr-FR`)})(e.timestamp)})]}),(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground line-clamp-2`,children:e.message}),e.action&&(0,u.jsx)(r.Button,{variant:`link`,size:`sm`,className:`h-auto p-0 text-primary`,onClick:e.action.onClick,children:e.action.label})]}),(0,u.jsxs)(`div`,{className:`flex-shrink-0 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity`,children:[!e.read&&n&&(0,u.jsxs)(r.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,onClick:()=>n(e.id),children:[(0,u.jsx)(l.Check,{className:`h-4 w-4`}),(0,u.jsx)(`span`,{className:`sr-only`,children:`Marquer comme lu`})]}),i&&(0,u.jsxs)(r.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-destructive hover:text-destructive`,onClick:()=>i(e.id),children:[(0,u.jsx)(l.Trash2,{className:`h-4 w-4`}),(0,u.jsx)(`span`,{className:`sr-only`,children:`Supprimer`})]})]})]}));f.displayName=`NotificationItem`;var p=c.forwardRef(({notifications:e,onMarkAsRead:d,onMarkAllAsRead:p,onDelete:m,onDeleteAll:h,onSettingsClick:g,maxHeight:_=`400px`,className:v,iconClassName:y,badgeClassName:b,showBadge:x=!0,showTabs:S=!0,emptyMessage:C=`Aucune notification`,emptyIcon:w},T)=>{let[E,D]=c.useState(!1),[O,k]=c.useState(`all`),A=e.filter(e=>!e.read).length,j=c.useMemo(()=>O===`all`?e:O===`unread`?e.filter(e=>!e.read):e,[e,O]),M=()=>(0,u.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 px-4 text-center`,children:[w||(0,u.jsx)(l.Bell,{className:`h-12 w-12 text-muted-foreground/50 mb-4`}),(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:C})]});return(0,u.jsxs)(i.Popover,{open:E,onOpenChange:D,children:[(0,u.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,u.jsxs)(r.Button,{ref:T,variant:`ghost`,size:`icon`,className:t.cn(`relative`,v),children:[(0,u.jsx)(l.Bell,{className:t.cn(`h-5 w-5`,y)}),x&&A>0&&(0,u.jsx)(n.Badge,{variant:`destructive`,className:t.cn(`absolute -top-1 -right-1 h-5 min-w-[20px] flex items-center justify-center p-0 text-xs`,b),children:A>99?`99+`:A}),(0,u.jsxs)(`span`,{className:`sr-only`,children:[`Notifications (`,A,` non lues)`]})]})}),(0,u.jsxs)(i.PopoverContent,{className:`w-[380px] p-0`,align:`end`,sideOffset:8,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between p-4 border-b`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`h3`,{className:`font-semibold text-base`,children:`Notifications`}),A>0&&(0,u.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[A,` non `,A>1?`lues`:`lue`]})]}),(0,u.jsxs)(`div`,{className:`flex gap-1`,children:[p&&A>0&&(0,u.jsxs)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 text-xs`,onClick:p,children:[(0,u.jsx)(l.Check,{className:`h-3 w-3 mr-1`}),`Tout marquer`]}),g&&(0,u.jsxs)(r.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,onClick:g,children:[(0,u.jsx)(l.Settings,{className:`h-4 w-4`}),(0,u.jsx)(`span`,{className:`sr-only`,children:`Paramètres`})]})]})]}),S&&e.length>0&&(0,u.jsxs)(s.Tabs,{value:O,onValueChange:k,className:`w-full`,children:[(0,u.jsxs)(s.TabsList,{className:`w-full rounded-none border-b bg-transparent p-0`,children:[(0,u.jsxs)(s.TabsTrigger,{value:`all`,className:`flex-1 rounded-none data-[state=active]:border-b-2 data-[state=active]:border-primary`,children:[`Toutes (`,e.length,`)`]}),(0,u.jsxs)(s.TabsTrigger,{value:`unread`,className:`flex-1 rounded-none data-[state=active]:border-b-2 data-[state=active]:border-primary`,children:[`Non lues (`,A,`)`]})]}),(0,u.jsx)(s.TabsContent,{value:`all`,className:`m-0`,children:(0,u.jsx)(a.ScrollArea,{className:`h-[400px]`,style:{maxHeight:_},children:(0,u.jsx)(`div`,{className:`p-0`,children:j.length===0?(0,u.jsx)(M,{}):(0,u.jsx)(`div`,{className:`divide-y`,children:j.map(e=>(0,u.jsx)(f,{notification:e,onMarkAsRead:d,onDelete:m},e.id))})})})}),(0,u.jsx)(s.TabsContent,{value:`unread`,className:`m-0`,children:(0,u.jsx)(a.ScrollArea,{className:`h-[400px]`,style:{maxHeight:_},children:(0,u.jsx)(`div`,{className:`p-0`,children:j.length===0?(0,u.jsx)(M,{}):(0,u.jsx)(`div`,{className:`divide-y`,children:j.map(e=>(0,u.jsx)(f,{notification:e,onMarkAsRead:d,onDelete:m},e.id))})})})})]}),!S&&(0,u.jsx)(a.ScrollArea,{className:`h-[400px]`,style:{maxHeight:_},children:(0,u.jsx)(`div`,{className:`p-0`,children:e.length===0?(0,u.jsx)(M,{}):(0,u.jsx)(`div`,{className:`divide-y`,children:e.map(e=>(0,u.jsx)(f,{notification:e,onMarkAsRead:d,onDelete:m},e.id))})})}),e.length>0&&h&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(o.Separator,{}),(0,u.jsx)(`div`,{className:`p-2`,children:(0,u.jsxs)(r.Button,{variant:`ghost`,size:`sm`,className:`w-full text-destructive hover:text-destructive`,onClick:h,children:[(0,u.jsx)(l.Trash2,{className:`h-3 w-3 mr-2`}),`Tout supprimer`]})})]})]})]})});p.displayName=`WakaNotifications`;function m(e=[]){let[t,n]=c.useState(e);return{notifications:t,addNotification:c.useCallback(e=>{let t={...e,id:`notification-${Date.now()}-${Math.random()}`,timestamp:new Date,read:!1};n(e=>[t,...e])},[]),markAsRead:c.useCallback(e=>{n(t=>t.map(t=>t.id===e?{...t,read:!0}:t))},[]),markAllAsRead:c.useCallback(()=>{n(e=>e.map(e=>({...e,read:!0})))},[]),deleteNotification:c.useCallback(e=>{n(t=>t.filter(t=>t.id!==e))},[]),deleteAllNotifications:c.useCallback(()=>{n([])},[]),unreadCount:c.useMemo(()=>t.filter(e=>!e.read).length,[t])}}exports.WakaNotifications=p,exports.useNotifications=m;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../badge/index.cjs.js"),r=require("../button/index.cjs.js"),i=require("../popover/index.cjs.js"),a=require("../scroll-area/index.cjs.js"),o=require("../separator/index.cjs.js"),s=require("../tabs/index.cjs.js");let c=require("react");c=e.__toESM(c);let l=require("lucide-react"),u=require("react/jsx-runtime");var d={info:`bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200`,success:`bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200`,warning:`bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200`,error:`bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200`},f=c.forwardRef(({notification:e,onMarkAsRead:n,onDelete:i},a)=>(0,u.jsxs)(`div`,{ref:a,className:t.cn(`flex gap-3 p-4 hover:bg-muted/50 transition-colors border-l-4`,e.read?`border-l-transparent opacity-60`:`border-l-primary`,`relative group`),children:[(0,u.jsx)(`div`,{className:t.cn(`flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center`,d[e.type]),children:e.icon||(0,u.jsx)(l.Bell,{className:`h-5 w-5`})}),(0,u.jsxs)(`div`,{className:`flex-1 min-w-0 space-y-1`,children:[(0,u.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,u.jsx)(`h4`,{className:t.cn(`text-sm font-semibold`,e.read&&`font-normal`),children:e.title}),(0,u.jsx)(`span`,{className:`text-xs text-muted-foreground whitespace-nowrap`,children:(e=>{let t=new Date().getTime()-e.getTime(),n=Math.floor(t/6e4),r=Math.floor(t/36e5),i=Math.floor(t/864e5);return n<1?`À l'instant`:n<60?`Il y a ${n} min`:r<24?`Il y a ${r}h`:i<7?`Il y a ${i}j`:e.toLocaleDateString(`fr-FR`)})(e.timestamp)})]}),(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground line-clamp-2`,children:e.message}),e.action&&(0,u.jsx)(r.Button,{variant:`link`,size:`sm`,className:`h-auto p-0 text-primary`,onClick:e.action.onClick,children:e.action.label})]}),(0,u.jsxs)(`div`,{className:`flex-shrink-0 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity`,children:[!e.read&&n&&(0,u.jsxs)(r.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,onClick:()=>n(e.id),children:[(0,u.jsx)(l.Check,{className:`h-4 w-4`}),(0,u.jsx)(`span`,{className:`sr-only`,children:`Marquer comme lu`})]}),i&&(0,u.jsxs)(r.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-destructive hover:text-destructive`,onClick:()=>i(e.id),children:[(0,u.jsx)(l.Trash2,{className:`h-4 w-4`}),(0,u.jsx)(`span`,{className:`sr-only`,children:`Supprimer`})]})]})]}));f.displayName=`NotificationItem`;var p=c.forwardRef(({notifications:e,onMarkAsRead:d,onMarkAllAsRead:p,onDelete:m,onDeleteAll:h,onSettingsClick:g,maxHeight:_=`400px`,className:v,iconClassName:y,badgeClassName:b,showBadge:x=!0,showTabs:S=!0,emptyMessage:C=`Aucune notification`,emptyIcon:w},T)=>{let[E,D]=c.useState(!1),[O,k]=c.useState(`all`),A=e.filter(e=>!e.read).length,j=c.useMemo(()=>O===`all`?e:O===`unread`?e.filter(e=>!e.read):e,[e,O]),M=()=>(0,u.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 px-4 text-center`,children:[w||(0,u.jsx)(l.Bell,{className:`h-12 w-12 text-muted-foreground/50 mb-4`}),(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:C})]});return(0,u.jsxs)(i.Popover,{open:E,onOpenChange:D,children:[(0,u.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,u.jsxs)(r.Button,{ref:T,variant:`ghost`,size:`icon`,className:t.cn(`relative`,v),children:[(0,u.jsx)(l.Bell,{className:t.cn(`h-5 w-5`,y)}),x&&A>0&&(0,u.jsx)(n.Badge,{variant:`destructive`,className:t.cn(`absolute -top-1 -right-1 h-5 min-w-[20px] flex items-center justify-center p-0 text-xs`,b),children:A>99?`99+`:A}),(0,u.jsxs)(`span`,{className:`sr-only`,children:[`Notifications (`,A,` non lues)`]})]})}),(0,u.jsxs)(i.PopoverContent,{className:`w-[380px] p-0`,align:`end`,sideOffset:8,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between p-4 border-b`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`h3`,{className:`font-semibold text-base`,children:`Notifications`}),A>0&&(0,u.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[A,` non `,A>1?`lues`:`lue`]})]}),(0,u.jsxs)(`div`,{className:`flex gap-1`,children:[p&&A>0&&(0,u.jsxs)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 text-xs`,onClick:p,children:[(0,u.jsx)(l.Check,{className:`h-3 w-3 mr-1`}),`Tout marquer`]}),g&&(0,u.jsxs)(r.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,onClick:g,children:[(0,u.jsx)(l.Settings,{className:`h-4 w-4`}),(0,u.jsx)(`span`,{className:`sr-only`,children:`Paramètres`})]})]})]}),S&&e.length>0&&(0,u.jsxs)(s.Tabs,{value:O,onValueChange:k,className:`w-full`,children:[(0,u.jsxs)(s.TabsList,{className:`w-full rounded-none border-b bg-transparent p-0`,children:[(0,u.jsxs)(s.TabsTrigger,{value:`all`,className:`flex-1 rounded-none data-[state=active]:border-b-2 data-[state=active]:border-primary`,children:[`Toutes (`,e.length,`)`]}),(0,u.jsxs)(s.TabsTrigger,{value:`unread`,className:`flex-1 rounded-none data-[state=active]:border-b-2 data-[state=active]:border-primary`,children:[`Non lues (`,A,`)`]})]}),(0,u.jsx)(s.TabsContent,{value:`all`,className:`m-0`,children:(0,u.jsx)(a.ScrollArea,{className:`h-[400px]`,style:{maxHeight:_},children:(0,u.jsx)(`div`,{className:`p-0`,children:j.length===0?(0,u.jsx)(M,{}):(0,u.jsx)(`div`,{className:`divide-y`,children:j.map(e=>(0,u.jsx)(f,{notification:e,onMarkAsRead:d,onDelete:m},e.id))})})})}),(0,u.jsx)(s.TabsContent,{value:`unread`,className:`m-0`,children:(0,u.jsx)(a.ScrollArea,{className:`h-[400px]`,style:{maxHeight:_},children:(0,u.jsx)(`div`,{className:`p-0`,children:j.length===0?(0,u.jsx)(M,{}):(0,u.jsx)(`div`,{className:`divide-y`,children:j.map(e=>(0,u.jsx)(f,{notification:e,onMarkAsRead:d,onDelete:m},e.id))})})})})]}),!S&&(0,u.jsx)(a.ScrollArea,{className:`h-[400px]`,style:{maxHeight:_},children:(0,u.jsx)(`div`,{className:`p-0`,children:e.length===0?(0,u.jsx)(M,{}):(0,u.jsx)(`div`,{className:`divide-y`,children:e.map(e=>(0,u.jsx)(f,{notification:e,onMarkAsRead:d,onDelete:m},e.id))})})}),e.length>0&&h&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(o.Separator,{}),(0,u.jsx)(`div`,{className:`p-2`,children:(0,u.jsxs)(r.Button,{variant:`ghost`,size:`sm`,className:`w-full text-destructive hover:text-destructive`,onClick:h,children:[(0,u.jsx)(l.Trash2,{className:`h-3 w-3 mr-2`}),`Tout supprimer`]})})]})]})]})});p.displayName=`WakaNotifications`;function m(e=[]){let[t,n]=c.useState(e);return{notifications:t,addNotification:c.useCallback(e=>{let t={...e,id:`notification-${Date.now()}-${Math.random()}`,timestamp:new Date,read:!1};n(e=>[t,...e])},[]),markAsRead:c.useCallback(e=>{n(t=>t.map(t=>t.id===e?{...t,read:!0}:t))},[]),markAllAsRead:c.useCallback(()=>{n(e=>e.map(e=>({...e,read:!0})))},[]),deleteNotification:c.useCallback(e=>{n(t=>t.filter(t=>t.id!==e))},[]),deleteAllNotifications:c.useCallback(()=>{n([])},[]),unreadCount:c.useMemo(()=>t.filter(e=>!e.read).length,[t])}}exports.WakaNotifications=p,exports.useNotifications=m;