@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-resource-pool/index.es.js

@@ -0,0 +1,604 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { AlertTriangle as n, Cpu as r, GripVertical as i, HardDrive as a, MemoryStick as o, Minus as s, Network as c, Plus as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/waka-resource-pool/index.tsx
+var f = {
+	compute: {
+		color: "bg-blue-500",
+		lightColor: "bg-blue-100",
+		textColor: "text-blue-600",
+		borderColor: "border-blue-500",
+		gradient: "from-blue-500 to-blue-600",
+		icon: r
+	},
+	memory: {
+		color: "bg-purple-500",
+		lightColor: "bg-purple-100",
+		textColor: "text-purple-600",
+		borderColor: "border-purple-500",
+		gradient: "from-purple-500 to-purple-600",
+		icon: o
+	},
+	storage: {
+		color: "bg-amber-500",
+		lightColor: "bg-amber-100",
+		textColor: "text-amber-600",
+		borderColor: "border-amber-500",
+		gradient: "from-amber-500 to-amber-600",
+		icon: a
+	},
+	network: {
+		color: "bg-emerald-500",
+		lightColor: "bg-emerald-100",
+		textColor: "text-emerald-600",
+		borderColor: "border-emerald-500",
+		gradient: "from-emerald-500 to-emerald-600",
+		icon: c
+	}
+};
+function p(e) {
+	return Math.min(100, (e.used + (e.reserved || 0)) / e.total * 100);
+}
+function m(e) {
+	return Math.min(100, e.used / e.total * 100);
+}
+function h(e) {
+	return Math.min(100, (e.reserved || 0) / e.total * 100);
+}
+function g(e, t = 80) {
+	return p(e) >= t;
+}
+function _(e, t = 95) {
+	return p(e) >= t;
+}
+function v({ pool: n, animated: r = !0, onBlockClick: i, draggable: a }) {
+	let o = f[n.type || "compute"], s = Math.min(20, n.total), c = n.total / s, l = Math.round(n.used / c), p = Math.round((n.reserved || 0) / c), m = s - l - p, [h, g] = t.useState(null), _ = (e, t, r) => {
+		e.dataTransfer.setData("blockIndex", t.toString()), e.dataTransfer.setData("blockType", r), e.dataTransfer.setData("poolId", n.id);
+	}, v = (e, t) => {
+		e.preventDefault(), g(t);
+	}, y = () => {
+		g(null);
+	}, b = (e, t, r) => {
+		e.preventDefault(), g(null);
+		let a = e.dataTransfer.getData("blockType");
+		e.dataTransfer.getData("poolId") === n.id && a !== r && (a === "available" && r === "used" ? i?.(t, !1) : a === "used" && r === "available" && i?.(t, !0));
+	};
+	return /* @__PURE__ */ d("div", {
+		className: "flex flex-wrap gap-1.5",
+		children: [
+			Array.from({ length: l }).map((t, n) => /* @__PURE__ */ u("div", {
+				draggable: a,
+				onDragStart: (e) => _(e, n, "used"),
+				onDragOver: (e) => v(e, n),
+				onDragLeave: y,
+				onDrop: (e) => b(e, n, "used"),
+				onClick: () => i?.(n, !0),
+				className: e("h-6 w-6 rounded-sm cursor-pointer transition-all", o.color, "hover:opacity-80 hover:scale-105", r && "animate-block-appear", h === n && "ring-2 ring-white ring-offset-2", a && "cursor-grab active:cursor-grabbing"),
+				style: { animationDelay: r ? `${n * 30}ms` : void 0 }
+			}, `used-${n}`)),
+			Array.from({ length: p }).map((t, n) => /* @__PURE__ */ u("div", {
+				className: e("h-6 w-6 rounded-sm relative overflow-hidden", o.lightColor, "border-2", o.borderColor, r && "animate-block-appear"),
+				style: { animationDelay: r ? `${(l + n) * 30}ms` : void 0 },
+				children: /* @__PURE__ */ u("div", {
+					className: e("absolute inset-0 opacity-50", o.color),
+					style: { backgroundImage: "repeating-linear-gradient(\n                45deg,\n                transparent,\n                transparent 3px,\n                currentColor 3px,\n                currentColor 6px\n              )" }
+				})
+			}, `reserved-${n}`)),
+			Array.from({ length: m }).map((t, n) => /* @__PURE__ */ u("div", {
+				draggable: a,
+				onDragStart: (e) => _(e, n, "available"),
+				onDragOver: (e) => v(e, l + p + n),
+				onDragLeave: y,
+				onDrop: (e) => b(e, n, "available"),
+				onClick: () => i?.(n, !1),
+				className: e("h-6 w-6 rounded-sm cursor-pointer transition-all", "border-2 border-dashed border-muted-foreground/30", "hover:border-muted-foreground/60 hover:bg-muted/50", r && "animate-block-appear", h === l + p + n && "ring-2 ring-primary ring-offset-2", a && "cursor-grab active:cursor-grabbing"),
+				style: { animationDelay: r ? `${(l + p + n) * 30}ms` : void 0 }
+			}, `available-${n}`)),
+			/* @__PURE__ */ u("style", { children: "\n        @keyframes block-appear {\n          0% { transform: scale(0); opacity: 0; }\n          100% { transform: scale(1); opacity: 1; }\n        }\n        .animate-block-appear {\n          animation: block-appear 0.3s ease-out forwards;\n        }\n      " })
+		]
+	});
+}
+function y({ pool: n, animated: r = !0, onClick: i }) {
+	let a = f[n.type || "compute"], o = m(n), s = h(n), [c, l] = t.useState(0), [p, g] = t.useState(0), _ = t.useRef(null);
+	return t.useEffect(() => {
+		if (!r) {
+			l(o), g(s);
+			return;
+		}
+		let e = Date.now(), t = c, n = p, i = () => {
+			let r = Date.now() - e, a = Math.min(r / 800, 1), c = 1 - (1 - a) ** 3;
+			l(t + (o - t) * c), g(n + (s - n) * c), a < 1 && requestAnimationFrame(i);
+		};
+		requestAnimationFrame(i);
+	}, [
+		o,
+		s,
+		r
+	]), /* @__PURE__ */ d("div", {
+		ref: _,
+		className: "relative h-8 w-full rounded-lg overflow-hidden bg-muted cursor-pointer group",
+		onClick: (e) => {
+			if (!_.current || !i) return;
+			let t = _.current.getBoundingClientRect();
+			i((e.clientX - t.left) / t.width * 100);
+		},
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: e("absolute inset-y-0 left-0 transition-all duration-300", `bg-gradient-to-r ${a.gradient}`),
+				style: { width: `${c}%` },
+				children: /* @__PURE__ */ u("div", { className: "absolute inset-0 bg-gradient-to-b from-white/20 to-transparent" })
+			}),
+			/* @__PURE__ */ u("div", {
+				className: e("absolute inset-y-0 transition-all duration-300", a.lightColor),
+				style: {
+					left: `${c}%`,
+					width: `${p}%`
+				},
+				children: /* @__PURE__ */ u("div", {
+					className: "absolute inset-0",
+					style: { backgroundImage: "repeating-linear-gradient(\n              45deg,\n              transparent,\n              transparent 4px,\n              rgba(0,0,0,0.1) 4px,\n              rgba(0,0,0,0.1) 8px\n            )" }
+				})
+			}),
+			/* @__PURE__ */ u("div", { className: "absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-100 transition-opacity" }),
+			c > 15 && /* @__PURE__ */ d("div", {
+				className: "absolute inset-y-0 left-2 flex items-center text-white text-xs font-medium",
+				children: [Math.round(c), "%"]
+			})
+		]
+	});
+}
+function b({ pool: r, animated: i = !0, onClick: a }) {
+	let o = f[r.type || "compute"], s = m(r), c = h(r), [l, p] = t.useState(0), v = t.useRef(null);
+	t.useEffect(() => {
+		if (!i) {
+			p(s + c);
+			return;
+		}
+		let e = Date.now(), t = l, n = s + c, r = () => {
+			let i = Date.now() - e, a = Math.min(i / 1e3, 1), o = a < .5 ? 4 * a * a * a : 1 - (-2 * a + 2) ** 3 / 2;
+			p(t + (n - t) * o), a < 1 && requestAnimationFrame(r);
+		};
+		requestAnimationFrame(r);
+	}, [
+		s,
+		c,
+		i
+	]);
+	let y = (e) => {
+		if (!v.current || !a) return;
+		let t = v.current.getBoundingClientRect();
+		a(100 - (e.clientY - t.top) / t.height * 100);
+	}, b = _(r), x = g(r);
+	return /* @__PURE__ */ d("div", {
+		ref: v,
+		className: "relative h-32 w-24 rounded-xl overflow-hidden bg-muted border-2 border-muted-foreground/20 cursor-pointer group",
+		onClick: y,
+		children: [
+			/* @__PURE__ */ u("div", { className: "absolute inset-0 bg-gradient-to-r from-white/10 via-transparent to-black/10" }),
+			/* @__PURE__ */ d("div", {
+				className: e("absolute inset-x-0 bottom-0 transition-all", `bg-gradient-to-t ${o.gradient}`, i && "animate-liquid-wave"),
+				style: { height: `${l}%` },
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "absolute inset-x-0 -top-2 h-4",
+						children: /* @__PURE__ */ u("svg", {
+							viewBox: "0 0 100 20",
+							preserveAspectRatio: "none",
+							className: "w-full h-full",
+							"aria-hidden": "true",
+							focusable: "false",
+							children: /* @__PURE__ */ u("path", {
+								d: i ? "M0,10 Q25,0 50,10 T100,10 V20 H0 Z" : "M0,10 L100,10 V20 H0 Z",
+								fill: "currentColor",
+								className: o.textColor,
+								style: { opacity: .8 }
+							})
+						})
+					}),
+					i && /* @__PURE__ */ u("div", {
+						className: "absolute inset-0 overflow-hidden",
+						children: [...[
+							,
+							,
+							,
+							,
+							,
+						]].map((e, t) => /* @__PURE__ */ u("div", {
+							className: "absolute w-2 h-2 rounded-full bg-white/30 animate-bubble",
+							style: {
+								left: `${20 + t * 15}%`,
+								bottom: "10%",
+								animationDelay: `${t * .5}s`,
+								animationDuration: `${2 + Math.random()}s`
+							}
+						}, t))
+					}),
+					/* @__PURE__ */ u("div", { className: "absolute inset-0 bg-gradient-to-r from-white/20 via-transparent to-black/10" })
+				]
+			}),
+			r.reserved && r.reserved > 0 && /* @__PURE__ */ u("div", {
+				className: "absolute inset-x-0 transition-all",
+				style: {
+					bottom: `${r.used / r.total * 100}%`,
+					height: `${c}%`
+				},
+				children: /* @__PURE__ */ u("div", {
+					className: e("absolute inset-0", o.lightColor),
+					style: { backgroundImage: "repeating-linear-gradient(\n                45deg,\n                transparent,\n                transparent 3px,\n                rgba(0,0,0,0.1) 3px,\n                rgba(0,0,0,0.1) 6px\n              )" }
+				})
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "absolute inset-y-0 right-1 flex flex-col justify-between py-2",
+				children: [
+					/* @__PURE__ */ u("span", {
+						className: "text-[8px] text-muted-foreground",
+						children: "100%"
+					}),
+					/* @__PURE__ */ u("span", {
+						className: "text-[8px] text-muted-foreground",
+						children: "50%"
+					}),
+					/* @__PURE__ */ u("span", {
+						className: "text-[8px] text-muted-foreground",
+						children: "0%"
+					})
+				]
+			}),
+			(x || b) && /* @__PURE__ */ u("div", {
+				className: e("absolute top-2 left-2 p-1 rounded-full", b ? "bg-red-500 animate-pulse" : "bg-amber-500"),
+				children: /* @__PURE__ */ u(n, { className: "h-3 w-3 text-white" })
+			}),
+			/* @__PURE__ */ u("div", { className: "absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-100 transition-opacity" }),
+			/* @__PURE__ */ u("style", { children: "\n        @keyframes liquid-wave {\n          0%, 100% { transform: translateY(0); }\n          50% { transform: translateY(-2px); }\n        }\n        @keyframes bubble {\n          0% { transform: translateY(0) scale(1); opacity: 0.6; }\n          100% { transform: translateY(-80px) scale(0.5); opacity: 0; }\n        }\n        .animate-liquid-wave {\n          animation: liquid-wave 3s ease-in-out infinite;\n        }\n        .animate-bubble {\n          animation: bubble 2s ease-out infinite;\n        }\n      " })
+		]
+	});
+}
+function x({ pool: t, variant: r, showLabels: a, showCapacity: o, onAllocate: c, onRelease: p, draggable: m, animated: h }) {
+	let x = f[t.type || "compute"], S = x.icon, C = g(t), w = _(t), T = t.total - t.used - (t.reserved || 0);
+	return /* @__PURE__ */ d("div", {
+		className: "rounded-lg border bg-card p-4 shadow-sm",
+		children: [
+			a && /* @__PURE__ */ d("div", {
+				className: "flex items-center justify-between mb-3",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ u("div", {
+						className: e("p-1.5 rounded-md", x.lightColor),
+						children: /* @__PURE__ */ u(S, { className: e("h-4 w-4", x.textColor) })
+					}), /* @__PURE__ */ u("span", {
+						className: "font-medium text-sm",
+						children: t.name
+					})]
+				}), (C || w) && /* @__PURE__ */ d("div", {
+					className: e("flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium", w ? "bg-red-100 text-red-700" : "bg-amber-100 text-amber-700"),
+					children: [/* @__PURE__ */ u(n, { className: "h-3 w-3" }), w ? "Critical" : "Near Capacity"]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: e("flex", r === "liquid" ? "justify-center" : "flex-col"),
+				children: [
+					r === "blocks" && /* @__PURE__ */ u(v, {
+						pool: t,
+						animated: h,
+						onBlockClick: (e, n) => {
+							let r = t.total / Math.min(20, t.total), i = Math.round(r);
+							n ? p?.(i) : c?.(i);
+						},
+						draggable: m
+					}),
+					r === "bar" && /* @__PURE__ */ u(y, {
+						pool: t,
+						animated: h,
+						onClick: (e) => {
+							let n = Math.round(e / 100 * t.total) - t.used;
+							n > 0 ? c?.(n) : n < 0 && p?.(Math.abs(n));
+						}
+					}),
+					r === "liquid" && /* @__PURE__ */ u(b, {
+						pool: t,
+						animated: h,
+						onClick: (e) => {
+							let n = Math.round(e / 100 * t.total) - t.used;
+							n > 0 ? c?.(n) : n < 0 && p?.(Math.abs(n));
+						}
+					})
+				]
+			}),
+			o && /* @__PURE__ */ d("div", {
+				className: "mt-3 flex items-center justify-between text-sm",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-4",
+					children: [
+						/* @__PURE__ */ d("div", {
+							className: "flex items-center gap-1.5",
+							children: [
+								/* @__PURE__ */ u("div", { className: e("h-3 w-3 rounded-sm", x.color) }),
+								/* @__PURE__ */ u("span", {
+									className: "text-muted-foreground",
+									children: "Used:"
+								}),
+								/* @__PURE__ */ u("span", {
+									className: "font-medium tabular-nums",
+									children: t.used
+								})
+							]
+						}),
+						t.reserved && t.reserved > 0 && /* @__PURE__ */ d("div", {
+							className: "flex items-center gap-1.5",
+							children: [
+								/* @__PURE__ */ u("div", { className: e("h-3 w-3 rounded-sm border-2", x.borderColor, x.lightColor) }),
+								/* @__PURE__ */ u("span", {
+									className: "text-muted-foreground",
+									children: "Reserved:"
+								}),
+								/* @__PURE__ */ u("span", {
+									className: "font-medium tabular-nums",
+									children: t.reserved
+								})
+							]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "flex items-center gap-1.5",
+							children: [
+								/* @__PURE__ */ u("div", { className: "h-3 w-3 rounded-sm border-2 border-dashed border-muted-foreground/30" }),
+								/* @__PURE__ */ u("span", {
+									className: "text-muted-foreground",
+									children: "Available:"
+								}),
+								/* @__PURE__ */ u("span", {
+									className: "font-medium tabular-nums",
+									children: T
+								})
+							]
+						})
+					]
+				}), /* @__PURE__ */ d("div", {
+					className: e("font-semibold tabular-nums", x.textColor),
+					children: [
+						t.used + (t.reserved || 0),
+						"/",
+						t.total,
+						" ",
+						t.unit || "units"
+					]
+				})]
+			}),
+			(c || p) && /* @__PURE__ */ d("div", {
+				className: "mt-3 flex items-center gap-2",
+				children: [
+					p && t.used > 0 && /* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: () => {
+							let e = Math.max(1, Math.round(t.total * .1));
+							p?.(Math.min(e, t.used));
+						},
+						className: e("flex items-center gap-1 px-3 py-1.5 rounded-md text-xs font-medium transition-colors", "bg-muted hover:bg-muted/80 text-muted-foreground hover:text-foreground"),
+						children: [/* @__PURE__ */ u(s, { className: "h-3 w-3" }), "Release"]
+					}),
+					c && T > 0 && /* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: () => {
+							let e = Math.max(1, Math.round(t.total * .1));
+							c?.(Math.min(e, T));
+						},
+						className: e("flex items-center gap-1 px-3 py-1.5 rounded-md text-xs font-medium transition-colors", `${x.color} text-white hover:opacity-90`),
+						children: [/* @__PURE__ */ u(l, { className: "h-3 w-3" }), "Allocate"]
+					}),
+					m && /* @__PURE__ */ d("div", {
+						className: "ml-auto flex items-center gap-1 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ u(i, { className: "h-3 w-3" }), "Drag to allocate"]
+					})
+				]
+			})
+		]
+	});
+}
+function S({ pools: t, variant: n = "blocks", showLabels: r = !0, showCapacity: i = !0, onAllocate: a, onRelease: o, draggable: s = !1, animated: c = !0, className: l }) {
+	return /* @__PURE__ */ u("div", {
+		className: e("space-y-4", l),
+		children: t.map((e) => /* @__PURE__ */ u(x, {
+			pool: e,
+			variant: n,
+			showLabels: r,
+			showCapacity: i,
+			onAllocate: a ? (t) => a(e.id, t) : void 0,
+			onRelease: o ? (t) => o(e.id, t) : void 0,
+			draggable: s,
+			animated: c
+		}, e.id))
+	});
+}
+function C({ pools: t, showLegend: r = !0, className: i }) {
+	let a = Math.max(...t.map((e) => e.total));
+	return /* @__PURE__ */ d("div", {
+		className: e("space-y-4", i),
+		children: [/* @__PURE__ */ u("div", {
+			className: "space-y-3",
+			children: t.map((t) => {
+				let r = f[t.type || "compute"], i = r.icon;
+				t.used / a * 100, (t.reserved || 0) / a * 100;
+				let o = t.total / a * 100, s = _(t), c = g(t);
+				return /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ d("div", {
+							className: "flex items-center gap-2 w-32 flex-shrink-0",
+							children: [/* @__PURE__ */ u("div", {
+								className: e("p-1 rounded", r.lightColor),
+								children: /* @__PURE__ */ u(i, { className: e("h-3.5 w-3.5", r.textColor) })
+							}), /* @__PURE__ */ u("span", {
+								className: "text-sm font-medium truncate",
+								children: t.name
+							})]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "flex-1 relative",
+							children: /* @__PURE__ */ d("div", {
+								className: "h-6 rounded bg-muted relative overflow-hidden",
+								style: { width: `${o}%` },
+								children: [
+									/* @__PURE__ */ u("div", {
+										className: e("absolute inset-y-0 left-0 rounded-l", `bg-gradient-to-r ${r.gradient}`),
+										style: { width: `${t.used / t.total * 100}%` }
+									}),
+									t.reserved && t.reserved > 0 && /* @__PURE__ */ u("div", {
+										className: e("absolute inset-y-0", r.lightColor),
+										style: {
+											left: `${t.used / t.total * 100}%`,
+											width: `${(t.reserved || 0) / t.total * 100}%`,
+											backgroundImage: "repeating-linear-gradient(\n                          45deg,\n                          transparent,\n                          transparent 3px,\n                          rgba(0,0,0,0.1) 3px,\n                          rgba(0,0,0,0.1) 6px\n                        )"
+										}
+									}),
+									(c || s) && /* @__PURE__ */ u("div", {
+										className: e("absolute right-1 top-1/2 -translate-y-1/2", s ? "text-red-500" : "text-amber-500"),
+										children: /* @__PURE__ */ u(n, { className: "h-3.5 w-3.5" })
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "w-28 flex-shrink-0 text-right",
+							children: [/* @__PURE__ */ d("span", {
+								className: e("text-sm font-semibold tabular-nums", r.textColor),
+								children: [
+									t.used + (t.reserved || 0),
+									"/",
+									t.total
+								]
+							}), /* @__PURE__ */ u("span", {
+								className: "text-xs text-muted-foreground ml-1",
+								children: t.unit || "units"
+							})]
+						})
+					]
+				}, t.id);
+			})
+		}), r && /* @__PURE__ */ d("div", {
+			className: "flex items-center gap-6 pt-2 border-t",
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+					children: [/* @__PURE__ */ u("div", { className: "h-3 w-3 rounded-sm bg-gradient-to-r from-gray-500 to-gray-600" }), /* @__PURE__ */ u("span", { children: "Used" })]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+					children: [/* @__PURE__ */ u("div", {
+						className: "h-3 w-3 rounded-sm bg-gray-200",
+						style: { backgroundImage: "repeating-linear-gradient(\n                  45deg,\n                  transparent,\n                  transparent 2px,\n                  rgba(0,0,0,0.1) 2px,\n                  rgba(0,0,0,0.1) 4px\n                )" }
+					}), /* @__PURE__ */ u("span", { children: "Reserved" })]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+					children: [/* @__PURE__ */ u("div", { className: "h-3 w-3 rounded-sm bg-muted border border-muted-foreground/20" }), /* @__PURE__ */ u("span", { children: "Available" })]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-1.5 text-xs text-muted-foreground ml-auto",
+					children: [/* @__PURE__ */ u(n, { className: "h-3 w-3 text-amber-500" }), /* @__PURE__ */ u("span", { children: "Near Capacity (80%+)" })]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+					children: [/* @__PURE__ */ u(n, { className: "h-3 w-3 text-red-500" }), /* @__PURE__ */ u("span", { children: "Critical (95%+)" })]
+				})
+			]
+		})]
+	});
+}
+function w({ initialPools: e, onPoolChange: n }) {
+	let [r, i] = t.useState(e);
+	return {
+		pools: r,
+		setPools: i,
+		allocate: t.useCallback((e, t) => {
+			i((r) => {
+				let i = r.map((n) => {
+					if (n.id !== e) return n;
+					let r = n.total - n.used - (n.reserved || 0), i = Math.min(t, r);
+					return {
+						...n,
+						used: n.used + i
+					};
+				});
+				return n?.(i), i;
+			});
+		}, [n]),
+		release: t.useCallback((e, t) => {
+			i((r) => {
+				let i = r.map((n) => {
+					if (n.id !== e) return n;
+					let r = Math.min(t, n.used);
+					return {
+						...n,
+						used: n.used - r
+					};
+				});
+				return n?.(i), i;
+			});
+		}, [n]),
+		reserve: t.useCallback((e, t) => {
+			i((r) => {
+				let i = r.map((n) => {
+					if (n.id !== e) return n;
+					let r = n.total - n.used - (n.reserved || 0), i = Math.min(t, r);
+					return {
+						...n,
+						reserved: (n.reserved || 0) + i
+					};
+				});
+				return n?.(i), i;
+			});
+		}, [n]),
+		unreserve: t.useCallback((e, t) => {
+			i((r) => {
+				let i = r.map((n) => {
+					if (n.id !== e) return n;
+					let r = Math.min(t, n.reserved || 0);
+					return {
+						...n,
+						reserved: (n.reserved || 0) - r
+					};
+				});
+				return n?.(i), i;
+			});
+		}, [n]),
+		getPool: t.useCallback((e) => r.find((t) => t.id === e), [r]),
+		getPoolStats: t.useCallback((e) => {
+			let t = r.find((t) => t.id === e);
+			if (!t) return null;
+			let n = (e) => t.total > 0 ? e / t.total * 100 : 0;
+			return {
+				used: t.used,
+				reserved: t.reserved || 0,
+				available: t.total - t.used - (t.reserved || 0),
+				total: t.total,
+				usedPercent: n(t.used),
+				reservedPercent: n(t.reserved || 0),
+				availablePercent: n(t.total - t.used - (t.reserved || 0)),
+				isNearCapacity: g(t),
+				isCritical: _(t)
+			};
+		}, [r]),
+		getTotalStats: t.useCallback(() => {
+			let e = r.reduce((e, t) => ({
+				used: e.used + t.used,
+				reserved: e.reserved + (t.reserved || 0),
+				total: e.total + t.total
+			}), {
+				used: 0,
+				reserved: 0,
+				total: 0
+			});
+			return {
+				...e,
+				available: e.total - e.used - e.reserved,
+				usedPercent: e.used / e.total * 100,
+				reservedPercent: e.reserved / e.total * 100,
+				availablePercent: (e.total - e.used - e.reserved) / e.total * 100
+			};
+		}, [r])
+	};
+}
+//#endregion
+export { S as WakaResourcePool, S as default, C as WakaResourcePoolComparison, w as useResourcePool };

