@studiolxd/brand 49.28.0 → 51.0.0

package/dist/email.js

@@ -223,29 +223,32 @@ function I(e) {
 			})
 		]
 	});
-	let { unsubscribeUrl: t, preferencesUrl: n, manageLabel: r = "Para dejar de recibir estos avisos,", unsubscribeLabel: o = n ? "Darse de baja" : "date de baja", manageBeforeLabel: s = " o ", managePreferencesLabel: c = "gestiona tus preferencias", manageAfterLabel: l = "." } = e, u = /* @__PURE__ */ i(h, {
+	let { unsubscribeUrl: t, preferencesUrl: n, unsubscribeLabel: r } = e, o = (e, t) => {
+		if (t === void 0) throw Error(`@studiolxd/brand/email: falta «optOut.${e}». El pie de baja no trae textos puestos: los pasa quien manda el correo, en el idioma del destinatario.`);
+		return t;
+	}, s = /* @__PURE__ */ i(h, {
 		href: t,
 		style: M.link,
-		children: o
+		children: o("unsubscribeLabel", r)
 	});
 	return n ? /* @__PURE__ */ a(v, {
 		style: M.footnote,
 		children: [
-			u,
 			s,
+			o("manageBeforeLabel", e.manageBeforeLabel),
 			/* @__PURE__ */ i(h, {
 				href: n,
 				style: M.link,
-				children: c
+				children: o("managePreferencesLabel", e.managePreferencesLabel)
 			}),
-			l
+			o("manageAfterLabel", e.manageAfterLabel)
 		]
 	}) : /* @__PURE__ */ a(v, {
 		style: M.footnote,
 		children: [
-			r,
+			o("manageLabel", e.manageLabel),
 			" ",
-			u
+			s
 		]
 	});
 }

package/dist/embed-frame.css

@@ -1 +1 @@
-.embed-frame{border:0;flex:auto;block-size:100%;min-block-size:0;inline-size:100%;display:block}.embed-frame.embed-frame--viewport{block-size:100dvh}
+.embed-frame{border:0;flex:auto;block-size:100%;min-block-size:0;inline-size:100%;display:block}.embed-frame.embed-frame--viewport{block-size:100dvh}.embed-frame.embed-frame--mobile,.embed-frame.embed-frame--tablet{max-inline-size:100%;margin-inline:auto}.embed-frame.embed-frame--mobile{inline-size:var(--embed-frame-device-mobile-width)}.embed-frame.embed-frame--tablet{inline-size:var(--embed-frame-device-tablet-width)}

package/dist/embed-frame.js

@@ -2,16 +2,17 @@ import './embed-frame.css';
 import { forwardRef as e } from "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/stories/atoms/EmbedFrame/EmbedFrame.tsx
-var n = e(function({ title: e, fill: n = "container", className: r, ...i }, a) {
+var n = e(function({ title: e, fill: n = "container", device: r = "desktop", className: i, ...a }, o) {
 	return /* @__PURE__ */ t("iframe", {
-		ref: a,
+		ref: o,
 		className: [
 			"embed-frame",
 			n === "viewport" ? "embed-frame--viewport" : "",
-			r
+			r === "desktop" ? "" : `embed-frame--${r}`,
+			i
 		].filter(Boolean).join(" "),
 		title: e,
-		...i
+		...a
 	});
 });
 //#endregion

package/dist/error-page.js

@@ -3,22 +3,22 @@ import { Columns as e } from "./columns.js";
 import { Stack as t } from "./stack.js";
 import { Paragraph as n } from "./paragraph.js";
 import { PageIntro as r } from "./page-intro.js";
-import { PublicPageShell as i } from "./public-page-shell.js";
+import { t as i } from "./_shared/publicpageshell.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/stories/templates/ErrorPage/ErrorPage.tsx
-function s({ title: s, description: c, homeAction: l, retryDescription: u, retryAction: d, header: f, footer: p, id: m = "main-content", shell: h = !0 }) {
+function s({ title: s, description: c, homeAction: l, retryDescription: u, retryAction: d, header: f, footer: p, id: m = "main-content", shell: h = !0, className: g }) {
 	return /* @__PURE__ */ a(i, {
 		header: f,
 		footer: p,
 		id: m,
 		shell: h,
 		children: /* @__PURE__ */ o(e, {
-			className: "error-page__content",
+			className: ["error-page__content", g].filter(Boolean).join(" "),
 			children: [/* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(r, {
 				title: s,
 				description: c
 			}), l] }), /* @__PURE__ */ o(t, { children: [u && /* @__PURE__ */ a(n, {
-				size: "large",
+				size: "lg",
 				children: u
 			}), d] })]
 		})

package/dist/fieldset.css

@@ -1 +1 @@
-.fieldset{border:none;min-inline-size:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fieldset__legend{margin-block:0;width:100%;margin-block-end:var(--fieldset-legend-space-after);margin-inline:0;padding-inline:0;display:block}.fieldset__legend.fieldset__legend--1{font-family:var(--text-h1-font-family);font-size:var(--text-h1-font-size);font-weight:var(--text-h1-font-weight);line-height:var(--text-h1-line-height);color:var(--text-h1-color);letter-spacing:var(--text-h1-letter-spacing)}.fieldset__legend.fieldset__legend--2{font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);font-weight:var(--text-h2-font-weight);line-height:var(--text-h2-line-height);color:var(--text-h2-color);letter-spacing:var(--text-h2-letter-spacing)}.fieldset__legend.fieldset__legend--3{font-family:var(--text-h3-font-family);font-size:var(--text-h3-font-size);font-weight:var(--text-h3-font-weight);line-height:var(--text-h3-line-height);color:var(--text-h3-color);letter-spacing:var(--text-h3-letter-spacing)}.fieldset__legend.fieldset__legend--4{font-family:var(--text-h4-font-family);font-size:var(--text-h4-font-size);font-weight:var(--text-h4-font-weight);line-height:var(--text-h4-line-height);color:var(--text-h4-color);letter-spacing:var(--text-h4-letter-spacing)}.fieldset__legend.fieldset__legend--5{font-family:var(--text-h5-font-family);font-size:var(--text-h5-font-size);font-weight:var(--text-h5-font-weight);line-height:var(--text-h5-line-height);color:var(--text-h5-color);letter-spacing:var(--text-h5-letter-spacing)}.fieldset__legend.fieldset__legend--6{font-family:var(--text-h6-font-family);font-size:var(--text-h6-font-size);font-weight:var(--text-h6-font-weight);line-height:var(--text-h6-line-height);color:var(--text-h6-color);letter-spacing:var(--text-h6-letter-spacing)}.fieldset__legend.fieldset__legend--size-1{font-size:var(--text-size-1)}.fieldset__legend.fieldset__legend--size-2{font-size:var(--text-size-2)}.fieldset__legend.fieldset__legend--size-3{font-size:var(--text-size-3)}.fieldset__legend.fieldset__legend--size-4{font-size:var(--text-size-4)}.fieldset__legend.fieldset__legend--size-5{font-size:var(--text-size-5)}.fieldset__legend.fieldset__legend--size-6{font-size:var(--text-size-6)}.fieldset__legend.fieldset__legend--size-7{font-size:var(--text-size-7)}.fieldset__legend.fieldset__legend--size-8{font-size:var(--text-size-8)}.fieldset__legend.fieldset__legend--size-9{font-size:var(--text-size-9)}.fieldset__legend.fieldset__legend--size-10{font-size:var(--text-size-10)}.fieldset__legend.fieldset__legend--thin{font-weight:var(--font-weight-thin)}.fieldset__legend.fieldset__legend--extralight{font-weight:var(--font-weight-extralight)}.fieldset__legend.fieldset__legend--light{font-weight:var(--font-weight-light)}.fieldset__legend.fieldset__legend--regular{font-weight:var(--font-weight-regular)}.fieldset__legend.fieldset__legend--medium{font-weight:var(--font-weight-medium)}.fieldset__legend.fieldset__legend--semibold{font-weight:var(--font-weight-semibold)}.fieldset__legend.fieldset__legend--bold{font-weight:var(--font-weight-bold)}.fieldset__legend.fieldset__legend--extrabold{font-weight:var(--font-weight-extrabold)}.fieldset__legend.fieldset__legend--black{font-weight:var(--font-weight-black)}
+.visually-hidden{clip-path:inset(50%);white-space:nowrap;border-width:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fieldset{border:none;min-inline-size:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fieldset__legend{margin-block:0;inline-size:100%;margin-block-end:var(--fieldset-legend-space-after);margin-inline:0;padding-inline:0;display:block}.fieldset__legend.fieldset__legend--1{font-family:var(--text-h1-font-family);font-size:var(--text-h1-font-size);font-weight:var(--text-h1-font-weight);line-height:var(--text-h1-line-height);color:var(--text-h1-color);letter-spacing:var(--text-h1-letter-spacing)}.fieldset__legend.fieldset__legend--2{font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);font-weight:var(--text-h2-font-weight);line-height:var(--text-h2-line-height);color:var(--text-h2-color);letter-spacing:var(--text-h2-letter-spacing)}.fieldset__legend.fieldset__legend--3{font-family:var(--text-h3-font-family);font-size:var(--text-h3-font-size);font-weight:var(--text-h3-font-weight);line-height:var(--text-h3-line-height);color:var(--text-h3-color);letter-spacing:var(--text-h3-letter-spacing)}.fieldset__legend.fieldset__legend--4{font-family:var(--text-h4-font-family);font-size:var(--text-h4-font-size);font-weight:var(--text-h4-font-weight);line-height:var(--text-h4-line-height);color:var(--text-h4-color);letter-spacing:var(--text-h4-letter-spacing)}.fieldset__legend.fieldset__legend--5{font-family:var(--text-h5-font-family);font-size:var(--text-h5-font-size);font-weight:var(--text-h5-font-weight);line-height:var(--text-h5-line-height);color:var(--text-h5-color);letter-spacing:var(--text-h5-letter-spacing)}.fieldset__legend.fieldset__legend--6{font-family:var(--text-h6-font-family);font-size:var(--text-h6-font-size);font-weight:var(--text-h6-font-weight);line-height:var(--text-h6-line-height);color:var(--text-h6-color);letter-spacing:var(--text-h6-letter-spacing)}.fieldset__legend.fieldset__legend--size-1{font-size:var(--text-size-1)}.fieldset__legend.fieldset__legend--size-2{font-size:var(--text-size-2)}.fieldset__legend.fieldset__legend--size-3{font-size:var(--text-size-3)}.fieldset__legend.fieldset__legend--size-4{font-size:var(--text-size-4)}.fieldset__legend.fieldset__legend--size-5{font-size:var(--text-size-5)}.fieldset__legend.fieldset__legend--size-6{font-size:var(--text-size-6)}.fieldset__legend.fieldset__legend--size-7{font-size:var(--text-size-7)}.fieldset__legend.fieldset__legend--size-8{font-size:var(--text-size-8)}.fieldset__legend.fieldset__legend--size-9{font-size:var(--text-size-9)}.fieldset__legend.fieldset__legend--size-10{font-size:var(--text-size-10)}

package/dist/fieldset.js

@@ -1,21 +1,21 @@
 import './fieldset.css';
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 //#region src/stories/atoms/Fieldset/Fieldset.tsx
-function n({ legend: n, level: r = 2, weight: i, size: a, className: o, id: s, disabled: c, children: l }) {
-	let u = [
+function n({ legend: n, legendHidden: r = !1, level: i = 2, size: a, className: o, id: s, disabled: c, "aria-describedby": l, children: u }) {
+	let d = r ? "visually-hidden" : [
 		"fieldset__legend",
-		`fieldset__legend--${r}`,
-		i && `fieldset__legend--${i}`,
+		`fieldset__legend--${i}`,
 		a && `fieldset__legend--size-${a}`
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ t("fieldset", {
 		className: ["fieldset", o].filter(Boolean).join(" "),
 		id: s,
 		disabled: c,
+		"aria-describedby": l,
 		children: [/* @__PURE__ */ e("legend", {
-			className: u,
+			className: d,
 			children: n
-		}), l]
+		}), u]
 	});
 }
 //#endregion

package/dist/figure.js

@@ -1,3 +1,4 @@
+'use client';
 import './figure.css';
 import { forwardRef as e } from "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";

package/dist/file-upload-field.js

@@ -1,43 +1,38 @@
 'use client';
 import './file-upload-field.css';
 import { n as e } from "./_shared/form-size.js";
-import { ErrorText as t } from "./error-text.js";
-import { Label as n } from "./label.js";
-import { FileUpload as r } from "./file-upload.js";
-import { n as i } from "./_shared/field-labels.js";
-import { forwardRef as a, useId as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { t } from "./_shared/fileupload.js";
+import { n } from "./_shared/field-optional.js";
+import { n as r } from "./_shared/field-labels.js";
+import { a as i, n as a } from "./_shared/fieldshell.js";
+import { forwardRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/stories/molecules/FileUploadField/FileUploadField.tsx
-var l = a(function({ id: a, label: l, labelHidden: u, errorMessage: d, helperText: f, error: p = !1, size: m, className: h, ...g }, _) {
-	let v = i(u), y = e(m), b = o(), x = a ?? b, S = d ? `${x}-error` : void 0, C = f ? `${x}-helper` : void 0, w = [S, C].filter(Boolean).join(" ") || void 0, T = p || !!d;
-	return /* @__PURE__ */ c("div", {
-		className: ["file-upload-field", h].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ s(n, {
-				htmlFor: x,
-				hidden: v,
-				size: y,
-				children: l
-			}),
-			/* @__PURE__ */ s(r, {
-				ref: _,
-				...g,
-				id: x,
-				size: y,
-				error: T,
-				"aria-describedby": w
-			}),
-			d && /* @__PURE__ */ s(t, {
-				id: S,
-				children: d
-			}),
-			f && /* @__PURE__ */ s("span", {
-				id: C,
-				className: "file-upload-field__helper",
-				children: f
-			})
-		]
+var c = o(function({ id: o, label: c, optional: l, optionalLabel: u, labelHidden: d, errorMessage: f, helperText: p, error: m = !1, size: h, className: g, ..._ }, v) {
+	let y = r(d), b = e(h), x = n(l, _.required), S = i({
+		id: o,
+		error: m,
+		errorMessage: f,
+		helperText: p
+	}), { id: C } = S;
+	return /* @__PURE__ */ s(a, {
+		field: S,
+		block: "file-upload-field",
+		className: g,
+		label: c,
+		optional: x,
+		optionalLabel: u,
+		labelHidden: y,
+		size: b,
+		children: /* @__PURE__ */ s(t, {
+			ref: v,
+			..._,
+			id: C,
+			size: b,
+			error: S.hasError,
+			"aria-describedby": S.describedBy
+		})
 	});
 });
 //#endregion
-export { l as FileUploadField };
+export { c as FileUploadField };

package/dist/file-upload.js

@@ -1,226 +1,3 @@
 'use client';
-import './file-upload.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Icon as t } from "./icon.js";
-import { VisuallyHidden as n } from "./visually-hidden.js";
-import { Spinner as r } from "./spinner.js";
-import { n as i } from "./_shared/form-size.js";
-import { t as ee } from "./_shared/progressbar.js";
-import { i as te, n as a, t as ne } from "./_shared/validate.js";
-import { forwardRef as o, useCallback as s, useEffect as c, useId as re, useRef as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/stories/atoms/FileUpload/FileUpload.tsx
-var m = /* @__PURE__ */ new WeakMap();
-function h(e) {
-	if (!e.type.startsWith("image/")) return;
-	let t = m.get(e);
-	return t || (t = URL.createObjectURL(e), m.set(e, t)), t;
-}
-function g(e) {
-	let t = m.get(e);
-	t && (URL.revokeObjectURL(t), m.delete(e));
-}
-function ie(e, t) {
-	typeof e == "function" ? e(t) : e && (e.current = t);
-}
-var _ = o(function({ multiple: o = !1, accept: m, maxSize: _, maxFiles: v, value: y, defaultValue: b = [], onChange: x, progress: S, uploading: C = !1, uploadingLabel: ae, uploadingLabelVisible: oe = !1, disabled: w = !1, error: T = !1, id: se, name: ce, describedBy: le, ariaLabel: ue, "aria-describedby": de, "aria-label": fe, required: pe, onBlur: me, className: he, locale: E = ne, dropzoneLabel: ge, dropzoneActiveLabel: _e, dropzoneHintLabel: ve, maxSizeHint: ye, maxFilesHint: be, filesLabel: xe, progressLabel: D, removeFileLabel: O, tooLargeError: k, invalidTypeError: A, size: j }, M) {
-	let N = e("fileUpload"), P = i(j), F = P === "sm" ? "sm" : P === "lg" ? "lg" : "md", I = y !== void 0, [L, R] = u(b), [z, B] = u(/* @__PURE__ */ new Map()), [V, H] = u(!1), U = l(/* @__PURE__ */ new Set()), W = l(null), Se = re(), G = se ?? `file-upload-${Se}`, K = I ? y : L;
-	c(() => {
-		K.forEach((e) => U.current.add(e));
-	}, [K]), c(() => {
-		let e = U.current;
-		return () => {
-			e.forEach(g);
-		};
-	}, []);
-	let q = s((e) => {
-		if (w || C) return;
-		let t = Array.from(e), n = I ? y ?? [] : L, r = new Map(z), i = [...n];
-		for (let e of t) {
-			if (v !== void 0 && i.filter((e) => !r.has(e)).length >= v) break;
-			let t = te(e, m, _, N("tooLarge", k), N("invalidType", A), E);
-			t && r.set(e, t), i.push(e);
-		}
-		B(r), I || R(i), x?.(i.filter((e) => !r.has(e)));
-	}, [
-		w,
-		C,
-		m,
-		_,
-		v,
-		I,
-		y,
-		L,
-		z,
-		x,
-		N,
-		k,
-		A,
-		E
-	]), Ce = s((e) => {
-		if (C) return;
-		let t = (I ? y ?? [] : L).filter((t) => t !== e), n = new Map(z);
-		n.delete(e), g(e), B(n), I || R(t), x?.(t.filter((e) => !n.has(e))), W.current && (W.current.value = "");
-	}, [
-		C,
-		I,
-		y,
-		L,
-		z,
-		x
-	]), we = (e) => {
-		e.target.files && q(e.target.files);
-	}, Te = (e) => {
-		e.preventDefault(), !w && !C && H(!0);
-	}, Ee = (e) => {
-		e.preventDefault(), H(!1);
-	}, De = (e) => {
-		e.preventDefault(), H(!1), !w && !C && e.dataTransfer.files && q(e.dataTransfer.files);
-	}, Oe = () => {
-		!w && !C && W.current?.click();
-	}, J = [
-		"file-upload",
-		P === "md" ? "" : `file-upload--${P}`,
-		V ? "file-upload--dragging" : "",
-		T ? "file-upload--error" : "",
-		w ? "file-upload--disabled" : "",
-		C ? "file-upload--uploading" : "",
-		K.length > 0 ? "file-upload--has-files" : "",
-		he ?? ""
-	].filter(Boolean).join(" "), Y = `${G}-hint`, ke = [le ?? de, Y].filter(Boolean).join(" "), X = N("dropzone", ge), Z = N("dropzoneHint", ve), Q = C ? N("uploading", ae) : "", Ae = C && oe, $ = [];
-	return m && $.push(m), _ && $.push(N("maxSize", ye)(a(_, E))), o && v && $.push(N("maxFiles", be)(v)), /* @__PURE__ */ p("div", {
-		className: J,
-		children: [
-			/* @__PURE__ */ f(n, { children: /* @__PURE__ */ f("input", {
-				ref: (e) => {
-					W.current = e, ie(M, e);
-				},
-				type: "file",
-				id: G,
-				name: ce,
-				multiple: o,
-				accept: m,
-				disabled: w,
-				required: pe,
-				"aria-label": ue ?? fe,
-				"aria-describedby": ke,
-				"aria-invalid": T || void 0,
-				"aria-busy": C || void 0,
-				"aria-disabled": C || void 0,
-				onClick: C ? (e) => e.preventDefault() : void 0,
-				onChange: we,
-				onBlur: me
-			}) }),
-			/* @__PURE__ */ f("div", {
-				className: "file-upload__dropzone",
-				onClick: Oe,
-				onDragOver: Te,
-				onDragLeave: Ee,
-				onDrop: De,
-				"aria-hidden": "true",
-				children: C ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("span", {
-					className: "file-upload__icon",
-					children: /* @__PURE__ */ f(r, {
-						size: F,
-						"aria-hidden": !0
-					})
-				}), Ae && /* @__PURE__ */ f("span", {
-					className: "file-upload__text",
-					children: Q
-				})] }) : /* @__PURE__ */ p(d, { children: [
-					/* @__PURE__ */ f(t, {
-						name: "upload",
-						size: F,
-						className: "file-upload__icon"
-					}),
-					/* @__PURE__ */ f("span", {
-						className: "file-upload__text",
-						children: V ? N("dropzoneActive", _e) : X
-					}),
-					/* @__PURE__ */ f("span", {
-						className: "file-upload__text file-upload__text--secondary",
-						children: Z
-					}),
-					$.length > 0 && /* @__PURE__ */ f("span", {
-						className: "file-upload__subtext",
-						children: $.join(" · ")
-					})
-				] })
-			}),
-			/* @__PURE__ */ f(n, {
-				id: Y,
-				children: [
-					X,
-					Z,
-					...$
-				].join(". ")
-			}),
-			C && /* @__PURE__ */ f(n, {
-				role: "status",
-				"aria-live": "polite",
-				"aria-atomic": "false",
-				children: Q
-			}),
-			K.length > 0 && /* @__PURE__ */ f("ul", {
-				className: "file-upload__list",
-				"aria-label": N("files", xe),
-				children: K.map((e, n) => {
-					let r = z.get(e), i = h(e);
-					return /* @__PURE__ */ p("li", {
-						className: `file-upload__item${r ? " file-upload__item--error" : ""}`,
-						children: [
-							/* @__PURE__ */ f("div", {
-								className: "file-upload__item-thumb",
-								"aria-hidden": "true",
-								children: i ? /* @__PURE__ */ f("img", {
-									src: i,
-									alt: ""
-								}) : /* @__PURE__ */ f(t, {
-									name: "file-text",
-									size: "sm"
-								})
-							}),
-							/* @__PURE__ */ p("div", {
-								className: "file-upload__item-info",
-								children: [
-									/* @__PURE__ */ f("span", {
-										className: "file-upload__item-name",
-										children: e.name
-									}),
-									/* @__PURE__ */ f("span", {
-										className: "file-upload__item-size",
-										children: a(e.size, E)
-									}),
-									r && /* @__PURE__ */ f("span", {
-										className: "file-upload__item-error-msg",
-										role: "alert",
-										children: r
-									})
-								]
-							}),
-							/* @__PURE__ */ f("button", {
-								className: "file-upload__item-remove",
-								type: "button",
-								onClick: () => Ce(e),
-								"aria-disabled": C || void 0,
-								"aria-label": N("removeFile", O)(e.name),
-								children: /* @__PURE__ */ f(t, {
-									name: "close",
-									size: "sm"
-								})
-							})
-						]
-					}, `${e.name}-${e.size}-${n}`);
-				})
-			}),
-			S !== void 0 && /* @__PURE__ */ f(ee, {
-				value: S,
-				label: N("progress", D),
-				size: "sm",
-				className: "file-upload__progress"
-			})
-		]
-	});
-});
-//#endregion
-export { _ as FileUpload };
+import { t as e } from "./_shared/fileupload.js";
+export { e as FileUpload };

package/dist/fileupload.css

@@ -0,0 +1 @@
+.file-upload{inline-size:100%}.file-upload__dropzone{--_drop-color:var(--file-upload-border-color);--_drop-bg:var(--file-upload-bg);--_dash:var(--file-upload-border-dash-length);--_gap:var(--file-upload-border-dash-gap)}.file-upload.file-upload--sm{--file-upload-padding-block:var(--file-upload-sm-padding-block);--file-upload-padding-inline:var(--file-upload-sm-padding-inline);--file-upload-text-font-size:var(--file-upload-sm-text-font-size);--file-upload-subtext-font-size:var(--file-upload-sm-subtext-font-size);--file-upload-thumb-size:var(--file-upload-sm-thumb-size);--file-upload-item-name-font-size:var(--file-upload-sm-item-name-font-size)}.file-upload.file-upload--lg{--file-upload-padding-block:var(--file-upload-lg-padding-block);--file-upload-padding-inline:var(--file-upload-lg-padding-inline);--file-upload-text-font-size:var(--file-upload-lg-text-font-size);--file-upload-subtext-font-size:var(--file-upload-lg-subtext-font-size);--file-upload-thumb-size:var(--file-upload-lg-thumb-size);--file-upload-item-name-font-size:var(--file-upload-lg-item-name-font-size)}.file-upload__dropzone{justify-content:center;align-items:center;gap:var(--file-upload-gap);inline-size:100%;padding-block:var(--file-upload-padding-block);padding-inline:var(--file-upload-padding-inline);background-image:repeating-linear-gradient(90deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(90deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(180deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap))), repeating-linear-gradient(180deg, var(--_drop-color) 0, var(--_drop-color) var(--_dash), transparent var(--_dash), transparent calc(var(--_dash) + var(--_gap)));background-size:100% var(--file-upload-border-width), 100% var(--file-upload-border-width), var(--file-upload-border-width) 100%, var(--file-upload-border-width) 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-color:var(--_drop-bg);color:var(--file-upload-text-color);cursor:pointer;transition:background-image var(--file-upload-transition-duration) var(--file-upload-transition-easing), background-color var(--file-upload-transition-duration) var(--file-upload-transition-easing);text-align:center;box-sizing:border-box;outline:none;flex-direction:column;display:flex}.file-upload:has(input[type=file]:focus-visible) .file-upload__dropzone{outline:var(--input-focus-ring-width) solid var(--input-focus-ring-color);outline-offset:var(--file-upload-remove-focus-ring-offset)}.file-upload.file-upload--dragging .file-upload__dropzone{--_drop-color:var(--file-upload-drag-border-color);--_drop-bg:var(--file-upload-drag-bg)}.file-upload.file-upload--error .file-upload__dropzone{--_drop-color:var(--file-upload-error-border-color);--_drop-bg:var(--file-upload-error-bg)}.file-upload.file-upload--disabled .file-upload__dropzone{opacity:var(--file-upload-disabled-opacity);cursor:var(--file-upload-disabled-cursor);pointer-events:none}.file-upload.file-upload--uploading .file-upload__dropzone{cursor:progress;pointer-events:none}.file-upload.file-upload--uploading span.file-upload__icon{display:flex}.file-upload.file-upload--uploading .file-upload__item-remove{pointer-events:none}.file-upload__icon{color:var(--file-upload-icon-color);flex-shrink:0;margin-block-end:var(--file-upload-gap)}.file-upload__text{font-family:var(--file-upload-text-font-family);font-size:var(--file-upload-text-font-size);font-weight:var(--file-upload-text-font-weight);color:var(--file-upload-text-color)}.file-upload__text--secondary{color:var(--file-upload-subtext-color);font-weight:var(--file-upload-subtext-font-weight)}.file-upload__subtext{font-family:var(--file-upload-text-font-family);font-size:var(--file-upload-subtext-font-size);color:var(--file-upload-subtext-color);margin-block-start:var(--file-upload-gap)}.file-upload__list{gap:var(--file-upload-list-gap);flex-direction:column;margin:0;margin-block-start:var(--file-upload-list-margin-block-start);padding:0;list-style:none;display:flex}.file-upload__item{align-items:center;gap:var(--file-upload-item-gap);padding-block:var(--file-upload-item-padding-block);padding-inline:var(--file-upload-item-padding-inline);border-width:var(--file-upload-item-border-width);border-style:solid;border-color:var(--file-upload-item-border-color);border-radius:var(--file-upload-item-border-radius);background-color:var(--file-upload-item-bg);display:flex}.file-upload__item.file-upload__item--error{border-color:var(--file-upload-item-error-border-color);background-color:var(--file-upload-item-error-bg)}.file-upload__item-thumb{inline-size:var(--file-upload-thumb-size);block-size:var(--file-upload-thumb-size);border-radius:var(--file-upload-thumb-border-radius);background-color:var(--file-upload-thumb-bg);color:var(--file-upload-thumb-icon-color);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.file-upload__item-thumb img{object-fit:cover;block-size:100%;inline-size:100%}.file-upload__item-info{gap:var(--file-upload-item-info-gap);flex-direction:column;flex:1;min-inline-size:0;display:flex}.file-upload__item-name{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-name-font-size);font-weight:var(--file-upload-item-name-font-weight);color:var(--file-upload-item-name-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-upload__item-size{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-size-font-size);color:var(--file-upload-item-size-color)}.file-upload__item-error-msg{font-family:var(--file-upload-item-name-font-family);font-size:var(--file-upload-item-error-font-size);color:var(--file-upload-item-error-color)}.file-upload__item-remove{cursor:pointer;color:var(--file-upload-remove-color);transition:color var(--file-upload-transition-duration) var(--file-upload-transition-easing);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.file-upload__item-remove:hover{color:var(--file-upload-remove-hover-color)}.file-upload__item-remove:focus-visible{outline:var(--input-focus-ring-width) solid var(--input-focus-ring-color);outline-offset:var(--file-upload-remove-focus-ring-offset);border-radius:var(--file-upload-remove-border-radius)}.file-upload__progress{margin-block-start:var(--file-upload-progress-margin-block-start)}

package/dist/filter-bar.css

@@ -1 +1 @@
-.filter-bar{gap:var(--filter-bar-gap);flex-direction:column;display:flex}.filter-bar__search{inline-size:100%}.filter-bar__row{column-gap:var(--filter-bar-column-gap);row-gap:var(--filter-bar-row-gap);grid-template-columns:1fr;display:grid}.filter-bar__filters{display:contents}.filter-bar__filter{min-inline-size:0}.filter-bar__actions{align-items:stretch;gap:var(--filter-bar-actions-gap);flex-direction:column;min-inline-size:0;display:flex}.filter-bar__actions>*{inline-size:100%}@media (width>=768px){.filter-bar__row{grid-template-columns:repeat(auto-fit, minmax(calc((100% - var(--filter-bar-column-gap)) / 2), 1fr))}.filter-bar__actions{flex-flow:wrap;align-items:center}.filter-bar__actions>*{inline-size:auto}:is(.filter-bar__row:has(.label:not(.visually-hidden)) .filter-bar__filter:not(:has(.label:not(.visually-hidden))),.filter-bar__row:has(.label:not(.visually-hidden))>.filter-bar__actions){align-self:start;padding-block-start:var(--filter-bar-label-offset)}.filter-bar__row:has(.label:not(.visually-hidden)) .filter-bar__filter:not(:has(.label:not(.visually-hidden))){block-size:calc(var(--filter-bar-label-offset) + var(--filter-bar-control-block-size));flex-direction:column;justify-content:center;display:flex}.filter-bar__row:has(.label:not(.visually-hidden))>.filter-bar__actions{min-block-size:calc(var(--filter-bar-label-offset) + var(--filter-bar-control-block-size))}}@media (width>=1024px){.filter-bar__row{grid-template-columns:repeat(auto-fit, minmax(calc((100% - 3 * var(--filter-bar-column-gap)) / 4), 1fr))}}
+.filter-bar{gap:var(--filter-bar-gap);flex-direction:column;display:flex}.filter-bar__search{inline-size:100%}.filter-bar__row{column-gap:var(--filter-bar-column-gap);row-gap:var(--filter-bar-row-gap);grid-template-columns:1fr;display:grid}.filter-bar__filters{display:contents}.filter-bar__filter{min-inline-size:0}.filter-bar__actions{align-items:stretch;gap:var(--filter-bar-actions-gap);flex-direction:column;min-inline-size:0;display:flex}.filter-bar__actions>*{inline-size:100%}@media (width>=768px){.filter-bar__row{grid-template-columns:repeat(auto-fit, minmax(calc((100% - var(--filter-bar-column-gap)) / 2), 1fr))}.filter-bar__actions{flex-flow:wrap;align-items:center}.filter-bar__actions>*{inline-size:auto}:is(.filter-bar__row:has(.label:not(.visually-hidden)) .filter-bar__filter:not(:has(.label:not(.visually-hidden))),.filter-bar__row:has(.label:not(.visually-hidden))>.filter-bar__actions){align-self:start;padding-block-start:var(--filter-bar-label-offset)}.filter-bar__row:has(.label:not(.visually-hidden)) .filter-bar__filter:not(:has(.label:not(.visually-hidden))){block-size:calc(var(--filter-bar-label-offset) + var(--filter-bar-control-height));flex-direction:column;justify-content:center;display:flex}.filter-bar__row:has(.label:not(.visually-hidden))>.filter-bar__actions{min-block-size:calc(var(--filter-bar-label-offset) + var(--filter-bar-control-height))}}@media (width>=1024px){.filter-bar__row{grid-template-columns:repeat(auto-fit, minmax(calc((100% - 3 * var(--filter-bar-column-gap)) / 4), 1fr))}}

package/dist/filter-bar.js

@@ -1,33 +1,38 @@
 'use client';
 import './filter-bar.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Children as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { n as e } from "./_shared/env.js";
+import { r as t } from "./_shared/brandmessagescontext.js";
+import { Children as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/stories/messages/es/filterBar.ts
+var a = { label: "Filtros" };
+//#endregion
 //#region src/stories/molecules/FilterBar/FilterBar.tsx
-function i({ search: i, children: a, actions: o, ariaLabel: s, className: c, ...l }) {
-	let u = e("filterBar"), d = t.toArray(a);
-	return /* @__PURE__ */ r("div", {
-		className: ["filter-bar", c].filter(Boolean).join(" "),
+function o({ search: o, children: s, actions: c, "aria-label": l, ariaLabel: u, className: d, ...f }) {
+	u !== void 0 && e("FilterBar", "ariaLabel", "`aria-label`");
+	let p = l ?? u, m = t("filterBar", a), h = n.toArray(s);
+	return /* @__PURE__ */ i("div", {
+		className: ["filter-bar", d].filter(Boolean).join(" "),
 		role: "search",
-		"aria-label": u("label", s),
-		...l,
-		children: [i && /* @__PURE__ */ n("div", {
+		"aria-label": m("label", p),
+		...f,
+		children: [o && /* @__PURE__ */ r("div", {
 			className: "filter-bar__search",
-			children: i
-		}), (d.length > 0 || o) && /* @__PURE__ */ r("div", {
+			children: o
+		}), (h.length > 0 || c) && /* @__PURE__ */ i("div", {
 			className: "filter-bar__row",
-			children: [d.length > 0 && /* @__PURE__ */ n("div", {
+			children: [h.length > 0 && /* @__PURE__ */ r("div", {
 				className: "filter-bar__filters",
-				children: d.map((e, t) => /* @__PURE__ */ n("div", {
+				children: h.map((e, t) => /* @__PURE__ */ r("div", {
 					className: "filter-bar__filter",
 					children: e
 				}, t))
-			}), o && /* @__PURE__ */ n("div", {
+			}), c && /* @__PURE__ */ r("div", {
 				className: "filter-bar__actions",
-				children: o
+				children: c
 			})]
 		})]
 	});
 }
 //#endregion
-export { i as FilterBar };
+export { o as FilterBar };

package/dist/floating-dock.css

@@ -1 +1 @@
-.floating-dock{z-index:var(--floating-dock-z-index);gap:var(--floating-dock-gap);flex-direction:column;display:flex;position:fixed}.floating-dock[data-position^=bottom]{--floating-dock-enter-direction:1;flex-direction:column-reverse;inset-block-end:calc(var(--floating-dock-offset-block) + env(safe-area-inset-bottom))}.floating-dock[data-position^=top]{--floating-dock-enter-direction:-1;flex-direction:column;inset-block-start:calc(var(--floating-dock-offset-block) + env(safe-area-inset-top))}.floating-dock[data-position$=end]{align-items:flex-end;inset-inline-end:calc(var(--floating-dock-offset-inline) + env(safe-area-inset-right))}.floating-dock[data-position$=start]{align-items:flex-start;inset-inline-start:calc(var(--floating-dock-offset-inline) + env(safe-area-inset-left))}.floating-dock__trigger{inline-size:var(--floating-dock-trigger-size);block-size:var(--floating-dock-trigger-size);position:relative}.floating-dock__trigger .icon{--icon-size:var(--floating-dock-trigger-icon-size)}.floating-dock__badge{--number-badge-danger-bg:var(--floating-dock-badge-fill);--number-badge-danger-color:var(--floating-dock-badge-color);position:absolute;inset-block-start:var(--floating-dock-badge-offset);inset-inline-end:var(--floating-dock-badge-offset);translate:50% -50%}.floating-dock__panel{box-sizing:border-box;gap:var(--floating-dock-panel-gap);inline-size:var(--floating-dock-panel-inline-size);max-inline-size:calc(100vw - 2 * var(--floating-dock-offset-inline));block-size:var(--floating-dock-panel-block-size);max-block-size:calc(100dvh - 2 * var(--floating-dock-offset-block) - var(--floating-dock-trigger-size) - var(--floating-dock-gap));min-block-size:0;padding-block:var(--floating-dock-panel-padding-block);padding-inline:var(--floating-dock-panel-padding-inline);background-color:var(--floating-dock-panel-bg);border-width:var(--floating-dock-panel-border-width);border-style:solid;border-color:var(--floating-dock-panel-border-color);border-radius:var(--floating-dock-panel-border-radius);box-shadow:var(--floating-dock-panel-shadow);transition-property:opacity,translate;transition-duration:var(--floating-dock-transition-duration);transition-timing-function:var(--floating-dock-transition-easing);outline:none;flex-direction:column;display:flex;position:relative}.floating-dock__panel[data-starting-style],.floating-dock__panel[data-ending-style]{opacity:0;translate:0 calc(var(--floating-dock-enter-direction) * var(--floating-dock-panel-enter-offset))}.floating-dock__panel:focus-visible{outline:var(--floating-dock-focus-ring-width) solid var(--floating-dock-focus-ring-color);outline-offset:var(--floating-dock-focus-ring-offset)}.floating-dock__header{gap:var(--floating-dock-header-gap);flex-direction:column;padding-inline-end:var(--floating-dock-close-size);display:flex}.floating-dock__title{color:var(--floating-dock-title-color);font-size:var(--floating-dock-title-font-size);font-weight:var(--floating-dock-title-font-weight);margin:0}.floating-dock__description{font-size:var(--floating-dock-description-font-size);color:var(--floating-dock-description-color);margin:0}.floating-dock__close.close-button{--close-button-size:var(--floating-dock-close-size);--close-button-icon-size:var(--floating-dock-close-icon-size);--close-button-color:var(--floating-dock-close-color);--close-button-focus-ring-width:var(--floating-dock-close-focus-ring-width);--close-button-focus-ring-offset:var(--floating-dock-close-focus-ring-offset);--close-button-focus-ring-color:var(--floating-dock-close-focus-ring-color);position:absolute;inset-block-start:var(--floating-dock-panel-padding-block);inset-inline-end:var(--floating-dock-panel-padding-inline)}.floating-dock__body{flex:1;min-block-size:0;overflow-y:auto}
+.floating-dock{z-index:var(--floating-dock-z-index);gap:var(--floating-dock-gap);flex-direction:column;display:flex;position:fixed}.floating-dock[data-position^=bottom]{--floating-dock-enter-direction:1;flex-direction:column-reverse;inset-block-end:calc(var(--floating-dock-offset-block) + env(safe-area-inset-bottom))}.floating-dock[data-position^=top]{--floating-dock-enter-direction:-1;flex-direction:column;inset-block-start:calc(var(--floating-dock-offset-block) + env(safe-area-inset-top))}.floating-dock[data-position$=end]{align-items:flex-end;inset-inline-end:calc(var(--floating-dock-offset-inline) + env(safe-area-inset-right))}.floating-dock[data-position$=start]{align-items:flex-start;inset-inline-start:calc(var(--floating-dock-offset-inline) + env(safe-area-inset-left))}.floating-dock__trigger{inline-size:var(--floating-dock-trigger-size);block-size:var(--floating-dock-trigger-size);position:relative}.floating-dock__trigger .icon{--icon-size:var(--floating-dock-trigger-icon-size)}.floating-dock__badge{--number-badge-error-bg:var(--floating-dock-badge-fill);--number-badge-error-color:var(--floating-dock-badge-color);position:absolute;inset-block-start:var(--floating-dock-badge-offset);inset-inline-end:var(--floating-dock-badge-offset);translate:50% -50%}.floating-dock__panel{box-sizing:border-box;gap:var(--floating-dock-panel-gap);inline-size:var(--floating-dock-panel-width);max-inline-size:calc(100vw - 2 * var(--floating-dock-offset-inline));block-size:var(--floating-dock-panel-height);max-block-size:calc(100dvh - 2 * var(--floating-dock-offset-block) - var(--floating-dock-trigger-size) - var(--floating-dock-gap));min-block-size:0;padding-block:var(--floating-dock-panel-padding-block);padding-inline:var(--floating-dock-panel-padding-inline);background-color:var(--floating-dock-panel-bg);border-width:var(--floating-dock-panel-border-width);border-style:solid;border-color:var(--floating-dock-panel-border-color);border-radius:var(--floating-dock-panel-border-radius);box-shadow:var(--floating-dock-panel-shadow);transition-property:opacity,translate;transition-duration:var(--floating-dock-transition-duration);transition-timing-function:var(--floating-dock-transition-easing);outline:none;flex-direction:column;display:flex;position:relative}.floating-dock__panel[data-starting-style],.floating-dock__panel[data-ending-style]{opacity:0;translate:0 calc(var(--floating-dock-enter-direction) * var(--floating-dock-panel-enter-offset))}.floating-dock__panel:focus-visible{outline:var(--floating-dock-focus-ring-width) solid var(--floating-dock-focus-ring-color);outline-offset:var(--floating-dock-focus-ring-offset)}.floating-dock__header{gap:var(--floating-dock-header-gap);flex-direction:column;padding-inline-end:var(--floating-dock-close-size);display:flex}.floating-dock__title{color:var(--floating-dock-title-color);font-size:var(--floating-dock-title-font-size);font-weight:var(--floating-dock-title-font-weight);margin:0}.floating-dock__description{font-size:var(--floating-dock-description-font-size);color:var(--floating-dock-description-color);margin:0}.floating-dock__close.close-button{--close-button-size:var(--floating-dock-close-size);--close-button-icon-size:var(--floating-dock-close-icon-size);--close-button-color:var(--floating-dock-close-color);--close-button-focus-ring-width:var(--floating-dock-close-focus-ring-width);--close-button-focus-ring-offset:var(--floating-dock-close-focus-ring-offset);--close-button-focus-ring-color:var(--floating-dock-close-focus-ring-color);position:absolute;inset-block-start:var(--floating-dock-panel-padding-block);inset-inline-end:var(--floating-dock-panel-padding-inline)}.floating-dock__body{flex:1;min-block-size:0;overflow-y:auto}