wimui 0.20.0 → 0.22.0

package/dist/components/charts/AreaChart/AreaChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./area-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,stacked:c=!1,height:l=300,width:u=`100%`,title:d,smooth:f=!0,animated:p=!1})=>(0,a.jsxs)(`div`,{className:`wim-area-chart ${r.default.root}`,style:{width:u},children:[d&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:d}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:l},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.AreaChart,{data:e,margin:{top:5,right:30,left:20,bottom:5},children:[(0,a.jsx)(`defs`,{children:i.map((e,t)=>{let r=n.CHART_COLORS[t%n.CHART_COLORS.length];return(0,a.jsxs)(`linearGradient`,{id:`grad-${e}`,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,a.jsx)(`stop`,{offset:`5%`,stopColor:r,stopOpacity:.3}),(0,a.jsx)(`stop`,{offset:`95%`,stopColor:r,stopOpacity:0})]},`grad-${e}`)})}),(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Area,{type:f?`monotone`:`linear`,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],fillOpacity:1,fill:`url(#grad-${e})`,stackId:c?`stack`:void 0,isAnimationActive:p},e))]})})})]});exports.AreaChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./area-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,stacked:c=!1,yDomain:l=[0,`auto`],height:u=300,width:d=`100%`,title:f,smooth:p=!0,animated:m=!1})=>(0,a.jsxs)(`div`,{className:`wim-area-chart ${r.default.root}`,style:{width:d},children:[f&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:f}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:u},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.AreaChart,{data:e,margin:{top:5,right:30,left:0,bottom:5},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{width:44,domain:l,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Area,{type:p?`monotone`:`linear`,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,fill:n.CHART_COLORS[t%n.CHART_COLORS.length],fillOpacity:c?.9:.18,stackId:c?`stack`:void 0,isAnimationActive:m},e))]})})})]});exports.AreaChart=s;

package/dist/components/charts/AreaChart/AreaChart.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChartDataPoint } from '../../helpers';
+import { ChartDataPoint, ChartAxisDomain } from '../../helpers';
 export type AreaChartProps = {
     /**
      * Data to display in the chart.
@@ -18,6 +18,13 @@ export type AreaChartProps = {
      * @default false
      */
     stacked?: boolean;
+    /**
+     * Range of the Y axis. Pass ["auto", "auto"] when the change matters more
+     * than the distance from zero. Bars keep zero by default: their length is
+     * the value, so cutting the axis lies about the ratio between them.
+     * @default [0, "auto"]
+     */
+    yDomain?: ChartAxisDomain;
     /**
      * The height of the chart in pixels.
      * @default 300
@@ -43,4 +50,4 @@ export type AreaChartProps = {
      */
     animated?: boolean;
 };
-export declare const AreaChart: ({ data, keys, xAxisKey, stacked, height, width, title, smooth, animated, }: AreaChartProps) => React.JSX.Element;
+export declare const AreaChart: ({ data, keys, xAxisKey, stacked, yDomain, height, width, title, smooth, animated, }: AreaChartProps) => React.JSX.Element;

package/dist/components/charts/AreaChart/AreaChart.js

@@ -6,17 +6,17 @@ import "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Area as o, AreaChart as s, CartesianGrid as c, Legend as l, ResponsiveContainer as u, Tooltip as d, XAxis as f, YAxis as p } from "recharts";
 //#region src/components/charts/AreaChart/AreaChart.tsx
