@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-charts/WakaAreaChart.es.js

@@ -0,0 +1,146 @@
+"use client";
+"use client";
+import e from "./hooks/useChartTheme.es.js";
+import t from "./WakaChart.es.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-charts/WakaAreaChart.tsx
+var a = n.forwardRef(({ data: a, dataKeys: o, series: s, variant: c = "default", size: l = "md", height: u, width: d, animation: f = !0, animationDuration: p = 500, grid: m = !0, tooltip: h = !0, legend: g, axis: _, theme: v, className: y, style: b, title: x, description: S, loading: C, error: w, onClick: T, responsive: E = !0, curve: D = "monotone", dots: O = !1, dotSize: k = 4, activeDot: A = !0, strokeWidth: j = 2, stacked: M = !1, fillOpacity: N = .3, gradientDirection: P = "vertical" }, F) => {
+	let { theme: I, getColor: L, tooltipStyles: R } = e(v, c), z = n.useMemo(() => {
+		if (s && s.length > 0) return s;
+		if (o && o.length > 0) return o.map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: L(t),
+			strokeWidth: j,
+			fillOpacity: N
+		}));
+		if (a.length > 0 && "value" in a[0]) return [{
+			dataKey: "value",
+			label: "Value",
+			color: L(0),
+			strokeWidth: j,
+			fillOpacity: N
+		}];
+		let e = a[0];
+		return e ? Object.keys(e).filter((t) => t !== "name" && typeof e[t] == "number").map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: L(t),
+			strokeWidth: j,
+			fillOpacity: N
+		})) : [];
+	}, [
+		s,
+		o,
+		a,
+		L,
+		j,
+		N
+	]), B = n.useMemo(() => g ? typeof g == "boolean" ? {
+		enabled: g,
+		position: "bottom",
+		align: "center"
+	} : g : null, [g]), V = n.useMemo(() => h ? typeof h == "boolean" ? { enabled: h } : h : null, [h]);
+	return /* @__PURE__ */ r(t, {
+		ref: F,
+		variant: c,
+		size: l,
+		height: u,
+		width: d,
+		theme: v,
+		className: y,
+		style: b,
+		title: x,
+		description: S,
+		loading: C,
+		error: w,
+		responsive: E,
+		children: (e) => {
+			if (!e) return null;
+			let { AreaChart: t, Area: n, XAxis: o, YAxis: s, CartesianGrid: c, Tooltip: l, Legend: u } = e;
+			return /* @__PURE__ */ i(t, {
+				data: a,
+				children: [
+					/* @__PURE__ */ r("defs", { children: z.map((e, t) => {
+						let n = e.color || L(t), a = `gradient-${e.dataKey}-${t}`;
+						return /* @__PURE__ */ i("linearGradient", {
+							id: a,
+							x1: "0",
+							y1: "0",
+							x2: P === "horizontal" ? "1" : "0",
+							y2: P === "horizontal" ? "0" : "1",
+							children: [/* @__PURE__ */ r("stop", {
+								offset: "5%",
+								stopColor: n,
+								stopOpacity: .8
+							}), /* @__PURE__ */ r("stop", {
+								offset: "95%",
+								stopColor: n,
+								stopOpacity: .1
+							})]
+						}, a);
+					}) }),
+					m && /* @__PURE__ */ r(c, {
+						strokeDasharray: "3 3",
+						stroke: I.gridColor,
+						horizontal: !0,
+						vertical: !1
+					}),
+					_?.showXAxis !== !1 && /* @__PURE__ */ r(o, {
+						dataKey: "name",
+						axisLine: { stroke: I.axisColor },
+						tickLine: { stroke: I.axisColor },
+						tick: {
+							fill: I.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.xAxisFormatter
+					}),
+					_?.showYAxis !== !1 && /* @__PURE__ */ r(s, {
+						axisLine: { stroke: I.axisColor },
+						tickLine: { stroke: I.axisColor },
+						tick: {
+							fill: I.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.yAxisFormatter,
+						domain: _?.yAxisDomain,
+						unit: _?.yAxisUnit
+					}),
+					V?.enabled !== !1 && h && /* @__PURE__ */ r(l, {
+						...R,
+						formatter: V && typeof V != "boolean" && V.formatter ? (e, t) => V.formatter(e, t, a[0]) : (e) => `${V && typeof V != "boolean" && V.valuePrefix || ""}${e}${V && typeof V != "boolean" && V.valueSuffix || ""}`
+					}),
+					B?.enabled && /* @__PURE__ */ r(u, {
+						align: B.align,
+						verticalAlign: B.position === "top" ? "top" : "bottom",
+						wrapperStyle: { paddingTop: B.position === "bottom" ? 16 : 0 }
+					}),
+					z.map((e, t) => {
+						let i = e.color || L(t), a = `gradient-${e.dataKey}-${t}`;
+						return /* @__PURE__ */ r(n, {
+							dataKey: e.dataKey,
+							name: e.label,
+							stroke: i,
+							strokeWidth: e.strokeWidth || j,
+							fill: `url(#${a})`,
+							fillOpacity: e.fillOpacity ?? N,
+							type: D,
+							dot: O ? {
+								r: k,
+								fill: i
+							} : !1,
+							stackId: M ? "stack" : void 0,
+							animationDuration: p,
+							isAnimationActive: f
+						}, e.dataKey);
+					})
+				]
+			});
+		}
+	});
+});
+a.displayName = "WakaAreaChart";
+//#endregion
+export { a as default };

