wimui 0.20.0 → 0.22.0

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ChartAxisDomain } from '../../helpers';
 export type ScatterChartProps = {
     /**
      * Points to plot. `z` optionally controls the point size.
@@ -19,6 +20,16 @@ export type ScatterChartProps = {
      * @default "Y"
      */
     yAxisName?: string;
+    /**
+     * Range of the X axis.
+     * @default ["auto", "auto"]
+     */
+    xDomain?: ChartAxisDomain;
+    /**
+     * Range of the Y axis.
+     * @default ["auto", "auto"]
+     */
+    yDomain?: ChartAxisDomain;
     /**
      * The height of the chart in pixels.
      * @default 300
@@ -39,4 +50,4 @@ export type ScatterChartProps = {
      */
     animated?: boolean;
 };
-export declare const ScatterChart: ({ data, xAxisName, yAxisName, height, width, title, animated, }: ScatterChartProps) => React.JSX.Element;
+export declare const ScatterChart: ({ data, xAxisName, yAxisName, xDomain, yDomain, height, width, title, animated, }: ScatterChartProps) => React.JSX.Element;

package/dist/components/charts/ScatterChart/ScatterChart.js

@@ -6,17 +6,17 @@ import "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { CartesianGrid as o, Legend as s, ResponsiveContainer as c, Scatter as l, ScatterChart as u, Tooltip as d, XAxis as f, YAxis as p, ZAxis as m } from "recharts";
 //#region src/components/charts/ScatterChart/ScatterChart.tsx
