wimui 0.62.2 → 0.63.1

package/dist/components/form/Cascader/Cascader.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../_internal/BaseListItem/BaseListItem.cjs"),o=require("../InputBase/InputBase.cjs"),s=require("../../_internal/useInlineFloating.cjs"),c=require("./cascader.module.cjs"),l=require("../FieldTemplate/FieldTemplate.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");function p(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}var m=({options:e=[],value:m,onChange:h,placeholder:g,label:_,error:v,required:y,layout:ee,className:te,disabled:b=!1,defaultValue:ne,id:re,expandTrigger:x=`click`,separator:S=` / `,allowClear:C=!1,"aria-label":w,"aria-labelledby":ie,"aria-describedby":ae,width:oe,fullWidth:se=!1,...ce})=>{let T=(0,u.useId)(),E=re||`wim-cascader-${T}`,D=_?`${E}-label`:void 0,O=v?`${E}-error`:void 0,k=D??ie,A=`${E}-trigger`,j=`${E}-popup`,[M,N]=(0,u.useState)(!1),[P,F]=(0,u.useState)(ne||[]),[I,L]=(0,u.useState)([]),[R,z]=(0,u.useState)(-1),[B,V]=(0,u.useState)([]),[H,U]=(0,u.useState)(!1),W=(0,u.useRef)(null),G=(0,u.useRef)(null),K=m!==void 0,q=K?m:P;(0,u.useEffect)(()=>{let e=e=>{W.current&&!W.current.contains(e.target)&&N(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,u.useEffect)(()=>{if(M&&R>=0){let e=B[R],t=`${E}-menu-${R}-option-${e}`,n=W.current?.querySelector(`#${t}`);n&&n.scrollIntoView({block:`nearest`,behavior:`smooth`})}},[R,B,M,E]);let J=()=>{if(!b){let e=!M;N(e),e?(L(q||[]),z(0),V([0])):z(-1)}},le=()=>{if(!q||q.length===0)return null;let t=[],n=e;for(let e of q){let r=n.find(t=>t.value===e);if(r)t.push(r.label),n=r.children||[];else break}return t.length===0?null:t.map((e,n)=>(0,f.jsxs)(u.default.Fragment,{children:[e,n<t.length-1&&(0,f.jsx)(`span`,{children:S})]},n))},Y=(t,n)=>{if(t.disabled)return;let r=[...I.slice(0,n),t.value];if(L(r),!t.children||t.children.length===0){if(K||F(r),h){let t=[],n=e;for(let e of r){let r=n.find(t=>t.value===e);r&&(t.push(r),n=r.children||[])}h(r,t)}N(!1),G.current?.focus()}},ue=e=>{e?.stopPropagation(),!b&&(K||F([]),h&&h([],[]))},de=(e,t)=>{x===`hover`&&!e.disabled&&L([...I.slice(0,t),e.value])},fe=t=>{if(U(!0),b)return;if(!M){(t.key===`Enter`||t.key===` `||t.key===`ArrowDown`||t.key===`ArrowDown`&&t.altKey)&&(t.preventDefault(),J());return}let n=[e],r=e;for(let e=0;e<I.length;e++){let t=I[e],i=r.find(e=>e.value===t);if(i&&i.children&&i.children.length>0)n.push(i.children),r=i.children;else break}let i=n[R]||[],a=B[R]||0;switch(t.key){case`ArrowDown`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.min(a+1,i.length-1),t});break;case`ArrowUp`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.max(a-1,0),t});break;case`ArrowRight`:{t.preventDefault();let e=i[a];e&&e.children&&e.children.length>0&&(L([...I.slice(0,R),e.value]),z(R+1),V(e=>[...e.slice(0,R+1),0]));break}case`ArrowLeft`:t.preventDefault(),R>0&&(z(R-1),V(e=>e.slice(0,R)));break;case`Enter`:case` `:{t.preventDefault();let e=i[a];e&&Y(e,R);break}case`Escape`:t.preventDefault(),N(!1),z(-1),G.current?.focus();break;case`Home`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=0,t});break;case`End`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=i.length-1,t});break;case`Tab`:M&&(N(!1),z(-1))}},X=[e],Z=e;for(let e=0;e<I.length;e++){let t=I[e],n=Z.find(e=>e.value===t);if(n&&n.children&&n.children.length>0)X.push(n.children),Z=n.children;else break}let Q=le(),$=()=>{if(!q||q.length===0)return``;let t=[],n=e;for(let e of q){let r=n.find(t=>t.value===e);if(r)t.push(p(r.label)),n=r.children||[];else break}return t.join(S)},{setReference:pe,setFloating:me,floatingProps:he}=s.useInlineFloating({open:M&&!b}),ge=t.useMergedRef(W,pe);return(0,f.jsx)(l.FieldTemplate,{label:_,error:v,required:y,layout:ee,labelId:D,errorId:O,className:(0,d.default)(`wim-cascader`,te),children:(0,f.jsxs)(`div`,{className:c.default.root,ref:ge,onMouseMove:()=>U(!1),"data-keyboard-nav":H,...ce,children:[(0,f.jsx)(o.InputBase,{disabled:b,allowClear:C,hasValue:!!Q,onClear:ue,intent:v?`danger`:`default`,width:oe,fullWidth:se,rightIcons:[{name:`ChevronDownIcon`,rotated:M}],className:(0,d.default)(M&&c.default.open),children:(0,f.jsx)(`div`,{id:A,ref:G,className:(0,d.default)(c.default.trigger,b&&c.default.disabled),onClick:J,onKeyDown:fe,tabIndex:b?-1:0,role:`combobox`,"aria-expanded":M,"aria-controls":M?j:void 0,"aria-haspopup":`listbox`,"aria-disabled":b,"aria-labelledby":k,"aria-label":k?void 0:w||$()||p(g),"aria-describedby":[ae,O].filter(Boolean).join(` `)||void 0,"aria-required":y,"aria-invalid":!!v,"aria-activedescendant":M&&R>=0?`${E}-menu-${R}-option-${B[R]}`:void 0,children:(0,f.jsx)(`div`,{className:(0,d.default)(c.default.value,!Q&&c.default.placeholder),children:Q||g})})}),(0,f.jsx)(n.Transition,{show:M&&!b,preset:`fade`,id:j,className:c.default.dropdown,ref:me,...he,children:X.map((e,t)=>(0,f.jsx)(`div`,{className:c.default.menu,role:`listbox`,"aria-labelledby":k,"aria-label":k?void 0:w||$()||p(g),children:e.map((e,n)=>{let o=I[t]===e.value,s=R===t&&B[t]===n,l=q[t]===e.value,u=e.children&&e.children.length>0;return(0,f.jsx)(a.BaseListItem,{className:(0,d.default)(c.default.menuItem,l&&c.default.selected),active:s||o,disabled:e.disabled,onClick:n=>{n.stopPropagation(),Y(e,t)},onMouseEnter:()=>{de(e,t),z(t),V(e=>[...e.slice(0,t),n])},rightSection:u?(0,f.jsx)(i.Icon,{component:r.default,size:`sm`}):void 0,role:`option`,id:`${E}-menu-${t}-option-${n}`,"aria-selected":l,tabIndex:-1,children:e.label},e.value)})},t))})]})})};m.displayName=`Cascader`,exports.Cascader=m;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../../icon/chevron-right.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../_internal/BaseListItem/BaseListItem.cjs"),s=require("../InputBase/InputBase.cjs"),c=require("../../_internal/useInlineFloating.cjs"),l=require("./cascader.module.cjs"),u=require("../FieldTemplate/FieldTemplate.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");function m(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}var h=({options:e=[],value:h,onChange:g,placeholder:_,label:v,error:y,required:b,layout:x,className:ee,disabled:S=!1,defaultValue:te,id:C,expandTrigger:w=`click`,separator:T=` / `,allowClear:ne=!1,"aria-label":E,"aria-labelledby":re,"aria-describedby":ie,width:ae,fullWidth:oe=!1,...D})=>{let se=(0,d.useId)(),O=C||`wim-cascader-${se}`,k=v?`${O}-label`:void 0,A=y?`${O}-error`:void 0,j=k??re,ce=`${O}-trigger`,M=`${O}-popup`,[N,P]=(0,d.useState)(!1),[le,F]=(0,d.useState)(te||[]),[I,L]=(0,d.useState)([]),[R,z]=(0,d.useState)(-1),[B,V]=(0,d.useState)([]),[H,U]=(0,d.useState)(!1),W=(0,d.useRef)(null),G=(0,d.useRef)(null),K=h!==void 0,q=K?h:le;(0,d.useEffect)(()=>{let e=e=>{W.current&&!W.current.contains(e.target)&&P(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,d.useEffect)(()=>{if(N&&R>=0){let e=B[R],t=`${O}-menu-${R}-option-${e}`,n=W.current?.querySelector(`#${t}`);n&&n.scrollIntoView({block:`nearest`,behavior:`smooth`})}},[R,B,N,O]);let J=()=>{if(!S){let e=!N;P(e),e?(L(q||[]),z(0),V([0])):z(-1)}},ue=()=>{if(!q||q.length===0)return null;let t=[],n=e;for(let e of q){let r=n.find(t=>t.value===e);if(r)t.push(r.label),n=r.children||[];else break}return t.length===0?null:t.map((e,n)=>(0,p.jsxs)(d.default.Fragment,{children:[e,n<t.length-1&&(0,p.jsx)(`span`,{children:T})]},n))},Y=(t,n)=>{if(t.disabled)return;let r=[...I.slice(0,n),t.value];if(L(r),!t.children||t.children.length===0){if(K||F(r),g){let t=[],n=e;for(let e of r){let r=n.find(t=>t.value===e);r&&(t.push(r),n=r.children||[])}g(r,t)}P(!1),G.current?.focus()}},de=e=>{e?.stopPropagation(),!S&&(K||F([]),g&&g([],[]))},fe=(e,t)=>{w===`hover`&&!e.disabled&&L([...I.slice(0,t),e.value])},pe=t=>{if(U(!0),S)return;if(!N){(t.key===`Enter`||t.key===` `||t.key===`ArrowDown`||t.key===`ArrowDown`&&t.altKey)&&(t.preventDefault(),J());return}let n=[e],r=e;for(let e=0;e<I.length;e++){let t=I[e],i=r.find(e=>e.value===t);if(i&&i.children&&i.children.length>0)n.push(i.children),r=i.children;else break}let i=n[R]||[],a=B[R]||0;switch(t.key){case`ArrowDown`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.min(a+1,i.length-1),t});break;case`ArrowUp`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.max(a-1,0),t});break;case`ArrowRight`:{t.preventDefault();let e=i[a];e&&e.children&&e.children.length>0&&(L([...I.slice(0,R),e.value]),z(R+1),V(e=>[...e.slice(0,R+1),0]));break}case`ArrowLeft`:t.preventDefault(),R>0&&(z(R-1),V(e=>e.slice(0,R)));break;case`Enter`:case` `:{t.preventDefault();let e=i[a];e&&Y(e,R);break}case`Escape`:t.preventDefault(),P(!1),z(-1),G.current?.focus();break;case`Home`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=0,t});break;case`End`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=i.length-1,t});break;case`Tab`:N&&(P(!1),z(-1))}},X=[e],Z=e;for(let e=0;e<I.length;e++){let t=I[e],n=Z.find(e=>e.value===t);if(n&&n.children&&n.children.length>0)X.push(n.children),Z=n.children;else break}let Q=ue(),$=()=>{if(!q||q.length===0)return``;let t=[],n=e;for(let e of q){let r=n.find(t=>t.value===e);if(r)t.push(m(r.label)),n=r.children||[];else break}return t.join(T)},{setReference:me,setFloating:he,floatingProps:ge}=c.useInlineFloating({open:N&&!S}),_e=t.useMergedRef(W,me);return(0,p.jsx)(u.FieldTemplate,{label:v,error:y,required:b,layout:x,labelId:k,errorId:A,className:(0,f.default)(`wim-cascader`,ee),children:(0,p.jsxs)(`div`,{className:l.default.root,ref:_e,"data-keyboard-nav":H,...D,onMouseMove:n.composeEventHandlers(D.onMouseMove,()=>U(!1)),children:[(0,p.jsx)(s.InputBase,{disabled:S,allowClear:ne,hasValue:!!Q,onClear:de,intent:y?`danger`:`default`,width:ae,fullWidth:oe,rightIcons:[{name:`ChevronDownIcon`,rotated:N}],className:(0,f.default)(N&&l.default.open),children:(0,p.jsx)(`div`,{id:ce,ref:G,className:(0,f.default)(l.default.trigger,S&&l.default.disabled),onClick:J,onKeyDown:pe,tabIndex:S?-1:0,role:`combobox`,"aria-expanded":N,"aria-controls":N?M:void 0,"aria-haspopup":`listbox`,"aria-disabled":S,"aria-labelledby":j,"aria-label":j?void 0:E||$()||m(_),"aria-describedby":[ie,A].filter(Boolean).join(` `)||void 0,"aria-required":b,"aria-invalid":!!y,"aria-activedescendant":N&&R>=0?`${O}-menu-${R}-option-${B[R]}`:void 0,children:(0,p.jsx)(`div`,{className:(0,f.default)(l.default.value,!Q&&l.default.placeholder),children:Q||_})})}),(0,p.jsx)(r.Transition,{show:N&&!S,preset:`fade`,id:M,className:l.default.dropdown,ref:he,...ge,children:X.map((e,t)=>(0,p.jsx)(`div`,{className:l.default.menu,role:`listbox`,"aria-labelledby":j,"aria-label":j?void 0:E||$()||m(_),children:e.map((e,n)=>{let r=I[t]===e.value,s=R===t&&B[t]===n,c=q[t]===e.value,u=e.children&&e.children.length>0;return(0,p.jsx)(o.BaseListItem,{className:(0,f.default)(l.default.menuItem,c&&l.default.selected),active:s||r,disabled:e.disabled,onClick:n=>{n.stopPropagation(),Y(e,t)},onMouseEnter:()=>{fe(e,t),z(t),V(e=>[...e.slice(0,t),n])},rightSection:u?(0,p.jsx)(a.Icon,{component:i.default,size:`sm`}):void 0,role:`option`,id:`${O}-menu-${t}-option-${n}`,"aria-selected":c,tabIndex:-1,children:e.label},e.value)})},t))})]})})};h.displayName=`Cascader`,exports.Cascader=h;

