wimui 0.60.0 → 0.61.0

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

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

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

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_58ik4_323`,t=`_label_58ik4_328`,n=`_trigger_58ik4_335`,r=`_disabled_58ik4_348`,i=`_open_58ik4_354`,a=`_value_58ik4_362`,o=`_placeholder_58ik4_363`,s=`_icon_58ik4_366`,c=`_clear_58ik4_386`,l=`_dropdown_58ik4_398`,u=`_menu_58ik4_417`,d=`_menuItem_58ik4_446`,f=`_active_58ik4_446`,p=`_selected_58ik4_454`,m={"wim-docs-container":`_wim-docs-container_58ik4_87`,"wim-t":`_wim-t_58ik4_290`,"react-flow":`_react-flow_58ik4_313`,"react-flow__edges":`_react-flow__edges_58ik4_314`,"react-flow__connectionline":`_react-flow__connectionline_58ik4_315`,root:e,label:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,clear:c,dropdown:l,menu:u,menuItem:d,active:f,selected:p};exports.active=f,exports.clear=c,exports.default=m,exports.disabled=r,exports.dropdown=l,exports.icon=s,exports.label=t,exports.menu=u,exports.menuItem=d,exports.open=i,exports.placeholder=o,exports.root=e,exports.selected=p,exports.trigger=n,exports.value=a;
+var e=`_root_10y2r_323`,t=`_label_10y2r_328`,n=`_trigger_10y2r_335`,r=`_disabled_10y2r_348`,i=`_open_10y2r_354`,a=`_value_10y2r_362`,o=`_placeholder_10y2r_363`,s=`_icon_10y2r_366`,c=`_clear_10y2r_386`,l=`_dropdown_10y2r_398`,u=`_menu_10y2r_428`,d=`_menuItem_10y2r_457`,f=`_active_10y2r_457`,p=`_selected_10y2r_465`,m={"wim-docs-container":`_wim-docs-container_10y2r_87`,"wim-t":`_wim-t_10y2r_290`,"react-flow":`_react-flow_10y2r_313`,"react-flow__edges":`_react-flow__edges_10y2r_314`,"react-flow__connectionline":`_react-flow__connectionline_10y2r_315`,root:e,label:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,clear:c,dropdown:l,menu:u,menuItem:d,active:f,selected:p};exports.active=f,exports.clear=c,exports.default=m,exports.disabled=r,exports.dropdown=l,exports.icon=s,exports.label=t,exports.menu=u,exports.menuItem=d,exports.open=i,exports.placeholder=o,exports.root=e,exports.selected=p,exports.trigger=n,exports.value=a;

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

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/Cascader/cascader.module.scss
-var e = "_root_58ik4_323", t = "_label_58ik4_328", n = "_trigger_58ik4_335", r = "_disabled_58ik4_348", i = "_open_58ik4_354", a = "_value_58ik4_362", o = "_placeholder_58ik4_363", s = "_icon_58ik4_366", c = "_clear_58ik4_386", l = "_dropdown_58ik4_398", u = "_menu_58ik4_417", d = "_menuItem_58ik4_446", f = "_active_58ik4_446", p = "_selected_58ik4_454", m = {
-	"wim-docs-container": "_wim-docs-container_58ik4_87",
-	"wim-t": "_wim-t_58ik4_290",
-	"react-flow": "_react-flow_58ik4_313",
-	"react-flow__edges": "_react-flow__edges_58ik4_314",
-	"react-flow__connectionline": "_react-flow__connectionline_58ik4_315",
+var e = "_root_10y2r_323", t = "_label_10y2r_328", n = "_trigger_10y2r_335", r = "_disabled_10y2r_348", i = "_open_10y2r_354", a = "_value_10y2r_362", o = "_placeholder_10y2r_363", s = "_icon_10y2r_366", c = "_clear_10y2r_386", l = "_dropdown_10y2r_398", u = "_menu_10y2r_428", d = "_menuItem_10y2r_457", f = "_active_10y2r_457", p = "_selected_10y2r_465", m = {
+	"wim-docs-container": "_wim-docs-container_10y2r_87",
+	"wim-t": "_wim-t_10y2r_290",
+	"react-flow": "_react-flow_10y2r_313",
+	"react-flow__edges": "_react-flow__edges_10y2r_314",
+	"react-flow__connectionline": "_react-flow__connectionline_10y2r_315",
 	root: e,
 	label: t,
 	trigger: n,

package/dist/components/form/Combobox/Combobox.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/BaseListItem/BaseListItem.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("./combobox.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=({options:e=[],onChange:c,placeholder:l,showSearchIcon:u=!0,allowClear:d=!0,defaultValue:f=``,className:p,disabled:m=!1,label:h,error:g,required:_,layout:v,fullWidth:y=!1,id:b,labels:x={},...S})=>{let{noResults:C=`No results found`}=x,[w,T]=(0,a.useState)(!1),[E,D]=(0,a.useState)(f),[O,k]=(0,a.useState)(-1),[A,j]=(0,a.useState)(!1),M=(0,a.useRef)(null),N=(0,a.useId)(),P=b||`wim-combobox-${N}`,F=`${P}-list`,I=h?`${P}-label`:void 0,L=g?`${P}-error`:void 0,R=(0,a.useMemo)(()=>{let t=(E||``).toLowerCase();return e.filter(e=>e.label.toLowerCase().includes(t))},[e,E]);(0,a.useEffect)(()=>{let e=e=>{M.current&&!M.current.contains(e.target)&&T(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let z=e=>{let t=e.target.value;D(t),T(!0),k(-1)},B=e=>{D(e.label),T(!1),c&&c(e)};return(0,s.jsx)(r.FieldTemplate,{label:h,error:g,required:_,layout:v,labelId:I,htmlFor:P,errorId:L,className:p,children:(0,s.jsxs)(`div`,{className:(0,o.default)(`wim-combobox`,i.default.root,y&&i.default.fullWidth),ref:M,onMouseMove:()=>j(!1),"data-keyboard-nav":A,children:[(0,s.jsx)(n.InputBase,{disabled:m,allowClear:d,hasValue:!!E,onClear:()=>D(``),intent:g?`danger`:`default`,leftIcon:u?`SearchIcon`:void 0,fullWidth:y,rightIcons:[{name:`ChevronDownIcon`,rotated:w,onClick:()=>T(!w),decorative:!0}],children:(0,s.jsx)(`input`,{id:P,className:i.default.input,placeholder:l,value:E,onChange:z,onKeyDown:e=>{if(j(!0),!w&&e.key===`ArrowDown`){T(!0);return}switch(e.key){case`ArrowDown`:k(e=>e<R.length-1?e+1:0);break;case`ArrowUp`:k(e=>e<=0?R.length-1:e-1);break;case`Enter`:O>=0&&O<R.length&&B(R[O]);break;case`Escape`:T(!1);break;case`Tab`:T(!1)}},onFocus:()=>T(!0),disabled:m,autoComplete:`off`,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":w,"aria-controls":w?F:void 0,"aria-labelledby":I,"aria-describedby":L,required:_,"aria-invalid":!!g,"aria-activedescendant":w&&O>=0?`${F}-option-${O}`:void 0,...S})}),w&&R.length>0&&(0,s.jsx)(`div`,{className:i.default.dropdown,children:(0,s.jsx)(`ul`,{id:F,className:i.default.list,role:`listbox`,"aria-labelledby":I,children:R.map((e,n)=>(0,s.jsx)(t.BaseListItem,{asChild:!0,id:`${F}-option-${n}`,className:(0,o.default)(i.default.option,n===O&&i.default.selected),active:n===O,onClick:()=>B(e),onMouseEnter:()=>k(n),role:`option`,"aria-selected":n===O,children:(0,s.jsx)(`li`,{children:e.label})},e.value))})}),w&&R.length===0&&(0,s.jsx)(`div`,{className:i.default.dropdown,children:(0,s.jsx)(`div`,{className:i.default.empty,role:`region`,"aria-live":`polite`,children:C})})]})})};c.displayName=`Combobox`,exports.Combobox=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../../_internal/BaseListItem/BaseListItem.cjs"),r=require("../InputBase/InputBase.cjs"),i=require("../../_internal/useInlineFloating.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("./combobox.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=({options:e=[],onChange:u,placeholder:d,showSearchIcon:f=!0,allowClear:p=!0,defaultValue:m=``,className:h,disabled:g=!1,label:_,error:v,required:y,layout:b,fullWidth:x=!1,id:S,labels:C={},...w})=>{let{noResults:T=`No results found`}=C,[E,D]=(0,s.useState)(!1),[O,k]=(0,s.useState)(m),[A,j]=(0,s.useState)(-1),[M,N]=(0,s.useState)(!1),P=(0,s.useRef)(null),F=(0,s.useId)(),I=S||`wim-combobox-${F}`,L=`${I}-list`,R=_?`${I}-label`:void 0,z=v?`${I}-error`:void 0,B=(0,s.useMemo)(()=>{let t=(O||``).toLowerCase();return e.filter(e=>e.label.toLowerCase().includes(t))},[e,O]);(0,s.useEffect)(()=>{let e=e=>{P.current&&!P.current.contains(e.target)&&D(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let V=e=>{let t=e.target.value;k(t),D(!0),j(-1)},H=e=>{k(e.label),D(!1),u&&u(e)},U=e=>{if(N(!0),!E&&e.key===`ArrowDown`){D(!0);return}switch(e.key){case`ArrowDown`:j(e=>e<B.length-1?e+1:0);break;case`ArrowUp`:j(e=>e<=0?B.length-1:e-1);break;case`Enter`:A>=0&&A<B.length&&H(B[A]);break;case`Escape`:D(!1);break;case`Tab`:D(!1)}},{setReference:W,setFloating:G,floatingProps:K}=i.useInlineFloating({open:E}),q=t.useMergedRef(P,W);return(0,l.jsx)(a.FieldTemplate,{label:_,error:v,required:y,layout:b,labelId:R,htmlFor:I,errorId:z,className:h,children:(0,l.jsxs)(`div`,{className:(0,c.default)(`wim-combobox`,o.default.root,x&&o.default.fullWidth),ref:q,onMouseMove:()=>N(!1),"data-keyboard-nav":M,children:[(0,l.jsx)(r.InputBase,{disabled:g,allowClear:p,hasValue:!!O,onClear:()=>k(``),intent:v?`danger`:`default`,leftIcon:f?`SearchIcon`:void 0,fullWidth:x,rightIcons:[{name:`ChevronDownIcon`,rotated:E,onClick:()=>D(!E),decorative:!0}],children:(0,l.jsx)(`input`,{id:I,className:o.default.input,placeholder:d,value:O,onChange:V,onKeyDown:U,onFocus:()=>D(!0),disabled:g,autoComplete:`off`,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":E,"aria-controls":E?L:void 0,"aria-labelledby":R,"aria-describedby":z,required:y,"aria-invalid":!!v,"aria-activedescendant":E&&A>=0?`${L}-option-${A}`:void 0,...w})}),E&&B.length>0&&(0,l.jsx)(`div`,{className:o.default.dropdown,ref:G,...K,children:(0,l.jsx)(`ul`,{id:L,className:o.default.list,role:`listbox`,"aria-labelledby":R,children:B.map((e,t)=>(0,l.jsx)(n.BaseListItem,{asChild:!0,id:`${L}-option-${t}`,className:(0,c.default)(o.default.option,t===A&&o.default.selected),active:t===A,onClick:()=>H(e),onMouseEnter:()=>j(t),role:`option`,"aria-selected":t===A,children:(0,l.jsx)(`li`,{children:e.label})},e.value))})}),E&&B.length===0&&(0,l.jsx)(`div`,{className:o.default.dropdown,ref:G,...K,children:(0,l.jsx)(`div`,{className:o.default.empty,role:`region`,"aria-live":`polite`,children:T})})]})})};u.displayName=`Combobox`,exports.Combobox=u;

package/dist/components/form/Combobox/Combobox.js

@@ -1,133 +1,139 @@
 "use client";
-import { BaseListItem as e } from "../../_internal/BaseListItem/BaseListItem.js";
-import { InputBase as t } from "../InputBase/InputBase.js";
-import { FieldTemplate as n } from "../FieldTemplate/FieldTemplate.js";
-import r from "./combobox.module.js";
-import { useEffect as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
-import l from "classnames";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useMergedRef as e } from "../../../hooks/useMergedRef.js";
+import { BaseListItem as t } from "../../_internal/BaseListItem/BaseListItem.js";
+import { InputBase as n } from "../InputBase/InputBase.js";
+import { useInlineFloating as r } from "../../_internal/useInlineFloating.js";
+import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
+import a from "./combobox.module.js";
+import { useEffect as o, useId as s, useMemo 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/form/Combobox/Combobox.tsx
-var f = ({ options: f = [], onChange: p, placeholder: m, showSearchIcon: h = !0, allowClear: g = !0, defaultValue: _ = "", className: v, disabled: y = !1, label: b, error: x, required: S, layout: C, fullWidth: w = !1, id: T, labels: E = {}, ...D }) => {
-	let { noResults: O = "No results found" } = E, [k, A] = c(!1), [j, M] = c(_), [N, P] = c(-1), [F, I] = c(!1), L = s(null), R = a(), z = T || `wim-combobox-${R}`, B = `${z}-list`, V = b ? `${z}-label` : void 0, H = x ? `${z}-error` : void 0, U = o(() => {
-		let e = (j || "").toLowerCase();
-		return f.filter((t) => t.label.toLowerCase().includes(e));
-	}, [f, j]);
-	i(() => {
+var m = ({ options: m = [], onChange: h, placeholder: g, showSearchIcon: _ = !0, allowClear: v = !0, defaultValue: y = "", className: b, disabled: x = !1, label: S, error: C, required: w, layout: T, fullWidth: E = !1, id: D, labels: O = {}, ...k }) => {
+	let { noResults: A = "No results found" } = O, [j, M] = u(!1), [N, P] = u(y), [F, I] = u(-1), [L, R] = u(!1), z = l(null), B = s(), V = D || `wim-combobox-${B}`, H = `${V}-list`, U = S ? `${V}-label` : void 0, W = C ? `${V}-error` : void 0, G = c(() => {
+		let e = (N || "").toLowerCase();
+		return m.filter((t) => t.label.toLowerCase().includes(e));
+	}, [m, N]);
+	o(() => {
 		let e = (e) => {
-			L.current && !L.current.contains(e.target) && A(!1);
+			z.current && !z.current.contains(e.target) && M(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []);
-	let W = (e) => {
+	let K = (e) => {
 		let t = e.target.value;
-		M(t), A(!0), P(-1);
-	}, G = (e) => {
-		M(e.label), A(!1), p && p(e);
-	};
-	return /* @__PURE__ */ u(n, {
-		label: b,
-		error: x,
-		required: S,
-		layout: C,
-		labelId: V,
-		htmlFor: z,
-		errorId: H,
-		className: v,
-		children: /* @__PURE__ */ d("div", {
-			className: l("wim-combobox", r.root, w && r.fullWidth),
-			ref: L,
-			onMouseMove: () => I(!1),
-			"data-keyboard-nav": F,
+		P(t), M(!0), I(-1);
+	}, q = (e) => {
+		P(e.label), M(!1), h && h(e);
+	}, J = (e) => {
+		if (R(!0), !j && e.key === "ArrowDown") {
+			M(!0);
+			return;
+		}
+		switch (e.key) {
+			case "ArrowDown":
+				I((e) => e < G.length - 1 ? e + 1 : 0);
+				break;
+			case "ArrowUp":
+				I((e) => e <= 0 ? G.length - 1 : e - 1);
+				break;
+			case "Enter":
+				F >= 0 && F < G.length && q(G[F]);
+				break;
+			case "Escape":
+				M(!1);
+				break;
+			case "Tab": M(!1);
+		}
+	}, { setReference: Y, setFloating: X, floatingProps: Z } = r({ open: j }), Q = e(z, Y);
+	return /* @__PURE__ */ f(i, {
+		label: S,
+		error: C,
+		required: w,
+		layout: T,
+		labelId: U,
+		htmlFor: V,
+		errorId: W,
+		className: b,
+		children: /* @__PURE__ */ p("div", {
+			className: d("wim-combobox", a.root, E && a.fullWidth),
+			ref: Q,
+			onMouseMove: () => R(!1),
+			"data-keyboard-nav": L,
 			children: [
-				/* @__PURE__ */ u(t, {
-					disabled: y,
-					allowClear: g,
-					hasValue: !!j,
-					onClear: () => M(""),
-					intent: x ? "danger" : "default",
-					leftIcon: h ? "SearchIcon" : void 0,
-					fullWidth: w,
+				/* @__PURE__ */ f(n, {
+					disabled: x,
+					allowClear: v,
+					hasValue: !!N,
+					onClear: () => P(""),
+					intent: C ? "danger" : "default",
+					leftIcon: _ ? "SearchIcon" : void 0,
+					fullWidth: E,
 					rightIcons: [{
 						name: "ChevronDownIcon",
-						rotated: k,
-						onClick: () => A(!k),
+						rotated: j,
+						onClick: () => M(!j),
 						decorative: !0
 					}],
-					children: /* @__PURE__ */ u("input", {
-						id: z,
-						className: r.input,
-						placeholder: m,
-						value: j,
-						onChange: W,
-						onKeyDown: (e) => {
-							if (I(!0), !k && e.key === "ArrowDown") {
-								A(!0);
-								return;
-							}
-							switch (e.key) {
-								case "ArrowDown":
-									P((e) => e < U.length - 1 ? e + 1 : 0);
-									break;
-								case "ArrowUp":
-									P((e) => e <= 0 ? U.length - 1 : e - 1);
-									break;
-								case "Enter":
-									N >= 0 && N < U.length && G(U[N]);
-									break;
-								case "Escape":
-									A(!1);
-									break;
-								case "Tab": A(!1);
-							}
-						},
-						onFocus: () => A(!0),
-						disabled: y,
+					children: /* @__PURE__ */ f("input", {
+						id: V,
+						className: a.input,
+						placeholder: g,
+						value: N,
+						onChange: K,
+						onKeyDown: J,
+						onFocus: () => M(!0),
+						disabled: x,
 						autoComplete: "off",
 						role: "combobox",
 						"aria-autocomplete": "list",
-						"aria-expanded": k,
-						"aria-controls": k ? B : void 0,
-						"aria-labelledby": V,
-						"aria-describedby": H,
-						required: S,
-						"aria-invalid": !!x,
-						"aria-activedescendant": k && N >= 0 ? `${B}-option-${N}` : void 0,
-						...D
+						"aria-expanded": j,
+						"aria-controls": j ? H : void 0,
+						"aria-labelledby": U,
+						"aria-describedby": W,
+						required: w,
+						"aria-invalid": !!C,
+						"aria-activedescendant": j && F >= 0 ? `${H}-option-${F}` : void 0,
+						...k
 					})
 				}),
-				k && U.length > 0 && /* @__PURE__ */ u("div", {
-					className: r.dropdown,
-					children: /* @__PURE__ */ u("ul", {
-						id: B,
-						className: r.list,
+				j && G.length > 0 && /* @__PURE__ */ f("div", {
+					className: a.dropdown,
+					ref: X,
+					...Z,
+					children: /* @__PURE__ */ f("ul", {
+						id: H,
+						className: a.list,
 						role: "listbox",
-						"aria-labelledby": V,
-						children: U.map((t, n) => /* @__PURE__ */ u(e, {
+						"aria-labelledby": U,
+						children: G.map((e, n) => /* @__PURE__ */ f(t, {
 							asChild: !0,
-							id: `${B}-option-${n}`,
-							className: l(r.option, n === N && r.selected),
-							active: n === N,
-							onClick: () => G(t),
-							onMouseEnter: () => P(n),
+							id: `${H}-option-${n}`,
+							className: d(a.option, n === F && a.selected),
+							active: n === F,
+							onClick: () => q(e),
+							onMouseEnter: () => I(n),
 							role: "option",
-							"aria-selected": n === N,
-							children: /* @__PURE__ */ u("li", { children: t.label })
-						}, t.value))
+							"aria-selected": n === F,
+							children: /* @__PURE__ */ f("li", { children: e.label })
+						}, e.value))
 					})
 				}),
-				k && U.length === 0 && /* @__PURE__ */ u("div", {
-					className: r.dropdown,
-					children: /* @__PURE__ */ u("div", {
-						className: r.empty,
+				j && G.length === 0 && /* @__PURE__ */ f("div", {
+					className: a.dropdown,
+					ref: X,
+					...Z,
+					children: /* @__PURE__ */ f("div", {
+						className: a.empty,
 						role: "region",
 						"aria-live": "polite",
-						children: O
+						children: A
 					})
 				})
 			]
 		})
 	});
 };
-f.displayName = "Combobox";
+m.displayName = "Combobox";
 //#endregion
-export { f as Combobox };
+export { m as Combobox };

package/dist/components/form/Combobox/combobox.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_rh3xq_3`,t=`_fullWidth_rh3xq_8`,n=`_input_rh3xq_11`,r=`_dropdown_rh3xq_32`,i=`_list_rh3xq_37`,a=`_option_rh3xq_60`,o=`_selected_rh3xq_64`,s=`_empty_rh3xq_69`,c={root:e,fullWidth:t,input:n,dropdown:r,list:i,option:a,selected:o,empty:s};exports.default=c,exports.dropdown=r,exports.empty=s,exports.fullWidth=t,exports.input=n,exports.list=i,exports.option=a,exports.root=e,exports.selected=o;
+var e=`_root_o8hc3_3`,t=`_fullWidth_o8hc3_8`,n=`_input_o8hc3_11`,r=`_dropdown_o8hc3_32`,i=`_list_o8hc3_37`,a=`_option_o8hc3_69`,o=`_selected_o8hc3_73`,s=`_empty_o8hc3_78`,c={root:e,fullWidth:t,input:n,dropdown:r,list:i,option:a,selected:o,empty:s};exports.default=c,exports.dropdown=r,exports.empty=s,exports.fullWidth=t,exports.input=n,exports.list=i,exports.option=a,exports.root=e,exports.selected=o;