package/dist/components/waka-charts/WakaBarChart.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`./hooks/useChartTheme.cjs.js`),n=require(`./WakaChart.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({data:e,dataKeys:a,series:o,variant:s=`default`,size:c=`md`,height:l,width:u,animation:d=!0,animationDuration:f=500,grid:p=!0,tooltip:m=!0,legend:h,axis:g,theme:_,className:v,style:y,title:b,description:x,loading:S,error:C,onClick:w,responsive:T=!0,layout:E=`vertical`,stacked:D=!1,radius:O=4,barSize:k,barGap:A=4,barCategoryGap:j=`20%`},M)=>{let{theme:N,getColor:P,tooltipStyles:F}=t.default(_,s),I=r.useMemo(()=>{if(o&&o.length>0)return o;if(a&&a.length>0)return a.map((e,t)=>({dataKey:e,label:e,color:P(t)}));if(e.length>0&&`value`in e[0])return[{dataKey:`value`,label:`Value`,color:P(0)}];let t=e[0];return t?Object.keys(t).filter(e=>e!==`name`&&typeof t[e]==`number`).map((e,t)=>({dataKey:e,label:e,color:P(t)})):[]},[o,a,e,P]),L=r.useMemo(()=>h?typeof h==`boolean`?{enabled:h,position:`bottom`,align:`center`}:h:null,[h]),R=r.useMemo(()=>m?typeof m==`boolean`?{enabled:m}:m:null,[m]);return(0,i.jsx)(n.default,{ref:M,variant:s,size:c,height:l,width:u,theme:_,className:v,style:y,title:b,description:x,loading:S,error:C,responsive:T,children:t=>{if(!t)return null;let{BarChart:n,Bar:r,XAxis:a,YAxis:o,CartesianGrid:s,Tooltip:c,Legend:l}=t;return(0,i.jsxs)(n,{data:e,layout:E===`horizontal`?`vertical`:`horizontal`,barGap:A,barCategoryGap:j,children:[p&&(0,i.jsx)(s,{strokeDasharray:`3 3`,stroke:N.gridColor,horizontal:!0,vertical:!1}),g?.showXAxis!==!1&&(0,i.jsx)(a,{dataKey:`name`,axisLine:{stroke:N.axisColor},tickLine:{stroke:N.axisColor},tick:{fill:N.textColor,fontSize:12},tickFormatter:g?.xAxisFormatter}),g?.showYAxis!==!1&&(0,i.jsx)(o,{axisLine:{stroke:N.axisColor},tickLine:{stroke:N.axisColor},tick:{fill:N.textColor,fontSize:12},tickFormatter:g?.yAxisFormatter,domain:g?.yAxisDomain,unit:g?.yAxisUnit}),R?.enabled!==!1&&m&&(0,i.jsx)(c,{...F,formatter:R&&typeof R!=`boolean`&&R.formatter?(t,n)=>R.formatter(t,n,e[0]):e=>`${R&&typeof R!=`boolean`&&R.valuePrefix||``}${e}${R&&typeof R!=`boolean`&&R.valueSuffix||``}`}),L?.enabled&&(0,i.jsx)(l,{align:L.align,verticalAlign:L.position===`top`?`top`:`bottom`,wrapperStyle:{paddingTop:L.position===`bottom`?16:0}}),I.map((e,t)=>(0,i.jsx)(r,{dataKey:e.dataKey,name:e.label,fill:e.color||P(t),radius:O,stackId:D?`stack`:void 0,barSize:k,animationDuration:f,isAnimationActive:d},e.dataKey))]})}})});a.displayName=`WakaBarChart`,exports.default=a;

package/dist/components/waka-charts/WakaBarChart.es.js

@@ -0,0 +1,113 @@
+"use client";
+"use client";
+import e from "./hooks/useChartTheme.es.js";
+import t from "./WakaChart.es.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-charts/WakaBarChart.tsx
+var a = n.forwardRef(({ data: a, dataKeys: o, series: s, variant: c = "default", size: l = "md", height: u, width: d, animation: f = !0, animationDuration: p = 500, grid: m = !0, tooltip: h = !0, legend: g, axis: _, theme: v, className: y, style: b, title: x, description: S, loading: C, error: w, onClick: T, responsive: E = !0, layout: D = "vertical", stacked: O = !1, radius: k = 4, barSize: A, barGap: j = 4, barCategoryGap: M = "20%" }, N) => {
+	let { theme: P, getColor: F, tooltipStyles: I } = e(v, c), L = n.useMemo(() => {
+		if (s && s.length > 0) return s;
+		if (o && o.length > 0) return o.map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: F(t)
+		}));
+		if (a.length > 0 && "value" in a[0]) return [{
+			dataKey: "value",
+			label: "Value",
+			color: F(0)
+		}];
+		let e = a[0];
+		return e ? Object.keys(e).filter((t) => t !== "name" && typeof e[t] == "number").map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: F(t)
+		})) : [];
+	}, [
+		s,
+		o,
+		a,
+		F
+	]), R = n.useMemo(() => g ? typeof g == "boolean" ? {
+		enabled: g,
+		position: "bottom",
+		align: "center"
+	} : g : null, [g]), z = n.useMemo(() => h ? typeof h == "boolean" ? { enabled: h } : h : null, [h]);
+	return /* @__PURE__ */ r(t, {
+		ref: N,
+		variant: c,
+		size: l,
+		height: u,
+		width: d,
+		theme: v,
+		className: y,
+		style: b,
+		title: x,
+		description: S,
+		loading: C,
+		error: w,
+		responsive: E,
+		children: (e) => {
+			if (!e) return null;
+			let { BarChart: t, Bar: n, XAxis: o, YAxis: s, CartesianGrid: c, Tooltip: l, Legend: u } = e;
+			return /* @__PURE__ */ i(t, {
+				data: a,
+				layout: D === "horizontal" ? "vertical" : "horizontal",
+				barGap: j,
+				barCategoryGap: M,
+				children: [
+					m && /* @__PURE__ */ r(c, {
+						strokeDasharray: "3 3",
+						stroke: P.gridColor,
+						horizontal: !0,
+						vertical: !1
+					}),
+					_?.showXAxis !== !1 && /* @__PURE__ */ r(o, {
+						dataKey: "name",
+						axisLine: { stroke: P.axisColor },
+						tickLine: { stroke: P.axisColor },
+						tick: {
+							fill: P.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.xAxisFormatter
+					}),
+					_?.showYAxis !== !1 && /* @__PURE__ */ r(s, {
+						axisLine: { stroke: P.axisColor },
+						tickLine: { stroke: P.axisColor },
+						tick: {
+							fill: P.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.yAxisFormatter,
+						domain: _?.yAxisDomain,
+						unit: _?.yAxisUnit
+					}),
+					z?.enabled !== !1 && h && /* @__PURE__ */ r(l, {
+						...I,
+						formatter: z && typeof z != "boolean" && z.formatter ? (e, t) => z.formatter(e, t, a[0]) : (e) => `${z && typeof z != "boolean" && z.valuePrefix || ""}${e}${z && typeof z != "boolean" && z.valueSuffix || ""}`
+					}),
+					R?.enabled && /* @__PURE__ */ r(u, {
+						align: R.align,
+						verticalAlign: R.position === "top" ? "top" : "bottom",
+						wrapperStyle: { paddingTop: R.position === "bottom" ? 16 : 0 }
+					}),
+					L.map((e, t) => /* @__PURE__ */ r(n, {
+						dataKey: e.dataKey,
+						name: e.label,
+						fill: e.color || F(t),
+						radius: k,
+						stackId: O ? "stack" : void 0,
+						barSize: A,
+						animationDuration: p,
+						isAnimationActive: f
+					}, e.dataKey))
+				]
+			});
+		}
+	});
+});
+a.displayName = "WakaBarChart";
+//#endregion
+export { a as default };

package/dist/components/waka-charts/WakaChart.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(`../skeleton/index.cjs.js`),r=require(`./hooks/useRechartsLoader.cjs.js`),i=require(`./hooks/useChartTheme.cjs.js`);let a=require(`react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);var s={sm:{width:`100%`,height:150},md:{width:`100%`,height:250},lg:{width:`100%`,height:350},xl:{width:`100%`,height:450},auto:{width:`100%`,height:300}},c=a.forwardRef(({children:e,variant:a=`default`,size:c=`md`,height:u,width:d,theme:f,className:p,style:m,title:h,description:g,loading:_,error:v,responsive:y=!0},b)=>{let{components:x,loading:S,error:C,isAvailable:w}=r.default(),{containerClasses:T}=i.default(f,a),E=_||S,D=v||(C?`Recharts non disponible. Installez recharts pour utiliser les graphiques.`:null),O=s[c],k=d??O.width,A=u??O.height;if(E)return(0,o.jsxs)(`div`,{ref:b,className:t.cn(T,p),style:m,children:[h&&(0,o.jsx)(l,{title:h,description:g}),(0,o.jsx)(n.Skeleton,{className:`w-full`,style:{height:A}})]});if(D||!w)return(0,o.jsxs)(`div`,{ref:b,className:t.cn(T,p),style:m,children:[h&&(0,o.jsx)(l,{title:h,description:g}),(0,o.jsx)(`div`,{className:`flex items-center justify-center text-muted-foreground text-sm border border-dashed border-border rounded-lg`,style:{height:A},children:(0,o.jsxs)(`div`,{className:`text-center p-4`,children:[(0,o.jsx)(`p`,{children:D||`Graphique non disponible`}),(0,o.jsx)(`p`,{className:`text-xs mt-1`,children:`Installez recharts: pnpm add recharts`})]})})]});let{ResponsiveContainer:j}=x;return(0,o.jsxs)(`div`,{ref:b,className:t.cn(T,p),style:m,children:[h&&(0,o.jsx)(l,{title:h,description:g}),y?(0,o.jsx)(j,{width:k,height:A,children:e(x)}):(0,o.jsx)(`div`,{style:{width:k,height:A},children:e(x)})]})});c.displayName=`WakaChart`;function l({title:e,description:t}){return(0,o.jsxs)(`div`,{className:`mb-4`,children:[(0,o.jsx)(`h3`,{className:`text-lg font-semibold`,children:e}),t&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:t})]})}exports.default=c;

