wimui 0.57.1 → 0.58.0

package/dist/components/form/Select/Select.js

@@ -97,76 +97,80 @@ var m = u(({ options: u = [], value: m, onChange: h, placeholder: g, label: _, e
 			onMouseMove: () => pe(!1),
 			"data-keyboard-nav": fe,
 			...xe,
-			children: [/* @__PURE__ */ p(t, { children: [/* @__PURE__ */ f(a, {
-				disabled: S,
-				allowClear: D,
-				hasValue: !!W,
-				onClear: ve,
-				intent: L,
-				rightIcons: [{
-					name: "ChevronDownIcon",
-					rotated: R
-				}],
-				width: ae,
-				fullWidth: O,
-				styles: j?.inputBase,
-				children: /* @__PURE__ */ f("div", {
-					id: I,
-					className: d(l.trigger, R && l.open, S && l.disabled, j?.trigger),
-					onClick: _e,
-					onKeyDown: Y,
-					tabIndex: S ? -1 : 0,
-					role: "combobox",
-					"aria-expanded": R,
-					"aria-haspopup": "listbox",
-					"aria-controls": R ? F : void 0,
-					"aria-disabled": S,
-					"aria-labelledby": N || $,
-					"aria-label": _ ? void 0 : typeof Q == "string" ? Q : typeof g == "string" ? g : void 0,
-					"aria-describedby": P || be,
-					"aria-required": y ? "true" : void 0,
-					"aria-invalid": L === "danger" ? "true" : "false",
-					"aria-activedescendant": R ? Z : void 0,
-					ref: he,
+			children: [
+				/* @__PURE__ */ f(a, {
+					disabled: S,
+					allowClear: D,
+					hasValue: !!W,
+					onClear: ve,
+					intent: L,
+					rightIcons: [{
+						name: "ChevronDownIcon",
+						rotated: R
+					}],
+					width: ae,
+					fullWidth: O,
+					styles: j?.inputBase,
 					children: /* @__PURE__ */ f("div", {
-						className: d(l.value, !K && l.placeholder, j?.value),
-						children: K ? K.label : g
-					})
-				})
-			}), /* @__PURE__ */ p(r, {
-				show: R && !S,
-				preset: "fade",
-				className: d(l.dropdown, j?.dropdown),
-				children: [C && /* @__PURE__ */ f("div", {
-					className: d(l.search, j?.search),
-					children: /* @__PURE__ */ f("input", {
-						ref: ge,
-						type: "text",
-						className: d(l.searchInput, j?.searchInput),
-						placeholder: w,
-						value: z,
-						onChange: (e) => {
-							B(e.target.value), H(-1);
-						},
-						onClick: (e) => e.stopPropagation(),
+						id: I,
+						className: d(l.trigger, R && l.open, S && l.disabled, j?.trigger),
+						onClick: _e,
 						onKeyDown: Y,
-						"aria-label": w,
-						"aria-controls": F,
-						"aria-activedescendant": Z
+						tabIndex: S ? -1 : 0,
+						role: "combobox",
+						"aria-expanded": R,
+						"aria-haspopup": "listbox",
+						"aria-controls": R ? F : void 0,
+						"aria-disabled": S,
+						"aria-labelledby": N || $,
+						"aria-label": _ ? void 0 : typeof Q == "string" ? Q : typeof g == "string" ? g : void 0,
+						"aria-describedby": P || be,
+						"aria-required": y ? "true" : void 0,
+						"aria-invalid": L === "danger" ? "true" : "false",
+						"aria-activedescendant": R ? Z : void 0,
+						ref: he,
+						children: /* @__PURE__ */ f("div", {
+							className: d(l.value, !K && l.placeholder, j?.value),
+							children: K ? K.label : g
+						})
 					})
-				}), /* @__PURE__ */ f("ul", {
-					id: F,
-					className: d(l.list, j?.list),
-					role: "listbox",
-					"aria-labelledby": _ ? N : $ || void 0,
-					children: G.length === 0 ? /* @__PURE__ */ f("li", {
-						className: d(l.empty, j?.empty),
-						role: "option",
-						"aria-selected": "false",
-						children: ie ?? ue("select.no_options")
-					}) : X()
-				})]
-			})] }), se]
+				}),
+				/* @__PURE__ */ p(r, {
+					show: R && !S,
+					preset: "fade",
+					className: d(l.dropdown, j?.dropdown),
+					children: [C && /* @__PURE__ */ f("div", {
+						className: d(l.search, j?.search),
+						children: /* @__PURE__ */ f("input", {
+							ref: ge,
+							type: "text",
+							className: d(l.searchInput, j?.searchInput),
+							placeholder: w,
+							value: z,
+							onChange: (e) => {
+								B(e.target.value), H(-1);
+							},
+							onClick: (e) => e.stopPropagation(),
+							onKeyDown: Y,
+							"aria-label": w,
+							"aria-controls": F,
+							"aria-activedescendant": Z
+						})
+					}), /* @__PURE__ */ f("ul", {
+						id: F,
+						className: d(l.list, j?.list),
+						role: "listbox",
+						"aria-labelledby": _ ? N : $ || void 0,
+						children: G.length === 0 ? /* @__PURE__ */ f("li", {
+							className: d(l.empty, j?.empty),
+							role: "option",
+							"aria-selected": "false",
+							children: ie ?? ue("select.no_options")
+						}) : X()
+					})]
+				}),
+				/* @__PURE__ */ f(t, { children: se })
+			]
 		})
 	});
 });

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

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

