@studiolxd/brand 39.0.0 → 40.0.0

package/dist/alert.js

@@ -1,45 +1,45 @@
 'use client';
 import './alert.css';
 import { CloseButton as e } from "./close-button.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as r, useState as i } from "react";
+import { forwardRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/stories/molecules/Alert/Alert.tsx
 var a = {
 	default: "status",
 	success: "status",
 	error: "alert",
 	warning: "alert"
-}, o = r(function({ className: e, children: n, ...r }, i) {
-	return /* @__PURE__ */ t("p", {
+}, o = t(function({ className: e, children: t, ...n }, i) {
+	return /* @__PURE__ */ r("p", {
 		ref: i,
 		className: ["alert__title", e ?? ""].filter(Boolean).join(" "),
-		...r,
-		children: n
+		...n,
+		children: t
 	});
-}), s = r(function({ className: e, children: n, ...r }, i) {
-	return /* @__PURE__ */ t("div", {
+}), s = t(function({ className: e, children: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
 		ref: i,
 		className: ["alert__description", e ?? ""].filter(Boolean).join(" "),
-		...r,
-		children: n
+		...n,
+		children: t
 	});
-}), c = r(function({ className: e, children: n, ...r }, i) {
-	return /* @__PURE__ */ t("div", {
+}), c = t(function({ className: e, children: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
 		ref: i,
 		className: ["alert__actions", e ?? ""].filter(Boolean).join(" "),
-		...r,
-		children: n
+		...n,
+		children: t
 	});
-}), l = r(function({ variant: r = "default", title: o, description: s, actions: c, dismissible: l = !1, onDismiss: u, finalFocus: d, closeLabel: f = "Cerrar", className: p, children: m, role: h, ...g }, _) {
-	let [v, y] = i(!1);
+}), l = t(function({ variant: t = "default", title: o, description: s, actions: c, dismissible: l = !1, onDismiss: u, finalFocus: d, closeLabel: f = "Cerrar", className: p, children: m, role: h, ...g }, _) {
+	let [v, y] = n(!1);
 	if (v) return null;
 	let b = [
 		"alert",
-		r === "default" ? "" : `alert--${r}`,
-		r === "success" || r === "error" ? "surface-dark" : "",
+		t === "default" ? "" : `alert--${t}`,
+		t === "success" || t === "error" ? "surface-dark" : "",
 		l ? "alert--dismissible" : "",
 		p ?? ""
-	].filter(Boolean).join(" "), x = r === "default" ? " surface-invert" : "";
+	].filter(Boolean).join(" "), x = t === "default" ? " surface-invert" : "";
 	function S() {
 		if (typeof document > "u") return;
 		let e = d?.current;
@@ -53,29 +53,29 @@ var a = {
 	function C() {
 		S(), u ? u() : y(!0);
 	}
-	return /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ i("div", {
 		ref: _,
-		role: h ?? a[r],
+		role: h ?? a[t],
 		className: b,
 		...g,
-		children: [/* @__PURE__ */ n("div", {
+		children: [/* @__PURE__ */ i("div", {
 			className: `alert__content${x}`,
 			children: [
-				o && /* @__PURE__ */ t("p", {
+				o && /* @__PURE__ */ r("p", {
 					className: "alert__title",
 					children: o
 				}),
-				s && /* @__PURE__ */ t("div", {
+				s && /* @__PURE__ */ r("div", {
 					className: "alert__description",
 					children: s
 				}),
 				m,
-				c && /* @__PURE__ */ t("div", {
+				c && /* @__PURE__ */ r("div", {
 					className: "alert__actions",
 					children: c
 				})
 			]
-		}), l && /* @__PURE__ */ t(e, {
+		}), l && /* @__PURE__ */ r(e, {
 			className: `alert__close${x}`,
 			label: f,
 			onClick: C

package/dist/annotation-thread.js

@@ -1,7 +1,7 @@
 import './annotation-thread.css';
 import { Tag as e } from "./tag.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/stories/organisms/AnnotationThread/AnnotationThread.tsx
 var r = {
 	day: "numeric",

package/dist/app-header.js

@@ -2,15 +2,15 @@
 import './app-header.css';
 import { MenuButton as e } from "./menu-button.js";
 import { t } from "./_shared/appshellcontext.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useContext as i, useState as a } from "react";
+import { useContext as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/stories/sections/AppHeader/AppHeader.tsx
 function o({ start: o, notifications: s, end: c, menuLabel: l = "Menú de navegación", menuCloseLabel: u, sidebarId: d }) {
-	let f = i(t), [p, m] = a(!1), h = f ? f.sidebar === "open" : p;
-	return /* @__PURE__ */ r("header", {
+	let f = n(t), [p, m] = r(!1), h = f ? f.sidebar === "open" : p;
+	return /* @__PURE__ */ a("header", {
 		className: "app-header",
 		children: [
-			/* @__PURE__ */ n(e, {
+			/* @__PURE__ */ i(e, {
 				isOpen: h,
 				onClick: f ? f.toggleSidebar : () => m((e) => !e),
 				label: l,
@@ -18,15 +18,15 @@ function o({ start: o, notifications: s, end: c, menuLabel: l = "Menú de navega
 				"aria-controls": d,
 				"aria-expanded": h
 			}),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ i("div", {
 				className: "app-header__start",
 				children: o
 			}),
-			s && /* @__PURE__ */ n("div", {
+			s && /* @__PURE__ */ i("div", {
 				className: "app-header__notifications",
 				children: s
 			}),
-			c && /* @__PURE__ */ n("div", {
+			c && /* @__PURE__ */ i("div", {
 				className: "app-header__end",
 				children: c
 			})

package/dist/app-launcher.js

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

package/dist/app-shell.js

@@ -4,24 +4,24 @@ 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 { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
+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";
 //#region src/stories/sections/AppShell/AppShell.tsx
 var d = "(min-width: 1024px)";
 function f() {
-	let [e, t] = u(() => typeof window > "u" ? !0 : window.matchMedia(d).matches);
-	return c(() => {
+	let [e, t] = c(() => typeof window > "u" ? !0 : window.matchMedia(d).matches);
+	return o(() => {
 		let e = window.matchMedia(d), 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] = u(m), [C, w] = u(!1), [T, E] = u(_), D = b ? h ?? x : C ? "open" : "closed", O = s((e) => {
+	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 = s(() => O(D === "open" ? "closed" : "open"), [O, D]), A = s(() => O("closed"), [O]), j = s((e) => {
+	}, [b, g]), k = a(() => O(D === "open" ? "closed" : "open"), [O, D]), A = a(() => O("closed"), [O]), j = a((e) => {
 		E(e), v?.(e);
 	}, [v]);
-	c(() => {
+	o(() => {
 		if (b || !C) return;
 		let e = (e) => {
 			e.key === "Escape" && w(!1);
@@ -32,7 +32,7 @@ function p({ header: r, sidebar: d, children: p, defaultSidebar: m = "open", sid
 			document.removeEventListener("keydown", e), document.body.style.overflow = t;
 		};
 	}, [b, C]);
-	let M = l(() => ({
+	let M = s(() => ({
 		sidebar: D,
 		setSidebar: O,
 		sidebarWidth: T ?? 0,
@@ -49,25 +49,25 @@ function p({ header: r, sidebar: d, children: p, defaultSidebar: m = "open", sid
 		A,
 		b
 	]), N = n({ "--app-shell-sidebar-width": T ? `${T}px` : void 0 }), P = !b && C;
-	return /* @__PURE__ */ a(i.Provider, {
+	return /* @__PURE__ */ l(i.Provider, {
 		value: M,
-		children: /* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(e, {
+		children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(e, {
 			href: "#main-content",
 			children: y
-		}), /* @__PURE__ */ o("div", {
+		}), /* @__PURE__ */ u("div", {
 			ref: N,
 			className: "app-shell",
 			"data-sidebar": D,
-			children: [r, /* @__PURE__ */ o("div", {
+			children: [r, /* @__PURE__ */ u("div", {
 				className: "app-shell__body",
 				children: [
 					d,
-					P && /* @__PURE__ */ a("div", {
+					P && /* @__PURE__ */ l("div", {
 						className: "app-shell__backdrop",
 						onClick: A,
 						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ a("main", {
+					/* @__PURE__ */ l("main", {
 						id: "main-content",
 						tabIndex: -1,
 						className: "app-shell__content",

package/dist/assistant-message.js

@@ -2,25 +2,25 @@ import './assistant-message.css';
 import { MessageBubble as e } from "./message-bubble.js";
 import { TypingIndicator as t } from "./typing-indicator.js";
 import { t as n } from "./_shared/messagetimestamp.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/stories/molecules/AssistantMessage/AssistantMessage.tsx
-var o = a(function({ children: a, model: o, timestamp: s, locale: c, timestampFormat: l, isStreaming: u = !1, streamingLabel: d, className: f, ...p }, m) {
+var o = r(function({ children: r, model: o, timestamp: s, locale: c, timestampFormat: l, isStreaming: u = !1, streamingLabel: d, className: f, ...p }, m) {
 	let h = n(s, c, l);
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		ref: m,
 		className: `assistant-message${f ? ` ${f}` : ""}`,
 		...p,
 		children: [
-			o && /* @__PURE__ */ r("span", {
+			o && /* @__PURE__ */ i("span", {
 				className: "assistant-message__model",
 				children: o
 			}),
-			/* @__PURE__ */ r(e, {
+			/* @__PURE__ */ i(e, {
 				role: "assistant",
-				children: u ? /* @__PURE__ */ r(t, { label: d }) : a
+				children: u ? /* @__PURE__ */ i(t, { label: d }) : r
 			}),
-			h && !u && /* @__PURE__ */ r("time", {
+			h && !u && /* @__PURE__ */ i("time", {
 				className: "assistant-message__timestamp",
 				dateTime: h.dateTime,
 				children: h.label

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 };