package/dist/components/waka-charts/WakaChart.es.js

@@ -0,0 +1,99 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Skeleton as t } from "../skeleton/index.es.js";
+import n from "./hooks/useRechartsLoader.es.js";
+import r from "./hooks/useChartTheme.es.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/waka-charts/WakaChart.tsx
+var s = {
+	sm: {
+		width: "100%",
+		height: 150
+	},
+	md: {
+		width: "100%",
+		height: 250
+	},
+	lg: {
+		width: "100%",
+		height: 350
+	},
+	xl: {
+		width: "100%",
+		height: 450
+	},
+	auto: {
+		width: "100%",
+		height: 300
+	}
+}, c = i.forwardRef(({ children: i, variant: c = "default", size: u = "md", height: d, width: f, theme: p, className: m, style: h, title: g, description: _, loading: v, error: y, responsive: b = !0 }, x) => {
+	let { components: S, loading: C, error: w, isAvailable: T } = n(), { containerClasses: E } = r(p, c), D = v || C, O = y || (w ? "Recharts non disponible. Installez recharts pour utiliser les graphiques." : null), k = s[u], A = f ?? k.width, j = d ?? k.height;
+	if (D) return /* @__PURE__ */ o("div", {
+		ref: x,
+		className: e(E, m),
+		style: h,
+		children: [g && /* @__PURE__ */ a(l, {
+			title: g,
+			description: _
+		}), /* @__PURE__ */ a(t, {
+			className: "w-full",
+			style: { height: j }
+		})]
+	});
+	if (O || !T) return /* @__PURE__ */ o("div", {
+		ref: x,
+		className: e(E, m),
+		style: h,
+		children: [g && /* @__PURE__ */ a(l, {
+			title: g,
+			description: _
+		}), /* @__PURE__ */ a("div", {
+			className: "flex items-center justify-center text-muted-foreground text-sm border border-dashed border-border rounded-lg",
+			style: { height: j },
+			children: /* @__PURE__ */ o("div", {
+				className: "text-center p-4",
+				children: [/* @__PURE__ */ a("p", { children: O || "Graphique non disponible" }), /* @__PURE__ */ a("p", {
+					className: "text-xs mt-1",
+					children: "Installez recharts: pnpm add recharts"
+				})]
+			})
+		})]
+	});
+	let { ResponsiveContainer: M } = S;
+	return /* @__PURE__ */ o("div", {
+		ref: x,
+		className: e(E, m),
+		style: h,
+		children: [g && /* @__PURE__ */ a(l, {
+			title: g,
+			description: _
+		}), b ? /* @__PURE__ */ a(M, {
+			width: A,
+			height: j,
+			children: i(S)
+		}) : /* @__PURE__ */ a("div", {
+			style: {
+				width: A,
+				height: j
+			},
+			children: i(S)
+		})]
+	});
+});
+c.displayName = "WakaChart";
+function l({ title: e, description: t }) {
+	return /* @__PURE__ */ o("div", {
+		className: "mb-4",
+		children: [/* @__PURE__ */ a("h3", {
+			className: "text-lg font-semibold",
+			children: e
+		}), t && /* @__PURE__ */ a("p", {
+			className: "text-sm text-muted-foreground",
+			children: t
+		})]
+	});
+}
+//#endregion
+export { c as default };