-var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, height: v = 300, width: y = "100%", title: b, smooth: x = !0, animated: S = !1 }) => /* @__PURE__ */ a("div", {
+var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, yDomain: v = [0, "auto"], height: y = 300, width: b = "100%", title: x, smooth: S = !0, animated: C = !1 }) => /* @__PURE__ */ a("div", {
 	className: `wim-area-chart ${r.root}`,
-	style: { width: y },
-	children: [b && /* @__PURE__ */ i(e, {
+	style: { width: b },
+	children: [x && /* @__PURE__ */ i(e, {
 		tag: "h3",
 		size: "md",
 		style: { marginBottom: "var(--wim-spacing-md)" },
-		children: b
+		children: x
 	}), /* @__PURE__ */ i("div", {
 		className: r.container,
-		style: { height: v },
+		style: { height: y },
 		children: /* @__PURE__ */ i(u, {
 			width: "100%",
 			height: "100%",
@@ -25,29 +25,10 @@ var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, height: v = 300, widt
 				margin: {
 					top: 5,
 					right: 30,
-					left: 20,
+					left: 0,
 					bottom: 5
 				},
 				children: [
-					/* @__PURE__ */ i("defs", { children: h.map((e, n) => {
-						let r = t[n % t.length];
-						return /* @__PURE__ */ a("linearGradient", {
-							id: `grad-${e}`,
-							x1: "0",
-							y1: "0",
-							x2: "0",
-							y2: "1",
-							children: [/* @__PURE__ */ i("stop", {
-								offset: "5%",
-								stopColor: r,
-								stopOpacity: .3
-							}), /* @__PURE__ */ i("stop", {
-								offset: "95%",
-								stopColor: r,
-								stopOpacity: 0
-							})]
-						}, `grad-${e}`);
-					}) }),
 					/* @__PURE__ */ i(c, {
 						...n.grid,
 						vertical: !1
@@ -59,6 +40,8 @@ var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, height: v = 300, widt
 						axisLine: !1
 					}),
 					/* @__PURE__ */ i(p, {
+						width: 44,
+						domain: v,
 						...n.axis,
 						tickLine: !1,
 						axisLine: !1
@@ -72,13 +55,14 @@ var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, height: v = 300, widt
 						height: 36
 					}),
 					h.map((e, n) => /* @__PURE__ */ i(o, {
-						type: x ? "monotone" : "linear",
+						type: S ? "monotone" : "linear",
 						dataKey: e,
 						stroke: t[n % t.length],
-						fillOpacity: 1,
-						fill: `url(#grad-${e})`,
+						strokeWidth: 2,
+						fill: t[n % t.length],
+						fillOpacity: _ ? .9 : .18,
 						stackId: _ ? "stack" : void 0,
-						isAnimationActive: S
+						isAnimationActive: C
 					}, e))
 				]
 			})

package/dist/components/charts/AreaChart/area-chart.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_12ucx_4`,t=`_container_12ucx_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;
+var e=`_root_pxnwr_4`,t=`_container_pxnwr_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;

package/dist/components/charts/AreaChart/area-chart.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/charts/AreaChart/area-chart.module.scss
-var e = "_root_12ucx_4", t = "_container_12ucx_9", n = {
+var e = "_root_pxnwr_4", t = "_container_pxnwr_9", n = {
 	root: e,
 	container: t
 };

package/dist/components/charts/BarChart/BarChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./bar-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,stacked:c=!1,height:l=300,width:u=`100%`,title:d,animated:f=!1})=>(0,a.jsxs)(`div`,{className:`wim-bar-chart ${r.default.root}`,style:{width:u},children:[d&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:d}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:l},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.BarChart,{data:e,margin:{top:5,right:30,left:20,bottom:5},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Bar,{dataKey:e,fill:n.CHART_COLORS[t%n.CHART_COLORS.length],stackId:c?`stack`:void 0,radius:c?0:[4,4,0,0],isAnimationActive:f},e))]})})})]});exports.BarChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./bar-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,stacked:c=!1,yDomain:l=[0,`auto`],height:u=300,width:d=`100%`,title:f,animated:p=!1})=>(0,a.jsxs)(`div`,{className:`wim-bar-chart ${r.default.root}`,style:{width:d},children:[f&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:f}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:u},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.BarChart,{data:e,margin:{top:5,right:30,left:0,bottom:5},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,interval:0,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{width:44,domain:l,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Bar,{dataKey:e,fill:n.CHART_COLORS[t%n.CHART_COLORS.length],stackId:c?`stack`:void 0,radius:c?0:[4,4,0,0],stroke:c?`var(--wim-color-surface)`:void 0,strokeWidth:c?2:void 0,isAnimationActive:p},e))]})})})]});exports.BarChart=s;

package/dist/components/charts/BarChart/BarChart.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChartDataPoint } from '../../helpers';
+import { ChartDataPoint, ChartAxisDomain } from '../../helpers';
 export type BarChartProps = {
     /**
      * Data to display in the chart.
@@ -18,6 +18,13 @@ export type BarChartProps = {
      * @default false
      */
     stacked?: boolean;
+    /**
+     * Range of the Y axis. Pass ["auto", "auto"] when the change matters more
+     * than the distance from zero. Bars keep zero by default: their length is
+     * the value, so cutting the axis lies about the ratio between them.
+     * @default [0, "auto"]
+     */
+    yDomain?: ChartAxisDomain;
     /**
      * The height of the chart in pixels.
      * @default 300
@@ -38,4 +45,4 @@ export type BarChartProps = {
      */
     animated?: boolean;
 };
-export declare const BarChart: ({ data, keys, xAxisKey, stacked, height, width, title, animated, }: BarChartProps) => React.JSX.Element;
+export declare const BarChart: ({ data, keys, xAxisKey, stacked, yDomain, height, width, title, animated, }: BarChartProps) => React.JSX.Element;

package/dist/components/charts/BarChart/BarChart.js

@@ -6,17 +6,17 @@ import "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Bar as o, BarChart as s, CartesianGrid as c, Legend as l, ResponsiveContainer as u, Tooltip as d, XAxis as f, YAxis as p } from "recharts";
 //#region src/components/charts/BarChart/BarChart.tsx
-var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, height: v = 300, width: y = "100%", title: b, animated: x = !1 }) => /* @__PURE__ */ a("div", {
+var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, yDomain: v = [0, "auto"], height: y = 300, width: b = "100%", title: x, animated: S = !1 }) => /* @__PURE__ */ a("div", {
 	className: `wim-bar-chart ${r.root}`,
-	style: { width: y },
-	children: [b && /* @__PURE__ */ i(e, {
+	style: { width: b },
+	children: [x && /* @__PURE__ */ i(e, {
 		tag: "h3",
 		size: "md",
 		style: { marginBottom: "var(--wim-spacing-md)" },
-		children: b
+		children: x
 	}), /* @__PURE__ */ i("div", {
 		className: r.container,
-		style: { height: v },
+		style: { height: y },
 		children: /* @__PURE__ */ i(u, {
 			width: "100%",
 			height: "100%",
@@ -25,7 +25,7 @@ var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, height: v = 300, widt
 				margin: {
 					top: 5,
 					right: 30,
-					left: 20,
+					left: 0,
 					bottom: 5
 				},
 				children: [
@@ -35,11 +35,14 @@ var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, height: v = 300, widt
 					}),
 					/* @__PURE__ */ i(f, {
 						dataKey: g,
+						interval: 0,
 						...n.axis,
 						tickLine: !1,
 						axisLine: !1
 					}),
 					/* @__PURE__ */ i(p, {
+						width: 44,
+						domain: v,
 						...n.axis,
 						tickLine: !1,
 						axisLine: !1
@@ -62,7 +65,9 @@ var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, height: v = 300, widt
 							0,
 							0
 						],
-						isAnimationActive: x
+						stroke: _ ? "var(--wim-color-surface)" : void 0,
+						strokeWidth: _ ? 2 : void 0,
+						isAnimationActive: S
 					}, e))
 				]
 			})

package/dist/components/charts/BarChart/bar-chart.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_12ucx_4`,t=`_container_12ucx_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;
+var e=`_root_pxnwr_4`,t=`_container_pxnwr_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;

package/dist/components/charts/BarChart/bar-chart.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/charts/BarChart/bar-chart.module.scss
-var e = "_root_12ucx_4", t = "_container_12ucx_9", n = {
+var e = "_root_pxnwr_4", t = "_container_pxnwr_9", n = {
 	root: e,
 	container: t
 };

package/dist/components/charts/FunnelChart/FunnelChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./funnel-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,dataKey:i,nameKey:s,height:c=300,width:l=`100%`,title:u,animated:d=!1})=>(0,a.jsxs)(`div`,{className:`wim-funnel-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.FunnelChart,{children:[(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsxs)(o.Funnel,{dataKey:i,data:e,isAnimationActive:d,children:[(0,a.jsx)(o.LabelList,{position:`right`,fill:`var(--wim-color-text-secondary)`,dataKey:s,stroke:`none`}),e.map((e,t)=>(0,a.jsx)(o.Cell,{fill:n.CHART_COLORS[t%n.CHART_COLORS.length]},`cell-${t}`))]})]})})})]});exports.FunnelChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./funnel-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,dataKey:i,nameKey:s,height:c=300,width:l=`100%`,title:u,animated:d=!1})=>(0,a.jsxs)(`div`,{className:`wim-funnel-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.FunnelChart,{margin:{top:8,right:88,bottom:8,left:88},children:[(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsxs)(o.Funnel,{dataKey:i,data:e,isAnimationActive:d,children:[(0,a.jsx)(o.LabelList,{position:`right`,fill:`var(--wim-color-text-secondary)`,dataKey:s,stroke:`none`}),e.map((t,n)=>(0,a.jsx)(o.Cell,{fill:`color-mix(in oklch, var(--wim-color-chart-primary) ${100-Math.round(n/Math.max(e.length-1,1)*55)}%, var(--wim-color-surface))`},`cell-${n}`))]})]})})})]});exports.FunnelChart=s;

package/dist/components/charts/FunnelChart/FunnelChart.js

@@ -1,41 +1,49 @@
 "use client";
 import { Title as e } from "../../typography/Title/Title.js";
-import { CHART_COLORS as t, CHART_THEME as n } from "../../helpers.js";
-import r from "./funnel-chart.module.js";
+import { CHART_THEME as t } from "../../helpers.js";
+import n from "./funnel-chart.module.js";
 import "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Cell as o, Funnel as s, FunnelChart as c, LabelList as l, ResponsiveContainer as u, Tooltip as d } from "recharts";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Cell as a, Funnel as o, FunnelChart as s, LabelList as c, ResponsiveContainer as l, Tooltip as u } from "recharts";
 //#region src/components/charts/FunnelChart/FunnelChart.tsx
-var f = ({ data: f, dataKey: p, nameKey: m, height: h = 300, width: g = "100%", title: _, animated: v = !1 }) => /* @__PURE__ */ a("div", {
-	className: `wim-funnel-chart ${r.root}`,
-	style: { width: g },
-	children: [_ && /* @__PURE__ */ i(e, {
+var d = ({ data: d, dataKey: f, nameKey: p, height: m = 300, width: h = "100%", title: g, animated: _ = !1 }) => /* @__PURE__ */ i("div", {
+	className: `wim-funnel-chart ${n.root}`,
+	style: { width: h },
+	children: [g && /* @__PURE__ */ r(e, {
 		tag: "h3",
 		size: "md",
 		style: { marginBottom: "var(--wim-spacing-md)" },
-		children: _
-	}), /* @__PURE__ */ i("div", {
-		className: r.container,
-		style: { height: h },
-		children: /* @__PURE__ */ i(u, {
+		children: g
+	}), /* @__PURE__ */ r("div", {
+		className: n.container,
+		style: { height: m },
+		children: /* @__PURE__ */ r(l, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ i(d, {
-				contentStyle: n.tooltip.contentStyle,
-				cursor: n.tooltip.cursor
-			}), /* @__PURE__ */ a(s, {
-				dataKey: p,
-				data: f,
-				isAnimationActive: v,
-				children: [/* @__PURE__ */ i(l, {
-					position: "right",
-					fill: "var(--wim-color-text-secondary)",
-					dataKey: m,
-					stroke: "none"
-				}), f.map((e, n) => /* @__PURE__ */ i(o, { fill: t[n % t.length] }, `cell-${n}`))]
-			})] })
+			children: /* @__PURE__ */ i(s, {
+				margin: {
+					top: 8,
+					right: 88,
+					bottom: 8,
+					left: 88
+				},
+				children: [/* @__PURE__ */ r(u, {
+					contentStyle: t.tooltip.contentStyle,
+					cursor: t.tooltip.cursor
+				}), /* @__PURE__ */ i(o, {
+					dataKey: f,
+					data: d,
+					isAnimationActive: _,
+					children: [/* @__PURE__ */ r(c, {
+						position: "right",
+						fill: "var(--wim-color-text-secondary)",
+						dataKey: p,
+						stroke: "none"
+					}), d.map((e, t) => /* @__PURE__ */ r(a, { fill: `color-mix(in oklch, var(--wim-color-chart-primary) ${100 - Math.round(t / Math.max(d.length - 1, 1) * 55)}%, var(--wim-color-surface))` }, `cell-${t}`))]
+				})]
+			})
 		})
 	})]
 });
 //#endregion
-export { f as FunnelChart };
+export { d as FunnelChart };

package/dist/components/charts/FunnelChart/funnel-chart.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_12ucx_4`,t=`_container_12ucx_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;
+var e=`_root_pxnwr_4`,t=`_container_pxnwr_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;

package/dist/components/charts/FunnelChart/funnel-chart.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/charts/FunnelChart/funnel-chart.module.scss
-var e = "_root_12ucx_4", t = "_container_12ucx_9", n = {
+var e = "_root_pxnwr_4", t = "_container_pxnwr_9", n = {
 	root: e,
 	container: t
 };

package/dist/components/charts/GaugeChart/gauge-chart.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1thpf_4`,t=`_container_1thpf_9`,n=`_gaugeLabel_1thpf_13`,r={root:e,container:t,gaugeLabel:n};exports.container=t,exports.default=r,exports.gaugeLabel=n,exports.root=e;
+var e=`_root_gbrfd_4`,t=`_container_gbrfd_9`,n=`_gaugeLabel_gbrfd_21`,r={root:e,container:t,gaugeLabel:n};exports.container=t,exports.default=r,exports.gaugeLabel=n,exports.root=e;

package/dist/components/charts/GaugeChart/gauge-chart.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/charts/GaugeChart/gauge-chart.module.scss
-var e = "_root_1thpf_4", t = "_container_1thpf_9", n = "_gaugeLabel_1thpf_13", r = {
+var e = "_root_gbrfd_4", t = "_container_gbrfd_9", n = "_gaugeLabel_gbrfd_21", r = {
 	root: e,
 	container: t,
 	gaugeLabel: n

package/dist/components/charts/Heatmap/Heatmap.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./heatmap.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,xAxisKey:i,yAxisKey:s,height:c=300,width:l=`100%`,title:u,colorRange:d=[`var(--wim-color-surface-variant)`,`var(--wim-color-chart-primary)`],animated:f=!1})=>{let p=e.map(e=>({x:i.indexOf(e.x),y:s.indexOf(e.y),value:e.value,labelX:e.x,labelY:e.y})),m=Math.max(...e.map(e=>e.value)),h=e=>e/m<.1?d[0]:d[1];return(0,a.jsxs)(`div`,{className:`wim-heatmap ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.ScatterChart,{margin:{top:20,right:30,left:10,bottom:20},children:[(0,a.jsx)(o.XAxis,{type:`number`,dataKey:`x`,ticks:Array.from({length:i.length},(e,t)=>t),tickFormatter:e=>i[e],...n.CHART_THEME.axis}),(0,a.jsx)(o.YAxis,{type:`number`,dataKey:`y`,ticks:Array.from({length:s.length},(e,t)=>t),tickFormatter:e=>s[e],...n.CHART_THEME.axis}),(0,a.jsx)(o.ZAxis,{type:`number`,dataKey:`value`,range:[400,400]}),(0,a.jsx)(o.Tooltip,{cursor:n.CHART_THEME.tooltip.cursor,content:({active:e,payload:t})=>{if(e&&t&&t.length){let e=t[0].payload;return(0,a.jsxs)(`div`,{style:{...n.CHART_THEME.tooltip.contentStyle,padding:`8px`},children:[(0,a.jsxs)(`div`,{children:[e.labelX,` / `,e.labelY]}),(0,a.jsxs)(`div`,{style:{fontWeight:`bold`},children:[`Value: `,e.value]})]})}return null}}),(0,a.jsx)(o.Scatter,{data:p,shape:`square`,isAnimationActive:f,children:p.map((e,t)=>(0,a.jsx)(o.Cell,{fill:h(e.value)},`cell-${t}`))})]})})})]})};exports.Heatmap=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./heatmap.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,xAxisKey:i,yAxisKey:s,height:c=300,width:l=`100%`,title:u,colorRange:d=[`var(--wim-color-surface-variant)`,`var(--wim-color-chart-primary)`],animated:f=!1})=>{let p=e.map(e=>({x:i.indexOf(e.x),y:s.indexOf(e.y),value:e.value,labelX:e.x,labelY:e.y})),m=e.map(e=>e.value),h=Math.max(...m),g=Math.min(...m),_=e=>{let t=h-g,n=t===0?1:(e-g)/t,r=Math.round(n*100);return`color-mix(in oklch, ${d[1]} ${r}%, ${d[0]})`};return(0,a.jsxs)(`div`,{className:`wim-heatmap ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.ScatterChart,{margin:{top:20,right:4,left:8,bottom:20},children:[(0,a.jsx)(o.XAxis,{type:`number`,dataKey:`x`,ticks:Array.from({length:i.length},(e,t)=>t),tickFormatter:e=>i[e],padding:{left:20,right:20},...n.CHART_THEME.axis}),(0,a.jsx)(o.YAxis,{type:`number`,dataKey:`y`,ticks:Array.from({length:s.length},(e,t)=>t),tickFormatter:e=>s[e],...n.CHART_THEME.axis}),(0,a.jsx)(o.ZAxis,{type:`number`,dataKey:`value`,range:[400,400]}),(0,a.jsx)(o.Tooltip,{cursor:n.CHART_THEME.tooltip.cursor,content:({active:e,payload:t})=>{if(e&&t&&t.length){let e=t[0].payload;return(0,a.jsxs)(`div`,{style:{...n.CHART_THEME.tooltip.contentStyle,padding:`8px`},children:[(0,a.jsxs)(`div`,{children:[e.labelX,` / `,e.labelY]}),(0,a.jsxs)(`div`,{style:{fontWeight:`bold`},children:[`Value: `,e.value]})]})}return null}}),(0,a.jsx)(o.Scatter,{data:p,shape:`square`,isAnimationActive:f,children:p.map((e,t)=>(0,a.jsx)(o.Cell,{fill:_(e.value)},`cell-${t}`))})]})})})]})};exports.Heatmap=s;