package/dist/components/waka-rich-text-editor/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../button/index.cjs.js"),r=require("../label/index.cjs.js"),i=require("../input/index.cjs.js"),a=require("../popover/index.cjs.js"),o=require("../separator/index.cjs.js"),s=require("../textarea/index.cjs.js");let c=require("react");c=e.__toESM(c);let l=require("lucide-react"),u=require("react/jsx-runtime");var d=[[`bold`,`italic`,`underline`,`strike`],[`h1`,`h2`,`h3`],[`bulletList`,`orderedList`,`blockquote`],[`link`,`code`],[`undo`,`redo`]],f=c.forwardRef(({value:e=``,onChange:t,toolbar:n=d,placeholder:r=`Écrivez ici...`,maxLength:i,showCharacterCount:a=!1,minHeight:o=200,disabled:s=!1,error:l,className:f,label:m,description:g,editable:_=!0,immediatelyRender:v=!1},y)=>{let[b,x]=c.useState(null),[S,C]=c.useState(null),[w,T]=c.useState(null),[E,D]=c.useState(``);return c.useEffect(()=>{(async()=>{try{let[{useEditor:e,EditorContent:t},{default:n},{default:r},{default:i},{default:a}]=await Promise.all([import(`@tiptap/react`),import(`@tiptap/starter-kit`),import(`@tiptap/extension-underline`),import(`@tiptap/extension-link`),import(`@tiptap/extension-text-align`)]);C({useEditor:e,EditorContent:t,StarterKit:n,Underline:r,Link:i,TextAlign:a}),x(!0)}catch{x(!1)}})()},[]),b&&S?(0,u.jsx)(p,{ref:y,components:S,value:e,onChange:t,toolbar:n,placeholder:r,maxLength:i,showCharacterCount:a,minHeight:o,disabled:s,error:l,className:f,label:m,description:g,editable:_,immediatelyRender:v,linkUrl:E,setLinkUrl:D,editor:w,setEditor:T}):(0,u.jsx)(h,{ref:y,value:e,onChange:t,placeholder:r,maxLength:i,showCharacterCount:a,minHeight:o,disabled:s,error:l,className:f,label:m,description:g,loading:b===null})});f.displayName=`WakaRichTextEditor`;var p=c.forwardRef(({components:e,value:n,onChange:i,toolbar:a,placeholder:s,maxLength:l,showCharacterCount:d,minHeight:f,disabled:p,error:h,className:g,label:_,description:v,editable:y,immediatelyRender:b=!1,linkUrl:x,setLinkUrl:S,setEditor:C},w)=>{let{useEditor:T,EditorContent:E,StarterKit:D,Underline:O,Link:k,TextAlign:A}=e,j=T({extensions:[D.configure({heading:{levels:[1,2,3]}}),O,k.configure({openOnClick:!1}),A.configure({types:[`heading`,`paragraph`]})],content:n,editable:y&&!p,immediatelyRender:b,onUpdate:({editor:e})=>{let t=e.getHTML();(!l||t.length<=l)&&i?.(t)}});c.useEffect(()=>{C(j)},[j,C]),c.useEffect(()=>{j&&n!==j.getHTML()&&j.commands?.setContent?.(n||``,!1)},[n,j]);let M=()=>{j&&(x?j.chain().focus().setLink({href:x}).run():j.chain().focus().unsetLink().run(),S(``))},N=j?.storage?.characterCount?.characters?.()??n?.replace(/<[^>]*>/g,``).length??0;return(0,u.jsxs)(`div`,{ref:w,className:t.cn(`space-y-1.5`,g),children:[_&&(0,u.jsx)(r.Label,{children:_}),v&&(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:v}),(0,u.jsxs)(`div`,{className:t.cn(`border rounded-lg overflow-hidden`,h&&`border-destructive`),children:[j&&a&&(0,u.jsx)(`div`,{className:`flex flex-wrap items-center gap-0.5 p-1 border-b bg-muted/30`,children:a.map((e,t)=>(0,u.jsxs)(c.Fragment,{children:[t>0&&(0,u.jsx)(o.Separator,{orientation:`vertical`,className:`mx-1 h-6`}),e.map(e=>(0,u.jsx)(m,{button:e,editor:j,linkUrl:x,setLinkUrl:S,handleSetLink:M},e))]},t))}),(0,u.jsx)(`div`,{style:{minHeight:f},children:(0,u.jsx)(E,{editor:j,className:t.cn(`prose prose-sm max-w-none p-3 focus-within:outline-none h-full`,`[&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[inherit]`)})}),d&&(0,u.jsxs)(`div`,{className:`flex justify-end p-1.5 border-t bg-muted/30 text-xs text-muted-foreground`,children:[N,l&&` / ${l}`,` caractères`]})]}),h&&(0,u.jsx)(`p`,{className:`text-sm text-destructive`,children:h})]})});p.displayName=`TiptapEditorComponent`;function m({button:e,editor:t,linkUrl:r,setLinkUrl:o,handleSetLink:s}){let{icon:c,action:d,isActive:f}={bold:{icon:(0,u.jsx)(l.Bold,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleBold().run(),isActive:()=>t.isActive(`bold`)},italic:{icon:(0,u.jsx)(l.Italic,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleItalic().run(),isActive:()=>t.isActive(`italic`)},underline:{icon:(0,u.jsx)(l.Underline,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleUnderline().run(),isActive:()=>t.isActive(`underline`)},strike:{icon:(0,u.jsx)(l.Strikethrough,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleStrike().run(),isActive:()=>t.isActive(`strike`)},h1:{icon:(0,u.jsx)(l.Heading1,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleHeading({level:1}).run(),isActive:()=>t.isActive(`heading`,{level:1})},h2:{icon:(0,u.jsx)(l.Heading2,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleHeading({level:2}).run(),isActive:()=>t.isActive(`heading`,{level:2})},h3:{icon:(0,u.jsx)(l.Heading3,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleHeading({level:3}).run(),isActive:()=>t.isActive(`heading`,{level:3})},bulletList:{icon:(0,u.jsx)(l.List,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleBulletList().run(),isActive:()=>t.isActive(`bulletList`)},orderedList:{icon:(0,u.jsx)(l.ListOrdered,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleOrderedList().run(),isActive:()=>t.isActive(`orderedList`)},blockquote:{icon:(0,u.jsx)(l.Quote,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleBlockquote().run(),isActive:()=>t.isActive(`blockquote`)},code:{icon:(0,u.jsx)(l.Code,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleCodeBlock().run(),isActive:()=>t.isActive(`codeBlock`)},link:{icon:(0,u.jsx)(l.Link,{className:`h-4 w-4`}),action:()=>{},isActive:()=>t.isActive(`link`)},alignLeft:{icon:(0,u.jsx)(l.AlignLeft,{className:`h-4 w-4`}),action:()=>t.chain().focus().setTextAlign(`left`).run(),isActive:()=>t.isActive({textAlign:`left`})},alignCenter:{icon:(0,u.jsx)(l.AlignCenter,{className:`h-4 w-4`}),action:()=>t.chain().focus().setTextAlign(`center`).run(),isActive:()=>t.isActive({textAlign:`center`})},alignRight:{icon:(0,u.jsx)(l.AlignRight,{className:`h-4 w-4`}),action:()=>t.chain().focus().setTextAlign(`right`).run(),isActive:()=>t.isActive({textAlign:`right`})},undo:{icon:(0,u.jsx)(l.Undo,{className:`h-4 w-4`}),action:()=>t.chain().focus().undo().run()},redo:{icon:(0,u.jsx)(l.Redo,{className:`h-4 w-4`}),action:()=>t.chain().focus().redo().run()}}[e];return e===`link`?(0,u.jsxs)(a.Popover,{children:[(0,u.jsx)(a.PopoverTrigger,{asChild:!0,children:(0,u.jsx)(n.Button,{type:`button`,variant:f?.()?`secondary`:`ghost`,size:`icon`,className:`h-7 w-7`,children:c})}),(0,u.jsx)(a.PopoverContent,{className:`w-64 p-2`,children:(0,u.jsxs)(`div`,{className:`flex gap-2`,children:[(0,u.jsx)(i.Input,{value:r,onChange:e=>o(e.target.value),placeholder:`https://...`,className:`h-8`}),(0,u.jsx)(n.Button,{size:`sm`,onClick:s,children:`OK`})]})})]}):(0,u.jsx)(n.Button,{type:`button`,variant:f?.()?`secondary`:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:d,children:c})}var h=c.forwardRef(({value:e,onChange:n,placeholder:i,maxLength:a,showCharacterCount:o,minHeight:c,disabled:l,error:d,className:f,label:p,description:m,loading:h},g)=>(0,u.jsxs)(`div`,{ref:g,className:t.cn(`space-y-1.5`,f),children:[p&&(0,u.jsx)(r.Label,{children:p}),m&&(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:m}),(0,u.jsxs)(`div`,{className:`relative`,children:[(0,u.jsx)(s.Textarea,{value:e,onChange:e=>n?.(e.target.value),placeholder:i,maxLength:a,disabled:l||h,style:{minHeight:c},className:t.cn(d&&`border-destructive`)}),h&&(0,u.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/50`,children:(0,u.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Chargement...`})})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[d&&(0,u.jsx)(`p`,{className:`text-sm text-destructive`,children:d}),o&&(0,u.jsxs)(`p`,{className:`text-xs text-muted-foreground ml-auto`,children:[e?.length||0,a&&` / ${a}`,` caractères`]})]})]}));h.displayName=`FallbackEditor`,exports.WakaRichTextEditor=f,exports.default=f;