package/dist/components/waka-charts/WakaLineChart.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`./hooks/useChartTheme.cjs.js`),n=require(`./WakaChart.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({data:e,dataKeys:a,series:o,variant:s=`default`,size:c=`md`,height:l,width:u,animation:d=!0,animationDuration:f=500,grid:p=!0,tooltip:m=!0,legend:h,axis:g,theme:_,className:v,style:y,title:b,description:x,loading:S,error:C,onClick:w,responsive:T=!0,curve:E=`monotone`,dots:D=!0,dotSize:O=4,activeDot:k=!0,strokeWidth:A=2},j)=>{let{theme:M,getColor:N,tooltipStyles:P}=t.default(_,s),F=r.useMemo(()=>{if(o&&o.length>0)return o;if(a&&a.length>0)return a.map((e,t)=>({dataKey:e,label:e,color:N(t),strokeWidth:A}));if(e.length>0&&`value`in e[0])return[{dataKey:`value`,label:`Value`,color:N(0),strokeWidth:A}];let t=e[0];return t?Object.keys(t).filter(e=>e!==`name`&&typeof t[e]==`number`).map((e,t)=>({dataKey:e,label:e,color:N(t),strokeWidth:A})):[]},[o,a,e,N,A]),I=r.useMemo(()=>h?typeof h==`boolean`?{enabled:h,position:`bottom`,align:`center`}:h:null,[h]),L=r.useMemo(()=>m?typeof m==`boolean`?{enabled:m}:m:null,[m]);return(0,i.jsx)(n.default,{ref:j,variant:s,size:c,height:l,width:u,theme:_,className:v,style:y,title:b,description:x,loading:S,error:C,responsive:T,children:t=>{if(!t)return null;let{LineChart:n,Line:r,XAxis:a,YAxis:o,CartesianGrid:s,Tooltip:c,Legend:l}=t;return(0,i.jsxs)(n,{data:e,children:[p&&(0,i.jsx)(s,{strokeDasharray:`3 3`,stroke:M.gridColor,horizontal:!0,vertical:!1}),g?.showXAxis!==!1&&(0,i.jsx)(a,{dataKey:`name`,axisLine:{stroke:M.axisColor},tickLine:{stroke:M.axisColor},tick:{fill:M.textColor,fontSize:12},tickFormatter:g?.xAxisFormatter}),g?.showYAxis!==!1&&(0,i.jsx)(o,{axisLine:{stroke:M.axisColor},tickLine:{stroke:M.axisColor},tick:{fill:M.textColor,fontSize:12},tickFormatter:g?.yAxisFormatter,domain:g?.yAxisDomain,unit:g?.yAxisUnit}),L?.enabled!==!1&&m&&(0,i.jsx)(c,{...P,formatter:L&&typeof L!=`boolean`&&L.formatter?(t,n)=>L.formatter(t,n,e[0]):e=>`${L&&typeof L!=`boolean`&&L.valuePrefix||``}${e}${L&&typeof L!=`boolean`&&L.valueSuffix||``}`}),I?.enabled&&(0,i.jsx)(l,{align:I.align,verticalAlign:I.position===`top`?`top`:`bottom`,wrapperStyle:{paddingTop:I.position===`bottom`?16:0}}),F.map((e,t)=>(0,i.jsx)(r,{dataKey:e.dataKey,name:e.label,stroke:e.color||N(t),strokeWidth:e.strokeWidth||A,strokeDasharray:e.strokeDasharray,type:E,dot:D?{r:O,fill:e.color||N(t)}:!1,activeDot:k?{r:O+2}:!1,animationDuration:f,isAnimationActive:d},e.dataKey))]})}})});a.displayName=`WakaLineChart`,exports.default=a;

package/dist/components/waka-charts/WakaLineChart.es.js

@@ -0,0 +1,119 @@
+"use client";
+"use client";
+import e from "./hooks/useChartTheme.es.js";
+import t from "./WakaChart.es.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-charts/WakaLineChart.tsx
+var a = n.forwardRef(({ data: a, dataKeys: o, series: s, variant: c = "default", size: l = "md", height: u, width: d, animation: f = !0, animationDuration: p = 500, grid: m = !0, tooltip: h = !0, legend: g, axis: _, theme: v, className: y, style: b, title: x, description: S, loading: C, error: w, onClick: T, responsive: E = !0, curve: D = "monotone", dots: O = !0, dotSize: k = 4, activeDot: A = !0, strokeWidth: j = 2 }, M) => {
+	let { theme: N, getColor: P, tooltipStyles: F } = e(v, c), I = n.useMemo(() => {
+		if (s && s.length > 0) return s;
+		if (o && o.length > 0) return o.map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: P(t),
+			strokeWidth: j
+		}));
+		if (a.length > 0 && "value" in a[0]) return [{
+			dataKey: "value",
+			label: "Value",
+			color: P(0),
+			strokeWidth: j
+		}];
+		let e = a[0];
+		return e ? Object.keys(e).filter((t) => t !== "name" && typeof e[t] == "number").map((e, t) => ({
+			dataKey: e,
+			label: e,
+			color: P(t),
+			strokeWidth: j
+		})) : [];
+	}, [
+		s,
+		o,
+		a,
+		P,
+		j
+	]), L = n.useMemo(() => g ? typeof g == "boolean" ? {
+		enabled: g,
+		position: "bottom",
+		align: "center"
+	} : g : null, [g]), R = n.useMemo(() => h ? typeof h == "boolean" ? { enabled: h } : h : null, [h]);
+	return /* @__PURE__ */ r(t, {
+		ref: M,
+		variant: c,
+		size: l,
+		height: u,
+		width: d,
+		theme: v,
+		className: y,
+		style: b,
+		title: x,
+		description: S,
+		loading: C,
+		error: w,
+		responsive: E,
+		children: (e) => {
+			if (!e) return null;
+			let { LineChart: t, Line: n, XAxis: o, YAxis: s, CartesianGrid: c, Tooltip: l, Legend: u } = e;
+			return /* @__PURE__ */ i(t, {
+				data: a,
+				children: [
+					m && /* @__PURE__ */ r(c, {
+						strokeDasharray: "3 3",
+						stroke: N.gridColor,
+						horizontal: !0,
+						vertical: !1
+					}),
+					_?.showXAxis !== !1 && /* @__PURE__ */ r(o, {
+						dataKey: "name",
+						axisLine: { stroke: N.axisColor },
+						tickLine: { stroke: N.axisColor },
+						tick: {
+							fill: N.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.xAxisFormatter
+					}),
+					_?.showYAxis !== !1 && /* @__PURE__ */ r(s, {
+						axisLine: { stroke: N.axisColor },
+						tickLine: { stroke: N.axisColor },
+						tick: {
+							fill: N.textColor,
+							fontSize: 12
+						},
+						tickFormatter: _?.yAxisFormatter,
+						domain: _?.yAxisDomain,
+						unit: _?.yAxisUnit
+					}),
+					R?.enabled !== !1 && h && /* @__PURE__ */ r(l, {
+						...F,
+						formatter: R && typeof R != "boolean" && R.formatter ? (e, t) => R.formatter(e, t, a[0]) : (e) => `${R && typeof R != "boolean" && R.valuePrefix || ""}${e}${R && typeof R != "boolean" && R.valueSuffix || ""}`
+					}),
+					L?.enabled && /* @__PURE__ */ r(u, {
+						align: L.align,
+						verticalAlign: L.position === "top" ? "top" : "bottom",
+						wrapperStyle: { paddingTop: L.position === "bottom" ? 16 : 0 }
+					}),
+					I.map((e, t) => /* @__PURE__ */ r(n, {
+						dataKey: e.dataKey,
+						name: e.label,
+						stroke: e.color || P(t),
+						strokeWidth: e.strokeWidth || j,
+						strokeDasharray: e.strokeDasharray,
+						type: D,
+						dot: O ? {
+							r: k,
+							fill: e.color || P(t)
+						} : !1,
+						activeDot: A ? { r: k + 2 } : !1,
+						animationDuration: p,
+						isAnimationActive: f
+					}, e.dataKey))
+				]
+			});
+		}
+	});
+});
+a.displayName = "WakaLineChart";
+//#endregion
+export { a as default };

package/dist/components/waka-charts/WakaMiniChart.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(`./WakaSparkline.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);var o=r.forwardRef(({data:e,type:o=`sparkline`,width:s=80,height:c=24,color:l,showTrend:u=!0,valueFormatter:d,className:f},p)=>{let m=r.useMemo(()=>!e||e.length===0?[]:typeof e[0]==`number`?e:e.map(e=>{let t=e.value??Object.values(e).find(e=>typeof e==`number`);return typeof t==`number`?t:0}),[e]),{trend:h,trendPercent:g,currentValue:_}=r.useMemo(()=>{if(m.length<2)return{trend:`neutral`,trendPercent:0,currentValue:m[0]??0};let e=m[0],t=m[m.length-1],n=t-e,r=e===0?0:n/e*100;return{trend:n>0?`up`:n<0?`down`:`neutral`,trendPercent:r,currentValue:t}},[m]),v=r.useMemo(()=>l||(h===`up`?`hsl(var(--chart-2, 142 76% 36%))`:h===`down`?`hsl(var(--destructive, 0 84% 60%))`:`hsl(var(--muted-foreground, 220 9% 46%))`),[l,h]);return m.length===0?(0,a.jsx)(`div`,{ref:p,className:t.cn(`flex items-center gap-1 text-muted-foreground`,f),children:(0,a.jsx)(i.Minus,{className:`h-3 w-3`})}):(d?d(_):_.toLocaleString(),(0,a.jsxs)(`div`,{ref:p,className:t.cn(`flex items-center gap-2`,f),children:[(0,a.jsx)(n.default,{data:m,type:o===`sparkline`?`line`:o,width:s,height:c,color:v,animation:!1}),u&&(0,a.jsxs)(`div`,{className:`flex items-center gap-1`,children:[h===`up`&&(0,a.jsx)(i.TrendingUp,{className:`h-3 w-3 text-green-600 dark:text-green-400`}),h===`down`&&(0,a.jsx)(i.TrendingDown,{className:`h-3 w-3 text-red-600 dark:text-red-400`}),h===`neutral`&&(0,a.jsx)(i.Minus,{className:`h-3 w-3 text-muted-foreground`}),(0,a.jsxs)(`span`,{className:t.cn(`text-xs font-medium`,h===`up`&&`text-green-600 dark:text-green-400`,h===`down`&&`text-red-600 dark:text-red-400`,h===`neutral`&&`text-muted-foreground`),children:[h!==`neutral`&&(g>0?`+`:``),g.toFixed(1),`%`]})]})]}))});o.displayName=`WakaMiniChart`,exports.default=o;