package/dist/components/form/Cascader/Cascader.js

@@ -1,60 +1,61 @@
 "use client";
 import { useMergedRef as e } from "../../../hooks/useMergedRef.js";
-import { Transition as t } from "../../layout/Transition/Transition.js";
-import n from "../../../icon/chevron-right.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
-import { BaseListItem as i } from "../../_internal/BaseListItem/BaseListItem.js";
+import { composeEventHandlers as t } from "../../_internal/composeEventHandlers.js";
+import { Transition as n } from "../../layout/Transition/Transition.js";
+import r from "../../../icon/chevron-right.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import { BaseListItem as ee } from "../../_internal/BaseListItem/BaseListItem.js";
 import { InputBase as a } from "../InputBase/InputBase.js";
 import { useInlineFloating as o } from "../../_internal/useInlineFloating.js";
 import s from "./cascader.module.js";
 import { FieldTemplate as c } from "../FieldTemplate/FieldTemplate.js";
-import l, { useEffect as u, useId as ee, useRef as d, useState as f } from "react";
+import l, { useEffect as u, useId as te, useRef as d, useState as f } from "react";
 import p from "classnames";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/form/Cascader/Cascader.tsx
 function g(e) {
 	return typeof e == "string" ? e : typeof e == "number" ? String(e) : "";
 }