@@ -7,8 +7,8 @@ import { forwardRef as a, useCallback as o, useEffect as s, useId as c, useRef a
 import d from "classnames";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/form/Slider/Slider.tsx
-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) => {
+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: ee, "aria-label": te, "aria-labelledby": ne, "aria-describedby": D, 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 = ee || 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]);
@@ -65,35 +65,39 @@ var m = a(({ value: a, defaultValue: m = 0, min: h = 0, max: g = 100, step: _ =
 			onTouchStart: X,
 			ref: M,
 			...j,
-			children: [/* @__PURE__ */ p(t, { children: [/* @__PURE__ */ p("div", {
-				className: i.trackContainer,
-				ref: L,
-				children: [/* @__PURE__ */ f("div", {
-					ref: z,
-					className: i.track,
-					style: { width: `${$}%` }
-				}), /* @__PURE__ */ f("div", {
-					ref: R,
-					className: i.thumb,
-					style: { left: `${$}%` },
-					role: "slider",
-					"aria-valuemin": h,
-					"aria-valuemax": g,
-					"aria-valuenow": I,
-					"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__ */ f("input", {
-				ref: B,
-				type: "hidden",
-				name: S,
-				value: I
-			})] }), O ? A : null]
+			children: [
+				/* @__PURE__ */ p("div", {
+					className: i.trackContainer,
+					ref: L,
+					children: [/* @__PURE__ */ f("div", {
+						ref: z,
+						className: i.track,
+						style: { width: `${$}%` }
+					}), /* @__PURE__ */ f("div", {
+						ref: R,
+						className: i.thumb,
+						style: { left: `${$}%` },
+						role: "slider",
+						"aria-valuemin": h,
+						"aria-valuemax": g,
+						"aria-valuenow": I,
+						"aria-disabled": v,
+						"aria-labelledby": C ? G : ne,
+						"aria-label": C ? void 0 : te,
+						"aria-describedby": [D, w ? K : void 0].filter(Boolean).join(" ") || void 0,
+						"aria-invalid": w ? !0 : void 0,
+						tabIndex: v ? -1 : 0,
+						onKeyDown: re
+					})]
+				}),
+				/* @__PURE__ */ f("input", {
+					ref: B,
+					type: "hidden",
+					name: S,
+					value: I
+				}),
+				O ? /* @__PURE__ */ f(t, { children: A }) : null
+			]
 		})
 	});
 });