package/dist/components/waka-charts/WakaMiniChart.es.js

@@ -0,0 +1,60 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import t from "./WakaSparkline.es.js";
+import * as n from "react";
+import { Minus as r, TrendingDown as i, TrendingUp as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/waka-charts/WakaMiniChart.tsx
+var c = n.forwardRef(({ data: c, type: l = "sparkline", width: u = 80, height: d = 24, color: f, showTrend: p = !0, valueFormatter: m, className: h }, g) => {
+	let _ = n.useMemo(() => !c || c.length === 0 ? [] : typeof c[0] == "number" ? c : c.map((e) => {
+		let t = e.value ?? Object.values(e).find((e) => typeof e == "number");
+		return typeof t == "number" ? t : 0;
+	}), [c]), { trend: v, trendPercent: y, currentValue: b } = n.useMemo(() => {
+		if (_.length < 2) return {
+			trend: "neutral",
+			trendPercent: 0,
+			currentValue: _[0] ?? 0
+		};
+		let e = _[0], t = _[_.length - 1], n = t - e, r = e === 0 ? 0 : n / e * 100;
+		return {
+			trend: n > 0 ? "up" : n < 0 ? "down" : "neutral",
+			trendPercent: r,
+			currentValue: t
+		};
+	}, [_]), x = n.useMemo(() => f || (v === "up" ? "hsl(var(--chart-2, 142 76% 36%))" : v === "down" ? "hsl(var(--destructive, 0 84% 60%))" : "hsl(var(--muted-foreground, 220 9% 46%))"), [f, v]);
+	return _.length === 0 ? /* @__PURE__ */ o("div", {
+		ref: g,
+		className: e("flex items-center gap-1 text-muted-foreground", h),
+		children: /* @__PURE__ */ o(r, { className: "h-3 w-3" })
+	}) : (m ? m(b) : b.toLocaleString(), /* @__PURE__ */ s("div", {
+		ref: g,
+		className: e("flex items-center gap-2", h),
+		children: [/* @__PURE__ */ o(t, {
+			data: _,
+			type: l === "sparkline" ? "line" : l,
+			width: u,
+			height: d,
+			color: x,
+			animation: !1
+		}), p && /* @__PURE__ */ s("div", {
+			className: "flex items-center gap-1",
+			children: [
+				v === "up" && /* @__PURE__ */ o(a, { className: "h-3 w-3 text-green-600 dark:text-green-400" }),
+				v === "down" && /* @__PURE__ */ o(i, { className: "h-3 w-3 text-red-600 dark:text-red-400" }),
+				v === "neutral" && /* @__PURE__ */ o(r, { className: "h-3 w-3 text-muted-foreground" }),
+				/* @__PURE__ */ s("span", {
+					className: e("text-xs font-medium", v === "up" && "text-green-600 dark:text-green-400", v === "down" && "text-red-600 dark:text-red-400", v === "neutral" && "text-muted-foreground"),
+					children: [
+						v !== "neutral" && (y > 0 ? "+" : ""),
+						y.toFixed(1),
+						"%"
+					]
+				})
+			]
+		})]
+	}));
+});
+c.displayName = "WakaMiniChart";
+//#endregion
+export { c as default };

package/dist/components/waka-charts/WakaPieChart.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`./hooks/useChartTheme.cjs.js`),n=require(`./WakaChart.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({data:e,variant:a=`default`,size:o=`md`,height:s,width:c,animation:l=!0,animationDuration:u=500,tooltip:d=!0,legend:f=!0,theme:p,className:m,style:h,title:g,description:_,loading:v,error:y,onClick:b,responsive:x=!0,dataKey:S=`value`,nameKey:C=`name`,innerRadius:w=0,outerRadius:T=`80%`,startAngle:E=90,endAngle:D=-270,paddingAngle:O=2,label:k=!1,labelPosition:A=`outside`},j)=>{let{theme:M,getColor:N,tooltipStyles:P}=t.default(p,a),F=r.useMemo(()=>f?typeof f==`boolean`?{enabled:f,position:`bottom`,align:`center`}:f:null,[f]),I=r.useMemo(()=>d?typeof d==`boolean`?{enabled:d}:d:null,[d]),L=r.useCallback(e=>{if(!k)return null;let t=Math.PI/180,n=A===`inside`?e.innerRadius+(e.outerRadius-e.innerRadius)*.5:e.outerRadius*1.1,r=e.cx+n*Math.cos(-e.midAngle*t),a=e.cy+n*Math.sin(-e.midAngle*t),o=``;return o=k===`percent`?`${(e.percent*100).toFixed(0)}%`:k===`value`?String(e.value):k===`name`?e.name:`${(e.percent*100).toFixed(0)}%`,(0,i.jsx)(`text`,{x:r,y:a,fill:A===`inside`?`#fff`:M.textColor,textAnchor:r>e.cx?`start`:`end`,dominantBaseline:`central`,fontSize:12,children:o})},[k,A,M.textColor]);return(0,i.jsx)(n.default,{ref:j,variant:a,size:o,height:s,width:c,theme:p,className:m,style:h,title:g,description:_,loading:v,error:y,responsive:x,children:t=>{if(!t)return null;let{PieChart:n,Pie:r,Cell:a,Tooltip:o,Legend:s}=t;return(0,i.jsxs)(n,{children:[I?.enabled!==!1&&d&&(0,i.jsx)(o,{...P,formatter:I&&typeof I!=`boolean`&&I.formatter?(t,n)=>I.formatter(t,n,e[0]):e=>`${I&&typeof I!=`boolean`&&I.valuePrefix||``}${e}${I&&typeof I!=`boolean`&&I.valueSuffix||``}`}),F?.enabled&&(0,i.jsx)(s,{align:F.align,verticalAlign:F.position===`top`?`top`:`bottom`,layout:F.position===`left`||F.position===`right`?`vertical`:`horizontal`,wrapperStyle:{paddingTop:F.position===`bottom`?16:0}}),(0,i.jsx)(r,{data:e,dataKey:S,nameKey:C,cx:`50%`,cy:`50%`,innerRadius:w,outerRadius:T,startAngle:E,endAngle:D,paddingAngle:O,animationDuration:u,isAnimationActive:l,label:k?L:!1,labelLine:k&&A===`outside`,children:e.map((e,t)=>(0,i.jsx)(a,{fill:N(t),stroke:`transparent`},`cell-${t}`))})]})}})});a.displayName=`WakaPieChart`,exports.default=a;

package/dist/components/waka-charts/WakaPieChart.es.js

@@ -0,0 +1,84 @@
+"use client";
+"use client";
+import e from "./hooks/useChartTheme.es.js";
+import t from "./WakaChart.es.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-charts/WakaPieChart.tsx
+var a = n.forwardRef(({ data: a, variant: o = "default", size: s = "md", height: c, width: l, animation: u = !0, animationDuration: d = 500, tooltip: f = !0, legend: p = !0, theme: m, className: h, style: g, title: _, description: v, loading: y, error: b, onClick: x, responsive: S = !0, dataKey: C = "value", nameKey: w = "name", innerRadius: T = 0, outerRadius: E = "80%", startAngle: D = 90, endAngle: O = -270, paddingAngle: k = 2, label: A = !1, labelPosition: j = "outside" }, M) => {
+	let { theme: N, getColor: P, tooltipStyles: F } = e(m, o), I = n.useMemo(() => p ? typeof p == "boolean" ? {
+		enabled: p,
+		position: "bottom",
+		align: "center"
+	} : p : null, [p]), L = n.useMemo(() => f ? typeof f == "boolean" ? { enabled: f } : f : null, [f]), R = n.useCallback((e) => {
+		if (!A) return null;
+		let t = Math.PI / 180, n = j === "inside" ? e.innerRadius + (e.outerRadius - e.innerRadius) * .5 : e.outerRadius * 1.1, i = e.cx + n * Math.cos(-e.midAngle * t), a = e.cy + n * Math.sin(-e.midAngle * t), o = "";
+		return o = A === "percent" ? `${(e.percent * 100).toFixed(0)}%` : A === "value" ? String(e.value) : A === "name" ? e.name : `${(e.percent * 100).toFixed(0)}%`, /* @__PURE__ */ r("text", {
+			x: i,
+			y: a,
+			fill: j === "inside" ? "#fff" : N.textColor,
+			textAnchor: i > e.cx ? "start" : "end",
+			dominantBaseline: "central",
+			fontSize: 12,
+			children: o
+		});
+	}, [
+		A,
+		j,
+		N.textColor
+	]);
+	return /* @__PURE__ */ r(t, {
+		ref: M,
+		variant: o,
+		size: s,
+		height: c,
+		width: l,
+		theme: m,
+		className: h,
+		style: g,
+		title: _,
+		description: v,
+		loading: y,
+		error: b,
+		responsive: S,
+		children: (e) => {
+			if (!e) return null;
+			let { PieChart: t, Pie: n, Cell: o, Tooltip: s, Legend: c } = e;
+			return /* @__PURE__ */ i(t, { children: [
+				L?.enabled !== !1 && f && /* @__PURE__ */ r(s, {
+					...F,
+					formatter: L && typeof L != "boolean" && L.formatter ? (e, t) => L.formatter(e, t, a[0]) : (e) => `${L && typeof L != "boolean" && L.valuePrefix || ""}${e}${L && typeof L != "boolean" && L.valueSuffix || ""}`
+				}),
+				I?.enabled && /* @__PURE__ */ r(c, {
+					align: I.align,
+					verticalAlign: I.position === "top" ? "top" : "bottom",
+					layout: I.position === "left" || I.position === "right" ? "vertical" : "horizontal",
+					wrapperStyle: { paddingTop: I.position === "bottom" ? 16 : 0 }
+				}),
+				/* @__PURE__ */ r(n, {
+					data: a,
+					dataKey: C,
+					nameKey: w,
+					cx: "50%",
+					cy: "50%",
+					innerRadius: T,
+					outerRadius: E,
+					startAngle: D,
+					endAngle: O,
+					paddingAngle: k,
+					animationDuration: d,
+					isAnimationActive: u,
+					label: A ? R : !1,
+					labelLine: A && j === "outside",
+					children: a.map((e, t) => /* @__PURE__ */ r(o, {
+						fill: P(t),
+						stroke: "transparent"
+					}, `cell-${t}`))
+				})
+			] });
+		}
+	});
+});
+a.displayName = "WakaPieChart";
+//#endregion
+export { a as default };

package/dist/components/waka-charts/WakaSparkline.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(`./hooks/useRechartsLoader.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({data:e,type:a=`line`,width:s=100,height:c=30,color:l=`hsl(var(--chart-1))`,fillColor:u,fillOpacity:d=.3,showMinMax:f=!1,showValue:p=!1,className:m,animation:h=!0},g)=>{let{components:_,loading:v,isAvailable:y}=n.default(),b=r.useMemo(()=>e.map((e,t)=>({index:t,value:e})),[e]),{min:x,max:S,current:C}=r.useMemo(()=>{let t=e.filter(e=>typeof e==`number`&&!isNaN(e));return{min:Math.min(...t),max:Math.max(...t),current:t[t.length-1]}},[e]);if(v)return(0,i.jsx)(`div`,{ref:g,className:t.cn(`inline-flex items-center gap-2`,m),children:(0,i.jsx)(`div`,{className:`bg-muted animate-pulse rounded`,style:{width:s,height:c}})});if(!y||!_)return(0,i.jsxs)(`div`,{ref:g,className:t.cn(`inline-flex items-center gap-2`,m),children:[(0,i.jsx)(o,{data:e,width:s,height:c,color:l,type:a,fillColor:u,fillOpacity:d}),p&&(0,i.jsx)(`span`,{className:`text-sm font-medium`,children:C})]});let{ResponsiveContainer:w,LineChart:T,BarChart:E,AreaChart:D,Line:O,Bar:k,Area:A}=_;return(0,i.jsxs)(`div`,{ref:g,className:t.cn(`inline-flex items-center gap-2`,m),children:[(0,i.jsx)(`div`,{style:{width:s,height:c},children:(0,i.jsx)(w,{width:`100%`,height:`100%`,children:a===`bar`?(0,i.jsx)(E,{data:b,children:(0,i.jsx)(k,{dataKey:`value`,fill:l,radius:1,isAnimationActive:h})}):a===`area`?(0,i.jsxs)(D,{data:b,children:[(0,i.jsx)(`defs`,{children:(0,i.jsxs)(`linearGradient`,{id:`sparkline-gradient-${l.replace(/[^a-z0-9]/gi,``)}`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,i.jsx)(`stop`,{offset:`5%`,stopColor:u||l,stopOpacity:.8}),(0,i.jsx)(`stop`,{offset:`95%`,stopColor:u||l,stopOpacity:.1})]})}),(0,i.jsx)(A,{type:`monotone`,dataKey:`value`,stroke:l,fill:`url(#sparkline-gradient-${l.replace(/[^a-z0-9]/gi,``)})`,fillOpacity:d,strokeWidth:1.5,dot:!1,isAnimationActive:h})]}):(0,i.jsx)(T,{data:b,children:(0,i.jsx)(O,{type:`monotone`,dataKey:`value`,stroke:l,strokeWidth:1.5,dot:!1,isAnimationActive:h})})})}),f&&(0,i.jsxs)(`div`,{className:`flex flex-col text-xs text-muted-foreground`,children:[(0,i.jsxs)(`span`,{children:[`↑ `,S]}),(0,i.jsxs)(`span`,{children:[`↓ `,x]})]}),p&&(0,i.jsx)(`span`,{className:`text-sm font-medium`,children:C})]})});a.displayName=`WakaSparkline`;function o({data:e,width:t,height:n,color:r,type:a,fillColor:o,fillOpacity:s}){let c=t-4,l=n-4,u=Math.min(...e),d=Math.max(...e)-u||1,f=e.map((t,n)=>({x:2+n/(e.length-1||1)*c,y:2+l-(t-u)/d*l,value:t}));if(a===`bar`){let a=c/e.length-1;return(0,i.jsx)(`svg`,{width:t,height:n,children:e.map((e,t)=>{let n=(e-u)/d*l;return(0,i.jsx)(`rect`,{x:2+t*(a+1),y:2+l-n,width:a,height:n,fill:r,rx:1},t)})})}let p=f.map((e,t)=>`${t===0?`M`:`L`} ${e.x} ${e.y}`).join(` `);return a===`area`?(0,i.jsxs)(`svg`,{width:t,height:n,children:[(0,i.jsx)(`path`,{d:`${p} L ${f[f.length-1].x} ${n-2} L 2 ${n-2} Z`,fill:o||r,fillOpacity:s}),(0,i.jsx)(`path`,{d:p,fill:`none`,stroke:r,strokeWidth:1.5})]}):(0,i.jsx)(`svg`,{width:t,height:n,children:(0,i.jsx)(`path`,{d:p,fill:`none`,stroke:r,strokeWidth:1.5})})}exports.default=a;