@studiolxd/brand 39.0.0 → 40.0.0

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),

package/dist/avatar-upload.js

@@ -7,30 +7,30 @@ import { Button as r } from "./button.js";
 import { Avatar as i } from "./avatar.js";
 import { ErrorText as ee } from "./error-text.js";
 import { n as te, t as a } from "./_shared/validate.js";
-import { t as o } from "./_shared/env.js";
-import { t as ne } from "./_shared/imagecropdialog.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useCallback as l, useEffect as u, useId as re, useRef as d, useState as f } from "react";
+import { t as ne } from "./_shared/env.js";
+import { t as re } from "./_shared/imagecropdialog.js";
+import { useCallback as ie, 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";
 //#region src/stories/molecules/AvatarUpload/AvatarUpload.tsx
-var ie = {
+var ae = {
 	sm: "2xl",
 	md: "3xl",
 	lg: "4xl"
-}, p = {
+}, f = {
 	sm: "md",
 	md: "lg",
 	lg: "xl"
 };
-function m(e) {
+function p(e) {
 	return e.split(",").map((e) => e.trim()).filter(Boolean).map((e) => e.startsWith(".") ? e.slice(1) : e.split("/")[1] ?? e).map((e) => e.toUpperCase()).join(", ");
 }
-function h({ src: h, name: ae, alt: g, shape: _ = "circle", size: oe, accept: v = "image/jpeg,image/png,image/webp", maxSize: y, outputMimeType: b = "image/jpeg", outputSize: x, disabled: se = !1, busy: S = !1, errorMessage: ce, onChange: le, onSelect: C, onError: w, buttonLabel: T = "Subir", buttonAccessibleLabel: ue, hintLabel: de, formatsLabel: fe, maxSizeHint: pe = (e) => `máx. ${e}`, invalidTypeError: E = (e) => `Formato no admitido. Se aceptan ${e}.`, tooLargeError: D = (e) => `El archivo pesa demasiado. El máximo es ${e}.`, dropActiveMessage: me = "Suelta la imagen sobre el avatar para subirla", dropHintLabel: O = "…o arrastra la imagen hasta el avatar", cropTitle: he = "Recortar imagen", cropDescription: k, cropCancelLabel: A = "Cancelar", cropConfirmLabel: j = "Guardar", cropCloseLabel: M = "Cerrar", cropLoadingLabel: N, cropErrorMessage: P, className: F }) {
-	let I = n(oe), L = d(null), R = d(null), [z, B] = f(null), [V, H] = f(!1), [ge, U] = f(!1), [_e, W] = f(null), G = re(), K = `${G}-hint`, q = `${G}-error`, J = fe ?? m(v), Y = de ?? [J, y === void 0 ? null : pe(a(y))].filter(Boolean).join(" · "), X = _e ?? ce, Z = se || S, Q = ue ?? T;
-	o() && !Q.toLowerCase().includes(T.toLowerCase()) && console.warn(`[AvatarUpload] El nombre accesible del botón ("${Q}") no contiene su texto visible ("${T}"). WCAG 2.5.3 (Label in Name) lo exige: quien navega por voz dice lo que ve, y con estos textos no encontraría el control.`), u(() => {
+function m({ src: m, name: oe, alt: h, shape: g = "circle", size: se, accept: _ = "image/jpeg,image/png,image/webp", maxSize: v, outputMimeType: y = "image/jpeg", outputSize: b, disabled: x = !1, busy: S = !1, errorMessage: ce, onChange: le, onSelect: C, onError: w, buttonLabel: T = "Subir", buttonAccessibleLabel: ue, hintLabel: de, formatsLabel: fe, maxSizeHint: pe = (e) => `máx. ${e}`, invalidTypeError: E = (e) => `Formato no admitido. Se aceptan ${e}.`, tooLargeError: D = (e) => `El archivo pesa demasiado. El máximo es ${e}.`, dropActiveMessage: me = "Suelta la imagen sobre el avatar para subirla", dropHintLabel: O = "…o arrastra la imagen hasta el avatar", cropTitle: he = "Recortar imagen", cropDescription: k, cropCancelLabel: A = "Cancelar", cropConfirmLabel: j = "Guardar", cropCloseLabel: M = "Cerrar", cropLoadingLabel: N, cropErrorMessage: P, className: F }) {
+	let I = n(se), L = c(null), R = c(null), [z, B] = l(null), [V, H] = l(!1), [ge, U] = l(!1), [_e, W] = l(null), G = s(), K = `${G}-hint`, q = `${G}-error`, J = fe ?? p(_), Y = de ?? [J, v === void 0 ? null : pe(a(v))].filter(Boolean).join(" · "), X = _e ?? ce, Z = x || S, Q = ue ?? T;
+	ne() && !Q.toLowerCase().includes(T.toLowerCase()) && console.warn(`[AvatarUpload] El nombre accesible del botón ("${Q}") no contiene su texto visible ("${T}"). WCAG 2.5.3 (Label in Name) lo exige: quien navega por voz dice lo que ve, y con estos textos no encontraría el control.`), o(() => {
 		R.current = z;
-	}, [z]), u(() => () => {
+	}, [z]), o(() => () => {
 		R.current && URL.revokeObjectURL(R.current.url);
-	}, []), u(() => {
+	}, []), o(() => {
 		if (Z) return;
 		let e = 0, t = (e) => Array.from(e.dataTransfer?.types ?? []).includes("Files"), n = (n) => {
 			t(n) && (e += 1, H(!0));
@@ -43,8 +43,8 @@ function h({ src: h, name: ae, alt: g, shape: _ = "circle", size: oe, accept: v
 			window.removeEventListener("dragenter", n), window.removeEventListener("dragleave", r), window.removeEventListener("drop", i), window.removeEventListener("dragend", i), H(!1);
 		};
 	}, [Z]);
-	let $ = l((e) => {
-		let t = te(e, v, y, D, E(J));
+	let $ = ie((e) => {
+		let t = te(e, _, v, D, E(J));
 		if (t) {
 			W(t), w?.(t);
 			return;
@@ -54,8 +54,8 @@ function h({ src: h, name: ae, alt: g, shape: _ = "circle", size: oe, accept: v
 			file: e
 		});
 	}, [
+		_,
 		v,
-		y,
 		D,
 		E,
 		J,
@@ -66,17 +66,17 @@ function h({ src: h, name: ae, alt: g, shape: _ = "circle", size: oe, accept: v
 	}, ye = async (e) => {
 		z && await le(e, z.file);
 	};
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ d("div", {
 		className: [
 			"avatar-upload",
-			_ === "square" ? "avatar-upload--square" : "",
+			g === "square" ? "avatar-upload--square" : "",
 			V ? "avatar-upload--armed" : "",
 			ge ? "avatar-upload--over" : "",
 			Z ? "avatar-upload--inert" : "",
 			F ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ d("div", {
 				className: "avatar-upload__target",
 				onClick: () => {
 					Z || L.current?.click();
@@ -95,29 +95,29 @@ function h({ src: h, name: ae, alt: g, shape: _ = "circle", size: oe, accept: v
 					let t = e.dataTransfer.files?.[0];
 					t && $(t);
 				},
-				children: [/* @__PURE__ */ s(i, {
-					src: h ?? void 0,
-					name: ae,
-					...g === void 0 ? {} : { alt: g },
-					shape: _,
-					size: ie[I]
-				}), /* @__PURE__ */ s("span", {
+				children: [/* @__PURE__ */ u(i, {
+					src: m ?? void 0,
+					name: oe,
+					...h === void 0 ? {} : { alt: h },
+					shape: g,
+					size: ae[I]
+				}), /* @__PURE__ */ u("span", {
 					className: "avatar-upload__overlay",
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ s(e, {
+					children: /* @__PURE__ */ u(e, {
 						name: "upload",
-						size: p[I]
+						size: f[I]
 					})
 				})]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ d("div", {
 				className: "avatar-upload__body",
 				children: [
-					/* @__PURE__ */ s("input", {
+					/* @__PURE__ */ u("input", {
 						ref: L,
 						type: "file",
 						className: "avatar-upload__input",
-						accept: v,
+						accept: _,
 						tabIndex: -1,
 						"aria-hidden": "true",
 						disabled: Z,
@@ -126,7 +126,7 @@ function h({ src: h, name: ae, alt: g, shape: _ = "circle", size: oe, accept: v
 							t && $(t), e.target.value = "";
 						}
 					}),
-					/* @__PURE__ */ s(r, {
+					/* @__PURE__ */ u(r, {
 						variant: "outline",
 						size: I,
 						disabled: Z,
@@ -135,31 +135,31 @@ function h({ src: h, name: ae, alt: g, shape: _ = "circle", size: oe, accept: v
 						"aria-describedby": [Y ? K : null, X ? q : null].filter(Boolean).join(" ") || void 0,
 						children: T
 					}),
-					Y && /* @__PURE__ */ s(t, {
+					Y && /* @__PURE__ */ u(t, {
 						id: K,
 						children: Y
 					}),
-					O && /* @__PURE__ */ s("span", {
+					O && /* @__PURE__ */ u("span", {
 						className: "avatar-upload__hint",
 						children: O
 					}),
-					X && /* @__PURE__ */ s(ee, {
+					X && /* @__PURE__ */ u(ee, {
 						id: q,
 						children: X
 					})
 				]
 			}),
-			/* @__PURE__ */ s(t, {
+			/* @__PURE__ */ u(t, {
 				role: "status",
 				children: V ? me : ""
 			}),
-			/* @__PURE__ */ s(ne, {
+			/* @__PURE__ */ u(re, {
 				sourceUrl: z?.url ?? null,
 				title: he,
 				description: k,
-				circularCrop: _ === "circle",
-				outputMimeType: b,
-				...x === void 0 ? {} : { outputSize: x },
+				circularCrop: g === "circle",
+				outputMimeType: y,
+				...b === void 0 ? {} : { outputSize: b },
 				busy: S,
 				cancelLabel: A,
 				confirmLabel: j,
@@ -173,4 +173,4 @@ function h({ src: h, name: ae, alt: g, shape: _ = "circle", size: oe, accept: v
 	});
 }
 //#endregion
-export { h as AvatarUpload };
+export { m as AvatarUpload };

package/dist/avatar.js

@@ -1,27 +1,27 @@
 'use client';
 import './avatar.css';
-import { jsx as e } from "react/jsx-runtime";
-import { useState as t } from "react";
+import { useState as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/stories/atoms/Avatar/Avatar.tsx
 function n(e) {
 	let t = e.trim().split(/\s+/);
 	return t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[1][0]).toUpperCase();
 }
 function r({ src: r, alt: i, name: a, size: o = "md", shape: s = "circle", className: c }) {
-	let [l, u] = t(!1), d = [
+	let [l, u] = e(!1), d = [
 		"avatar",
 		`avatar--${o}`,
 		s === "square" ? "avatar--square" : "",
 		c
 	].filter(Boolean).join(" ");
-	if (r && !l) return /* @__PURE__ */ e("img", {
+	if (r && !l) return /* @__PURE__ */ t("img", {
 		src: r,
 		alt: i ?? a ?? "",
 		className: d,
 		onError: () => u(!0)
 	});
 	let f = i ?? a ?? "";
-	return /* @__PURE__ */ e("span", {
+	return /* @__PURE__ */ t("span", {
 		className: `${d} avatar--initials`,
 		...f ? {
 			role: "img",

package/dist/banner.js

@@ -1,33 +1,33 @@
 'use client';
 import './banner.css';
 import { CloseButton as e } from "./close-button.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/stories/molecules/Banner/Banner.tsx
-var i = r(function({ variant: r = "info", children: i, actions: a, onDismiss: o, dismissLabel: s = "Descartar aviso", className: c, role: l, "aria-live": u, ...d }, f) {
+var i = t(function({ variant: t = "info", children: i, actions: a, onDismiss: o, dismissLabel: s = "Descartar aviso", className: c, role: l, "aria-live": u, ...d }, f) {
 	let p = [
 		"banner",
-		`banner--${r}`,
-		r === "info" ? "surface-dark" : "",
+		`banner--${t}`,
+		t === "info" ? "surface-dark" : "",
 		o ? "banner--dismissible" : "",
 		c ?? ""
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ r("div", {
 		ref: f,
 		role: l ?? "status",
 		"aria-live": u ?? "polite",
 		className: p,
 		...d,
 		children: [
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: "banner__content",
 				children: i
 			}),
-			a && /* @__PURE__ */ t("div", {
+			a && /* @__PURE__ */ n("div", {
 				className: "banner__actions",
 				children: a
 			}),
-			o && /* @__PURE__ */ t(e, {
+			o && /* @__PURE__ */ n(e, {
 				className: "banner__close",
 				label: s,
 				onClick: o

package/dist/button.js

@@ -1,15 +1,15 @@
 'use client';
 import './button.css';
 import { n as e } from "./_shared/form-size.js";
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 import { useRender as r } from "@base-ui/react/use-render";
 //#region src/stories/atoms/Button/Button.tsx
-var i = n(function({ variant: n = "primary", tone: i = "accent", destructive: a = !1, size: o, block: s = !1, iconOnly: c = !1, children: l, type: u = "button", disabled: d, onClick: f, href: p, external: m = !1, render: h, className: g, ..._ }, v) {
+var i = t(function({ variant: t = "primary", tone: i = "accent", destructive: a = !1, size: o, block: s = !1, iconOnly: c = !1, children: l, type: u = "button", disabled: d, onClick: f, href: p, external: m = !1, render: h, className: g, ..._ }, v) {
 	let y = e(o), b = [
 		"button",
-		`button--${n}`,
-		n === "text" && i === "ink" ? "button--ink" : "",
+		`button--${t}`,
+		t === "text" && i === "ink" ? "button--ink" : "",
 		a ? "button--destructive-intent" : "",
 		y === "md" ? "" : `button--${y}`,
 		s === "mobile" ? "button--block-mobile" : s ? "button--block" : "",
@@ -33,7 +33,7 @@ var i = n(function({ variant: n = "primary", tone: i = "accent", destructive: a
 			..._,
 			children: l
 		}
-	}) || (p === void 0 ? /* @__PURE__ */ t("button", {
+	}) || (p === void 0 ? /* @__PURE__ */ n("button", {
 		ref: v,
 		className: b,
 		type: u,
@@ -41,7 +41,7 @@ var i = n(function({ variant: n = "primary", tone: i = "accent", destructive: a
 		onClick: f,
 		..._,
 		children: l
-	}) : /* @__PURE__ */ t("a", {
+	}) : /* @__PURE__ */ n("a", {
 		ref: v,
 		className: b,
 		href: d ? void 0 : p,