package/dist/components/form/Combobox/combobox.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Combobox/combobox.module.scss
-var e = "_root_rh3xq_3", t = "_fullWidth_rh3xq_8", n = "_input_rh3xq_11", r = "_dropdown_rh3xq_32", i = "_list_rh3xq_37", a = "_option_rh3xq_60", o = "_selected_rh3xq_64", s = "_empty_rh3xq_69", c = {
+var e = "_root_o8hc3_3", t = "_fullWidth_o8hc3_8", n = "_input_o8hc3_11", r = "_dropdown_o8hc3_32", i = "_list_o8hc3_37", a = "_option_o8hc3_69", o = "_selected_o8hc3_73", s = "_empty_o8hc3_78", c = {
 	root: e,
 	fullWidth: t,
 	input: n,

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("../../layout/Transition/Transition.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../../../i18n/generated/components.cjs"),o=require("../InputBase/InputBase.cjs"),s=require("../FieldTemplate/FieldTemplate.cjs"),c=require("../Input/input.module.cjs"),l=require("../../data-display/Calendar/Calendar.cjs"),u=require("../../_internal/mergeRefs.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:ee=`YYYY-MM-DD`,clearable:S=!0,placeholder:C,minDate:te,maxDate:ne,disabledDates:re,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),V=u.mergeRefs(z,P),{t:H}=n.useWimTranslation(a.componentsNs),U=(0,f.useId)(),W=O||`wim-datepicker-${U}`,G=`${W}-dropdown`,K=w?`${W}-label`:void 0,q=T?`${W}-error`:void 0,J=y!==void 0,Y=J?y:L,X=C??k?.placeholder,Z=v,Q=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 ie=e=>{if(!e)return``;let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`),r=String(e.getDate()).padStart(2,`0`);return ee.replace(`YYYY`,String(t)).replace(`MM`,n).replace(`DD`,r)},ae=e=>{J||R(e),x?.(e),I(!1),B.current?.focus()},oe=e=>{e?.stopPropagation(),Z||(J||R(null),x?.(null))},$=()=>{Z||I(!F)};return(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]),(0,m.jsx)(s.FieldTemplate,{label:w,error:T,required:E,layout:D,labelId:K,htmlFor:W,errorId:q,className:_,children:(0,m.jsxs)(j?t.Root:`div`,{ref:V,className:(0,p.default)(`wim-date-picker`,d.default.root,g&&d.default.fullWidth),children:[(0,m.jsx)(o.InputBase,{intent:Q,variant:h,width:A,fullWidth:g,disabled:Z,allowClear:S,hasValue:!!Y,onClear:oe,rightIcons:[{name:`ChevronDownIcon`,rotated:F,onClick:$,decorative:!0}],children:(0,m.jsx)(`input`,{id:W,ref:B,type:`text`,readOnly:!0,role:`combobox`,className:(0,p.default)(c.default.root,d.default.input),value:ie(Y),placeholder:X,disabled:Z,onClick:$,onKeyDown:e=>{Z||(e.key===`Escape`?(I(!1),B.current?.focus()):(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`&&(e.altKey||!F))&&(e.preventDefault(),I(!F)))},"aria-haspopup":`dialog`,"aria-expanded":F,"aria-controls":F?G:void 0,"aria-invalid":Q===`danger`,"aria-describedby":q,"aria-labelledby":K,"aria-required":E,...N})}),(0,m.jsx)(r.Transition,{show:F&&!v,preset:`fade`,id:G,className:d.default.dropdown,children:(0,m.jsx)(i.FocusTrap,{active:F,initialFocus:!1,children:(0,m.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":K,"aria-label":K?void 0:N[`aria-label`]??H(`datepicker.dialog`),children:(0,m.jsx)(l.Calendar,{value:Y??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("../../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;