wimui 0.57.2 → 0.58.1

package/dist/components/form/Mentions/Mentions.js

@@ -4,88 +4,89 @@ import { BaseListItem as n } from "../../_internal/BaseListItem/BaseListItem.js"
 import { mergeRefs as r } from "../../_internal/mergeRefs.js";
 import { Textarea as i } from "../Textarea/Textarea.js";
 import a from "./mentions.module.js";
-import { forwardRef as o, useId as ee, useRef as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { forwardRef as o, useId as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/form/Mentions/Mentions.tsx
-var d = o(({ options: o, trigger: d = "@", value: f, defaultValue: te, onChange: p, onSelect: m, asChild: h = !1, children: g, intent: _, variant: v, fullWidth: y, fieldSizing: b, label: x, error: S, required: C, layout: w, width: T, placeholder: E, rows: D, cols: O, onCopy: k, onCut: ne, onPaste: re, ...A }, j) => {
-	let M = ee(), N = A.id || `wim-mentions-${M}`, [P, F] = c(te || ""), I = f !== void 0, L = I ? f : P, [R, z] = c(!1), [B, V] = c(""), [H, U] = c(0), [W, G] = c(-1), [K, q] = c(0), J = s(null), Y = s(null), ie = r(Y, j), X = o.filter((e) => e.display.toLowerCase().includes(B.toLowerCase())), ae = (e) => {
+var f = o(({ options: o, trigger: f = "@", value: p, defaultValue: ee, onChange: m, onSelect: h, asChild: g = !1, children: _, intent: v, variant: y, fullWidth: b, fieldSizing: x, label: S, error: C, required: w, layout: T, width: E, placeholder: D, rows: te, cols: ne, onCopy: O, onCut: k, onPaste: A, ...j }, M) => {
+	let N = s(), P = j.id || `wim-mentions-${N}`, [F, I] = l(ee || ""), L = p !== void 0, R = L ? p : F, [z, B] = l(!1), [V, H] = l(""), [U, W] = l(0), [G, K] = l(-1), [q, J] = l(0), Y = c(null), X = c(null), re = r(X, M), Z = o.filter((e) => e.display.toLowerCase().includes(V.toLowerCase())), ie = (e) => {
 		let t = e.target.value, n = e.target.selectionStart;
-		U(n), I || F(t), p && p(e);
-		let r = t.slice(0, n), i = r.lastIndexOf(d);
+		W(n), L || I(t), m && m(e);
+		let r = t.slice(0, n), i = r.lastIndexOf(f);
 		if (i !== -1) {
-			let e = r.slice(i + d.length);
+			let e = r.slice(i + f.length);
 			if (!e.includes(" ")) {
-				G(i), V(e), z(!0), q(0);
+				K(i), H(e), B(!0), J(0);
 				return;
 			}
 		}
-		z(!1), G(-1);
-	}, Z = (e) => {
-		let t = L.slice(0, W), n = L.slice(H), r = `${t}${d}${e.display} ${n}`;
-		I || F(r), p && p({ target: { value: r } }), m && m(e), z(!1), G(-1), setTimeout(() => {
-			if (J.current) {
-				J.current.focus();
-				let n = t.length + d.length + e.display.length + 1;
-				J.current.setSelectionRange(n, n);
+		B(!1), K(-1);
+	}, Q = (e) => {
+		let t = R.slice(0, G), n = R.slice(U), r = `${t}${f}${e.display} ${n}`;
+		L || I(r), m && m({ target: { value: r } }), h && h(e), B(!1), K(-1), setTimeout(() => {
+			if (Y.current) {
+				Y.current.focus();
+				let n = t.length + f.length + e.display.length + 1;
+				Y.current.setSelectionRange(n, n);
 			}
 		}, 0);
-	}, oe = (e) => {
-		R && X.length > 0 && (e.key === "ArrowDown" ? (e.preventDefault(), q((e) => e >= X.length - 1 ? 0 : e + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), q((e) => e <= 0 ? X.length - 1 : e - 1)) : e.key === "Enter" || e.key === "Tab" ? K >= 0 && X[K] && (e.preventDefault(), Z(X[K])) : e.key === "Escape" && z(!1));
-	}, se = h ? e : "div", Q = {
-		intent: _,
-		variant: v,
-		fullWidth: y,
-		fieldSizing: b,
-		label: x,
-		error: S,
-		required: C,
-		layout: w,
-		width: T,
-		placeholder: E,
-		rows: D,
-		cols: O,
-		onCopy: k,
-		onCut: ne,
-		onPaste: re
-	}, $ = { ...A };
+	}, ae = (e) => {
+		z && Z.length > 0 && (e.key === "ArrowDown" ? (e.preventDefault(), J((e) => e >= Z.length - 1 ? 0 : e + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), J((e) => e <= 0 ? Z.length - 1 : e - 1)) : e.key === "Enter" || e.key === "Tab" ? q >= 0 && Z[q] && (e.preventDefault(), Q(Z[q])) : e.key === "Escape" && B(!1));
+	}, oe = g ? e : "div", se = {
+		intent: v,
+		variant: y,
+		fullWidth: b,
+		fieldSizing: x,
+		label: S,
+		error: C,
+		required: w,
+		layout: T,
+		width: E,
+		placeholder: D,
+		rows: te,
+		cols: ne,
+		onCopy: O,
+		onCut: k,
+		onPaste: A
+	}, $ = { ...j };
 	delete $["aria-label"], delete $["aria-labelledby"], delete $["aria-describedby"], delete $.id;
-	let ce = h ? {
-		...Q,
-		...A
-	} : $;
-	return /* @__PURE__ */ u(se, {
+	let ce = $;
+	return /* @__PURE__ */ d(oe, {
 		className: `wim-mentions ${a.container}`,
-		ref: ie,
+		ref: re,
 		...ce,
-		children: [/* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(i, {
-			...A,
-			...Q,
-			ref: J,
-			value: L,
-			onChange: ae,
-			onKeyDown: oe,
-			"aria-autocomplete": "list",
-			"aria-controls": R ? `${N}-list` : void 0,
-			onBlur: (e) => {
-				Y.current?.contains(e.relatedTarget) || z(!1);
-			}
-		}), R && X.length > 0 && /* @__PURE__ */ l("div", {
-			id: `${N}-list`,
-			className: a.list,
-			role: "listbox",
-			children: X.map((e, t) => /* @__PURE__ */ l(n, {
-				active: t === K,
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => Z(e),
-				onMouseEnter: () => q(t),
-				role: "option",
-				"aria-selected": t === K,
-				tabIndex: -1,
-				children: e.display
-			}, e.id))
-		})] }), h ? g : null]
+		children: [
+			/* @__PURE__ */ u(i, {
+				...j,
+				...se,
+				ref: Y,
+				value: R,
+				onChange: ie,
+				onKeyDown: ae,
+				"aria-autocomplete": "list",
+				"aria-controls": z ? `${P}-list` : void 0,
+				onBlur: (e) => {
+					X.current?.contains(e.relatedTarget) || B(!1);
+				}
+			}),
+			z && Z.length > 0 && /* @__PURE__ */ u("div", {
+				id: `${P}-list`,
+				className: a.list,
+				role: "listbox",
+				children: Z.map((e, t) => /* @__PURE__ */ u(n, {
+					active: t === q,
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: () => Q(e),
+					onMouseEnter: () => J(t),
+					role: "option",
+					"aria-selected": t === q,
+					tabIndex: -1,
+					children: e.display
+				}, e.id))
+			}),
+			g ? /* @__PURE__ */ u(t, { children: _ }) : null
+		]
 	});
 });
-d.displayName = "Mentions";
+f.displayName = "Mentions";
 //#endregion
-export { d as Mentions, d as default };
+export { f as Mentions, f as default };

package/dist/components/form/OtpInput/OtpInput.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("./otp-input.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=(e,t)=>{let n=e.split(``).slice(0,t);return Array(t).fill(``).map((e,t)=>n[t]??``)},c=(0,i.forwardRef)(({length:e=6,value:c=``,onChange:l,disabled:u=!1,error:d,required:f,label:p,layout:m,className:h,labels:g={},asChild:_=!1,fullWidth:v=!1,children:y,"aria-label":b,"aria-labelledby":x,"aria-describedby":S,...C},w)=>{let{digitAriaLabel:T=e=>`Digit ${e}`}=g,[E,D]=(0,i.useState)(()=>s(c,e)),[O,k]=(0,i.useState)(c),A=(0,i.useRef)([]),j=`wim-otp-input-${(0,i.useId)()}`,M=p?`${j}-label`:void 0,N=d?`${j}-error`:void 0,P=M??x,F=[S,N].filter(Boolean).join(` `)||void 0;c!==O&&(k(c),D(s(c,e)));let I=e=>{let t=e.join(``);l&&l(t)},L=(t,n)=>{let r=t.target.value.slice(-1),i=[...E];i[n]=r,D(i),I(i),r&&n<e-1&&A.current[n+1]?.focus()},R=(t,n)=>{if(t.key===`Backspace`){if(!E[n]&&n>0){let e=[...E];e[n-1]=``,D(e),I(e),A.current[n-1]?.focus()}else if(E[n]){let e=[...E];e[n]=``,D(e),I(e)}}else t.key===`ArrowLeft`&&n>0?(t.preventDefault(),A.current[n-1]?.focus()):t.key===`ArrowRight`&&n<e-1&&(t.preventDefault(),A.current[n+1]?.focus())},z=t=>{t.preventDefault();let n=t.clipboardData.getData(`text`).slice(0,e).split(``),r=[...E];n.forEach((t,n)=>{n<e&&(r[n]=t)}),D(r),I(r);let i=Math.min(n.length,e-1);A.current[i]?.focus()},B=_?t.Root:`div`;return(0,o.jsx)(n.FieldTemplate,{label:p,error:d,required:f,layout:m,labelId:M,htmlFor:j,errorId:N,className:(0,a.default)(h,v&&r.default.fullWidth),children:(0,o.jsxs)(B,{className:(0,a.default)(`wim-otp-input`,r.default.root,v&&r.default.fullWidth),ref:w,...C,children:[(0,o.jsx)(t.Slottable,{children:(0,o.jsx)(`div`,{className:(0,a.default)(r.default.container,u&&r.default.disabled),role:`group`,"aria-labelledby":P,"aria-label":P?void 0:b,"data-testid":`otp-input-container`,"data-disabled":u,children:Array.from({length:e}).map((e,t)=>(0,o.jsx)(`input`,{id:t===0?j:void 0,ref:e=>{A.current[t]=e},"data-testid":`otp-input`,className:(0,a.default)(r.default.input,d&&r.default.danger,u&&r.default.disabled),type:`text`,maxLength:1,value:E[t],onChange:e=>L(e,t),onKeyDown:e=>R(e,t),onPaste:z,disabled:u,"aria-label":T(t+1),"aria-invalid":d?`true`:`false`,"aria-describedby":F,"aria-required":f?`true`:void 0},t))})}),y]})})});c.displayName=`OtpInput`,exports.OtpInput=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("./otp-input.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=(e,t)=>{let n=e.split(``).slice(0,t);return Array(t).fill(``).map((e,t)=>n[t]??``)},c=(0,i.forwardRef)(({length:e=6,value:c=``,onChange:l,disabled:u=!1,error:d,required:f,label:p,layout:m,className:h,labels:g={},asChild:_=!1,fullWidth:v=!1,children:y,"aria-label":b,"aria-labelledby":x,"aria-describedby":S,...C},w)=>{let{digitAriaLabel:T=e=>`Digit ${e}`}=g,[E,D]=(0,i.useState)(()=>s(c,e)),[O,k]=(0,i.useState)(c),A=(0,i.useRef)([]),j=`wim-otp-input-${(0,i.useId)()}`,M=p?`${j}-label`:void 0,N=d?`${j}-error`:void 0,P=M??x,F=[S,N].filter(Boolean).join(` `)||void 0;c!==O&&(k(c),D(s(c,e)));let I=e=>{let t=e.join(``);l&&l(t)},L=(t,n)=>{let r=t.target.value.slice(-1),i=[...E];i[n]=r,D(i),I(i),r&&n<e-1&&A.current[n+1]?.focus()},R=(t,n)=>{if(t.key===`Backspace`){if(!E[n]&&n>0){let e=[...E];e[n-1]=``,D(e),I(e),A.current[n-1]?.focus()}else if(E[n]){let e=[...E];e[n]=``,D(e),I(e)}}else t.key===`ArrowLeft`&&n>0?(t.preventDefault(),A.current[n-1]?.focus()):t.key===`ArrowRight`&&n<e-1&&(t.preventDefault(),A.current[n+1]?.focus())},z=t=>{t.preventDefault();let n=t.clipboardData.getData(`text`).slice(0,e).split(``),r=[...E];n.forEach((t,n)=>{n<e&&(r[n]=t)}),D(r),I(r);let i=Math.min(n.length,e-1);A.current[i]?.focus()},B=_?t.Root:`div`;return(0,o.jsx)(n.FieldTemplate,{label:p,error:d,required:f,layout:m,labelId:M,htmlFor:j,errorId:N,className:(0,a.default)(h,v&&r.default.fullWidth),children:(0,o.jsxs)(B,{className:(0,a.default)(`wim-otp-input`,r.default.root,v&&r.default.fullWidth),ref:w,...C,children:[(0,o.jsx)(`div`,{className:(0,a.default)(r.default.container,u&&r.default.disabled),role:`group`,"aria-labelledby":P,"aria-label":P?void 0:b,"data-testid":`otp-input-container`,"data-disabled":u,children:Array.from({length:e}).map((e,t)=>(0,o.jsx)(`input`,{id:t===0?j:void 0,ref:e=>{A.current[t]=e},"data-testid":`otp-input`,className:(0,a.default)(r.default.input,d&&r.default.danger,u&&r.default.disabled),type:`text`,maxLength:1,value:E[t],onChange:e=>L(e,t),onKeyDown:e=>R(e,t),onPaste:z,disabled:u,"aria-label":T(t+1),"aria-invalid":d?`true`:`false`,"aria-describedby":F,"aria-required":f?`true`:void 0},t))}),(0,o.jsx)(t.Slottable,{children:y})]})})});c.displayName=`OtpInput`,exports.OtpInput=c,exports.default=c;

package/dist/components/form/OtpInput/OtpInput.js

@@ -50,7 +50,7 @@ var d = (e, t) => {
 			className: c("wim-otp-input", r.root, S && r.fullWidth),
 			ref: O,
 			...D,
-			children: [/* @__PURE__ */ l(t, { children: /* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: c(r.container, m && r.disabled),
 				role: "group",
 				"aria-labelledby": R,
@@ -76,7 +76,7 @@ var d = (e, t) => {
 					"aria-describedby": z,
 					"aria-required": g ? "true" : void 0
 				}, t))
-			}) }), C]
+			}), /* @__PURE__ */ l(t, { children: C })]
 		})
 	});
 });

package/dist/components/form/RadioGroup/RadioGroup.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("../Radio/Radio.cjs"),i=require("./radio-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-radio-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=e=>{S||w(e),u&&u(e)};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-radio-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`radiogroup`,"aria-labelledby":m?E:b[`aria-labelledby`],"aria-describedby":[b[`aria-describedby`],D].filter(Boolean).join(` `)||void 0,"aria-required":g,"aria-invalid":!!h,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Radio,{value:e.value,checked:O===e.value,disabled:_||e.disabled,error:!!h,name:f,onChange:()=>k(e.value),children:e.label},e.value))}),y]})})});c.displayName=`RadioGroup`,exports.RadioGroup=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("../Radio/Radio.cjs"),i=require("./radio-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-radio-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=e=>{S||w(e),u&&u(e)};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-radio-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`radiogroup`,"aria-labelledby":m?E:b[`aria-labelledby`],"aria-describedby":[b[`aria-describedby`],D].filter(Boolean).join(` `)||void 0,"aria-required":g,"aria-invalid":!!h,children:[e.map(e=>(0,s.jsx)(r.Radio,{value:e.value,checked:O===e.value,disabled:_||e.disabled,error:!!h,name:f,onChange:()=>k(e.value),children:e.label},e.value)),(0,s.jsx)(t.Slottable,{children:y})]})})});c.displayName=`RadioGroup`,exports.RadioGroup=c,exports.default=c;