-var h = ({ data: h, xAxisName: g = "X", yAxisName: _ = "Y", height: v = 300, width: y = "100%", title: b, animated: x = !1 }) => /* @__PURE__ */ a("div", {
+var h = ({ data: h, xAxisName: g = "X", yAxisName: _ = "Y", xDomain: v = ["auto", "auto"], yDomain: y = ["auto", "auto"], height: b = 300, width: x = "100%", title: S, animated: C = !1 }) => /* @__PURE__ */ a("div", {
 	className: `wim-scatter-chart ${r.root}`,
-	style: { width: y },
-	children: [b && /* @__PURE__ */ i(e, {
+	style: { width: x },
+	children: [S && /* @__PURE__ */ i(e, {
 		tag: "h3",
 		size: "md",
 		style: { marginBottom: "var(--wim-spacing-md)" },
-		children: b
+		children: S
 	}), /* @__PURE__ */ i("div", {
 		className: r.container,
-		style: { height: v },
+		style: { height: b },
 		children: /* @__PURE__ */ i(c, {
 			width: "100%",
 			height: "100%",
@@ -25,7 +25,7 @@ var h = ({ data: h, xAxisName: g = "X", yAxisName: _ = "Y", height: v = 300, wid
 					top: 20,
 					right: 20,
 					bottom: 20,
-					left: 20
+					left: 0
 				},
 				children: [
 					/* @__PURE__ */ i(o, { ...n.grid }),
@@ -34,6 +34,7 @@ var h = ({ data: h, xAxisName: g = "X", yAxisName: _ = "Y", height: v = 300, wid
 						dataKey: "x",
 						name: g,
 						unit: "",
+						domain: v,
 						...n.axis
 					}),
 					/* @__PURE__ */ i(p, {
@@ -41,6 +42,8 @@ var h = ({ data: h, xAxisName: g = "X", yAxisName: _ = "Y", height: v = 300, wid
 						dataKey: "y",
 						name: _,
 						unit: "",
+						domain: y,
+						width: 44,
 						...n.axis
 					}),
 					/* @__PURE__ */ i(m, {
@@ -60,7 +63,7 @@ var h = ({ data: h, xAxisName: g = "X", yAxisName: _ = "Y", height: v = 300, wid
 						name: "Data Points",
 						data: h,
 						fill: t[0],
-						isAnimationActive: x
+						isAnimationActive: C
 					})
 				]
 			})

package/dist/components/charts/ScatterChart/scatter-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/ScatterChart/scatter-chart.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/charts/ScatterChart/scatter-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/Sparkline/Sparkline.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./sparkline.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("recharts");var o=`var(--wim-color-chart-primary)`,s=({data:e,type:s=`line`,width:c=100,height:l=24,color:u=o,strokeWidth:d=2,showLastDot:f=!1,min:p,max:m,ariaLabel:h,className:g})=>{let _=(0,n.useId)().replace(/:/g,``),v=e.map((e,t)=>({index:t,value:e})),y=[p??`auto`,m??`auto`],b=e.length-1,x=typeof window<`u`&&!!window.__VRT__,S=typeof c==`number`?c:100,C=l??24,w=e=>{let{cx:t,cy:n,index:r}=e;return!f||r!==b||t==null||n==null?(0,i.jsx)(`g`,{},r):(0,i.jsx)(`circle`,{cx:t,cy:n,r:d+1,fill:u},r)},T=x?{width:S,height:C}:{},E={accessibilityLayer:!1,tabIndex:-1},D=()=>s===`bar`?(0,i.jsxs)(a.BarChart,{...T,...E,data:v,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:y}),(0,i.jsx)(a.Bar,{dataKey:`value`,fill:u,radius:[2,2,0,0],isAnimationActive:!1})]}):s===`area`?(0,i.jsxs)(a.AreaChart,{...T,...E,data:v,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(`defs`,{children:(0,i.jsxs)(`linearGradient`,{id:_,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,i.jsx)(`stop`,{offset:`0%`,stopColor:u,stopOpacity:.35}),(0,i.jsx)(`stop`,{offset:`100%`,stopColor:u,stopOpacity:0})]})}),(0,i.jsx)(a.YAxis,{hide:!0,domain:y}),(0,i.jsx)(a.Area,{type:`monotone`,dataKey:`value`,stroke:u,strokeWidth:d,fill:`url(#${_})`,dot:f?w:!1,isAnimationActive:!1})]}):(0,i.jsxs)(a.LineChart,{...T,...E,data:v,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:y}),(0,i.jsx)(a.Line,{type:`monotone`,dataKey:`value`,stroke:u,strokeWidth:d,dot:f?w:!1,isAnimationActive:!1})]});return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-sparkline`,t.default.root,g),style:{width:c,height:l},role:h?`img`:void 0,"aria-label":h,"aria-hidden":h?void 0:!0,children:x?D():(0,i.jsx)(a.ResponsiveContainer,{width:`100%`,height:`100%`,children:D()})})};s.displayName=`Sparkline`,exports.Sparkline=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./sparkline.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("recharts");var o=`var(--wim-color-chart-primary)`,s=({data:e,type:n=`line`,width:s=`100%`,height:c=24,color:l=o,strokeWidth:u=2,showLastDot:d=!1,min:f,max:p,ariaLabel:m,className:h})=>{let g=e.map((e,t)=>({index:t,value:e})),_=[f??`auto`,p??`auto`],v=e.length-1,y=typeof window<`u`&&!!window.__VRT__,b=typeof s==`number`?s:null,x=c??24,S=e=>{let{cx:t,cy:n,index:r}=e;return!d||r!==v||t==null||n==null?(0,i.jsx)(`g`,{},r):(0,i.jsx)(`circle`,{cx:t,cy:n,r:u+1,fill:l},r)},C=y&&b!==null?{width:b,height:x}:{},w={accessibilityLayer:!1,tabIndex:-1},T=()=>n===`bar`?(0,i.jsxs)(a.BarChart,{...C,...w,data:g,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:_}),(0,i.jsx)(a.Bar,{dataKey:`value`,fill:l,radius:[2,2,0,0],isAnimationActive:!1})]}):n===`area`?(0,i.jsxs)(a.AreaChart,{...C,...w,data:g,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:_}),(0,i.jsx)(a.Area,{type:`monotone`,dataKey:`value`,stroke:l,strokeWidth:u,fill:l,fillOpacity:.15,dot:d?S:!1,isAnimationActive:!1})]}):(0,i.jsxs)(a.LineChart,{...C,...w,data:g,margin:{top:2,right:2,bottom:2,left:2},children:[(0,i.jsx)(a.YAxis,{hide:!0,domain:_}),(0,i.jsx)(a.Line,{type:`monotone`,dataKey:`value`,stroke:l,strokeWidth:u,dot:d?S:!1,isAnimationActive:!1})]});return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-sparkline`,t.default.root,h),style:{width:s,height:c},role:m?`img`:void 0,"aria-label":m,"aria-hidden":m?void 0:!0,children:y&&b!==null?T():(0,i.jsx)(a.ResponsiveContainer,{width:`100%`,height:`100%`,children:T()})})};s.displayName=`Sparkline`,exports.Sparkline=s;

package/dist/components/charts/Sparkline/Sparkline.js

@@ -1,44 +1,44 @@
 "use client";
 import e from "./sparkline.module.js";
-import { useId as t } from "react";
-import n from "classnames";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Area as a, AreaChart as o, Bar as s, BarChart as c, Line as l, LineChart as u, ResponsiveContainer as d, YAxis as f } from "recharts";
+import "react";
+import t from "classnames";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Area as i, AreaChart as a, Bar as o, BarChart as s, Line as c, LineChart as l, ResponsiveContainer as u, YAxis as d } from "recharts";
 //#region src/components/charts/Sparkline/Sparkline.tsx
-var p = "var(--wim-color-chart-primary)", m = ({ data: m, type: h = "line", width: g = 100, height: _ = 24, color: v = p, strokeWidth: y = 2, showLastDot: b = !1, min: x, max: S, ariaLabel: C, className: w }) => {
-	let T = t().replace(/:/g, ""), E = m.map((e, t) => ({
+var f = "var(--wim-color-chart-primary)", p = ({ data: p, type: m = "line", width: h = "100%", height: g = 24, color: _ = f, strokeWidth: v = 2, showLastDot: y = !1, min: b, max: x, ariaLabel: S, className: C }) => {
+	let w = p.map((e, t) => ({
 		index: t,
 		value: e
-	})), D = [x ?? "auto", S ?? "auto"], O = m.length - 1, k = typeof window < "u" && !!window.__VRT__, A = typeof g == "number" ? g : 100, j = _ ?? 24, M = (e) => {
-		let { cx: t, cy: n, index: i } = e;
-		return !b || i !== O || t == null || n == null ? /* @__PURE__ */ r("g", {}, i) : /* @__PURE__ */ r("circle", {
+	})), T = [b ?? "auto", x ?? "auto"], E = p.length - 1, D = typeof window < "u" && !!window.__VRT__, O = typeof h == "number" ? h : null, k = g ?? 24, A = (e) => {
+		let { cx: t, cy: r, index: i } = e;
+		return !y || i !== E || t == null || r == null ? /* @__PURE__ */ n("g", {}, i) : /* @__PURE__ */ n("circle", {
 			cx: t,
-			cy: n,
-			r: y + 1,
-			fill: v
+			cy: r,
+			r: v + 1,
+			fill: _
 		}, i);
-	}, N = k ? {
-		width: A,
-		height: j
-	} : {}, P = {
+	}, j = D && O !== null ? {
+		width: O,
+		height: k
+	} : {}, M = {
 		accessibilityLayer: !1,
 		tabIndex: -1
-	}, F = () => h === "bar" ? /* @__PURE__ */ i(c, {
-		...N,
-		...P,
-		data: E,
+	}, N = () => m === "bar" ? /* @__PURE__ */ r(s, {
+		...j,
+		...M,
+		data: w,
 		margin: {
 			top: 2,
 			right: 2,
 			bottom: 2,
 			left: 2
 		},
-		children: [/* @__PURE__ */ r(f, {
+		children: [/* @__PURE__ */ n(d, {
 			hide: !0,
-			domain: D
-		}), /* @__PURE__ */ r(s, {
+			domain: T
+		}), /* @__PURE__ */ n(o, {
 			dataKey: "value",
-			fill: v,
+			fill: _,
 			radius: [
 				2,
 				2,
@@ -47,85 +47,67 @@ var p = "var(--wim-color-chart-primary)", m = ({ data: m, type: h = "line", widt
 			],
 			isAnimationActive: !1
 		})]
-	}) : h === "area" ? /* @__PURE__ */ i(o, {
-		...N,
-		...P,
-		data: E,
+	}) : m === "area" ? /* @__PURE__ */ r(a, {
+		...j,
+		...M,
+		data: w,
 		margin: {
 			top: 2,
 			right: 2,
 			bottom: 2,
 			left: 2
 		},
-		children: [
-			/* @__PURE__ */ r("defs", { children: /* @__PURE__ */ i("linearGradient", {
-				id: T,
-				x1: "0",
-				y1: "0",
-				x2: "0",
-				y2: "1",
-				children: [/* @__PURE__ */ r("stop", {
-					offset: "0%",
-					stopColor: v,
-					stopOpacity: .35
-				}), /* @__PURE__ */ r("stop", {
-					offset: "100%",
-					stopColor: v,
-					stopOpacity: 0
-				})]
-			}) }),
-			/* @__PURE__ */ r(f, {
-				hide: !0,
-				domain: D
-			}),
-			/* @__PURE__ */ r(a, {
-				type: "monotone",
-				dataKey: "value",
-				stroke: v,
-				strokeWidth: y,
-				fill: `url(#${T})`,
-				dot: b ? M : !1,
-				isAnimationActive: !1
-			})
-		]
-	}) : /* @__PURE__ */ i(u, {
-		...N,
-		...P,
-		data: E,
+		children: [/* @__PURE__ */ n(d, {
+			hide: !0,
+			domain: T
+		}), /* @__PURE__ */ n(i, {
+			type: "monotone",
+			dataKey: "value",
+			stroke: _,
+			strokeWidth: v,
+			fill: _,
+			fillOpacity: .15,
+			dot: y ? A : !1,
+			isAnimationActive: !1
+		})]
+	}) : /* @__PURE__ */ r(l, {
+		...j,
+		...M,
+		data: w,
 		margin: {
 			top: 2,
 			right: 2,
 			bottom: 2,
 			left: 2
 		},
-		children: [/* @__PURE__ */ r(f, {
+		children: [/* @__PURE__ */ n(d, {
 			hide: !0,
-			domain: D
-		}), /* @__PURE__ */ r(l, {
+			domain: T
+		}), /* @__PURE__ */ n(c, {
 			type: "monotone",
 			dataKey: "value",
-			stroke: v,
-			strokeWidth: y,
-			dot: b ? M : !1,
+			stroke: _,
+			strokeWidth: v,
+			dot: y ? A : !1,
 			isAnimationActive: !1
 		})]
 	});
-	return /* @__PURE__ */ r("div", {
-		className: n("wim-sparkline", e.root, w),
+	return /* @__PURE__ */ n("div", {
+		className: t("wim-sparkline", e.root, C),
 		style: {
-			width: g,
-			height: _
+			width: h,
+			height: g
 		},
-		role: C ? "img" : void 0,
-		"aria-label": C,
-		"aria-hidden": C ? void 0 : !0,
-		children: k ? F() : /* @__PURE__ */ r(d, {
+		role: S ? "img" : void 0,
+		"aria-label": S,
+		"aria-hidden": S ? void 0 : !0,
+		children: D && O !== null ? N() : /* @__PURE__ */ n(u, {
 			width: "100%",
 			height: "100%",
-			children: F()
+			children: N()
 		})
 	});
 };
-m.displayName = "Sparkline";
+p.displayName = "Sparkline";
 //#endregion
-export { m as Sparkline };
+export { p as Sparkline };

package/dist/components/charts/Sparkline/sparkline.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_15zk0_4`,t={root:e};exports.default=t,exports.root=e;
+var e=`_root_1p9uf_4`,t={root:e};exports.default=t,exports.root=e;

package/dist/components/charts/Sparkline/sparkline.module.js

@@ -1,5 +1,5 @@
 "use client";
 //#region src/components/charts/Sparkline/sparkline.module.scss
-var e = "_root_15zk0_4", t = { root: e };
+var e = "_root_1p9uf_4", t = { root: e };
 //#endregion
 export { t as default, e as root };

package/dist/components/charts/Treemap/Treemap.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("./treemap.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({x:e,y:t,width:r,height:i,index:o,name:s})=>(0,a.jsxs)(`g`,{children:[(0,a.jsx)(`rect`,{x:e,y:t,width:r,height:i,style:{fill:n.CHART_COLORS[o%n.CHART_COLORS.length],stroke:`none`}}),r>30&&i>20&&(0,a.jsx)(`text`,{x:e+r/2,y:t+i/2,textAnchor:`middle`,dominantBaseline:`central`,style:{fill:n.CHART_TEXT_COLORS[o%n.CHART_TEXT_COLORS.length],fontSize:`var(--wim-font-size-lg)`,fontWeight:`var(--wim-font-weight-bold)`,stroke:`none`,strokeWidth:0,pointerEvents:`none`,userSelect:`none`},children:s})]}),c=({data:e,dataKey:i,aspectRatio:c=4/3,height:l=300,width:u=`100%`,title:d})=>!e||e.length===0?null:(0,a.jsxs)(`div`,{className:`wim-treemap ${r.default.root} wim-treemap__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} wim-treemap__container`,style:{height:l,minWidth:0,minHeight:0},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsx)(o.Treemap,{data:e,dataKey:i,aspectRatio:c,stroke:`none`,content:s,isAnimationActive:!1,children:(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,formatter:(e,t)=>[e,t]})})})})]});exports.Treemap=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./treemap.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=2,c=8,l=2,u=(e,t,n)=>{let r=n-t,i=r===0?1:Math.min(1,Math.max(0,(e-t)/r));return`color-mix(in oklch, var(--wim-color-chart-primary) ${20+Math.round(i*40)}%, var(--wim-color-surface))`},d=(0,i.createContext)({min:0,max:1}),f=({x:e,y:t,width:n,height:r,name:o,value:f,depth:p,children:m})=>{let{min:h,max:g}=(0,i.useContext)(d),_=o??``,v=(0,i.useCallback)(e=>{if(!e)return;let t=()=>{let t=Math.min(c,n*.12),r=Math.floor(n-t*2),i=()=>Math.ceil(e.getComputedTextLength())<=r;if(e.textContent=_,i()){e.style.visibility=``;return}let a=e.getComputedTextLength()/Math.max(1,_.length),o=Math.min(Math.floor(r/a)-1,_.length-1);for(;o>=l;){if(e.textContent=`${_.slice(0,o).trimEnd()}…`,i()){e.style.visibility=``;return}--o}e.textContent=_,e.style.visibility=`hidden`};t();let r=()=>{e.isConnected&&t()};return document.fonts?.addEventListener?.(`loadingdone`,r),()=>document.fonts?.removeEventListener?.(`loadingdone`,r)},[n,_]);return p===0||Array.isArray(m)&&m.length>0?(0,a.jsx)(`g`,{}):(0,a.jsxs)(`g`,{children:[(0,a.jsx)(`rect`,{x:e+s/2,y:t+s/2,width:Math.max(0,n-s),height:Math.max(0,r-s),style:{fill:u(f,h,g),stroke:`none`}}),n>30&&r>20&&(0,a.jsx)(`text`,{ref:v,x:e+n/2,y:t+r/2,textAnchor:`middle`,dominantBaseline:`central`,style:{fill:`var(--wim-color-text-primary)`,fontSize:`var(--wim-font-size-lg)`,fontWeight:`var(--wim-font-weight-bold)`,stroke:`none`,strokeWidth:0,pointerEvents:`none`,userSelect:`none`},children:_})]})},p=({data:e,dataKey:s,aspectRatio:c=4/3,height:l=300,width:u=`100%`,title:p})=>{let m=(0,i.useMemo)(()=>{let t=e=>e.flatMap(e=>Array.isArray(e.children)?t(e.children):[e]),n=t(e??[]).map(e=>Number(e[s])||0);return n.length?{min:Math.min(...n),max:Math.max(...n)}:{min:0,max:1}},[e,s]);return!e||e.length===0?null:(0,a.jsx)(d.Provider,{value:m,children:(0,a.jsxs)(`div`,{className:`wim-treemap ${r.default.root} wim-treemap__root`,style:{width:u},children:[p&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:p}),(0,a.jsx)(`div`,{className:`${r.default.container} wim-treemap__container`,style:{height:l,minWidth:0,minHeight:0},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsx)(o.Treemap,{data:e,dataKey:s,aspectRatio:c,stroke:`none`,content:f,isAnimationActive:!1,children:(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,formatter:(e,t)=>[e,t]})})})})]})})};exports.Treemap=p;

package/dist/components/charts/Treemap/Treemap.js

@@ -1,67 +1,115 @@
 "use client";
 import { Title as e } from "../../typography/Title/Title.js";
-import { CHART_COLORS as t, CHART_TEXT_COLORS as n, CHART_THEME as r } from "../../helpers.js";
-import i from "./treemap.module.js";
-import "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { ResponsiveContainer as s, Tooltip as c, Treemap as l } from "recharts";
+import { CHART_THEME as t } from "../../helpers.js";
+import n from "./treemap.module.js";
+import { createContext as r, useCallback as i, useContext as a, useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { ResponsiveContainer as l, Tooltip as u, Treemap as d } from "recharts";
 //#region src/components/charts/Treemap/Treemap.tsx
-var u = ({ x: e, y: r, width: i, height: s, index: c, name: l }) => /* @__PURE__ */ o("g", { children: [/* @__PURE__ */ a("rect", {
-	x: e,
-	y: r,
-	width: i,
-	height: s,
-	style: {
-		fill: t[c % t.length],
-		stroke: "none"
-	}
-}), i > 30 && s > 20 && /* @__PURE__ */ a("text", {
-	x: e + i / 2,
-	y: r + s / 2,
-	textAnchor: "middle",
-	dominantBaseline: "central",
-	style: {
-		fill: n[c % n.length],
-		fontSize: "var(--wim-font-size-lg)",
-		fontWeight: "var(--wim-font-weight-bold)",
-		stroke: "none",
-		strokeWidth: 0,
-		pointerEvents: "none",
-		userSelect: "none"
-	},
-	children: l
-})] }), d = ({ data: t, dataKey: n, aspectRatio: d = 4 / 3, height: f = 300, width: p = "100%", title: m }) => !t || t.length === 0 ? null : /* @__PURE__ */ o("div", {
-	className: `wim-treemap ${i.root} wim-treemap__root`,
-	style: { width: p },
-	children: [m && /* @__PURE__ */ a(e, {
-		tag: "h3",
-		size: "md",
-		style: { marginBottom: "var(--wim-spacing-md)" },
-		children: m
-	}), /* @__PURE__ */ a("div", {
-		className: `${i.container} wim-treemap__container`,
+var f = 2, p = 8, m = 2, h = (e, t, n) => {
+	let r = n - t, i = r === 0 ? 1 : Math.min(1, Math.max(0, (e - t) / r));
+	return `color-mix(in oklch, var(--wim-color-chart-primary) ${20 + Math.round(i * 40)}%, var(--wim-color-surface))`;
+}, g = r({
+	min: 0,
+	max: 1
+}), _ = ({ x: e, y: t, width: n, height: r, name: o, value: l, depth: u, children: d }) => {
+	let { min: _, max: v } = a(g), y = o ?? "", b = i((e) => {
+		if (!e) return;
+		let t = () => {
+			let t = Math.min(p, n * .12), r = Math.floor(n - t * 2), i = () => Math.ceil(e.getComputedTextLength()) <= r;
+			if (e.textContent = y, i()) {
+				e.style.visibility = "";
+				return;
+			}
+			let a = e.getComputedTextLength() / Math.max(1, y.length), o = Math.min(Math.floor(r / a) - 1, y.length - 1);
+			for (; o >= m;) {
+				if (e.textContent = `${y.slice(0, o).trimEnd()}…`, i()) {
+					e.style.visibility = "";
+					return;
+				}
+				--o;
+			}
+			e.textContent = y, e.style.visibility = "hidden";
+		};
+		t();
+		let r = () => {
+			e.isConnected && t();
+		};
+		return document.fonts?.addEventListener?.("loadingdone", r), () => document.fonts?.removeEventListener?.("loadingdone", r);
+	}, [n, y]);
+	return u === 0 || Array.isArray(d) && d.length > 0 ? /* @__PURE__ */ s("g", {}) : /* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("rect", {
+		x: e + f / 2,
+		y: t + f / 2,
+		width: Math.max(0, n - f),
+		height: Math.max(0, r - f),
 		style: {
-			height: f,
-			minWidth: 0,
-			minHeight: 0
+			fill: h(l, _, v),
+			stroke: "none"
+		}
+	}), n > 30 && r > 20 && /* @__PURE__ */ s("text", {
+		ref: b,
+		x: e + n / 2,
+		y: t + r / 2,
+		textAnchor: "middle",
+		dominantBaseline: "central",
+		style: {
+			fill: "var(--wim-color-text-primary)",
+			fontSize: "var(--wim-font-size-lg)",
+			fontWeight: "var(--wim-font-weight-bold)",
+			stroke: "none",
+			strokeWidth: 0,
+			pointerEvents: "none",
+			userSelect: "none"
 		},
-		children: /* @__PURE__ */ a(s, {
-			width: "100%",
-			height: "100%",
-			children: /* @__PURE__ */ a(l, {
-				data: t,
-				dataKey: n,
-				aspectRatio: d,
-				stroke: "none",
-				content: u,
-				isAnimationActive: !1,
-				children: /* @__PURE__ */ a(c, {
-					contentStyle: r.tooltip.contentStyle,
-					formatter: (e, t) => [e, t]
+		children: y
+	})] });
+}, v = ({ data: r, dataKey: i, aspectRatio: a = 4 / 3, height: f = 300, width: p = "100%", title: m }) => {
+	let h = o(() => {
+		let e = (t) => t.flatMap((t) => Array.isArray(t.children) ? e(t.children) : [t]), t = e(r ?? []).map((e) => Number(e[i]) || 0);
+		return t.length ? {
+			min: Math.min(...t),
+			max: Math.max(...t)
+		} : {
+			min: 0,
+			max: 1
+		};
+	}, [r, i]);
+	return !r || r.length === 0 ? null : /* @__PURE__ */ s(g.Provider, {
+		value: h,
+		children: /* @__PURE__ */ c("div", {
+			className: `wim-treemap ${n.root} wim-treemap__root`,
+			style: { width: p },
+			children: [m && /* @__PURE__ */ s(e, {
+				tag: "h3",
+				size: "md",
+				style: { marginBottom: "var(--wim-spacing-md)" },
+				children: m
+			}), /* @__PURE__ */ s("div", {
+				className: `${n.container} wim-treemap__container`,
+				style: {
+					height: f,
+					minWidth: 0,
+					minHeight: 0
+				},
+				children: /* @__PURE__ */ s(l, {
+					width: "100%",
+					height: "100%",
+					children: /* @__PURE__ */ s(d, {
+						data: r,
+						dataKey: i,
+						aspectRatio: a,
+						stroke: "none",
+						content: _,
+						isAnimationActive: !1,
+						children: /* @__PURE__ */ s(u, {
+							contentStyle: t.tooltip.contentStyle,
+							formatter: (e, t) => [e, t]
+						})
+					})
 				})
-			})
+			})]
 		})
-	})]
-});
+	});
+};
 //#endregion
-export { d as Treemap };
+export { v as Treemap };

package/dist/components/form/Rating/rating.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_bt6fn_3`,t=`_sm_bt6fn_12`,n=`_md_bt6fn_16`,r=`_lg_bt6fn_20`,i=`_disabled_bt6fn_24`,a=`_star_bt6fn_27`,o=`_foreground_bt6fn_30`,s=`_full_bt6fn_50`,c=`_half_bt6fn_53`,l=`_background_bt6fn_56`,u=`_icon_bt6fn_59`,d={root:e,sm:t,md:n,lg:r,disabled:i,star:a,foreground:o,full:s,half:c,background:l,icon:u};exports.background=l,exports.default=d,exports.disabled=i,exports.foreground=o,exports.full=s,exports.half=c,exports.icon=u,exports.lg=r,exports.md=n,exports.root=e,exports.sm=t,exports.star=a;
+var e=`_root_1acjf_3`,t=`_sm_1acjf_17`,n=`_md_1acjf_21`,r=`_lg_1acjf_25`,i=`_disabled_1acjf_29`,a=`_star_1acjf_32`,o=`_foreground_1acjf_35`,s=`_full_1acjf_55`,c=`_half_1acjf_58`,l=`_background_1acjf_61`,u=`_icon_1acjf_64`,d={root:e,sm:t,md:n,lg:r,disabled:i,star:a,foreground:o,full:s,half:c,background:l,icon:u};exports.background=l,exports.default=d,exports.disabled=i,exports.foreground=o,exports.full=s,exports.half=c,exports.icon=u,exports.lg=r,exports.md=n,exports.root=e,exports.sm=t,exports.star=a;

package/dist/components/form/Rating/rating.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Rating/rating.module.scss
-var e = "_root_bt6fn_3", t = "_sm_bt6fn_12", n = "_md_bt6fn_16", r = "_lg_bt6fn_20", i = "_disabled_bt6fn_24", a = "_star_bt6fn_27", o = "_foreground_bt6fn_30", s = "_full_bt6fn_50", c = "_half_bt6fn_53", l = "_background_bt6fn_56", u = "_icon_bt6fn_59", d = {
+var e = "_root_1acjf_3", t = "_sm_1acjf_17", n = "_md_1acjf_21", r = "_lg_1acjf_25", i = "_disabled_1acjf_29", a = "_star_1acjf_32", o = "_foreground_1acjf_35", s = "_full_1acjf_55", c = "_half_1acjf_58", l = "_background_1acjf_61", u = "_icon_1acjf_64", d = {
 	root: e,
 	sm: t,
 	md: n,

package/dist/components/form/SignaturePad/signature-pad.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1u1o9_295`,t=`_disabled_1u1o9_303`,n=`_canvasContainer_1u1o9_307`,r=`_danger_1u1o9_286`,i=`_canvas_1u1o9_307`,a=`_footer_1u1o9_331`,o={"wim-docs-container":`_wim-docs-container_1u1o9_87`,"wim-t":`_wim-t_1u1o9_250`,"react-flow":`_react-flow_1u1o9_273`,"react-flow__edges":`_react-flow__edges_1u1o9_274`,"react-flow__connectionline":`_react-flow__connectionline_1u1o9_275`,root:e,disabled:t,canvasContainer:n,danger:r,canvas:i,footer:a};exports.canvas=i,exports.canvasContainer=n,exports.danger=r,exports.default=o,exports.disabled=t,exports.footer=a,exports.root=e;
+var e=`_root_1hhrf_295`,t=`_disabled_1hhrf_313`,n=`_canvasContainer_1hhrf_317`,r=`_danger_1hhrf_286`,i=`_canvas_1hhrf_317`,a=`_footer_1hhrf_341`,o={"wim-docs-container":`_wim-docs-container_1hhrf_87`,"wim-t":`_wim-t_1hhrf_250`,"react-flow":`_react-flow_1hhrf_273`,"react-flow__edges":`_react-flow__edges_1hhrf_274`,"react-flow__connectionline":`_react-flow__connectionline_1hhrf_275`,root:e,disabled:t,canvasContainer:n,danger:r,canvas:i,footer:a};exports.canvas=i,exports.canvasContainer=n,exports.danger=r,exports.default=o,exports.disabled=t,exports.footer=a,exports.root=e;

package/dist/components/form/SignaturePad/signature-pad.module.js

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/SignaturePad/signature-pad.module.scss
-var e = "_root_1u1o9_295", t = "_disabled_1u1o9_303", n = "_canvasContainer_1u1o9_307", r = "_danger_1u1o9_286", i = "_canvas_1u1o9_307", a = "_footer_1u1o9_331", o = {
-	"wim-docs-container": "_wim-docs-container_1u1o9_87",
-	"wim-t": "_wim-t_1u1o9_250",
-	"react-flow": "_react-flow_1u1o9_273",
-	"react-flow__edges": "_react-flow__edges_1u1o9_274",
-	"react-flow__connectionline": "_react-flow__connectionline_1u1o9_275",
+var e = "_root_1hhrf_295", t = "_disabled_1hhrf_313", n = "_canvasContainer_1hhrf_317", r = "_danger_1hhrf_286", i = "_canvas_1hhrf_317", a = "_footer_1hhrf_341", o = {
+	"wim-docs-container": "_wim-docs-container_1hhrf_87",
+	"wim-t": "_wim-t_1hhrf_250",
+	"react-flow": "_react-flow_1hhrf_273",
+	"react-flow__edges": "_react-flow__edges_1hhrf_274",
+	"react-flow__connectionline": "_react-flow__connectionline_1hhrf_275",
 	root: e,
 	disabled: t,
 	canvasContainer: n,

package/dist/components/helpers.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=[`var(--wim-color-chart-primary)`,`var(--wim-color-chart-info)`,`var(--wim-color-chart-success)`,`var(--wim-color-chart-warning)`,`var(--wim-color-chart-danger)`,`var(--wim-color-chart-secondary)`,`var(--wim-color-text-tertiary)`,`var(--wim-color-disabled)`],t=[`var(--wim-color-text-on-chart-primary)`,`var(--wim-color-text-on-chart-info)`,`var(--wim-color-text-on-chart-success)`,`var(--wim-color-text-on-chart-warning)`,`var(--wim-color-text-on-chart-danger)`,`var(--wim-color-text-on-chart-secondary)`,`var(--wim-color-text-primary)`,`var(--wim-color-text-primary)`],n={axis:{stroke:`var(--wim-color-text-disabled)`,fontSize:12},grid:{stroke:`var(--wim-color-border-secondary)`,strokeDasharray:`3 3`},tooltip:{contentStyle:{backgroundColor:`var(--wim-color-glass-bg)`,border:`1px solid var(--wim-color-glass-border)`,borderRadius:`var(--wim-radius-md)`,fontSize:`var(--wim-font-size-sm)`,backdropFilter:`blur(8px)`,color:`var(--wim-color-text-primary)`},cursor:{fill:`var(--wim-color-text-primary)`,stroke:`var(--wim-color-border)`,strokeWidth:1,fillOpacity:.05,strokeOpacity:.5}}};exports.CHART_COLORS=e,exports.CHART_TEXT_COLORS=t,exports.CHART_THEME=n;
+var e=[`var(--wim-color-chart-primary)`,`var(--wim-color-chart-info)`,`var(--wim-color-chart-success)`,`var(--wim-color-chart-warning)`,`var(--wim-color-chart-danger)`,`var(--wim-color-chart-secondary)`,`var(--wim-color-text-tertiary)`,`var(--wim-color-disabled)`],t={axis:{stroke:`var(--wim-color-text-disabled)`,fontSize:12},grid:{stroke:`var(--wim-color-border-secondary)`,strokeDasharray:`3 3`},tooltip:{contentStyle:{backgroundColor:`var(--wim-color-glass-bg)`,border:`1px solid var(--wim-color-glass-border)`,borderRadius:`var(--wim-radius-md)`,fontSize:`var(--wim-font-size-sm)`,backdropFilter:`blur(8px)`,color:`var(--wim-color-text-primary)`},cursor:{fill:`var(--wim-color-text-primary)`,stroke:`var(--wim-color-border)`,strokeWidth:1,fillOpacity:.05,strokeOpacity:.5}}};exports.CHART_COLORS=e,exports.CHART_THEME=t;

package/dist/components/helpers.d.ts

@@ -33,3 +33,12 @@ export declare const CHART_THEME: {
         };
     };
 };
+/**
+ * 軸の範囲（recharts の domain と同じ書き方）。T134 で追加。
+ * 0 起点が要るのは面積で比べる図（棒）だけで、折れ線や散布図は
+ * データに合わせたほうが差が読める。
+ */
+export type ChartAxisDomain = [
+    number | "auto" | "dataMin" | (string & {}),
+    number | "auto" | "dataMax" | (string & {})
+];

package/dist/components/helpers.js

@@ -9,16 +9,7 @@ var e = [
 	"var(--wim-color-chart-secondary)",
 	"var(--wim-color-text-tertiary)",
 	"var(--wim-color-disabled)"
-], t = [
-	"var(--wim-color-text-on-chart-primary)",
-	"var(--wim-color-text-on-chart-info)",
-	"var(--wim-color-text-on-chart-success)",
-	"var(--wim-color-text-on-chart-warning)",
-	"var(--wim-color-text-on-chart-danger)",
-	"var(--wim-color-text-on-chart-secondary)",
-	"var(--wim-color-text-primary)",
-	"var(--wim-color-text-primary)"
-], n = {
+], t = {
 	axis: {
 		stroke: "var(--wim-color-text-disabled)",
 		fontSize: 12
@@ -46,4 +37,4 @@ var e = [
 	}
 };
 //#endregion
-export { e as CHART_COLORS, t as CHART_TEXT_COLORS, n as CHART_THEME };
+export { e as CHART_COLORS, t as CHART_THEME };

package/dist/components/layout/Dashboard/Dashboard.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close.cjs"),r=require("../../../icon/edit.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../data-display/Card/Card.cjs"),s=require("../../form/Button/Button.cjs"),c=require("./dashboard.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(0,l.createContext)(null),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},m=l.default.forwardRef(({widgets:e,editable:n,defaultEditable:o=!1,onEditChange:p,onRemove:m,onAdd:g,columns:_=3,gap:v=`md`,showEditToggle:y=!0,label:b,className:x,style:S,children:C,...w},T)=>{let{t:E}=t.useWimTranslation(`components`),D=n!==void 0,[O,k]=(0,l.useState)(o),A=D?n:O,j=(0,l.useCallback)(()=>{let e=!A;D||k(e),p?.(e)},[A,D,p]),M={"--dashboard-columns":_,...S},N=(0,l.useMemo)(()=>({editable:A??!1,onRemove:m}),[A,m]);return(0,d.jsx)(f.Provider,{value:N,children:(0,d.jsxs)(`div`,{ref:T,className:(0,u.default)(`wim-dashboard`,c.default.root,x),"aria-label":b??E(`dashboard_widget.label`),...w,children:[y&&(0,d.jsxs)(`div`,{className:c.default.header,children:[b&&(0,d.jsx)(`h2`,{className:c.default.heading,children:b}),(0,d.jsx)(s.Button,{size:`sm`,variant:A?`solid`:`outline`,intent:`default`,className:void 0,onClick:j,"aria-pressed":A,"aria-label":E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,d.jsx)(a.Icon,{component:r.default,size:`sm`}),children:E(A?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.grid,c.default[`gap-${v}`]),style:M,role:`region`,"aria-label":E(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,d.jsx)(h,{widget:e},e.id)):C,A&&g&&(0,d.jsx)(s.Button,{asChild:!0,className:c.default.addButton,onClick:g,"aria-label":E(`dashboard_widget.add_widget`),children:(0,d.jsxs)(`button`,{type:`button`,children:[(0,d.jsx)(a.Icon,{component:i.default,size:`md`}),(0,d.jsx)(`span`,{children:E(`dashboard_widget.add_widget`)})]})})]})]})})});m.displayName=`Dashboard`;var h=({widget:e,className:r,...i})=>{let{editable:l,onRemove:f}=p(),{t:m}=t.useWimTranslation(`components`),{id:h,title:g,description:_,content:v,span:y=1,rowSpan:b=1}=e;return(0,d.jsxs)(o.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,u.default)(c.default.widget,c.default[`span-${y}`],c.default[`row-${b}`],{[c.default.editMode]:l},r),style:{"--widget-span":y,"--widget-row-span":b},...i,children:[(0,d.jsxs)(`div`,{className:c.default.widgetHeader,children:[(0,d.jsxs)(`div`,{className:c.default.widgetMeta,children:[(0,d.jsx)(`h3`,{className:c.default.widgetTitle,children:g}),_&&(0,d.jsx)(`p`,{className:c.default.widgetDescription,children:_})]}),l&&f&&(0,d.jsx)(s.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:c.default.removeButton,onClick:()=>f(h),"aria-label":m(`dashboard_widget.remove_widget`,{title:g}),icon:(0,d.jsx)(a.Icon,{component:n.default,size:`sm`})})]}),(0,d.jsx)(`div`,{className:c.default.widgetContent,children:v})]})};h.displayName=`DashboardWidgetCard`,exports.Dashboard=m,exports.DashboardWidgetCard=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close.cjs"),r=require("../../../icon/edit.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../data-display/Card/Card.cjs"),s=require("../../form/Button/Button.cjs"),c=require("./dashboard.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(0,l.createContext)(null),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`Dashboard subcomponents must be used within Dashboard`);return e},m=l.default.forwardRef(({widgets:e,editable:n,defaultEditable:o=!1,onEditChange:p,onRemove:m,onAdd:g,columns:_=3,gap:v=`md`,showEditToggle:y,titleLevel:b=3,label:x,className:S,style:C,children:w,...T},E)=>{let{t:D}=t.useWimTranslation(`components`),O=n!==void 0,[k,A]=(0,l.useState)(o),j=O?n:k,M=(0,l.useCallback)(()=>{let e=!j;O||A(e),p?.(e)},[j,O,p]),N={"--dashboard-columns":_,...C},P=y??(n!==void 0||o||m!==void 0||g!==void 0),F=(0,l.useMemo)(()=>({editable:j??!1,onRemove:m,titleLevel:b}),[j,m,b]);return(0,d.jsx)(f.Provider,{value:F,children:(0,d.jsxs)(`div`,{ref:E,className:(0,u.default)(`wim-dashboard`,c.default.root,S),"aria-label":x??D(`dashboard_widget.label`),...T,children:[(x||P)&&(0,d.jsxs)(`div`,{className:c.default.header,children:[x&&(0,d.jsx)(`h2`,{className:c.default.heading,children:x}),P&&(0,d.jsx)(s.Button,{size:`sm`,variant:j?`solid`:`outline`,intent:`default`,className:void 0,onClick:M,"aria-pressed":j,"aria-label":D(j?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`),icon:(0,d.jsx)(a.Icon,{component:r.default,size:`sm`}),children:D(j?`dashboard_widget.exit_edit`:`dashboard_widget.enter_edit`)})]}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.grid,c.default[`gap-${v}`]),style:N,role:`region`,"aria-label":D(`dashboard_widget.grid_label`),children:[e?e.map(e=>(0,d.jsx)(h,{widget:e},e.id)):w,j&&g&&(0,d.jsx)(s.Button,{asChild:!0,className:c.default.addButton,onClick:g,"aria-label":D(`dashboard_widget.add_widget`),children:(0,d.jsxs)(`button`,{type:`button`,children:[(0,d.jsx)(a.Icon,{component:i.default,size:`md`}),(0,d.jsx)(`span`,{children:D(`dashboard_widget.add_widget`)})]})})]})]})})});m.displayName=`Dashboard`;var h=({widget:e,className:r,...i})=>{let{editable:l,onRemove:f,titleLevel:m}=p(),h=`h${m}`,{t:g}=t.useWimTranslation(`components`),{id:_,title:v,description:y,content:b,span:x=1,rowSpan:S=1}=e;return(0,d.jsxs)(o.Card,{variant:`outline`,padding:`md`,radius:`md`,className:(0,u.default)(c.default.widget,c.default[`span-${x}`],c.default[`row-${S}`],{[c.default.editMode]:l},r),style:{"--widget-span":x,"--widget-row-span":S},...i,children:[(0,d.jsxs)(`div`,{className:c.default.widgetHeader,children:[(0,d.jsxs)(`div`,{className:c.default.widgetMeta,children:[(0,d.jsx)(h,{className:c.default.widgetTitle,children:v}),y&&(0,d.jsx)(`p`,{className:c.default.widgetDescription,children:y})]}),l&&f&&(0,d.jsx)(s.Button,{size:`sm`,variant:`ghost`,intent:`danger`,className:c.default.removeButton,onClick:()=>f(_),"aria-label":g(`dashboard_widget.remove_widget`,{title:v}),icon:(0,d.jsx)(a.Icon,{component:n.default,size:`sm`})})]}),(0,d.jsx)(`div`,{className:c.default.widgetContent,children:b})]})};h.displayName=`DashboardWidgetCard`,exports.Dashboard=m,exports.DashboardWidgetCard=h;