wimui 0.60.0 → 0.61.0

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

@@ -1,16 +1,18 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { Transition as t } from "../../layout/Transition/Transition.js";
-import n from "../../../icon/chevron-down.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
-import { formNs as i } from "../../../i18n/generated/form.js";
-import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
-import o from "./phone-input.module.js";
-import { forwardRef as 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 t } from "../../../hooks/useMergedRef.js";
+import { Transition as n } from "../../layout/Transition/Transition.js";
+import r from "../../../icon/chevron-down.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import { useInlineFloating as a } from "../../_internal/useInlineFloating.js";
+import { formNs as o } from "../../../i18n/generated/form.js";
+import { FieldTemplate as s } from "../FieldTemplate/FieldTemplate.js";
+import c from "./phone-input.module.js";
+import { forwardRef as l, useEffect as u, useId as d, useRef as f, useState as p } from "react";
+import m from "classnames";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/form/PhoneInput/PhoneInput.tsx
-var h = [
+var _ = [
 	{
 		code: "US",
 		dialCode: "1",
@@ -61,159 +63,163 @@ var h = [
 		dialCode: "55",
 		flag: "🇧🇷"
 	}
-], g = s(({ value: s = "", onChange: g, countryCode: _ = "US", onCountryChange: v, placeholder: y = "000-0000-0000", disabled: b = !1, error: x, required: S = !1, label: C, layout: w = "vertical", className: T, fullWidth: E = !1, "aria-label": D, "aria-labelledby": ee, "aria-describedby": O, ...k }, A) => {
-	let j = `wim-phone-input-${l()}`, M = C ? `${j}-label` : void 0, { t: N } = e(i), P = N("phone.select_country"), F = `${j}-countries`, I = (e) => `${j}-country-${e}`, L = x ? `${j}-error` : void 0, [R, z] = d(!1), [B, V] = d(-1), H = u(null), U = u(null), W = u({
+], v = l(({ value: l = "", onChange: v, countryCode: y = "US", onCountryChange: b, placeholder: x = "000-0000-0000", disabled: S = !1, error: C, required: w = !1, label: T, layout: ee = "vertical", className: E, fullWidth: D = !1, "aria-label": O, "aria-labelledby": k, "aria-describedby": A, ...j }, M) => {
+	let N = `wim-phone-input-${d()}`, P = T ? `${N}-label` : void 0, { t: F } = e(o), I = F("phone.select_country"), L = `${N}-countries`, R = (e) => `${N}-country-${e}`, z = C ? `${N}-error` : void 0, [B, V] = p(!1), [H, U] = p(-1), W = f(null), G = f(null), K = f({
 		text: "",
 		timer: null
 	});
-	c(() => {
+	u(() => {
 		let e = (e) => {
-			H.current && !H.current.contains(e.target) && z(!1);
+			W.current && !W.current.contains(e.target) && V(!1);
 		};
-		return R && document.addEventListener("mousedown", e), () => {
+		return B && document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [R]);
-	let G = h.find((e) => e.code === _) ?? h[0], K = (e) => {
-		g?.(e.target.value);
-	}, q = h.length - 1, J = (e) => {
-		let t = h.findIndex((e) => e.code === G.code);
-		V(e ?? Math.max(t, 0)), z(!0);
-	}, Y = (e) => {
-		let t = h[e];
-		t && (v?.(t.code), z(!1));
-	}, X = (e) => N(`phone.countries.${e.code}`), Z = (e) => i.resources.en?.phone?.countries?.[e.code] ?? "", Q = (e, t) => {
+	}, [B]);
+	let q = _.find((e) => e.code === y) ?? _[0], J = (e) => {
+		v?.(e.target.value);
+	}, Y = _.length - 1, X = (e) => {
+		let t = _.findIndex((e) => e.code === q.code);
+		U(e ?? Math.max(t, 0)), V(!0);
+	}, Z = (e) => {
+		let t = _[e];
+		t && (b?.(t.code), V(!1));
+	}, Q = (e) => F(`phone.countries.${e.code}`), te = (e) => o.resources.en?.phone?.countries?.[e.code] ?? "", ne = (e, t) => {
 		let n = e.toLowerCase().replace(/^\+/, "");
 		if (n === "") return -1;
 		let r = /^[0-9]+$/.test(n), i = !r && n.length > 1 && n.split("").every((e) => e === n[0]), a = i ? n[0] : n, o = i || n.length === 1 ? t + 1 : t, s = r ? [(e) => e.dialCode] : [
-			(e) => X(e).toLowerCase(),
-			(e) => Z(e).toLowerCase(),
+			(e) => Q(e).toLowerCase(),
+			(e) => te(e).toLowerCase(),
 			(e) => e.code.toLowerCase()
 		];
-		for (let e of s) for (let t = 0; t < h.length; t++) {
-			let n = (Math.max(o, 0) + t) % h.length;
-			if (e(h[n]).startsWith(a)) return n;
+		for (let e of s) for (let t = 0; t < _.length; t++) {
+			let n = (Math.max(o, 0) + t) % _.length;
+			if (e(_[n]).startsWith(a)) return n;
 		}
 		return -1;
 	}, $ = (e) => {
-		let t = W.current;
+		let t = K.current;
 		t.timer && clearTimeout(t.timer), t.text += e, t.timer = setTimeout(() => {
 			t.text = "", t.timer = null;
 		}, 500);
-		let n = Q(t.text, R ? B : -1);
-		n < 0 || (R ? V(n) : J(n));
-	}, te = (e) => {
-		if (!b) switch (e.key) {
+		let n = ne(t.text, B ? H : -1);
+		n < 0 || (B ? U(n) : X(n));
+	}, re = (e) => {
+		if (!S) switch (e.key) {
 			case "ArrowDown":
 			case "ArrowUp":
-				if (e.preventDefault(), !R) J();
+				if (e.preventDefault(), !B) X();
 				else {
 					let t = e.key === "ArrowDown" ? 1 : -1;
-					V((e) => (e + t + h.length) % h.length);
+					U((e) => (e + t + _.length) % _.length);
 				}
 				break;
 			case "Home":
 			case "End":
-				e.preventDefault(), R ? V(e.key === "Home" ? 0 : q) : J(e.key === "Home" ? 0 : q);
+				e.preventDefault(), B ? U(e.key === "Home" ? 0 : Y) : X(e.key === "Home" ? 0 : Y);
 				break;
 			case "Enter":
 			case " ":
-				e.preventDefault(), e.key === " " && W.current.text !== "" ? $(" ") : R ? Y(B) : J();
+				e.preventDefault(), e.key === " " && K.current.text !== "" ? $(" ") : B ? Z(H) : X();
 				break;
 			case "Escape":
-				R && (e.preventDefault(), z(!1));
+				B && (e.preventDefault(), V(!1));
 				break;
 			case "Tab":
-				z(!1);
+				V(!1);
 				break;
 			default: e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), $(e.key));
 		}
 	};
-	return c(() => {
-		let e = W.current;
+	u(() => {
+		let e = K.current;
 		return () => {
 			e.timer && clearTimeout(e.timer);
 		};
-	}, []), c(() => {
-		R && B >= 0 && (U.current?.querySelectorAll("[role=\"option\"]")?.[B])?.scrollIntoView?.({ block: "nearest" });
-	}, [B, R]), /* @__PURE__ */ p(a, {
-		label: C,
-		labelId: M,
-		htmlFor: j,
-		required: S,
-		error: x,
-		errorId: L,
-		layout: w,
-		className: T,
-		children: /* @__PURE__ */ m("div", {
-			ref: H,
-			className: f("wim-phone-input", o.root, E && o.fullWidth, b && o.disabled, x && o.danger),
+	}, []), u(() => {
+		B && H >= 0 && (G.current?.querySelectorAll("[role=\"option\"]")?.[H])?.scrollIntoView?.({ block: "nearest" });
+	}, [H, B]);
+	let { setReference: ie, setFloating: ae, floatingProps: oe } = a({ open: B }), se = t(W, ie);
+	return /* @__PURE__ */ h(s, {
+		label: T,
+		labelId: P,
+		htmlFor: N,
+		required: w,
+		error: C,
+		errorId: z,
+		layout: ee,
+		className: E,
+		children: /* @__PURE__ */ g("div", {
+			ref: se,
+			className: m("wim-phone-input", c.root, D && c.fullWidth, S && c.disabled, C && c.danger),
 			"data-testid": "phone-input-root",
-			...k,
+			...j,
 			children: [
-				/* @__PURE__ */ m("div", {
-					className: o.countryWrapper,
-					children: [/* @__PURE__ */ m("button", {
+				/* @__PURE__ */ g("div", {
+					className: c.countryWrapper,
+					children: [/* @__PURE__ */ g("button", {
 						type: "button",
 						role: "combobox",
-						className: o.countryTrigger,
+						className: c.countryTrigger,
 						onClick: () => {
-							b || (R ? z(!1) : J());
+							S || (B ? V(!1) : X());
 						},
-						onKeyDown: te,
+						onKeyDown: re,
 						onKeyUp: (e) => {
 							e.key === " " && e.preventDefault();
 						},
-						disabled: b,
+						disabled: S,
 						"aria-haspopup": "listbox",
-						"aria-expanded": R,
-						"aria-controls": R ? F : void 0,
-						"aria-activedescendant": R && B >= 0 ? I(B) : void 0,
-						"aria-label": P,
+						"aria-expanded": B,
+						"aria-controls": B ? L : void 0,
+						"aria-activedescendant": B && H >= 0 ? R(H) : void 0,
+						"aria-label": I,
 						children: [
-							/* @__PURE__ */ p("span", {
+							/* @__PURE__ */ h("span", {
 								"aria-hidden": "true",
 								style: { fontSize: "1.2em" },
-								children: G.flag
+								children: q.flag
 							}),
-							/* @__PURE__ */ m("span", { children: ["+", G.dialCode] }),
-							/* @__PURE__ */ p(r, {
-								component: n,
+							/* @__PURE__ */ g("span", { children: ["+", q.dialCode] }),
+							/* @__PURE__ */ h(i, {
+								component: r,
 								size: "sm",
-								className: f(o.chevron, R && o.chevronOpen)
+								className: m(c.chevron, B && c.chevronOpen)
 							})
 						]
-					}), /* @__PURE__ */ p(t, {
-						show: R,
+					}), /* @__PURE__ */ h(n, {
+						show: B,
 						preset: "fade",
-						className: o.dropdown,
-						children: /* @__PURE__ */ p("ul", {
-							ref: U,
-							id: F,
-							className: o.countryList,
+						className: c.dropdown,
+						ref: ae,
+						...oe,
+						children: /* @__PURE__ */ h("ul", {
+							ref: G,
+							id: L,
+							className: c.countryList,
 							role: "listbox",
-							"aria-label": P,
+							"aria-label": I,
 							tabIndex: -1,
 							onMouseDown: (e) => e.preventDefault(),
-							children: h.map((e, t) => /* @__PURE__ */ m("li", {
-								id: I(t),
-								className: f(o.countryOption, t === B && o.active, G.code === e.code && o.selected),
-								onMouseEnter: () => V(t),
-								onClick: () => Y(t),
+							children: _.map((e, t) => /* @__PURE__ */ g("li", {
+								id: R(t),
+								className: m(c.countryOption, t === H && c.active, q.code === e.code && c.selected),
+								onMouseEnter: () => U(t),
+								onClick: () => Z(t),
 								role: "option",
-								"aria-selected": G.code === e.code,
+								"aria-selected": q.code === e.code,
 								children: [
-									/* @__PURE__ */ p("span", {
+									/* @__PURE__ */ h("span", {
 										"aria-hidden": "true",
 										children: e.flag
 									}),
-									/* @__PURE__ */ p("span", {
-										className: o.countryName,
-										children: X(e)
+									/* @__PURE__ */ h("span", {
+										className: c.countryName,
+										children: Q(e)
 									}),
 									" ",
-									/* @__PURE__ */ m("span", {
-										className: o.countryCode,
+									/* @__PURE__ */ g("span", {
+										className: c.countryCode,
 										children: ["+", e.dialCode]
 									})
 								]
@@ -221,28 +227,28 @@ var h = [
 						})
 					})]
 				}),
-				/* @__PURE__ */ p("div", {
-					className: o.divider,
+				/* @__PURE__ */ h("div", {
+					className: c.divider,
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ p("input", {
-					id: j,
-					ref: A,
+				/* @__PURE__ */ h("input", {
+					id: N,
+					ref: M,
 					type: "tel",
-					value: s,
-					onChange: K,
-					placeholder: y,
-					disabled: b,
-					className: o.number,
-					"aria-invalid": !!x,
-					"aria-label": C ? void 0 : D,
-					"aria-labelledby": C ? void 0 : ee,
-					"aria-describedby": [O, L].filter(Boolean).join(" ") || void 0
+					value: l,
+					onChange: J,
+					placeholder: x,
+					disabled: S,
+					className: c.number,
+					"aria-invalid": !!C,
+					"aria-label": T ? void 0 : O,
+					"aria-labelledby": T ? void 0 : k,
+					"aria-describedby": [A, z].filter(Boolean).join(" ") || void 0
 				})
 			]
 		})
 	});
 });
-g.displayName = "PhoneInput";
+v.displayName = "PhoneInput";
 //#endregion
-export { h as PHONE_COUNTRIES, g as PhoneInput };
+export { _ as PHONE_COUNTRIES, v as PhoneInput };

package/dist/components/form/PhoneInput/phone-input.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1elj9_37`,t=`_fullWidth_1elj9_50`,n=`_disabled_1elj9_53`,r=`_chevron_1elj9_77`,i=`_countryCode_1elj9_78`,a=`_number_1elj9_79`,o=`_danger_1elj9_8`,s=`_countryWrapper_1elj9_91`,c=`_countryTrigger_1elj9_98`,l=`_chevronOpen_1elj9_140`,u=`_dropdown_1elj9_143`,d=`_countryList_1elj9_156`,f=`_countryOption_1elj9_163`,p=`_active_1elj9_173`,m=`_selected_1elj9_179`,h=`_countryName_1elj9_184`,g=`_divider_1elj9_194`,_={root:e,fullWidth:t,disabled:n,chevron:r,countryCode:i,number:a,danger:o,countryWrapper:s,countryTrigger:c,chevronOpen:l,dropdown:u,countryList:d,countryOption:f,active:p,selected:m,countryName:h,divider:g};exports.active=p,exports.chevron=r,exports.chevronOpen=l,exports.countryCode=i,exports.countryList=d,exports.countryName=h,exports.countryOption=f,exports.countryTrigger=c,exports.countryWrapper=s,exports.danger=o,exports.default=_,exports.disabled=n,exports.divider=g,exports.dropdown=u,exports.fullWidth=t,exports.number=a,exports.root=e,exports.selected=m;
+var e=`_root_1f5bd_37`,t=`_fullWidth_1f5bd_50`,n=`_disabled_1f5bd_53`,r=`_chevron_1f5bd_77`,i=`_countryCode_1f5bd_78`,a=`_number_1f5bd_79`,o=`_danger_1f5bd_8`,s=`_countryWrapper_1f5bd_91`,c=`_countryTrigger_1f5bd_98`,l=`_chevronOpen_1f5bd_140`,u=`_dropdown_1f5bd_143`,d=`_countryList_1f5bd_163`,f=`_countryOption_1f5bd_170`,p=`_active_1f5bd_180`,m=`_selected_1f5bd_186`,h=`_countryName_1f5bd_191`,g=`_divider_1f5bd_201`,_={root:e,fullWidth:t,disabled:n,chevron:r,countryCode:i,number:a,danger:o,countryWrapper:s,countryTrigger:c,chevronOpen:l,dropdown:u,countryList:d,countryOption:f,active:p,selected:m,countryName:h,divider:g};exports.active=p,exports.chevron=r,exports.chevronOpen=l,exports.countryCode=i,exports.countryList=d,exports.countryName=h,exports.countryOption=f,exports.countryTrigger=c,exports.countryWrapper=s,exports.danger=o,exports.default=_,exports.disabled=n,exports.divider=g,exports.dropdown=u,exports.fullWidth=t,exports.number=a,exports.root=e,exports.selected=m;

package/dist/components/form/PhoneInput/phone-input.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/PhoneInput/phone-input.module.scss
-var e = "_root_1elj9_37", t = "_fullWidth_1elj9_50", n = "_disabled_1elj9_53", r = "_chevron_1elj9_77", i = "_countryCode_1elj9_78", a = "_number_1elj9_79", o = "_danger_1elj9_8", s = "_countryWrapper_1elj9_91", c = "_countryTrigger_1elj9_98", l = "_chevronOpen_1elj9_140", u = "_dropdown_1elj9_143", d = "_countryList_1elj9_156", f = "_countryOption_1elj9_163", p = "_active_1elj9_173", m = "_selected_1elj9_179", h = "_countryName_1elj9_184", g = "_divider_1elj9_194", _ = {
+var e = "_root_1f5bd_37", t = "_fullWidth_1f5bd_50", n = "_disabled_1f5bd_53", r = "_chevron_1f5bd_77", i = "_countryCode_1f5bd_78", a = "_number_1f5bd_79", o = "_danger_1f5bd_8", s = "_countryWrapper_1f5bd_91", c = "_countryTrigger_1f5bd_98", l = "_chevronOpen_1f5bd_140", u = "_dropdown_1f5bd_143", d = "_countryList_1f5bd_163", f = "_countryOption_1f5bd_170", p = "_active_1f5bd_180", m = "_selected_1f5bd_186", h = "_countryName_1f5bd_191", g = "_divider_1f5bd_201", _ = {
 	root: e,
 	fullWidth: t,
 	disabled: n,

package/dist/components/form/Select/Select.cjs

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