wimui 0.63.0 → 0.63.1

package/dist/components/data-display/SwipeAction/SwipeAction.js

@@ -1,112 +1,113 @@
 "use client";
 import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { Icon as t } from "../../media/Icon/Icon.js";
-import n from "./swipe-action.module.js";
-import { useSwipeableList as r } from "./SwipeableList.js";
-import i, { useEffect as a, useId as o, useImperativeHandle as s, useRef as c, useState as l } from "react";
-import u from "classnames";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { composeEventHandlers as t } from "../../_internal/composeEventHandlers.js";
+import { Icon as n } from "../../media/Icon/Icon.js";
+import r from "./swipe-action.module.js";
+import { useSwipeableList as i } from "./SwipeableList.js";
+import a, { useEffect as o, useId as s, useImperativeHandle as c, useRef as l, useState as u } from "react";
+import d from "classnames";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/data-display/SwipeAction/SwipeAction.tsx
-var p = i.forwardRef(({ as: i = "div", leftActions: p = [], rightActions: m = [], children: h, asChild: g = !1, id: _, closeOnAction: v = !0, fullSwipe: y, className: b, ...x }, S) => {
-	let C = o(), w = _ || C, T = r(), [E, D] = l(0), [O, k] = l(!1), A = c(0), j = c(0), M = c(null);
-	s(S, () => ({ close: () => {
-		D(0), T?.reportClose(w);
+var m = a.forwardRef(({ as: a = "div", leftActions: m = [], rightActions: h = [], children: g, asChild: _ = !1, id: v, closeOnAction: y = !0, fullSwipe: b, className: x, ...S }, C) => {
+	let w = s(), T = v || w, E = i(), [D, O] = u(0), [k, A] = u(!1), j = l(0), M = l(0), N = l(null);
+	c(C, () => ({ close: () => {
+		O(0), E?.reportClose(T);
 	} }));
-	let N = c(!1);
-	a(() => {
-		if (O) {
-			N.current = !0;
+	let P = l(!1);
+	o(() => {
+		if (k) {
+			P.current = !0;
 			return;
 		}
-		if (N.current) {
+		if (P.current) {
 			let e = setTimeout(() => {
-				N.current = !1;
+				P.current = !1;
 			}, 100);
 			return () => clearTimeout(e);
 		}
-		T?.openedId && T.openedId !== w && D(0);
+		E?.openedId && E.openedId !== T && O(0);
 	}, [
-		T?.openedId,
-		w,
-		O
+		E?.openedId,
+		T,
+		k
 	]);
-	let P = p.length * 80, F = m.length * 80, I = P > 0 && (y === "left" || y === "both"), L = F > 0 && (y === "right" || y === "both"), R = M.current?.offsetWidth ?? 0, z = (e) => Math.max(e + 40, R / 2), B = O && I && E >= z(P) ? "left" : O && L && -E >= z(F) ? "right" : null, V = (e) => {
-		A.current = "touches" in e ? e.touches[0].clientX : e.clientX, j.current = E, k(!0);
-	}, H = (e) => {
-		if (!O) return;
-		let t = ("touches" in e ? e.touches[0].clientX : e.clientX) - A.current, n = j.current + t;
-		Math.abs(t) > 5 && T?.openedId !== w && T?.reportOpen(w), n > P && !I && (n = P + (n - P) * .3), n < -F && !L && (n = -F + (n + F) * .3), D(n);
-	}, U = (e = !0) => {
-		if (O) {
-			if (k(!1), B) {
-				let t = B === "left" ? p[0] : m[m.length - 1];
+	let F = m.length * 80, I = h.length * 80, L = F > 0 && (b === "left" || b === "both"), R = I > 0 && (b === "right" || b === "both"), z = N.current?.offsetWidth ?? 0, B = (e) => Math.max(e + 40, z / 2), V = k && L && D >= B(F) ? "left" : k && R && -D >= B(I) ? "right" : null, H = (e) => {
+		j.current = "touches" in e ? e.touches[0].clientX : e.clientX, M.current = D, A(!0);
+	}, U = (e) => {
+		if (!k) return;
+		let t = ("touches" in e ? e.touches[0].clientX : e.clientX) - j.current, n = M.current + t;
+		Math.abs(t) > 5 && E?.openedId !== T && E?.reportOpen(T), n > F && !L && (n = F + (n - F) * .3), n < -I && !R && (n = -I + (n + I) * .3), O(n);
+	}, W = (e = !0) => {
+		if (k) {
+			if (A(!1), V) {
+				let t = V === "left" ? m[0] : h[h.length - 1];
 				if (e) {
-					Y(t), v || (D(B === "left" ? P : -F), T?.reportOpen(w));
+					X(t), y || (O(V === "left" ? F : -I), E?.reportOpen(T));
 					return;
 				}
 			}
-			E > P / 2 ? (D(P), T?.reportOpen(w)) : E < -F / 2 ? (D(-F), T?.reportOpen(w)) : (D(0), T?.reportClose(w));
+			D > F / 2 ? (O(F), E?.reportOpen(T)) : D < -I / 2 ? (O(-I), E?.reportOpen(T)) : (O(0), E?.reportClose(T));
 		}
-	}, W = g ? e : "div", G = c(null), K = P > 0 || F > 0, q = (e) => {
-		let t = e === "left" ? P : -F;
-		E !== t && D(t), T?.reportOpen(w);
-	}, J = (e) => {
+	}, G = _ ? e : "div", K = l(null), q = F > 0 || I > 0, J = (e) => {
+		let t = e === "left" ? F : -I;
+		D !== t && O(t), E?.reportOpen(T);
+	}, Y = (e) => {
 		let t = e.relatedTarget;
-		t && M.current?.contains(t) || E !== 0 && !O && (D(0), T?.reportClose(w));
-	}, Y = (e, t) => {
-		e.onClick(), v && (D(0), T?.reportClose(w), t && document.activeElement === t && G.current?.focus());
-	}, X = (e, r, i) => {
-		let a = e === "left" ? I : L, o = e === "left" ? Math.max(0, E) : Math.max(0, -E), s = e === "left" ? 0 : r.length - 1;
-		return /* @__PURE__ */ d("div", {
-			className: u(n.actions, n[e], a && o > i && n.stretched, B === e && n.armed),
+		t && N.current?.contains(t) || D !== 0 && !k && (O(0), E?.reportClose(T));
+	}, X = (e, t) => {
+		e.onClick(), y && (O(0), E?.reportClose(T), t && document.activeElement === t && K.current?.focus());
+	}, Z = (e, t, i) => {
+		let a = e === "left" ? L : R, o = e === "left" ? Math.max(0, D) : Math.max(0, -D), s = e === "left" ? 0 : t.length - 1;
+		return /* @__PURE__ */ f("div", {
+			className: d(r.actions, r[e], a && o > i && r.stretched, V === e && r.armed),
 			style: {
 				width: a ? Math.max(i, o) : i,
 				"--_action-w": "80px"
 			},
-			children: r.map((r, i) => /* @__PURE__ */ f("button", {
-				className: u(n.action, r.intent && n[r.intent], a && i === s && n.outer),
-				style: { backgroundColor: r.color },
-				onFocus: () => q(e),
-				onClick: (e) => Y(r, e.currentTarget),
+			children: t.map((t, i) => /* @__PURE__ */ p("button", {
+				className: d(r.action, t.intent && r[t.intent], a && i === s && r.outer),
+				style: { backgroundColor: t.color },
+				onFocus: () => J(e),
+				onClick: (e) => X(t, e.currentTarget),
 				type: "button",
-				children: [/* @__PURE__ */ d(t, {
-					name: r.icon,
+				children: [/* @__PURE__ */ f(n, {
+					name: t.icon,
 					size: "md"
-				}), /* @__PURE__ */ d("span", {
-					className: n.label,
-					children: r.label
+				}), /* @__PURE__ */ f("span", {
+					className: r.label,
+					children: t.label
 				})]
 			}, i))
 		});
 	};
-	return /* @__PURE__ */ f(i, {
-		ref: M,
-		className: u("wim-swipe-action", n.container, b),
-		onMouseLeave: () => U(!1),
-		onBlur: J,
-		...x,
+	return /* @__PURE__ */ p(a, {
+		ref: N,
+		className: d("wim-swipe-action", r.container, x),
+		...S,
+		onMouseLeave: t(S.onMouseLeave, () => W(!1)),
+		onBlur: t(S.onBlur, Y),
 		children: [
-			/* @__PURE__ */ d(W, {
-				ref: G,
-				className: n.content,
-				tabIndex: K ? -1 : void 0,
+			/* @__PURE__ */ f(G, {
+				ref: K,
+				className: r.content,
+				tabIndex: q ? -1 : void 0,
 				style: {
-					transform: `translateX(${E}px)`,
-					transition: O ? "none" : "transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)"
+					transform: `translateX(${D}px)`,
+					transition: k ? "none" : "transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)"
 				},
-				onTouchStart: V,
-				onTouchMove: H,
-				onTouchEnd: () => U(),
-				onMouseDown: V,
-				onMouseMove: H,
-				onMouseUp: () => U(),
-				children: h
+				onTouchStart: H,
+				onTouchMove: U,
+				onTouchEnd: () => W(),
+				onMouseDown: H,
+				onMouseMove: U,
+				onMouseUp: () => W(),
+				children: g
 			}),
-			P > 0 && X("left", p, P),
-			F > 0 && X("right", m, F)
+			F > 0 && Z("left", m, F),
+			I > 0 && Z("right", h, I)
 		]
 	});
 });
-p.displayName = "SwipeAction";
+m.displayName = "SwipeAction";
 //#endregion
-export { p as SwipeAction };
+export { m as SwipeAction };

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;