wimui 0.56.1 → 0.57.0

package/dist/components/form/Slider/Slider.js

@@ -3,12 +3,12 @@ import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react
 import { FieldTemplate as n } from "../FieldTemplate/FieldTemplate.js";
 import { useSliderCommon as r } from "../../../utilities/slider-utils.js";
 import i from "./slider.module.js";
-import { forwardRef as a, useCallback as o, useEffect as s, useId as c, useRef as l, useState as ee } from "react";
-import te from "classnames";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as a, useCallback as o, useEffect as s, useId as c, useRef as l, useState as u } from "react";
+import d from "classnames";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/form/Slider/Slider.tsx
-var f = a(({ value: a, defaultValue: f = 0, min: p = 0, max: m = 100, step: h = 1, disabled: g = !1, onChange: _, onAfterChange: v, className: y, name: b, label: x, error: S, required: C, layout: w = "vertical", id: T, "aria-label": E, "aria-labelledby": D, asChild: O = !1, styles: k, children: A, ...j }, M) => {
-	let N = a !== void 0, [P, F] = ee(f), I = N ? a : P, L = l(null), R = l(null), z = l(null), B = l(null), V = l(!1), H = l(I), U = c(), W = T || U, G = `wim-slider-label-${W}`, K = `wim-slider-error-${W}`, { calculateValue: q } = r(p, m, h), J = o((e) => (e - p) / (m - p) * 100, [p, m]), Y = o((e) => {
+var m = a(({ value: a, defaultValue: m = 0, min: h = 0, max: g = 100, step: _ = 1, disabled: v = !1, onChange: y, onAfterChange: b, className: x, name: S, label: C, error: w, required: T, layout: E = "vertical", id: D, "aria-label": ee, "aria-labelledby": te, "aria-describedby": ne, asChild: O = !1, styles: k, children: A, ...j }, M) => {
+	let N = a !== void 0, [P, F] = u(m), I = N ? a : P, L = l(null), R = l(null), z = l(null), B = l(null), V = l(!1), H = l(I), U = c(), W = D || U, G = `wim-slider-label-${W}`, K = `wim-slider-error-${W}`, { calculateValue: q } = r(h, g, _), J = o((e) => (e - h) / (g - h) * 100, [h, g]), Y = o((e) => {
 		let t = J(e);
 		z.current && (z.current.style.width = `${t}%`), R.current && (R.current.style.left = `${t}%`, R.current.setAttribute("aria-valuenow", String(e))), B.current && (B.current.value = String(e));
 	}, [J]);
@@ -16,87 +16,87 @@ var f = a(({ value: a, defaultValue: f = 0, min: p = 0, max: m = 100, step: h =
 		V.current || Y(I);
 	}, [I, Y]);
 	let X = (e) => {
-		if (g) return;
+		if (v) return;
 		V.current = !0;
 		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = q(t, L.current);
-		H.current = n, Y(n), _?.(n), e.preventDefault();
+		H.current = n, Y(n), y?.(n), e.preventDefault();
 	}, Z = o((e) => {
-		if (!V.current || g) return;
+		if (!V.current || v) return;
 		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = q(t, L.current);
-		H.current = n, Y(n), _?.(n);
+		H.current = n, Y(n), y?.(n);
 	}, [
-		g,
+		v,
 		q,
-		_,
+		y,
 		Y
 	]), Q = o(() => {
 		if (V.current) {
 			V.current = !1;
 			let e = H.current;
-			N || F(e), v?.(e);
+			N || F(e), b?.(e);
 		}
-	}, [N, v]);
+	}, [N, b]);
 	s(() => (document.addEventListener("mousemove", Z), document.addEventListener("mouseup", Q), document.addEventListener("touchmove", Z, { passive: !1 }), document.addEventListener("touchend", Q), () => {
 		document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", Q), document.removeEventListener("touchmove", Z), document.removeEventListener("touchend", Q);
 	}), [Z, Q]);
-	let ne = (e) => {
-		if (g) return;
+	let re = (e) => {
+		if (v) return;
 		let t;
-		if (e.key === "ArrowLeft" || e.key === "ArrowDown") t = Math.max(p, I - h);
-		else if (e.key === "ArrowRight" || e.key === "ArrowUp") t = Math.min(m, I + h);
-		else if (e.key === "Home") t = p;
-		else if (e.key === "End") t = m;
+		if (e.key === "ArrowLeft" || e.key === "ArrowDown") t = Math.max(h, I - _);
+		else if (e.key === "ArrowRight" || e.key === "ArrowUp") t = Math.min(g, I + _);
+		else if (e.key === "Home") t = h;
+		else if (e.key === "End") t = g;
 		else return;
-		N || F(t), _?.(t), e.preventDefault();
+		N || F(t), y?.(t), e.preventDefault();
 	}, $ = J(I);
-	return /* @__PURE__ */ u(n, {
-		label: x,
-		error: S,
-		required: C,
-		layout: w,
+	return /* @__PURE__ */ f(n, {
+		label: C,
+		error: w,
+		required: T,
+		layout: E,
 		labelId: G,
 		errorId: K,
-		className: y,
+		className: x,
 		styles: k,
-		children: /* @__PURE__ */ d(O ? e : "div", {
+		children: /* @__PURE__ */ p(O ? e : "div", {
 			role: "presentation",
-			className: te("wim-slider", i.root, g && i.disabled, S && i.danger),
+			className: d("wim-slider", i.root, v && i.disabled, w && i.danger),
 			onMouseDown: X,
 			onTouchStart: X,
 			ref: M,
 			...j,
-			children: [/* @__PURE__ */ d(t, { children: [/* @__PURE__ */ d("div", {
+			children: [/* @__PURE__ */ p(t, { children: [/* @__PURE__ */ p("div", {
 				className: i.trackContainer,
 				ref: L,
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ f("div", {
 					ref: z,
 					className: i.track,
 					style: { width: `${$}%` }
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ f("div", {
 					ref: R,
 					className: i.thumb,
 					style: { left: `${$}%` },
 					role: "slider",
-					"aria-valuemin": p,
-					"aria-valuemax": m,
+					"aria-valuemin": h,
+					"aria-valuemax": g,
 					"aria-valuenow": I,
-					"aria-disabled": g,
-					"aria-labelledby": x ? G : D,
-					"aria-label": x ? void 0 : E,
-					"aria-describedby": S ? K : void 0,
-					"aria-invalid": S ? !0 : void 0,
-					tabIndex: g ? -1 : 0,
-					onKeyDown: ne
+					"aria-disabled": v,
+					"aria-labelledby": C ? G : te,
+					"aria-label": C ? void 0 : ee,
+					"aria-describedby": [ne, w ? K : void 0].filter(Boolean).join(" ") || void 0,
+					"aria-invalid": w ? !0 : void 0,
+					tabIndex: v ? -1 : 0,
+					onKeyDown: re
 				})]
-			}), /* @__PURE__ */ u("input", {
+			}), /* @__PURE__ */ f("input", {
 				ref: B,
 				type: "hidden",
-				name: b,
+				name: S,
 				value: I
 			})] }), O ? A : null]
 		})
 	});
 });
-f.displayName = "Slider";
+m.displayName = "Slider";
 //#endregion
-export { f as Slider, f as default };
+export { m as Slider, m as default };

package/dist/components/form/Transfer/Transfer.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../Button/Button.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../../../i18n/generated/form.cjs"),o=require("../FieldTemplate/FieldTemplate.cjs"),s=require("../Checkbox/Checkbox.cjs"),c=require("../../data-display/VirtualList/VirtualList.cjs"),l=require("./transfer.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=36,m=50,h=({data:e,title:n,listType:r,id:o,disabled:h,selectedKeys:g,focusedKey:_,setFocusedKey:v,onSelect:y,onSelectAll:b,onKeyDown:x,labels:S={},className:C})=>{let{t:w}=t.useWimTranslation(a.formNs),{noData:T=w(`transfer.no_data`)}=S,E=(0,u.useRef)(null),D=(0,u.useRef)(null),[O,k]=(0,u.useState)(0);(0,u.useEffect)(()=>{let e=E.current;if(!e)return;let t=new ResizeObserver(([e])=>{k(Math.floor(e.contentRect.height))});return t.observe(e),()=>t.disconnect()},[]),(0,u.useEffect)(()=>{if(!_||!D.current||O===0)return;let t=e.findIndex(e=>e.key===_);if(t===-1)return;let n=D.current,r=t*p,i=r+p;r<n.scrollTop?n.scrollTop=r:i>n.scrollTop+O&&(n.scrollTop=i-O)},[_,e,O]);let A=e.filter(e=>!e.disabled).map(e=>e.key),j=g.filter(e=>A.includes(e)),M=A.length>0&&j.length===A.length,N=j.length>0&&j.length<A.length,P=_&&e.some(e=>e.key===_)?`${o}-${r}-option-${_}`:void 0,F=e.length>=m&&O>0,I=(t,n)=>(0,f.jsx)(i.BaseListItem,{id:`${o}-${r}-option-${t.key}`,className:(0,d.default)(l.default.item,_===t.key&&l.default.active),disabled:h||t.disabled,active:_===t.key,onClick:()=>{t.disabled||(v(t.key),y(t.key))},role:`option`,"aria-selected":g.includes(t.key),"aria-disabled":h||t.disabled,"aria-setsize":F?e.length:void 0,"aria-posinset":F?n+1:void 0,icon:(0,f.jsx)(`div`,{className:(0,d.default)(l.default.checkboxVisual,g.includes(t.key)&&l.default.checked,(h||t.disabled)&&l.default.disabled),"aria-hidden":`true`}),children:t.title},t.key),L=typeof n==`string`?n:``;return(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.list,C),children:[(0,f.jsxs)(`div`,{className:l.default.header,children:[(0,f.jsx)(s.Checkbox,{checked:M,indeterminate:N,onChange:()=>b(A,r),disabled:h||A.length===0,children:(0,f.jsx)(`span`,{className:l.default.headerTitle,title:L,children:n})}),(0,f.jsxs)(`span`,{className:l.default.headerCount,children:[j.length,`/`,e.length]})]}),(0,f.jsx)(`div`,{ref:E,className:l.default.body,role:e.length>0?`listbox`:`group`,"aria-multiselectable":e.length>0?`true`:void 0,"aria-label":L,"aria-activedescendant":e.length>0?P:void 0,"aria-disabled":h||void 0,tabIndex:e.length===0?-1:0,onKeyDown:t=>x(t,r,e),onFocus:()=>{if(!_){let t=e.find(e=>!e.disabled);t&&v(t.key)}},style:F?{overflow:`hidden`,padding:0}:void 0,children:e.length===0?(0,f.jsx)(`div`,{className:l.default.empty,"aria-live":`polite`,children:T}):F?(0,f.jsx)(c.VirtualList,{items:e,itemHeight:p,height:O,renderItem:I,itemRole:`none`,ref:D,role:`presentation`}):e.map((e,t)=>I(e,t))})]})},g=({dataSource:e=[],targetKeys:i,onChange:s,titles:c,className:p,style:m,disabled:g=!1,label:_,error:v,required:y,layout:b=`vertical`,labels:x={}})=>{let{t:S}=t.useWimTranslation(a.formNs),C=c??[S(`transfer.source`),S(`transfer.target`)],{moveToTarget:w=S(`transfer.move_to_target`),moveToSource:T=S(`transfer.move_to_source`),statusMovedToTarget:E=e=>S(`transfer.status_moved_to_target`,{count:e}),statusMovedToSource:D=e=>S(`transfer.status_moved_to_source`,{count:e})}=x,[O,k]=(0,u.useState)([]),[A,j]=(0,u.useState)(i||[]),M=`wim-transfer-${(0,u.useId)()}`,N=_?`${M}-label`:void 0,P=v?`${M}-error`:void 0,F=i!==void 0&&!!s,I=F?i:A,L=(0,u.useMemo)(()=>e.filter(e=>!I.includes(e.key)),[e,I]),R=(0,u.useMemo)(()=>e.filter(e=>I.includes(e.key)),[e,I]),[z,B]=(0,u.useState)(null),[V,H]=(0,u.useState)(null),[U,W]=(0,u.useState)(``),G=(0,u.useRef)(null);z&&!L.some(e=>e.key===z)&&B(null),V&&!R.some(e=>e.key===V)&&H(null);let K=e=>{g||k(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},q=(e,t)=>{if(g)return;let n=e;n.every(e=>O.includes(e))?k(e=>e.filter(e=>!n.includes(e))):k(e=>[...new Set([...e,...n])])},J=e=>{if(g)return;let t=e===`toRight`?L.map(e=>e.key):R.map(e=>e.key),n=O.filter(e=>t.includes(e));if(n.length===0)return;let r=e===`toRight`?[...I,...n]:I.filter(e=>!n.includes(e));F||j(r),s&&s(r,e,n),k(e=>e.filter(e=>!n.includes(e)));let i=e===`toRight`?E(n.length):D(n.length);G.current&&clearTimeout(G.current),W(``),G.current=setTimeout(()=>W(i),50)},Y=(e,t,n)=>{let r=e.filter(e=>!e.disabled);if(r.length===0)return null;if(t===null)return n===1?r[0].key:r[r.length-1].key;let i=r.findIndex(e=>e.key===t);return i===-1?r[0].key:r[(i+n+r.length)%r.length].key},X=(e,t,n)=>{if(g)return;let r=t===`source`?z:V,i=t===`source`?B:H;if(e.key===`ArrowDown`)e.preventDefault(),i(Y(n,r,1));else if(e.key===`ArrowUp`)e.preventDefault(),i(Y(n,r,-1));else if(e.key===`Home`){e.preventDefault();let t=n.find(e=>!e.disabled);t&&i(t.key)}else if(e.key===`End`){e.preventDefault();let t=[...n].reverse().find(e=>!e.disabled);t&&i(t.key)}else if(e.key===` `){e.preventDefault();let t=n.find(e=>e.key===r);t&&!t.disabled&&K(t.key)}else e.key===`Enter`&&(e.preventDefault(),J(t===`source`?`toRight`:`toLeft`))},Z=O.filter(e=>L.some(t=>t.key===e)).length===0,Q=O.filter(e=>R.some(t=>t.key===e)).length===0;return(0,f.jsx)(o.FieldTemplate,{label:_,error:v,required:y,layout:b,labelId:N,errorId:P,className:p,children:(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.container,`wim-transfer`),children:[(0,f.jsx)(n.VisuallyHidden,{"aria-live":`polite`,"aria-atomic":`true`,children:U}),(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.root,g&&l.default.disabled),style:m,role:`group`,"aria-labelledby":_?N:void 0,"aria-describedby":P,children:[(0,f.jsx)(h,{className:`wim-transfer__list`,data:L,title:C[0],listType:`source`,id:M,disabled:g,selectedKeys:O,focusedKey:z,setFocusedKey:B,onSelect:K,onSelectAll:q,onKeyDown:X,labels:x}),(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.operation,`wim-transfer__operation`),children:[(0,f.jsx)(r.Button,{variant:`outline`,size:`sm`,className:l.default.button,onClick:()=>J(`toRight`),disabled:g||Z,icon:`ChevronRightIcon`,"aria-label":w}),(0,f.jsx)(r.Button,{variant:`outline`,size:`sm`,className:l.default.button,onClick:()=>J(`toLeft`),disabled:g||Q,icon:`ChevronLeftIcon`,"aria-label":T})]}),(0,f.jsx)(h,{className:`wim-transfer__list`,data:R,title:C[1],listType:`target`,id:M,disabled:g,selectedKeys:O,focusedKey:V,setFocusedKey:H,onSelect:K,onSelectAll:q,onKeyDown:X,labels:x})]})]})})};exports.Transfer=g;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../Button/Button.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../../../i18n/generated/form.cjs"),o=require("../FieldTemplate/FieldTemplate.cjs"),s=require("../Checkbox/Checkbox.cjs"),c=require("../../data-display/VirtualList/VirtualList.cjs"),l=require("./transfer.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=36,m=50,h=({data:e,title:n,listType:r,id:o,disabled:h,selectedKeys:g,focusedKey:_,setFocusedKey:v,onSelect:y,onSelectAll:b,onKeyDown:x,labels:S={},className:C})=>{let{t:w}=t.useWimTranslation(a.formNs),{noData:T=w(`transfer.no_data`)}=S,E=(0,u.useRef)(null),D=(0,u.useRef)(null),[O,k]=(0,u.useState)(0);(0,u.useEffect)(()=>{let e=E.current;if(!e)return;let t=new ResizeObserver(([e])=>{k(Math.floor(e.contentRect.height))});return t.observe(e),()=>t.disconnect()},[]),(0,u.useEffect)(()=>{if(!_||!D.current||O===0)return;let t=e.findIndex(e=>e.key===_);if(t===-1)return;let n=D.current,r=t*p,i=r+p;r<n.scrollTop?n.scrollTop=r:i>n.scrollTop+O&&(n.scrollTop=i-O)},[_,e,O]);let A=e.filter(e=>!e.disabled).map(e=>e.key),j=g.filter(e=>A.includes(e)),M=A.length>0&&j.length===A.length,N=j.length>0&&j.length<A.length,P=_&&e.some(e=>e.key===_)?`${o}-${r}-option-${_}`:void 0,F=e.length>=m&&O>0,I=(t,n)=>(0,f.jsx)(i.BaseListItem,{id:`${o}-${r}-option-${t.key}`,className:(0,d.default)(l.default.item,_===t.key&&l.default.active),disabled:h||t.disabled,active:_===t.key,onClick:()=>{t.disabled||(v(t.key),y(t.key))},role:`option`,"aria-selected":g.includes(t.key),"aria-disabled":h||t.disabled,"aria-setsize":F?e.length:void 0,"aria-posinset":F?n+1:void 0,icon:(0,f.jsx)(`div`,{className:(0,d.default)(l.default.checkboxVisual,g.includes(t.key)&&l.default.checked,(h||t.disabled)&&l.default.disabled),"aria-hidden":`true`}),children:t.title},t.key),L=typeof n==`string`?n:``;return(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.list,C),children:[(0,f.jsxs)(`div`,{className:l.default.header,children:[(0,f.jsx)(s.Checkbox,{checked:M,indeterminate:N,onChange:()=>b(A,r),disabled:h||A.length===0,children:(0,f.jsx)(`span`,{className:l.default.headerTitle,title:L,children:n})}),(0,f.jsxs)(`span`,{className:l.default.headerCount,children:[j.length,`/`,e.length]})]}),(0,f.jsx)(`div`,{ref:E,className:l.default.body,role:e.length>0?`listbox`:`group`,"aria-multiselectable":e.length>0?`true`:void 0,"aria-label":L,"aria-activedescendant":e.length>0?P:void 0,"aria-disabled":h||void 0,tabIndex:e.length===0?-1:0,onKeyDown:t=>x(t,r,e),onFocus:()=>{if(!_){let t=e.find(e=>!e.disabled);t&&v(t.key)}},style:F?{overflow:`hidden`,padding:0}:void 0,children:e.length===0?(0,f.jsx)(`div`,{className:l.default.empty,"aria-live":`polite`,children:T}):F?(0,f.jsx)(c.VirtualList,{items:e,itemHeight:p,height:O,renderItem:I,itemRole:`none`,ref:D,role:`presentation`}):e.map((e,t)=>I(e,t))})]})},g=({dataSource:e=[],targetKeys:i,onChange:s,titles:c,className:p,style:m,disabled:g=!1,label:_,error:v,required:y,layout:b=`vertical`,labels:x={},"aria-label":S,"aria-labelledby":C,"aria-describedby":w})=>{let{t:T}=t.useWimTranslation(a.formNs),E=c??[T(`transfer.source`),T(`transfer.target`)],{moveToTarget:D=T(`transfer.move_to_target`),moveToSource:O=T(`transfer.move_to_source`),statusMovedToTarget:k=e=>T(`transfer.status_moved_to_target`,{count:e}),statusMovedToSource:A=e=>T(`transfer.status_moved_to_source`,{count:e})}=x,[j,M]=(0,u.useState)([]),[N,P]=(0,u.useState)(i||[]),F=`wim-transfer-${(0,u.useId)()}`,I=_?`${F}-label`:void 0,L=v?`${F}-error`:void 0,R=i!==void 0&&!!s,z=R?i:N,B=(0,u.useMemo)(()=>e.filter(e=>!z.includes(e.key)),[e,z]),V=(0,u.useMemo)(()=>e.filter(e=>z.includes(e.key)),[e,z]),[H,U]=(0,u.useState)(null),[W,G]=(0,u.useState)(null),[K,q]=(0,u.useState)(``),J=(0,u.useRef)(null);H&&!B.some(e=>e.key===H)&&U(null),W&&!V.some(e=>e.key===W)&&G(null);let Y=e=>{g||M(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},X=(e,t)=>{if(g)return;let n=e;n.every(e=>j.includes(e))?M(e=>e.filter(e=>!n.includes(e))):M(e=>[...new Set([...e,...n])])},Z=e=>{if(g)return;let t=e===`toRight`?B.map(e=>e.key):V.map(e=>e.key),n=j.filter(e=>t.includes(e));if(n.length===0)return;let r=e===`toRight`?[...z,...n]:z.filter(e=>!n.includes(e));R||P(r),s&&s(r,e,n),M(e=>e.filter(e=>!n.includes(e)));let i=e===`toRight`?k(n.length):A(n.length);J.current&&clearTimeout(J.current),q(``),J.current=setTimeout(()=>q(i),50)},Q=(e,t,n)=>{let r=e.filter(e=>!e.disabled);if(r.length===0)return null;if(t===null)return n===1?r[0].key:r[r.length-1].key;let i=r.findIndex(e=>e.key===t);return i===-1?r[0].key:r[(i+n+r.length)%r.length].key},$=(e,t,n)=>{if(g)return;let r=t===`source`?H:W,i=t===`source`?U:G;if(e.key===`ArrowDown`)e.preventDefault(),i(Q(n,r,1));else if(e.key===`ArrowUp`)e.preventDefault(),i(Q(n,r,-1));else if(e.key===`Home`){e.preventDefault();let t=n.find(e=>!e.disabled);t&&i(t.key)}else if(e.key===`End`){e.preventDefault();let t=[...n].reverse().find(e=>!e.disabled);t&&i(t.key)}else if(e.key===` `){e.preventDefault();let t=n.find(e=>e.key===r);t&&!t.disabled&&Y(t.key)}else e.key===`Enter`&&(e.preventDefault(),Z(t===`source`?`toRight`:`toLeft`))},ee=j.filter(e=>B.some(t=>t.key===e)).length===0,te=j.filter(e=>V.some(t=>t.key===e)).length===0;return(0,f.jsx)(o.FieldTemplate,{label:_,error:v,required:y,layout:b,labelId:I,errorId:L,className:p,children:(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.container,`wim-transfer`),children:[(0,f.jsx)(n.VisuallyHidden,{"aria-live":`polite`,"aria-atomic":`true`,children:K}),(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.root,g&&l.default.disabled),style:m,role:`group`,"aria-labelledby":_?I:C,"aria-label":_||C?void 0:S,"aria-describedby":[w,L].filter(Boolean).join(` `)||void 0,children:[(0,f.jsx)(h,{className:`wim-transfer__list`,data:B,title:E[0],listType:`source`,id:F,disabled:g,selectedKeys:j,focusedKey:H,setFocusedKey:U,onSelect:Y,onSelectAll:X,onKeyDown:$,labels:x}),(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.operation,`wim-transfer__operation`),children:[(0,f.jsx)(r.Button,{variant:`outline`,size:`sm`,className:l.default.button,onClick:()=>Z(`toRight`),disabled:g||ee,icon:`ChevronRightIcon`,"aria-label":D}),(0,f.jsx)(r.Button,{variant:`outline`,size:`sm`,className:l.default.button,onClick:()=>Z(`toLeft`),disabled:g||te,icon:`ChevronLeftIcon`,"aria-label":O})]}),(0,f.jsx)(h,{className:`wim-transfer__list`,data:V,title:E[1],listType:`target`,id:F,disabled:g,selectedKeys:j,focusedKey:W,setFocusedKey:G,onSelect:Y,onSelectAll:X,onKeyDown:$,labels:x})]})]})})};exports.Transfer=g;

package/dist/components/form/Transfer/Transfer.d.ts

@@ -37,8 +37,14 @@ export type TransferProps = {
     layout?: "vertical" | "horizontal";
     /** Labels for internationalization */
     labels?: TransferLabels;
+    /** Accessible name for the group of the two lists when no visible `label` is provided. */
+    "aria-label"?: string;
+    /** ID of the element that labels the group of the two lists when no visible `label` is provided. */
+    "aria-labelledby"?: string;
+    /** ID of the element that describes the group. Announced together with the error message. */
+    "aria-describedby"?: string;
 };
 /**
  * 2つのカラム間でアイテムを移動させて選択を行うためのコンポーネント。
  */
-export declare const Transfer: ({ dataSource, targetKeys, onChange, titles: titlesProp, className, style, disabled, label, error, required, layout, labels, }: TransferProps) => React.JSX.Element;
+export declare const Transfer: ({ dataSource, targetKeys, onChange, titles: titlesProp, className, style, disabled, label, error, required, layout, labels, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: TransferProps) => React.JSX.Element;

package/dist/components/form/Transfer/Transfer.js

@@ -108,34 +108,34 @@ var _ = 36, v = 50, y = ({ data: t, title: n, listType: a, id: u, disabled: d, s
 			}) : t.map((e, t) => z(e, t))
 		})]
 	});
