@studiolxd/brand 46.0.0 → 47.1.0

package/dist/app-launcher.js

@@ -2,124 +2,128 @@
 import './app-launcher.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
-import { Tag as n } from "./tag.js";
-import { Modal as r } from "./modal.js";
-import { useState as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Popover as c } from "@base-ui/react/popover";
+import { n } from "./_shared/portal-container.js";
+import { Tag as r } from "./tag.js";
+import { Modal as i } from "./modal.js";
+import { useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Popover as l } from "@base-ui/react/popover";
 //#region src/stories/molecules/AppLauncher/AppLauncher.tsx
-function l({ app: t, isCurrent: r, newLabel: i }) {
+function u({ app: t, isCurrent: n, newLabel: i }) {
 	let a = e("appLauncher");
-	return /* @__PURE__ */ s("a", {
+	return /* @__PURE__ */ c("a", {
 		href: t.url,
-		className: `app-launcher__tile${r ? " app-launcher__tile--active" : ""}`,
-		"aria-current": r ? "page" : void 0,
-		children: [/* @__PURE__ */ o("span", {
+		className: `app-launcher__tile${n ? " app-launcher__tile--active" : ""}`,
+		"aria-current": n ? "page" : void 0,
+		children: [/* @__PURE__ */ s("span", {
 			className: "app-launcher__tile-name",
 			children: t.name
-		}), t.isNew && /* @__PURE__ */ o(n, {
+		}), t.isNew && /* @__PURE__ */ s(r, {
 			variant: "info",
 			className: "app-launcher__tile-badge",
 			children: a("new", i)
 		})]
 	});
 }
-function u({ apps: e, currentAppId: t, newLabel: n }) {
-	return /* @__PURE__ */ o("ul", {
+function d({ apps: e, currentAppId: t, newLabel: n }) {
+	return /* @__PURE__ */ s("ul", {
 		className: "app-launcher__grid",
 		role: "list",
-		children: e.map((e) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(l, {
+		children: e.map((e) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(u, {
 			app: e,
 			isCurrent: e.id === t,
 			newLabel: n
 		}) }, e.id))
 	});
 }
-function d({ apps: n, labels: r, currentAppId: i, open: a, defaultOpen: l, onOpenChange: d }) {
-	let f = e("appLauncher");
-	return /* @__PURE__ */ s(c.Root, {
-		open: a,
-		defaultOpen: l,
-		onOpenChange: (e) => d?.(e),
-		children: [/* @__PURE__ */ o(c.Trigger, { render: r.trigger ? /* @__PURE__ */ s("button", {
+function f({ apps: r, labels: i, currentAppId: a, open: o, defaultOpen: u, onOpenChange: f }) {
+	let p = e("appLauncher"), m = n(void 0);
+	return /* @__PURE__ */ c(l.Root, {
+		open: o,
+		defaultOpen: u,
+		onOpenChange: (e) => f?.(e),
+		children: [/* @__PURE__ */ s(l.Trigger, { render: i.trigger ? /* @__PURE__ */ c("button", {
 			type: "button",
 			className: "app-launcher__trigger app-launcher__trigger--label",
-			children: [/* @__PURE__ */ o(t, {
+			children: [/* @__PURE__ */ s(t, {
 				name: "grid",
 				size: "md"
-			}), /* @__PURE__ */ o("span", {
+			}), /* @__PURE__ */ s("span", {
 				className: "app-launcher__trigger-label",
-				children: r.trigger
+				children: i.trigger
 			})]
-		}) : /* @__PURE__ */ o("button", {
+		}) : /* @__PURE__ */ s("button", {
 			type: "button",
 			className: "app-launcher__trigger",
-			"aria-label": f("open", r.open),
-			children: /* @__PURE__ */ o(t, {
+			"aria-label": p("open", i.open),
+			children: /* @__PURE__ */ s(t, {
 				name: "grid",
 				size: "md"
 			})
-		}) }), /* @__PURE__ */ o(c.Portal, { children: /* @__PURE__ */ o(c.Positioner, {
-			className: "app-launcher__positioner",
-			sideOffset: 4,
-			align: "end",
-			children: /* @__PURE__ */ o(c.Popup, {
-				className: "app-launcher__content",
-				children: /* @__PURE__ */ o(u, {
-					apps: n,
-					currentAppId: i,
-					newLabel: r.new
+		}) }), /* @__PURE__ */ s(l.Portal, {
+			container: m,
+			children: /* @__PURE__ */ s(l.Positioner, {
+				className: "app-launcher__positioner",
+				sideOffset: 4,
+				align: "end",
+				children: /* @__PURE__ */ s(l.Popup, {
+					className: "app-launcher__content",
+					children: /* @__PURE__ */ s(d, {
+						apps: r,
+						currentAppId: a,
+						newLabel: i.new
+					})
 				})
 			})
-		}) })]
+		})]
 	});
 }
-function f(e, t, n) {
-	let [r, a] = i(t ?? !1);
+function p(e, t, n) {
+	let [r, i] = a(t ?? !1);
 	return [e ?? r, (t) => {
-		e === void 0 && a(t), n?.(t);
+		e === void 0 && i(t), n?.(t);
 	}];
 }
-function p({ apps: n, labels: i, currentAppId: c, open: l, defaultOpen: d, onOpenChange: p }) {
-	let m = e("appLauncher"), [h, g] = f(l, d, p);
-	return /* @__PURE__ */ s(a, { children: [i.trigger ? /* @__PURE__ */ s("button", {
+function m({ apps: n, labels: r, currentAppId: a, open: l, defaultOpen: u, onOpenChange: f }) {
+	let m = e("appLauncher"), [h, g] = p(l, u, f);
+	return /* @__PURE__ */ c(o, { children: [r.trigger ? /* @__PURE__ */ c("button", {
 		type: "button",
 		className: "app-launcher__trigger app-launcher__trigger--label",
 		"aria-haspopup": "dialog",
 		onClick: () => g(!0),
-		children: [/* @__PURE__ */ o(t, {
+		children: [/* @__PURE__ */ s(t, {
 			name: "grid",
 			size: "md"
-		}), /* @__PURE__ */ o("span", {
+		}), /* @__PURE__ */ s("span", {
 			className: "app-launcher__trigger-label",
-			children: i.trigger
+			children: r.trigger
 		})]
-	}) : /* @__PURE__ */ o("button", {
+	}) : /* @__PURE__ */ s("button", {
 		type: "button",
 		className: "app-launcher__trigger",
-		"aria-label": m("open", i.open),
+		"aria-label": m("open", r.open),
 		"aria-haspopup": "dialog",
 		onClick: () => g(!0),
-		children: /* @__PURE__ */ o(t, {
+		children: /* @__PURE__ */ s(t, {
 			name: "grid",
 			size: "md"
 		})
-	}), /* @__PURE__ */ o(r, {
+	}), /* @__PURE__ */ s(i, {
 		open: h,
 		onClose: () => g(!1),
-		title: m("title", i.title),
-		children: /* @__PURE__ */ o(u, {
+		title: m("title", r.title),
+		children: /* @__PURE__ */ s(d, {
 			apps: n,
-			currentAppId: c,
-			newLabel: i.new
+			currentAppId: a,
+			newLabel: r.new
 		})
 	})] });
 }
-function m({ presentation: e = "modal", labels: t = {}, ...n }) {
-	return o(e === "popover" ? d : p, {
+function h({ presentation: e = "modal", labels: t = {}, ...n }) {
+	return s(e === "popover" ? f : m, {
 		labels: t,
 		...n
 	});
 }
 //#endregion
-export { m as AppLauncher };
+export { h as AppLauncher };

package/dist/app-root.js

@@ -1,11 +1,13 @@
-import { SkipLink as e } from "./skip-link.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+'use client';
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { SkipLink as t } from "./skip-link.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/stories/sections/AppRoot/AppRoot.tsx
-function i({ skipLabel: i = "Saltar al contenido principal", skipHref: a = "#main-content", children: o }) {
-	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, {
-		href: a,
-		children: i
-	}), o] });
+function a({ skipLabel: a, skipHref: o = "#main-content", children: s }) {
+	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(t, {
+		href: o,
+		children: e("appRoot")("skipToContent", a)
+	}), s] });
 }
 //#endregion
-export { i as AppRoot };
+export { a as AppRoot };

package/dist/app-shell.js

@@ -1,78 +1,79 @@
 'use client';
 import './app-shell.css';
-import { SkipLink as e } from "./skip-link.js";
-import { TooltipProvider as t } from "./tooltip.js";
-import { t as n } from "./_shared/css-properties.js";
-import { n as r, t as i } from "./_shared/appshellcontext.js";
-import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { SkipLink as t } from "./skip-link.js";
+import { TooltipProvider as n } from "./tooltip.js";
+import { t as r } from "./_shared/css-properties.js";
+import { n as i, t as a } from "./_shared/appshellcontext.js";
+import { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/stories/sections/AppShell/AppShell.tsx
-var d = "(min-width: 1024px)";
-function f() {
-	let [e, t] = c(() => typeof window > "u" ? !0 : window.matchMedia(d).matches);
-	return o(() => {
-		let e = window.matchMedia(d), n = () => t(e.matches);
+var f = "(min-width: 1024px)";
+function p() {
+	let [e, t] = l(() => typeof window > "u" ? !0 : window.matchMedia(f).matches);
+	return s(() => {
+		let e = window.matchMedia(f), n = () => t(e.matches);
 		return n(), e.addEventListener("change", n), () => e.removeEventListener("change", n);
 	}, []), e;
 }
-function p({ header: r, sidebar: d, children: p, defaultSidebar: m = "open", sidebarState: h, onSidebarChange: g, defaultSidebarWidth: _, onSidebarWidthChange: v, skipLabel: y = "Saltar al contenido principal" }) {
-	let b = f(), [x, S] = c(m), [C, w] = c(!1), [T, E] = c(_), D = b ? h ?? x : C ? "open" : "closed", O = a((e) => {
-		b ? (S(e), g?.(e)) : w(e === "open");
-	}, [b, g]), k = a(() => O(D === "open" ? "closed" : "open"), [O, D]), A = a(() => O("closed"), [O]), j = a((e) => {
-		E(e), v?.(e);
-	}, [v]);
-	o(() => {
-		if (b || !C) return;
+function m({ header: i, sidebar: f, children: m, defaultSidebar: h = "open", sidebarState: g, onSidebarChange: _, defaultSidebarWidth: v, onSidebarWidthChange: y, skipLabel: b }) {
+	let x = e("appShell"), S = p(), [C, w] = l(h), [T, E] = l(!1), [D, O] = l(v), k = S ? g ?? C : T ? "open" : "closed", A = o((e) => {
+		S ? (w(e), _?.(e)) : E(e === "open");
+	}, [S, _]), j = o(() => A(k === "open" ? "closed" : "open"), [A, k]), M = o(() => A("closed"), [A]), N = o((e) => {
+		O(e), y?.(e);
+	}, [y]);
+	s(() => {
+		if (S || !T) return;
 		let e = (e) => {
-			e.key === "Escape" && w(!1);
+			e.key === "Escape" && E(!1);
 		};
 		document.addEventListener("keydown", e);
 		let t = document.body.style.overflow;
 		return document.body.style.overflow = "hidden", () => {
 			document.removeEventListener("keydown", e), document.body.style.overflow = t;
 		};
-	}, [b, C]);
-	let M = s(() => ({
-		sidebar: D,
-		setSidebar: O,
-		sidebarWidth: T ?? 0,
-		setSidebarWidth: j,
-		toggleSidebar: k,
-		closeSidebar: A,
-		isDesktop: b
+	}, [S, T]);
+	let P = c(() => ({
+		sidebar: k,
+		setSidebar: A,
+		sidebarWidth: D ?? 0,
+		setSidebarWidth: N,
+		toggleSidebar: j,
+		closeSidebar: M,
+		isDesktop: S
 	}), [
-		D,
-		O,
-		T,
-		j,
 		k,
 		A,
-		b
-	]), N = n({ "--app-shell-sidebar-width": T ? `${T}px` : void 0 }), P = !b && C;
-	return /* @__PURE__ */ l(i.Provider, {
-		value: M,
-		children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(e, {
+		D,
+		N,
+		j,
+		M,
+		S
+	]), F = r({ "--app-shell-sidebar-width": D ? `${D}px` : void 0 }), I = !S && T;
+	return /* @__PURE__ */ u(a.Provider, {
+		value: P,
+		children: /* @__PURE__ */ d(n, { children: [/* @__PURE__ */ u(t, {
 			href: "#main-content",
-			children: y
-		}), /* @__PURE__ */ u("div", {
-			ref: N,
+			children: x("skipToContent", b)
+		}), /* @__PURE__ */ d("div", {
+			ref: F,
 			className: "app-shell",
-			"data-sidebar": D,
-			children: [r, /* @__PURE__ */ u("div", {
+			"data-sidebar": k,
+			children: [i, /* @__PURE__ */ d("div", {
 				className: "app-shell__body",
 				children: [
-					d,
-					P && /* @__PURE__ */ l("div", {
+					f,
+					I && /* @__PURE__ */ u("div", {
 						className: "app-shell__backdrop",
-						onClick: A,
+						onClick: M,
 						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ l("main", {
+					/* @__PURE__ */ u("main", {
 						id: "main-content",
 						tabIndex: -1,
 						className: "app-shell__content",
-						inert: P || void 0,
-						children: p
+						inert: I || void 0,
+						children: m
 					})
 				]
 			})]
@@ -80,4 +81,4 @@ function p({ header: r, sidebar: d, children: p, defaultSidebar: m = "open", sid
 	});
 }
 //#endregion
-export { p as AppShell, r as useAppShell };
+export { m as AppShell, i as useAppShell };

package/dist/async-multi-select.js

@@ -3,22 +3,23 @@ import './async-multi-select.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
 import { Spinner as n } from "./spinner.js";
-import { forwardRef as r, useCallback as ee, useEffect as te, 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";
+import { n as r } from "./_shared/portal-container.js";
+import { forwardRef as i, useCallback as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Popover as f } from "@base-ui/react/popover";
 //#region src/stories/atoms/AsyncMultiSelect/AsyncMultiSelect.tsx
-function u(e, t) {
+function ee(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
-var d = r(function({ onSearch: r, value: d, defaultValue: f = [], onValueChange: p, selectedOptions: ne, placeholder: m, disabled: h, readOnly: g, size: _ = "md", debounceMs: v = 300, id: re, name: y, error: b = !1, required: ie, onBlur: ae, className: x, "aria-label": S, "aria-describedby": C, removeLabel: w, emptyMessage: T, loadingLabel: E, container: D }, oe) {
-	let O = e("asyncMultiSelect"), [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(f), [U, W] = o([]), G = a(null), K = a(0), q = a(null), J = a(null), Y = i(), se = i(), X = d === void 0 ? V : d, ce = X.map((e) => ne?.find((t) => t.value === e) ?? U.find((t) => t.value === e) ?? {
+var p = i(function({ onSearch: i, value: p, defaultValue: te = [], onValueChange: ne, selectedOptions: m, placeholder: h, disabled: g, readOnly: _, size: v = "md", debounceMs: re = 300, id: ie, name: y, error: b = !1, required: x, onBlur: S, className: ae, "aria-label": C, "aria-describedby": oe, removeLabel: se, emptyMessage: ce, loadingLabel: w, container: T }, E) {
+	let D = e("asyncMultiSelect"), O = r(T), [k, A] = l(!1), [j, M] = l(""), [N, P] = l(!1), [F, I] = l([]), [L, R] = l(!1), [z, B] = l(-1), [V, H] = l(te), [U, W] = l([]), G = c(null), K = c(0), q = c(null), J = c(null), Y = s(), le = s(), X = p === void 0 ? V : p, ue = X.map((e) => m?.find((t) => t.value === e) ?? U.find((t) => t.value === e) ?? {
 		value: e,
 		label: e
-	}), Z = (e) => `${se}-opt-${e}`, Q = ee(async (e) => {
+	}), Z = (e) => `${le}-opt-${e}`, Q = a(async (e) => {
 		let t = ++K.current;
 		P(!0), R(!1);
 		try {
-			let n = await r(e);
+			let n = await i(e);
 			if (t !== K.current) return;
 			I(n), B(-1);
 		} catch {
@@ -27,22 +28,22 @@ var d = r(function({ onSearch: r, value: d, defaultValue: f = [], onValueChange:
 		} finally {
 			t === K.current && (P(!1), R(!0));
 		}
-	}, [r]);
-	te(() => () => {
+	}, [i]);
+	o(() => () => {
 		K.current += 1, G.current && clearTimeout(G.current);
 	}, []);
-	function le(e) {
+	function de(e) {
 		let t = e.target.value;
-		M(t), k || A(!0), G.current && clearTimeout(G.current), G.current = setTimeout(() => void Q(t), v);
+		M(t), k || A(!0), G.current && clearTimeout(G.current), G.current = setTimeout(() => void Q(t), re);
 	}
-	function ue(e) {
-		h || g || k || (e.preventDefault(), q.current?.focus(), B(-1), M(""), I([]), R(!1), A(!0), Q(""));
+	function fe(e) {
+		g || _ || k || (e.preventDefault(), q.current?.focus(), B(-1), M(""), I([]), R(!1), A(!0), Q(""));
 	}
 	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]), p === void 0 && H(n), ne?.(n);
 	}
-	function de(e) {
+	function pe(e) {
 		if (e.key === "ArrowDown") e.preventDefault(), k ? B((e) => Math.min(e + 1, F.length - 1)) : (A(!0), Q(j));
 		else if (e.key === "ArrowUp") e.preventDefault(), B((e) => Math.max(e - 1, -1));
 		else if (e.key === "Enter" && z >= 0 && F[z]) e.preventDefault(), $(F[z].value, F[z]), q.current?.focus();
@@ -53,7 +54,7 @@ var d = r(function({ onSearch: r, value: d, defaultValue: f = [], onValueChange:
 			$(e);
 		}
 	}
-	function fe(e, t) {
+	function me(e, t) {
 		if (!e) {
 			if (t.reason === "outside-press") {
 				let e = t.event?.target;
@@ -62,61 +63,61 @@ var d = r(function({ onSearch: r, value: d, defaultValue: f = [], onValueChange:
 			A(!1), M(""), B(-1);
 		}
 	}
-	let pe = [
+	let he = [
 		"async-multi-select",
-		_ === "md" ? "" : `async-multi-select--${_}`,
-		h ? "async-multi-select--disabled" : "",
+		v === "md" ? "" : `async-multi-select--${v}`,
+		g ? "async-multi-select--disabled" : "",
 		k ? "async-multi-select--open" : "",
 		b ? "async-multi-select--error" : "",
-		x ?? ""
-	].filter(Boolean).join(" "), me = ["async-multi-select__content", _ === "md" ? "" : `async-multi-select__content--${_}`].filter(Boolean).join(" ");
-	return /* @__PURE__ */ c(l.Root, {
+		ae ?? ""
+	].filter(Boolean).join(" "), ge = ["async-multi-select__content", v === "md" ? "" : `async-multi-select__content--${v}`].filter(Boolean).join(" ");
+	return /* @__PURE__ */ d(f.Root, {
 		open: k,
-		onOpenChange: fe,
-		children: [/* @__PURE__ */ c("div", {
+		onOpenChange: me,
+		children: [/* @__PURE__ */ d("div", {
 			ref: J,
-			className: pe,
+			className: he,
 			"data-popup-open": k || void 0,
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ d("div", {
 				className: "async-multi-select__input-area",
 				children: [
-					ce.map((e) => /* @__PURE__ */ c("span", {
+					ue.map((e) => /* @__PURE__ */ d("span", {
 						className: "async-multi-select__pill",
-						children: [/* @__PURE__ */ s("span", {
+						children: [/* @__PURE__ */ u("span", {
 							className: "async-multi-select__pill-label",
 							children: e.label
-						}), !h && !g && /* @__PURE__ */ s("button", {
+						}), !g && !_ && /* @__PURE__ */ u("button", {
 							type: "button",
 							className: "async-multi-select__pill-remove",
-							"aria-label": O("remove", w)(e.label),
+							"aria-label": D("remove", se)(e.label),
 							tabIndex: -1,
 							onMouseDown: (t) => {
 								t.preventDefault(), $(e.value);
 							},
-							children: /* @__PURE__ */ s(t, {
+							children: /* @__PURE__ */ u(t, {
 								name: "close",
 								size: "xs"
 							})
 						})]
 					}, e.value)),
-					/* @__PURE__ */ s("input", {
+					/* @__PURE__ */ u("input", {
 						ref: (e) => {
-							q.current = e, u(oe, e);
+							q.current = e, ee(E, e);
 						},
-						id: re,
+						id: ie,
 						type: "text",
 						className: "async-multi-select__input",
 						value: j,
-						onChange: le,
-						onPointerDown: ue,
-						onKeyDown: de,
-						placeholder: X.length === 0 ? O("placeholder", m) : void 0,
-						disabled: h,
-						readOnly: g,
-						"aria-label": S,
-						"aria-describedby": C,
+						onChange: de,
+						onPointerDown: fe,
+						onKeyDown: pe,
+						placeholder: X.length === 0 ? D("placeholder", h) : void 0,
+						disabled: g,
+						readOnly: _,
+						"aria-label": C,
+						"aria-describedby": oe,
 						"aria-invalid": b || void 0,
-						"aria-required": ie || void 0,
+						"aria-required": x || void 0,
 						"aria-expanded": k,
 						"aria-haspopup": "listbox",
 						"aria-controls": k ? Y : void 0,
@@ -124,49 +125,49 @@ var d = r(function({ onSearch: r, value: d, defaultValue: f = [], onValueChange:
 						autoComplete: "off",
 						role: "combobox",
 						"aria-autocomplete": "list",
-						onBlur: ae
+						onBlur: S
 					}),
-					y && X.map((e) => /* @__PURE__ */ s("input", {
+					y && X.map((e) => /* @__PURE__ */ u("input", {
 						type: "hidden",
 						name: y,
 						value: e
 					}, e))
 				]
-			}), N && /* @__PURE__ */ s(n, {
+			}), N && /* @__PURE__ */ u(n, {
 				size: "sm",
 				"aria-hidden": !0
 			})]
-		}), /* @__PURE__ */ s(l.Portal, {
-			container: D,
-			children: /* @__PURE__ */ s(l.Positioner, {
+		}), /* @__PURE__ */ u(f.Portal, {
+			container: O,
+			children: /* @__PURE__ */ u(f.Positioner, {
 				className: "async-multi-select__positioner",
 				anchor: J,
 				align: "start",
 				sideOffset: -1,
-				children: /* @__PURE__ */ s(l.Popup, {
-					className: me,
+				children: /* @__PURE__ */ u(f.Popup, {
+					className: ge,
 					initialFocus: !1,
 					finalFocus: !1,
-					children: /* @__PURE__ */ c("div", {
+					children: /* @__PURE__ */ d("div", {
 						role: "listbox",
 						"aria-multiselectable": "true",
-						"aria-label": S ?? O("placeholder", m),
+						"aria-label": C ?? D("placeholder", h),
 						id: Y,
 						children: [
-							N && /* @__PURE__ */ s("div", {
+							N && /* @__PURE__ */ u("div", {
 								className: "async-multi-select__loading",
-								children: /* @__PURE__ */ s(n, {
+								children: /* @__PURE__ */ u(n, {
 									size: "sm",
-									label: O("loading", E)
+									label: D("loading", w)
 								})
 							}),
-							!N && L && F.length === 0 && /* @__PURE__ */ s("div", {
+							!N && L && F.length === 0 && /* @__PURE__ */ u("div", {
 								className: "async-multi-select__empty",
-								children: O("empty", T)
+								children: D("empty", ce)
 							}),
 							!N && F.map((e, t) => {
 								let n = X.includes(e.value), r = z === t;
-								return /* @__PURE__ */ c("div", {
+								return /* @__PURE__ */ d("div", {
 									id: Z(t),
 									role: "option",
 									"aria-selected": n,
@@ -179,11 +180,11 @@ var d = r(function({ onSearch: r, value: d, defaultValue: f = [], onValueChange:
 									onClick: () => {
 										$(e.value, e), q.current?.focus();
 									},
-									children: [/* @__PURE__ */ s("span", {
+									children: [/* @__PURE__ */ u("span", {
 										className: "async-multi-select__item-check",
 										"aria-hidden": "true",
-										children: /* @__PURE__ */ s("span", { className: "async-multi-select__item-check-mark" })
-									}), /* @__PURE__ */ s("span", { children: e.label })]
+										children: /* @__PURE__ */ u("span", { className: "async-multi-select__item-check-mark" })
+									}), /* @__PURE__ */ u("span", { children: e.label })]
 								}, e.value);
 							})
 						]
@@ -194,4 +195,4 @@ var d = r(function({ onSearch: r, value: d, defaultValue: f = [], onValueChange:
 	});
 });
 //#endregion
-export { d as AsyncMultiSelect };
+export { p as AsyncMultiSelect };