package/dist/components/form/RadioGroup/RadioGroup.js

@@ -27,7 +27,7 @@ var d = a(({ options: a, value: d, defaultValue: f, onChange: p, direction: m =
 			"aria-describedby": [C["aria-describedby"], A].filter(Boolean).join(" ") || void 0,
 			"aria-required": y,
 			"aria-invalid": !!v,
-			children: [/* @__PURE__ */ l(t, { children: a.map((e) => /* @__PURE__ */ l(r, {
+			children: [a.map((e) => /* @__PURE__ */ l(r, {
 				value: e.value,
 				checked: j === e.value,
 				disabled: b || e.disabled,
@@ -35,7 +35,7 @@ var d = a(({ options: a, value: d, defaultValue: f, onChange: p, direction: m =
 				name: h,
 				onChange: () => M(e.value),
 				children: e.label
-			}, e.value)) }), S]
+			}, e.value)), /* @__PURE__ */ l(t, { children: S })]
 		})
 	});
 });

package/dist/components/form/Select/Select.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("../../layout/Transition/Transition.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("../../../i18n/generated/form.cjs"),s=require("../FieldTemplate/FieldTemplate.cjs"),c=require("../../_internal/mergeRefs.cjs"),l=require("./select.module.cjs"),ee=require("./useSelect.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.forwardRef)(({options:e=[],value:p,onChange:m,placeholder:h,label:g,error:_,required:v,layout:y,className:b,disabled:x=!1,defaultValue:te,searchable:S=!1,searchPlaceholder:C,filterOption:w,grouped:T=!1,allowClear:E=!1,fullWidth:D=!1,intent:ne=`default`,id:re,noOptionsFoundLabel:ie,width:ae,styles:O,asChild:oe=!1,children:k,...se},ce)=>{let{t:le}=n.useWimTranslation(o.formNs),ue=(0,u.useId)(),A=re||`wim-select-${ue}`,j=g?`${A}-label`:void 0,M=_?`${A}-error`:void 0,N=`${A}-list`,P=`${A}-trigger`,F=_?`danger`:ne,{isOpen:I,searchValue:L,setSearchValue:R,focusedIndex:z,setFocusedIndex:B,isKeyboardNavigating:V,setIsKeyboardNavigating:H,containerRef:de,triggerRef:fe,searchInputRef:pe,listItemsRef:U,currentValue:W,filteredOptions:G,selectedOption:K,focusedOption:q,handleToggle:J,handleSelect:Y,handleClear:me,handleKeyDown:X}=ee.useSelect({options:e,value:p,onChange:m,defaultValue:te,searchable:S,grouped:T,disabled:x,filterOption:w}),he=c.mergeRefs(de,ce),ge=()=>{let t=0;return T&&e.length>0&&`options`in e[0]?e.map((e,n)=>{let r=e.options.filter(e=>e.type===`separator`||!L||(w||((e,t)=>(typeof e.label==`string`?e.label:``).toLowerCase().includes(t.toLowerCase())))(e,L));return r.length===0?null:(0,f.jsxs)(u.default.Fragment,{children:[(0,f.jsx)(`li`,{className:(0,d.default)(l.default.groupLabel,O?.groupLabel),role:`presentation`,children:e.label}),r.map((e,r)=>{let a=t++;if(e.type===`separator`)return(0,f.jsx)(`li`,{className:(0,d.default)(l.default.separator,O?.separator),role:`presentation`},`sep-${n}-${r}`);let o=a===z,s=W===e.value,c=`wim-select-option-${A}-${e.value}`;return(0,f.jsx)(i.BaseListItem,{asChild:!0,id:c,ref:e=>{U.current[a]=e},active:o,disabled:e.disabled,className:(0,d.default)(l.default.option,s&&l.default.selected,O?.option),onClick:t=>{t.stopPropagation(),Y(e)},onMouseEnter:()=>B(a),role:`option`,"aria-selected":s,children:(0,f.jsx)(`li`,{children:e.label})},e.value)})]},n)}):G.map((e,n)=>{let r=t++;if(e.type===`separator`)return(0,f.jsx)(`li`,{className:(0,d.default)(l.default.separator,O?.separator),role:`presentation`},`sep-${n}`);let a=r===z,o=W===e.value,s=`wim-select-option-${A}-${e.value}`;return(0,f.jsx)(i.BaseListItem,{asChild:!0,id:s,ref:e=>{U.current[r]=e},active:a,disabled:e.disabled,className:(0,d.default)(l.default.option,o&&l.default.selected,O?.option),onClick:t=>{t.stopPropagation(),Y(e)},onMouseEnter:()=>B(r),role:`option`,"aria-selected":o,children:(0,f.jsx)(`li`,{children:e.label})},e.value)})},Z=q&&q.type!==`separator`?`wim-select-option-${A}-${q.value}`:void 0,{"aria-label":Q,"aria-labelledby":$,"aria-describedby":_e,...ve}=se;return(0,f.jsx)(s.FieldTemplate,{label:g,error:_,required:v,layout:y,labelId:j,htmlFor:P,errorId:M,className:b,children:(0,f.jsxs)(oe?t.Root:`div`,{className:(0,d.default)(`wim-select`,l.default.root,D&&l.default.fullWidth,O?.root),ref:he,onMouseMove:()=>H(!1),"data-keyboard-nav":V,...ve,children:[(0,f.jsxs)(t.Slottable,{children:[(0,f.jsx)(a.InputBase,{disabled:x,allowClear:E,hasValue:!!W,onClear:me,intent:F,rightIcons:[{name:`ChevronDownIcon`,rotated:I}],width:ae,fullWidth:D,styles:O?.inputBase,children:(0,f.jsx)(`div`,{id:P,className:(0,d.default)(l.default.trigger,I&&l.default.open,x&&l.default.disabled,O?.trigger),onClick:J,onKeyDown:X,tabIndex:x?-1:0,role:`combobox`,"aria-expanded":I,"aria-haspopup":`listbox`,"aria-controls":I?N:void 0,"aria-disabled":x,"aria-labelledby":j||$,"aria-label":g?void 0:typeof Q==`string`?Q:typeof h==`string`?h:void 0,"aria-describedby":M||_e,"aria-required":v?`true`:void 0,"aria-invalid":F===`danger`?`true`:`false`,"aria-activedescendant":I?Z:void 0,ref:fe,children:(0,f.jsx)(`div`,{className:(0,d.default)(l.default.value,!K&&l.default.placeholder,O?.value),children:K?K.label:h})})}),(0,f.jsxs)(r.Transition,{show:I&&!x,preset:`fade`,className:(0,d.default)(l.default.dropdown,O?.dropdown),children:[S&&(0,f.jsx)(`div`,{className:(0,d.default)(l.default.search,O?.search),children:(0,f.jsx)(`input`,{ref:pe,type:`text`,className:(0,d.default)(l.default.searchInput,O?.searchInput),placeholder:C,value:L,onChange:e=>{R(e.target.value),B(-1)},onClick:e=>e.stopPropagation(),onKeyDown:X,"aria-label":C,"aria-controls":N,"aria-activedescendant":Z})}),(0,f.jsx)(`ul`,{id:N,className:(0,d.default)(l.default.list,O?.list),role:`listbox`,"aria-labelledby":g?j:$||void 0,children:G.length===0?(0,f.jsx)(`li`,{className:(0,d.default)(l.default.empty,O?.empty),role:`option`,"aria-selected":`false`,children:ie??le(`select.no_options`)}):ge()})]})]}),k]})})});p.displayName=`Select`,exports.Select=p,exports.default=p;
+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("../../layout/Transition/Transition.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("../../../i18n/generated/form.cjs"),s=require("../FieldTemplate/FieldTemplate.cjs"),c=require("../../_internal/mergeRefs.cjs"),l=require("./select.module.cjs"),ee=require("./useSelect.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.forwardRef)(({options:e=[],value:p,onChange:m,placeholder:h,label:g,error:_,required:v,layout:y,className:b,disabled:x=!1,defaultValue:te,searchable:S=!1,searchPlaceholder:C,filterOption:w,grouped:T=!1,allowClear:E=!1,fullWidth:D=!1,intent:ne=`default`,id:re,noOptionsFoundLabel:ie,width:ae,styles:O,asChild:oe=!1,children:k,...se},ce)=>{let{t:le}=n.useWimTranslation(o.formNs),ue=(0,u.useId)(),A=re||`wim-select-${ue}`,j=g?`${A}-label`:void 0,M=_?`${A}-error`:void 0,N=`${A}-list`,P=`${A}-trigger`,F=_?`danger`:ne,{isOpen:I,searchValue:L,setSearchValue:R,focusedIndex:z,setFocusedIndex:B,isKeyboardNavigating:V,setIsKeyboardNavigating:H,containerRef:de,triggerRef:fe,searchInputRef:pe,listItemsRef:U,currentValue:W,filteredOptions:G,selectedOption:K,focusedOption:q,handleToggle:J,handleSelect:Y,handleClear:me,handleKeyDown:X}=ee.useSelect({options:e,value:p,onChange:m,defaultValue:te,searchable:S,grouped:T,disabled:x,filterOption:w}),he=c.mergeRefs(de,ce),ge=()=>{let t=0;return T&&e.length>0&&`options`in e[0]?e.map((e,n)=>{let r=e.options.filter(e=>e.type===`separator`||!L||(w||((e,t)=>(typeof e.label==`string`?e.label:``).toLowerCase().includes(t.toLowerCase())))(e,L));return r.length===0?null:(0,f.jsxs)(u.default.Fragment,{children:[(0,f.jsx)(`li`,{className:(0,d.default)(l.default.groupLabel,O?.groupLabel),role:`presentation`,children:e.label}),r.map((e,r)=>{let a=t++;if(e.type===`separator`)return(0,f.jsx)(`li`,{className:(0,d.default)(l.default.separator,O?.separator),role:`presentation`},`sep-${n}-${r}`);let o=a===z,s=W===e.value,c=`wim-select-option-${A}-${e.value}`;return(0,f.jsx)(i.BaseListItem,{asChild:!0,id:c,ref:e=>{U.current[a]=e},active:o,disabled:e.disabled,className:(0,d.default)(l.default.option,s&&l.default.selected,O?.option),onClick:t=>{t.stopPropagation(),Y(e)},onMouseEnter:()=>B(a),role:`option`,"aria-selected":s,children:(0,f.jsx)(`li`,{children:e.label})},e.value)})]},n)}):G.map((e,n)=>{let r=t++;if(e.type===`separator`)return(0,f.jsx)(`li`,{className:(0,d.default)(l.default.separator,O?.separator),role:`presentation`},`sep-${n}`);let a=r===z,o=W===e.value,s=`wim-select-option-${A}-${e.value}`;return(0,f.jsx)(i.BaseListItem,{asChild:!0,id:s,ref:e=>{U.current[r]=e},active:a,disabled:e.disabled,className:(0,d.default)(l.default.option,o&&l.default.selected,O?.option),onClick:t=>{t.stopPropagation(),Y(e)},onMouseEnter:()=>B(r),role:`option`,"aria-selected":o,children:(0,f.jsx)(`li`,{children:e.label})},e.value)})},Z=q&&q.type!==`separator`?`wim-select-option-${A}-${q.value}`:void 0,{"aria-label":Q,"aria-labelledby":$,"aria-describedby":_e,...ve}=se;return(0,f.jsx)(s.FieldTemplate,{label:g,error:_,required:v,layout:y,labelId:j,htmlFor:P,errorId:M,className:b,children:(0,f.jsxs)(oe?t.Root:`div`,{className:(0,d.default)(`wim-select`,l.default.root,D&&l.default.fullWidth,O?.root),ref:he,onMouseMove:()=>H(!1),"data-keyboard-nav":V,...ve,children:[(0,f.jsx)(a.InputBase,{disabled:x,allowClear:E,hasValue:!!W,onClear:me,intent:F,rightIcons:[{name:`ChevronDownIcon`,rotated:I}],width:ae,fullWidth:D,styles:O?.inputBase,children:(0,f.jsx)(`div`,{id:P,className:(0,d.default)(l.default.trigger,I&&l.default.open,x&&l.default.disabled,O?.trigger),onClick:J,onKeyDown:X,tabIndex:x?-1:0,role:`combobox`,"aria-expanded":I,"aria-haspopup":`listbox`,"aria-controls":I?N:void 0,"aria-disabled":x,"aria-labelledby":j||$,"aria-label":g?void 0:typeof Q==`string`?Q:typeof h==`string`?h:void 0,"aria-describedby":M||_e,"aria-required":v?`true`:void 0,"aria-invalid":F===`danger`?`true`:`false`,"aria-activedescendant":I?Z:void 0,ref:fe,children:(0,f.jsx)(`div`,{className:(0,d.default)(l.default.value,!K&&l.default.placeholder,O?.value),children:K?K.label:h})})}),(0,f.jsxs)(r.Transition,{show:I&&!x,preset:`fade`,className:(0,d.default)(l.default.dropdown,O?.dropdown),children:[S&&(0,f.jsx)(`div`,{className:(0,d.default)(l.default.search,O?.search),children:(0,f.jsx)(`input`,{ref:pe,type:`text`,className:(0,d.default)(l.default.searchInput,O?.searchInput),placeholder:C,value:L,onChange:e=>{R(e.target.value),B(-1)},onClick:e=>e.stopPropagation(),onKeyDown:X,"aria-label":C,"aria-controls":N,"aria-activedescendant":Z})}),(0,f.jsx)(`ul`,{id:N,className:(0,d.default)(l.default.list,O?.list),role:`listbox`,"aria-labelledby":g?j:$||void 0,children:G.length===0?(0,f.jsx)(`li`,{className:(0,d.default)(l.default.empty,O?.empty),role:`option`,"aria-selected":`false`,children:ie??le(`select.no_options`)}):ge()})]}),(0,f.jsx)(t.Slottable,{children:k})]})})});p.displayName=`Select`,exports.Select=p,exports.default=p;

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 {};