wimui 0.52.9 → 0.53.1

package/dist/components/ai/ThoughtProcess/thought-process.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_xia4z_4`,t=`_thinking_xia4z_23`,n=`_header_xia4z_41`,r=`_chevron_xia4z_76`,i=`_expanded_xia4z_81`,a=`_title_xia4z_84`,o=`_bodyWrapper_xia4z_89`,s=`_open_xia4z_94`,c=`_body_xia4z_89`,l=`_item_xia4z_119`,u=`_content_xia4z_122`,d=`_label_xia4z_125`,f=`_text_xia4z_141`,p=`_connector_xia4z_146`,m=`_spinner_xia4z_149`,h=`_pending_xia4z_168`,g=`_error_xia4z_171`,_=`_streaming_xia4z_177`,v={root:e,thinking:t,"thought-pulse":`_thought-pulse_xia4z_1`,header:n,chevron:r,expanded:i,title:a,bodyWrapper:o,open:s,body:c,item:l,content:u,label:d,text:f,connector:p,spinner:m,"thought-spin":`_thought-spin_xia4z_1`,pending:h,error:g,streaming:_,"cursor-blink":`_cursor-blink_xia4z_1`};exports.body=c,exports.bodyWrapper=o,exports.chevron=r,exports.connector=p,exports.content=u,exports.default=v,exports.error=g,exports.expanded=i,exports.header=n,exports.item=l,exports.label=d,exports.open=s,exports.pending=h,exports.root=e,exports.spinner=m,exports.streaming=_,exports.text=f,exports.thinking=t,exports.title=a;
+var e=`_root_124ez_3`,t=`_thinking_124ez_22`,n=`_header_124ez_40`,r=`_chevron_124ez_75`,i=`_expanded_124ez_80`,a=`_title_124ez_83`,o=`_bodyWrapper_124ez_88`,s=`_open_124ez_93`,c=`_body_124ez_88`,l=`_item_124ez_118`,u=`_content_124ez_121`,d=`_label_124ez_124`,f=`_text_124ez_133`,p=`_connector_124ez_138`,m=`_spinner_124ez_141`,h=`_pending_124ez_160`,g=`_error_124ez_163`,_=`_streaming_124ez_169`,v={root:e,thinking:t,"thought-pulse":`_thought-pulse_124ez_1`,header:n,chevron:r,expanded:i,title:a,bodyWrapper:o,open:s,body:c,item:l,content:u,label:d,text:f,connector:p,spinner:m,"thought-spin":`_thought-spin_124ez_1`,pending:h,error:g,streaming:_,"cursor-blink":`_cursor-blink_124ez_1`};exports.body=c,exports.bodyWrapper=o,exports.chevron=r,exports.connector=p,exports.content=u,exports.default=v,exports.error=g,exports.expanded=i,exports.header=n,exports.item=l,exports.label=d,exports.open=s,exports.pending=h,exports.root=e,exports.spinner=m,exports.streaming=_,exports.text=f,exports.thinking=t,exports.title=a;

package/dist/components/ai/ThoughtProcess/thought-process.module.js

@@ -1,9 +1,9 @@
 "use client";
 //#region src/components/ai/ThoughtProcess/thought-process.module.scss
-var e = "_root_xia4z_4", t = "_thinking_xia4z_23", n = "_header_xia4z_41", r = "_chevron_xia4z_76", i = "_expanded_xia4z_81", a = "_title_xia4z_84", o = "_bodyWrapper_xia4z_89", s = "_open_xia4z_94", c = "_body_xia4z_89", l = "_item_xia4z_119", u = "_content_xia4z_122", d = "_label_xia4z_125", f = "_text_xia4z_141", p = "_connector_xia4z_146", m = "_spinner_xia4z_149", h = "_pending_xia4z_168", g = "_error_xia4z_171", _ = "_streaming_xia4z_177", v = {
+var e = "_root_124ez_3", t = "_thinking_124ez_22", n = "_header_124ez_40", r = "_chevron_124ez_75", i = "_expanded_124ez_80", a = "_title_124ez_83", o = "_bodyWrapper_124ez_88", s = "_open_124ez_93", c = "_body_124ez_88", l = "_item_124ez_118", u = "_content_124ez_121", d = "_label_124ez_124", f = "_text_124ez_133", p = "_connector_124ez_138", m = "_spinner_124ez_141", h = "_pending_124ez_160", g = "_error_124ez_163", _ = "_streaming_124ez_169", v = {
 	root: e,
 	thinking: t,
-	"thought-pulse": "_thought-pulse_xia4z_1",
+	"thought-pulse": "_thought-pulse_124ez_1",
 	header: n,
 	chevron: r,
 	expanded: i,
@@ -17,11 +17,11 @@ var e = "_root_xia4z_4", t = "_thinking_xia4z_23", n = "_header_xia4z_41", r = "
 	text: f,
 	connector: p,
 	spinner: m,
-	"thought-spin": "_thought-spin_xia4z_1",
+	"thought-spin": "_thought-spin_124ez_1",
 	pending: h,
 	error: g,
 	streaming: _,
-	"cursor-blink": "_cursor-blink_xia4z_1"
+	"cursor-blink": "_cursor-blink_124ez_1"
 };
 //#endregion
 export { c as body, o as bodyWrapper, r as chevron, p as connector, u as content, v as default, g as error, i as expanded, n as header, l as item, d as label, s as open, h as pending, e as root, m as spinner, _ as streaming, f as text, t as thinking, a as title };

package/dist/components/data-display/Kanban/Kanban.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/common.cjs"),i=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),a=require("../../../icon/more-horizontal.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./kanban.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=(0,c.forwardRef)(({columns:e,onMove:i,onCardMove:a,className:o,forceMobileUI:d=!1,children:p,asChild:m=!1,...g},v)=>{let{t:y}=n.useWimTranslation(r.commonNs),[b,x]=(0,c.useState)(null),[S,C]=(0,c.useState)(null),[w,T]=(0,c.useState)(null),E=i||a,D=(e,t,n)=>{x({itemId:t,columnId:n}),e.dataTransfer.setData(`text/plain`,`${n}:${t}`),e.dataTransfer.effectAllowed=`move`},O=(e,t)=>{e.preventDefault(),C(t)},k=(e,t)=>{e.preventDefault(),C(null);let[n,r]=e.dataTransfer.getData(`text/plain`).split(`:`);E?.(r,n,t),x(null)},A=(e,t,n)=>{E?.(e,t,n),T(null)},j=c.default.useMemo(()=>{if(e)return e;let t=[];return c.default.Children.forEach(p,e=>{if(c.default.isValidElement(e)){let n=e.props;typeof n.id==`string`&&typeof n.title==`string`&&t.push({id:n.id,title:n.title,items:[]})}}),t},[p,e]),M=()=>p||(e?e.map(e=>(0,u.jsx)(_,{id:e.id,title:e.title,cardCount:e.items.length,children:e.items.map(e=>(0,u.jsx)(h,{id:e.id,children:e.content},e.id))},e.id)):null),N=m?t.Root:`div`;return(0,u.jsx)(f.Provider,{value:{draggedItem:b,dragOverColumn:S,setDragOverColumn:C,handleDragStart:D,handleDragOver:O,handleDrop:k,handleMobileMove:A,activeMobileMenu:w,setActiveMobileMenu:T,columns:j},children:(0,u.jsx)(N,{...g,ref:v,className:(0,l.default)(`wim-kanban`,s.default.root,d&&s.default.touch,o),role:`region`,"aria-label":y(`a11y.kanban_board`),tabIndex:0,children:(0,u.jsx)(t.Slottable,{children:M()})})})}),f=c.default.createContext(null),p=()=>{let e=c.default.useContext(f);if(!e)throw Error(`Kanban compound components must be used within Kanban`);return e},m=({id:e,title:t,cardCount:a,children:o,className:d})=>{let{dragOverColumn:f,handleDragOver:m,handleDrop:h,setDragOverColumn:g}=p(),{t:_}=n.useWimTranslation(r.commonNs),v=c.default.useId();return(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.column,{[s.default.dragOver]:f===e},d),role:`group`,"aria-labelledby":t?v:void 0,onDragOver:t=>m(t,e),onDrop:t=>h(t,e),onDragLeave:()=>g(null),children:[(0,u.jsxs)(`div`,{className:s.default.columnHeader,children:[(0,u.jsx)(`div`,{id:v,className:s.default.columnTitle,"aria-hidden":`true`,children:t}),a!==void 0&&(0,u.jsxs)(`div`,{className:s.default.columnCount,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,children:a}),(0,u.jsx)(i.VisuallyHidden,{children:_(`a11y.kanban_column_count`,{count:a})})]})]}),(0,u.jsx)(`div`,{className:s.default.columnBody,children:o})]})},h=({id:e,children:t,disabled:i,className:d})=>{let{t:f}=n.useWimTranslation(r.commonNs),{draggedItem:m,handleDragStart:h,handleMobileMove:_,activeMobileMenu:v,setActiveMobileMenu:y,columns:b}=p(),x=c.default.useContext(g);return(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.card,{[s.default.dragging]:m?.itemId===e,[s.default.disabled]:i},d),draggable:!i,onDragStart:t=>x&&h(t,e,x),children:[(0,u.jsx)(`div`,{className:s.default.cardContent,children:t}),(0,u.jsxs)(`div`,{className:s.default.cardMove,children:[(0,u.jsx)(`button`,{type:`button`,className:s.default.cardMoveBtn,onClick:()=>y(v===e?null:e),"aria-label":f(`a11y.move_card`),disabled:i,children:(0,u.jsx)(o.Icon,{component:a.default,size:`sm`})}),v===e&&(0,u.jsx)(`div`,{className:s.default.cardMoveMenu,role:`listbox`,"aria-label":f(`a11y.move_to_column`),children:b.filter(e=>e.id!==x).map(t=>(0,u.jsx)(`button`,{type:`button`,className:s.default.cardMoveOption,onClick:()=>x&&_(e,x,t.id),role:`option`,"aria-selected":!1,children:t.title},t.id))})]})]})},g=c.default.createContext(null),_=e=>(0,u.jsx)(g.Provider,{value:e.id,children:(0,u.jsx)(m,{...e})}),v=d;v.Column=_,v.Card=h,d.displayName=`Kanban`,v.displayName=`KanbanBoard`,m.displayName=`KanbanColumn`,h.displayName=`KanbanCard`,_.displayName=`KanbanColumnWrapper`,exports.Kanban=d,exports.KanbanBoard=v,exports.default=v,exports.KanbanCard=h,exports.KanbanColumn=m;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/common.cjs"),i=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),a=require("../../../icon/more-horizontal.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./kanban.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=(0,c.forwardRef)(({columns:e,onMove:i,onCardMove:a,className:o,forceMobileUI:d=!1,children:p,asChild:m=!1,...g},_)=>{let{t:y}=n.useWimTranslation(r.commonNs),[b,x]=(0,c.useState)(null),[S,C]=(0,c.useState)(null),[w,T]=(0,c.useState)(null),E=i||a,D=(e,t,n)=>{x({itemId:t,columnId:n}),e.dataTransfer.setData(`text/plain`,`${n}:${t}`),e.dataTransfer.effectAllowed=`move`},O=(e,t)=>{e.preventDefault(),C(t)},k=(e,t)=>{e.preventDefault(),C(null);let[n,r]=e.dataTransfer.getData(`text/plain`).split(`:`);E?.(r,n,t),x(null)},A=(e,t,n)=>{E?.(e,t,n),T(null)},j=c.default.useMemo(()=>{if(e)return e;let t=[];return c.default.Children.forEach(p,e=>{if(c.default.isValidElement(e)){let n=e.props;typeof n.id==`string`&&typeof n.title==`string`&&t.push({id:n.id,title:n.title,items:[]})}}),t},[p,e]),M=()=>p||(e?e.map(e=>(0,u.jsx)(v,{id:e.id,title:e.title,cardCount:e.items.length,children:e.items.map(e=>(0,u.jsx)(h,{id:e.id,children:e.content},e.id))},e.id)):null),N=m?t.Root:`div`;return(0,u.jsx)(f.Provider,{value:{draggedItem:b,dragOverColumn:S,setDragOverColumn:C,handleDragStart:D,handleDragOver:O,handleDrop:k,handleMobileMove:A,activeMobileMenu:w,setActiveMobileMenu:T,columns:j},children:(0,u.jsx)(N,{...g,ref:_,className:(0,l.default)(`wim-kanban`,s.default.root,d&&s.default.touch,o),role:`region`,"aria-label":y(`a11y.kanban_board`),tabIndex:0,children:(0,u.jsx)(t.Slottable,{children:M()})})})}),f=c.default.createContext(null),p=()=>{let e=c.default.useContext(f);if(!e)throw Error(`Kanban compound components must be used within Kanban`);return e},m=({id:e,title:t,cardCount:a,children:o,className:d})=>{let{dragOverColumn:f,handleDragOver:m,handleDrop:g,setDragOverColumn:v}=p(),{t:y}=n.useWimTranslation(r.commonNs),b=c.default.useId(),x=c.default.Children.toArray(o),S=x.length>0&&x.every(e=>c.default.isValidElement(e)&&e.type===h);return(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.column,{[s.default.dragOver]:f===e},d),role:`group`,"aria-labelledby":t?b:void 0,onDragOver:t=>m(t,e),onDrop:t=>g(t,e),onDragLeave:()=>v(null),children:[(0,u.jsxs)(`div`,{className:s.default.columnHeader,children:[(0,u.jsx)(`div`,{id:b,className:s.default.columnTitle,"aria-hidden":`true`,children:t}),a!==void 0&&(0,u.jsxs)(`div`,{className:s.default.columnCount,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,children:a}),(0,u.jsx)(i.VisuallyHidden,{children:y(`a11y.kanban_column_count`,{count:a})})]})]}),(0,u.jsx)(`div`,{className:s.default.columnBody,role:S?`list`:void 0,children:(0,u.jsx)(_.Provider,{value:S,children:o})})]})},h=({id:e,children:t,disabled:i,className:d})=>{let{t:f}=n.useWimTranslation(r.commonNs),{draggedItem:m,handleDragStart:h,handleMobileMove:v,activeMobileMenu:y,setActiveMobileMenu:b,columns:x}=p(),S=c.default.useContext(g),C=c.default.useContext(_);return(0,u.jsxs)(`div`,{role:C?`listitem`:void 0,className:(0,l.default)(s.default.card,{[s.default.dragging]:m?.itemId===e,[s.default.disabled]:i},d),draggable:!i,onDragStart:t=>S&&h(t,e,S),children:[(0,u.jsx)(`div`,{className:s.default.cardContent,children:t}),(0,u.jsxs)(`div`,{className:s.default.cardMove,children:[(0,u.jsx)(`button`,{type:`button`,className:s.default.cardMoveBtn,onClick:()=>b(y===e?null:e),"aria-label":f(`a11y.move_card`),disabled:i,children:(0,u.jsx)(o.Icon,{component:a.default,size:`sm`})}),y===e&&(0,u.jsx)(`div`,{className:s.default.cardMoveMenu,role:`listbox`,"aria-label":f(`a11y.move_to_column`),children:x.filter(e=>e.id!==S).map(t=>(0,u.jsx)(`button`,{type:`button`,className:s.default.cardMoveOption,onClick:()=>S&&v(e,S,t.id),role:`option`,"aria-selected":!1,children:t.title},t.id))})]})]})},g=c.default.createContext(null),_=c.default.createContext(!1),v=e=>(0,u.jsx)(g.Provider,{value:e.id,children:(0,u.jsx)(m,{...e})}),y=d;y.Column=v,y.Card=h,d.displayName=`Kanban`,y.displayName=`KanbanBoard`,m.displayName=`KanbanColumn`,h.displayName=`KanbanCard`,v.displayName=`KanbanColumnWrapper`,exports.Kanban=d,exports.KanbanBoard=y,exports.default=y,exports.KanbanCard=h,exports.KanbanColumn=m;

package/dist/components/data-display/Kanban/Kanban.js

@@ -11,7 +11,7 @@ import d from "classnames";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/data-display/Kanban/Kanban.tsx
 var m = l(({ columns: i, onMove: a, onCardMove: o, className: l, forceMobileUI: p = !1, children: m, asChild: g = !1, ..._ }, y) => {
-	let { t: x } = n(r), [S, C] = u(null), [w, T] = u(null), [E, D] = u(null), O = a || o, k = (e, t, n) => {
+	let { t: b } = n(r), [S, C] = u(null), [w, T] = u(null), [E, D] = u(null), O = a || o, k = (e, t, n) => {
 		C({
 			itemId: t,
 			columnId: n
@@ -37,7 +37,7 @@ var m = l(({ columns: i, onMove: a, onCardMove: o, className: l, forceMobileUI:
 				});
 			}
 		}), e;
-	}, [m, i]), P = () => m || (i ? i.map((e) => /* @__PURE__ */ f(b, {
+	}, [m, i]), P = () => m || (i ? i.map((e) => /* @__PURE__ */ f(x, {
 		id: e.id,
 		title: e.title,
 		cardCount: e.items.length,
@@ -64,7 +64,7 @@ var m = l(({ columns: i, onMove: a, onCardMove: o, className: l, forceMobileUI:
 			ref: y,
 			className: d("wim-kanban", s.root, p && s.touch, l),
 			role: "region",
-			"aria-label": x("a11y.kanban_board"),
+			"aria-label": b("a11y.kanban_board"),
 			tabIndex: 0,
 			children: /* @__PURE__ */ f(t, { children: P() })
 		})
@@ -74,18 +74,18 @@ var m = l(({ columns: i, onMove: a, onCardMove: o, className: l, forceMobileUI:
 	if (!e) throw Error("Kanban compound components must be used within Kanban");
 	return e;
 }, _ = ({ id: e, title: t, cardCount: a, children: o, className: l }) => {
-	let { dragOverColumn: u, handleDragOver: m, handleDrop: h, setDragOverColumn: _ } = g(), { t: v } = n(r), y = c.useId();
+	let { dragOverColumn: u, handleDragOver: m, handleDrop: h, setDragOverColumn: _ } = g(), { t: y } = n(r), x = c.useId(), S = c.Children.toArray(o), C = S.length > 0 && S.every((e) => c.isValidElement(e) && e.type === v);
 	return /* @__PURE__ */ p("div", {
 		className: d(s.column, { [s.dragOver]: u === e }, l),
 		role: "group",
-		"aria-labelledby": t ? y : void 0,
+		"aria-labelledby": t ? x : void 0,
 		onDragOver: (t) => m(t, e),
 		onDrop: (t) => h(t, e),
 		onDragLeave: () => _(null),
 		children: [/* @__PURE__ */ p("div", {
 			className: s.columnHeader,
 			children: [/* @__PURE__ */ f("div", {
-				id: y,
+				id: x,
 				className: s.columnTitle,
 				"aria-hidden": "true",
 				children: t
@@ -94,22 +94,27 @@ var m = l(({ columns: i, onMove: a, onCardMove: o, className: l, forceMobileUI:
 				children: [/* @__PURE__ */ f("span", {
 					"aria-hidden": "true",
 					children: a
-				}), /* @__PURE__ */ f(i, { children: v("a11y.kanban_column_count", { count: a }) })]
+				}), /* @__PURE__ */ f(i, { children: y("a11y.kanban_column_count", { count: a }) })]
 			})]
 		}), /* @__PURE__ */ f("div", {
 			className: s.columnBody,
-			children: o
+			role: C ? "list" : void 0,
+			children: /* @__PURE__ */ f(b.Provider, {
+				value: C,
+				children: o
+			})
 		})]
 	});
 }, v = ({ id: e, children: t, disabled: i, className: l }) => {
-	let { t: u } = n(r), { draggedItem: m, handleDragStart: h, handleMobileMove: _, activeMobileMenu: v, setActiveMobileMenu: b, columns: x } = g(), S = c.useContext(y);
+	let { t: u } = n(r), { draggedItem: m, handleDragStart: h, handleMobileMove: _, activeMobileMenu: v, setActiveMobileMenu: x, columns: S } = g(), C = c.useContext(y), w = c.useContext(b);
 	return /* @__PURE__ */ p("div", {
+		role: w ? "listitem" : void 0,
 		className: d(s.card, {
 			[s.dragging]: m?.itemId === e,
 			[s.disabled]: i
 		}, l),
 		draggable: !i,
-		onDragStart: (t) => S && h(t, e, S),
+		onDragStart: (t) => C && h(t, e, C),
 		children: [/* @__PURE__ */ f("div", {
 			className: s.cardContent,
 			children: t
@@ -118,7 +123,7 @@ var m = l(({ columns: i, onMove: a, onCardMove: o, className: l, forceMobileUI:
 			children: [/* @__PURE__ */ f("button", {
 				type: "button",
 				className: s.cardMoveBtn,
-				onClick: () => b(v === e ? null : e),
+				onClick: () => x(v === e ? null : e),
 				"aria-label": u("a11y.move_card"),
 				disabled: i,
 				children: /* @__PURE__ */ f(o, {
@@ -129,10 +134,10 @@ var m = l(({ columns: i, onMove: a, onCardMove: o, className: l, forceMobileUI:
 				className: s.cardMoveMenu,
 				role: "listbox",
 				"aria-label": u("a11y.move_to_column"),
-				children: x.filter((e) => e.id !== S).map((t) => /* @__PURE__ */ f("button", {
+				children: S.filter((e) => e.id !== C).map((t) => /* @__PURE__ */ f("button", {
 					type: "button",
 					className: s.cardMoveOption,
-					onClick: () => S && _(e, S, t.id),
+					onClick: () => C && _(e, C, t.id),
 					role: "option",
 					"aria-selected": !1,
 					children: t.title
@@ -140,10 +145,10 @@ var m = l(({ columns: i, onMove: a, onCardMove: o, className: l, forceMobileUI:
 			})]
 		})]
 	});
-}, y = c.createContext(null), b = (e) => /* @__PURE__ */ f(y.Provider, {
+}, y = c.createContext(null), b = c.createContext(!1), x = (e) => /* @__PURE__ */ f(y.Provider, {
 	value: e.id,
 	children: /* @__PURE__ */ f(_, { ...e })
-}), x = m;
-x.Column = b, x.Card = v, m.displayName = "Kanban", x.displayName = "KanbanBoard", _.displayName = "KanbanColumn", v.displayName = "KanbanCard", b.displayName = "KanbanColumnWrapper";
+}), S = m;
+S.Column = x, S.Card = v, m.displayName = "Kanban", S.displayName = "KanbanBoard", _.displayName = "KanbanColumn", v.displayName = "KanbanCard", x.displayName = "KanbanColumnWrapper";
 //#endregion
-export { m as Kanban, x as KanbanBoard, x as default, v as KanbanCard, _ as KanbanColumn };
+export { m as Kanban, S as KanbanBoard, S as default, v as KanbanCard, _ as KanbanColumn };

package/dist/components/data-display/Leaderboard/Leaderboard.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./leaderboard.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");var a=n.default.forwardRef(({entries:e,unit:n,size:a=`md`,className:o,...s},c)=>(0,i.jsx)(`ol`,{ref:c,className:(0,r.default)(`wim-leaderboard`,t.default.root,t.default[a],o),...s,children:e.map((e,a)=>{let o=a+1;return(0,i.jsxs)(`li`,{"aria-current":e.highlight?!0:void 0,className:(0,r.default)(t.default.item,o<=3&&t.default[`rank${o}`],e.highlight&&t.default.highlight),children:[(0,i.jsx)(`span`,{className:t.default.rank,"aria-hidden":`true`,children:o}),e.avatar&&(0,i.jsx)(`img`,{src:e.avatar,alt:``,className:t.default.avatar,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:t.default.name,children:e.name}),(0,i.jsxs)(`span`,{className:t.default.score,children:[(0,i.jsx)(`span`,{className:t.default.scoreValue,children:e.score}),n&&(0,i.jsx)(`span`,{className:t.default.unit,children:n})]})]},e.id)})}));a.displayName=`Leaderboard`,exports.Leaderboard=a;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./leaderboard.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");var a=n.default.forwardRef(({entries:e,unit:n,size:a=`md`,showMedals:o=!1,className:s,...c},l)=>(0,i.jsx)(`ol`,{ref:l,className:(0,r.default)(`wim-leaderboard`,t.default.root,t.default[a],s),...c,children:e.map((e,a)=>{let s=a+1;return(0,i.jsxs)(`li`,{"aria-current":e.highlight?!0:void 0,className:(0,r.default)(t.default.item,o&&s<=3&&t.default[`rank${s}`],e.highlight&&t.default.highlight),children:[(0,i.jsx)(`span`,{className:t.default.rank,"aria-hidden":`true`,children:s}),e.avatar&&(0,i.jsx)(`img`,{src:e.avatar,alt:``,className:t.default.avatar,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:t.default.name,children:e.name}),(0,i.jsxs)(`span`,{className:t.default.score,children:[(0,i.jsx)(`span`,{className:t.default.scoreValue,children:e.score}),n&&(0,i.jsx)(`span`,{className:t.default.unit,children:n})]})]},e.id)})}));a.displayName=`Leaderboard`,exports.Leaderboard=a;

package/dist/components/data-display/Leaderboard/Leaderboard.d.ts

@@ -14,9 +14,11 @@ export type LeaderboardProps = React.ComponentPropsWithoutRef<"ol"> & {
     unit?: string;
     /** Size */
     size?: ComponentSizeBasic;
+    /** Whether to paint the rank badges of the top three in gold, silver and bronze (off by default: the number and the order already say the rank) */
+    showMedals?: boolean;
 };
 /**
- * Component that displays a scored ranking. The top 3 entries get medal colors.
+ * Component that displays a scored ranking. Pass `showMedals` to give the top 3 entries medal colors.
  */
 export declare const Leaderboard: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
     /** List of ranking entries */
@@ -25,4 +27,6 @@ export declare const Leaderboard: React.ForwardRefExoticComponent<Omit<React.Det
     unit?: string;
     /** Size */
     size?: ComponentSizeBasic;
+    /** Whether to paint the rank badges of the top three in gold, silver and bronze (off by default: the number and the order already say the rank) */
+    showMedals?: boolean;
 } & React.RefAttributes<HTMLOListElement>>;

package/dist/components/data-display/Leaderboard/Leaderboard.js

@@ -4,20 +4,20 @@ import t from "react";
 import n from "classnames";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/data-display/Leaderboard/Leaderboard.tsx
-var a = t.forwardRef(({ entries: t, unit: a, size: o = "md", className: s, ...c }, l) => /* @__PURE__ */ r("ol", {
-	ref: l,
-	className: n("wim-leaderboard", e.root, e[o], s),
-	...c,
+var a = t.forwardRef(({ entries: t, unit: a, size: o = "md", showMedals: s = !1, className: c, ...l }, u) => /* @__PURE__ */ r("ol", {
+	ref: u,
+	className: n("wim-leaderboard", e.root, e[o], c),
+	...l,
 	children: t.map((t, o) => {
-		let s = o + 1;
+		let c = o + 1;
 		return /* @__PURE__ */ i("li", {
 			"aria-current": t.highlight ? !0 : void 0,
-			className: n(e.item, s <= 3 && e[`rank${s}`], t.highlight && e.highlight),
+			className: n(e.item, s && c <= 3 && e[`rank${c}`], t.highlight && e.highlight),
 			children: [
 				/* @__PURE__ */ r("span", {
 					className: e.rank,
 					"aria-hidden": "true",
-					children: s
+					children: c
 				}),
 				t.avatar && /* @__PURE__ */ r("img", {
 					src: t.avatar,

package/dist/components/feedback/Result/Result.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../icon/alert-circle.cjs"),r=require("../../../icon/check.cjs"),i=require("../../../icon/circle.cjs"),a=require("../../../icon/info-circle.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./result.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=({intent:e,status:t,className:s})=>{if(t)return(0,u.jsx)(o.Icon,{component:n.default,color:`text-tertiary`,className:s});switch(e){case`success`:return(0,u.jsx)(o.Icon,{component:r.default,color:`success`,className:s});case`danger`:return(0,u.jsx)(o.Icon,{component:n.default,color:`danger`,className:s});case`warning`:return(0,u.jsx)(o.Icon,{component:n.default,color:`warning`,className:s});case`info`:return(0,u.jsx)(o.Icon,{component:a.default,color:`info`,className:s});default:return(0,u.jsx)(o.Icon,{component:i.default,color:`text-tertiary`,className:s})}},f=({intent:e=`default`,status:n,title:r,description:i,extra:a,icon:o,iconSurface:c=!1,className:f,children:p})=>(0,u.jsx)(t.InteractiveArea,{icon:o||(0,u.jsx)(d,{intent:e,status:n,className:s.default.icon}),title:r??void 0,description:i??void 0,actions:a,variant:`none`,bgVariant:`transparent`,className:(0,l.default)(`wim-result`,s.default.root,e&&s.default[e],n&&s.default[n],c&&s.default.iconSurface,f),styles:{inner:s.default.inner,icon:s.default.icon,content:s.default.content},children:p});exports.Result=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../icon/alert-circle.cjs"),r=require("../../../icon/check.cjs"),i=require("../../../icon/info-circle.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./result.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({intent:e,status:t,className:o})=>{if(t)return(0,l.jsx)(a.Icon,{component:n.default,color:`text-tertiary`,className:o});switch(e){case`success`:return(0,l.jsx)(a.Icon,{component:r.default,color:`success`,className:o});case`danger`:return(0,l.jsx)(a.Icon,{component:n.default,color:`danger`,className:o});case`warning`:return(0,l.jsx)(a.Icon,{component:n.default,color:`warning`,className:o});case`info`:return(0,l.jsx)(a.Icon,{component:i.default,color:`info`,className:o});default:return null}},d=({intent:e=`default`,status:n,title:r,description:i,extra:a,icon:s,iconSurface:d=!1,className:f,children:p})=>(0,l.jsx)(t.InteractiveArea,{icon:s||(n||e!=="default"?(0,l.jsx)(u,{intent:e,status:n,className:o.default.icon}):void 0),title:r??void 0,description:i??void 0,actions:a,variant:`none`,bgVariant:`transparent`,className:(0,c.default)(`wim-result`,o.default.root,e&&o.default[e],n&&o.default[n],d&&o.default.iconSurface,f),styles:{inner:o.default.inner,icon:o.default.icon,content:o.default.content},children:p});exports.Result=d;

package/dist/components/feedback/Result/Result.d.ts

@@ -4,7 +4,7 @@ export type ResultIntent = Extract<WimIntent, "default" | "success" | "danger" |
 export type ResultHttpStatus = "404" | "403" | "500";
 export type ResultProps = {
     /**
-     * Semantic intent — determines the icon and color.
+     * Semantic intent — determines the icon and color. `default` draws no icon unless `icon` is passed.
      * @default "default"
      */
     intent?: ResultIntent;

package/dist/components/feedback/Result/Result.js

@@ -2,65 +2,60 @@
 import { InteractiveArea as e } from "../../layout/InteractiveArea/InteractiveArea.js";
 import t from "../../../icon/alert-circle.js";
 import n from "../../../icon/check.js";
-import r from "../../../icon/circle.js";
-import i from "../../../icon/info-circle.js";
-import { Icon as a } from "../../media/Icon/Icon.js";
-import o from "./result.module.js";
+import r from "../../../icon/info-circle.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import a from "./result.module.js";
 import "react";
-import s from "classnames";
-import { jsx as c } from "react/jsx-runtime";
+import o from "classnames";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/feedback/Result/Result.tsx
-var l = ({ intent: e, status: o, className: s }) => {
-	if (o) return /* @__PURE__ */ c(a, {
+var c = ({ intent: e, status: a, className: o }) => {
+	if (a) return /* @__PURE__ */ s(i, {
 		component: t,
 		color: "text-tertiary",
-		className: s
+		className: o
 	});
 	switch (e) {
-		case "success": return /* @__PURE__ */ c(a, {
+		case "success": return /* @__PURE__ */ s(i, {
 			component: n,
 			color: "success",
-			className: s
+			className: o
 		});
-		case "danger": return /* @__PURE__ */ c(a, {
+		case "danger": return /* @__PURE__ */ s(i, {
 			component: t,
 			color: "danger",
-			className: s
+			className: o
 		});
-		case "warning": return /* @__PURE__ */ c(a, {
+		case "warning": return /* @__PURE__ */ s(i, {
 			component: t,
 			color: "warning",
-			className: s
+			className: o
 		});
-		case "info": return /* @__PURE__ */ c(a, {
-			component: i,
-			color: "info",
-			className: s
-		});
-		default: return /* @__PURE__ */ c(a, {
+		case "info": return /* @__PURE__ */ s(i, {
 			component: r,
-			color: "text-tertiary",
-			className: s
+			color: "info",
+			className: o
 		});
+		default: return null;
 	}
-}, u = ({ intent: t = "default", status: n, title: r, description: i, extra: a, icon: u, iconSurface: d = !1, className: f, children: p }) => /* @__PURE__ */ c(e, {
-	icon: u || /* @__PURE__ */ c(l, {
+}, l = ({ intent: t = "default", status: n, title: r, description: i, extra: l, icon: u, iconSurface: d = !1, className: f, children: p }) => /* @__PURE__ */ s(e, {
+	icon: u || (n || t !== "default" ? /* @__PURE__ */ s(c, {
 		intent: t,
 		status: n,
-		className: o.icon
-	}),
+		className: a.icon
+	}) : void 0),
 	title: r ?? void 0,
 	description: i ?? void 0,
-	actions: a,
+	actions: l,
 	variant: "none",
 	bgVariant: "transparent",
-	className: s("wim-result", o.root, t && o[t], n && o[n], d && o.iconSurface, f),
+	className: o("wim-result", a.root, t && a[t], n && a[n], d && a.iconSurface, f),
 	styles: {
-		inner: o.inner,
-		icon: o.icon,
-		content: o.content
+		inner: a.inner,
+		icon: a.icon,
+		content: a.content
 	},
 	children: p
 });
 //#endregion
-export { u as Result };
+export { l as Result };

package/dist/components/navigation/Anchor/Anchor.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./anchor.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");var a=({items:e=[],bounds:a=5,offset:o=0,direction:s=`vertical`,className:c,style:l})=>{let[u,d]=(0,n.useState)(``),[f,p]=(0,n.useState)({}),m=(0,n.useRef)(null),h=(e,t)=>{e.preventDefault();let n=t.replace(`#`,``),r=document.getElementById(n);r&&(window.scrollTo({top:r.offsetTop-o,behavior:`smooth`}),d(t))};(0,n.useLayoutEffect)(()=>{let t=()=>{let t=(e,n)=>{let r=[];return e.forEach(e=>{r.push({href:e.href,parentHref:n}),e.children&&(r=r.concat(t(e.children,n||e.href)))}),r},n=t(e),r=``,i=window.scrollY||document.documentElement.scrollTop,c=document.documentElement.scrollHeight,l=document.documentElement.clientHeight;if(i>0&&Math.ceil(i+l)>=c&&n.length>0){let e=n[n.length-1];r=s===`horizontal`&&e.parentHref?e.parentHref:e.href}else for(let e of n){let t=e.href.replace(`#`,``),n=document.getElementById(t);if(n){if(n.getBoundingClientRect().top<=o+a)r=s===`horizontal`&&e.parentHref?e.parentHref:e.href;else break}}r&&r!==u&&d(r)};return window.addEventListener(`scroll`,t),t(),()=>window.removeEventListener(`scroll`,t)},[e,o,a,u,s]),(0,n.useLayoutEffect)(()=>{if(!u||!m.current)return;let e=m.current.querySelector(`a[href="${u}"]`);if(e){let n=m.current.getBoundingClientRect();if(s===`vertical`){let t=e.getBoundingClientRect();p({top:t.top-n.top,height:t.height,opacity:1})}else{let r=m.current.querySelector(`.${t.default.list}`);if(r){let t=e.getBoundingClientRect(),i=r.getBoundingClientRect(),a=t.left-i.left+r.scrollLeft,o=a-i.width/2+t.width/2,s=r.scrollWidth-i.width,c=Math.max(0,Math.min(o,s)),l=a-c+(i.left-n.left);p({left:l,width:t.width,opacity:1}),r.scrollTo({left:c,behavior:`smooth`})}else{let t=e.getBoundingClientRect();p({left:t.left-m.current.getBoundingClientRect().left,width:t.width,opacity:1})}}}else p({opacity:0})},[u,s]);let g=e=>(0,i.jsx)(`ul`,{className:(0,r.default)(t.default.list,t.default[s]),children:e.map(e=>(0,i.jsxs)(`li`,{className:(0,r.default)(t.default.item,u===e.href&&t.default.active),children:[(0,i.jsx)(`a`,{href:e.href,className:t.default.link,onClick:t=>h(t,e.href),title:typeof e.title==`string`?e.title:void 0,children:e.title}),e.children&&s===`vertical`&&g(e.children)]},e.key))});return(0,i.jsxs)(`div`,{className:(0,r.default)(`wim-anchor`,t.default.root,t.default[s],c),style:l,ref:m,children:[(0,i.jsx)(`div`,{className:t.default.ink,children:(0,i.jsx)(`span`,{className:t.default.inkBall,style:f})}),g(e)]})};exports.Anchor=a,exports.default=a;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./anchor.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");var a=({items:e=[],bounds:a=5,offset:o=0,direction:s=`vertical`,className:c,style:l})=>{let[u,d]=(0,n.useState)(``),[f,p]=(0,n.useState)({}),m=(0,n.useRef)(null),h=(e,t)=>{e.preventDefault();let n=t.replace(`#`,``),r=document.getElementById(n);r&&(window.scrollTo({top:r.offsetTop-o,behavior:`smooth`}),d(t))};(0,n.useLayoutEffect)(()=>{let t=()=>{let t=(e,n)=>{let r=[];return e.forEach(e=>{r.push({href:e.href,parentHref:n}),e.children&&(r=r.concat(t(e.children,n||e.href)))}),r},n=t(e),r=``,i=window.scrollY||document.documentElement.scrollTop,c=document.documentElement.scrollHeight,l=document.documentElement.clientHeight;if(i>0&&Math.ceil(i+l)>=c&&n.length>0){let e=n[n.length-1];r=s===`horizontal`&&e.parentHref?e.parentHref:e.href}else for(let e of n){let t=e.href.replace(`#`,``),n=document.getElementById(t);if(n){if(n.getBoundingClientRect().top<=o+a)r=s===`horizontal`&&e.parentHref?e.parentHref:e.href;else break}}r&&r!==u&&d(r)};return window.addEventListener(`scroll`,t),t(),()=>window.removeEventListener(`scroll`,t)},[e,o,a,u,s]),(0,n.useLayoutEffect)(()=>{if(!u||!m.current)return;let e=m.current.querySelector(`a[href="${u}"]`);if(e){let n=m.current.getBoundingClientRect();if(s===`vertical`){let t=e.getBoundingClientRect();p({top:t.top-n.top,height:t.height,opacity:1})}else{let r=m.current.querySelector(`.${t.default.list}`);if(r){let t=e.getBoundingClientRect(),i=r.getBoundingClientRect(),a=t.left-i.left+r.scrollLeft,o=a-i.width/2+t.width/2,s=r.scrollWidth-i.width,c=Math.max(0,Math.min(o,s)),l=a-c+(i.left-n.left);p({left:l,width:t.width,opacity:1}),r.scrollTo({left:c,behavior:`smooth`})}else{let t=e.getBoundingClientRect();p({left:t.left-m.current.getBoundingClientRect().left,width:t.width,opacity:1})}}}else p({opacity:0})},[u,s]);let g=e=>(0,i.jsx)(`ul`,{className:(0,r.default)(t.default.list,t.default[s]),children:e.map(e=>(0,i.jsxs)(`li`,{className:(0,r.default)(t.default.item,u===e.href&&t.default.active),children:[(0,i.jsx)(`a`,{href:e.href,className:t.default.link,"aria-current":u===e.href?`location`:void 0,onClick:t=>h(t,e.href),title:typeof e.title==`string`?e.title:void 0,children:e.title}),e.children&&s===`vertical`&&g(e.children)]},e.key))});return(0,i.jsxs)(`div`,{className:(0,r.default)(`wim-anchor`,t.default.root,t.default[s],c),style:l,ref:m,children:[(0,i.jsx)(`div`,{className:t.default.ink,children:(0,i.jsx)(`span`,{className:t.default.inkBall,style:f})}),g(e)]})};exports.Anchor=a,exports.default=a;