-var _ = ({ options: _ = [], value: v, onChange: y, placeholder: b, label: x, error: S, required: C, layout: te, className: ne, disabled: w = !1, defaultValue: T, id: re, expandTrigger: ie = "click", separator: E = " / ", allowClear: ae = !1, "aria-label": D, "aria-labelledby": oe, "aria-describedby": O, width: se, fullWidth: ce = !1, ...le }) => {
-	let ue = ee(), k = re || `wim-cascader-${ue}`, A = x ? `${k}-label` : void 0, j = S ? `${k}-error` : void 0, M = A ?? oe, de = `${k}-trigger`, N = `${k}-popup`, [P, F] = f(!1), [fe, I] = f(T || []), [L, R] = f([]), [z, B] = f(-1), [V, H] = f([]), [pe, U] = f(!1), W = d(null), G = d(null), K = v !== void 0, q = K ? v : fe;
+var _ = ({ options: _ = [], value: v, onChange: y, placeholder: b, label: x, error: S, required: C, layout: ne, className: re, disabled: w = !1, defaultValue: ie, id: ae, expandTrigger: oe = "click", separator: T = " / ", allowClear: se = !1, "aria-label": E, "aria-labelledby": ce, "aria-describedby": le, width: ue, fullWidth: de = !1, ...D }) => {
+	let fe = te(), O = ae || `wim-cascader-${fe}`, k = x ? `${O}-label` : void 0, A = S ? `${O}-error` : void 0, j = k ?? ce, pe = `${O}-trigger`, M = `${O}-popup`, [N, P] = f(!1), [me, F] = f(ie || []), [I, L] = f([]), [R, z] = f(-1), [B, V] = f([]), [he, H] = f(!1), U = d(null), W = d(null), G = v !== void 0, K = G ? v : me;
 	u(() => {
 		let e = (e) => {
-			W.current && !W.current.contains(e.target) && F(!1);
+			U.current && !U.current.contains(e.target) && P(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []), u(() => {
-		if (P && z >= 0) {
-			let e = V[z], t = `${k}-menu-${z}-option-${e}`, n = W.current?.querySelector(`#${t}`);
+		if (N && R >= 0) {
+			let e = B[R], t = `${O}-menu-${R}-option-${e}`, n = U.current?.querySelector(`#${t}`);
 			n && n.scrollIntoView({
 				block: "nearest",
 				behavior: "smooth"
 			});
 		}
 	}, [
-		z,
-		V,
-		P,
-		k
+		R,
+		B,
+		N,
+		O
 	]);
-	let J = () => {
+	let q = () => {
 		if (!w) {
-			let e = !P;
-			F(e), e ? (R(q || []), B(0), H([0])) : B(-1);
+			let e = !N;
+			P(e), e ? (L(K || []), z(0), V([0])) : z(-1);
 		}
-	}, me = () => {
-		if (!q || q.length === 0) return null;
+	}, ge = () => {
+		if (!K || K.length === 0) return null;
 		let e = [], t = _;
-		for (let n of q) {
+		for (let n of K) {
 			let r = t.find((e) => e.value === n);
 			if (r) e.push(r.label), t = r.children || [];
 			else break;
 		}
-		return e.length === 0 ? null : e.map((t, n) => /* @__PURE__ */ h(l.Fragment, { children: [t, n < e.length - 1 && /* @__PURE__ */ m("span", { children: E })] }, n));
-	}, Y = (e, t) => {
+		return e.length === 0 ? null : e.map((t, n) => /* @__PURE__ */ h(l.Fragment, { children: [t, n < e.length - 1 && /* @__PURE__ */ m("span", { children: T })] }, n));
+	}, J = (e, t) => {
 		if (e.disabled) return;
-		let n = [...L.slice(0, t), e.value];
-		if (R(n), !e.children || e.children.length === 0) {
-			if (K || I(n), y) {
+		let n = [...I.slice(0, t), e.value];
+		if (L(n), !e.children || e.children.length === 0) {
+			if (G || F(n), y) {
 				let e = [], t = _;
 				for (let r of n) {
 					let n = t.find((e) => e.value === r);
@@ -62,168 +63,168 @@ var _ = ({ options: _ = [], value: v, onChange: y, placeholder: b, label: x, err
 				}
 				y(n, e);
 			}
-			F(!1), G.current?.focus();
+			P(!1), W.current?.focus();
 		}
-	}, he = (e) => {
-		e?.stopPropagation(), !w && (K || I([]), y && y([], []));
-	}, ge = (e, t) => {
-		ie === "hover" && !e.disabled && R([...L.slice(0, t), e.value]);
 	}, _e = (e) => {
-		if (U(!0), w) return;
-		if (!P) {
-			(e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowDown" && e.altKey) && (e.preventDefault(), J());
+		e?.stopPropagation(), !w && (G || F([]), y && y([], []));
+	}, Y = (e, t) => {
+		oe === "hover" && !e.disabled && L([...I.slice(0, t), e.value]);
+	}, ve = (e) => {
+		if (H(!0), w) return;
+		if (!N) {
+			(e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowDown" && e.altKey) && (e.preventDefault(), q());
 			return;
 		}
 		let t = [_], n = _;
-		for (let e = 0; e < L.length; e++) {
-			let r = L[e], i = n.find((e) => e.value === r);
+		for (let e = 0; e < I.length; e++) {
+			let r = I[e], i = n.find((e) => e.value === r);
 			if (i && i.children && i.children.length > 0) t.push(i.children), n = i.children;
 			else break;
 		}
-		let r = t[z] || [], i = V[z] || 0;
+		let r = t[R] || [], i = B[R] || 0;
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), H((e) => {
+				e.preventDefault(), V((e) => {
 					let t = [...e];
-					return t[z] = Math.min(i + 1, r.length - 1), t;
+					return t[R] = Math.min(i + 1, r.length - 1), t;
 				});
 				break;
 			case "ArrowUp":
-				e.preventDefault(), H((e) => {
+				e.preventDefault(), V((e) => {
 					let t = [...e];
-					return t[z] = Math.max(i - 1, 0), t;
+					return t[R] = Math.max(i - 1, 0), t;
 				});
 				break;
 			case "ArrowRight": {
 				e.preventDefault();
 				let t = r[i];
-				t && t.children && t.children.length > 0 && (R([...L.slice(0, z), t.value]), B(z + 1), H((e) => [...e.slice(0, z + 1), 0]));
+				t && t.children && t.children.length > 0 && (L([...I.slice(0, R), t.value]), z(R + 1), V((e) => [...e.slice(0, R + 1), 0]));
 				break;
 			}
 			case "ArrowLeft":
-				e.preventDefault(), z > 0 && (B(z - 1), H((e) => e.slice(0, z)));
+				e.preventDefault(), R > 0 && (z(R - 1), V((e) => e.slice(0, R)));
 				break;
 			case "Enter":
 			case " ": {
 				e.preventDefault();
 				let t = r[i];
-				t && Y(t, z);
+				t && J(t, R);
 				break;
 			}
 			case "Escape":
-				e.preventDefault(), F(!1), B(-1), G.current?.focus();
+				e.preventDefault(), P(!1), z(-1), W.current?.focus();
 				break;
 			case "Home":
-				e.preventDefault(), H((e) => {
+				e.preventDefault(), V((e) => {
 					let t = [...e];
-					return t[z] = 0, t;
+					return t[R] = 0, t;
 				});
 				break;
 			case "End":
-				e.preventDefault(), H((e) => {
+				e.preventDefault(), V((e) => {
 					let t = [...e];
-					return t[z] = r.length - 1, t;
+					return t[R] = r.length - 1, t;
 				});
 				break;
-			case "Tab": P && (F(!1), B(-1));
+			case "Tab": N && (P(!1), z(-1));
 		}
 	}, X = [_], Z = _;
-	for (let e = 0; e < L.length; e++) {
-		let t = L[e], n = Z.find((e) => e.value === t);
+	for (let e = 0; e < I.length; e++) {
+		let t = I[e], n = Z.find((e) => e.value === t);
 		if (n && n.children && n.children.length > 0) X.push(n.children), Z = n.children;
 		else break;
 	}
-	let Q = me(), $ = () => {
-		if (!q || q.length === 0) return "";
+	let Q = ge(), $ = () => {
+		if (!K || K.length === 0) return "";
 		let e = [], t = _;
-		for (let n of q) {
+		for (let n of K) {
 			let r = t.find((e) => e.value === n);
 			if (r) e.push(g(r.label)), t = r.children || [];
 			else break;
 		}
-		return e.join(E);
-	}, { setReference: ve, setFloating: ye, floatingProps: be } = o({ open: P && !w }), xe = e(W, ve);
+		return e.join(T);
+	}, { setReference: ye, setFloating: be, floatingProps: xe } = o({ open: N && !w }), Se = e(U, ye);
 	return /* @__PURE__ */ m(c, {
 		label: x,
 		error: S,
 		required: C,
-		layout: te,
-		labelId: A,
-		errorId: j,
-		className: p("wim-cascader", ne),
+		layout: ne,
+		labelId: k,
+		errorId: A,
+		className: p("wim-cascader", re),
 		children: /* @__PURE__ */ h("div", {
 			className: s.root,
-			ref: xe,
-			onMouseMove: () => U(!1),
-			"data-keyboard-nav": pe,
-			...le,
+			ref: Se,
+			"data-keyboard-nav": he,
+			...D,
+			onMouseMove: t(D.onMouseMove, () => H(!1)),
 			children: [/* @__PURE__ */ m(a, {
 				disabled: w,
-				allowClear: ae,
+				allowClear: se,
 				hasValue: !!Q,
-				onClear: he,
+				onClear: _e,
 				intent: S ? "danger" : "default",
-				width: se,
-				fullWidth: ce,
+				width: ue,
+				fullWidth: de,
 				rightIcons: [{
 					name: "ChevronDownIcon",
-					rotated: P
+					rotated: N
 				}],
-				className: p(P && s.open),
+				className: p(N && s.open),
 				children: /* @__PURE__ */ m("div", {
-					id: de,
-					ref: G,
+					id: pe,
+					ref: W,
 					className: p(s.trigger, w && s.disabled),
-					onClick: J,
-					onKeyDown: _e,
+					onClick: q,
+					onKeyDown: ve,
 					tabIndex: w ? -1 : 0,
 					role: "combobox",
-					"aria-expanded": P,
-					"aria-controls": P ? N : void 0,
+					"aria-expanded": N,
+					"aria-controls": N ? M : void 0,
 					"aria-haspopup": "listbox",
 					"aria-disabled": w,
-					"aria-labelledby": M,
-					"aria-label": M ? void 0 : D || $() || g(b),
-					"aria-describedby": [O, j].filter(Boolean).join(" ") || void 0,
+					"aria-labelledby": j,
+					"aria-label": j ? void 0 : E || $() || g(b),
+					"aria-describedby": [le, A].filter(Boolean).join(" ") || void 0,
 					"aria-required": C,
 					"aria-invalid": !!S,
-					"aria-activedescendant": P && z >= 0 ? `${k}-menu-${z}-option-${V[z]}` : void 0,
+					"aria-activedescendant": N && R >= 0 ? `${O}-menu-${R}-option-${B[R]}` : void 0,
 					children: /* @__PURE__ */ m("div", {
 						className: p(s.value, !Q && s.placeholder),
 						children: Q || b
 					})
 				})
-			}), /* @__PURE__ */ m(t, {
-				show: P && !w,
+			}), /* @__PURE__ */ m(n, {
+				show: N && !w,
 				preset: "fade",
-				id: N,
+				id: M,
 				className: s.dropdown,
-				ref: ye,
-				...be,
+				ref: be,
+				...xe,
 				children: X.map((e, t) => /* @__PURE__ */ m("div", {
 					className: s.menu,
 					role: "listbox",
-					"aria-labelledby": M,
-					"aria-label": M ? void 0 : D || $() || g(b),
-					children: e.map((e, a) => {
-						let o = L[t] === e.value, c = z === t && V[t] === a, l = q[t] === e.value, u = e.children && e.children.length > 0;
-						return /* @__PURE__ */ m(i, {
-							className: p(s.menuItem, l && s.selected),
-							active: c || o,
+					"aria-labelledby": j,
+					"aria-label": j ? void 0 : E || $() || g(b),
+					children: e.map((e, n) => {
+						let a = I[t] === e.value, o = R === t && B[t] === n, c = K[t] === e.value, l = e.children && e.children.length > 0;
+						return /* @__PURE__ */ m(ee, {
+							className: p(s.menuItem, c && s.selected),
+							active: o || a,
 							disabled: e.disabled,
 							onClick: (n) => {
-								n.stopPropagation(), Y(e, t);
+								n.stopPropagation(), J(e, t);
 							},
 							onMouseEnter: () => {
-								ge(e, t), B(t), H((e) => [...e.slice(0, t), a]);
+								Y(e, t), z(t), V((e) => [...e.slice(0, t), n]);
 							},
-							rightSection: u ? /* @__PURE__ */ m(r, {
-								component: n,
+							rightSection: l ? /* @__PURE__ */ m(i, {
+								component: r,
 								size: "sm"
 							}) : void 0,
 							role: "option",
-							id: `${k}-menu-${t}-option-${a}`,
-							"aria-selected": l,
+							id: `${O}-menu-${t}-option-${n}`,
+							"aria-selected": c,
 							tabIndex: -1,
 							children: e.label
 						}, e.value);

package/dist/components/form/DatePicker/DatePicker.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("../../../hooks/useMergedRef.cjs"),i=require("../../layout/Transition/Transition.cjs"),a=require("../../overlay/FocusTrap/FocusTrap.cjs"),o=require("../../../i18n/generated/components.cjs"),ee=require("../InputBase/InputBase.cjs"),s=require("../../_internal/useInlineFloating.cjs"),c=require("../FieldTemplate/FieldTemplate.cjs"),l=require("../Input/input.module.cjs"),u=require("../../data-display/Calendar/Calendar.cjs"),d=require("./date-picker.module.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("classnames");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var h=(0,f.forwardRef)(({intent:e=`default`,variant:h=`outline`,fullWidth:g=!1,className:_,disabled:v,value:y,defaultValue:b,onChange:x,format:te=`YYYY-MM-DD`,clearable:S=!0,placeholder:C,minDate:ne,maxDate:re,disabledDates:ie,label:w,error:T,required:E,layout:D,id:O,labels:k,width:A,asChild:j=!1,children:M,...N},P)=>{let[F,I]=(0,f.useState)(!1),[L,R]=(0,f.useState)(b||null),z=(0,f.useRef)(null),B=(0,f.useRef)(null),{t:V}=n.useWimTranslation(o.componentsNs),H=(0,f.useId)(),U=O||`wim-datepicker-${H}`,W=`${U}-dropdown`,G=w?`${U}-label`:void 0,K=T?`${U}-error`:void 0,q=y!==void 0,J=q?y:L,Y=C??k?.placeholder,X=v,Z=T?`danger`:e;(0,f.useEffect)(()=>{let e=e=>{z.current&&!z.current.contains(e.target)&&I(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,f.useEffect)(()=>{let e=e=>{e.key===`Escape`&&F&&(I(!1),B.current?.focus())};return F&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[F]);let Q=e=>{if(!e)return``;let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`),r=String(e.getDate()).padStart(2,`0`);return te.replace(`YYYY`,String(t)).replace(`MM`,n).replace(`DD`,r)},ae=e=>{q||R(e),x?.(e),I(!1),B.current?.focus()},oe=e=>{e?.stopPropagation(),X||(q||R(null),x?.(null))},$=()=>{X||I(!F)},se=e=>{X||(e.key===`Escape`?(I(!1),B.current?.focus()):(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`&&(e.altKey||!F))&&(e.preventDefault(),I(!F)))};(0,f.useEffect)(()=>{if(F){let e=setTimeout(()=>{let e=z.current?.querySelector(`[data-calendar-day][tabindex="0"]:not(:disabled), [data-calendar-day][data-selected]:not(:disabled), [data-calendar-day]:focus`);e?e.focus():z.current?.querySelector(`[data-calendar-day]:not([data-other-month]):not(:disabled)`)?.focus()},50);return()=>clearTimeout(e)}},[F]);let ce=j?t.Root:`div`,{setReference:le,setFloating:ue,floatingProps:de}=s.useInlineFloating({open:F&&!v}),fe=r.useMergedRef(z,P,le);return(0,m.jsx)(c.FieldTemplate,{label:w,error:T,required:E,layout:D,labelId:G,htmlFor:U,errorId:K,className:_,children:(0,m.jsxs)(ce,{ref:fe,className:(0,p.default)(`wim-date-picker`,d.default.root,g&&d.default.fullWidth),children:[(0,m.jsx)(ee.InputBase,{intent:Z,variant:h,width:A,fullWidth:g,disabled:X,allowClear:S,hasValue:!!J,onClear:oe,rightIcons:[{name:`ChevronDownIcon`,rotated:F,onClick:$,decorative:!0}],children:(0,m.jsx)(`input`,{id:U,ref:B,type:`text`,readOnly:!0,role:`combobox`,className:(0,p.default)(l.default.root,d.default.input),value:Q(J),placeholder:Y,disabled:X,onClick:$,onKeyDown:se,"aria-haspopup":`dialog`,"aria-expanded":F,"aria-controls":F?W:void 0,"aria-invalid":Z===`danger`,"aria-describedby":K,"aria-labelledby":G,"aria-required":E,...N})}),(0,m.jsx)(i.Transition,{show:F&&!v,preset:`fade`,id:W,className:d.default.dropdown,ref:ue,...de,children:(0,m.jsx)(a.FocusTrap,{active:F,initialFocus:!1,children:(0,m.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":G,"aria-label":G?void 0:N[`aria-label`]??V(`datepicker.dialog`),children:(0,m.jsx)(u.Calendar,{value:J??void 0,onChange:ae})})})}),(0,m.jsx)(t.Slottable,{children:M})]})})});h.displayName=`DatePicker`,exports.DatePicker=h,exports.default=h;
+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("../../../hooks/useMergedRef.cjs"),i=require("../../_internal/composeEventHandlers.cjs"),ee=require("../../layout/Transition/Transition.cjs"),a=require("../../overlay/FocusTrap/FocusTrap.cjs"),o=require("../../../i18n/generated/components.cjs"),te=require("../InputBase/InputBase.cjs"),s=require("../../_internal/useInlineFloating.cjs"),c=require("../FieldTemplate/FieldTemplate.cjs"),l=require("../Input/input.module.cjs"),u=require("../../data-display/Calendar/Calendar.cjs"),d=require("./date-picker.module.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("classnames");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var h=(0,f.forwardRef)(({intent:e=`default`,variant:h=`outline`,fullWidth:g=!1,className:_,disabled:v,value:y,defaultValue:b,onChange:x,format:ne=`YYYY-MM-DD`,clearable:S=!0,placeholder:C,minDate:re,maxDate:ie,disabledDates:ae,label:w,error:T,required:E,layout:D,id:O,labels:k,width:A,asChild:j=!1,children:M,...N},P)=>{let[F,I]=(0,f.useState)(!1),[L,R]=(0,f.useState)(b||null),z=(0,f.useRef)(null),B=(0,f.useRef)(null),{t:V}=n.useWimTranslation(o.componentsNs),H=(0,f.useId)(),U=O||`wim-datepicker-${H}`,W=`${U}-dropdown`,G=w?`${U}-label`:void 0,K=T?`${U}-error`:void 0,q=y!==void 0,J=q?y:L,Y=C??k?.placeholder,X=v,Z=T?`danger`:e;(0,f.useEffect)(()=>{let e=e=>{z.current&&!z.current.contains(e.target)&&I(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,f.useEffect)(()=>{let e=e=>{e.key===`Escape`&&F&&(I(!1),B.current?.focus())};return F&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[F]);let oe=e=>{if(!e)return``;let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`),r=String(e.getDate()).padStart(2,`0`);return ne.replace(`YYYY`,String(t)).replace(`MM`,n).replace(`DD`,r)},se=e=>{q||R(e),x?.(e),I(!1),B.current?.focus()},ce=e=>{e?.stopPropagation(),X||(q||R(null),x?.(null))},Q=()=>{X||I(!F)},$=e=>{X||(e.key===`Escape`?(I(!1),B.current?.focus()):(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`&&(e.altKey||!F))&&(e.preventDefault(),I(!F)))};(0,f.useEffect)(()=>{if(F){let e=setTimeout(()=>{let e=z.current?.querySelector(`[data-calendar-day][tabindex="0"]:not(:disabled), [data-calendar-day][data-selected]:not(:disabled), [data-calendar-day]:focus`);e?e.focus():z.current?.querySelector(`[data-calendar-day]:not([data-other-month]):not(:disabled)`)?.focus()},50);return()=>clearTimeout(e)}},[F]);let le=j?t.Root:`div`,{setReference:ue,setFloating:de,floatingProps:fe}=s.useInlineFloating({open:F&&!v}),pe=r.useMergedRef(z,P,ue);return(0,m.jsx)(c.FieldTemplate,{label:w,error:T,required:E,layout:D,labelId:G,htmlFor:U,errorId:K,className:_,children:(0,m.jsxs)(le,{ref:pe,className:(0,p.default)(`wim-date-picker`,d.default.root,g&&d.default.fullWidth),children:[(0,m.jsx)(te.InputBase,{intent:Z,variant:h,width:A,fullWidth:g,disabled:X,allowClear:S,hasValue:!!J,onClear:ce,rightIcons:[{name:`ChevronDownIcon`,rotated:F,onClick:Q,decorative:!0}],children:(0,m.jsx)(`input`,{id:U,ref:B,type:`text`,readOnly:!0,role:`combobox`,className:(0,p.default)(l.default.root,d.default.input),value:oe(J),placeholder:Y,disabled:X,"aria-haspopup":`dialog`,"aria-expanded":F,"aria-controls":F?W:void 0,"aria-invalid":Z===`danger`,"aria-describedby":K,"aria-labelledby":G,"aria-required":E,...N,onClick:i.composeEventHandlers(N.onClick,Q),onKeyDown:i.composeEventHandlers(N.onKeyDown,$)})}),(0,m.jsx)(ee.Transition,{show:F&&!v,preset:`fade`,id:W,className:d.default.dropdown,ref:de,...fe,children:(0,m.jsx)(a.FocusTrap,{active:F,initialFocus:!1,children:(0,m.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":G,"aria-label":G?void 0:N[`aria-label`]??V(`datepicker.dialog`),children:(0,m.jsx)(u.Calendar,{value:J??void 0,onChange:se})})})}),(0,m.jsx)(t.Slottable,{children:M})]})})});h.displayName=`DatePicker`,exports.DatePicker=h,exports.default=h;

package/dist/components/form/DatePicker/DatePicker.js

@@ -2,46 +2,47 @@
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
 import { useMergedRef as r } from "../../../hooks/useMergedRef.js";
-import { Transition as i } from "../../layout/Transition/Transition.js";
-import { FocusTrap as a } from "../../overlay/FocusTrap/FocusTrap.js";
-import { componentsNs as o } from "../../../i18n/generated/components.js";
+import { composeEventHandlers as i } from "../../_internal/composeEventHandlers.js";
+import { Transition as a } from "../../layout/Transition/Transition.js";
+import { FocusTrap as o } from "../../overlay/FocusTrap/FocusTrap.js";
+import { componentsNs as s } from "../../../i18n/generated/components.js";
 import { InputBase as ee } from "../InputBase/InputBase.js";
-import { useInlineFloating as s } from "../../_internal/useInlineFloating.js";
-import { FieldTemplate as c } from "../FieldTemplate/FieldTemplate.js";
-import l from "../Input/input.module.js";
-import { Calendar as u } from "../../data-display/Calendar/Calendar.js";
-import d from "./date-picker.module.js";
-import { forwardRef as f, useEffect as p, useId as te, useRef as m, useState as h } from "react";
-import g from "classnames";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useInlineFloating as c } from "../../_internal/useInlineFloating.js";
+import { FieldTemplate as l } from "../FieldTemplate/FieldTemplate.js";
+import u from "../Input/input.module.js";
+import { Calendar as d } from "../../data-display/Calendar/Calendar.js";
+import f from "./date-picker.module.js";
+import { forwardRef as p, useEffect as m, useId as te, useRef as h, useState as g } from "react";
+import _ from "classnames";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/form/DatePicker/DatePicker.tsx
-var y = f(({ intent: f = "default", variant: y = "outline", fullWidth: b = !1, className: x, disabled: S, value: C, defaultValue: w, onChange: T, format: ne = "YYYY-MM-DD", clearable: re = !0, placeholder: ie, minDate: ae, maxDate: oe, disabledDates: se, label: E, error: D, required: O, layout: k, id: A, labels: j, width: M, asChild: N = !1, children: P, ...F }, I) => {
-	let [L, R] = h(!1), [z, B] = h(w || null), V = m(null), H = m(null), { t: ce } = n(o), U = te(), W = A || `wim-datepicker-${U}`, G = `${W}-dropdown`, K = E ? `${W}-label` : void 0, q = D ? `${W}-error` : void 0, J = C !== void 0, Y = J ? C : z, le = ie ?? j?.placeholder, X = S, Z = D ? "danger" : f;
-	p(() => {
+var b = p(({ intent: p = "default", variant: b = "outline", fullWidth: x = !1, className: S, disabled: C, value: w, defaultValue: ne, onChange: T, format: re = "YYYY-MM-DD", clearable: ie = !0, placeholder: ae, minDate: oe, maxDate: se, disabledDates: ce, label: E, error: D, required: O, layout: k, id: A, labels: j, width: M, asChild: N = !1, children: P, ...F }, I) => {
+	let [L, R] = g(!1), [z, B] = g(ne || null), V = h(null), H = h(null), { t: le } = n(s), U = te(), W = A || `wim-datepicker-${U}`, G = `${W}-dropdown`, K = E ? `${W}-label` : void 0, q = D ? `${W}-error` : void 0, J = w !== void 0, Y = J ? w : z, ue = ae ?? j?.placeholder, X = C, Z = D ? "danger" : p;
+	m(() => {
 		let e = (e) => {
 			V.current && !V.current.contains(e.target) && R(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), p(() => {
+	}, []), m(() => {
 		let e = (e) => {
 			e.key === "Escape" && L && (R(!1), H.current?.focus());
 		};
 		return L && document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [L]);
-	let ue = (e) => {
+	let de = (e) => {
 		if (!e) return "";
 		let t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
-		return ne.replace("YYYY", String(t)).replace("MM", n).replace("DD", r);
-	}, de = (e) => {
-		J || B(e), T?.(e), R(!1), H.current?.focus();
+		return re.replace("YYYY", String(t)).replace("MM", n).replace("DD", r);
 	}, fe = (e) => {
+		J || B(e), T?.(e), R(!1), H.current?.focus();
+	}, pe = (e) => {
 		e?.stopPropagation(), X || (J || B(null), T?.(null));
 	}, Q = () => {
 		X || R(!L);
-	}, pe = (e) => {
+	}, $ = (e) => {
 		X || (e.key === "Escape" ? (R(!1), H.current?.focus()) : (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" && (e.altKey || !L)) && (e.preventDefault(), R(!L)));
 	};
-	p(() => {
+	m(() => {
 		if (L) {
 			let e = setTimeout(() => {
 				let e = V.current?.querySelector("[data-calendar-day][tabindex=\"0\"]:not(:disabled), [data-calendar-day][data-selected]:not(:disabled), [data-calendar-day]:focus");
@@ -50,8 +51,8 @@ var y = f(({ intent: f = "default", variant: y = "outline", fullWidth: b = !1, c
 			return () => clearTimeout(e);
 		}
 	}, [L]);
-	let $ = N ? e : "div", { setReference: me, setFloating: he, floatingProps: ge } = s({ open: L && !S }), _e = r(V, I, me);
-	return /* @__PURE__ */ _(c, {
+	let me = N ? e : "div", { setReference: he, setFloating: ge, floatingProps: _e } = c({ open: L && !C }), ve = r(V, I, he);
+	return /* @__PURE__ */ v(l, {
 		label: E,
 		error: D,
 		required: O,
@@ -59,38 +60,36 @@ var y = f(({ intent: f = "default", variant: y = "outline", fullWidth: b = !1, c
 		labelId: K,
 		htmlFor: W,
 		errorId: q,
-		className: x,
-		children: /* @__PURE__ */ v($, {
-			ref: _e,
-			className: g("wim-date-picker", d.root, b && d.fullWidth),
+		className: S,
+		children: /* @__PURE__ */ y(me, {
+			ref: ve,
+			className: _("wim-date-picker", f.root, x && f.fullWidth),
 			children: [
-				/* @__PURE__ */ _(ee, {
+				/* @__PURE__ */ v(ee, {
 					intent: Z,
-					variant: y,
+					variant: b,
 					width: M,
-					fullWidth: b,
+					fullWidth: x,
 					disabled: X,
-					allowClear: re,
+					allowClear: ie,
 					hasValue: !!Y,
-					onClear: fe,
+					onClear: pe,
 					rightIcons: [{
 						name: "ChevronDownIcon",
 						rotated: L,
 						onClick: Q,
 						decorative: !0
 					}],
-					children: /* @__PURE__ */ _("input", {
+					children: /* @__PURE__ */ v("input", {
 						id: W,
 						ref: H,
 						type: "text",
 						readOnly: !0,
 						role: "combobox",
-						className: g(l.root, d.input),
-						value: ue(Y),
-						placeholder: le,
+						className: _(u.root, f.input),
+						value: de(Y),
+						placeholder: ue,
 						disabled: X,
-						onClick: Q,
-						onKeyDown: pe,
 						"aria-haspopup": "dialog",
 						"aria-expanded": L,
 						"aria-controls": L ? G : void 0,
@@ -98,36 +97,38 @@ var y = f(({ intent: f = "default", variant: y = "outline", fullWidth: b = !1, c
 						"aria-describedby": q,
 						"aria-labelledby": K,
 						"aria-required": O,
-						...F
+						...F,
+						onClick: i(F.onClick, Q),
+						onKeyDown: i(F.onKeyDown, $)
 					})
 				}),
-				/* @__PURE__ */ _(i, {
-					show: L && !S,
+				/* @__PURE__ */ v(a, {
+					show: L && !C,
 					preset: "fade",
 					id: G,
-					className: d.dropdown,
-					ref: he,
-					...ge,
-					children: /* @__PURE__ */ _(a, {
+					className: f.dropdown,
+					ref: ge,
+					..._e,
+					children: /* @__PURE__ */ v(o, {
 						active: L,
 						initialFocus: !1,
-						children: /* @__PURE__ */ _("div", {
+						children: /* @__PURE__ */ v("div", {
 							role: "dialog",
 							"aria-modal": "true",
 							"aria-labelledby": K,
-							"aria-label": K ? void 0 : F["aria-label"] ?? ce("datepicker.dialog"),
-							children: /* @__PURE__ */ _(u, {
+							"aria-label": K ? void 0 : F["aria-label"] ?? le("datepicker.dialog"),
+							children: /* @__PURE__ */ v(d, {
 								value: Y ?? void 0,
-								onChange: de
+								onChange: fe
 							})
 						})
 					})
 				}),
-				/* @__PURE__ */ _(t, { children: P })
+				/* @__PURE__ */ v(t, { children: P })
 			]
 		})
 	});
 });
-y.displayName = "DatePicker";
+b.displayName = "DatePicker";
 //#endregion
-export { y as DatePicker, y as default };
+export { b as DatePicker, b as default };

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