@studiolxd/brand 50.0.0 → 51.0.0

package/dist/input.js

@@ -1,22 +1,23 @@
 'use client';
 import './input.css';
-import { forwardRef as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
+import { n as e } from "./_shared/env.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/stories/atoms/Input/Input.tsx
-var n = e(function({ size: e = "md", error: n = !1, className: r, describedBy: i, ariaLabel: a, ...o }, s) {
-	return /* @__PURE__ */ t("input", {
-		ref: s,
+var r = t(function({ size: t = "md", error: r = !1, className: i, describedBy: a, ariaLabel: o, ...s }, c) {
+	return o !== void 0 && e("Input", "ariaLabel", "`aria-label`"), /* @__PURE__ */ n("input", {
+		ref: c,
 		className: [
 			"input",
-			e === "md" ? "" : `input--${e}`,
-			n ? "input--error" : "",
-			r ?? ""
+			t === "md" ? "" : `input--${t}`,
+			r ? "input--error" : "",
+			i ?? ""
 		].filter(Boolean).join(" "),
-		"aria-invalid": n || void 0,
-		"aria-describedby": i,
-		"aria-label": a,
-		...o
+		"aria-invalid": r || void 0,
+		"aria-describedby": a,
+		"aria-label": o,
+		...s
 	});
 });
 //#endregion
-export { n as Input };
+export { r as Input };

package/dist/inputphone.css

@@ -0,0 +1 @@
+.input-phone__country{all:unset;box-sizing:border-box}.input-phone__country:hover,.input-phone__country:active{color:var(--input-color);border-color:inherit;background-color:#0000}.input-phone{inline-size:var(--input-width);block-size:var(--input-height);border-radius:var(--input-border-radius);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);background-color:var(--input-bg);box-sizing:border-box;transition:border-color var(--input-transition-duration) var(--input-transition-easing);align-items:stretch;display:flex}.input-phone:has(:focus-visible){border-color:var(--input-focus-border-color);box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-bg)}.input-phone__country{justify-content:space-between;align-items:center;gap:var(--input-phone-country-gap);inline-size:var(--input-phone-country-width);padding-block:0;padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);line-height:var(--input-line-height);color:var(--input-color);border:none;border-inline-end-width:var(--input-phone-country-border-width);border-inline-end-style:var(--input-phone-country-border-style);border-inline-end-color:var(--input-phone-country-border-color);cursor:pointer;box-sizing:border-box;background:0 0;flex-shrink:0;display:inline-flex}.input-phone__country:focus,.input-phone__country[data-popup-open]{outline:none}.input-phone__country-icon{width:var(--input-phone-country-icon-size);transition:transform var(--input-transition-duration) var(--input-phone-country-icon-transition-easing);flex-shrink:0;transform:rotate(90deg)}.input-phone__country[data-popup-open] .input-phone__country-icon{transform:rotate(-90deg)}.input-phone__country-positioner{z-index:var(--input-phone-content-z-index)}.input-phone__country-content{background-color:var(--input-bg);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);min-inline-size:var(--anchor-width);max-block-size:var(--input-phone-content-max-height);overscroll-behavior:contain;overflow-y:auto}.input-phone__country-item{padding-block:var(--input-phone-country-item-padding-block);padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);cursor:pointer;align-items:center;display:flex}.input-phone__country-item[data-highlighted]{background-color:var(--input-phone-country-item-highlighted-bg);color:var(--input-phone-country-item-highlighted-color)}.input-phone .PhoneInputCountry{flex-shrink:0;align-items:stretch;display:flex}.input-phone .input-phone__number{min-inline-size:0;padding-block:0;padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);line-height:var(--input-line-height);color:var(--input-color);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1}.input-phone__number::placeholder{color:var(--input-placeholder-color)}.input-phone.input-phone--error{border-color:var(--input-error-border-color)}.input-phone.input-phone--error:has(:focus-visible){box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg);border-color:var(--input-error-focus-border-color)}.input-phone.input-phone--error .input-phone__number::placeholder{color:var(--input-error-placeholder-color)}.input-phone:has(.input-phone__number:disabled){background-color:var(--input-disabled-bg);border-color:var(--input-disabled-border-color);pointer-events:none}.input-phone.input-phone--sm{--input-height:var(--input-sm-height);--input-padding-inline:var(--input-sm-padding-inline);--input-font-size:var(--input-sm-font-size);--input-phone-country-width:var(--input-phone-sm-country-width);--input-phone-country-icon-size:var(--input-phone-sm-country-icon-size)}.input-phone.input-phone--lg{--input-height:var(--input-lg-height);--input-padding-inline:var(--input-lg-padding-inline);--input-font-size:var(--input-lg-font-size);--input-phone-country-width:var(--input-phone-lg-country-width)}.input-phone__country-content--sm .input-phone__country-item{font-size:var(--input-sm-font-size)}.input-phone__country-content--lg .input-phone__country-item{font-size:var(--input-lg-font-size)}

package/dist/label.css

@@ -1 +1 @@
-.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}.label{font-family:var(--label-font-family);font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);color:var(--label-color);letter-spacing:var(--label-letter-spacing)}.label--sm{font-size:var(--label-sm-font-size)}.label--lg{font-size:var(--label-lg-font-size)}
+.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}.label{font-family:var(--label-font-family);font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);color:var(--label-color);letter-spacing:var(--label-letter-spacing)}.label--sm{font-size:var(--label-sm-font-size)}.label--lg{font-size:var(--label-lg-font-size)}.label__optional{color:var(--label-optional-color)}

package/dist/language-switcher.css

@@ -1 +1 @@
-.language-switcher__list{gap:var(--language-switcher-list-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.language-switcher__option{font:inherit;font-size:var(--language-switcher-list-font-size);color:inherit;padding:0;box-shadow:none;cursor:pointer;background:0 0;border:0;padding-block-end:0;text-decoration:none}.language-switcher__option:hover{box-shadow:inset 0 calc(-1 * var(--link-underline-width)) 0 0 currentColor;padding-block-end:var(--link-underline-offset)}.language-switcher__option.language-switcher__option--current{font-weight:var(--language-switcher-list-current-font-weight);box-shadow:none;cursor:default;padding-block-end:0;text-decoration:none}.language-switcher__option:focus-visible{outline:var(--language-switcher-focus-ring-width) solid var(--language-switcher-focus-ring-color);outline-offset:var(--language-switcher-focus-ring-offset)}
+.language-switcher__list{gap:var(--language-switcher-list-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.language-switcher__option{font:inherit;font-size:var(--language-switcher-list-font-size);color:inherit;padding:0;cursor:pointer;background:0 0;border:0;padding-block-end:0;text-decoration:none}.language-switcher__option:hover{-webkit-text-decoration-line:var(--link-decoration-line);text-decoration-line:var(--link-decoration-line);text-decoration-thickness: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-underline-width));padding-block-end:var(--link-underline-offset)}.language-switcher__option.language-switcher__option--current{font-weight:var(--language-switcher-list-current-font-weight);cursor:default;padding-block-end:0;text-decoration:none}.language-switcher__option:focus-visible{outline:var(--language-switcher-focus-ring-width) solid var(--language-switcher-focus-ring-color);outline-offset:var(--language-switcher-focus-ring-offset)}

package/dist/language-switcher.js

@@ -1,31 +1,34 @@
 'use client';
 import './language-switcher.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+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 a({ languages: a, value: o, onChange: s, label: c, id: l, labelHidden: u, variant: d = "compact", layout: f = "inline", size: p = "md", hrefFor: m, renderLink: h = t, className: g }) {
-	let _ = r(), v = l ?? _, y = e("languageSwitcher")("label", c);
-	if (d === "list") return /* @__PURE__ */ i("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",
-			g
+			_
 		].filter(Boolean).join(" "),
-		"aria-label": y,
+		"aria-label": b,
 		children: /* @__PURE__ */ i("ul", {
 			className: "language-switcher__list",
-			children: a.map(({ code: e, label: t }) => {
-				let n = e === o, r = ["language-switcher__option", n ? "language-switcher__option--current" : ""].filter(Boolean).join(" ");
+			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: r,
 					"aria-current": "true",
 					children: t
-				}) : m ? h({
-					href: m(e),
+				}) : h ? g({
+					href: h(e),
 					lang: e,
 					className: r,
 					children: t
@@ -33,28 +36,28 @@ function a({ languages: a, value: o, onChange: s, label: c, id: l, labelHidden:
 					type: "button",
 					lang: e,
 					className: r,
-					onClick: () => s?.(e),
+					onClick: () => c?.(e),
 					children: t
 				}) }, e);
 			})
 		})
 	});
