@studiolxd/brand 38.17.0 → 40.0.0

package/dist/async-multi-select-field.js

@@ -5,21 +5,21 @@ import { n as t } from "./_shared/form-size.js";
 import { ErrorText as n } from "./error-text.js";
 import { Label as r } from "./label.js";
 import { n as i } from "./_shared/field-labels.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as s, useId as c } from "react";
+import { forwardRef as a, useId as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/molecules/AsyncMultiSelectField/AsyncMultiSelectField.tsx
-var l = s(function({ id: s, label: l, labelHidden: u, onSearch: d, value: f, defaultValue: p, onValueChange: m, selectedOptions: h, placeholder: g, name: _, disabled: v, readOnly: y, size: b, debounceMs: x, required: S, error: C = !1, errorMessage: w, helperText: T, className: E, emptyMessage: D, removeLabel: O, loadingLabel: k, container: A, onBlur: j }, M) {
-	let N = i(u), P = t(b), F = c(), I = s ?? F, L = w ? `${I}-error` : void 0, R = T ? `${I}-helper` : void 0, z = [L, R].filter(Boolean).join(" ") || void 0, B = C || !!w;
-	return /* @__PURE__ */ o("div", {
+var l = a(function({ id: a, label: l, labelHidden: u, onSearch: d, value: f, defaultValue: p, onValueChange: m, selectedOptions: h, placeholder: g, name: _, disabled: v, readOnly: y, size: b, debounceMs: x, required: S, error: C = !1, errorMessage: w, helperText: T, className: E, emptyMessage: D, removeLabel: O, loadingLabel: k, container: A, onBlur: j }, M) {
+	let N = i(u), P = t(b), F = o(), I = a ?? F, L = w ? `${I}-error` : void 0, R = T ? `${I}-helper` : void 0, z = [L, R].filter(Boolean).join(" ") || void 0, B = C || !!w;
+	return /* @__PURE__ */ c("div", {
 		className: ["async-multi-select-field", E].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ a(r, {
+			/* @__PURE__ */ s(r, {
 				htmlFor: I,
 				hidden: N,
 				size: P,
 				children: l
 			}),
-			/* @__PURE__ */ a(e, {
+			/* @__PURE__ */ s(e, {
 				ref: M,
 				id: I,
 				name: _,
@@ -42,11 +42,11 @@ var l = s(function({ id: s, label: l, labelHidden: u, onSearch: d, value: f, def
 				"aria-describedby": z,
 				onBlur: j
 			}),
-			w && /* @__PURE__ */ a(n, {
+			w && /* @__PURE__ */ s(n, {
 				id: L,
 				children: w
 			}),
-			T && /* @__PURE__ */ a("span", {
+			T && /* @__PURE__ */ s("span", {
 				id: R,
 				className: "async-multi-select-field__helper",
 				children: T

package/dist/async-multi-select.js

@@ -2,31 +2,31 @@
 import './async-multi-select.css';
 import { Icon as e } from "./icon.js";
 import { Spinner as t } from "./spinner.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as i, useCallback as a, useEffect as ee, useId as o, useRef as s, useState as c } from "react";
+import { forwardRef as n, useCallback as r, useEffect as ee, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Popover as l } from "@base-ui/react/popover";
 //#region src/stories/atoms/AsyncMultiSelect/AsyncMultiSelect.tsx
-function u(e, t) {
+function te(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
-var d = i(function({ onSearch: i, value: d, defaultValue: f = [], onValueChange: p, selectedOptions: te, placeholder: m = "Buscar…", disabled: h, readOnly: g, size: _ = "md", debounceMs: v = 300, id: y, name: b, error: x = !1, required: S, onBlur: C, className: w, "aria-label": T, "aria-describedby": ne, removeLabel: re = (e) => `Quitar ${e}`, emptyMessage: E = "Sin resultados", loadingLabel: D = "Buscando…", container: O }, ie) {
-	let [k, A] = c(!1), [j, M] = c(""), [N, P] = c(!1), [F, I] = c([]), [L, R] = c(!1), [z, B] = c(-1), [V, H] = c(f), [U, W] = c([]), G = s(null), K = s(0), q = s(null), J = s(null), Y = o(), ae = o(), X = d === void 0 ? V : d, oe = X.map((e) => te?.find((t) => t.value === e) ?? U.find((t) => t.value === e) ?? {
+var u = n(function({ onSearch: n, value: u, defaultValue: d = [], onValueChange: f, selectedOptions: p, placeholder: m = "Buscar…", disabled: h, readOnly: g, size: _ = "md", debounceMs: v = 300, id: y, name: b, error: x = !1, required: S, onBlur: C, className: w, "aria-label": T, "aria-describedby": ne, removeLabel: re = (e) => `Quitar ${e}`, emptyMessage: ie = "Sin resultados", loadingLabel: E = "Buscando…", container: D }, O) {
+	let [k, A] = o(!1), [j, M] = o(""), [N, P] = o(!1), [F, I] = o([]), [L, R] = o(!1), [z, B] = o(-1), [V, H] = o(d), [U, W] = o([]), G = a(null), K = a(0), q = a(null), J = a(null), Y = i(), ae = i(), X = u === void 0 ? V : u, oe = X.map((e) => p?.find((t) => t.value === e) ?? U.find((t) => t.value === e) ?? {
 		value: e,
 		label: e
-	}), Z = (e) => `${ae}-opt-${e}`, Q = a(async (e) => {
+	}), Z = (e) => `${ae}-opt-${e}`, Q = r(async (e) => {
 		let t = ++K.current;
 		P(!0), R(!1);
 		try {
-			let n = await i(e);
+			let r = await n(e);
 			if (t !== K.current) return;
-			I(n), B(-1);
+			I(r), B(-1);
 		} catch {
 			if (t !== K.current) return;
 			I([]), B(-1);
 		} finally {
 			t === K.current && (P(!1), R(!0));
 		}
-	}, [i]);
+	}, [n]);
 	ee(() => () => {
 		K.current += 1, G.current && clearTimeout(G.current);
 	}, []);
@@ -39,7 +39,7 @@ var d = i(function({ onSearch: i, value: d, defaultValue: f = [], onValueChange:
 	}
 	function $(e, t) {
 		let n = X.includes(e) ? X.filter((t) => t !== e) : [...X, e];
-		t && W((e) => e.some((e) => e.value === t.value) ? e : [...e, t]), d === void 0 && H(n), p?.(n);
+		t && W((e) => e.some((e) => e.value === t.value) ? e : [...e, t]), u === void 0 && H(n), f?.(n);
 	}
 	function le(e) {
 		if (e.key === "ArrowDown") e.preventDefault(), k ? B((e) => Math.min(e + 1, F.length - 1)) : (A(!0), Q(j));
@@ -69,22 +69,22 @@ var d = i(function({ onSearch: i, value: d, defaultValue: f = [], onValueChange:
 		x ? "async-multi-select--error" : "",
 		w ?? ""
 	].filter(Boolean).join(" "), fe = ["async-multi-select__content", _ === "md" ? "" : `async-multi-select__content--${_}`].filter(Boolean).join(" ");
-	return /* @__PURE__ */ r(l.Root, {
+	return /* @__PURE__ */ c(l.Root, {
 		open: k,
 		onOpenChange: ue,
-		children: [/* @__PURE__ */ r("div", {
+		children: [/* @__PURE__ */ c("div", {
 			ref: J,
 			className: de,
 			"data-popup-open": k || void 0,
-			children: [/* @__PURE__ */ r("div", {
+			children: [/* @__PURE__ */ c("div", {
 				className: "async-multi-select__input-area",
 				children: [
-					oe.map((t) => /* @__PURE__ */ r("span", {
+					oe.map((t) => /* @__PURE__ */ c("span", {
 						className: "async-multi-select__pill",
-						children: [/* @__PURE__ */ n("span", {
+						children: [/* @__PURE__ */ s("span", {
 							className: "async-multi-select__pill-label",
 							children: t.label
-						}), !h && !g && /* @__PURE__ */ n("button", {
+						}), !h && !g && /* @__PURE__ */ s("button", {
 							type: "button",
 							className: "async-multi-select__pill-remove",
 							"aria-label": re(t.label),
@@ -92,15 +92,15 @@ var d = i(function({ onSearch: i, value: d, defaultValue: f = [], onValueChange:
 							onMouseDown: (e) => {
 								e.preventDefault(), $(t.value);
 							},
-							children: /* @__PURE__ */ n(e, {
+							children: /* @__PURE__ */ s(e, {
 								name: "close",
 								size: "xs"
 							})
 						})]
 					}, t.value)),
-					/* @__PURE__ */ n("input", {
+					/* @__PURE__ */ s("input", {
 						ref: (e) => {
-							q.current = e, u(ie, e);
+							q.current = e, te(O, e);
 						},
 						id: y,
 						type: "text",
@@ -125,64 +125,64 @@ var d = i(function({ onSearch: i, value: d, defaultValue: f = [], onValueChange:
 						"aria-autocomplete": "list",
 						onBlur: C
 					}),
-					b && X.map((e) => /* @__PURE__ */ n("input", {
+					b && X.map((e) => /* @__PURE__ */ s("input", {
 						type: "hidden",
 						name: b,
 						value: e
 					}, e))
 				]
-			}), N && /* @__PURE__ */ n(t, {
+			}), N && /* @__PURE__ */ s(t, {
 				size: "sm",
 				"aria-hidden": !0
 			})]
-		}), /* @__PURE__ */ n(l.Portal, {
-			container: O,
-			children: /* @__PURE__ */ n(l.Positioner, {
+		}), /* @__PURE__ */ s(l.Portal, {
+			container: D,
+			children: /* @__PURE__ */ s(l.Positioner, {
 				className: "async-multi-select__positioner",
 				anchor: J,
 				align: "start",
 				sideOffset: -1,
-				children: /* @__PURE__ */ n(l.Popup, {
+				children: /* @__PURE__ */ s(l.Popup, {
 					className: fe,
 					initialFocus: !1,
 					finalFocus: !1,
-					children: /* @__PURE__ */ r("div", {
+					children: /* @__PURE__ */ c("div", {
 						role: "listbox",
 						"aria-multiselectable": "true",
 						"aria-label": T ?? m,
 						id: Y,
 						children: [
-							N && /* @__PURE__ */ n("div", {
+							N && /* @__PURE__ */ s("div", {
 								className: "async-multi-select__loading",
-								children: /* @__PURE__ */ n(t, {
+								children: /* @__PURE__ */ s(t, {
 									size: "sm",
-									label: D
+									label: E
 								})
 							}),
-							!N && L && F.length === 0 && /* @__PURE__ */ n("div", {
+							!N && L && F.length === 0 && /* @__PURE__ */ s("div", {
 								className: "async-multi-select__empty",
-								children: E
+								children: ie
 							}),
 							!N && F.map((e, t) => {
-								let i = X.includes(e.value), a = z === t;
-								return /* @__PURE__ */ r("div", {
+								let n = X.includes(e.value), r = z === t;
+								return /* @__PURE__ */ c("div", {
 									id: Z(t),
 									role: "option",
-									"aria-selected": i,
+									"aria-selected": n,
 									className: [
 										"async-multi-select__item",
-										i ? "async-multi-select__item--selected" : "",
-										a ? "async-multi-select__item--active" : ""
+										n ? "async-multi-select__item--selected" : "",
+										r ? "async-multi-select__item--active" : ""
 									].filter(Boolean).join(" "),
 									onPointerDown: (e) => e.preventDefault(),
 									onClick: () => {
 										$(e.value, e), q.current?.focus();
 									},
-									children: [/* @__PURE__ */ n("span", {
+									children: [/* @__PURE__ */ s("span", {
 										className: "async-multi-select__item-check",
 										"aria-hidden": "true",
-										children: /* @__PURE__ */ n("span", { className: "async-multi-select__item-check-mark" })
-									}), /* @__PURE__ */ n("span", { children: e.label })]
+										children: /* @__PURE__ */ s("span", { className: "async-multi-select__item-check-mark" })
+									}), /* @__PURE__ */ s("span", { children: e.label })]
 								}, e.value);
 							})
 						]
@@ -193,4 +193,4 @@ var d = i(function({ onSearch: i, value: d, defaultValue: f = [], onValueChange:
 	});
 });
 //#endregion
-export { d as AsyncMultiSelect };
+export { u as AsyncMultiSelect };

package/dist/async-select-field.js

@@ -5,21 +5,21 @@ import { n as t } from "./_shared/form-size.js";
 import { ErrorText as n } from "./error-text.js";
 import { Label as r } from "./label.js";
 import { n as i } from "./_shared/field-labels.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as s, useId as c } from "react";
+import { forwardRef as a, useId as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/molecules/AsyncSelectField/AsyncSelectField.tsx
-var l = s(function({ id: s, label: l, labelHidden: u, onSearch: d, value: f, onValueChange: p, selectedOption: m, placeholder: h, name: g, disabled: _, readOnly: v, size: y, debounceMs: b, required: x, error: S = !1, errorMessage: C, helperText: w, className: T, emptyMessage: E, loadingLabel: D, clearLabel: O, container: k, onBlur: A }, j) {
-	let M = i(u), N = t(y), P = c(), F = s ?? P, I = C ? `${F}-error` : void 0, L = w ? `${F}-helper` : void 0, R = [I, L].filter(Boolean).join(" ") || void 0, z = S || !!C;
-	return /* @__PURE__ */ o("div", {
+var l = a(function({ id: a, label: l, labelHidden: u, onSearch: d, value: f, onValueChange: p, selectedOption: m, placeholder: h, name: g, disabled: _, readOnly: v, size: y, debounceMs: b, required: x, error: S = !1, errorMessage: C, helperText: w, className: T, emptyMessage: E, loadingLabel: D, clearLabel: O, container: k, onBlur: A }, j) {
+	let M = i(u), N = t(y), P = o(), F = a ?? P, I = C ? `${F}-error` : void 0, L = w ? `${F}-helper` : void 0, R = [I, L].filter(Boolean).join(" ") || void 0, z = S || !!C;
+	return /* @__PURE__ */ c("div", {
 		className: ["async-select-field", T].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ a(r, {
+			/* @__PURE__ */ s(r, {
 				htmlFor: F,
 				hidden: M,
 				size: N,
 				children: l
 			}),
-			/* @__PURE__ */ a(e, {
+			/* @__PURE__ */ s(e, {
 				ref: j,
 				id: F,
 				name: g,
@@ -41,11 +41,11 @@ var l = s(function({ id: s, label: l, labelHidden: u, onSearch: d, value: f, onV
 				"aria-describedby": R,
 				onBlur: A
 			}),
-			C && /* @__PURE__ */ a(n, {
+			C && /* @__PURE__ */ s(n, {
 				id: I,
 				children: C
 			}),
-			w && /* @__PURE__ */ a("span", {
+			w && /* @__PURE__ */ s("span", {
 				id: L,
 				className: "async-select-field__helper",
 				children: w

package/dist/async-select.js

@@ -2,159 +2,159 @@
 import './async-select.css';
 import { Icon as e } from "./icon.js";
 import { Spinner as t } from "./spinner.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as i, useCallback as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { forwardRef as n, useCallback as r, useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Popover as u } from "@base-ui/react/popover";
 //#region src/stories/atoms/AsyncSelect/AsyncSelect.tsx
 function ee(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
-var d = i(function({ onSearch: i, value: d, onValueChange: f, selectedOption: p, placeholder: m = "Buscar…", disabled: h, readOnly: g, size: _ = "md", debounceMs: v = 300, id: y, name: b, error: x = !1, required: te, onBlur: S, className: C, "aria-label": w, "aria-describedby": T, emptyMessage: ne = "Sin resultados", loadingLabel: re = "Buscando…", clearLabel: E = "Limpiar selección", container: D }, ie) {
-	let [O, k] = l(!1), [A, j] = l(""), [M, N] = l(!1), [P, F] = l([]), [I, L] = l(!1), [R, z] = l(-1), [B, V] = l(null), [H, U] = l(null), W = c(null), G = c(0), K = c(null), q = c(null), J = s(), ae = s(), Y = d === void 0 ? B : d, oe = p === void 0 ? H : p, X = (e) => `${ae}-opt-${e}`, Z = a(async (e) => {
-		let t = ++G.current;
-		N(!0), L(!1);
+var d = n(function({ onSearch: n, value: d, onValueChange: f, selectedOption: p, placeholder: m = "Buscar…", disabled: h, readOnly: g, size: _ = "md", debounceMs: v = 300, id: y, name: b, error: x = !1, required: S, onBlur: C, className: w, "aria-label": T, "aria-describedby": E, emptyMessage: D = "Sin resultados", loadingLabel: te = "Buscando…", clearLabel: ne = "Limpiar selección", container: re }, ie) {
+	let [O, k] = s(!1), [A, j] = s(""), [M, N] = s(!1), [P, F] = s([]), [ae, I] = s(!1), [L, R] = s(-1), [z, B] = s(null), [V, H] = s(null), U = o(null), W = o(0), G = o(null), K = o(null), q = a(), oe = a(), J = d === void 0 ? z : d, se = p === void 0 ? V : p, Y = (e) => `${oe}-opt-${e}`, X = r(async (e) => {
+		let t = ++W.current;
+		N(!0), I(!1);
 		try {
-			let n = await i(e);
-			if (t !== G.current) return;
-			F(n), z(-1);
+			let r = await n(e);
+			if (t !== W.current) return;
+			F(r), R(-1);
 		} catch {
-			if (t !== G.current) return;
-			F([]), z(-1);
+			if (t !== W.current) return;
+			F([]), R(-1);
 		} finally {
-			t === G.current && (N(!1), L(!0));
+			t === W.current && (N(!1), I(!0));
 		}
-	}, [i]);
-	o(() => () => {
-		G.current += 1, W.current && clearTimeout(W.current);
+	}, [n]);
+	i(() => () => {
+		W.current += 1, U.current && clearTimeout(U.current);
 	}, []);
-	function se(e) {
+	function ce(e) {
 		let t = e.target.value;
-		j(t), W.current && clearTimeout(W.current), W.current = setTimeout(() => void Z(t), v);
+		j(t), U.current && clearTimeout(U.current), U.current = setTimeout(() => void X(t), v);
 	}
-	function ce(e) {
-		h || g || O || (e.preventDefault(), K.current?.focus(), z(-1), j(""), F([]), L(!1), k(!0), Z(""));
+	function Z(e) {
+		h || g || O || (e.preventDefault(), G.current?.focus(), R(-1), j(""), F([]), I(!1), k(!0), X(""));
 	}
 	function Q(e) {
-		d === void 0 && (V(e.value), U(e)), f?.(e.value, e), k(!1), z(-1), j("");
+		d === void 0 && (B(e.value), H(e)), f?.(e.value, e), k(!1), R(-1), j("");
 	}
 	function $() {
-		d === void 0 && (V(null), U(null)), f?.(null, null), j(""), F([]), L(!1), K.current?.focus();
+		d === void 0 && (B(null), H(null)), f?.(null, null), j(""), F([]), I(!1), G.current?.focus();
 	}
 	function le(e) {
 		e.stopPropagation(), $();
 	}
 	function ue(e) {
-		e.key === "ArrowDown" ? (e.preventDefault(), O ? z((e) => Math.min(e + 1, P.length - 1)) : (k(!0), Z(A))) : e.key === "ArrowUp" ? (e.preventDefault(), z((e) => Math.max(e - 1, -1))) : e.key === "Enter" && R >= 0 && P[R] ? (e.preventDefault(), Q(P[R])) : e.key === "Escape" ? (k(!1), j(""), z(-1)) : e.key === "Tab" ? (k(!1), z(-1)) : (e.key === "Backspace" || e.key === "Delete") && A === "" && Y && !h && !g ? (e.preventDefault(), $()) : !O && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), j(e.key), k(!0), F([]), L(!1), W.current && clearTimeout(W.current), W.current = setTimeout(() => void Z(e.key), v));
+		e.key === "ArrowDown" ? (e.preventDefault(), O ? R((e) => Math.min(e + 1, P.length - 1)) : (k(!0), X(A))) : e.key === "ArrowUp" ? (e.preventDefault(), R((e) => Math.max(e - 1, -1))) : e.key === "Enter" && L >= 0 && P[L] ? (e.preventDefault(), Q(P[L])) : e.key === "Escape" ? (k(!1), j(""), R(-1)) : e.key === "Tab" ? (k(!1), R(-1)) : (e.key === "Backspace" || e.key === "Delete") && A === "" && J && !h && !g ? (e.preventDefault(), $()) : !O && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), j(e.key), k(!0), F([]), I(!1), U.current && clearTimeout(U.current), U.current = setTimeout(() => void X(e.key), v));
 	}
 	function de(e, t) {
 		if (!e) {
 			if (t.reason === "outside-press") {
 				let e = t.event?.target;
-				if (e instanceof Node && q.current?.contains(e)) return;
+				if (e instanceof Node && K.current?.contains(e)) return;
 			}
-			k(!1), j(""), z(-1);
+			k(!1), j(""), R(-1);
 		}
 	}
-	let fe = O ? A : oe?.label ?? "", pe = [
+	let fe = O ? A : se?.label ?? "", pe = [
 		"async-select",
 		_ === "md" ? "" : `async-select--${_}`,
 		h ? "async-select--disabled" : "",
 		x ? "async-select--error" : "",
-		C ?? ""
+		w ?? ""
 	].filter(Boolean).join(" "), me = ["async-select__content", _ === "md" ? "" : `async-select__content--${_}`].filter(Boolean).join(" ");
-	return /* @__PURE__ */ r(u.Root, {
+	return /* @__PURE__ */ l(u.Root, {
 		open: O,
 		onOpenChange: de,
-		children: [/* @__PURE__ */ r("div", {
-			ref: q,
+		children: [/* @__PURE__ */ l("div", {
+			ref: K,
 			className: pe,
 			"data-popup-open": O || void 0,
 			children: [
-				/* @__PURE__ */ n("input", {
+				/* @__PURE__ */ c("input", {
 					ref: (e) => {
-						K.current = e, ee(ie, e);
+						G.current = e, ee(ie, e);
 					},
 					id: y,
 					type: "text",
 					className: "async-select__input",
 					value: fe,
-					onChange: se,
-					onPointerDown: ce,
+					onChange: ce,
+					onPointerDown: Z,
 					onKeyDown: ue,
 					placeholder: m,
 					disabled: h,
 					readOnly: g,
-					"aria-label": w,
-					"aria-describedby": T,
+					"aria-label": T,
+					"aria-describedby": E,
 					"aria-invalid": x || void 0,
-					"aria-required": te || void 0,
+					"aria-required": S || void 0,
 					"aria-expanded": O,
 					"aria-haspopup": "listbox",
-					"aria-controls": O ? J : void 0,
-					"aria-activedescendant": R >= 0 ? X(R) : void 0,
+					"aria-controls": O ? q : void 0,
+					"aria-activedescendant": L >= 0 ? Y(L) : void 0,
 					autoComplete: "off",
 					role: "combobox",
 					"aria-autocomplete": "list",
-					onBlur: S
+					onBlur: C
 				}),
-				b && /* @__PURE__ */ n("input", {
+				b && /* @__PURE__ */ c("input", {
 					type: "hidden",
 					name: b,
-					value: Y ?? ""
+					value: J ?? ""
 				}),
-				M && /* @__PURE__ */ n(t, {
+				M && /* @__PURE__ */ c(t, {
 					size: "sm",
 					"aria-hidden": !0
 				}),
-				!M && Y && !h && !g && /* @__PURE__ */ n("button", {
+				!M && J && !h && !g && /* @__PURE__ */ c("button", {
 					type: "button",
 					className: "async-select__clear",
-					"aria-label": E,
+					"aria-label": ne,
 					tabIndex: -1,
 					onMouseDown: le,
-					children: /* @__PURE__ */ n(e, {
+					children: /* @__PURE__ */ c(e, {
 						name: "close",
 						size: "xs"
 					})
 				})
 			]
-		}), /* @__PURE__ */ n(u.Portal, {
-			container: D,
-			children: /* @__PURE__ */ n(u.Positioner, {
+		}), /* @__PURE__ */ c(u.Portal, {
+			container: re,
+			children: /* @__PURE__ */ c(u.Positioner, {
 				className: "async-select__positioner",
-				anchor: q,
+				anchor: K,
 				align: "start",
 				sideOffset: -1,
-				children: /* @__PURE__ */ n(u.Popup, {
+				children: /* @__PURE__ */ c(u.Popup, {
 					className: me,
 					initialFocus: !1,
 					finalFocus: !1,
-					children: /* @__PURE__ */ r("div", {
+					children: /* @__PURE__ */ l("div", {
 						role: "listbox",
-						"aria-label": w ?? m,
-						id: J,
+						"aria-label": T ?? m,
+						id: q,
 						children: [
-							M && /* @__PURE__ */ n("div", {
+							M && /* @__PURE__ */ c("div", {
 								className: "async-select__loading",
-								children: /* @__PURE__ */ n(t, {
+								children: /* @__PURE__ */ c(t, {
 									size: "sm",
-									label: re
+									label: te
 								})
 							}),
-							!M && I && P.length === 0 && /* @__PURE__ */ n("div", {
+							!M && ae && P.length === 0 && /* @__PURE__ */ c("div", {
 								className: "async-select__empty",
-								children: ne
+								children: D
 							}),
 							!M && P.map((e, t) => {
-								let r = e.value === Y, i = R === t;
-								return /* @__PURE__ */ n("div", {
-									id: X(t),
+								let n = e.value === J, r = L === t;
+								return /* @__PURE__ */ c("div", {
+									id: Y(t),
 									role: "option",
-									"aria-selected": r,
+									"aria-selected": n,
 									className: [
 										"async-select__item",
-										r ? "async-select__item--selected" : "",
-										i ? "async-select__item--active" : ""
+										n ? "async-select__item--selected" : "",
+										r ? "async-select__item--active" : ""
 									].filter(Boolean).join(" "),
 									onPointerDown: (e) => e.preventDefault(),
 									onClick: () => Q(e),