wimui 0.57.2 → 0.58.1

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.2 — 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.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
 
@@ -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.2 — 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.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