@studiolxd/brand 38.17.0 → 40.0.0

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