package/dist/components/charts/Heatmap/Heatmap.js

@@ -13,7 +13,10 @@ var p = ({ data: p, xAxisKey: m, yAxisKey: h, height: g = 300, width: _ = "100%"
 		value: e.value,
 		labelX: e.x,
 		labelY: e.y
-	})), S = Math.max(...p.map((e) => e.value)), C = (e) => e / S < .1 ? y[0] : y[1];
+	})), S = p.map((e) => e.value), C = Math.max(...S), w = Math.min(...S), T = (e) => {
+		let t = C - w, n = t === 0 ? 1 : (e - w) / t, r = Math.round(n * 100);
+		return `color-mix(in oklch, ${y[1]} ${r}%, ${y[0]})`;
+	};
 	return /* @__PURE__ */ i("div", {
 		className: `wim-heatmap ${n.root}`,
 		style: { width: _ },
@@ -31,8 +34,8 @@ var p = ({ data: p, xAxisKey: m, yAxisKey: h, height: g = 300, width: _ = "100%"
 				children: /* @__PURE__ */ i(c, {
 					margin: {
 						top: 20,
-						right: 30,
-						left: 10,
+						right: 4,
+						left: 8,
 						bottom: 20
 					},
 					children: [
@@ -41,6 +44,10 @@ var p = ({ data: p, xAxisKey: m, yAxisKey: h, height: g = 300, width: _ = "100%"
 							dataKey: "x",
 							ticks: Array.from({ length: m.length }, (e, t) => t),
 							tickFormatter: (e) => m[e],
+							padding: {
+								left: 20,
+								right: 20
+							},
 							...t.axis
 						}),
 						/* @__PURE__ */ r(d, {
@@ -82,7 +89,7 @@ var p = ({ data: p, xAxisKey: m, yAxisKey: h, height: g = 300, width: _ = "100%"
 							data: x,
 							shape: "square",
 							isAnimationActive: b,
-							children: x.map((e, t) => /* @__PURE__ */ r(a, { fill: C(e.value) }, `cell-${t}`))
+							children: x.map((e, t) => /* @__PURE__ */ r(a, { fill: T(e.value) }, `cell-${t}`))
 						})
 					]
 				})

package/dist/components/charts/Heatmap/heatmap.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_12ucx_4`,t=`_container_12ucx_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;
+var e=`_root_pxnwr_4`,t=`_container_pxnwr_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;

package/dist/components/charts/Heatmap/heatmap.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/charts/Heatmap/heatmap.module.scss
-var e = "_root_12ucx_4", t = "_container_12ucx_9", n = {
+var e = "_root_pxnwr_4", t = "_container_pxnwr_9", n = {
 	root: e,
 	container: t
 };

package/dist/components/charts/LineChart/LineChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./line-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,height:c=300,width:l=`100%`,title:u,smooth:d=!1,animated:f=!1})=>(0,a.jsxs)(`div`,{className:`wim-line-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.LineChart,{data:e,margin:{top:5,right:30,left:20,bottom:5},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Line,{type:d?`monotone`:`linear`,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,dot:{r:4,strokeWidth:2,fill:`var(--wim-color-primary-fill)`},activeDot:{r:6},isAnimationActive:f},e))]})})})]});exports.LineChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./line-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,height:c=300,width:l=`100%`,title:u,smooth:d=!1,yDomain:f=[0,`auto`],animated:p=!1})=>(0,a.jsxs)(`div`,{className:`wim-line-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.LineChart,{data:e,margin:{top:5,right:30,left:0,bottom:5},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{width:44,domain:f,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Line,{type:d?`monotone`:`linear`,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,dot:{r:4,strokeWidth:2,fill:`var(--wim-color-primary-fill)`},activeDot:{r:6},isAnimationActive:p},e))]})})})]});exports.LineChart=s;

package/dist/components/charts/LineChart/LineChart.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChartDataPoint } from '../../helpers';
+import { ChartDataPoint, ChartAxisDomain } from '../../helpers';
 export type LineChartProps = {
     /**
      * Data to display in the chart.
@@ -32,10 +32,17 @@ export type LineChartProps = {
      * @default false
      */
     smooth?: boolean;
+    /**
+     * Range of the Y axis. Pass ["auto", "auto"] when the change matters more
+     * than the distance from zero (a yield moving between 84% and 85% is a flat
+     * line on a 0–100 axis).
+     * @default [0, "auto"]
+     */
+    yDomain?: ChartAxisDomain;
     /**
      * If true, animates the chart on mount.
      * @default false
      */
     animated?: boolean;
 };
-export declare const LineChart: ({ data, keys, xAxisKey, height, width, title, smooth, animated, }: LineChartProps) => React.JSX.Element;
+export declare const LineChart: ({ data, keys, xAxisKey, height, width, title, smooth, yDomain, animated, }: LineChartProps) => React.JSX.Element;

package/dist/components/charts/LineChart/LineChart.js

@@ -6,7 +6,7 @@ import "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { CartesianGrid as o, Legend as s, Line as c, LineChart as l, ResponsiveContainer as u, Tooltip as d, XAxis as f, YAxis as p } from "recharts";
 //#region src/components/charts/LineChart/LineChart.tsx
-var m = ({ data: m, keys: h, xAxisKey: g, height: _ = 300, width: v = "100%", title: y, smooth: b = !1, animated: x = !1 }) => /* @__PURE__ */ a("div", {
+var m = ({ data: m, keys: h, xAxisKey: g, height: _ = 300, width: v = "100%", title: y, smooth: b = !1, yDomain: x = [0, "auto"], animated: S = !1 }) => /* @__PURE__ */ a("div", {
 	className: `wim-line-chart ${r.root}`,
 	style: { width: v },
 	children: [y && /* @__PURE__ */ i(e, {
@@ -25,7 +25,7 @@ var m = ({ data: m, keys: h, xAxisKey: g, height: _ = 300, width: v = "100%", ti
 				margin: {
 					top: 5,
 					right: 30,
-					left: 20,
+					left: 0,
 					bottom: 5
 				},
 				children: [
@@ -40,6 +40,8 @@ var m = ({ data: m, keys: h, xAxisKey: g, height: _ = 300, width: v = "100%", ti
 						axisLine: !1
 					}),
 					/* @__PURE__ */ i(p, {
+						width: 44,
+						domain: x,
 						...n.axis,
 						tickLine: !1,
 						axisLine: !1
@@ -63,7 +65,7 @@ var m = ({ data: m, keys: h, xAxisKey: g, height: _ = 300, width: v = "100%", ti
 							fill: "var(--wim-color-primary-fill)"
 						},
 						activeDot: { r: 6 },
-						isAnimationActive: x
+						isAnimationActive: S
 					}, e))
 				]
 			})

package/dist/components/charts/LineChart/line-chart.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_12ucx_4`,t=`_container_12ucx_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;
+var e=`_root_pxnwr_4`,t=`_container_pxnwr_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;

package/dist/components/charts/LineChart/line-chart.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/charts/LineChart/line-chart.module.scss
-var e = "_root_12ucx_4", t = "_container_12ucx_9", n = {
+var e = "_root_pxnwr_4", t = "_container_pxnwr_9", n = {
 	root: e,
 	container: t
 };

package/dist/components/charts/PieChart/PieChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./pie-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,height:i=300,width:s=`100%`,title:c,donut:l=!1,animated:u=!1})=>(0,a.jsxs)(`div`,{className:`wim-pie-chart ${r.default.root}`,style:{width:s},children:[c&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:c}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:i},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.PieChart,{children:[(0,a.jsx)(o.Pie,{data:e,cx:`50%`,cy:`50%`,labelLine:!1,innerRadius:l?`60%`:0,outerRadius:`80%`,paddingAngle:l?5:0,dataKey:`value`,isAnimationActive:u,children:e.map((e,t)=>(0,a.jsx)(o.Cell,{fill:n.CHART_COLORS[t%n.CHART_COLORS.length],stroke:`none`},`cell-${t}`))}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36})]})})})]});exports.PieChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./pie-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,height:i=300,width:s=`100%`,title:c,donut:l=!1,animated:u=!1})=>(0,a.jsxs)(`div`,{className:`wim-pie-chart ${r.default.root}`,style:{width:s},children:[c&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:c}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:i},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.PieChart,{children:[(0,a.jsx)(o.Pie,{data:e,cx:`50%`,cy:`50%`,labelLine:!1,innerRadius:l?`60%`:0,outerRadius:`80%`,paddingAngle:0,dataKey:`value`,isAnimationActive:u,children:e.map((e,t)=>(0,a.jsx)(o.Cell,{fill:n.CHART_COLORS[t%n.CHART_COLORS.length],stroke:`var(--wim-color-surface)`,strokeWidth:2},`cell-${t}`))}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36})]})})})]});exports.PieChart=s;

