wimui 0.56.2 → 0.57.0

package/dist/components/form/PhoneInput/PhoneInput.js

@@ -61,33 +61,33 @@ var h = [
 		dialCode: "55",
 		flag: "🇧🇷"
 	}
-], g = s(({ value: s = "", onChange: g, countryCode: _ = "US", onCountryChange: v, placeholder: y = "000-0000-0000", disabled: b = !1, error: x, required: S = !1, label: C, layout: w = "vertical", className: T, fullWidth: E = !1, ...D }, O) => {
-	let k = `wim-phone-input-${l()}`, A = C ? `${k}-label` : void 0, { t: j } = e(i), M = j("phone.select_country"), N = `${k}-countries`, P = (e) => `${k}-country-${e}`, F = x ? `${k}-error` : void 0, [I, L] = d(!1), [R, z] = d(-1), B = u(null), V = u(null), H = u({
+], g = s(({ value: s = "", onChange: g, countryCode: _ = "US", onCountryChange: v, placeholder: y = "000-0000-0000", disabled: b = !1, error: x, required: S = !1, label: C, layout: w = "vertical", className: T, fullWidth: E = !1, "aria-label": D, "aria-labelledby": ee, "aria-describedby": O, ...k }, A) => {
+	let j = `wim-phone-input-${l()}`, M = C ? `${j}-label` : void 0, { t: N } = e(i), P = N("phone.select_country"), F = `${j}-countries`, I = (e) => `${j}-country-${e}`, L = x ? `${j}-error` : void 0, [R, z] = d(!1), [B, V] = d(-1), H = u(null), U = u(null), W = u({
 		text: "",
 		timer: null
 	});
 	c(() => {
 		let e = (e) => {
-			B.current && !B.current.contains(e.target) && L(!1);
+			H.current && !H.current.contains(e.target) && z(!1);
 		};
-		return I && document.addEventListener("mousedown", e), () => {
+		return R && document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [I]);
-	let U = h.find((e) => e.code === _) ?? h[0], W = (e) => {
+	}, [R]);
+	let G = h.find((e) => e.code === _) ?? h[0], K = (e) => {
 		g?.(e.target.value);
-	}, G = h.length - 1, K = (e) => {
-		let t = h.findIndex((e) => e.code === U.code);
-		z(e ?? Math.max(t, 0)), L(!0);
-	}, q = (e) => {
+	}, q = h.length - 1, J = (e) => {
+		let t = h.findIndex((e) => e.code === G.code);
+		V(e ?? Math.max(t, 0)), z(!0);
+	}, Y = (e) => {
 		let t = h[e];
-		t && (v?.(t.code), L(!1));
-	}, J = (e) => j(`phone.countries.${e.code}`), Y = (e) => i.resources.en?.phone?.countries?.[e.code] ?? "", X = (e, t) => {
+		t && (v?.(t.code), z(!1));
+	}, X = (e) => N(`phone.countries.${e.code}`), Z = (e) => i.resources.en?.phone?.countries?.[e.code] ?? "", Q = (e, t) => {
 		let n = e.toLowerCase().replace(/^\+/, "");
 		if (n === "") return -1;
 		let r = /^[0-9]+$/.test(n), i = !r && n.length > 1 && n.split("").every((e) => e === n[0]), a = i ? n[0] : n, o = i || n.length === 1 ? t + 1 : t, s = r ? [(e) => e.dialCode] : [
-			(e) => J(e).toLowerCase(),
-			(e) => Y(e).toLowerCase(),
+			(e) => X(e).toLowerCase(),
+			(e) => Z(e).toLowerCase(),
 			(e) => e.code.toLowerCase()
 		];
 		for (let e of s) for (let t = 0; t < h.length; t++) {
@@ -95,61 +95,61 @@ var h = [
 			if (e(h[n]).startsWith(a)) return n;
 		}
 		return -1;
-	}, Z = (e) => {
-		let t = H.current;
+	}, $ = (e) => {
+		let t = W.current;
 		t.timer && clearTimeout(t.timer), t.text += e, t.timer = setTimeout(() => {
 			t.text = "", t.timer = null;
 		}, 500);
-		let n = X(t.text, I ? R : -1);
-		n < 0 || (I ? z(n) : K(n));
-	}, Q = (e) => {
+		let n = Q(t.text, R ? B : -1);
+		n < 0 || (R ? V(n) : J(n));
+	}, te = (e) => {
 		if (!b) switch (e.key) {
 			case "ArrowDown":
 			case "ArrowUp":
-				if (e.preventDefault(), !I) K();
+				if (e.preventDefault(), !R) J();
 				else {
 					let t = e.key === "ArrowDown" ? 1 : -1;
-					z((e) => (e + t + h.length) % h.length);
+					V((e) => (e + t + h.length) % h.length);
 				}
 				break;
 			case "Home":
 			case "End":
-				e.preventDefault(), I ? z(e.key === "Home" ? 0 : G) : K(e.key === "Home" ? 0 : G);
+				e.preventDefault(), R ? V(e.key === "Home" ? 0 : q) : J(e.key === "Home" ? 0 : q);
 				break;
 			case "Enter":
 			case " ":
-				e.preventDefault(), e.key === " " && H.current.text !== "" ? Z(" ") : I ? q(R) : K();
+				e.preventDefault(), e.key === " " && W.current.text !== "" ? $(" ") : R ? Y(B) : J();
 				break;
 			case "Escape":
-				I && (e.preventDefault(), L(!1));
+				R && (e.preventDefault(), z(!1));
 				break;
 			case "Tab":
-				L(!1);
+				z(!1);
 				break;
-			default: e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), Z(e.key));
+			default: e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), $(e.key));
 		}
 	};
 	return c(() => {
-		let e = H.current;
+		let e = W.current;
 		return () => {
 			e.timer && clearTimeout(e.timer);
 		};
 	}, []), c(() => {
-		I && R >= 0 && (V.current?.querySelectorAll("[role=\"option\"]")?.[R])?.scrollIntoView?.({ block: "nearest" });
-	}, [R, I]), /* @__PURE__ */ p(a, {
+		R && B >= 0 && (U.current?.querySelectorAll("[role=\"option\"]")?.[B])?.scrollIntoView?.({ block: "nearest" });
+	}, [B, R]), /* @__PURE__ */ p(a, {
 		label: C,
-		labelId: A,
-		htmlFor: k,
+		labelId: M,
+		htmlFor: j,
 		required: S,
 		error: x,
-		errorId: F,
+		errorId: L,
 		layout: w,
 		className: T,
 		children: /* @__PURE__ */ m("div", {
-			ref: B,
+			ref: H,
 			className: f("wim-phone-input", o.root, E && o.fullWidth, b && o.disabled, x && o.danger),
 			"data-testid": "phone-input-root",
-			...D,
+			...k,
 			children: [
 				/* @__PURE__ */ m("div", {
 					className: o.countryWrapper,
@@ -158,50 +158,50 @@ var h = [
 						role: "combobox",
 						className: o.countryTrigger,
 						onClick: () => {
-							b || (I ? L(!1) : K());
+							b || (R ? z(!1) : J());
 						},
-						onKeyDown: Q,
+						onKeyDown: te,
 						onKeyUp: (e) => {
 							e.key === " " && e.preventDefault();
 						},
 						disabled: b,
 						"aria-haspopup": "listbox",
-						"aria-expanded": I,
-						"aria-controls": I ? N : void 0,
-						"aria-activedescendant": I && R >= 0 ? P(R) : void 0,
-						"aria-label": M,
+						"aria-expanded": R,
+						"aria-controls": R ? F : void 0,
+						"aria-activedescendant": R && B >= 0 ? I(B) : void 0,
+						"aria-label": P,
 						children: [
 							/* @__PURE__ */ p("span", {
 								"aria-hidden": "true",
 								style: { fontSize: "1.2em" },
-								children: U.flag
+								children: G.flag
 							}),
-							/* @__PURE__ */ m("span", { children: ["+", U.dialCode] }),
+							/* @__PURE__ */ m("span", { children: ["+", G.dialCode] }),
 							/* @__PURE__ */ p(r, {
 								component: n,
 								size: "sm",
-								className: f(o.chevron, I && o.chevronOpen)
+								className: f(o.chevron, R && o.chevronOpen)
 							})
 						]
 					}), /* @__PURE__ */ p(t, {
-						show: I,
+						show: R,
 						preset: "fade",
 						className: o.dropdown,
 						children: /* @__PURE__ */ p("ul", {
-							ref: V,
-							id: N,
+							ref: U,
+							id: F,
 							className: o.countryList,
 							role: "listbox",
-							"aria-label": M,
+							"aria-label": P,
 							tabIndex: -1,
 							onMouseDown: (e) => e.preventDefault(),
 							children: h.map((e, t) => /* @__PURE__ */ m("li", {
-								id: P(t),
-								className: f(o.countryOption, t === R && o.active, U.code === e.code && o.selected),
-								onMouseEnter: () => z(t),
-								onClick: () => q(t),
+								id: I(t),
+								className: f(o.countryOption, t === B && o.active, G.code === e.code && o.selected),
+								onMouseEnter: () => V(t),
+								onClick: () => Y(t),
 								role: "option",
-								"aria-selected": U.code === e.code,
+								"aria-selected": G.code === e.code,
 								children: [
 									/* @__PURE__ */ p("span", {
 										"aria-hidden": "true",
@@ -209,7 +209,7 @@ var h = [
 									}),
 									/* @__PURE__ */ p("span", {
 										className: o.countryName,
-										children: J(e)
+										children: X(e)
 									}),
 									" ",
 									/* @__PURE__ */ m("span", {
@@ -226,16 +226,18 @@ var h = [
 					"aria-hidden": "true"
 				}),
 				/* @__PURE__ */ p("input", {
-					id: k,
-					ref: O,
+					id: j,
+					ref: A,
 					type: "tel",
 					value: s,
-					onChange: W,
+					onChange: K,
 					placeholder: y,
 					disabled: b,
 					className: o.number,
 					"aria-invalid": !!x,
-					"aria-describedby": F
+					"aria-label": C ? void 0 : D,
+					"aria-labelledby": C ? void 0 : ee,
+					"aria-describedby": [O, L].filter(Boolean).join(" ") || void 0
 				})
 			]
 		})

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

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

@@ -43,7 +43,7 @@ type RangeSliderProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" |
  * Slider component for selecting a range (start and end).
  */
 export declare const RangeSlider: {
-    ({ value, defaultValue, min, max, step, allowCross, disabled, onChange, onAfterChange, className, name, label, error, required, layout, id: customId, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, asChild, children, ...props }: RangeSliderProps): React.JSX.Element;
+    ({ value, defaultValue, min, max, step, allowCross, disabled, onChange, onAfterChange, className, name, label, error, required, layout, id: customId, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, asChild, children, ...props }: RangeSliderProps): React.JSX.Element;
     displayName: string;
 };
 export {};

package/dist/components/form/RangeSlider/RangeSlider.js

@@ -5,18 +5,18 @@ import { commonNs as r } from "../../../i18n/generated/common.js";
 import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
 import { useSliderCommon as a } from "../../../utilities/slider-utils.js";
 import o from "./range-slider.module.js";
-import { useCallback as s, useEffect as ee, useId as te, useRef as c, useState as l } from "react";
+import { useCallback as s, useEffect as c, useId as ee, useRef as l, useState as te } from "react";
 import u from "classnames";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/form/RangeSlider/RangeSlider.tsx
-var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step: _ = 1, allowCross: v = !1, disabled: y = !1, onChange: b, onAfterChange: x, className: ne, name: S, label: C, error: w, required: re, layout: ie = "vertical", id: ae, "aria-label": T, "aria-labelledby": E, asChild: oe = !1, children: se, ...ce }) => {
-	let { t: D } = n(r), O = p !== void 0, le = te(), k = ae || le, A = `wim-range-slider-label-${k}`, j = `wim-range-slider-error-${k}`, { clamp: M, calculateValue: N } = a(h, g, _), P = [M(m[0], h, g), M(m[1], h, g)];
+var p = ({ value: p, defaultValue: ne = [20, 80], min: m = 0, max: h = 100, step: g = 1, allowCross: _ = !1, disabled: v = !1, onChange: y, onAfterChange: b, className: re, name: x, label: S, error: C, required: ie, layout: ae = "vertical", id: oe, "aria-label": se, "aria-labelledby": w, "aria-describedby": ce, asChild: le = !1, children: ue, ...de }) => {
+	let { t: T } = n(r), E = p !== void 0, fe = ee(), D = oe || fe, pe = `wim-range-slider-label-${D}`, me = `wim-range-slider-error-${D}`, he = [ce, C ? me : void 0].filter(Boolean).join(" ") || void 0, O = S || se, k = `wim-range-slider-start-${D}`, A = `wim-range-slider-end-${D}`, j = (e) => !O && w ? `${w} ${e}` : void 0, { clamp: M, calculateValue: N } = a(m, h, g), P = [M(ne[0], m, h), M(ne[1], m, h)];
 	P[0] > P[1] && P.sort((e, t) => e - t);
-	let [ue, F] = l(P), I = O ? p : ue, L = c(null), R = c(null), z = c(null), B = c(null), V = c(null), H = c(null), [U, W] = l(null), G = c(null), K = c([...I]), q = s((e) => (e - h) / (g - h) * 100, [h, g]), J = s((e) => {
+	let [ge, F] = te(P), I = E ? p : ge, L = l(null), R = l(null), z = l(null), B = l(null), V = l(null), H = l(null), [U, W] = te(null), G = l(null), K = l([...I]), q = s((e) => (e - m) / (h - m) * 100, [m, h]), J = s((e) => {
 		let t = q(e[0]), n = q(e[1]);
 		R.current && (R.current.style.left = `${t}%`, R.current.setAttribute("aria-valuenow", String(e[0])), R.current.setAttribute("aria-valuemax", String(e[1]))), z.current && (z.current.style.left = `${n}%`, z.current.setAttribute("aria-valuenow", String(e[1])), z.current.setAttribute("aria-valuemin", String(e[0]))), B.current && (B.current.style.left = `${t}%`, B.current.style.width = `${n - t}%`), V.current && (V.current.value = String(e[0])), H.current && (H.current.value = String(e[1]));
 	}, [q]);
-	ee(() => {
+	c(() => {
 		U || J(I);
 	}, [
 		I,
@@ -24,67 +24,67 @@ var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step:
 		J
 	]);
 	let Y = (e, t) => {
-		y || (K.current = [...I], G.current = t, W(t), e.stopPropagation(), e.preventDefault());
-	}, X = (e) => {
-		if (y) return;
+		v || (K.current = [...I], G.current = t, W(t), e.stopPropagation(), e.preventDefault());
+	}, _e = (e) => {
+		if (v) return;
 		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = N(t, L.current), r = Math.abs(I[0] - n), i = Math.abs(I[1] - n), a;
 		a = r < i ? "min" : i < r ? "max" : n < I[0] ? "min" : "max", G.current = a, W(a);
 		let o = [...K.current];
-		a === "min" ? o[0] = Math.min(n, v ? g : o[1]) : o[1] = Math.max(n, v ? h : o[0]), K.current = o, J(o), b?.(o);
-	}, Z = s((e) => {
-		if (!G.current || y) return;
+		a === "min" ? o[0] = Math.min(n, _ ? h : o[1]) : o[1] = Math.max(n, _ ? m : o[0]), K.current = o, J(o), y?.(o);
+	}, X = s((e) => {
+		if (!G.current || v) return;
 		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = N(t, L.current), r = [...K.current];
-		G.current === "min" ? r[0] = Math.min(n, v ? g : r[1]) : r[1] = Math.max(n, v ? h : r[0]), K.current = r, J(r), b?.(r);
+		G.current === "min" ? r[0] = Math.min(n, _ ? h : r[1]) : r[1] = Math.max(n, _ ? m : r[0]), K.current = r, J(r), y?.(r);
 	}, [
-		y,
-		b,
 		v,
+		y,
+		_,
 		N,
+		m,
 		h,
-		g,
 		J
-	]), Q = s(() => {
+	]), Z = s(() => {
 		if (G.current) {
 			G.current = null, W(null);
 			let e = K.current;
-			O || F([...e]), x?.(e);
+			E || F([...e]), b?.(e);
 		}
-	}, [O, x]);
-	ee(() => (document.addEventListener("mousemove", Z), document.addEventListener("mouseup", Q), document.addEventListener("touchmove", Z, { passive: !1 }), document.addEventListener("touchend", Q), () => {
-		document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", Q), document.removeEventListener("touchmove", Z), document.removeEventListener("touchend", Q);
-	}), [Z, Q]);
-	let de = (e, t) => {
-		if (y) return;
+	}, [E, b]);
+	c(() => (document.addEventListener("mousemove", X), document.addEventListener("mouseup", Z), document.addEventListener("touchmove", X, { passive: !1 }), document.addEventListener("touchend", Z), () => {
+		document.removeEventListener("mousemove", X), document.removeEventListener("mouseup", Z), document.removeEventListener("touchmove", X), document.removeEventListener("touchend", Z);
+	}), [X, Z]);
+	let Q = (e, t) => {
+		if (v) return;
 		let n = [...I], r = t === "min" ? n[0] : n[1], i;
-		if (e.key === "ArrowLeft" || e.key === "ArrowDown") i = Math.max(h, r - _);
-		else if (e.key === "ArrowRight" || e.key === "ArrowUp") i = Math.min(g, r + _);
-		else if (e.key === "Home") i = h;
-		else if (e.key === "End") i = g;
+		if (e.key === "ArrowLeft" || e.key === "ArrowDown") i = Math.max(m, r - g);
+		else if (e.key === "ArrowRight" || e.key === "ArrowUp") i = Math.min(h, r + g);
+		else if (e.key === "Home") i = m;
+		else if (e.key === "End") i = h;
 		else return;
 		if (t === "min") {
-			let e = v ? g : n[1];
+			let e = _ ? h : n[1];
 			n[0] = Math.min(i, e);
 		} else {
-			let e = v ? h : n[0];
+			let e = _ ? m : n[0];
 			n[1] = Math.max(i, e);
 		}
-		O || F(n), b?.(n), e.preventDefault();
-	}, $ = q(I[0]), fe = q(I[1]);
+		E || F(n), y?.(n), e.preventDefault();
+	}, $ = q(I[0]), ve = q(I[1]);
 	return /* @__PURE__ */ d(i, {
-		label: C,
-		error: w,
-		required: re,
-		layout: ie,
-		labelId: A,
-		errorId: j,
-		className: ne,
-		children: /* @__PURE__ */ f(oe ? e : "div", {
+		label: S,
+		error: C,
+		required: ie,
+		layout: ae,
+		labelId: pe,
+		errorId: me,
+		className: re,
+		children: /* @__PURE__ */ f(le ? e : "div", {
 			role: "presentation",
 			"data-testid": "range-slider-root",
-			className: u("wim-range-slider", o.root, y && o.disabled, w && o.danger),
-			onMouseDown: X,
-			onTouchStart: X,
-			...ce,
+			className: u("wim-range-slider", o.root, v && o.disabled, C && o.danger),
+			onMouseDown: _e,
+			onTouchStart: _e,
+			...de,
 			children: [
 				/* @__PURE__ */ f("div", {
 					className: o.trackContainer,
@@ -95,7 +95,7 @@ var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step:
 							className: o.track,
 							style: {
 								left: `${$}%`,
-								width: `${fe - $}%`
+								width: `${ve - $}%`
 							}
 						}),
 						/* @__PURE__ */ d("div", {
@@ -103,52 +103,54 @@ var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step:
 							className: u(o.thumb, U === "min" && o.active),
 							style: { left: `${$}%` },
 							role: "slider",
-							"aria-valuemin": h,
+							"aria-valuemin": m,
 							"aria-valuemax": I[1],
 							"aria-valuenow": I[0],
-							"aria-disabled": y,
-							"aria-labelledby": C ? A : E,
-							"aria-label": C ? D("rangeSlider.start_of", { label: C }) : T || D("rangeSlider.start"),
-							"aria-describedby": w ? j : void 0,
-							"aria-invalid": w ? !0 : void 0,
-							tabIndex: y ? -1 : 0,
+							"aria-disabled": v,
+							id: k,
+							"aria-labelledby": j(k),
+							"aria-label": O ? T("rangeSlider.start_of", { label: O }) : T("rangeSlider.start"),
+							"aria-describedby": he,
+							"aria-invalid": C ? !0 : void 0,
+							tabIndex: v ? -1 : 0,
 							onMouseDown: (e) => Y(e, "min"),
 							onTouchStart: (e) => Y(e, "min"),
-							onKeyDown: (e) => de(e, "min")
+							onKeyDown: (e) => Q(e, "min")
 						}),
 						/* @__PURE__ */ d("div", {
 							ref: z,
 							className: u(o.thumb, U === "max" && o.active),
-							style: { left: `${fe}%` },
+							style: { left: `${ve}%` },
 							role: "slider",
 							"aria-valuemin": I[0],
-							"aria-valuemax": g,
+							"aria-valuemax": h,
 							"aria-valuenow": I[1],
-							"aria-disabled": y,
-							"aria-labelledby": C ? A : E,
-							"aria-label": C ? D("rangeSlider.end_of", { label: C }) : T || D("rangeSlider.end"),
-							"aria-describedby": w ? j : void 0,
-							"aria-invalid": w ? !0 : void 0,
-							tabIndex: y ? -1 : 0,
+							"aria-disabled": v,
+							id: A,
+							"aria-labelledby": j(A),
+							"aria-label": O ? T("rangeSlider.end_of", { label: O }) : T("rangeSlider.end"),
+							"aria-describedby": he,
+							"aria-invalid": C ? !0 : void 0,
+							tabIndex: v ? -1 : 0,
 							onMouseDown: (e) => Y(e, "max"),
 							onTouchStart: (e) => Y(e, "max"),
-							onKeyDown: (e) => de(e, "max")
+							onKeyDown: (e) => Q(e, "max")
 						})
 					]
 				}),
 				/* @__PURE__ */ d("input", {
 					ref: V,
 					type: "hidden",
-					name: S ? `${S}-min` : "",
+					name: x ? `${x}-min` : "",
 					value: I[0]
 				}),
 				/* @__PURE__ */ d("input", {
 					ref: H,
 					type: "hidden",
-					name: S ? `${S}-max` : "",
+					name: x ? `${x}-max` : "",
 					value: I[1]
 				}),
-				/* @__PURE__ */ d(t, { children: se })
+				/* @__PURE__ */ d(t, { children: ue })
 			]
 		})
 	});

package/dist/components/form/SegmentedControl/SegmentedControl.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("../../../hooks/useMergedRef.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./segmented-control.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({options:e,value:u,onChange:d,size:f=`md`,fullWidth:p=!1,className:m,label:h,error:g,required:_,layout:v=`vertical`,disabled:y=!1,asChild:b=!1,children:x,id:S,styles:C},w)=>{let T=(0,s.useRef)([]),E=(0,s.useId)(),D=S||`wim-segmented-${E}`,O=`${D}-label`,k=`${D}-error`,{containerRef:A,sliderStyle:j,isReady:M}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),N=e.findIndex(e=>e.value===u),P=(t,n)=>{let r;switch(t.key){case`ArrowLeft`:case`ArrowUp`:r=n-1,r<0&&(r=e.length-1);break;case`ArrowRight`:case`ArrowDown`:r=n+1,r>=e.length&&(r=0);break;case`Home`:r=0;break;case`End`:r=e.length-1;break;default:return}t.preventDefault(),d(e[r].value),T.current[r]?.focus()},F=`${D}-item-0`;return(0,l.jsx)(i.FieldTemplate,{label:h,error:g,required:_,layout:v,labelId:O,htmlFor:F,errorId:k,className:m,children:(0,l.jsxs)(b?t.Root:`div`,{ref:n.useMergedRef(A,w),id:D,className:(0,c.default)(`wim-segmented-control`,o.default.root,o.default[f],p&&o.default.fullWidth,M&&o.default.ready,g&&o.default.danger,C?.root),role:`radiogroup`,"aria-labelledby":h?O:void 0,"aria-required":_,"aria-invalid":g?!0:void 0,"aria-describedby":g?k:void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,C?.slider),style:j,"aria-hidden":`true`}),e.map((e,t)=>{let n=e.value===u,i=n||N===-1&&t===0,a=`${D}-item-${t}`;return(0,l.jsxs)(`button`,{id:a,ref:e=>{T.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,n&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly,C?.item),onClick:()=>d(e.value),onKeyDown:e=>P(e,t),onFocus:()=>{},onBlur:()=>{},role:`radio`,"aria-checked":n,tabIndex:i?0:-1,"aria-label":e.label||e.value,disabled:y,children:[e.iconName&&(0,l.jsx)(r.Icon,{name:e.iconName,size:f,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{className:(0,c.default)(o.default.label,C?.label),children:e.label})]},e.value)}),(0,l.jsx)(t.Slottable,{children:x})]})})});u.displayName=`SegmentedControl`,exports.SegmentedControl=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./segmented-control.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({options:e,value:u,onChange:d,size:f=`md`,fullWidth:p=!1,className:m,label:h,error:g,required:_,layout:v=`vertical`,disabled:y=!1,asChild:b=!1,children:x,id:S,styles:C,"aria-label":w,"aria-labelledby":T,"aria-describedby":E},D)=>{let O=(0,s.useRef)([]),k=(0,s.useId)(),A=S||`wim-segmented-${k}`,j=`${A}-label`,M=`${A}-error`,{containerRef:N,sliderStyle:P,isReady:F}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),I=e.findIndex(e=>e.value===u),L=(t,n)=>{let r;switch(t.key){case`ArrowLeft`:case`ArrowUp`:r=n-1,r<0&&(r=e.length-1);break;case`ArrowRight`:case`ArrowDown`:r=n+1,r>=e.length&&(r=0);break;case`Home`:r=0;break;case`End`:r=e.length-1;break;default:return}t.preventDefault(),d(e[r].value),O.current[r]?.focus()},R=`${A}-item-0`;return(0,l.jsx)(i.FieldTemplate,{label:h,error:g,required:_,layout:v,labelId:j,htmlFor:R,errorId:M,className:m,children:(0,l.jsxs)(b?t.Root:`div`,{ref:n.useMergedRef(N,D),id:A,className:(0,c.default)(`wim-segmented-control`,o.default.root,o.default[f],p&&o.default.fullWidth,F&&o.default.ready,g&&o.default.danger,C?.root),role:`radiogroup`,"aria-labelledby":h?j:T,"aria-label":h||T?void 0:w,"aria-required":_,"aria-invalid":g?!0:void 0,"aria-describedby":[E,g?M:void 0].filter(Boolean).join(` `)||void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,C?.slider),style:P,"aria-hidden":`true`}),e.map((e,t)=>{let n=e.value===u,i=n||I===-1&&t===0,a=`${A}-item-${t}`;return(0,l.jsxs)(`button`,{id:a,ref:e=>{O.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,n&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly,C?.item),onClick:()=>d(e.value),onKeyDown:e=>L(e,t),onFocus:()=>{},onBlur:()=>{},role:`radio`,"aria-checked":n,tabIndex:i?0:-1,"aria-label":e.label||e.value,disabled:y,children:[e.iconName&&(0,l.jsx)(r.Icon,{name:e.iconName,size:f,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{className:(0,c.default)(o.default.label,C?.label),children:e.label})]},e.value)}),(0,l.jsx)(t.Slottable,{children:x})]})})});u.displayName=`SegmentedControl`,exports.SegmentedControl=u;

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

@@ -34,6 +34,12 @@ type SegmentedControlProps = {
     asChild?: boolean;
     /** Optional children used when asChild is true */
     children?: React.ReactNode;
+    /** Accessible name for the radio group when no visible `label` is provided. */
+    "aria-label"?: string;
+    /** ID of the element that labels the radio group when no visible `label` is provided. */
+    "aria-labelledby"?: string;
+    /** ID of the element that describes the radio group. Announced together with the error message. */
+    "aria-describedby"?: string;
     /**
      * Unique ID for the component
      */

package/dist/components/form/SegmentedControl/SegmentedControl.js

@@ -9,11 +9,11 @@ import { forwardRef as s, useId as c, useRef as l } from "react";
 import u from "classnames";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/form/SegmentedControl/SegmentedControl.tsx
-var p = s(({ options: s, value: p, onChange: m, size: h = "md", fullWidth: g = !1, className: _, label: v, error: y, required: b, layout: x = "vertical", disabled: S = !1, asChild: C = !1, children: w, id: T, styles: E }, D) => {
-	let O = l([]), k = c(), A = T || `wim-segmented-${k}`, j = `${A}-label`, M = `${A}-error`, { containerRef: N, sliderStyle: P, isReady: F } = a({
+var p = s(({ options: s, value: p, onChange: m, size: h = "md", fullWidth: g = !1, className: _, label: v, error: y, required: b, layout: x = "vertical", disabled: S = !1, asChild: C = !1, children: w, id: T, styles: E, "aria-label": D, "aria-labelledby": O, "aria-describedby": k }, A) => {
+	let j = l([]), M = c(), N = T || `wim-segmented-${M}`, P = `${N}-label`, F = `${N}-error`, { containerRef: I, sliderStyle: L, isReady: R } = a({
 		activeSelector: `.${o.active}`,
 		dependence: s.length
-	}), I = s.findIndex((e) => e.value === p), L = (e, t) => {
+	}), z = s.findIndex((e) => e.value === p), B = (e, t) => {
 		let n;
 		switch (e.key) {
 			case "ArrowLeft":
@@ -32,43 +32,44 @@ var p = s(({ options: s, value: p, onChange: m, size: h = "md", fullWidth: g = !
 				break;
 			default: return;
 		}
-		e.preventDefault(), m(s[n].value), O.current[n]?.focus();
-	}, R = `${A}-item-0`;
+		e.preventDefault(), m(s[n].value), j.current[n]?.focus();
+	}, V = `${N}-item-0`;
 	return /* @__PURE__ */ d(i, {
 		label: v,
 		error: y,
 		required: b,
 		layout: x,
-		labelId: j,
-		htmlFor: R,
-		errorId: M,
+		labelId: P,
+		htmlFor: V,
+		errorId: F,
 		className: _,
 		children: /* @__PURE__ */ f(C ? e : "div", {
-			ref: n(N, D),
-			id: A,
-			className: u("wim-segmented-control", o.root, o[h], g && o.fullWidth, F && o.ready, y && o.danger, E?.root),
+			ref: n(I, A),
+			id: N,
+			className: u("wim-segmented-control", o.root, o[h], g && o.fullWidth, R && o.ready, y && o.danger, E?.root),
 			role: "radiogroup",
-			"aria-labelledby": v ? j : void 0,
+			"aria-labelledby": v ? P : O,
+			"aria-label": v || O ? void 0 : D,
 			"aria-required": b,
 			"aria-invalid": y ? !0 : void 0,
-			"aria-describedby": y ? M : void 0,
+			"aria-describedby": [k, y ? F : void 0].filter(Boolean).join(" ") || void 0,
 			children: [
 				/* @__PURE__ */ d("div", {
 					className: u(o.slider, E?.slider),
-					style: P,
+					style: L,
 					"aria-hidden": "true"
 				}),
 				s.map((e, t) => {
-					let n = e.value === p, i = n || I === -1 && t === 0, a = `${A}-item-${t}`;
+					let n = e.value === p, i = n || z === -1 && t === 0, a = `${N}-item-${t}`;
 					return /* @__PURE__ */ f("button", {
 						id: a,
 						ref: (e) => {
-							O.current[t] = e;
+							j.current[t] = e;
 						},
 						type: "button",
 						className: u(o.item, n && o.active, !e.label && e.iconName && o.iconOnly, E?.item),
 						onClick: () => m(e.value),
-						onKeyDown: (e) => L(e, t),
+						onKeyDown: (e) => B(e, t),
 						onFocus: () => {},
 						onBlur: () => {},
 						role: "radio",

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