-	let b = [
+	let x = [
 		"language-switcher",
 		"language-switcher--compact",
-		g
+		_
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ i(n, {
-		id: v,
-		label: y,
-		labelHidden: u,
-		inline: f === "inline",
-		size: p,
+		id: y,
+		label: b,
+		labelHidden: d,
+		inline: p === "inline",
+		size: m,
 		align: "end",
-		className: b,
-		value: o,
-		onValueChange: (e) => s?.(e),
-		items: a.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__ */ i("span", {
@@ -63,10 +66,10 @@ function a({ languages: a, value: o, onChange: s, label: c, id: l, labelHidden:
 			})
 		})),
 		children: /* @__PURE__ */ i("span", {
-			lang: o,
-			children: a.find((e) => e.code === o)?.label ?? o
+			lang: s,
+			children: o.find((e) => e.code === s)?.label ?? s
 		})
 	});
 }
 //#endregion
-export { a as LanguageSwitcher };
+export { o as LanguageSwitcher };

package/dist/legal-footer.js

@@ -1,40 +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 { t as r } from "./_shared/default-render-link.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/stories/sections/LegalFooter/LegalFooter.tsx
-function o({ label: o, title: s, links: c, renderLink: l = r, width: u = "xl", surface: d, as: f = "footer", className: p }) {
-	let m = e("legalFooter");
-	return /* @__PURE__ */ i(f, {
-		className: [
-			"legal-footer",
-			d === "dark" && "surface-dark",
-			p
-		].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ a(t, {
-			width: u,
-			innerClassName: "legal-footer__inner",
-			children: [s && /* @__PURE__ */ i(n, {
-				level: 2,
-				size: 6,
-				className: "legal-footer__title",
-				children: s
-			}), /* @__PURE__ */ i("nav", {
-				"aria-label": m("label", o),
-				children: /* @__PURE__ */ i("ul", {
-					className: "legal-footer__links",
-					children: c.map((e) => /* @__PURE__ */ i("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.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, className: t }) {
-	return /* @__PURE__ */ i("div", {
+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, className: t }) {
-	return /* @__PURE__ */ i("div", {
+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, className: t }) {
-	return /* @__PURE__ */ a("div", {
+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, className: r }) {
-	return /* @__PURE__ */ i("div", {
-		className: ["skeleton-grid", r].filter(Boolean).join(" "),
+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-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);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{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}
+@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/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 };

package/dist/messages.js

@@ -1,12 +1,15 @@
 'use client';
-import { n as e, t } from "./_shared/brandmessagescontext.js";
-import { jsx as n } from "react/jsx-runtime";
+import { n as e, r as t, t as n } from "./_shared/brandmessagescontext.js";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/stories/messages/BrandMessagesProvider.tsx
-function r({ messages: e, children: r }) {
-	return /* @__PURE__ */ n(t.Provider, {
-		value: e,
-		children: r
+function i({ messages: t, fallback: i, children: a }) {
+	return /* @__PURE__ */ r(n.Provider, {
+		value: t ?? null,
+		children: /* @__PURE__ */ r(e.Provider, {
+			value: i === "es",
+			children: a
+		})
 	});
 }
 //#endregion
-export { r as BrandMessagesProvider, e as useBrandMessages };
+export { i as BrandMessagesProvider, t as useBrandMessages };