package/dist/components/charts/PieChart/PieChart.js

@@ -28,12 +28,13 @@ var f = ({ data: f, height: p = 300, width: m = "100%", title: h, donut: g = !1,
 					labelLine: !1,
 					innerRadius: g ? "60%" : 0,
 					outerRadius: "80%",
-					paddingAngle: g ? 5 : 0,
+					paddingAngle: 0,
 					dataKey: "value",
 					isAnimationActive: _,
 					children: f.map((e, n) => /* @__PURE__ */ i(o, {
 						fill: t[n % t.length],
-						stroke: "none"
+						stroke: "var(--wim-color-surface)",
+						strokeWidth: 2
 					}, `cell-${n}`))
 				}),
 				/* @__PURE__ */ i(d, { contentStyle: n.tooltip.contentStyle }),

package/dist/components/charts/PieChart/pie-chart.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_12ucx_4`,t=`_container_12ucx_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;
+var e=`_root_pxnwr_4`,t=`_container_pxnwr_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;

package/dist/components/charts/PieChart/pie-chart.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/charts/PieChart/pie-chart.module.scss
-var e = "_root_12ucx_4", t = "_container_12ucx_9", n = {
+var e = "_root_pxnwr_4", t = "_container_pxnwr_9", n = {
 	root: e,
 	container: t
 };

package/dist/components/charts/RadarChart/RadarChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./radar-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,indexKey:s,height:c=300,width:l=`100%`,title:u,animated:d=!1})=>(0,a.jsxs)(`div`,{className:`wim-radar-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.RadarChart,{cx:`50%`,cy:`50%`,outerRadius:`80%`,data:e,children:[(0,a.jsx)(o.PolarGrid,{stroke:n.CHART_THEME.grid.stroke}),(0,a.jsx)(o.PolarAngleAxis,{dataKey:s,...n.CHART_THEME.axis}),(0,a.jsx)(o.PolarRadiusAxis,{}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Radar,{name:e,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],fill:n.CHART_COLORS[t%n.CHART_COLORS.length],fillOpacity:.6,isAnimationActive:d},e))]})})})]});exports.RadarChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./radar-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,indexKey:s,height:c=300,width:l=`100%`,title:u,animated:d=!1})=>(0,a.jsxs)(`div`,{className:`wim-radar-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.RadarChart,{cx:`50%`,cy:`50%`,outerRadius:`80%`,data:e,children:[(0,a.jsx)(o.PolarGrid,{stroke:n.CHART_THEME.grid.stroke}),(0,a.jsx)(o.PolarAngleAxis,{dataKey:s,...n.CHART_THEME.axis}),(0,a.jsx)(o.PolarRadiusAxis,{tick:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Radar,{name:e,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],fill:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,fillOpacity:.18,isAnimationActive:d},e))]})})})]});exports.RadarChart=s;

package/dist/components/charts/RadarChart/RadarChart.js

@@ -31,7 +31,10 @@ var m = ({ data: m, keys: h, indexKey: g, height: _ = 300, width: v = "100%", ti
 						dataKey: g,
 						...n.axis
 					}),
-					/* @__PURE__ */ i(l, {}),
+					/* @__PURE__ */ i(l, {
+						tick: !1,
+						axisLine: !1
+					}),
 					/* @__PURE__ */ i(p, {
 						contentStyle: n.tooltip.contentStyle,
 						cursor: n.tooltip.cursor
@@ -45,7 +48,8 @@ var m = ({ data: m, keys: h, indexKey: g, height: _ = 300, width: v = "100%", ti
 						dataKey: e,
 						stroke: t[n % t.length],
 						fill: t[n % t.length],
-						fillOpacity: .6,
+						strokeWidth: 2,
+						fillOpacity: .18,
 						isAnimationActive: b
 					}, e))
 				]

package/dist/components/charts/RadarChart/radar-chart.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_12ucx_4`,t=`_container_12ucx_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;
+var e=`_root_pxnwr_4`,t=`_container_pxnwr_9`,n={root:e,container:t};exports.container=t,exports.default=n,exports.root=e;

package/dist/components/charts/RadarChart/radar-chart.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/charts/RadarChart/radar-chart.module.scss
-var e = "_root_12ucx_4", t = "_container_12ucx_9", n = {
+var e = "_root_pxnwr_4", t = "_container_pxnwr_9", n = {
 	root: e,
 	container: t
 };

package/dist/components/charts/ScatterChart/ScatterChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./scatter-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,xAxisName:i=`X`,yAxisName:s=`Y`,height:c=300,width:l=`100%`,title:u,animated:d=!1})=>(0,a.jsxs)(`div`,{className:`wim-scatter-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.ScatterChart,{margin:{top:20,right:20,bottom:20,left:20},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid}),(0,a.jsx)(o.XAxis,{type:`number`,dataKey:`x`,name:i,unit:``,...n.CHART_THEME.axis}),(0,a.jsx)(o.YAxis,{type:`number`,dataKey:`y`,name:s,unit:``,...n.CHART_THEME.axis}),(0,a.jsx)(o.ZAxis,{type:`number`,dataKey:`z`,range:[60,400]}),(0,a.jsx)(o.Tooltip,{cursor:n.CHART_THEME.tooltip.cursor,contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),(0,a.jsx)(o.Scatter,{name:`Data Points`,data:e,fill:n.CHART_COLORS[0],isAnimationActive:d})]})})})]});exports.ScatterChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./scatter-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,xAxisName:i=`X`,yAxisName:s=`Y`,xDomain:c=[`auto`,`auto`],yDomain:l=[`auto`,`auto`],height:u=300,width:d=`100%`,title:f,animated:p=!1})=>(0,a.jsxs)(`div`,{className:`wim-scatter-chart ${r.default.root}`,style:{width:d},children:[f&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:f}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:u},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.ScatterChart,{margin:{top:20,right:20,bottom:20,left:0},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid}),(0,a.jsx)(o.XAxis,{type:`number`,dataKey:`x`,name:i,unit:``,domain:c,...n.CHART_THEME.axis}),(0,a.jsx)(o.YAxis,{type:`number`,dataKey:`y`,name:s,unit:``,domain:l,width:44,...n.CHART_THEME.axis}),(0,a.jsx)(o.ZAxis,{type:`number`,dataKey:`z`,range:[60,400]}),(0,a.jsx)(o.Tooltip,{cursor:n.CHART_THEME.tooltip.cursor,contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),(0,a.jsx)(o.Scatter,{name:`Data Points`,data:e,fill:n.CHART_COLORS[0],isAnimationActive:p})]})})})]});exports.ScatterChart=s;