@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-rollback-slider/index.es.js

@@ -0,0 +1,449 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Activity as n, AlertCircle as r, AlertTriangle as i, CheckCircle2 as a, ChevronLeft as o, ChevronRight as s, Clock as c, GitCommit as l, GripHorizontal as u, RotateCcw as d, User as f, X as p, XCircle as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/waka-rollback-slider/index.tsx
+var _ = {
+	healthy: {
+		icon: a,
+		color: "text-green-500",
+		bgColor: "bg-green-500/10",
+		borderColor: "border-green-500/50",
+		pulseColor: "bg-green-500",
+		label: "Healthy"
+	},
+	degraded: {
+		icon: i,
+		color: "text-amber-500",
+		bgColor: "bg-amber-500/10",
+		borderColor: "border-amber-500/50",
+		pulseColor: "bg-amber-500",
+		label: "Degraded"
+	},
+	unhealthy: {
+		icon: m,
+		color: "text-red-500",
+		bgColor: "bg-red-500/10",
+		borderColor: "border-red-500/50",
+		pulseColor: "bg-red-500",
+		label: "Unhealthy"
+	},
+	unknown: {
+		icon: n,
+		color: "text-gray-500",
+		bgColor: "bg-gray-500/10",
+		borderColor: "border-gray-500/50",
+		pulseColor: "bg-gray-500",
+		label: "Unknown"
+	}
+};
+function v(e) {
+	let t = Math.floor(((/* @__PURE__ */ new Date()).getTime() - e.getTime()) / 1e3);
+	if (t < 60) return "just now";
+	let n = Math.floor(t / 60);
+	if (n < 60) return `${n}m ago`;
+	let r = Math.floor(n / 60);
+	if (r < 24) return `${r}h ago`;
+	let i = Math.floor(r / 24);
+	return i < 7 ? `${i}d ago` : e.toLocaleDateString();
+}
+function y(e) {
+	return e.toLocaleDateString("en-US", {
+		month: "short",
+		day: "numeric",
+		year: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function b(e) {
+	return e.length > 7 ? e.slice(0, 7) : e;
+}
+function x({ health: t, size: n = "md", showPulse: r = !1 }) {
+	let i = _[t], a = {
+		sm: "h-2 w-2",
+		md: "h-3 w-3"
+	};
+	return /* @__PURE__ */ g("div", {
+		className: "relative flex items-center justify-center",
+		children: [/* @__PURE__ */ h("div", { className: e("rounded-full", a[n], i.pulseColor) }), r && t === "healthy" && /* @__PURE__ */ h("div", { className: e("absolute rounded-full animate-ping opacity-75", a[n], i.pulseColor) })]
+	});
+}
+function S({ version: t, index: n, isSelected: r, isActive: i, totalVersions: a, onSelect: o, draggable: s }) {
+	let c = _[t.health], l = c.icon;
+	return /* @__PURE__ */ g("button", {
+		type: "button",
+		onClick: () => o(n),
+		className: e("relative flex flex-col items-center gap-1 transition-all duration-300", "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", "group"),
+		"aria-label": `Version ${t.version}${i ? " (current)" : ""}`,
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: e("relative h-10 w-10 rounded-full flex items-center justify-center", "border-2 transition-all duration-300", r ? "border-primary bg-primary/10 scale-125 shadow-lg" : i ? "border-primary/50 bg-primary/5" : "border-border bg-card hover:border-primary/30 hover:bg-muted", c.bgColor),
+				children: [
+					/* @__PURE__ */ h(l, { className: e("h-4 w-4", c.color) }),
+					i && /* @__PURE__ */ h("div", { className: "absolute inset-0 rounded-full border-2 border-primary animate-pulse" }),
+					r && !i && /* @__PURE__ */ h("div", { className: "absolute -inset-1 rounded-full border-2 border-dashed border-primary/50 animate-spin-slow" })
+				]
+			}),
+			/* @__PURE__ */ g("span", {
+				className: e("text-xs font-mono transition-colors duration-200", r ? "text-primary font-semibold" : i ? "text-foreground font-medium" : "text-muted-foreground group-hover:text-foreground"),
+				children: ["v", t.version]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "absolute -top-1 -right-1",
+				children: /* @__PURE__ */ h(x, {
+					health: t.health,
+					size: "sm",
+					showPulse: i
+				})
+			}),
+			i && /* @__PURE__ */ h("span", {
+				className: "absolute -bottom-5 text-[10px] font-medium text-primary bg-primary/10 px-1.5 py-0.5 rounded",
+				children: "LIVE"
+			})
+		]
+	});
+}
+function C({ version: t, isActive: n }) {
+	let r = _[t.health], i = r.icon;
+	return /* @__PURE__ */ g("div", {
+		className: e("p-4 rounded-lg border bg-card transition-all duration-300", "animate-in fade-in slide-in-from-bottom-2"),
+		children: [/* @__PURE__ */ g("div", {
+			className: "flex items-start justify-between mb-3",
+			children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ g("h4", {
+					className: "font-semibold text-lg",
+					children: ["v", t.version]
+				}), n && /* @__PURE__ */ h("span", {
+					className: "text-xs font-medium text-primary bg-primary/10 px-2 py-0.5 rounded-full",
+					children: "Current"
+				})]
+			}), t.commitMessage && /* @__PURE__ */ h("p", {
+				className: "text-sm text-muted-foreground mt-1 line-clamp-2",
+				children: t.commitMessage
+			})] }), /* @__PURE__ */ g("div", {
+				className: e("flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", r.bgColor, r.color),
+				children: [/* @__PURE__ */ h(i, { className: "h-3 w-3" }), r.label]
+			})]
+		}), /* @__PURE__ */ g("div", {
+			className: "grid grid-cols-2 gap-3 text-sm",
+			children: [
+				t.commit && /* @__PURE__ */ g("div", {
+					className: "flex items-center gap-2 text-muted-foreground",
+					children: [/* @__PURE__ */ h(l, { className: "h-4 w-4" }), /* @__PURE__ */ h("span", {
+						className: "font-mono",
+						children: b(t.commit)
+					})]
+				}),
+				t.deployedBy && /* @__PURE__ */ g("div", {
+					className: "flex items-center gap-2 text-muted-foreground",
+					children: [/* @__PURE__ */ h(f, { className: "h-4 w-4" }), /* @__PURE__ */ h("span", { children: t.deployedBy })]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-2 text-muted-foreground col-span-2",
+					children: [
+						/* @__PURE__ */ h(c, { className: "h-4 w-4" }),
+						/* @__PURE__ */ h("span", { children: y(t.deployedAt) }),
+						/* @__PURE__ */ g("span", {
+							className: "text-xs",
+							children: [
+								"(",
+								v(t.deployedAt),
+								")"
+							]
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+function w({ version: t, onConfirm: n, onCancel: i }) {
+	return /* @__PURE__ */ h("div", {
+		className: e("fixed inset-0 z-50 flex items-center justify-center", "bg-black/50 backdrop-blur-sm", "animate-in fade-in duration-200"),
+		onClick: i,
+		children: /* @__PURE__ */ g("div", {
+			className: e("relative bg-card border rounded-xl shadow-xl p-6 max-w-md w-full mx-4", "animate-in zoom-in-95 duration-200"),
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ h("button", {
+					type: "button",
+					onClick: i,
+					className: "absolute top-4 right-4 p-1 rounded-md hover:bg-muted transition-colors",
+					children: /* @__PURE__ */ h(p, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "flex items-center justify-center w-12 h-12 rounded-full bg-amber-500/10 mb-4",
+					children: /* @__PURE__ */ h(r, { className: "h-6 w-6 text-amber-500" })
+				}),
+				/* @__PURE__ */ h("h3", {
+					className: "text-lg font-semibold mb-2",
+					children: "Confirm Rollback"
+				}),
+				/* @__PURE__ */ g("p", {
+					className: "text-muted-foreground mb-4",
+					children: [
+						"Are you sure you want to rollback to version",
+						" ",
+						/* @__PURE__ */ g("span", {
+							className: "font-mono font-semibold text-foreground",
+							children: ["v", t.version]
+						}),
+						"? This action will replace the current deployment."
+					]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "bg-muted/50 rounded-lg p-3 mb-6",
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex items-center gap-2 text-sm",
+						children: [/* @__PURE__ */ h(l, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ h("span", {
+							className: "font-mono",
+							children: t.commit ? b(t.commit) : "N/A"
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: "flex items-center gap-2 text-sm mt-1",
+						children: [/* @__PURE__ */ h(c, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ h("span", { children: v(t.deployedAt) })]
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ h("button", {
+						type: "button",
+						onClick: i,
+						className: e("flex-1 px-4 py-2 rounded-lg border font-medium", "hover:bg-muted transition-colors"),
+						children: "Cancel"
+					}), /* @__PURE__ */ g("button", {
+						type: "button",
+						onClick: n,
+						className: e("flex-1 px-4 py-2 rounded-lg font-medium", "bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", "flex items-center justify-center gap-2"),
+						children: [/* @__PURE__ */ h(d, { className: "h-4 w-4" }), "Rollback"]
+					})]
+				})
+			]
+		})
+	});
+}
+function T(e = {}) {
+	let { initialVersions: n = [], initialSelectedIndex: r, onSelectionChange: i } = e, [a, o] = t.useState(n), [s, c] = t.useState(() => {
+		if (r !== void 0) return r;
+		let e = n.findIndex((e) => e.isActive);
+		return e >= 0 ? e : 0;
+	}), [l, u] = t.useState(!1), d = a[s] || null, f = a.find((e) => e.isActive) || null, p = a.findIndex((e) => e.isActive), m = s !== p && p >= 0, h = t.useCallback((e) => {
+		if (e >= 0 && e < a.length) {
+			c(e);
+			let t = a[e];
+			t && i?.(t, e);
+		}
+	}, [a, i]), g = t.useCallback(() => {
+		h(Math.min(s + 1, a.length - 1));
+	}, [
+		s,
+		a.length,
+		h
+	]), _ = t.useCallback(() => {
+		h(Math.max(s - 1, 0));
+	}, [s, h]), v = t.useCallback(() => {
+		m && u(!0);
+	}, [m]), y = t.useCallback(() => {
+		u(!1);
+	}, []), b = t.useCallback(() => {
+		p >= 0 && h(p);
+	}, [p, h]);
+	return t.useEffect(() => {
+		n.length > 0 && a.length === 0 && o(n);
+	}, [n, a.length]), {
+		versions: a,
+		setVersions: o,
+		selectedIndex: s,
+		selectedVersion: d,
+		selectVersion: h,
+		selectNext: g,
+		selectPrevious: _,
+		activeVersion: f,
+		hasChanges: m,
+		isConfirming: l,
+		openConfirmation: v,
+		closeConfirmation: y,
+		resetSelection: b
+	};
+}
+function E({ versions: n, selectedIndex: r, onVersionSelect: a, onRollbackConfirm: c, onRollbackCancel: l, draggable: f = !0, showDetails: p = !0, className: m }) {
+	let _ = t.useRef(null), v = t.useRef(null), [y, b] = t.useState(!1), [x, T] = t.useState(0), [E, D] = t.useState(0), O = n.findIndex((e) => e.isActive), [k, A] = t.useState(r ?? (O >= 0 ? O : 0)), [j, M] = t.useState(!1), N = r ?? k, P = n[N] || null, F = N !== O && O >= 0, I = (e) => {
+		r === void 0 && A(e);
+		let t = n[e];
+		t && a?.(t, e);
+	};
+	return t.useEffect(() => {
+		if (v.current) {
+			let e = N * 100 - v.current.clientWidth / 2 + 100 / 2;
+			v.current.scrollTo({
+				left: Math.max(0, e),
+				behavior: "smooth"
+			});
+		}
+	}, [N]), n.length === 0 ? /* @__PURE__ */ h("div", {
+		className: e("p-8 text-center text-muted-foreground", m),
+		children: "No deployment versions available"
+	}) : /* @__PURE__ */ g("div", {
+		ref: _,
+		className: e("w-full", m),
+		onKeyDown: (e) => {
+			switch (e.key) {
+				case "ArrowLeft":
+					e.preventDefault(), I(Math.max(N - 1, 0));
+					break;
+				case "ArrowRight":
+					e.preventDefault(), I(Math.min(N + 1, n.length - 1));
+					break;
+				case "Enter":
+					F && M(!0);
+					break;
+				case "Escape":
+					j ? M(!1) : O >= 0 && I(O);
+					break;
+			}
+		},
+		tabIndex: 0,
+		role: "slider",
+		"aria-valuemin": 0,
+		"aria-valuemax": n.length - 1,
+		"aria-valuenow": N,
+		"aria-label": "Deployment version selector",
+		children: [
+			/* @__PURE__ */ h("style", { children: "\n        @keyframes spin-slow {\n          from {\n            transform: rotate(0deg);\n          }\n          to {\n            transform: rotate(360deg);\n          }\n        }\n        .animate-spin-slow {\n          animation: spin-slow 3s linear infinite;\n        }\n      " }),
+			/* @__PURE__ */ g("div", {
+				className: "flex items-center justify-between mb-4",
+				children: [/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ h(d, { className: "h-5 w-5 text-muted-foreground" }),
+						/* @__PURE__ */ h("h3", {
+							className: "font-semibold",
+							children: "Deployment History"
+						}),
+						/* @__PURE__ */ g("span", {
+							className: "text-xs text-muted-foreground bg-muted px-2 py-0.5 rounded-full",
+							children: [n.length, " versions"]
+						})
+					]
+				}), /* @__PURE__ */ g("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ h("button", {
+						type: "button",
+						onClick: () => {
+							I(Math.max(N - 1, 0));
+						},
+						disabled: N === 0,
+						className: e("p-1.5 rounded-md transition-colors", "hover:bg-muted disabled:opacity-50 disabled:cursor-not-allowed"),
+						"aria-label": "Previous version",
+						children: /* @__PURE__ */ h(o, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ h("button", {
+						type: "button",
+						onClick: () => {
+							I(Math.min(N + 1, n.length - 1));
+						},
+						disabled: N === n.length - 1,
+						className: e("p-1.5 rounded-md transition-colors", "hover:bg-muted disabled:opacity-50 disabled:cursor-not-allowed"),
+						"aria-label": "Next version",
+						children: /* @__PURE__ */ h(s, { className: "h-4 w-4" })
+					})]
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "relative",
+				children: [f && /* @__PURE__ */ h("div", {
+					className: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-2 z-10",
+					children: /* @__PURE__ */ h(u, { className: "h-4 w-4 text-muted-foreground/50" })
+				}), /* @__PURE__ */ g("div", {
+					ref: v,
+					className: e("relative overflow-x-auto scrollbar-hide py-8 px-4", "bg-muted/30 rounded-lg border", f && "cursor-grab", y && "cursor-grabbing select-none"),
+					onMouseDown: (e) => {
+						!f || !v.current || (b(!0), T(e.clientX), D(v.current.scrollLeft));
+					},
+					onMouseMove: (e) => {
+						if (!y || !v.current) return;
+						e.preventDefault();
+						let t = e.clientX - x;
+						v.current.scrollLeft = E - t;
+					},
+					onMouseUp: () => {
+						b(!1);
+					},
+					onMouseLeave: () => {
+						b(!1);
+					},
+					onTouchStart: (e) => {
+						!f || !v.current || (b(!0), T(e.touches[0].clientX), D(v.current.scrollLeft));
+					},
+					onTouchMove: (e) => {
+						if (!y || !v.current) return;
+						let t = e.touches[0].clientX - x;
+						v.current.scrollLeft = E - t;
+					},
+					onTouchEnd: () => {
+						b(!1);
+					},
+					children: [
+						/* @__PURE__ */ h("div", { className: "absolute top-1/2 left-4 right-4 h-0.5 bg-border -translate-y-1/2" }),
+						O >= 0 && /* @__PURE__ */ h("div", {
+							className: "absolute top-1/2 left-4 h-0.5 bg-primary -translate-y-1/2 transition-all duration-300",
+							style: { width: `calc(${O / (n.length - 1) * 100}% - 16px)` }
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "relative flex items-center justify-between min-w-max gap-8 px-4",
+							children: n.map((e, t) => /* @__PURE__ */ h(S, {
+								version: e,
+								index: t,
+								isSelected: t === N,
+								isActive: e.isActive === !0,
+								totalVersions: n.length,
+								onSelect: I,
+								draggable: f
+							}, e.id))
+						})
+					]
+				})]
+			}),
+			p && P && /* @__PURE__ */ h("div", {
+				className: "mt-4",
+				children: /* @__PURE__ */ h(C, {
+					version: P,
+					isActive: P.isActive === !0
+				})
+			}),
+			F && /* @__PURE__ */ g("div", {
+				className: "mt-4 flex items-center justify-between p-3 bg-amber-500/10 border border-amber-500/30 rounded-lg animate-in slide-in-from-bottom-2",
+				children: [/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-2 text-amber-600",
+					children: [/* @__PURE__ */ h(i, { className: "h-4 w-4" }), /* @__PURE__ */ g("span", {
+						className: "text-sm font-medium",
+						children: [
+							"Rolling back to v",
+							P?.version,
+							" will replace the current deployment"
+						]
+					})]
+				}), /* @__PURE__ */ g("button", {
+					type: "button",
+					onClick: () => M(!0),
+					className: e("flex items-center gap-2 px-4 py-2 rounded-lg font-medium", "bg-primary text-primary-foreground hover:bg-primary/90 transition-colors"),
+					children: [/* @__PURE__ */ h(d, { className: "h-4 w-4" }), "Rollback"]
+				})]
+			}),
+			j && P && /* @__PURE__ */ h(w, {
+				version: P,
+				onConfirm: () => {
+					P && c?.(P), M(!1);
+				},
+				onCancel: () => {
+					M(!1), l?.();
+				}
+			})
+		]
+	});
+}
+//#endregion
+export { E as default, T as useRollbackSlider };

package/dist/components/waka-sankey-diagram/index.cjs.js

@@ -0,0 +1,31 @@
+"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={primary:`#3b82f6`,secondary:`#8b5cf6`,success:`#22c55e`,warning:`#f59e0b`,danger:`#ef4444`,info:`#06b6d4`,default:`#6b7280`};function o({nodes:e,links:t,width:r,height:i,nodeWidth:a,nodePadding:o,padding:s,orientation:c,categoryColors:l}){return n.useMemo(()=>{if(e.length===0)return{nodes:[],links:[],width:r,height:i};let n=new Map,u=new Map,d=new Map;e.forEach(e=>{n.set(e.id,{...e,x:0,y:0,width:a,height:0,inValue:0,outValue:0,column:-1,row:0}),u.set(e.id,[]),d.set(e.id,[])}),t.forEach(e=>{u.get(e.source)?.push(e),d.get(e.target)?.push(e);let t=n.get(e.source),r=n.get(e.target);t&&(t.outValue+=e.value),r&&(r.inValue+=e.value)});let f=new Set,p=[],m=e.filter(e=>(d.get(e.id)?.length||0)===0).map(e=>e.id),h=0;for(;m.length>0;){p.push([...m]),m.forEach(e=>{let t=n.get(e);t&&(t.column=h,f.add(e))});let e=[];m.forEach(t=>{(u.get(t)||[]).forEach(t=>{f.has(t.target)||(d.get(t.target)||[]).every(e=>f.has(e.source))&&!e.includes(t.target)&&e.push(t.target)})}),m=e,h++}e.forEach(e=>{if(!f.has(e.id)){let t=n.get(e.id);t&&(t.column=h,p[h]||(p[h]=[]),p[h].push(e.id))}});let g=c===`horizontal`,_=r-s*2,v=i-s*2,y=p.length,b=g?(_-a)/Math.max(y-1,1):(v-a)/Math.max(y-1,1),x=0;p.forEach(e=>{let t=e.reduce((e,t)=>{let r=n.get(t);return e+Math.max(r?.inValue||0,r?.outValue||0,r?.value||0)},0);x=Math.max(x,t)});let S=g?v:_,C=(S-o*Math.max(...p.map(e=>e.length-1),0))/x;p.forEach((e,t)=>{let r=0,i=[...e].sort((e,t)=>{let r=n.get(e),i=n.get(t);return i.inValue+i.outValue-(r.inValue+r.outValue)});i.forEach((e,i)=>{let c=n.get(e),l=Math.max(c.inValue,c.outValue,c.value||0),u=Math.max(l*C,10);c.row=i,g?(c.x=s+t*b,c.y=s+r,c.width=a,c.height=u):(c.x=s+r,c.y=s+t*b,c.width=u,c.height=a),r+=u+o});let c=(S-(r-o))/2;i.forEach(e=>{let t=n.get(e);g?t.y+=c:t.x+=c})});let w=[],T=new Map,E=new Map;return e.forEach(e=>{T.set(e.id,0),E.set(e.id,0)}),[...t].sort((e,t)=>t.value-e.value).forEach(e=>{let t=n.get(e.source),r=n.get(e.target);if(!t||!r)return;let i=Math.max(e.value*C,2),a=T.get(e.source)||0,o=E.get(e.target)||0,s,c,u;if(g){let e=t.x+t.width,n=t.y+a+i/2,l=r.x,d=r.y+o+i/2;c=n,u=d;let f=e+(l-e)*.5;s=`M ${e} ${n} C ${f} ${n}, ${f} ${d}, ${l} ${d}`}else{let e=t.x+a+i/2,n=t.y+t.height,l=r.x+o+i/2,d=r.y;c=n,u=d;let f=n+(d-n)*.5;s=`M ${e} ${n} C ${e} ${f}, ${l} ${f}, ${l} ${d}`}T.set(e.source,a+i),E.set(e.target,o+i);let d=e.color;!d&&t.category&&(d=l[t.category]||l.default),!d&&t.color&&(d=t.color),w.push({...e,sourceNode:t,targetNode:r,path:s,width:i,sourceY:c,targetY:u,color:d})}),{nodes:Array.from(n.values()),links:w,width:r,height:i}},[e,t,r,i,a,o,s,c,l])}function s({content:e,x:t,y:n,visible:r}){return r?(0,i.jsx)(`div`,{className:`pointer-events-none absolute z-50 rounded-lg border bg-popover px-3 py-2 text-sm shadow-lg animate-in fade-in-0 zoom-in-95`,style:{left:t+10,top:n-10,transform:`translateY(-100%)`},children:e}):null}function c({link:e,defaultColor:n,opacity:r,highlightedOpacity:a,isHighlighted:o,isDimmed:s,animated:c,animationDelay:l,showTooltips:u,onHover:d,onClick:f}){let p=e.color||n,m=s?.1:o?a:r;return(0,i.jsxs)(`g`,{className:`sankey-link`,onMouseEnter:t=>u&&d(e,t),onMouseLeave:e=>d(null,e),onClick:f,style:{cursor:`pointer`},children:[(0,i.jsx)(`path`,{d:e.path,fill:`none`,stroke:p,strokeWidth:e.width,strokeOpacity:m,strokeLinecap:`butt`,className:t.cn(`transition-all duration-300`,c&&`animate-flow-in`),style:c?{animationDelay:`${l}ms`}:void 0}),(0,i.jsx)(`path`,{d:e.path,fill:`none`,stroke:`transparent`,strokeWidth:Math.max(e.width,10)})]})}function l({node:e,color:n,showValues:r,isHighlighted:a,isDimmed:o,animated:s,animationDelay:c,draggable:l,orientation:u,onHover:d,onClick:f,onDragStart:p}){let m=Math.max(e.inValue,e.outValue,e.value||0),h=u===`horizontal`;return(0,i.jsxs)(`g`,{className:t.cn(`sankey-node transition-all duration-300`,l&&`cursor-grab active:cursor-grabbing`,a&&`filter drop-shadow-lg`),onMouseEnter:()=>d(e),onMouseLeave:()=>d(null),onClick:f,onMouseDown:l?t=>p(t,e):void 0,style:{opacity:o?.3:1},children:[(0,i.jsx)(`rect`,{x:e.x,y:e.y,width:e.width,height:e.height,fill:n,rx:4,className:t.cn(`transition-all duration-300`,s&&`animate-node-in`,a&&`stroke-2 stroke-foreground`),style:s?{animationDelay:`${c}ms`}:void 0}),a&&(0,i.jsx)(`rect`,{x:e.x-2,y:e.y-2,width:e.width+4,height:e.height+4,fill:`none`,stroke:n,strokeWidth:2,rx:6,opacity:.5,className:`animate-pulse`}),(0,i.jsx)(`text`,{x:h?e.x+e.width+8:e.x+e.width/2,y:h?e.y+e.height/2:e.y-8,textAnchor:h?`start`:`middle`,dominantBaseline:h?`middle`:`auto`,className:`fill-foreground text-xs font-medium pointer-events-none`,children:e.label}),r&&(0,i.jsx)(`text`,{x:h?e.x+e.width+8:e.x+e.width/2,y:h?e.y+e.height/2+14:e.y+e.height+16,textAnchor:h?`start`:`middle`,dominantBaseline:h?`middle`:`auto`,className:`fill-muted-foreground text-xs pointer-events-none`,children:m.toLocaleString()})]})}function u({nodes:e,links:u,orientation:d=`horizontal`,width:f=800,height:p=500,nodeWidth:m=20,nodePadding:h=10,padding:g=40,draggable:_=!0,animated:v=!0,showValues:y=!0,showTooltips:b=!0,categoryColors:x=a,linkColor:S=`#94a3b8`,linkOpacity:C=.5,highlightedLinkOpacity:w=.8,onNodeClick:T,onLinkClick:E,onNodeReorder:D,className:O}){let k=n.useRef(null),[A,j]=n.useState(null),[M,N]=n.useState(null),[P,F]=n.useState({x:0,y:0}),[I,L]=n.useState(null),[R,z]=n.useState(new Map),[B,V]=n.useState(!1),H=o({nodes:e,links:u,width:f,height:p,nodeWidth:m,nodePadding:h,padding:g,orientation:d,categoryColors:x});n.useEffect(()=>{if(v&&!B){let e=setTimeout(()=>V(!0),50);return()=>clearTimeout(e)}},[v,B]);let U=n.useCallback(e=>{let t=new Set([e]);return u.forEach(n=>{n.source===e&&t.add(n.target),n.target===e&&t.add(n.source)}),t},[u]),W=e=>e.color?e.color:e.category&&x[e.category]?x[e.category]:x.default||`#6b7280`,G=e=>{j(e),N(null)},K=(e,t)=>{if(N(e),j(null),e&&k.current){let e=k.current.getBoundingClientRect();F({x:t.clientX-e.left,y:t.clientY-e.top})}},q=(e,t)=>{_&&(e.preventDefault(),L({node:t,startY:e.clientY,startNodeY:t.y+(R.get(t.id)||0)}))};n.useEffect(()=>{if(!I)return;let e=e=>{let t=e.clientY-I.startY,n=I.startNodeY+t;z(e=>{let t=new Map(e);return t.set(I.node.id,n-I.node.y),t})},t=()=>{D&&I&&D(H.nodes.map(e=>({...e,y:e.y+(R.get(e.id)||0)}))),L(null)};return window.addEventListener(`mousemove`,e),window.addEventListener(`mouseup`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t)}},[I,H.nodes,R,D]);let J=n.useMemo(()=>A?U(A.id):M?new Set([M.source,M.target]):new Set,[A,M,U]),Y=J.size>0;return(0,i.jsxs)(`div`,{ref:k,className:t.cn(`relative overflow-hidden rounded-lg border bg-background`,O),style:{width:f,height:p},children:[(0,i.jsx)(`div`,{className:`absolute right-4 top-4 flex items-center gap-4 rounded-lg border bg-background/80 px-3 py-2 text-xs backdrop-blur-sm`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 text-muted-foreground`,children:[d===`horizontal`?(0,i.jsx)(r.ArrowRight,{className:`h-4 w-4`}):(0,i.jsx)(r.ArrowDown,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:`Flow Direction`})]})}),(0,i.jsxs)(`svg`,{width:f,height:p,className:t.cn(I&&`cursor-grabbing`),"aria-hidden":`true`,focusable:`false`,children:[(0,i.jsx)(`defs`,{children:H.links.map((e,t)=>{let n=W(e.sourceNode),r=W(e.targetNode),a=`gradient-${e.source}-${e.target}-${t}`;return d===`horizontal`?(0,i.jsxs)(`linearGradient`,{id:a,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,children:[(0,i.jsx)(`stop`,{offset:`0%`,stopColor:n}),(0,i.jsx)(`stop`,{offset:`100%`,stopColor:r})]},a):(0,i.jsxs)(`linearGradient`,{id:a,x1:`0%`,y1:`0%`,x2:`0%`,y2:`100%`,children:[(0,i.jsx)(`stop`,{offset:`0%`,stopColor:n}),(0,i.jsx)(`stop`,{offset:`100%`,stopColor:r})]},a)})}),(0,i.jsx)(`g`,{className:`links`,children:H.links.map((e,t)=>{let n=M===e||J.has(e.source)||J.has(e.target),r=Y&&!n;return(0,i.jsx)(c,{link:{...e,color:`url(#gradient-${e.source}-${e.target}-${t})`},defaultColor:S,opacity:C,highlightedOpacity:w,isHighlighted:n,isDimmed:r,animated:v&&B,animationDelay:t*50,showTooltips:b,onHover:K,onClick:()=>E?.(e)},`${e.source}-${e.target}-${t}`)})}),(0,i.jsx)(`g`,{className:`nodes`,children:H.nodes.map((e,t)=>{let n=J.has(e.id),r=Y&&!n,a=R.get(e.id)||0;return(0,i.jsx)(l,{node:{...e,y:e.y+a},color:W(e),showValues:y,isHighlighted:n,isDimmed:r,animated:v&&B,animationDelay:t*30,draggable:_,orientation:d,onHover:G,onClick:()=>T?.(e),onDragStart:q},e.id)})})]}),b&&M&&(0,i.jsx)(s,{x:P.x,y:P.y,visible:!0,content:(0,i.jsxs)(`div`,{className:`space-y-1`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 font-medium`,children:[(0,i.jsx)(`span`,{children:M.sourceNode.label}),(0,i.jsx)(r.ArrowRight,{className:`h-3 w-3`}),(0,i.jsx)(`span`,{children:M.targetNode.label})]}),(0,i.jsxs)(`div`,{className:`text-muted-foreground`,children:[`Value: `,(0,i.jsx)(`span`,{className:`font-medium text-foreground`,children:M.value.toLocaleString()})]}),M.data&&Object.keys(M.data).length>0&&(0,i.jsx)(`div`,{className:`border-t pt-1 mt-1`,children:Object.entries(M.data).map(([e,t])=>(0,i.jsxs)(`div`,{className:`text-muted-foreground`,children:[e,`: `,(0,i.jsx)(`span`,{className:`text-foreground`,children:String(t)})]},e))})]})}),b&&A&&!M&&(0,i.jsx)(`div`,{className:`pointer-events-none absolute z-50 rounded-lg border bg-popover px-3 py-2 text-sm shadow-lg animate-in fade-in-0 zoom-in-95`,style:{left:d===`horizontal`?A.x+A.width+60:A.x+A.width/2,top:d===`horizontal`?A.y+(R.get(A.id)||0):A.y-10,transform:d===`horizontal`?`translateY(-50%)`:`translateX(-50%) translateY(-100%)`},children:(0,i.jsxs)(`div`,{className:`space-y-1`,children:[(0,i.jsx)(`div`,{className:`font-medium`,children:A.label}),A.category&&(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 text-xs text-muted-foreground`,children:[(0,i.jsx)(`div`,{className:`h-2 w-2 rounded-full`,style:{backgroundColor:W(A)}}),A.category]}),(0,i.jsxs)(`div`,{className:`grid grid-cols-2 gap-x-4 gap-y-0.5 text-xs border-t pt-1 mt-1`,children:[(0,i.jsx)(`div`,{className:`text-muted-foreground`,children:`Incoming:`}),(0,i.jsx)(`div`,{className:`font-medium`,children:A.inValue.toLocaleString()}),(0,i.jsx)(`div`,{className:`text-muted-foreground`,children:`Outgoing:`}),(0,i.jsx)(`div`,{className:`font-medium`,children:A.outValue.toLocaleString()})]}),A.data&&Object.keys(A.data).length>0&&(0,i.jsx)(`div`,{className:`border-t pt-1 mt-1 text-xs`,children:Object.entries(A.data).map(([e,t])=>(0,i.jsxs)(`div`,{className:`text-muted-foreground`,children:[e,`: `,(0,i.jsx)(`span`,{className:`text-foreground`,children:String(t)})]},e))})]})}),(0,i.jsx)(`style`,{children:`
+        @keyframes flow-in {
+          from {
+            stroke-dasharray: 1000;
+            stroke-dashoffset: 1000;
+          }
+          to {
+            stroke-dasharray: 1000;
+            stroke-dashoffset: 0;
+          }
+        }
+
+        @keyframes node-in {
+          from {
+            opacity: 0;
+            transform: scale(0.8);
+          }
+          to {
+            opacity: 1;
+            transform: scale(1);
+          }
+        }
+
+        .animate-flow-in {
+          animation: flow-in 1s ease-out forwards;
+        }
+
+        .animate-node-in {
+          animation: node-in 0.4s ease-out forwards;
+        }
+      `})]})}exports.default=u,exports.useSankeyDiagram=o;