package/dist/components/form/SwitchGroup/SwitchGroup.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("../FieldTemplate/FieldTemplate.cjs"),r=require("../Switch/Switch.cjs"),i=require("./switch-group.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,a.forwardRef)(({options:e,value:c,defaultValue:l=[],onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-switch-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=(e,t)=>{let n;n=t?[...O||[],e]:(O||[]).filter(t=>t!==e),S||w(n),u&&u(n)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-switch-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`group`,"aria-labelledby":m?E:b[`aria-labelledby`],"aria-describedby":[b[`aria-describedby`],D].filter(Boolean).join(` `)||void 0,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Switch,{value:e.value,checked:(O||[]).includes(e.value),disabled:_||e.disabled,error:!!h,name:f,onChange:t=>k(e.value,t.target.checked),children:e.label},e.value))}),y]})})});c.displayName=`SwitchGroup`,exports.SwitchGroup=c,exports.default=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../Switch/Switch.cjs"),i=require("./switch-group.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,a.forwardRef)(({options:e,value:c,defaultValue:l=[],onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-switch-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=(e,t)=>{let n;n=t?[...O||[],e]:(O||[]).filter(t=>t!==e),S||w(n),u&&u(n)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-switch-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`group`,"aria-labelledby":m?E:b[`aria-labelledby`],"aria-describedby":[b[`aria-describedby`],D].filter(Boolean).join(` `)||void 0,children:[e.map(e=>(0,s.jsx)(r.Switch,{value:e.value,checked:(O||[]).includes(e.value),disabled:_||e.disabled,error:!!h,name:f,onChange:t=>k(e.value,t.target.checked),children:e.label},e.value)),(0,s.jsx)(t.Slottable,{children:y})]})})});c.displayName=`SwitchGroup`,exports.SwitchGroup=c,exports.default=c;

package/dist/components/form/SwitchGroup/SwitchGroup.js

@@ -26,7 +26,7 @@ var d = a(({ options: a, value: d, defaultValue: f = [], onChange: p, direction:
 			role: "group",
 			"aria-labelledby": _ ? k : C["aria-labelledby"],
 			"aria-describedby": [C["aria-describedby"], A].filter(Boolean).join(" ") || void 0,
-			children: [/* @__PURE__ */ l(t, { children: a.map((e) => /* @__PURE__ */ l(r, {
+			children: [a.map((e) => /* @__PURE__ */ l(r, {
 				value: e.value,
 				checked: (j || []).includes(e.value),
 				disabled: b || e.disabled,
@@ -34,7 +34,7 @@ var d = a(({ options: a, value: d, defaultValue: f = [], onChange: p, direction:
 				name: h,
 				onChange: (t) => M(e.value, t.target.checked),
 				children: e.label
-			}, e.value)) }), S]
+			}, e.value)), /* @__PURE__ */ l(t, { children: S })]
 		})
 	});
 });

package/dist/components/navigation/Breadcrumb/Breadcrumb.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("../../../icon/chevron-right.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./breadcrumb.module.cjs"),s=require("../Link/Link.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)(({items:e,separator:c,size:d=`md`,className:f,ariaLabel:p,asChild:m,...h},g)=>{let{t:_}=n.useWimTranslation(r.commonNs),v=p??_(`a11y.breadcrumb`),y=m?t.Root:`nav`,b=(0,u.jsx)(a.Icon,{component:i.default,size:d,className:o.default.separatorIcon});return(0,u.jsx)(y,{ref:g,"aria-label":v,className:(0,l.default)(`wim-breadcrumb`,o.default.root,o.default[d],f),onKeyDown:e=>{let t=e.currentTarget,n=Array.from(t.querySelectorAll(`.${o.default.link}, .${o.default.label}.${o.default.current}`)),r=n.indexOf(document.activeElement);r!==-1&&(e.key===`ArrowRight`?(e.preventDefault(),n[(r+1)%n.length].focus()):e.key===`ArrowLeft`&&(e.preventDefault(),n[(r-1+n.length)%n.length].focus()))},...h,children:(0,u.jsx)(`ol`,{className:o.default.list,children:e.map((t,n)=>{let r=n===e.length-1;return(0,u.jsxs)(`li`,{className:o.default.item,children:[(0,u.jsx)(`div`,{className:o.default.content,children:t.href&&!r?(0,u.jsx)(s.Link,{href:t.href,size:d,priority:`secondary`,iconName:t.iconName,className:o.default.link,styles:{label:o.default.linkLabel},children:t.label}):(0,u.jsxs)(`span`,{className:(0,l.default)(o.default.label,r&&o.default.current),"aria-current":r?`page`:void 0,tabIndex:r?0:void 0,role:r?`link`:void 0,children:[t.iconName&&(0,u.jsx)(a.Icon,{name:t.iconName,size:d,className:o.default.labelIcon}),t.label]})}),!r&&(0,u.jsx)(`span`,{className:o.default.separator,"aria-hidden":`true`,children:c||b})]},n)})})})});d.displayName=`Breadcrumb`,exports.Breadcrumb=d;
+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("../../../icon/chevron-right.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./breadcrumb.module.cjs"),s=require("../Link/Link.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)(({items:e,separator:c,size:d=`md`,className:f,ariaLabel:p,asChild:m,children:h,...g},_)=>{let{t:v}=n.useWimTranslation(r.commonNs),y=p??v(`a11y.breadcrumb`),b=m?t.Root:`nav`,x=(0,u.jsx)(a.Icon,{component:i.default,size:d,className:o.default.separatorIcon});return(0,u.jsxs)(b,{ref:_,"aria-label":y,className:(0,l.default)(`wim-breadcrumb`,o.default.root,o.default[d],f),onKeyDown:e=>{let t=e.currentTarget,n=Array.from(t.querySelectorAll(`.${o.default.link}, .${o.default.label}.${o.default.current}`)),r=n.indexOf(document.activeElement);r!==-1&&(e.key===`ArrowRight`?(e.preventDefault(),n[(r+1)%n.length].focus()):e.key===`ArrowLeft`&&(e.preventDefault(),n[(r-1+n.length)%n.length].focus()))},...g,children:[(0,u.jsx)(`ol`,{className:o.default.list,children:e.map((t,n)=>{let r=n===e.length-1;return(0,u.jsxs)(`li`,{className:o.default.item,children:[(0,u.jsx)(`div`,{className:o.default.content,children:t.href&&!r?(0,u.jsx)(s.Link,{href:t.href,size:d,priority:`secondary`,iconName:t.iconName,className:o.default.link,styles:{label:o.default.linkLabel},children:t.label}):(0,u.jsxs)(`span`,{className:(0,l.default)(o.default.label,r&&o.default.current),"aria-current":r?`page`:void 0,tabIndex:r?0:void 0,role:r?`link`:void 0,children:[t.iconName&&(0,u.jsx)(a.Icon,{name:t.iconName,size:d,className:o.default.labelIcon}),t.label]})}),!r&&(0,u.jsx)(`span`,{className:o.default.separator,"aria-hidden":`true`,children:c||x})]},n)})}),m?(0,u.jsx)(t.Slottable,{children:h}):null]})});d.displayName=`Breadcrumb`,exports.Breadcrumb=d;

package/dist/components/navigation/Breadcrumb/Breadcrumb.d.ts

@@ -32,6 +32,11 @@ type BreadcrumbProps = {
      * If true, the breadcrumb will be rendered as its child, merging its props onto that child.
      */
     asChild?: boolean;
+    /**
+     * The element that becomes the breadcrumb's root (in place of `nav`) when
+     * `asChild` is set. The list of items is rendered inside it. Ignored without `asChild`.
+     */
+    children?: React.ReactNode;
 };
 export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
 export {};

package/dist/components/navigation/Breadcrumb/Breadcrumb.js

@@ -1,67 +1,67 @@
 "use client";
-import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { useWimTranslation as t } from "../../../i18n/useWimTranslation.js";
-import { commonNs as n } from "../../../i18n/generated/common.js";
-import r from "../../../icon/chevron-right.js";
-import { Icon as i } from "../../media/Icon/Icon.js";
-import a from "./breadcrumb.module.js";
-import { Link as o } from "../Link/Link.js";
-import { forwardRef as s } from "react";
-import c from "classnames";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
+import { commonNs as r } from "../../../i18n/generated/common.js";
+import i from "../../../icon/chevron-right.js";
+import { Icon as a } from "../../media/Icon/Icon.js";
+import o from "./breadcrumb.module.js";
+import { Link as s } from "../Link/Link.js";
+import { forwardRef as c } from "react";
+import l from "classnames";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/navigation/Breadcrumb/Breadcrumb.tsx
-var d = s(({ items: s, separator: d, size: f = "md", className: p, ariaLabel: m, asChild: h, ...g }, _) => {
-	let { t: v } = t(n), y = m ?? v("a11y.breadcrumb"), b = h ? e : "nav", x = /* @__PURE__ */ l(i, {
-		component: r,
-		size: f,
-		className: a.separatorIcon
+var f = c(({ items: c, separator: f, size: p = "md", className: m, ariaLabel: h, asChild: g, children: _, ...v }, y) => {
+	let { t: b } = n(r), x = h ?? b("a11y.breadcrumb"), S = g ? e : "nav", C = /* @__PURE__ */ u(a, {
+		component: i,
+		size: p,
+		className: o.separatorIcon
 	});
-	return /* @__PURE__ */ l(b, {
-		ref: _,
-		"aria-label": y,
-		className: c("wim-breadcrumb", a.root, a[f], p),
+	return /* @__PURE__ */ d(S, {
+		ref: y,
+		"aria-label": x,
+		className: l("wim-breadcrumb", o.root, o[p], m),
 		onKeyDown: (e) => {
-			let t = e.currentTarget, n = Array.from(t.querySelectorAll(`.${a.link}, .${a.label}.${a.current}`)), r = n.indexOf(document.activeElement);
+			let t = e.currentTarget, n = Array.from(t.querySelectorAll(`.${o.link}, .${o.label}.${o.current}`)), r = n.indexOf(document.activeElement);
 			r !== -1 && (e.key === "ArrowRight" ? (e.preventDefault(), n[(r + 1) % n.length].focus()) : e.key === "ArrowLeft" && (e.preventDefault(), n[(r - 1 + n.length) % n.length].focus()));
 		},
-		...g,
-		children: /* @__PURE__ */ l("ol", {
-			className: a.list,
-			children: s.map((e, t) => {
-				let n = t === s.length - 1;
-				return /* @__PURE__ */ u("li", {
-					className: a.item,
-					children: [/* @__PURE__ */ l("div", {
-						className: a.content,
-						children: e.href && !n ? /* @__PURE__ */ l(o, {
+		...v,
+		children: [/* @__PURE__ */ u("ol", {
+			className: o.list,
+			children: c.map((e, t) => {
+				let n = t === c.length - 1;
+				return /* @__PURE__ */ d("li", {
+					className: o.item,
+					children: [/* @__PURE__ */ u("div", {
+						className: o.content,
+						children: e.href && !n ? /* @__PURE__ */ u(s, {
 							href: e.href,
-							size: f,
+							size: p,
 							priority: "secondary",
 							iconName: e.iconName,
-							className: a.link,
-							styles: { label: a.linkLabel },
+							className: o.link,
+							styles: { label: o.linkLabel },
 							children: e.label
-						}) : /* @__PURE__ */ u("span", {
-							className: c(a.label, n && a.current),
+						}) : /* @__PURE__ */ d("span", {
+							className: l(o.label, n && o.current),
 							"aria-current": n ? "page" : void 0,
 							tabIndex: n ? 0 : void 0,
 							role: n ? "link" : void 0,
-							children: [e.iconName && /* @__PURE__ */ l(i, {
+							children: [e.iconName && /* @__PURE__ */ u(a, {
 								name: e.iconName,
-								size: f,
-								className: a.labelIcon
+								size: p,
+								className: o.labelIcon
 							}), e.label]
 						})
-					}), !n && /* @__PURE__ */ l("span", {
-						className: a.separator,
+					}), !n && /* @__PURE__ */ u("span", {
+						className: o.separator,
 						"aria-hidden": "true",
-						children: d || x
+						children: f || C
 					})]
 				}, t);
 			})
-		})
+		}), g ? /* @__PURE__ */ u(t, { children: _ }) : null]
 	});
 });
-d.displayName = "Breadcrumb";
+f.displayName = "Breadcrumb";
 //#endregion
-export { d as Breadcrumb };
+export { f as Breadcrumb };

package/dist/components/navigation/Stepper/Stepper.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("../../../icon/check.cjs"),r=require("../../../icon/close.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./stepper.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=(0,o.forwardRef)(({steps:e=[],current:o=0,direction:l=`horizontal`,labelPlacement:u=`horizontal`,intent:d=`process`,className:f,ariaLabel:p,onChange:m,asChild:h,...g},_)=>{let v=h?t.Root:`div`,y=(e,t)=>t||(e<o?`finish`:e===o?d:`wait`),b=(e,t,a)=>a||(t===`finish`?(0,c.jsx)(i.Icon,{component:n.default,size:`sm`}):t===`error`?(0,c.jsx)(i.Icon,{component:r.default,size:`sm`}):(0,c.jsx)(`span`,{children:e+1}));return(0,c.jsx)(`div`,{className:a.default.container,children:(0,c.jsx)(v,{ref:_,className:(0,s.default)(`wim-stepper`,a.default.root,a.default[l],u===`vertical`&&a.default.labelVertical,f),role:m?`tablist`:p?`group`:void 0,"aria-label":p,"aria-orientation":m?l:void 0,onKeyDown:t=>{if(!m)return;let n=Array.from(t.currentTarget.querySelectorAll(`[role="tab"]`)),r=document.activeElement;if(n.indexOf(r)===-1||![`ArrowRight`,`ArrowLeft`,`ArrowDown`,`ArrowUp`,`Home`,`End`].includes(t.key))return;t.preventDefault();let i=n.filter((t,n)=>!e[n]?.disabled),a=i.indexOf(r);if(a===-1)return;let o;o=t.key===`ArrowRight`||t.key===`ArrowDown`?(a+1)%i.length:t.key===`ArrowLeft`||t.key===`ArrowUp`?(a-1+i.length)%i.length:t.key===`Home`?0:i.length-1;let s=i[o];s.focus(),m(n.indexOf(s))},...g,children:e.map((e,t)=>{let n=y(t,e.intent),r=!!m&&!e.disabled;return(0,c.jsxs)(`div`,{className:(0,s.default)(a.default.item,a.default[n],u===`vertical`&&a.default.labelVertical),onClick:()=>r&&m(t),style:{cursor:r?`pointer`:`default`},role:m?`tab`:void 0,"aria-selected":m?t===o:void 0,"aria-disabled":e.disabled?`true`:void 0,"data-testid":`stepper-item`,"data-status":n,tabIndex:m?!e.disabled&&t===o?0:-1:r?0:-1,onKeyDown:e=>{r&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),m(t))},children:[(0,c.jsx)(`div`,{className:a.default.line}),(0,c.jsx)(`div`,{className:a.default.iconContainer,children:b(t,n,e.icon)}),(0,c.jsxs)(`div`,{className:a.default.content,children:[(0,c.jsx)(`span`,{className:a.default.title,"data-testid":`stepper-title`,children:e.title}),e.description&&(0,c.jsx)(`span`,{className:a.default.description,children:e.description})]})]},t)})})})});l.displayName=`Stepper`,exports.Stepper=l,exports.default=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/close.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./stepper.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=(0,o.forwardRef)(({steps:e=[],current:o=0,direction:l=`horizontal`,labelPlacement:u=`horizontal`,intent:d=`process`,className:f,ariaLabel:p,onChange:m,asChild:h,children:g,..._},v)=>{let y=h?t.Root:`div`,b=(e,t)=>t||(e<o?`finish`:e===o?d:`wait`),x=(e,t,a)=>a||(t===`finish`?(0,c.jsx)(i.Icon,{component:n.default,size:`sm`}):t===`error`?(0,c.jsx)(i.Icon,{component:r.default,size:`sm`}):(0,c.jsx)(`span`,{children:e+1}));return(0,c.jsx)(`div`,{className:a.default.container,children:(0,c.jsxs)(y,{ref:v,className:(0,s.default)(`wim-stepper`,a.default.root,a.default[l],u===`vertical`&&a.default.labelVertical,f),role:m?`tablist`:p?`group`:void 0,"aria-label":p,"aria-orientation":m?l:void 0,onKeyDown:t=>{if(!m)return;let n=Array.from(t.currentTarget.querySelectorAll(`[role="tab"]`)),r=document.activeElement;if(n.indexOf(r)===-1||![`ArrowRight`,`ArrowLeft`,`ArrowDown`,`ArrowUp`,`Home`,`End`].includes(t.key))return;t.preventDefault();let i=n.filter((t,n)=>!e[n]?.disabled),a=i.indexOf(r);if(a===-1)return;let o;o=t.key===`ArrowRight`||t.key===`ArrowDown`?(a+1)%i.length:t.key===`ArrowLeft`||t.key===`ArrowUp`?(a-1+i.length)%i.length:t.key===`Home`?0:i.length-1;let s=i[o];s.focus(),m(n.indexOf(s))},..._,children:[e.map((e,t)=>{let n=b(t,e.intent),r=!!m&&!e.disabled;return(0,c.jsxs)(`div`,{className:(0,s.default)(a.default.item,a.default[n],u===`vertical`&&a.default.labelVertical),onClick:()=>r&&m(t),style:{cursor:r?`pointer`:`default`},role:m?`tab`:void 0,"aria-selected":m?t===o:void 0,"aria-disabled":e.disabled?`true`:void 0,"data-testid":`stepper-item`,"data-status":n,tabIndex:m?!e.disabled&&t===o?0:-1:r?0:-1,onKeyDown:e=>{r&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),m(t))},children:[(0,c.jsx)(`div`,{className:a.default.line}),(0,c.jsx)(`div`,{className:a.default.iconContainer,children:x(t,n,e.icon)}),(0,c.jsxs)(`div`,{className:a.default.content,children:[(0,c.jsx)(`span`,{className:a.default.title,"data-testid":`stepper-title`,children:e.title}),e.description&&(0,c.jsx)(`span`,{className:a.default.description,children:e.description})]})]},t)}),h?(0,c.jsx)(t.Slottable,{children:g}):null]})})});l.displayName=`Stepper`,exports.Stepper=l,exports.default=l;

package/dist/components/navigation/Stepper/Stepper.d.ts

@@ -31,6 +31,11 @@ export interface StepperProps {
     onChange?: (current: number) => void;
     /** Whether to use the Radix Slot pattern */
     asChild?: boolean;
+    /**
+     * The element that becomes the stepper's root when `asChild` is set
+     * (the steps are rendered inside it). Ignored without `asChild`.
+     */
+    children?: React.ReactNode;
 }
 export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
 export default Stepper;

package/dist/components/navigation/Stepper/Stepper.js

@@ -1,31 +1,31 @@
 "use client";
-import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import t from "../../../icon/check.js";
-import n from "../../../icon/close.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
-import i from "./stepper.module.js";
-import { forwardRef as a } from "react";
-import o from "classnames";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import n from "../../../icon/check.js";
+import r from "../../../icon/close.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import a from "./stepper.module.js";
+import { forwardRef as o } from "react";
+import s from "classnames";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/navigation/Stepper/Stepper.tsx
-var l = a(({ steps: a = [], current: l = 0, direction: u = "horizontal", labelPlacement: d = "horizontal", intent: f = "process", className: p, ariaLabel: m, onChange: h, asChild: g, ..._ }, v) => {
-	let y = g ? e : "div", b = (e, t) => t || (e < l ? "finish" : e === l ? f : "wait"), x = (e, i, a) => a || (i === "finish" ? /* @__PURE__ */ s(r, {
-		component: t,
-		size: "sm"
-	}) : i === "error" ? /* @__PURE__ */ s(r, {
+var u = o(({ steps: o = [], current: u = 0, direction: d = "horizontal", labelPlacement: f = "horizontal", intent: p = "process", className: m, ariaLabel: h, onChange: g, asChild: _, children: v, ...y }, b) => {
+	let x = _ ? e : "div", S = (e, t) => t || (e < u ? "finish" : e === u ? p : "wait"), C = (e, t, a) => a || (t === "finish" ? /* @__PURE__ */ c(i, {
 		component: n,
 		size: "sm"
-	}) : /* @__PURE__ */ s("span", { children: e + 1 }));
-	return /* @__PURE__ */ s("div", {
-		className: i.container,
-		children: /* @__PURE__ */ s(y, {
-			ref: v,
-			className: o("wim-stepper", i.root, i[u], d === "vertical" && i.labelVertical, p),
-			role: h ? "tablist" : m ? "group" : void 0,
-			"aria-label": m,
-			"aria-orientation": h ? u : void 0,
+	}) : t === "error" ? /* @__PURE__ */ c(i, {
+		component: r,
+		size: "sm"
+	}) : /* @__PURE__ */ c("span", { children: e + 1 }));
+	return /* @__PURE__ */ c("div", {
+		className: a.container,
+		children: /* @__PURE__ */ l(x, {
+			ref: b,
+			className: s("wim-stepper", a.root, a[d], f === "vertical" && a.labelVertical, m),
+			role: g ? "tablist" : h ? "group" : void 0,
+			"aria-label": h,
+			"aria-orientation": g ? d : void 0,
 			onKeyDown: (e) => {
-				if (!h) return;
+				if (!g) return;
 				let t = Array.from(e.currentTarget.querySelectorAll("[role=\"tab\"]")), n = document.activeElement;
 				if (t.indexOf(n) === -1 || ![
 					"ArrowRight",
@@ -36,52 +36,52 @@ var l = a(({ steps: a = [], current: l = 0, direction: u = "horizontal", labelPl
 					"End"
 				].includes(e.key)) return;
 				e.preventDefault();
-				let r = t.filter((e, t) => !a[t]?.disabled), i = r.indexOf(n);
+				let r = t.filter((e, t) => !o[t]?.disabled), i = r.indexOf(n);
 				if (i === -1) return;
-				let o;
-				o = e.key === "ArrowRight" || e.key === "ArrowDown" ? (i + 1) % r.length : e.key === "ArrowLeft" || e.key === "ArrowUp" ? (i - 1 + r.length) % r.length : e.key === "Home" ? 0 : r.length - 1;
-				let s = r[o];
-				s.focus(), h(t.indexOf(s));
+				let a;
+				a = e.key === "ArrowRight" || e.key === "ArrowDown" ? (i + 1) % r.length : e.key === "ArrowLeft" || e.key === "ArrowUp" ? (i - 1 + r.length) % r.length : e.key === "Home" ? 0 : r.length - 1;
+				let s = r[a];
+				s.focus(), g(t.indexOf(s));
 			},
-			..._,
-			children: a.map((e, t) => {
-				let n = b(t, e.intent), r = !!h && !e.disabled;
-				return /* @__PURE__ */ c("div", {
-					className: o(i.item, i[n], d === "vertical" && i.labelVertical),
-					onClick: () => r && h(t),
+			...y,
+			children: [o.map((e, t) => {
+				let n = S(t, e.intent), r = !!g && !e.disabled;
+				return /* @__PURE__ */ l("div", {
+					className: s(a.item, a[n], f === "vertical" && a.labelVertical),
+					onClick: () => r && g(t),
 					style: { cursor: r ? "pointer" : "default" },
-					role: h ? "tab" : void 0,
-					"aria-selected": h ? t === l : void 0,
+					role: g ? "tab" : void 0,
+					"aria-selected": g ? t === u : void 0,
 					"aria-disabled": e.disabled ? "true" : void 0,
 					"data-testid": "stepper-item",
 					"data-status": n,
-					tabIndex: h ? !e.disabled && t === l ? 0 : -1 : r ? 0 : -1,
+					tabIndex: g ? !e.disabled && t === u ? 0 : -1 : r ? 0 : -1,
 					onKeyDown: (e) => {
-						r && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), h(t));
+						r && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), g(t));
 					},
 					children: [
-						/* @__PURE__ */ s("div", { className: i.line }),
-						/* @__PURE__ */ s("div", {
-							className: i.iconContainer,
-							children: x(t, n, e.icon)
-						}),
+						/* @__PURE__ */ c("div", { className: a.line }),
 						/* @__PURE__ */ c("div", {
-							className: i.content,
-							children: [/* @__PURE__ */ s("span", {
-								className: i.title,
+							className: a.iconContainer,
+							children: C(t, n, e.icon)
+						}),
+						/* @__PURE__ */ l("div", {
+							className: a.content,
+							children: [/* @__PURE__ */ c("span", {
+								className: a.title,
 								"data-testid": "stepper-title",
 								children: e.title
-							}), e.description && /* @__PURE__ */ s("span", {
-								className: i.description,
+							}), e.description && /* @__PURE__ */ c("span", {
+								className: a.description,
 								children: e.description
 							})]
 						})
 					]
 				}, t);
-			})
+			}), _ ? /* @__PURE__ */ c(t, { children: v }) : null]
 		})
 	});
 });
-l.displayName = "Stepper";
+u.displayName = "Stepper";
 //#endregion
-export { l as Stepper, l as default };
+export { u as Stepper, u as default };

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.57.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.58.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
 
@@ -2143,6 +2143,8 @@ follows the theme and never needs a hand-mixed colour.
     - `className: string` — Additional CSS class name for the container.
     - `ariaLabel: string` — Accessible label of the navigation landmark. Defaults to a localized "breadcrumb" label.
     - `asChild: boolean` — If true, the breadcrumb will be rendered as its child, merging its props onto that child.
+    - `children: React.ReactNode` — The element that becomes the breadcrumb's root (in place of `nav`) when
+`asChild` is set. The list of items is rendered inside it. Ignored without `asChild`.
 - **CommandPalette** — Cmd+K search overlay (aka Command Bar, Quick Open)
     - `children: ReactNode` (required) — Palette parts (CommandPaletteTrigger, CommandPaletteContent, etc.).
     - `open: boolean` — Controlled open state. Use together with onOpenChange.
@@ -2238,6 +2240,8 @@ 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
+    - `children: React.ReactNode` — The element that becomes the stepper's root when `asChild` is set
+(the steps are rendered inside it). Ignored without `asChild`.
 - **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`.
 

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.57.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.58.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