-}, b = ({ dataSource: r = [], targetKeys: o, onChange: s, titles: l, className: _, style: v, disabled: b = !1, label: x, error: S, required: C, layout: w = "vertical", labels: T = {} }) => {
-	let { t: E } = e(i), D = l ?? [E("transfer.source"), E("transfer.target")], { moveToTarget: O = E("transfer.move_to_target"), moveToSource: k = E("transfer.move_to_source"), statusMovedToTarget: A = (e) => E("transfer.status_moved_to_target", { count: e }), statusMovedToSource: j = (e) => E("transfer.status_moved_to_source", { count: e }) } = T, [M, N] = p([]), [P, F] = p(o || []), I = `wim-transfer-${u()}`, L = x ? `${I}-label` : void 0, R = S ? `${I}-error` : void 0, z = o !== void 0 && !!s, B = z ? o : P, V = d(() => r.filter((e) => !B.includes(e.key)), [r, B]), H = d(() => r.filter((e) => B.includes(e.key)), [r, B]), [U, W] = p(null), [G, K] = p(null), [ee, q] = p(""), J = f(null);
-	U && !V.some((e) => e.key === U) && W(null), G && !H.some((e) => e.key === G) && K(null);
-	let Y = (e) => {
-		b || N((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, X = (e, t) => {
+}, b = ({ dataSource: r = [], targetKeys: o, onChange: s, titles: l, className: _, style: v, disabled: b = !1, label: x, error: S, required: C, layout: w = "vertical", labels: T = {}, "aria-label": E, "aria-labelledby": D, "aria-describedby": O }) => {
+	let { t: k } = e(i), A = l ?? [k("transfer.source"), k("transfer.target")], { moveToTarget: j = k("transfer.move_to_target"), moveToSource: M = k("transfer.move_to_source"), statusMovedToTarget: N = (e) => k("transfer.status_moved_to_target", { count: e }), statusMovedToSource: P = (e) => k("transfer.status_moved_to_source", { count: e }) } = T, [F, I] = p([]), [L, R] = p(o || []), z = `wim-transfer-${u()}`, B = x ? `${z}-label` : void 0, V = S ? `${z}-error` : void 0, H = o !== void 0 && !!s, U = H ? o : L, W = d(() => r.filter((e) => !U.includes(e.key)), [r, U]), G = d(() => r.filter((e) => U.includes(e.key)), [r, U]), [K, q] = p(null), [J, Y] = p(null), [ee, X] = p(""), Z = f(null);
+	K && !W.some((e) => e.key === K) && q(null), J && !G.some((e) => e.key === J) && Y(null);
+	let Q = (e) => {
+		b || I((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, te = (e, t) => {
 		if (b) return;
 		let n = e;
-		n.every((e) => M.includes(e)) ? N((e) => e.filter((e) => !n.includes(e))) : N((e) => [.../* @__PURE__ */ new Set([...e, ...n])]);
-	}, Z = (e) => {
+		n.every((e) => F.includes(e)) ? I((e) => e.filter((e) => !n.includes(e))) : I((e) => [.../* @__PURE__ */ new Set([...e, ...n])]);
+	}, $ = (e) => {
 		if (b) return;
-		let t = e === "toRight" ? V.map((e) => e.key) : H.map((e) => e.key), n = M.filter((e) => t.includes(e));
+		let t = e === "toRight" ? W.map((e) => e.key) : G.map((e) => e.key), n = F.filter((e) => t.includes(e));
 		if (n.length === 0) return;
-		let r = e === "toRight" ? [...B, ...n] : B.filter((e) => !n.includes(e));
-		z || F(r), s && s(r, e, n), N((e) => e.filter((e) => !n.includes(e)));
-		let i = e === "toRight" ? A(n.length) : j(n.length);
-		J.current && clearTimeout(J.current), q(""), J.current = setTimeout(() => q(i), 50);
-	}, Q = (e, t, n) => {
+		let r = e === "toRight" ? [...U, ...n] : U.filter((e) => !n.includes(e));
+		H || R(r), s && s(r, e, n), I((e) => e.filter((e) => !n.includes(e)));
+		let i = e === "toRight" ? N(n.length) : P(n.length);
+		Z.current && clearTimeout(Z.current), X(""), Z.current = setTimeout(() => X(i), 50);
+	}, ne = (e, t, n) => {
 		let r = e.filter((e) => !e.disabled);
 		if (r.length === 0) return null;
 		if (t === null) return n === 1 ? r[0].key : r[r.length - 1].key;
 		let i = r.findIndex((e) => e.key === t);
 		return i === -1 ? r[0].key : r[(i + n + r.length) % r.length].key;
-	}, $ = (e, t, n) => {
+	}, re = (e, t, n) => {
 		if (b) return;
-		let r = t === "source" ? U : G, i = t === "source" ? W : K;
-		if (e.key === "ArrowDown") e.preventDefault(), i(Q(n, r, 1));
-		else if (e.key === "ArrowUp") e.preventDefault(), i(Q(n, r, -1));
+		let r = t === "source" ? K : J, i = t === "source" ? q : Y;
+		if (e.key === "ArrowDown") e.preventDefault(), i(ne(n, r, 1));
+		else if (e.key === "ArrowUp") e.preventDefault(), i(ne(n, r, -1));
 		else if (e.key === "Home") {
 			e.preventDefault();
 			let t = n.find((e) => !e.disabled);
@@ -147,16 +147,16 @@ var _ = 36, v = 50, y = ({ data: t, title: n, listType: a, id: u, disabled: d, s
 		} else if (e.key === " ") {
 			e.preventDefault();
 			let t = n.find((e) => e.key === r);
-			t && !t.disabled && Y(t.key);
-		} else e.key === "Enter" && (e.preventDefault(), Z(t === "source" ? "toRight" : "toLeft"));
-	}, te = M.filter((e) => V.some((t) => t.key === e)).length === 0, ne = M.filter((e) => H.some((t) => t.key === e)).length === 0;
+			t && !t.disabled && Q(t.key);
+		} else e.key === "Enter" && (e.preventDefault(), $(t === "source" ? "toRight" : "toLeft"));
+	}, ie = F.filter((e) => W.some((t) => t.key === e)).length === 0, ae = F.filter((e) => G.some((t) => t.key === e)).length === 0;
 	return /* @__PURE__ */ h(a, {
 		label: x,
 		error: S,
 		required: C,
 		layout: w,
-		labelId: L,
-		errorId: R,
+		labelId: B,
+		errorId: V,
 		className: _,
 		children: /* @__PURE__ */ g("div", {
 			className: m(c.container, "wim-transfer"),
@@ -168,22 +168,23 @@ var _ = 36, v = 50, y = ({ data: t, title: n, listType: a, id: u, disabled: d, s
 				className: m(c.root, b && c.disabled),
 				style: v,
 				role: "group",
-				"aria-labelledby": x ? L : void 0,
-				"aria-describedby": R,
+				"aria-labelledby": x ? B : D,
+				"aria-label": x || D ? void 0 : E,
+				"aria-describedby": [O, V].filter(Boolean).join(" ") || void 0,
 				children: [
 					/* @__PURE__ */ h(y, {
 						className: "wim-transfer__list",
-						data: V,
-						title: D[0],
+						data: W,
+						title: A[0],
 						listType: "source",
-						id: I,
+						id: z,
 						disabled: b,
-						selectedKeys: M,
-						focusedKey: U,
-						setFocusedKey: W,
-						onSelect: Y,
-						onSelectAll: X,
-						onKeyDown: $,
+						selectedKeys: F,
+						focusedKey: K,
+						setFocusedKey: q,
+						onSelect: Q,
+						onSelectAll: te,
+						onKeyDown: re,
 						labels: T
 					}),
 					/* @__PURE__ */ g("div", {
@@ -192,33 +193,33 @@ var _ = 36, v = 50, y = ({ data: t, title: n, listType: a, id: u, disabled: d, s
 							variant: "outline",
 							size: "sm",
 							className: c.button,
-							onClick: () => Z("toRight"),
-							disabled: b || te,
+							onClick: () => $("toRight"),
+							disabled: b || ie,
 							icon: "ChevronRightIcon",
-							"aria-label": O
+							"aria-label": j
 						}), /* @__PURE__ */ h(n, {
 							variant: "outline",
 							size: "sm",
 							className: c.button,
-							onClick: () => Z("toLeft"),
-							disabled: b || ne,
+							onClick: () => $("toLeft"),
+							disabled: b || ae,
 							icon: "ChevronLeftIcon",
-							"aria-label": k
+							"aria-label": M
 						})]
 					}),
 					/* @__PURE__ */ h(y, {
 						className: "wim-transfer__list",
-						data: H,
-						title: D[1],
+						data: G,
+						title: A[1],
 						listType: "target",
-						id: I,
+						id: z,
 						disabled: b,
-						selectedKeys: M,
-						focusedKey: G,
-						setFocusedKey: K,
-						onSelect: Y,
-						onSelectAll: X,
-						onKeyDown: $,
+						selectedKeys: F,
+						focusedKey: J,
+						setFocusedKey: Y,
+						onSelect: Q,
+						onSelectAll: te,
+						onKeyDown: re,
 						labels: T
 					})
 				]

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

package/dist/components/layout/Dashboard/Dashboard.d.ts

@@ -33,10 +33,15 @@ export interface DashboardProps extends Omit<React.ComponentPropsWithoutRef<"div
     /**
      * Heading level for the widget titles. Match it to the page: a dashboard
      * under an `h1` needs `2`, one under an `h2` section keeps `3`.
+     * The `label` heading sits one level above the widget titles, and never
+     * above `h2`.
      * @default 3
      */
     titleLevel?: DashboardTitleLevel;
-    /** Dashboard heading label. */
+    /**
+     * Dashboard heading label. Rendered one level above `titleLevel` (`h2` by
+     * default, and `h2` at the highest).
+     */
     label?: string;
 }
 export declare const Dashboard: React.ForwardRefExoticComponent<DashboardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/layout/Dashboard/Dashboard.js

@@ -35,7 +35,7 @@ var v = u(null), y = () => {
 		F,
 		f,
 		w
-	]);
+	]), B = `h${Math.max(2, w - 1)}`;
 	return /* @__PURE__ */ g(v.Provider, {
 		value: z,
 		children: /* @__PURE__ */ _("div", {
@@ -46,7 +46,7 @@ var v = u(null), y = () => {
 			...k,
 			children: [(T || R) && /* @__PURE__ */ _("div", {
 				className: c.header,
-				children: [T && /* @__PURE__ */ g("h2", {
+				children: [T && /* @__PURE__ */ g(B, {
 					className: c.heading,
 					children: T
 				}), R && /* @__PURE__ */ g(s, {

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.56.1 — a React 19 component library: 228 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.57.0 — a React 19 component library: 228 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
 
@@ -729,8 +729,11 @@ readers have learnt to skip.
     - `showEditToggle: boolean` — Show the edit toggle button in the header. Default: true.
     - `titleLevel: 2 | 3 | 4 | 5 | 6` = 3 — Heading level for the widget titles. Match it to the page: a dashboard
 under an `h1` needs `2`, one under an `h2` section keeps `3`.
+The `label` heading sits one level above the widget titles, and never
+above `h2`.
 @default 3
-    - `label: string` — Dashboard heading label.
+    - `label: string` — Dashboard heading label. Rendered one level above `titleLevel` (`h2` by
+default, and `h2` at the highest).
 - **Divider** — Content separator (aka Separator, Horizontal Rule)
     - `orientation: "horizontal" | "vertical"` = "horizontal" — Orientation of the divider
     - `thickness: number` — Thickness of the line, in pixels. Left out, the line is as thick as every
@@ -1153,6 +1156,9 @@ so the unit does not have to be repeated in the label.
     - `error: string` — Error message
     - `required: boolean` — Whether to show the required indicator
     - `layout: "vertical" | "horizontal"` = "vertical" — Layout direction of label and field
+    - `aria-label: string` — Accessible name for the group of the two date fields when no visible `label` is provided.
+    - `aria-labelledby: string` — ID of the element that labels the group of the two date fields when no visible `label` is provided.
+    - `aria-describedby: string` — ID of the element that describes the group. Announced together with the error message.
 - **Dropzone** — Drag & drop files
     - `label: React.ReactNode` — Field label.
     - `description: React.ReactNode` — Description text shown in the drag-and-drop area.
@@ -1489,6 +1495,9 @@ so the unit does not have to be repeated in the label.
     - `layout: "vertical" | "horizontal"` = "vertical" — Layout direction of label and field.
     - `className: string` — Additional class names.
     - `fullWidth: boolean` = false — Whether to take full width of parent.
+    - `aria-label: string` — Accessible name for the phone number input when no visible `label` is provided.
+    - `aria-labelledby: string` — ID of the element that labels the phone number input when no visible `label` is provided.
+    - `aria-describedby: string` — ID of the element that describes the phone number input. Announced together with the error message.
 - **QueryBuilder** — Visual builder for constructing complex search queries.
     - `fields: QueryField[]` (required) — Field definitions
     - `query: QueryGroup` — Current query state (controlled)
@@ -1640,6 +1649,9 @@ so the unit does not have to be repeated in the label.
     - `disabled: boolean` = false — Whether the control is disabled
     - `asChild: boolean` = false — If true, merge radiogroup props onto the child element.
     - `children: React.ReactNode` — Optional children used when asChild is true
+    - `aria-label: string` — Accessible name for the radio group when no visible `label` is provided.
+    - `aria-labelledby: string` — ID of the element that labels the radio group when no visible `label` is provided.
+    - `aria-describedby: string` — ID of the element that describes the radio group. Announced together with the error message.
     - `id: string` — Unique ID for the component
     - `styles: { root?: string; item?: string; slider?: string; label?: string; }` — Custom styles for internal parts
 - **Select** — A dropdown menu for selecting one option from a predefined list (aka Pop-Up Button, Select Menu)
@@ -1845,6 +1857,9 @@ so the unit does not have to be repeated in the label.
     - `required: boolean` — Whether to show the required indicator
     - `layout: "vertical" | "horizontal"` = "vertical" — Layout direction of label and field
     - `labels: { noData?: React.ReactNode; moveToTarget?: string; moveToSource?: string; statusMovedToTarget?: (count: number) => string; statusMovedToSource?: (count: number) => string; }` = {} — Labels for internationalization
+    - `aria-label: string` — Accessible name for the group of the two lists when no visible `label` is provided.
+    - `aria-labelledby: string` — ID of the element that labels the group of the two lists when no visible `label` is provided.
+    - `aria-describedby: string` — ID of the element that describes the group. Announced together with the error message.
 - **TreeSelect** — Select from tree structure
     - `treeData: TreeSelectNode[]` = [] — Tree nodes to select from
     - `value: string | string[]` — Selected value(s) (controlled)
@@ -3469,6 +3484,10 @@ written in the markdown. Default `"2xl"` keeps the historical mapping
 - **ThoughtProcess** — Visualizes AI reasoning steps and execution states in a timeline format.
     - `children: React.ReactNode` (required) — Reasoning steps to display (typically ThoughtStep elements)
     - `title: string` = "Thinking Process" — Header title
+    - `titleLevel: 2 | 3 | 4 | 5 | 6` = 3 — Heading level of the title when `isCollapsible` is false. Match it to the
+page: under an `h1` use `2`, under an `h3` use `4`. Has no effect when
+`isCollapsible` is true, where the title is a toggle button, not a heading.
+@default 3
     - `className: string` — Additional CSS class
     - `isCollapsible: boolean` = true — Whether the body can be collapsed
     - `defaultExpanded: boolean` = true — Initial expanded state (only relevant when isCollapsible is true)

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.56.1 — a React 19 component library: 228 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.57.0 — a React 19 component library: 228 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