@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-quota-bar/index.es.js

@@ -0,0 +1,380 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { AlertTriangle as n, Info as r } from "lucide-react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/waka-quota-bar/index.tsx
+var s = {
+	normal: "bg-success",
+	warning: "bg-warning",
+	danger: "bg-destructive",
+	overflow: "bg-destructive"
+}, c = {
+	sm: {
+		bar: "h-2",
+		marker: "h-3",
+		markerDot: "h-1.5 w-1.5",
+		text: "text-xs",
+		label: "text-xs",
+		tooltip: "text-xs p-2",
+		icon: "h-3 w-3",
+		gap: "gap-1"
+	},
+	md: {
+		bar: "h-3",
+		marker: "h-4",
+		markerDot: "h-2 w-2",
+		text: "text-sm",
+		label: "text-sm",
+		tooltip: "text-sm p-3",
+		icon: "h-4 w-4",
+		gap: "gap-2"
+	},
+	lg: {
+		bar: "h-4",
+		marker: "h-5",
+		markerDot: "h-2.5 w-2.5",
+		text: "text-base",
+		label: "text-base",
+		tooltip: "text-base p-4",
+		icon: "h-5 w-5",
+		gap: "gap-3"
+	}
+};
+function l({ current: t, softLimit: n, hardLimit: r, unit: i, formatValue: s, size: l, isOverflow: u, usagePercentage: d }) {
+	let f = c[l];
+	return /* @__PURE__ */ o("div", {
+		className: e("absolute left-1/2 -translate-x-1/2 bottom-full mb-2 z-50", "bg-popover text-popover-foreground border rounded-lg shadow-lg", "opacity-0 group-hover:opacity-100 transition-opacity duration-200", "pointer-events-none whitespace-nowrap", f.tooltip),
+		children: [/* @__PURE__ */ o("div", {
+			className: "space-y-1.5",
+			children: [
+				/* @__PURE__ */ o("div", {
+					className: "flex items-center justify-between gap-4",
+					children: [/* @__PURE__ */ a("span", {
+						className: "text-muted-foreground",
+						children: "Current:"
+					}), /* @__PURE__ */ o("span", {
+						className: "font-medium tabular-nums",
+						children: [
+							s(t),
+							" ",
+							i
+						]
+					})]
+				}),
+				n !== void 0 && /* @__PURE__ */ o("div", {
+					className: "flex items-center justify-between gap-4",
+					children: [/* @__PURE__ */ a("span", {
+						className: "text-muted-foreground",
+						children: "Soft Limit:"
+					}), /* @__PURE__ */ o("span", {
+						className: "font-medium tabular-nums text-yellow-600",
+						children: [
+							s(n),
+							" ",
+							i
+						]
+					})]
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "flex items-center justify-between gap-4",
+					children: [/* @__PURE__ */ a("span", {
+						className: "text-muted-foreground",
+						children: "Hard Limit:"
+					}), /* @__PURE__ */ o("span", {
+						className: "font-medium tabular-nums text-red-600",
+						children: [
+							s(r),
+							" ",
+							i
+						]
+					})]
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "border-t pt-1.5 mt-1.5",
+					children: /* @__PURE__ */ o("div", {
+						className: "flex items-center justify-between gap-4",
+						children: [/* @__PURE__ */ a("span", {
+							className: "text-muted-foreground",
+							children: "Usage:"
+						}), /* @__PURE__ */ o("span", {
+							className: e("font-medium tabular-nums", u && "text-red-600"),
+							children: [d.toFixed(1), "%"]
+						})]
+					})
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: "absolute left-1/2 -translate-x-1/2 top-full -mt-px",
+			children: /* @__PURE__ */ a("div", { className: "border-8 border-transparent border-t-popover" })
+		})]
+	});
+}
+function u({ position: t, type: n, size: r, label: i, showLabel: s }) {
+	let l = c[r], u = n === "soft";
+	return /* @__PURE__ */ o("div", {
+		className: "absolute top-0 -translate-x-1/2 flex flex-col items-center z-10",
+		style: { left: `${Math.min(t, 100)}%` },
+		children: [
+			/* @__PURE__ */ a("div", { className: e("w-0.5", l.marker, u ? "bg-yellow-500" : "bg-red-500") }),
+			/* @__PURE__ */ a("div", { className: e("rounded-full -mt-0.5", l.markerDot, u ? "bg-yellow-500" : "bg-red-500") }),
+			s && i && /* @__PURE__ */ a("span", {
+				className: e("absolute top-full mt-1 text-muted-foreground whitespace-nowrap", l.text),
+				children: i
+			})
+		]
+	});
+}
+function d({ overflowAmount: t, unit: r, formatValue: i, size: s }) {
+	let l = c[s];
+	return /* @__PURE__ */ o("div", {
+		className: e("flex items-center text-red-600", l.gap, l.text),
+		children: [/* @__PURE__ */ a(n, { className: l.icon }), /* @__PURE__ */ o("span", {
+			className: "font-medium",
+			children: [
+				"+",
+				i(t),
+				" ",
+				r,
+				" over limit"
+			]
+		})]
+	});
+}
+function f({ current: n, softLimit: f, hardLimit: p, label: m, unit: h = "", showLabels: g = !0, showMarkers: _ = !0, size: v = "md", variant: y = "simple", animated: b = !0, colors: x, formatValue: S = (e) => e.toLocaleString(), className: C }) {
+	let [w, T] = t.useState(0), E = {
+		...s,
+		...x
+	}, D = c[v], O = n / p * 100, k = f ? f / p * 100 : void 0, A = n > p, j = A ? n - p : 0, M = t.useCallback(() => A ? E.overflow : f && n >= f ? n >= f + (p - f) * .5 ? E.danger : E.warning : E.normal, [
+		n,
+		f,
+		p,
+		A,
+		E
+	])();
+	return t.useEffect(() => {
+		if (!b) {
+			T(Math.min(O, 100));
+			return;
+		}
+		let e = Math.min(O, 100), t = w, n = e - t, r = Date.now(), i = () => {
+			let e = Date.now() - r, a = Math.min(e / 800, 1);
+			T(t + n * (1 - (1 - a) ** 3)), a < 1 && requestAnimationFrame(i);
+		};
+		requestAnimationFrame(i);
+	}, [O, b]), /* @__PURE__ */ o("div", {
+		className: e("w-full", C),
+		children: [
+			(m || g && y === "detailed") && /* @__PURE__ */ o("div", {
+				className: e("flex items-center justify-between mb-2", D.gap),
+				children: [m && /* @__PURE__ */ a("span", {
+					className: e("font-medium", D.label),
+					children: m
+				}), g && y === "detailed" && /* @__PURE__ */ o("div", {
+					className: e("flex items-center text-muted-foreground", D.gap, D.text),
+					children: [/* @__PURE__ */ o("span", {
+						className: "tabular-nums",
+						children: [
+							S(n),
+							" / ",
+							S(p),
+							" ",
+							h
+						]
+					}), f && /* @__PURE__ */ o("span", {
+						className: "text-yellow-600",
+						children: [
+							"(soft: ",
+							S(f),
+							" ",
+							h,
+							")"
+						]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "relative group",
+				children: [/* @__PURE__ */ a(l, {
+					current: n,
+					softLimit: f,
+					hardLimit: p,
+					unit: h,
+					formatValue: S,
+					size: v,
+					isOverflow: A,
+					usagePercentage: O
+				}), /* @__PURE__ */ o("div", {
+					className: e("relative w-full overflow-visible rounded-full bg-muted", D.bar),
+					children: [
+						y === "detailed" && f && /* @__PURE__ */ o(i, { children: [
+							/* @__PURE__ */ a("div", {
+								className: "absolute inset-y-0 left-0 rounded-l-full bg-green-100 dark:bg-green-900/20",
+								style: { width: `${k}%` }
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "absolute inset-y-0 bg-yellow-100 dark:bg-yellow-900/20",
+								style: {
+									left: `${k}%`,
+									width: `${50 - (k || 0) / 2}%`
+								}
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "absolute inset-y-0 right-0 rounded-r-full bg-red-100 dark:bg-red-900/20",
+								style: { width: `${100 - (k || 0) - (50 - (k || 0) / 2)}%` }
+							})
+						] }),
+						/* @__PURE__ */ a("div", {
+							className: e("relative h-full rounded-full transition-colors duration-300", M, A && "animate-pulse"),
+							style: {
+								width: `${w}%`,
+								transition: b ? void 0 : "width 0.3s ease-out"
+							},
+							children: b && /* @__PURE__ */ a("div", {
+								className: "absolute inset-0 overflow-hidden rounded-full",
+								children: /* @__PURE__ */ a("div", { className: "absolute inset-0 animate-quota-shine" })
+							})
+						}),
+						_ && /* @__PURE__ */ o(i, { children: [f && k !== void 0 && /* @__PURE__ */ a(u, {
+							position: k,
+							type: "soft",
+							size: v,
+							label: y === "detailed" ? `Soft: ${S(f)}` : void 0,
+							showLabel: y === "detailed"
+						}), /* @__PURE__ */ a(u, {
+							position: 100,
+							type: "hard",
+							size: v,
+							label: y === "detailed" ? `Hard: ${S(p)}` : void 0,
+							showLabel: y === "detailed"
+						})] })
+					]
+				})]
+			}),
+			g && y === "simple" && /* @__PURE__ */ o("div", {
+				className: e("flex items-center justify-between mt-2", D.text),
+				children: [/* @__PURE__ */ o("div", {
+					className: "flex items-center gap-1 text-muted-foreground",
+					children: [/* @__PURE__ */ a(r, { className: D.icon }), /* @__PURE__ */ o("span", {
+						className: "tabular-nums",
+						children: [
+							S(n),
+							" ",
+							h
+						]
+					})]
+				}), /* @__PURE__ */ o("div", {
+					className: "flex items-center gap-4 text-muted-foreground",
+					children: [f && /* @__PURE__ */ o("span", {
+						className: "text-yellow-600 tabular-nums",
+						children: [
+							"Soft: ",
+							S(f),
+							" ",
+							h
+						]
+					}), /* @__PURE__ */ o("span", {
+						className: "text-red-600 tabular-nums",
+						children: [
+							"Hard: ",
+							S(p),
+							" ",
+							h
+						]
+					})]
+				})]
+			}),
+			A && /* @__PURE__ */ a("div", {
+				className: "mt-2",
+				children: /* @__PURE__ */ a(d, {
+					overflowAmount: j,
+					unit: h,
+					formatValue: S,
+					size: v
+				})
+			}),
+			/* @__PURE__ */ a("style", { children: "\n        @keyframes quota-shine {\n          0% { transform: translateX(-100%); opacity: 0; }\n          50% { opacity: 0.3; }\n          100% { transform: translateX(100%); opacity: 0; }\n        }\n        .animate-quota-shine {\n          background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n          animation: quota-shine 2s ease-in-out infinite;\n        }\n      " })
+		]
+	});
+}
+function p({ resources: t, compact: n = !1, size: r = "md", animated: i = !0, formatValue: s, className: l }) {
+	let u = c[r];
+	return /* @__PURE__ */ a("div", {
+		className: e("space-y-4", l),
+		children: t.map((t) => /* @__PURE__ */ o("div", {
+			className: n ? "space-y-1" : void 0,
+			children: [/* @__PURE__ */ a(f, {
+				current: t.current,
+				softLimit: t.softLimit,
+				hardLimit: t.hardLimit,
+				label: t.label,
+				unit: t.unit,
+				size: n ? "sm" : r,
+				variant: n ? "simple" : "detailed",
+				animated: i,
+				colors: t.colors,
+				formatValue: s,
+				showLabels: !n,
+				showMarkers: !n
+			}), n && /* @__PURE__ */ o("div", {
+				className: e("flex items-center justify-between text-muted-foreground", u.text),
+				children: [/* @__PURE__ */ a("span", { children: t.label }), /* @__PURE__ */ o("span", {
+					className: "tabular-nums",
+					children: [
+						(s || ((e) => e.toLocaleString()))(t.current),
+						" /",
+						" ",
+						(s || ((e) => e.toLocaleString()))(t.hardLimit),
+						" ",
+						t.unit
+					]
+				})]
+			})]
+		}, t.id))
+	});
+}
+function m({ initialValue: e = 0, softLimit: n, hardLimit: r, onApproachingSoftLimit: i, onApproachingHardLimit: a, onOverflow: o, approachingThreshold: s = 80 }) {
+	let [c, l] = t.useState(e), u = t.useRef(c), d = c / r * 100, f = n ? n / r * 100 : void 0, p = c > r, m = p ? c - r : 0, h = Math.max(0, r - c), g = t.useMemo(() => p ? "overflow" : n && c >= n ? c >= n + (r - n) * .5 ? "danger" : "warning" : "normal", [
+		c,
+		n,
+		r,
+		p
+	]);
+	return t.useEffect(() => {
+		let e = u.current;
+		u.current = c, p && e <= r ? o?.(c, m) : n && c >= s / 100 * n && e < s / 100 * n ? i?.(c) : c >= s / 100 * r && e < s / 100 * r && a?.(c);
+	}, [
+		c,
+		n,
+		r,
+		p,
+		m,
+		s,
+		i,
+		a,
+		o
+	]), {
+		current: c,
+		usagePercentage: d,
+		softLimitPercentage: f,
+		isOverflow: p,
+		overflowAmount: m,
+		remaining: h,
+		zone: g,
+		add: t.useCallback((e) => {
+			l((t) => t + e);
+		}, []),
+		subtract: t.useCallback((e) => {
+			l((t) => Math.max(0, t - e));
+		}, []),
+		set: t.useCallback((e) => {
+			l(e);
+		}, []),
+		reset: t.useCallback(() => {
+			l(0);
+		}, [])
+	};
+}
+//#endregion
+export { p as WakaMultiQuotaBar, f as default, m as useQuota };

package/dist/components/waka-radar-score/index.cjs.js

@@ -0,0 +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){let[t,r]=n.useState(null),[i,a]=n.useState(null);return{activeDataset:t,setActiveDataset:r,hoveredPoint:i,setHoveredPoint:a}}function a({axes:e,datasets:i,size:a=300,levels:o=5,maxValue:s=100,showGrid:c=!0,showLabels:l=!0,showPoints:u=!0,showTooltip:d=!0,animated:f=!0,animationDuration:p=1e3,className:m,legendPosition:h=`bottom`,gridColor:g=`currentColor`,axisColor:_=`currentColor`,labelColor:v=`currentColor`}){let[y,b]=n.useState(!f),[x,S]=n.useState(null),[C,w]=n.useState(null),T=n.useRef(null);n.useEffect(()=>{if(f){let e=setTimeout(()=>{b(!0)},50);return()=>clearTimeout(e)}},[f]);let E=e.length,D=2*Math.PI/E,O=a/2,k=a/2,A=a*.35,j=(e,t,n=s)=>{let r=e*D-Math.PI/2,i=t/n*A;return{x:O+i*Math.cos(r),y:k+i*Math.sin(r)}},M=(e,t=1)=>e.map((e,n)=>{let r=j(n,e*t);return`${n===0?`M`:`L`} ${r.x} ${r.y}`}).join(` `)+` Z`,N=e=>{let t=e/o*A;return Array.from({length:E}).map((e,n)=>{let r=n*D-Math.PI/2,i=O+t*Math.cos(r),a=k+t*Math.sin(r);return`${n===0?`M`:`L`} ${i} ${a}`}).join(` `)+` Z`},P=[`hsl(var(--chart-1))`,`hsl(var(--chart-2))`,`hsl(var(--chart-3))`,`hsl(var(--chart-4))`,`hsl(var(--chart-5))`,`hsl(var(--primary))`],F=(e,t)=>t.color||P[e%P.length],I=(e,t,n,r,i)=>{let a=j(n,r);S({datasetId:t,axisIndex:n,x:a.x,y:a.y,value:r,label:i})},L=()=>h===`none`?null:(0,r.jsx)(`div`,{className:t.cn(`flex gap-4 flex-wrap`,(h===`left`||h===`right`)&&`flex-col`),children:i.map((e,n)=>(0,r.jsxs)(`button`,{type:`button`,className:t.cn(`flex items-center gap-2 text-sm transition-opacity duration-200`,`hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary rounded px-1`,C&&C!==e.id&&`opacity-50`),onMouseEnter:()=>w(e.id),onMouseLeave:()=>w(null),children:[(0,r.jsx)(`span`,{className:`w-3 h-3 rounded-full`,style:{backgroundColor:F(n,e)}}),(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:e.label})]},e.id))});return(0,r.jsxs)(`div`,{className:t.cn(`inline-flex flex-col items-center gap-4`,h===`left`&&`flex-row-reverse`,h===`right`&&`flex-row`,m),children:[h===`top`&&L(),h===`left`&&L(),(0,r.jsxs)(`div`,{className:`relative`,style:{width:a,height:a},children:[(0,r.jsxs)(`svg`,{ref:T,width:a,height:a,viewBox:`0 0 ${a} ${a}`,className:`overflow-visible`,"aria-hidden":`true`,focusable:`false`,children:[c&&Array.from({length:o}).map((e,t)=>(0,r.jsx)(`path`,{d:N(t+1),fill:`none`,stroke:g,strokeWidth:`1`,className:`opacity-20`},`grid-${t}`)),e.map((e,t)=>{let n=t*D-Math.PI/2;return(0,r.jsx)(`line`,{x1:O,y1:k,x2:O+A*Math.cos(n),y2:k+A*Math.sin(n),stroke:_,strokeWidth:`1`,className:`opacity-30`},`axis-${t}`)}),i.map((n,i)=>{let a=F(i,n);return(0,r.jsxs)(`g`,{className:t.cn(`transition-opacity duration-200`,!(!C||C===n.id)&&`opacity-30`),children:[(0,r.jsx)(`path`,{d:M(n.data,+!!y),fill:a,fillOpacity:n.fillOpacity??.2,stroke:a,strokeWidth:n.strokeWidth??2,strokeLinejoin:`round`,className:t.cn(f&&`transition-all ease-out`),style:{transitionDuration:`${p}ms`}}),u&&n.data.map((i,o)=>{let s=j(o,y?i:0),c=x?.datasetId===n.id&&x?.axisIndex===o;return(0,r.jsx)(`circle`,{cx:s.x,cy:s.y,r:c?6:4,fill:a,stroke:`white`,strokeWidth:`2`,className:t.cn(`cursor-pointer transition-all duration-200`,f&&`transition-all ease-out`),style:{transitionDuration:f?`${p}ms`:`200ms`},onMouseEnter:t=>I(t,n.id,o,i,e[o]),onMouseLeave:()=>S(null)},`point-${o}`)})]},n.id)}),l&&e.map((e,t)=>{let n=t*D-Math.PI/2,i=O+(A+25)*Math.cos(n),a=k+(A+25)*Math.sin(n),o=`middle`,s=`0.35em`,c=(n+Math.PI*2)%(Math.PI*2);return c>Math.PI/6&&c<5*Math.PI/6?o=`start`:c>7*Math.PI/6&&c<11*Math.PI/6&&(o=`end`),c>Math.PI/3&&c<2*Math.PI/3?s=`0.85em`:c>4*Math.PI/3&&c<5*Math.PI/3&&(s=`-0.35em`),(0,r.jsx)(`text`,{x:i,y:a,textAnchor:o,dy:s,fill:v,className:`text-xs font-medium opacity-70`,children:e},`label-${t}`)})]}),d&&x&&(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`),style:{left:x.x,top:x.y-35,transform:`translateX(-50%)`},children:[(0,r.jsx)(`div`,{className:`font-semibold`,children:x.label}),(0,r.jsx)(`div`,{children:x.value.toFixed(1)}),(0,r.jsx)(`div`,{className:`absolute left-1/2 -translate-x-1/2 -bottom-1 w-2 h-2 rotate-45 bg-foreground`})]})]}),h===`bottom`&&L(),h===`right`&&L()]})}function o({data:e,color:t=`hsl(var(--chart-1))`,fillOpacity:n=.2,...i}){let o=e.map(e=>e.label),s=e.map(e=>e.value),c=Math.max(...e.map(e=>e.max??100));return(0,r.jsx)(a,{axes:o,datasets:[{id:`main`,label:`Score`,data:s,color:t,fillOpacity:n}],maxValue:c,legendPosition:`none`,...i})}function s({dataA:e,dataB:t,...n}){return(0,r.jsx)(a,{datasets:[{id:`a`,label:e.label,data:e.data,color:e.color||`hsl(var(--chart-1))`,fillOpacity:.15},{id:`b`,label:t.label,data:t.data,color:t.color||`hsl(var(--chart-2))`,fillOpacity:.15}],...n})}exports.WakaRadarScoreCompare=s,exports.WakaRadarScoreSimple=o,exports.default=a,exports.useRadarScore=i;

package/dist/components/waka-radar-score/index.d.ts

@@ -56,16 +56,16 @@ export interface WakaRadarScoreProps {
     labelColor?: string;
 }
 export declare function useRadarScore(datasets: RadarDataSet[]): {
-    activeDataset: string;
-    setActiveDataset: React.Dispatch<React.SetStateAction<string>>;
+    activeDataset: string | null;
+    setActiveDataset: React.Dispatch<React.SetStateAction<string | null>>;
     hoveredPoint: {
         datasetId: string;
         axisIndex: number;
-    };
+    } | null;
     setHoveredPoint: React.Dispatch<React.SetStateAction<{
         datasetId: string;
         axisIndex: number;
-    }>>;
+    } | null>>;
 };
 export declare function WakaRadarScore({ axes, datasets, size, levels, maxValue, showGrid, showLabels, showPoints, showTooltip, animated, animationDuration, className, legendPosition, gridColor, axisColor, labelColor, }: WakaRadarScoreProps): import("react/jsx-runtime").JSX.Element;
 export interface WakaRadarScoreSimpleProps extends Omit<WakaRadarScoreProps, "datasets" | "axes"> {

package/dist/components/waka-radar-score/index.es.js

@@ -0,0 +1,213 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/waka-radar-score/index.tsx
+function i(e) {
+	let [n, r] = t.useState(null), [i, a] = t.useState(null);
+	return {
+		activeDataset: n,
+		setActiveDataset: r,
+		hoveredPoint: i,
+		setHoveredPoint: a
+	};
+}
+function a({ axes: i, datasets: a, size: o = 300, levels: s = 5, maxValue: c = 100, showGrid: l = !0, showLabels: u = !0, showPoints: d = !0, showTooltip: f = !0, animated: p = !0, animationDuration: m = 1e3, className: h, legendPosition: g = "bottom", gridColor: _ = "currentColor", axisColor: v = "currentColor", labelColor: y = "currentColor" }) {
+	let [b, x] = t.useState(!p), [S, C] = t.useState(null), [w, T] = t.useState(null), E = t.useRef(null);
+	t.useEffect(() => {
+		if (p) {
+			let e = setTimeout(() => {
+				x(!0);
+			}, 50);
+			return () => clearTimeout(e);
+		}
+	}, [p]);
+	let D = i.length, O = 2 * Math.PI / D, k = o / 2, A = o / 2, j = o * .35, M = (e, t, n = c) => {
+		let r = e * O - Math.PI / 2, i = t / n * j;
+		return {
+			x: k + i * Math.cos(r),
+			y: A + i * Math.sin(r)
+		};
+	}, N = (e, t = 1) => e.map((e, n) => {
+		let r = M(n, e * t);
+		return `${n === 0 ? "M" : "L"} ${r.x} ${r.y}`;
+	}).join(" ") + " Z", P = (e) => {
+		let t = e / s * j;
+		return Array.from({ length: D }).map((e, n) => {
+			let r = n * O - Math.PI / 2, i = k + t * Math.cos(r), a = A + t * Math.sin(r);
+			return `${n === 0 ? "M" : "L"} ${i} ${a}`;
+		}).join(" ") + " Z";
+	}, F = [
+		"hsl(var(--chart-1))",
+		"hsl(var(--chart-2))",
+		"hsl(var(--chart-3))",
+		"hsl(var(--chart-4))",
+		"hsl(var(--chart-5))",
+		"hsl(var(--primary))"
+	], I = (e, t) => t.color || F[e % F.length], L = (e, t, n, r, i) => {
+		let a = M(n, r);
+		C({
+			datasetId: t,
+			axisIndex: n,
+			x: a.x,
+			y: a.y,
+			value: r,
+			label: i
+		});
+	}, R = () => g === "none" ? null : /* @__PURE__ */ n("div", {
+		className: e("flex gap-4 flex-wrap", (g === "left" || g === "right") && "flex-col"),
+		children: a.map((t, i) => /* @__PURE__ */ r("button", {
+			type: "button",
+			className: e("flex items-center gap-2 text-sm transition-opacity duration-200", "hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary rounded px-1", w && w !== t.id && "opacity-50"),
+			onMouseEnter: () => T(t.id),
+			onMouseLeave: () => T(null),
+			children: [/* @__PURE__ */ n("span", {
+				className: "w-3 h-3 rounded-full",
+				style: { backgroundColor: I(i, t) }
+			}), /* @__PURE__ */ n("span", {
+				className: "text-muted-foreground",
+				children: t.label
+			})]
+		}, t.id))
+	});
+	return /* @__PURE__ */ r("div", {
+		className: e("inline-flex flex-col items-center gap-4", g === "left" && "flex-row-reverse", g === "right" && "flex-row", h),
+		children: [
+			g === "top" && R(),
+			g === "left" && R(),
+			/* @__PURE__ */ r("div", {
+				className: "relative",
+				style: {
+					width: o,
+					height: o
+				},
+				children: [/* @__PURE__ */ r("svg", {
+					ref: E,
+					width: o,
+					height: o,
+					viewBox: `0 0 ${o} ${o}`,
+					className: "overflow-visible",
+					"aria-hidden": "true",
+					focusable: "false",
+					children: [
+						l && Array.from({ length: s }).map((e, t) => /* @__PURE__ */ n("path", {
+							d: P(t + 1),
+							fill: "none",
+							stroke: _,
+							strokeWidth: "1",
+							className: "opacity-20"
+						}, `grid-${t}`)),
+						i.map((e, t) => {
+							let r = t * O - Math.PI / 2;
+							return /* @__PURE__ */ n("line", {
+								x1: k,
+								y1: A,
+								x2: k + j * Math.cos(r),
+								y2: A + j * Math.sin(r),
+								stroke: v,
+								strokeWidth: "1",
+								className: "opacity-30"
+							}, `axis-${t}`);
+						}),
+						a.map((t, a) => {
+							let o = I(a, t);
+							return /* @__PURE__ */ r("g", {
+								className: e("transition-opacity duration-200", !(!w || w === t.id) && "opacity-30"),
+								children: [/* @__PURE__ */ n("path", {
+									d: N(t.data, +!!b),
+									fill: o,
+									fillOpacity: t.fillOpacity ?? .2,
+									stroke: o,
+									strokeWidth: t.strokeWidth ?? 2,
+									strokeLinejoin: "round",
+									className: e(p && "transition-all ease-out"),
+									style: { transitionDuration: `${m}ms` }
+								}), d && t.data.map((r, a) => {
+									let s = M(a, b ? r : 0), c = S?.datasetId === t.id && S?.axisIndex === a;
+									return /* @__PURE__ */ n("circle", {
+										cx: s.x,
+										cy: s.y,
+										r: c ? 6 : 4,
+										fill: o,
+										stroke: "white",
+										strokeWidth: "2",
+										className: e("cursor-pointer transition-all duration-200", p && "transition-all ease-out"),
+										style: { transitionDuration: p ? `${m}ms` : "200ms" },
+										onMouseEnter: (e) => L(e, t.id, a, r, i[a]),
+										onMouseLeave: () => C(null)
+									}, `point-${a}`);
+								})]
+							}, t.id);
+						}),
+						u && i.map((e, t) => {
+							let r = t * O - Math.PI / 2, i = k + (j + 25) * Math.cos(r), a = A + (j + 25) * Math.sin(r), o = "middle", s = "0.35em", c = (r + Math.PI * 2) % (Math.PI * 2);
+							return c > Math.PI / 6 && c < 5 * Math.PI / 6 ? o = "start" : c > 7 * Math.PI / 6 && c < 11 * Math.PI / 6 && (o = "end"), c > Math.PI / 3 && c < 2 * Math.PI / 3 ? s = "0.85em" : c > 4 * Math.PI / 3 && c < 5 * Math.PI / 3 && (s = "-0.35em"), /* @__PURE__ */ n("text", {
+								x: i,
+								y: a,
+								textAnchor: o,
+								dy: s,
+								fill: y,
+								className: "text-xs font-medium opacity-70",
+								children: e
+							}, `label-${t}`);
+						})
+					]
+				}), f && S && /* @__PURE__ */ r("div", {
+					className: e("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"),
+					style: {
+						left: S.x,
+						top: S.y - 35,
+						transform: "translateX(-50%)"
+					},
+					children: [
+						/* @__PURE__ */ n("div", {
+							className: "font-semibold",
+							children: S.label
+						}),
+						/* @__PURE__ */ n("div", { children: S.value.toFixed(1) }),
+						/* @__PURE__ */ n("div", { className: "absolute left-1/2 -translate-x-1/2 -bottom-1 w-2 h-2 rotate-45 bg-foreground" })
+					]
+				})]
+			}),
+			g === "bottom" && R(),
+			g === "right" && R()
+		]
+	});
+}
+function o({ data: e, color: t = "hsl(var(--chart-1))", fillOpacity: r = .2, ...i }) {
+	let o = e.map((e) => e.label), s = e.map((e) => e.value), c = Math.max(...e.map((e) => e.max ?? 100));
+	return /* @__PURE__ */ n(a, {
+		axes: o,
+		datasets: [{
+			id: "main",
+			label: "Score",
+			data: s,
+			color: t,
+			fillOpacity: r
+		}],
+		maxValue: c,
+		legendPosition: "none",
+		...i
+	});
+}
+function s({ dataA: e, dataB: t, ...r }) {
+	return /* @__PURE__ */ n(a, {
+		datasets: [{
+			id: "a",
+			label: e.label,
+			data: e.data,
+			color: e.color || "hsl(var(--chart-1))",
+			fillOpacity: .15
+		}, {
+			id: "b",
+			label: t.label,
+			data: t.data,
+			color: t.color || "hsl(var(--chart-2))",
+			fillOpacity: .15
+		}],
+		...r
+	});
+}
+//#endregion
+export { s as WakaRadarScoreCompare, o as WakaRadarScoreSimple, a as default, i as useRadarScore };