package/dist/components/navigation/Anchor/Anchor.js

@@ -85,6 +85,7 @@ var s = ({ items: s = [], bounds: c = 5, offset: l = 0, direction: u = "vertical
 			children: [/* @__PURE__ */ a("a", {
 				href: t.href,
 				className: e.link,
+				"aria-current": p === t.href ? "location" : void 0,
 				onClick: (e) => v(e, t.href),
 				title: typeof t.title == "string" ? t.title : void 0,
 				children: t.title

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.52.9 — 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.53.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).
 
 ## Install & required setup
 
@@ -854,7 +854,7 @@ number of pixels. Prefer the token so the gap follows the theme.
 @default "2xl"
     - `verticalSpacing: number | string` — Vertical spacing between rows (defaults to `spacing`)
     - `minChildWidth: number | string` — Minimum width of each child; columns wrap automatically to fit
-- **Splitter** — Split and resize panels
+- **Splitter** — Split and resize panels (aka Resizable, Resizable Panels, Split Pane)
     - `orientation: "horizontal" | "vertical"` = "horizontal" — The orientation of the splitter.
     - `children: React.ReactNode` (required) — The components to render within the splitter. Usually a combination of `Splitter.Panel` and `Splitter.Handle`.
 - **Stack** — Vertical/Horizontal alignment
@@ -1051,7 +1051,7 @@ Use it when the field already does the same thing from the keyboard.
 so the unit does not have to be repeated in the label.
     - `styles: { root?: string; inner?: string; icon?: string; icons?: string; iconItem?: string; iconButton?: string; }` — Custom styles for internal parts
     - `asChild: boolean` = false — Whether to render as a child element.
-- **Combobox** — Select with search
+- **Combobox** — Select with search (aka Autocomplete, Auto Complete)
     - `options: ComboboxOption[]` = [] — List of suggestion options
     - `onChange: (option: ComboboxOption) => void` — Callback when an option is selected
     - `placeholder: string` — Placeholder for the input
@@ -1198,7 +1198,7 @@ still do their job for assistive technology.
     - `htmlFor: string` — ID of the element the label points to
     - `errorId: string` — ID of the error message element
     - `styles: { root?: string; labelWrapper?: string; label?: string; content?: string; error?: string; }` — Custom styles for internal parts
-- **FileUpload** — File selection
+- **FileUpload** — File selection (aka Upload, File Input)
     - `label: React.ReactNode` — Field label
     - `buttonLabel: React.ReactNode` — Label of the file selection button
     - `noFileLabel: React.ReactNode` — Text shown when no file is selected
@@ -1407,7 +1407,7 @@ so the unit does not have to be repeated in the label.
     - `allowDecimal: boolean` = false — Whether to allow decimal points (effective only when mode="number")
     - `allowNegative: boolean` = false — Whether to allow negative numbers (effective only when mode="number")
     - `asChild: boolean` = false — Whether to render as a child element.
-- **OtpInput** — One-time password fields
+- **OtpInput** — One-time password fields (aka Pin Input, Input OTP, PIN Code Input)
     - `length: number` = 6 — Number of digits
     - `value: string` = "" — Current value (controlled)
     - `onChange: (value: string) => void` — Callback when the value changes
@@ -2000,7 +2000,7 @@ type therefore requires one of `label` / `aria-label` / `aria-labelledby`.
     - `indeterminate: boolean` = false — If true, shows an indeterminate animation instead of a value.
 @default false
 - **Result** — Task status indicator
-    - `intent: Extract< WimIntent, "default" | "success" | "danger" | "info" | "warning" >` = "default" — Semantic intent — determines the icon and color.
+    - `intent: Extract< WimIntent, "default" | "success" | "danger" | "info" | "warning" >` = "default" — Semantic intent — determines the icon and color. `default` draws no icon unless `icon` is passed.
 @default "default"
     - `status: "404" | "403" | "500"` — HTTP error status — adds a status-specific CSS class and shows a neutral icon.
 Use for error pages (404, 403, 500).
@@ -2061,7 +2061,7 @@ follows the theme and never needs a hand-mixed colour.
     - `label: string` — Text label displayed next to the spinner.
     - `labelPosition: "right" | "bottom"` = "right" — Position of the label relative to the spinner.
 @default "right"
-- **Toast** — Non-intrusive floating messages that provide feedback on system operations
+- **Toast** — Non-intrusive floating messages that provide feedback on system operations (aka Message, Sonner)
     - `id: string` — Identifier of the toast, passed to onClose. Used by ToastProvider to manage a stack.
     - `title: string` — Title of the toast.
     - `description: string` — Description text displayed below the title.
@@ -2208,7 +2208,7 @@ Defaults to a translated "Open menu" / "Close menu" (en / ja / pt), following th
     - `ariaLabel: string` — Accessibility label for the navigation
     - `onChange: (current: number) => void` — Callback function when a step is clicked (if applicable)
     - `asChild: boolean` — Whether to use the Radix Slot pattern
-- **TabBar** — Mobile bottom navigation
+- **TabBar** — Mobile bottom navigation (aka Bottom Navigation, Bottom Tab Bar)
     - `fixed: boolean` = true — Pins the bar to the bottom of the **viewport**. Defaults to `true`.
 
 The pin is `position: fixed`, so the bar leaves whatever container you put
@@ -2483,10 +2483,11 @@ in; use `"center"` only when the empty state is the only thing in its region.
     - `onCardMove: (itemId: string, fromColumnId: string, toColumnId: string) => void` — Callback when a card is moved (legacy / alternative name).
     - `forceMobileUI: boolean` = false — Whether to force the touch-device UI.
     - `asChild: boolean` = false — Whether to render as a child element.
-- **Leaderboard** — Display a ranked list of entries with scores and medal highlights for the top three positions.
+- **Leaderboard** — Display a ranked list of entries with scores. Medal colors for the top three are opt-in.
     - `entries: LeaderboardEntry[]` (required) — List of ranking entries
     - `unit: string` — Label for the score unit
     - `size: Extract<ComponentSize, "sm" | "md" | "lg">` = "md" — Size
+    - `showMedals: boolean` = false — Whether to paint the rank badges of the top three in gold, silver and bronze (off by default: the number and the order already say the rank)
 - **List** — Structurally organized items in bullet points or numbered formats
     - `asChild: boolean` = false — Whether to render as a child element.
     - `size: Extract<ComponentSize, "sm" | "md" | "lg">` = "md" — Size of the list items
@@ -2641,7 +2642,7 @@ renders inline, next to whatever follows it.
     - `asChild: boolean` = false — If true, the component will be rendered as its child.
     - `onSortEnd: (oldIndex: number, newIndex: number) => void` — Callback called when reordering is completed.
     - `disabled: boolean` = false — Whether the entire list is disabled.
-- **Stats** — A component to highlight key performance indicators and metrics
+- **Stats** — A component to highlight key performance indicators and metrics (aka Statistic, Stat)
     - `variant: React.ComponentProps<typeof Card>["variant"]` = "outline" — Visual style variant of the card
     - `asChild: boolean` = false — If true, the card will be rendered as its child, merging its props onto that child.
     - `interactive: boolean` = false — Whether the card is clickable: shows hover and press feedback and a pointer cursor

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.52.9 — 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.53.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).
 
 ## Install & required setup
 
@@ -221,7 +221,7 @@ export function BillingOverview() {
 - **ScrollArea** — A custom scrollbar component that provides high-performance, cross-browser consistent themes while maintaining a native-like feel.
 - **Sidebar** — A collapsible navigation or informational panel on the side of the screen (aka Source List, Inspector)
 - **SimpleGrid** — Responsive fixed grid
-- **Splitter** — Split and resize panels
+- **Splitter** — Split and resize panels (aka Resizable, Resizable Panels, Split Pane)
 - **Stack** — Vertical/Horizontal alignment
 - **Toolbar** — Action strip for IconButton, ToggleGroup, and related controls with toolbar keyboard navigation. (aka Action Bar)
 - **Transition** — Utilities for managing smooth enter and leave animations with CSS classes
@@ -237,7 +237,7 @@ export function BillingOverview() {
 - **CheckboxGroup** — Shared state checkboxes
 - **ColorInput** — Input with color preview (aka Color Well, Color Field)
 - **ColorPicker** — Color selection picker
-- **Combobox** — Select with search
+- **Combobox** — Select with search (aka Autocomplete, Auto Complete)
 - **CopyButton** — Copy to clipboard
 - **CounterTextarea** — Textarea with character count display
 - **CreditCardInput** — Payment card input with brand detection
@@ -247,7 +247,7 @@ export function BillingOverview() {
 - **FieldError** — Validation messages
 - **Fieldset** — Form grouping
 - **FieldTemplate** — Standardizes label placement, required markings, and error message display for all form-related components.
-- **FileUpload** — File selection
+- **FileUpload** — File selection (aka Upload, File Input)
 - **FloatButton** — Floating action buttons
 - **IconButton** — A square button containing only an icon without a text label.
 - **ImageCropper** — Front-end image cropping and rotation tool.
@@ -260,7 +260,7 @@ export function BillingOverview() {
 - **Mentions** — @ / # suggestions
 - **MultiSelect** — Multiple selection
 - **NumberInput** — Input with step adjustments (aka Spin Button, Numeric Stepper)
-- **OtpInput** — One-time password fields
+- **OtpInput** — One-time password fields (aka Pin Input, Input OTP, PIN Code Input)
 - **PasswordInput** — Password with toggle
 - **PasswordStrength** — Visual meter to indicate password security level. (aka Strength Meter)
 - **PhoneInput** — International phone number input
@@ -305,7 +305,7 @@ export function BillingOverview() {
 - **Skeleton** — Placeholder for content loading states. (aka Shimmer)
 - **Snackbar** — Bottom notifications
 - **Spinner** — A rotating icon indicating background activity or data fetching (aka Activity Indicator)
-- **Toast** — Non-intrusive floating messages that provide feedback on system operations
+- **Toast** — Non-intrusive floating messages that provide feedback on system operations (aka Message, Sonner)
 - **Tour** — Sequential guided walkthroughs to onboard users or highlight features
 
 ### navigation — `import { … } from "wimui/navigation"`
@@ -323,7 +323,7 @@ export function BillingOverview() {
 - **SpeedDial** — Floating action button that expands sub-actions on hover or click.
 - **Stepper** — Visual sequence steps
   - ⚠️ Not the same as elsewhere: In Apple HIG and macOS, a "Stepper" is the control that increments a number — that is `NumberInput` here. WIM's `Stepper` shows progress through a sequence of steps, which is what Material calls a Stepper.
-- **TabBar** — Mobile bottom navigation
+- **TabBar** — Mobile bottom navigation (aka Bottom Navigation, Bottom Tab Bar)
 - **TabNavigation** — Tab-based navigation
 - **Tabs** — A container to organize related content into switchable view panels
 
@@ -349,7 +349,7 @@ export function BillingOverview() {
 - **JsonDiffViewer** — Compares two JSON values as a formatted side-by-side or unified diff, built on top of CodeDiffViewer.
 - **JsonViewer** — Recursive tree viewer and editor for JSON data.
 - **Kanban** — Drag-and-drop board for visualizing workflow stages
-- **Leaderboard** — Display a ranked list of entries with scores and medal highlights for the top three positions.
+- **Leaderboard** — Display a ranked list of entries with scores. Medal colors for the top three are opt-in.
 - **List** — Structurally organized items in bullet points or numbered formats
 - **Markdown** — A component for safely rendering text in Markdown format.
 - **Marquee** — Scrolling text animation (aka Ticker)
@@ -363,7 +363,7 @@ export function BillingOverview() {
 - **RelativeTime** — Display a timestamp as a localized relative phrase ("3 minutes ago", "yesterday") that updates automatically as time passes.
 - **ScheduleView** — Displays tasks or events on a chronological timeline or calendar view.
 - **SortableList** — Item rearrangement and reordering
-- **Stats** — A component to highlight key performance indicators and metrics
+- **Stats** — A component to highlight key performance indicators and metrics (aka Statistic, Stat)
 - **SwipeableList** — Container for SwipeAction rows that keeps at most one row open at a time. (aka Swipeable List)
 - **SwipeAction** — Mobile-friendly swipe actions (delete, archive) for list items.
 - **Table** — Rows and columns for displaying structured data efficiently

package/dist/locales/en/components.json

@@ -117,7 +117,7 @@
     "reaction_desc": "Display emoji reaction buttons with toggleable state and counts",
     "keyboardShortcuts_desc": "Display a structured list of keyboard shortcuts",
     "autosave_desc": "Inline status indicator for automatic save state",
-    "leaderboard_desc": "Display a ranked list of entries with scores and medal highlights for the top three positions.",
+    "leaderboard_desc": "Display a ranked list of entries with scores. Medal colors for the top three are opt-in.",
     "gallery_desc": "Displays a responsive image grid with configurable columns, aspect ratios, multi-select, and an optional lightbox.",
     "dashboard_desc": "Arranges widgets in a configurable grid with an edit mode for adding, removing, and resizing them.",
     "field_character_count_desc": "Standardizes the display of character counts and limit indicators across text-based form inputs.",

package/dist/locales/ja/components.json

@@ -135,7 +135,7 @@
     "interactiveArea_desc": "枠線やホバー状態を持つ、一貫したインタラクティブエリアの基盤コンポーネント。",
     "jsonDiffViewer_desc": "2つの JSON 値を整形し、Side-by-Side または Unified 形式の差分として比較します。CodeDiffViewer をベースに構築されています。",
     "keyboardShortcuts_desc": "キーボードショートカットの一覧を構造化して表示する",
-    "leaderboard_desc": "スコアと上位3件へのメダルハイライト付きランキングを表示するコンポーネント。",
+    "leaderboard_desc": "スコア付きのランキングを表示するコンポーネント。上位3件のメダル色は、指定したときだけ付きます。",
     "levels_title": "強度レベルの定義",
     "nodeGraph_desc": "ノード間の複雑なネットワークや関係性を視覚化します。",
     "overlay_base_desc": "Dialog, Drawer, BottomSheet に対して、ポータルによるレンダリング、バックドロップ、フォーカス管理を標準化します。",

package/dist/locales/pt/components.json

@@ -135,7 +135,7 @@
     "interactiveArea_desc": "Componente base para áreas interativas consistentes com bordas e estados.",
     "jsonDiffViewer_desc": "Compara dois valores JSON como um diff formatado lado a lado ou unificado, construído sobre o CodeDiffViewer.",
     "keyboardShortcuts_desc": "Exibir uma lista estruturada de atalhos de teclado",
-    "leaderboard_desc": "Exibe uma lista classificada de entradas com pontuações e destaques de medalhas para as três primeiras posições.",
+    "leaderboard_desc": "Exibe uma lista classificada de entradas com pontuações. As cores de medalha para as três primeiras posições são opcionais.",
     "levels_title": "Definições de Nível",
     "nodeGraph_desc": "Visualiza redes complexas e relações entre nós.",
     "overlay_base_desc": "Padroniza a renderização baseada em portal, o plano de fundo e o gerenciamento de foco para Diálogos, Gavetas e BottomSheets.",