@studiolxd/brand 49.28.0 → 51.0.0

package/dist/language-switcher.js

@@ -1,79 +1,75 @@
 'use client';
 import './language-switcher.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { DropdownField as t } from "./dropdown-field.js";
-import { jsx as n } from "react/jsx-runtime";
+import { r as e } from "./_shared/brandmessagescontext.js";
+import { t } from "./_shared/default-render-link.js";
+import { DropdownField as n } from "./dropdown-field.js";
+import { useId as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/stories/messages/es/languageSwitcher.ts
+var a = { label: "Idioma" };
+//#endregion
 //#region src/stories/molecules/LanguageSwitcher/LanguageSwitcher.tsx
-function r({ href: e, lang: t, children: r, className: i, "aria-current": a }) {
-	return /* @__PURE__ */ n("a", {
-		href: e,
-		lang: t,
-		className: i,
-		"aria-current": a,
-		children: r
-	});
-}
-function i({ languages: i, value: a, onChange: o, label: s, id: c = "language-switcher", labelHidden: l, variant: u = "compact", layout: d = "inline", size: f = "md", hrefFor: p, renderLink: m = r, className: h }) {
-	let g = e("languageSwitcher")("label", s);
-	if (u === "list") return /* @__PURE__ */ n("nav", {
+function o({ languages: o, value: s, onChange: c, label: l, id: u, labelHidden: d, variant: f = "compact", layout: p = "inline", size: m = "md", hrefFor: h, renderLink: g = t, className: _ }) {
+	let v = r(), y = u ?? v, b = e("languageSwitcher", a)("label", l);
+	if (f === "list") return /* @__PURE__ */ i("nav", {
 		className: [
 			"language-switcher",
 			"language-switcher--list",
-			h
+			_
 		].filter(Boolean).join(" "),
-		"aria-label": g,
-		children: /* @__PURE__ */ n("ul", {
+		"aria-label": b,
+		children: /* @__PURE__ */ i("ul", {
 			className: "language-switcher__list",
-			children: i.map(({ code: e, label: t }) => {
-				let r = e === a, i = ["language-switcher__option", r ? "language-switcher__option--current" : ""].filter(Boolean).join(" ");
-				return /* @__PURE__ */ n("li", { children: r ? /* @__PURE__ */ n("span", {
+			children: o.map(({ code: e, label: t }) => {
+				let n = e === s, r = ["language-switcher__option", n ? "language-switcher__option--current" : ""].filter(Boolean).join(" ");
+				return /* @__PURE__ */ i("li", { children: n ? /* @__PURE__ */ i("span", {
 					lang: e,
-					className: i,
+					className: r,
 					"aria-current": "true",
 					children: t
-				}) : p ? m({
-					href: p(e),
+				}) : h ? g({
+					href: h(e),
 					lang: e,
-					className: i,
+					className: r,
 					children: t
-				}) : /* @__PURE__ */ n("button", {
+				}) : /* @__PURE__ */ i("button", {
 					type: "button",
 					lang: e,
-					className: i,
-					onClick: () => o?.(e),
+					className: r,
+					onClick: () => c?.(e),
 					children: t
 				}) }, e);
 			})
 		})
 	});
-	let _ = [
+	let x = [
 		"language-switcher",
 		"language-switcher--compact",
-		h
+		_
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ n(t, {
-		id: c,
-		label: g,
-		labelHidden: l,
-		inline: d === "inline",
-		size: f,
+	return /* @__PURE__ */ i(n, {
+		id: y,
+		label: b,
+		labelHidden: d,
+		inline: p === "inline",
+		size: m,
 		align: "end",
-		className: _,
-		value: a,
-		onValueChange: (e) => o?.(e),
-		items: i.map(({ code: e, label: t }) => ({
+		className: x,
+		value: s,
+		onValueChange: (e) => c?.(e),
+		items: o.map(({ code: e, label: t }) => ({
 			type: "radio",
 			value: e,
-			label: /* @__PURE__ */ n("span", {
+			label: /* @__PURE__ */ i("span", {
 				lang: e,
 				children: t
 			})
 		})),
-		children: /* @__PURE__ */ n("span", {
-			lang: a,
-			children: i.find((e) => e.code === a)?.label ?? a
+		children: /* @__PURE__ */ i("span", {
+			lang: s,
+			children: o.find((e) => e.code === s)?.label ?? s
 		})
 	});
 }
 //#endregion
-export { i as LanguageSwitcher };
+export { o as LanguageSwitcher };

package/dist/legal-footer.js

@@ -1,45 +1,3 @@
 'use client';
-import './legal-footer.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Container as t } from "./container.js";
-import { Heading as n } from "./heading.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/stories/sections/LegalFooter/LegalFooter.tsx
-function a({ children: e, ...t }) {
-	return /* @__PURE__ */ r("a", {
-		...t,
-		children: e
-	});
-}
-function o({ label: o, title: s, links: c, renderLink: l = a, width: u = "xl", surface: d, className: f }) {
-	let p = e("legalFooter");
-	return /* @__PURE__ */ r("footer", {
-		className: [
-			"legal-footer",
-			d === "dark" && "surface-dark",
-			f
-		].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ i(t, {
-			width: u,
-			innerClassName: "legal-footer__inner",
-			children: [s && /* @__PURE__ */ r(n, {
-				level: 2,
-				size: 6,
-				className: "legal-footer__title",
-				children: s
-			}), /* @__PURE__ */ r("nav", {
-				"aria-label": p("label", o),
-				children: /* @__PURE__ */ r("ul", {
-					className: "legal-footer__links",
-					children: c.map((e) => /* @__PURE__ */ r("li", { children: l({
-						href: e.href,
-						className: "legal-footer__link link--ink",
-						children: e.label
-					}) }, e.id))
-				})
-			})]
-		})
-	});
-}
-//#endregion
-export { o as LegalFooter };
+import { t as e } from "./_shared/legalfooter.js";
+export { e as LegalFooter };

package/dist/link.css

@@ -1 +1 @@
-:where(button.link){appearance:none;font:inherit;text-align:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0}a:where(:not(.button)),:where(.link){color:var(--link-color);box-shadow:inset 0 calc(-1 * var(--link-underline-width)) 0 0 currentColor;cursor:var(--link-cursor);padding-block-end:var(--link-underline-offset);text-decoration:none}:where(.link),:where(.stack>a:not([class])){inline-size:fit-content}a:where(:not(.button)):hover,:where(.link):hover{color:var(--link-hover-color);box-shadow:inset 0 calc(-1 * var(--link-hover-underline-width)) 0 0 currentColor}a:focus-visible,:where(.link):focus-visible{outline:var(--link-focus-ring-width) solid var(--link-focus-ring-color);outline-offset:var(--link-focus-ring-offset)}.link--with-icon{align-items:center;gap:var(--link-icon-gap);display:inline-flex}.link__icon{flex-shrink:0}.link--ink{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-underline-width)) 0 0 currentColor}.link--ink:hover{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-hover-underline-width)) 0 0 currentColor}.link--accent-1{color:var(--link-accent-1-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-underline-width)) 0 0 currentColor}.link--accent-1:hover{color:var(--link-accent-1-hover-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-hover-underline-width)) 0 0 currentColor}
+:where(button.link){appearance:none;font:inherit;text-align:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0}a:where(:not(.button)),:where(.link){color:var(--link-color);-webkit-text-decoration-line:var(--link-state-decoration-line,var(--link-decoration-line));text-decoration-line:var(--link-state-decoration-line,var(--link-decoration-line));text-decoration-thickness:var(--link-state-underline-width,var(--link-underline-width));-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-position:under;text-underline-offset:calc(var(--link-underline-offset) - var(--link-state-underline-width,var(--link-underline-width)));cursor:var(--link-cursor);padding-block-end:var(--link-underline-offset)}:where(.link),:where(.stack>a:not([class])){inline-size:fit-content}:where(p,label,h1,h2,h3,h4,h5,h6,.prose){--link-decoration-line:var(--link-in-text-decoration-line);--link-hover-decoration-line:var(--link-in-text-hover-decoration-line);--link-underline-width:var(--link-in-text-underline-width);--link-hover-underline-width:var(--link-in-text-hover-underline-width)}@property --link-state-decoration-line{syntax:"*";inherits:false}@property --link-state-underline-width{syntax:"*";inherits:false}a:where(:not(.button)):hover,:where(.link):hover{color:var(--link-hover-color);--link-state-decoration-line:var(--link-hover-decoration-line);--link-state-underline-width:var(--link-hover-underline-width)}a:focus-visible,:where(.link):focus-visible{outline:var(--link-focus-ring-width) solid var(--link-focus-ring-color);outline-offset:var(--link-focus-ring-offset)}.link--with-icon{align-items:center;gap:var(--link-icon-gap);display:inline-flex}.link__icon{flex-shrink:0}.link--ink{color:var(--link-ink-color);-webkit-text-decoration-line:var(--link-ink-decoration-line);text-decoration-line:var(--link-ink-decoration-line);text-decoration-thickness:var(--link-ink-underline-width);text-underline-offset:calc(var(--link-underline-offset) - var(--link-ink-underline-width))}.link--ink:hover{color:var(--link-ink-color);-webkit-text-decoration-line:var(--link-ink-hover-decoration-line);text-decoration-line:var(--link-ink-hover-decoration-line);text-decoration-thickness:var(--link-ink-hover-underline-width);text-underline-offset:calc(var(--link-underline-offset) - var(--link-ink-hover-underline-width))}.link--accent-1{color:var(--link-accent-1-color);-webkit-text-decoration-line:var(--link-accent-1-decoration-line);text-decoration-line:var(--link-accent-1-decoration-line);text-decoration-thickness:var(--link-accent-1-underline-width);text-underline-offset:calc(var(--link-underline-offset) - var(--link-accent-1-underline-width))}.link--accent-1:hover{color:var(--link-accent-1-hover-color);-webkit-text-decoration-line:var(--link-accent-1-hover-decoration-line);text-decoration-line:var(--link-accent-1-hover-decoration-line);text-decoration-thickness:var(--link-accent-1-hover-underline-width);text-underline-offset:calc(var(--link-underline-offset) - var(--link-accent-1-hover-underline-width))}

package/dist/list.js

@@ -15,31 +15,31 @@ var r = e(function({ type: e = "unordered", showSeparators: n = !1, className: r
 		children: i
 	});
 }), i = e(function({ as: e = "li", leading: r, secondary: i, trailing: a, className: o, children: s, ...c }, l) {
-	let u = ["list__item", o ?? ""].filter(Boolean).join(" "), d = i != null && i !== !1, f = r != null && r !== !1, p = a != null && a !== !1;
-	return !d && !p && !f ? /* @__PURE__ */ t(e, {
+	let u = e, d = ["list__item", o ?? ""].filter(Boolean).join(" "), f = i != null && i !== !1, p = r != null && r !== !1, m = a != null && a !== !1;
+	return !f && !m && !p ? /* @__PURE__ */ t(u, {
 		ref: l,
-		className: u,
+		className: d,
 		...c,
 		children: s
-	}) : /* @__PURE__ */ t(e, {
+	}) : /* @__PURE__ */ t(u, {
 		ref: l,
-		className: u,
+		className: d,
 		...c,
 		children: /* @__PURE__ */ n("div", {
 			className: "list__item-row",
 			children: [
-				f && /* @__PURE__ */ t("div", {
+				p && /* @__PURE__ */ t("div", {
 					className: "list__item-leading",
 					children: r
 				}),
 				/* @__PURE__ */ n("div", {
 					className: "list__item-main",
-					children: [s, d && /* @__PURE__ */ t("div", {
+					children: [s, f && /* @__PURE__ */ t("div", {
 						className: "list__item-secondary",
 						children: i
 					})]
 				}),
-				p && /* @__PURE__ */ t("div", {
+				m && /* @__PURE__ */ t("div", {
 					className: "list__item-trailing",
 					children: a
 				})

package/dist/loading-region.css

@@ -1 +1 @@
-.loading-region{gap:var(--loading-region-gap);flex-direction:column;display:flex}.skeleton-text,.skeleton-list,.skeleton-table{flex-direction:column;display:flex}.skeleton-text{gap:var(--loading-region-text-gap)}.skeleton-list{gap:var(--loading-region-list-gap)}.skeleton-table{gap:var(--loading-region-table-gap)}.skeleton-text .skeleton.skeleton-text__line--last{width:var(--loading-region-text-last-line-width)}.skeleton-list .skeleton.skeleton-list__row{height:var(--loading-region-list-row-height)}.skeleton-table .skeleton.skeleton-table__header{height:var(--loading-region-table-header-height)}.skeleton-table .skeleton.skeleton-table__row{height:var(--loading-region-table-row-height)}.skeleton-grid{gap:var(--loading-region-grid-gap);display:grid}.skeleton-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.skeleton-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-grid .skeleton.skeleton-grid__item{height:var(--loading-region-grid-item-height)}
+.loading-region{gap:var(--loading-region-gap);flex-direction:column;display:flex}.skeleton-text,.skeleton-list,.skeleton-table{flex-direction:column;display:flex}.skeleton-text{gap:var(--loading-region-text-gap)}.skeleton-list{gap:var(--loading-region-list-gap)}.skeleton-table{gap:var(--loading-region-table-gap)}.skeleton-text .skeleton.skeleton-text__line--last{inline-size:var(--loading-region-text-last-line-width)}.skeleton-list .skeleton.skeleton-list__row{block-size:var(--loading-region-list-row-height)}.skeleton-table .skeleton.skeleton-table__header{block-size:var(--loading-region-table-header-height)}.skeleton-table .skeleton.skeleton-table__row{block-size:var(--loading-region-table-row-height)}.skeleton-grid{gap:var(--loading-region-grid-gap);display:grid}.skeleton-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.skeleton-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-grid .skeleton.skeleton-grid__item{block-size:var(--loading-region-grid-item-height)}

package/dist/loading-region.js

@@ -1,61 +1,62 @@
 'use client';
 import './loading-region.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { VisuallyHidden as t } from "./visually-hidden.js";
-import { Skeleton as n } from "./skeleton.js";
-import { useId as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { t as n } from "./_shared/spinner.js";
+import { Skeleton as r } from "./skeleton.js";
+import { useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/stories/molecules/LoadingRegion/LoadingRegion.tsx
-function o({ label: n, announce: o = !0, children: s, className: c, ...l }) {
-	let u = e("spinner"), d = r(), f = ["loading-region", c].filter(Boolean).join(" ");
-	return o ? /* @__PURE__ */ a("div", {
-		className: f,
+function s({ label: r, announce: s = !0, children: c, className: l, ...u }) {
+	let d = e("spinner", n), f = i(), p = ["loading-region", l].filter(Boolean).join(" ");
+	return s ? /* @__PURE__ */ o("div", {
+		className: p,
 		role: "status",
 		"aria-busy": "true",
-		"aria-labelledby": d,
-		...l,
-		children: [/* @__PURE__ */ i(t, {
-			id: d,
-			children: u("label", n)
-		}), s]
-	}) : /* @__PURE__ */ i("div", {
-		className: f,
+		"aria-labelledby": f,
+		...u,
+		children: [/* @__PURE__ */ a(t, {
+			id: f,
+			children: d("label", r)
+		}), c]
+	}) : /* @__PURE__ */ a("div", {
+		className: p,
 		"aria-hidden": "true",
-		...l,
-		children: s
+		...u,
+		children: c
 	});
 }
-function s(e) {
+function c(e) {
 	return Array.from({ length: Math.max(0, Math.floor(e)) }, (e, t) => t);
 }
-function c({ lines: e = 3 }) {
-	return /* @__PURE__ */ i("div", {
-		className: "skeleton-text",
+function l({ lines: e = 3, className: t }) {
+	return /* @__PURE__ */ a("div", {
+		className: ["skeleton-text", t].filter(Boolean).join(" "),
 		"aria-hidden": "true",
-		children: s(e).map((t) => /* @__PURE__ */ i(n, { className: ["skeleton-text__line", t === e - 1 && e > 1 ? "skeleton-text__line--last" : ""].filter(Boolean).join(" ") }, t))
+		children: c(e).map((t) => /* @__PURE__ */ a(r, { className: ["skeleton-text__line", t === e - 1 && e > 1 ? "skeleton-text__line--last" : ""].filter(Boolean).join(" ") }, t))
 	});
 }
-function l({ rows: e = 4 }) {
-	return /* @__PURE__ */ i("div", {
-		className: "skeleton-list",
+function u({ rows: e = 4, className: t }) {
+	return /* @__PURE__ */ a("div", {
+		className: ["skeleton-list", t].filter(Boolean).join(" "),
 		"aria-hidden": "true",
-		children: s(e).map((e) => /* @__PURE__ */ i(n, { className: "skeleton-list__row" }, e))
+		children: c(e).map((e) => /* @__PURE__ */ a(r, { className: "skeleton-list__row" }, e))
 	});
 }
-function u({ rows: e = 4 }) {
-	return /* @__PURE__ */ a("div", {
-		className: "skeleton-table",
+function d({ rows: e = 4, className: t }) {
+	return /* @__PURE__ */ o("div", {
+		className: ["skeleton-table", t].filter(Boolean).join(" "),
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ i(n, { className: "skeleton-table__header" }), s(e).map((e) => /* @__PURE__ */ i(n, { className: "skeleton-table__row" }, e))]
+		children: [/* @__PURE__ */ a(r, { className: "skeleton-table__header" }), c(e).map((e) => /* @__PURE__ */ a(r, { className: "skeleton-table__row" }, e))]
 	});
 }
-function d({ columns: e = 3, rows: t = 2 }) {
-	return /* @__PURE__ */ i("div", {
-		className: "skeleton-grid",
+function f({ columns: e = 3, rows: t = 2, className: n }) {
+	return /* @__PURE__ */ a("div", {
+		className: ["skeleton-grid", n].filter(Boolean).join(" "),
 		"data-columns": e,
 		"aria-hidden": "true",
-		children: s(e * t).map((e) => /* @__PURE__ */ i(n, { className: "skeleton-grid__item" }, e))
+		children: c(e * t).map((e) => /* @__PURE__ */ a(r, { className: "skeleton-grid__item" }, e))
 	});
 }
 //#endregion
-export { o as LoadingRegion, d as SkeletonGrid, l as SkeletonList, u as SkeletonTable, c as SkeletonText };
+export { s as LoadingRegion, f as SkeletonGrid, u as SkeletonList, d as SkeletonTable, l as SkeletonText };

package/dist/loading-state.css

@@ -1 +1 @@
-.loading-state{justify-content:center;align-items:center;gap:var(--loading-state-gap);block-size:100%;min-block-size:var(--loading-state-min-block-size);padding-block:var(--loading-state-padding-block);padding-inline:var(--loading-state-padding-inline);text-align:center;flex-direction:column;flex:auto;display:flex}.loading-state__spinner{color:var(--loading-state-spinner-color);display:flex}.loading-state__label{font-family:var(--loading-state-label-font-family);font-size:var(--loading-state-label-font-size);color:var(--loading-state-label-color);margin-block:0;margin-inline:0}.loading-state.loading-state--sm .loading-state__label{font-size:var(--loading-state-sm-label-font-size)}.loading-state.loading-state--sm{min-block-size:var(--loading-state-sm-min-block-size);padding-block:var(--loading-state-sm-padding-block)}.loading-state.loading-state--fill{min-block-size:calc(100dvh - var(--app-shell-chrome-block-start,0px) - 2 * var(--section-padding-block-lg))}
+.loading-state{justify-content:center;align-items:center;gap:var(--loading-state-gap);block-size:100%;min-block-size:var(--loading-state-min-height);padding-block:var(--loading-state-padding-block);padding-inline:var(--loading-state-padding-inline);text-align:center;flex-direction:column;flex:auto;display:flex}.loading-state__spinner{color:var(--loading-state-spinner-color);display:flex}.loading-state__label{font-family:var(--loading-state-label-font-family);font-size:var(--loading-state-label-font-size);color:var(--loading-state-label-color);margin-block:0;margin-inline:0}.loading-state.loading-state--sm .loading-state__label{font-size:var(--loading-state-sm-label-font-size)}.loading-state.loading-state--sm{min-block-size:var(--loading-state-sm-min-height);padding-block:var(--loading-state-sm-padding-block)}.loading-state.loading-state--fill{min-block-size:calc(100dvh - var(--app-shell-chrome-block-start,0px) - 2 * var(--section-padding-block-lg))}

package/dist/loading-state.js

@@ -1,52 +1,53 @@
 'use client';
 import './loading-state.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { VisuallyHidden as t } from "./visually-hidden.js";
-import { Spinner as n } from "./spinner.js";
-import { Button as r } from "./button.js";
-import { useId as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { t as n } from "./_shared/spinner.js";
+import { Spinner as r } from "./spinner.js";
+import { Button as i } from "./button.js";
+import { useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/molecules/LoadingState/LoadingState.tsx
-function s({ label: s, labelVisible: c = !1, size: l = "md", fill: u = !1, action: d, className: f, ...p }) {
-	let m = e("spinner"), h = i(), g = m("label", s), _ = c && !!s;
-	return /* @__PURE__ */ o("div", {
+function c({ label: c, labelVisible: l = !1, size: u = "md", fill: d = !1, action: f, className: p, ...m }) {
+	let h = e("spinner", n), g = a(), _ = h("label", c), v = l && !!c;
+	return /* @__PURE__ */ s("div", {
 		className: [
 			"loading-state",
-			l === "sm" ? "loading-state--sm" : "",
-			u ? "loading-state--fill" : "",
-			f
+			u === "sm" ? "loading-state--sm" : "",
+			d ? "loading-state--fill" : "",
+			p
 		].filter(Boolean).join(" "),
 		role: "status",
 		"aria-busy": "true",
-		"aria-labelledby": h,
+		"aria-labelledby": g,
 		"aria-live": "polite",
 		"aria-atomic": "false",
-		...p,
+		...m,
 		children: [
-			/* @__PURE__ */ a("span", {
+			/* @__PURE__ */ o("span", {
 				className: "loading-state__spinner",
-				children: /* @__PURE__ */ a(n, {
-					size: l === "sm" ? "md" : "lg",
+				children: /* @__PURE__ */ o(r, {
+					size: u === "sm" ? "md" : "lg",
 					"aria-hidden": !0
 				})
 			}),
-			_ ? /* @__PURE__ */ a("p", {
-				id: h,
+			v ? /* @__PURE__ */ o("p", {
+				id: g,
 				className: "loading-state__label",
-				children: g
-			}) : /* @__PURE__ */ a(t, {
-				id: h,
-				children: g
+				children: _
+			}) : /* @__PURE__ */ o(t, {
+				id: g,
+				children: _
 			}),
-			d && /* @__PURE__ */ a(r, {
+			f && /* @__PURE__ */ o(i, {
 				variant: "outline",
-				size: l === "sm" ? "sm" : "md",
-				onClick: d.onClick,
-				href: d.href,
-				children: d.label
+				size: u === "sm" ? "sm" : "md",
+				onClick: f.onClick,
+				href: f.href,
+				children: f.label
 			})
 		]
 	});
 }
 //#endregion
-export { s as LoadingState };
+export { c as LoadingState };

package/dist/logo.css

@@ -1 +1 @@
-.logo{inline-size:auto;block-size:var(--logo-height-md);color:var(--logo-color);fill:currentColor;display:block}.logo.logo--sm{block-size:var(--logo-height-sm)}.logo.logo--md{block-size:var(--logo-height-md)}.logo.logo--lg{block-size:var(--logo-height-lg)}.logo.logo--xl{block-size:var(--logo-height-xl)}.logo.logo--xxl{block-size:var(--logo-height-xxl)}
+.logo{inline-size:auto;block-size:var(--logo-height-md);color:var(--logo-color);fill:currentColor;display:block}.logo.logo--sm{block-size:var(--logo-height-sm)}.logo.logo--md{block-size:var(--logo-height-md)}.logo.logo--lg{block-size:var(--logo-height-lg)}.logo.logo--xl{block-size:var(--logo-height-xl)}.logo.logo--2xl{block-size:var(--logo-height-2xl)}

package/dist/menu-button.js

@@ -1,29 +1,3 @@
 'use client';
-import './menu-button.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Icon as t } from "./icon.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/stories/atoms/MenuButton/MenuButton.tsx
-var i = n(function({ isOpen: n = !1, label: i, closeLabel: a, size: o = "md", className: s, ...c }, l) {
-	let u = e("menuButton");
-	return /* @__PURE__ */ r("button", {
-		ref: l,
-		type: "button",
-		className: [
-			"menu-button",
-			`menu-button--${o}`,
-			s
-		].filter(Boolean).join(" "),
-		"aria-label": n ? u("close", a) : u("open", i),
-		"aria-expanded": n,
-		...c,
-		children: /* @__PURE__ */ r(t, {
-			name: "menu",
-			size: o === "lg" ? "lg" : "md",
-			className: "menu-button__icon"
-		})
-	});
-});
-//#endregion
-export { i as MenuButton };
+import { t as e } from "./_shared/menubutton.js";
+export { e as MenuButton };

package/dist/menu.css

@@ -1 +1 @@
-@keyframes menu-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes menu-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.menu__content{box-sizing:border-box;background-color:var(--menu-bg);border-width:var(--menu-border-width);border-style:solid;border-color:var(--menu-border-color);border-radius:var(--menu-border-radius);box-shadow:var(--menu-shadow);padding-block:var(--menu-padding-block);transform-origin:var(--transform-origin);max-height:var(--menu-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;padding-inline:0;overflow-y:auto}.menu__content[data-open]{animation:menu-open var(--menu-transition-duration) var(--menu-transition-easing)}.menu__content[data-closed]{animation:menu-close var(--menu-transition-duration) var(--menu-transition-easing)}.menu__item{align-items:center;gap:var(--menu-item-icon-gap);padding-block:var(--menu-item-padding-block);padding-inline:var(--menu-item-padding-inline);margin-inline:var(--menu-padding-inline);border-radius:var(--menu-item-border-radius);font-family:var(--menu-item-font-family);font-size:var(--menu-item-font-size);font-weight:var(--menu-item-font-weight);line-height:var(--menu-item-line-height);color:var(--menu-item-color);cursor:var(--menu-item-cursor);box-shadow:none;transition:background-color var(--menu-transition-duration) var(--menu-transition-easing), color var(--menu-transition-duration) var(--menu-transition-easing);outline:none;text-decoration:none;display:flex}.menu__item:focus-visible{outline:none}.menu__item[data-highlighted]{background-color:var(--menu-item-highlighted-bg);color:var(--menu-item-highlighted-color)}.menu__item:is(a):hover:not([data-highlighted]),.menu__item:is(a):focus-visible:not([data-highlighted]){color:var(--menu-item-color);box-shadow:none}.menu__item.menu__item--destructive:is(a):hover:not([data-highlighted]),.menu__item.menu__item--destructive:is(a):focus-visible:not([data-highlighted]){color:var(--menu-item-destructive-color)}.menu__item[data-disabled]{opacity:var(--menu-disabled-opacity);cursor:not-allowed;pointer-events:none}.menu__item.menu__item--destructive{color:var(--menu-item-destructive-color)}.menu__item.menu__item--destructive[data-highlighted]{background-color:var(--menu-item-destructive-highlighted-bg);color:var(--menu-item-destructive-highlighted-color)}.menu__item svg{width:var(--menu-item-icon-size);height:var(--menu-item-icon-size);flex-shrink:0}.menu__label{padding-block:var(--menu-label-padding-block);padding-inline:var(--menu-label-padding-inline);font-family:var(--menu-item-font-family);font-size:var(--menu-label-font-size);font-weight:var(--menu-label-font-weight);color:var(--menu-label-color)}.menu__item[data-checked]{font-weight:var(--menu-item-selected-font-weight)}.menu__separator{height:var(--menu-separator-height);background-color:var(--menu-separator-color);margin-block:var(--menu-separator-margin-block);border:none;margin-inline:0}.menu__positioner{z-index:var(--menu-z-index)}.menu__content--sm .menu__item{font-size:var(--menu-sm-item-font-size);padding-block:var(--menu-sm-item-padding-block)}.menu__content--sm .menu__item svg{width:var(--menu-sm-item-icon-size);height:var(--menu-sm-item-icon-size)}.menu__content--lg .menu__item{font-size:var(--menu-lg-item-font-size);padding-block:var(--menu-lg-item-padding-block)}.menu__content--lg .menu__item svg{width:var(--menu-lg-item-icon-size);height:var(--menu-lg-item-icon-size)}.menu__item-icon{flex-shrink:0}.menu__item-text{flex-direction:column;flex:1;min-width:0;display:flex}.menu__item-label,.menu__item-description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu__item-description{font-size:var(--menu-label-font-size);color:var(--menu-label-color)}.menu__item[data-highlighted] .menu__item-description,.menu__item.menu__item--destructive .menu__item-description{color:inherit}
+@keyframes menu-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes menu-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.menu__content{box-sizing:border-box;background-color:var(--menu-bg);border-width:var(--menu-border-width);border-style:solid;border-color:var(--menu-border-color);border-radius:var(--menu-border-radius);box-shadow:var(--menu-shadow);padding-block:var(--menu-padding-block);transform-origin:var(--transform-origin);max-block-size:var(--menu-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;padding-inline:0;overflow-y:auto}.menu__content[data-open]{animation:menu-open var(--menu-transition-duration) var(--menu-transition-easing)}.menu__content[data-closed]{animation:menu-close var(--menu-transition-duration) var(--menu-transition-easing)}.menu__item{align-items:center;gap:var(--menu-item-icon-gap);padding-block:var(--menu-item-padding-block);padding-inline:var(--menu-item-padding-inline);margin-inline:var(--menu-padding-inline);border-radius:var(--menu-item-border-radius);font-family:var(--menu-item-font-family);font-size:var(--menu-item-font-size);font-weight:var(--menu-item-font-weight);line-height:var(--menu-item-line-height);color:var(--menu-item-color);cursor:var(--menu-item-cursor);transition:background-color var(--menu-transition-duration) var(--menu-transition-easing), color var(--menu-transition-duration) var(--menu-transition-easing);outline:none;text-decoration:none;display:flex}.menu__item:focus-visible{outline:none}.menu__item[data-highlighted]{background-color:var(--menu-item-highlighted-bg);color:var(--menu-item-highlighted-color)}.menu__item:is(a):hover:not([data-highlighted]),.menu__item:is(a):focus-visible:not([data-highlighted]){color:var(--menu-item-color);text-decoration-line:none}.menu__item.menu__item--destructive:is(a):hover:not([data-highlighted]),.menu__item.menu__item--destructive:is(a):focus-visible:not([data-highlighted]){color:var(--menu-item-destructive-color)}.menu__item[data-disabled]{opacity:var(--menu-disabled-opacity);cursor:not-allowed;pointer-events:none}.menu__item.menu__item--destructive{color:var(--menu-item-destructive-color)}.menu__item.menu__item--destructive[data-highlighted]{background-color:var(--menu-item-destructive-highlighted-bg);color:var(--menu-item-destructive-highlighted-color)}.menu__item svg{width:var(--menu-item-icon-size);height:var(--menu-item-icon-size);flex-shrink:0}.menu__label{padding-block:var(--menu-label-padding-block);padding-inline:var(--menu-label-padding-inline);margin-inline:var(--menu-label-margin-inline);font-family:var(--menu-item-font-family);font-size:var(--menu-label-font-size);font-weight:var(--menu-label-font-weight);color:var(--menu-label-color)}.menu__item[data-checked]{font-weight:var(--menu-item-selected-font-weight)}.menu__separator{block-size:var(--menu-separator-height);background-color:var(--menu-separator-color);margin-block:var(--menu-separator-margin-block);border:none;margin-inline:0}.menu__positioner{z-index:var(--menu-z-index)}.menu__content--sm .menu__item{font-size:var(--menu-sm-item-font-size);padding-block:var(--menu-sm-item-padding-block)}.menu__content--sm .menu__item svg{width:var(--menu-sm-item-icon-size);height:var(--menu-sm-item-icon-size)}.menu__content--lg .menu__item{font-size:var(--menu-lg-item-font-size);padding-block:var(--menu-lg-item-padding-block)}.menu__content--lg .menu__item svg{width:var(--menu-lg-item-icon-size);height:var(--menu-lg-item-icon-size)}.menu__item-icon{flex-shrink:0}.menu__item-text{flex-direction:column;flex:1;min-inline-size:0;display:flex}.menu__item-label,.menu__item-description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu__item-description{font-size:var(--menu-label-font-size);color:var(--menu-label-color)}.menu__item[data-highlighted] .menu__item-description,.menu__item.menu__item--destructive .menu__item-description{color:inherit}

package/dist/menu.js

@@ -2,14 +2,15 @@
 import './menu.css';
 import { n as e } from "./_shared/portal-container.js";
 import { t } from "./_shared/css-properties.js";
-import { n, t as r } from "./_shared/dropdownitems.js";
+import { t as n } from "./_shared/default-render-link.js";
+import { t as r } from "./_shared/dropdownitems.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Menu as o } from "@base-ui/react/menu";
 //#region src/stories/molecules/Menu/Menu.tsx
 function s(e) {
 	return ["menu__item", e ? "menu__item--destructive" : ""].filter(Boolean).join(" ");
 }
-function c({ trigger: c, items: l, value: u, onValueChange: d, renderLink: f = r, open: p, defaultOpen: m, onOpenChange: h, openOnHover: g = !1, hoverDelay: _ = 150, side: v = "bottom", align: y = "start", sideOffset: b = 4, minWidth: x = "10rem", maxWidth: S, size: C = "md", container: w, className: T }) {
+function c({ trigger: c, items: l, value: u, onValueChange: d, renderLink: f = n, open: p, defaultOpen: m, onOpenChange: h, openOnHover: g = !1, hoverDelay: _ = 150, side: v = "bottom", align: y = "start", sideOffset: b = 4, minWidth: x = "10rem", maxWidth: S, size: C = "md", container: w, className: T }) {
 	let E = e(w), D = c, O = typeof D.props?.id == "string" ? D.props.id : void 0, k = t({
 		"min-width": x,
 		"max-width": S
@@ -37,7 +38,7 @@ function c({ trigger: c, items: l, value: u, onValueChange: d, renderLink: f = r
 						C === "md" ? "" : `menu__content--${C}`,
 						T
 					].filter(Boolean).join(" "),
-					children: n({
+					children: r({
 						items: l,
 						itemClass: s,
 						separatorClass: "menu__separator",

package/dist/message-bubble.css

@@ -1 +1 @@
-.message-bubble{--_tail:var(--message-bubble-tail-size);--_border:var(--message-bubble-border-width);--_diagonal:calc(var(--_border) * 1.41421);padding-block:var(--message-bubble-padding-block);padding-inline:var(--message-bubble-padding-inline);border-radius:var(--message-bubble-border-radius);border-width:var(--message-bubble-border-width);border-style:var(--message-bubble-border-style);border-color:var(--message-bubble-border-color);color:var(--message-bubble-color);max-width:var(--message-bubble-max-width);overflow-wrap:anywhere;font-family:var(--message-bubble-font-family);font-size:var(--message-bubble-font-size);font-weight:var(--message-bubble-font-weight);line-height:var(--message-bubble-line-height);position:relative}.message-bubble:before,.message-bubble:after{content:"";block-size:0;inline-size:0;position:absolute}.message-bubble--assistant{margin-inline-end:auto}.message-bubble--assistant:before{border-block-start:var(--_tail) solid transparent;border-inline-end:var(--_tail) solid var(--message-bubble-border-color);inset-block-end:calc(-1 * var(--_border));inset-inline-start:calc(-1 * (var(--_tail) + var(--_border)))}.message-bubble--assistant:after{border-block-start:calc(var(--_tail) - var(--_diagonal)) solid transparent;border-inline-end:calc(var(--_tail) - var(--_diagonal)) solid var(--message-bubble-tail-fill);inset-block-end:0;inset-inline-start:calc(var(--_diagonal) - var(--_tail))}.message-bubble--user{margin-inline-start:auto}.message-bubble--user:before{border-block-start:var(--_tail) solid transparent;border-inline-start:var(--_tail) solid var(--message-bubble-border-color);inset-block-end:calc(-1 * var(--_border));inset-inline-end:calc(-1 * (var(--_tail) + var(--_border)))}.message-bubble--user:after{border-block-start:calc(var(--_tail) - var(--_diagonal)) solid transparent;border-inline-start:calc(var(--_tail) - var(--_diagonal)) solid var(--message-bubble-tail-fill);inset-block-end:0;inset-inline-end:calc(var(--_diagonal) - var(--_tail))}
+.message-bubble{--_tail:var(--message-bubble-tail-size);--_border:var(--message-bubble-border-width);--_diagonal:calc(var(--_border) * 1.41421);padding-block:var(--message-bubble-padding-block);padding-inline:var(--message-bubble-padding-inline);border-radius:var(--message-bubble-border-radius);border-width:var(--message-bubble-border-width);border-style:var(--message-bubble-border-style);border-color:var(--message-bubble-border-color);color:var(--message-bubble-color);max-inline-size:var(--message-bubble-max-width);overflow-wrap:anywhere;font-family:var(--message-bubble-font-family);font-size:var(--message-bubble-font-size);font-weight:var(--message-bubble-font-weight);line-height:var(--message-bubble-line-height);position:relative}.message-bubble:before,.message-bubble:after{content:"";block-size:0;inline-size:0;position:absolute}.message-bubble--assistant{margin-inline-end:auto}.message-bubble--assistant:before{border-block-start:var(--_tail) solid transparent;border-inline-end:var(--_tail) solid var(--message-bubble-border-color);inset-block-end:calc(-1 * var(--_border));inset-inline-start:calc(-1 * (var(--_tail) + var(--_border)))}.message-bubble--assistant:after{border-block-start:calc(var(--_tail) - var(--_diagonal)) solid transparent;border-inline-end:calc(var(--_tail) - var(--_diagonal)) solid var(--message-bubble-tail-fill);inset-block-end:0;inset-inline-start:calc(var(--_diagonal) - var(--_tail))}.message-bubble--user{margin-inline-start:auto}.message-bubble--user:before{border-block-start:var(--_tail) solid transparent;border-inline-start:var(--_tail) solid var(--message-bubble-border-color);inset-block-end:calc(-1 * var(--_border));inset-inline-end:calc(-1 * (var(--_tail) + var(--_border)))}.message-bubble--user:after{border-block-start:calc(var(--_tail) - var(--_diagonal)) solid transparent;border-inline-start:calc(var(--_tail) - var(--_diagonal)) solid var(--message-bubble-tail-fill);inset-block-end:0;inset-inline-end:calc(var(--_diagonal) - var(--_tail))}

package/dist/message-composer.css

@@ -1 +1 @@
-.message-composer{gap:var(--message-composer-helper-gap);flex-direction:column;display:flex}.message-composer__box{align-items:flex-end;gap:var(--message-composer-gap);padding-block:var(--message-composer-padding-block);padding-inline:var(--message-composer-padding-inline);border-radius:var(--message-composer-border-radius);border-width:var(--message-composer-border-width);border-style:var(--message-composer-border-style);border-color:var(--message-composer-border-color);background-color:var(--message-composer-bg);display:flex}.message-composer__box:focus-within{border-color:var(--message-composer-focus-border-color);box-shadow:inset 0 0 0 calc(var(--message-composer-focus-ring-width) + var(--message-composer-focus-ring-inset-offset)) var(--message-composer-focus-ring-color), inset 0 0 0 var(--message-composer-focus-ring-inset-offset) var(--message-composer-bg)}.message-composer.message-composer--disabled .message-composer__box{background-color:var(--message-composer-disabled-bg);border-color:var(--message-composer-disabled-border-color)}.message-composer__input{flex:1;min-width:0}.message-composer__actions{align-items:center;gap:var(--message-composer-gap);flex-shrink:0;display:flex}.message-composer__helper{font-size:var(--message-composer-helper-font-size);color:var(--message-composer-helper-color);line-height:var(--message-composer-helper-line-height);margin:0}
+.message-composer{gap:var(--message-composer-helper-gap);flex-direction:column;display:flex}.message-composer__box{align-items:flex-end;gap:var(--message-composer-gap);padding-block:var(--message-composer-padding-block);padding-inline:var(--message-composer-padding-inline);border-radius:var(--message-composer-border-radius);border-width:var(--message-composer-border-width);border-style:var(--message-composer-border-style);border-color:var(--message-composer-border-color);background-color:var(--message-composer-bg);display:flex}.message-composer__box:focus-within{border-color:var(--message-composer-focus-border-color);box-shadow:inset 0 0 0 calc(var(--message-composer-focus-ring-width) + var(--message-composer-focus-ring-inset-offset)) var(--message-composer-focus-ring-color), inset 0 0 0 var(--message-composer-focus-ring-inset-offset) var(--message-composer-bg)}.message-composer.message-composer--disabled .message-composer__box{background-color:var(--message-composer-disabled-bg);border-color:var(--message-composer-disabled-border-color)}.message-composer__input{flex:1;min-inline-size:0}.message-composer__actions{align-items:center;gap:var(--message-composer-gap);flex-shrink:0;display:flex}.message-composer__helper{font-size:var(--message-composer-helper-font-size);color:var(--message-composer-helper-color);line-height:var(--message-composer-helper-line-height);margin:0}

package/dist/message-composer.js

@@ -1,58 +1,61 @@
 'use client';
 import './message-composer.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Button as t } from "./button.js";
 import { Textarea as n } from "./textarea.js";
 import { forwardRef as r, useId as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/stories/molecules/MessageComposer/MessageComposer.tsx
-var s = r(function({ value: r, onChange: s, onSend: c, placeholder: l, disabled: u, sendLabel: d, helperText: f, actions: p, inputId: m, inputLabel: h, inputLabelledBy: g, rows: _ = 2, className: v, ...y }, b) {
-	let x = e("messageComposer"), S = `${i()}-helper`;
-	function C() {
-		r.trim() && c();
+//#region src/stories/messages/es/messageComposer.ts
+var s = {
+	placeholder: "Escribe un mensaje…",
+	send: "Enviar"
+}, c = r(function({ value: r, onChange: c, onSend: l, placeholder: u, disabled: d, sendLabel: f, helperText: p, actions: m, inputId: h, inputLabel: g, inputLabelledBy: _, rows: v = 2, className: y, ...b }, x) {
+	let S = e("messageComposer", s), C = `${i()}-helper`;
+	function w() {
+		r.trim() && l();
 	}
-	function w(e) {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), C());
+	function T(e) {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), w());
 	}
 	return /* @__PURE__ */ o("div", {
-		ref: b,
+		ref: x,
 		className: [
 			"message-composer",
-			u ? "message-composer--disabled" : "",
-			v ?? ""
+			d ? "message-composer--disabled" : "",
+			y ?? ""
 		].filter(Boolean).join(" "),
-		...y,
+		...b,
 		children: [/* @__PURE__ */ o("div", {
 			className: "message-composer__box",
 			children: [/* @__PURE__ */ a(n, {
 				bare: !0,
 				className: "message-composer__input",
-				id: m,
-				"aria-label": h,
-				"aria-labelledby": g,
-				"aria-describedby": f ? S : void 0,
-				placeholder: x("placeholder", l),
+				id: h,
+				"aria-label": g,
+				"aria-labelledby": _,
+				"aria-describedby": p ? C : void 0,
+				placeholder: S("placeholder", u),
 				value: r,
-				disabled: u,
-				rows: _,
-				onChange: (e) => s(e.target.value),
-				onKeyDown: w
+				disabled: d,
+				rows: v,
+				onChange: (e) => c(e.target.value),
+				onKeyDown: T
 			}), /* @__PURE__ */ o("div", {
 				className: "message-composer__actions",
 				children: [/* @__PURE__ */ a(t, {
 					variant: "primary",
 					size: "md",
-					disabled: u || !r.trim(),
-					onClick: C,
-					children: x("send", d)
-				}), p]
+					disabled: d || !r.trim(),
+					onClick: w,
+					children: S("send", f)
+				}), m]
 			})]
-		}), f && /* @__PURE__ */ a("p", {
+		}), p && /* @__PURE__ */ a("p", {
 			className: "message-composer__helper",
-			id: S,
-			children: f
+			id: C,
+			children: p
 		})]
 	});
 });
 //#endregion
-export { s as MessageComposer };
+export { c as MessageComposer };