wimui 0.21.0 → 0.22.0

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=2,c=8,l=(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))`},u=(0,i.createContext)({min:0,max:1}),d=({x:e,y:t,width:n,height:r,name:o,value:d,depth:f,children:p})=>{let{min:m,max:h}=(0,i.useContext)(u),[g,_]=(0,i.useState)(!0),v=(0,i.useCallback)(e=>{e&&_(e.getComputedTextLength()+c*2<=n)},[n]);return f===0||Array.isArray(p)&&p.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:l(d,m,h),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`,visibility:g?void 0:`hidden`},children:o})]})},f=({data:e,dataKey:s,aspectRatio:c=4/3,height:l=300,width:f=`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)(u.Provider,{value:m,children:(0,a.jsxs)(`div`,{className:`wim-treemap ${r.default.root} wim-treemap__root`,style:{width:f},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:d,isAnimationActive:!1,children:(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,formatter:(e,t)=>[e,t]})})})})]})})};exports.Treemap=f;
+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

@@ -2,31 +2,52 @@
 import { Title as e } from "../../typography/Title/Title.js";
 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, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { ResponsiveContainer as u, Tooltip as d, Treemap as f } from "recharts";
+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 p = 2, m = 8, h = (e, t, n) => {
+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: u, depth: d, children: f }) => {
-	let { min: _, max: v } = a(g), [y, b] = s(!0), x = i((e) => {
-		e && b(e.getComputedTextLength() + m * 2 <= n);
-	}, [n]);
-	return d === 0 || Array.isArray(f) && f.length > 0 ? /* @__PURE__ */ c("g", {}) : /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("rect", {
-		x: e + p / 2,
-		y: t + p / 2,
-		width: Math.max(0, n - p),
-		height: Math.max(0, r - p),
+}), _ = ({ 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: {
-			fill: h(u, _, v),
+			fill: h(l, _, v),
 			stroke: "none"
 		}
-	}), n > 30 && r > 20 && /* @__PURE__ */ c("text", {
-		ref: x,
+	}), n > 30 && r > 20 && /* @__PURE__ */ s("text", {
+		ref: b,
 		x: e + n / 2,
 		y: t + r / 2,
 		textAnchor: "middle",
@@ -38,12 +59,11 @@ var p = 2, m = 8, h = (e, t, n) => {
 			stroke: "none",
 			strokeWidth: 0,
 			pointerEvents: "none",
-			userSelect: "none",
-			visibility: y ? void 0 : "hidden"
+			userSelect: "none"
 		},
-		children: o
+		children: y
 	})] });
-}, v = ({ data: r, dataKey: i, aspectRatio: a = 4 / 3, height: s = 300, width: p = "100%", title: m }) => {
+}, 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 ? {
@@ -54,34 +74,34 @@ var p = 2, m = 8, h = (e, t, n) => {
 			max: 1
 		};
 	}, [r, i]);
-	return !r || r.length === 0 ? null : /* @__PURE__ */ c(g.Provider, {
+	return !r || r.length === 0 ? null : /* @__PURE__ */ s(g.Provider, {
 		value: h,
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ c("div", {
 			className: `wim-treemap ${n.root} wim-treemap__root`,
 			style: { width: p },
-			children: [m && /* @__PURE__ */ c(e, {
+			children: [m && /* @__PURE__ */ s(e, {
 				tag: "h3",
 				size: "md",
 				style: { marginBottom: "var(--wim-spacing-md)" },
 				children: m
-			}), /* @__PURE__ */ c("div", {
+			}), /* @__PURE__ */ s("div", {
 				className: `${n.container} wim-treemap__container`,
 				style: {
-					height: s,
+					height: f,
 					minWidth: 0,
 					minHeight: 0
 				},
-				children: /* @__PURE__ */ c(u, {
+				children: /* @__PURE__ */ s(l, {
 					width: "100%",
 					height: "100%",
-					children: /* @__PURE__ */ c(f, {
+					children: /* @__PURE__ */ s(d, {
 						data: r,
 						dataKey: i,
 						aspectRatio: a,
 						stroke: "none",
 						content: _,
 						isAnimationActive: !1,
-						children: /* @__PURE__ */ c(d, {
+						children: /* @__PURE__ */ s(u, {
 							contentStyle: t.tooltip.contentStyle,
 							formatter: (e, t) => [e, t]
 						})

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/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.21.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.22.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup
 

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.21.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.22.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup