@studiolxd/brand 49.28.0 → 51.0.0

package/dist/sidebar.js

@@ -1,74 +1,85 @@
 'use client';
 import './sidebar.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { n as t, t as n } from "./_shared/sidebarcontext.js";
 import { t as r } from "./_shared/appshellcontext.js";
 import { useCallback as i, useContext as a, useEffect as o, useRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/stories/messages/es/sidebar.ts
+var d = {
+	label: "Barra lateral",
+	resizer: "Ancho de la barra lateral",
+	resizerValue: (e) => `${e} píxeles`
+};
+//#endregion
 //#region src/stories/sections/Sidebar/Sidebar.tsx
-function d(e, t) {
+function f(e, t) {
 	let n = document.createElement("div");
 	n.style.position = "absolute", n.style.inlineSize = `var(${t})`, e.appendChild(n);
 	let r = parseFloat(getComputedStyle(n).inlineSize);
 	return n.remove(), r;
 }
-function f({ logo: t, children: f, footer: p, id: m, label: h, resizerLabel: g, resizerValueText: _, mode: v }) {
-	let y = e("sidebar"), b = a(r), x = b ? b.sidebar : v ?? "open", S = b ? b.isDesktop : !0, C = S && x === "rail", w = !S, T = s(null), E = s(null), [D, O] = c(null);
+function p({ logo: t, children: p, footer: m, id: h, label: g, resizerLabel: _, resizerValueText: v, mode: y, className: b }) {
+	let x = e("sidebar", d), S = a(r), C = S ? S.sidebar : y ?? "open", w = S ? S.isDesktop : !0, T = w && C === "rail", E = !w, D = s(null), O = s(null), [k, A] = c(null);
 	o(() => {
-		let e = T.current;
+		let e = D.current;
 		if (!e) return;
 		let t = {
-			min: d(e, "--sidebar-min-width"),
-			max: d(e, "--sidebar-max-width"),
-			rail: d(e, "--sidebar-rail-width"),
-			base: d(e, "--sidebar-width")
+			min: f(e, "--sidebar-min-width"),
+			max: f(e, "--sidebar-max-width"),
+			rail: f(e, "--sidebar-rail-width"),
+			base: f(e, "--sidebar-width")
 		};
-		Object.values(t).every(Number.isFinite) && O(t);
+		Object.values(t).every(Number.isFinite) && A(t);
 	}, []);
-	let k = (e) => {
-		!w || !b || e.target.closest("a[href], [aria-haspopup=\"dialog\"]") && b.closeSidebar();
-	}, A = i((e) => {
-		let t = T.current;
-		if (!t || !b) return;
-		let n = d(t, "--sidebar-min-width"), r = d(t, "--sidebar-max-width");
-		e < d(t, "--sidebar-rail-width") ? b.setSidebar("closed") : e < n ? b.setSidebar("rail") : (b.setSidebar("open"), b.setSidebarWidth(Math.min(r, Math.round(e))));
-	}, [b]), j = (e) => {
-		if (!T.current) return;
+	let j = (e) => {
+		!E || !S || e.target.closest("a[href], [aria-haspopup=\"dialog\"]") && S.closeSidebar();
+	}, M = i((e) => {
+		let t = D.current;
+		if (!t || !S) return;
+		let n = f(t, "--sidebar-min-width"), r = f(t, "--sidebar-max-width");
+		e < f(t, "--sidebar-rail-width") ? S.setSidebar("closed") : e < n ? S.setSidebar("rail") : (S.setSidebar("open"), S.setSidebarWidth(Math.min(r, Math.round(e))));
+	}, [S]), N = (e) => {
+		if (!D.current) return;
 		e.preventDefault();
 		let t = e.currentTarget;
 		t.setPointerCapture(e.pointerId), t.dataset.dragging = "true";
-		let n = T.current.getBoundingClientRect().left, r = (e) => A(e.clientX - n), i = () => {
+		let n = D.current.getBoundingClientRect().left, r = (e) => M(e.clientX - n), i = () => {
 			delete t.dataset.dragging, t.removeEventListener("pointermove", r), t.removeEventListener("pointerup", i), t.removeEventListener("pointercancel", i);
 		};
 		t.addEventListener("pointermove", r), t.addEventListener("pointerup", i), t.addEventListener("pointercancel", i);
-	}, M = (e) => {
-		if (!T.current || !b) return;
-		let t = d(T.current, "--sidebar-resize-step-px"), n = T.current.getBoundingClientRect().width;
-		e.key === "ArrowLeft" && (e.preventDefault(), A(n - t)), e.key === "ArrowRight" && (e.preventDefault(), x === "open" ? A(n + t) : b.setSidebar("open")), e.key === "Home" && (e.preventDefault(), b.setSidebar("rail")), e.key === "End" && (e.preventDefault(), A(d(T.current, "--sidebar-max-width")));
+	}, P = (e) => {
+		if (!D.current || !S) return;
+		let t = f(D.current, "--sidebar-resize-step-px"), n = D.current.getBoundingClientRect().width;
+		e.key === "ArrowLeft" && (e.preventDefault(), M(n - t)), e.key === "ArrowRight" && (e.preventDefault(), C === "open" ? M(n + t) : S.setSidebar("open")), e.key === "Home" && (e.preventDefault(), S.setSidebar("rail")), e.key === "End" && (e.preventDefault(), M(f(D.current, "--sidebar-max-width")));
 	};
 	o(() => {
-		if (!w) return;
-		if (x === "open") {
-			E.current = document.activeElement, T.current?.focus();
+		if (!E) return;
+		if (C === "open") {
+			O.current = document.activeElement, D.current?.focus();
 			return;
 		}
-		let e = T.current, t = document.activeElement;
-		(e && t instanceof Node && e.contains(t) || t === document.body || t === null) && E.current?.focus?.(), E.current = null;
-	}, [w, x]);
-	let N = Math.round(x === "rail" ? D?.rail ?? 0 : (b?.sidebarWidth || D?.base) ?? 0), P = ["sidebar", w ? "sidebar--drawer" : `sidebar--${x}`].join(" ");
+		let e = D.current, t = document.activeElement;
+		(e && t instanceof Node && e.contains(t) || t === document.body || t === null) && O.current?.focus?.(), O.current = null;
+	}, [E, C]);
+	let F = Math.round(C === "rail" ? k?.rail ?? 0 : (S?.sidebarWidth || k?.base) ?? 0), I = [
+		"sidebar",
+		E ? "sidebar--drawer" : `sidebar--${C}`,
+		b
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ l(n.Provider, {
-		value: { rail: C },
+		value: { rail: T },
 		children: /* @__PURE__ */ u("aside", {
-			ref: T,
-			id: m,
-			className: P,
-			"aria-label": y("label", h),
-			role: w && x === "open" ? "dialog" : void 0,
-			"aria-modal": w && x === "open" ? !0 : void 0,
-			"data-state": x,
-			tabIndex: w ? -1 : void 0,
-			inert: w && x === "closed" ? !0 : void 0,
-			onClick: k,
+			ref: D,
+			id: h,
+			className: I,
+			"aria-label": x("label", g),
+			role: E && C === "open" ? "dialog" : void 0,
+			"aria-modal": E && C === "open" ? !0 : void 0,
+			"data-state": C,
+			tabIndex: E ? -1 : void 0,
+			inert: E && C === "closed" ? !0 : void 0,
+			onClick: j,
 			children: [/* @__PURE__ */ u("div", {
 				className: "sidebar__inner",
 				children: [
@@ -78,46 +89,46 @@ function f({ logo: t, children: f, footer: p, id: m, label: h, resizerLabel: g,
 					}),
 					/* @__PURE__ */ l("div", {
 						className: "sidebar__panel",
-						children: f
+						children: p
 					}),
-					p && /* @__PURE__ */ l("div", {
+					m && /* @__PURE__ */ l("div", {
 						className: "sidebar__footer",
-						children: p
+						children: m
 					})
 				]
-			}), S && b && x !== "closed" && /* @__PURE__ */ l("div", {
+			}), w && S && C !== "closed" && /* @__PURE__ */ l("div", {
 				className: "sidebar__resizer",
 				role: "separator",
 				"aria-orientation": "vertical",
-				"aria-label": y("resizer", g),
-				"aria-valuenow": N,
-				"aria-valuemin": D ? Math.round(D.rail) : void 0,
-				"aria-valuemax": D ? Math.round(D.max) : void 0,
-				"aria-valuetext": y("resizerValue", _)(N),
+				"aria-label": x("resizer", _),
+				"aria-valuenow": F,
+				"aria-valuemin": k ? Math.round(k.rail) : void 0,
+				"aria-valuemax": k ? Math.round(k.max) : void 0,
+				"aria-valuetext": x("resizerValue", v)(F),
 				tabIndex: 0,
-				onPointerDown: j,
-				onKeyDown: M
+				onPointerDown: N,
+				onKeyDown: P
 			})]
 		})
 	});
 }
-function p({ className: e, ...t }) {
+function m({ className: e, ...t }) {
 	return /* @__PURE__ */ l("div", {
 		className: ["sidebar__group", e].filter(Boolean).join(" "),
 		...t
 	});
 }
-function m({ className: e, ...t }) {
+function h({ className: e, ...t }) {
 	return /* @__PURE__ */ l("div", {
 		className: ["sidebar__group-content", e].filter(Boolean).join(" "),
 		...t
 	});
 }
-function h({ className: e, ...t }) {
+function g({ className: e, ...t }) {
 	return /* @__PURE__ */ l("hr", {
 		className: ["sidebar__separator", e].filter(Boolean).join(" "),
 		...t
 	});
 }
 //#endregion
-export { f as Sidebar, p as SidebarGroup, m as SidebarGroupContent, h as SidebarSeparator, t as useSidebar };
+export { p as Sidebar, m as SidebarGroup, h as SidebarGroupContent, g as SidebarSeparator, t as useSidebar };

package/dist/site-footer.js

@@ -4,48 +4,45 @@ import { Heading as t } from "./heading.js";
 import { List as n } from "./list.js";
 import { t as r } from "./_shared/logo.js";
 import { Paragraph as i } from "./paragraph.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { t as a } from "./_shared/default-render-link.js";
+import { t as o } from "./_shared/legalfooter.js";
+import { cloneElement as s, isValidElement as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/stories/sections/SiteFooter/SiteFooter.tsx
-function s({ children: e, ...t }) {
-	return /* @__PURE__ */ a("a", {
-		...t,
-		children: e
-	});
-}
-function c({ logo: c = /* @__PURE__ */ a(r, { size: "lg" }), tagline: l, columns: u, renderLink: d = s, aside: f, legal: p, columnTitleLevel: m = 2, surface: h = "dark", width: g = "xl", className: _, id: v }) {
-	return /* @__PURE__ */ a("footer", {
-		id: v,
+function d({ logo: o = /* @__PURE__ */ l(r, { size: "lg" }), tagline: s, columns: c, renderLink: d = a, aside: p, legal: m, columnTitleLevel: h = 2, surface: g = "dark", width: _ = "xl", className: v, id: y }) {
+	return /* @__PURE__ */ l("footer", {
+		id: y,
 		className: [
 			"site-footer",
-			h === "dark" && "surface-dark",
-			_
+			g === "dark" && "surface-dark",
+			v
 		].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ o(e, {
-			width: g,
+		children: /* @__PURE__ */ u(e, {
+			width: _,
 			innerClassName: "site-footer__inner",
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ u("div", {
 					className: "site-footer__brand",
-					children: [c, l && /* @__PURE__ */ a(i, {
-						size: "large",
+					children: [o, s && /* @__PURE__ */ l(i, {
+						size: "lg",
 						className: "site-footer__tagline",
-						children: l
+						children: s
 					})]
 				}),
-				(u?.length || f) && /* @__PURE__ */ o("div", {
+				(c?.length || p) && /* @__PURE__ */ u("div", {
 					className: "site-footer__body",
-					children: [u?.map((e) => /* @__PURE__ */ o("nav", {
+					children: [c?.map((e) => /* @__PURE__ */ u("nav", {
 						className: "site-footer__column",
 						"aria-label": e.title,
-						children: [/* @__PURE__ */ a(t, {
-							level: m,
+						children: [/* @__PURE__ */ l(t, {
+							level: h,
 							size: 3,
 							className: "site-footer__column-title",
 							children: e.title
-						}), /* @__PURE__ */ a(n, {
+						}), /* @__PURE__ */ l(n, {
 							type: "plain",
 							className: "site-footer__links",
-							children: e.links.map((e) => /* @__PURE__ */ a("li", { children: d({
+							children: e.links.map((e) => /* @__PURE__ */ l("li", { children: d({
 								href: e.href,
 								className: "site-footer__link link--ink",
 								children: e.label,
@@ -55,18 +52,21 @@ function c({ logo: c = /* @__PURE__ */ a(r, { size: "lg" }), tagline: l, columns
 								} : {}
 							}) }, e.id ?? e.href))
 						})]
-					}, e.id ?? e.title)), f && /* @__PURE__ */ a("div", {
+					}, e.id ?? e.title)), p && /* @__PURE__ */ l("div", {
 						className: "site-footer__aside",
-						children: f
+						children: p
 					})]
 				}),
-				p && /* @__PURE__ */ a("div", {
+				m && /* @__PURE__ */ l("div", {
 					className: "site-footer__legal",
-					children: p
+					children: f(m)
 				})
 			]
 		})
 	});
 }
+function f(e) {
+	return c(e) && e.type === o ? s(e, { as: "div" }) : e;
+}
 //#endregion
-export { c as SiteFooter };
+export { d as SiteFooter };

package/dist/site-header.css

@@ -1 +1 @@
-.site-header{background-color:var(--site-header-bg);z-index:var(--site-header-z-index);position:sticky;inset-block-start:0}.site-header__bar{justify-content:space-between;align-items:center;gap:var(--site-header-gap);block-size:var(--site-header-height);display:flex}.site-header__logo{box-shadow:none;color:inherit;align-items:center;margin-inline-start:var(--site-header-logo-margin-inline-start);padding-block-end:0;text-decoration:none;display:flex}.site-header__logo:hover{box-shadow:none;color:inherit}.site-header__logo{--logo-height-sm:var(--site-header-content-height);--logo-height-md:var(--site-header-content-height);--logo-height-lg:var(--site-header-content-height);--logo-height-xl:var(--site-header-content-height);--logo-height-xxl:var(--site-header-content-height)}.site-header__logo>*{block-size:var(--site-header-content-height);inline-size:auto}@media (width<=767.98px){.site-header{--site-header-content-height:var(--site-header-content-height-compact);--site-header-height:var(--site-header-height-compact)}}@media (width<=479.98px){.site-header{--site-header-content-height:var(--site-header-content-height-narrow);--site-header-height:var(--site-header-height-narrow);--site-header-gap:var(--site-header-gap-narrow)}}.site-header__controls,.site-header__actions{align-items:center;gap:var(--site-header-gap);display:flex}@media (width<=767.98px){.site-header__actions{display:none}}.site-header__panel{z-index:var(--site-header-panel-z-index);overscroll-behavior:contain;background-color:var(--site-header-panel-bg);padding-block:var(--site-header-panel-padding-block) var(--site-header-panel-padding-block-end);visibility:hidden;clip-path:inset(0 0 100%);transition:clip-path var(--site-header-panel-transition-duration) var(--site-header-panel-transition-easing), visibility 0s linear var(--site-header-panel-transition-duration);flex-direction:column;display:flex;position:fixed;inset-block-start:var(--site-header-height);inset-block-end:0;inset-inline:0;overflow-y:auto}.site-header__panel.site-header__panel--open{visibility:visible;clip-path:inset(0);transition-delay:0s}.site-header .site-header__panel>.container.container{padding-inline:max(var(--site-header-panel-padding-inline), env(safe-area-inset-left)) max(var(--site-header-panel-padding-inline), env(safe-area-inset-right))}.site-header__panel>.container{flex-direction:column;flex:1;min-block-size:0;display:flex}.site-header__panel-inner{gap:var(--site-header-panel-gap);flex-direction:column;flex:1;inline-size:100%;display:flex}.site-header__settings{align-items:flex-start;gap:var(--site-header-settings-gap);flex-direction:column;margin-block-start:auto;display:flex}@media (width>=768px){.site-header__settings{flex-flow:wrap;align-items:center}}
+.site-header{background-color:var(--site-header-bg);z-index:var(--site-header-z-index);position:sticky;inset-block-start:0}.site-header__bar{justify-content:space-between;align-items:center;gap:var(--site-header-gap);block-size:var(--site-header-height);display:flex}.site-header__logo{color:inherit;align-items:center;margin-inline-start:var(--site-header-logo-margin-inline-start);padding-block-end:0;text-decoration:none;display:flex}.site-header__logo:hover{color:inherit;text-decoration-line:none}.site-header__logo{--logo-height-sm:var(--site-header-content-height);--logo-height-md:var(--site-header-content-height);--logo-height-lg:var(--site-header-content-height);--logo-height-xl:var(--site-header-content-height);--logo-height-2xl:var(--site-header-content-height)}.site-header__logo>*{block-size:var(--site-header-content-height);inline-size:auto}@media (width<=767.98px){.site-header{--site-header-content-height:var(--site-header-content-height-compact);--site-header-height:var(--site-header-height-compact)}}@media (width<=479.98px){.site-header{--site-header-content-height:var(--site-header-content-height-narrow);--site-header-height:var(--site-header-height-narrow);--site-header-gap:var(--site-header-gap-narrow)}}.site-header__controls,.site-header__actions{align-items:center;gap:var(--site-header-gap);display:flex}@media (width<=767.98px){.site-header__actions{display:none}}.site-header__panel{z-index:var(--site-header-panel-z-index);overscroll-behavior:contain;background-color:var(--site-header-panel-bg);padding-block:var(--site-header-panel-padding-block) var(--site-header-panel-padding-block-end);visibility:hidden;clip-path:inset(0 0 100%);transition:clip-path var(--site-header-panel-transition-duration) var(--site-header-panel-transition-easing), visibility 0s linear var(--site-header-panel-transition-duration);flex-direction:column;display:flex;position:fixed;inset-block-start:var(--site-header-height);inset-block-end:0;inset-inline:0;overflow-y:auto}.site-header__panel.site-header__panel--open{visibility:visible;clip-path:inset(0);transition-delay:0s}.site-header .site-header__panel>.container.container{padding-inline:max(var(--site-header-panel-padding-inline), env(safe-area-inset-left)) max(var(--site-header-panel-padding-inline), env(safe-area-inset-right))}.site-header__panel>.container{flex-direction:column;flex:1;min-block-size:0;display:flex}.site-header__panel-inner{gap:var(--site-header-panel-gap);flex-direction:column;flex:1;inline-size:100%;display:flex}.site-header__settings{align-items:flex-start;gap:var(--site-header-settings-gap);flex-direction:column;margin-block-start:auto;display:flex}@media (width>=768px){.site-header__settings{flex-flow:wrap;align-items:center}}

package/dist/site-header.js

@@ -1,75 +1,73 @@
 'use client';
 import './site-header.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Container as t } from "./container.js";
-import { MenuButton as n } from "./menu-button.js";
+import { t as n } from "./_shared/menubutton.js";
 import { t as r } from "./_shared/logo.js";
-import { useEffect as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { t as i } from "./_shared/default-render-link.js";
+import { useEffect as a, useId as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/stories/messages/es/siteHeader.ts
+var d = { logo: "Ir al inicio" };
+//#endregion
 //#region src/stories/sections/SiteHeader/SiteHeader.tsx
-function l({ children: e, ...t }) {
-	return /* @__PURE__ */ s("a", {
-		...t,
-		children: e
-	});
-}
-function u({ logoHref: u = "/", logoLabel: d, menuLabel: f, menuCloseLabel: p, logoSize: m = "xxl", logo: h = /* @__PURE__ */ s(r, { size: m }), menuButtonSize: g = "lg", renderLogoLink: _ = l, width: v = "xl", open: y, onOpenChange: b, children: x, settings: S, panelId: C = "site-header-panel", actions: w, language: T }) {
-	let E = e("siteHeader"), [D, O] = o(!1), k = y !== void 0, A = k ? y : D, j = !!(x || S || T), M = a(null), N = a(null), P = (e) => {
-		k || O(e), b?.(e);
+function f({ logoHref: f = "/", logoLabel: p, menuLabel: m, menuCloseLabel: h, logoSize: g = "2xl", logo: _ = /* @__PURE__ */ l(r, { size: g }), menuButtonSize: v = "lg", renderLogoLink: y = i, width: b = "xl", open: x, onOpenChange: S, children: C, settings: w, panelId: T, actions: E, language: D }) {
+	let O = e("siteHeader", d), k = o(), A = T ?? k, [j, M] = c(!1), N = x !== void 0, P = N ? x : j, F = !!(C || w || D), I = s(null), L = s(null), R = (e) => {
+		N || M(e), S?.(e);
 	};
-	return i(() => {
-		if (!A) return;
+	return a(() => {
+		if (!P) return;
 		let e = (e) => {
-			e.key === "Escape" && (P(!1), N.current?.focus());
+			e.key === "Escape" && (R(!1), L.current?.focus());
 		}, t = (e) => {
 			let t = e.target;
-			M.current?.contains(t) || t?.closest("[role=\"menu\"], [role=\"listbox\"], [role=\"dialog\"]") || P(!1);
+			I.current?.contains(t) || t?.closest("[role=\"menu\"], [role=\"listbox\"], [role=\"dialog\"]") || R(!1);
 		};
 		document.addEventListener("keydown", e), document.addEventListener("pointerdown", t);
 		let n = document.body.style.overflow;
 		return document.body.style.overflow = "hidden", () => {
 			document.removeEventListener("keydown", e), document.removeEventListener("pointerdown", t), document.body.style.overflow = n;
 		};
-	}, [A]), /* @__PURE__ */ s("header", {
-		ref: M,
+	}, [P]), /* @__PURE__ */ l("header", {
+		ref: I,
 		className: "site-header",
-		children: /* @__PURE__ */ c(t, {
-			width: v,
+		children: /* @__PURE__ */ u(t, {
+			width: b,
 			innerClassName: "site-header__bar",
 			children: [
-				_({
-					href: u,
+				y({
+					href: f,
 					className: "site-header__logo",
-					"aria-label": E("logo", d),
-					children: h
+					"aria-label": O("logo", p),
+					children: _
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ u("div", {
 					className: "site-header__controls",
-					children: [w && /* @__PURE__ */ s("div", {
+					children: [E && /* @__PURE__ */ l("div", {
 						className: "site-header__actions",
-						children: w
-					}), j && /* @__PURE__ */ s(n, {
-						ref: N,
-						isOpen: A,
-						onClick: () => P(!A),
-						label: f,
-						closeLabel: p,
-						size: g,
-						"aria-controls": C
+						children: E
+					}), F && /* @__PURE__ */ l(n, {
+						ref: L,
+						isOpen: P,
+						onClick: () => R(!P),
+						label: m,
+						closeLabel: h,
+						size: v,
+						"aria-controls": A
 					})]
 				}),
-				j && /* @__PURE__ */ s("div", {
-					className: ["site-header__panel", A ? "site-header__panel--open" : ""].filter(Boolean).join(" "),
-					id: C,
-					inert: !A,
-					"aria-hidden": !A,
-					children: /* @__PURE__ */ c(t, {
-						width: v,
+				F && /* @__PURE__ */ l("div", {
+					className: ["site-header__panel", P ? "site-header__panel--open" : ""].filter(Boolean).join(" "),
+					id: A,
+					inert: !P,
+					"aria-hidden": !P,
+					children: /* @__PURE__ */ u(t, {
+						width: b,
 						space: "none",
 						innerClassName: "site-header__panel-inner",
-						children: [x, (T || S) && /* @__PURE__ */ c("div", {
+						children: [C, (D || w) && /* @__PURE__ */ u("div", {
 							className: "site-header__settings",
-							children: [T, S]
+							children: [D, w]
 						})]
 					})
 				})
@@ -78,4 +76,4 @@ function u({ logoHref: u = "/", logoLabel: d, menuLabel: f, menuCloseLabel: p, l
 	});
 }
 //#endregion
-export { u as SiteHeader };
+export { f as SiteHeader };

package/dist/site-nav.css

@@ -1 +1 @@
-.site-nav{gap:var(--site-nav-group-gap);grid-template-columns:repeat(12,1fr);display:grid}.site-nav__group{grid-column:span 12;min-inline-size:0}@media (width>=768px){.site-nav__group{grid-column:span 6}.site-nav>.site-nav__group[data-group-columns="2"]{grid-column:span 12}}@media (width>=768px) and (width<=1023.98px){.site-nav__group:nth-child(odd):last-child:not([data-group-columns="2"]){grid-column:span 12}}@media (width>=1024px){.site-nav__group{grid-column:span 4}.site-nav>.site-nav__group[data-group-columns="2"]{grid-column:span 8}}@media (width>=1024px) and (width<=1279.98px){.site-nav__group:nth-child(3n+1):last-child:not([data-group-columns="2"]){grid-column:span 12}.site-nav__group:nth-child(3n+1):nth-last-child(2):not([data-group-columns="2"]),.site-nav__group:nth-child(3n+1):nth-last-child(2)~.site-nav__group:not([data-group-columns="2"]){grid-column:span 6}}@media (width>=1280px){.site-nav__group{grid-column:span 3}.site-nav[data-columns="1"]>.site-nav__group{grid-column:span 12}.site-nav[data-columns="2"]>.site-nav__group{grid-column:span 6}.site-nav[data-columns="3"]>.site-nav__group{grid-column:span 4}.site-nav[data-columns="4"]>.site-nav__group{grid-column:span 3}.site-nav>.site-nav__group[data-group-columns="2"]{grid-column:span 6}.site-nav[data-columns="1"]>.site-nav__group[data-group-columns="2"],.site-nav[data-columns="2"]>.site-nav__group[data-group-columns="2"]{grid-column:span 12}.site-nav[data-columns="3"]>.site-nav__group[data-group-columns="2"]{grid-column:span 8}.site-nav[data-columns="4"]>.site-nav__group[data-group-columns="2"]{grid-column:span 6}.site-nav[data-columns="5"]{grid-template-columns:repeat(5,1fr)}.site-nav[data-columns="5"]>.site-nav__group{grid-column:span 1}.site-nav[data-columns="5"]>.site-nav__group:nth-child(5n+1):last-child:not([data-group-columns="2"]){grid-column:span 5}.site-nav[data-columns="5"]>.site-nav__group[data-group-columns="2"]{grid-column:span 2}}.site-nav__label{margin-block:0 var(--site-nav-label-margin-block-end)}.site-nav__item{align-items:center;gap:var(--site-nav-item-badge-gap);flex-wrap:wrap;display:flex}.site-nav__list{gap:var(--site-nav-item-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.site-nav__group[data-group-columns="2"]>.site-nav__list{column-gap:var(--site-nav-item-column-gap);row-gap:var(--site-nav-item-gap);grid-template-columns:repeat(2,1fr);display:grid}}.site-nav__link,.site-nav__label-link{color:inherit;box-shadow:none;padding-block-end:var(--site-nav-item-underline-offset);text-decoration:none}.site-nav__link{font-size:var(--site-nav-item-font-size);font-weight:var(--site-nav-item-font-weight);line-height:var(--site-nav-item-line-height);color:var(--site-nav-item-color);display:inline-block}.site-nav__link:not(.site-nav__link--disabled):hover,.site-nav__label-link:hover{color:var(--site-nav-item-hover-color);box-shadow:inset 0 calc(-1 * var(--site-nav-item-hover-line-width)) 0 0 currentColor}.site-nav__link.site-nav__link--current{font-weight:var(--site-nav-item-current-font-weight)}.site-nav__link.site-nav__link--disabled{color:var(--site-nav-item-disabled-color);cursor:default}.site-nav__link:focus-visible,.site-nav__label-link:focus-visible{outline:var(--site-nav-focus-ring-width) solid var(--site-nav-focus-ring-color);outline-offset:var(--site-nav-focus-ring-offset)}
+.site-nav{gap:var(--site-nav-group-gap);grid-template-columns:repeat(12,1fr);display:grid}.site-nav__group{grid-column:span 12;min-inline-size:0}@media (width>=768px){.site-nav__group{grid-column:span 6}.site-nav>.site-nav__group[data-group-columns="2"]{grid-column:span 12}}@media (width>=768px) and (width<=1023.98px){.site-nav__group:nth-child(odd):last-child:not([data-group-columns="2"]){grid-column:span 12}}@media (width>=1024px){.site-nav__group{grid-column:span 4}.site-nav>.site-nav__group[data-group-columns="2"]{grid-column:span 8}}@media (width>=1024px) and (width<=1279.98px){.site-nav__group:nth-child(3n+1):last-child:not([data-group-columns="2"]){grid-column:span 12}.site-nav__group:nth-child(3n+1):nth-last-child(2):not([data-group-columns="2"]),.site-nav__group:nth-child(3n+1):nth-last-child(2)~.site-nav__group:not([data-group-columns="2"]){grid-column:span 6}}@media (width>=1280px){.site-nav__group{grid-column:span 3}.site-nav[data-columns="1"]>.site-nav__group{grid-column:span 12}.site-nav[data-columns="2"]>.site-nav__group{grid-column:span 6}.site-nav[data-columns="3"]>.site-nav__group{grid-column:span 4}.site-nav[data-columns="4"]>.site-nav__group{grid-column:span 3}.site-nav>.site-nav__group[data-group-columns="2"]{grid-column:span 6}.site-nav[data-columns="1"]>.site-nav__group[data-group-columns="2"],.site-nav[data-columns="2"]>.site-nav__group[data-group-columns="2"]{grid-column:span 12}.site-nav[data-columns="3"]>.site-nav__group[data-group-columns="2"]{grid-column:span 8}.site-nav[data-columns="4"]>.site-nav__group[data-group-columns="2"]{grid-column:span 6}.site-nav[data-columns="5"]{grid-template-columns:repeat(5,1fr)}.site-nav[data-columns="5"]>.site-nav__group{grid-column:span 1}.site-nav[data-columns="5"]>.site-nav__group:nth-child(5n+1):last-child:not([data-group-columns="2"]){grid-column:span 5}.site-nav[data-columns="5"]>.site-nav__group[data-group-columns="2"]{grid-column:span 2}}.site-nav__label{margin-block:0 var(--site-nav-label-margin-block-end)}.site-nav__item{align-items:center;gap:var(--site-nav-item-badge-gap);flex-wrap:wrap;display:flex}.site-nav__list{gap:var(--site-nav-item-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.site-nav__group[data-group-columns="2"]>.site-nav__list{column-gap:var(--site-nav-item-column-gap);row-gap:var(--site-nav-item-gap);grid-template-columns:repeat(2,1fr);display:grid}}.site-nav__link,.site-nav__label-link{color:inherit;padding-block-end:var(--site-nav-item-underline-offset);text-decoration:none}.site-nav__link{font-size:var(--site-nav-item-font-size);font-weight:var(--site-nav-item-font-weight);line-height:var(--site-nav-item-line-height);color:var(--site-nav-item-color);display:inline-block}.site-nav__link:not(.site-nav__link--disabled):hover,.site-nav__label-link:hover{color:var(--site-nav-item-hover-color);-webkit-text-decoration-line:var(--site-nav-item-hover-decoration-line);text-decoration-line:var(--site-nav-item-hover-decoration-line);text-decoration-thickness:var(--site-nav-item-hover-line-width);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-position:under;text-underline-offset:calc(var(--site-nav-item-underline-offset) - var(--site-nav-item-hover-line-width))}.site-nav__link.site-nav__link--current{font-weight:var(--site-nav-item-current-font-weight)}.site-nav__link.site-nav__link--disabled{color:var(--site-nav-item-disabled-color);cursor:default}.site-nav__link:focus-visible,.site-nav__label-link:focus-visible{outline:var(--site-nav-focus-ring-width) solid var(--site-nav-focus-ring-color);outline-offset:var(--site-nav-focus-ring-offset)}

package/dist/site-nav.js

@@ -1,60 +1,54 @@
 'use client';
 import './site-nav.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Heading as t } from "./heading.js";
 import { Tag as n } from "./tag.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { t as r } from "./_shared/default-render-link.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/stories/messages/es/siteNav.ts
+var o = { label: "Navegación del sitio" };
+//#endregion
 //#region src/stories/molecules/SiteNav/SiteNav.tsx
-function a({ href: e, children: t, className: n, "aria-current": i, target: a, rel: o }) {
-	return /* @__PURE__ */ r("a", {
-		href: e,
-		className: n,
-		"aria-current": i,
-		target: a,
-		rel: o,
-		children: t
-	});
-}
-function o(e, t) {
+function s(e, t) {
 	return t || (e === "_blank" ? "noopener noreferrer" : void 0);
 }
-var s = 5;
-function c({ groups: c, label: l, renderLink: u = a, className: d }) {
-	let f = e("siteNav"), p = ["site-nav", d].filter(Boolean).join(" "), m = c.reduce((e, t) => e + (t.columns ?? 1), 0), h = Math.min(m, s) || 1;
-	return /* @__PURE__ */ r("nav", {
-		className: p,
-		"aria-label": f("label", l),
-		"data-columns": h,
-		children: c.map((e) => /* @__PURE__ */ i("div", {
+var c = 5;
+function l({ groups: l, label: u, renderLink: d = r, className: f }) {
+	let p = e("siteNav", o), m = ["site-nav", f].filter(Boolean).join(" "), h = l.reduce((e, t) => e + (t.columns ?? 1), 0), g = Math.min(h, c) || 1;
+	return /* @__PURE__ */ i("nav", {
+		className: m,
+		"aria-label": p("label", u),
+		"data-columns": g,
+		children: l.map((e) => /* @__PURE__ */ a("div", {
 			className: "site-nav__group",
 			"data-group-columns": e.columns === 2 ? 2 : void 0,
-			children: [/* @__PURE__ */ r(t, {
+			children: [/* @__PURE__ */ i(t, {
 				level: 2,
 				size: 6,
 				className: "site-nav__label",
-				children: e.href ? u({
+				children: e.href ? d({
 					href: e.href,
 					className: "site-nav__label-link",
 					children: e.label
 				}) : e.label
-			}), /* @__PURE__ */ r("ul", {
+			}), /* @__PURE__ */ i("ul", {
 				className: "site-nav__list",
-				children: e.items.map((e) => /* @__PURE__ */ i("li", {
+				children: e.items.map((e) => /* @__PURE__ */ a("li", {
 					className: "site-nav__item",
-					children: [e.disabled ? /* @__PURE__ */ r("span", {
+					children: [e.disabled ? /* @__PURE__ */ i("span", {
 						className: "site-nav__link site-nav__link--disabled",
 						role: "link",
 						"aria-disabled": "true",
 						children: e.label
-					}) : u({
+					}) : d({
 						href: e.href,
 						className: ["site-nav__link", e.current ? "site-nav__link--current" : ""].filter(Boolean).join(" "),
 						"aria-current": e.current ? "page" : void 0,
 						target: e.target,
-						rel: o(e.target, e.rel),
+						rel: s(e.target, e.rel),
 						children: e.label
-					}), e.badge && /* @__PURE__ */ r(n, {
-						variant: e.disabled ? "neutral" : "info",
+					}), e.badge && /* @__PURE__ */ i(n, {
+						tone: e.disabled ? "neutral" : "info",
 						className: "site-nav__badge",
 						children: e.badge
 					})]
@@ -64,4 +58,4 @@ function c({ groups: c, label: l, renderLink: u = a, className: d }) {
 	});
 }
 //#endregion
-export { c as SiteNav };
+export { l as SiteNav };

package/dist/site-search.css

@@ -1 +1 @@
-.site-search{gap:var(--site-search-gap);inline-size:var(--site-search-inline-size);flex-direction:column;display:flex}.site-search__status{align-items:center;gap:var(--site-search-status-gap);font-size:var(--site-search-status-font-size);line-height:var(--site-search-status-line-height);color:var(--site-search-status-color);margin-block:0;margin-inline:0;display:flex}.site-search__status-text{overflow-wrap:anywhere;min-inline-size:0}.site-search__suggestions{gap:var(--site-search-suggestions-gap);flex-direction:column;display:flex}.site-search__suggestions-label{font-size:var(--site-search-suggestions-label-font-size);color:var(--site-search-suggestions-label-color)}.site-search__suggestions-list{gap:var(--site-search-suggestions-gap);flex-wrap:wrap;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.site-search__loading{gap:var(--site-search-results-gap);flex-direction:column;display:flex}.site-search__ghost{gap:var(--site-search-skeleton-gap);flex-direction:column;display:flex}.site-search__ghost-section{inline-size:var(--site-search-ghost-section-inline-size)}.site-search__ghost-title{inline-size:var(--site-search-ghost-title-inline-size)}.site-search__ghost-url{inline-size:var(--site-search-ghost-url-inline-size)}.site-search__results{gap:var(--site-search-results-gap);flex-direction:column;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.site-search__result{gap:var(--site-search-result-gap);flex-direction:column;display:flex}.site-search__result-section,.site-search__result-excerpt,.site-search__result-url{margin-block:0;margin-inline:0}.site-search__result-section{font-size:var(--site-search-result-section-font-size);line-height:var(--site-search-result-section-line-height);color:var(--site-search-result-section-color)}.site-search__result-title{font-size:var(--site-search-result-title-font-size);line-height:var(--site-search-result-title-line-height);font-weight:var(--site-search-result-title-font-weight);color:var(--site-search-result-title-color);margin-block:0;margin-inline:0}.site-search .site-search__result-link{box-shadow:none;color:inherit;padding-block-end:0}.site-search .site-search__result-link:hover{box-shadow:inset 0 calc(-1 * var(--site-search-result-link-hover-line-width)) 0 0 currentColor;padding-block-end:var(--site-search-result-link-hover-line-offset)}.site-search .site-search__result-link:focus-visible{outline:var(--site-search-result-focus-ring-width) solid var(--site-search-result-focus-ring-color);outline-offset:var(--site-search-result-focus-ring-offset)}.site-search__result-excerpt{font-size:var(--site-search-result-excerpt-font-size);line-height:var(--site-search-result-excerpt-line-height);color:var(--site-search-result-excerpt-color);max-inline-size:var(--site-search-result-measure);overflow-wrap:anywhere}.site-search__result-excerpt mark{background-color:var(--site-search-result-mark-bg);color:var(--site-search-result-mark-color)}.site-search__result-url{font-size:var(--site-search-result-url-font-size);line-height:var(--site-search-result-url-line-height);color:var(--site-search-result-url-color);overflow-wrap:anywhere}
+.site-search{gap:var(--site-search-gap);inline-size:var(--site-search-width);flex-direction:column;display:flex}.site-search__status{align-items:center;gap:var(--site-search-status-gap);font-size:var(--site-search-status-font-size);line-height:var(--site-search-status-line-height);color:var(--site-search-status-color);margin-block:0;margin-inline:0;display:flex}.site-search__status-text{overflow-wrap:anywhere;min-inline-size:0}.site-search__suggestions{gap:var(--site-search-suggestions-gap);flex-direction:column;display:flex}.site-search__suggestions-label{font-size:var(--site-search-suggestions-label-font-size);color:var(--site-search-suggestions-label-color)}.site-search__suggestions-list{gap:var(--site-search-suggestions-gap);flex-wrap:wrap;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.site-search__loading{gap:var(--site-search-results-gap);flex-direction:column;display:flex}.site-search__ghost{gap:var(--site-search-skeleton-gap);flex-direction:column;display:flex}.site-search__ghost-section{inline-size:var(--site-search-ghost-section-width)}.site-search__ghost-title{inline-size:var(--site-search-ghost-title-width)}.site-search__ghost-url{inline-size:var(--site-search-ghost-url-width)}.site-search__results{gap:var(--site-search-results-gap);flex-direction:column;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.site-search__result{gap:var(--site-search-result-gap);flex-direction:column;display:flex}.site-search__result-section,.site-search__result-excerpt,.site-search__result-url{margin-block:0;margin-inline:0}.site-search__result-section{font-size:var(--site-search-result-section-font-size);line-height:var(--site-search-result-section-line-height);color:var(--site-search-result-section-color)}.site-search__result-title{font-size:var(--site-search-result-title-font-size);line-height:var(--site-search-result-title-line-height);font-weight:var(--site-search-result-title-font-weight);color:var(--site-search-result-title-color);margin-block:0;margin-inline:0}.site-search .site-search__result-link{color:inherit;padding-block-end:0;text-decoration-line:none}.site-search .site-search__result-link:hover{text-decoration-line:underline;text-decoration-thickness:var(--site-search-result-link-hover-line-width);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-position:under;text-underline-offset:calc(var(--site-search-result-link-hover-line-offset) - var(--site-search-result-link-hover-line-width));padding-block-end:var(--site-search-result-link-hover-line-offset)}.site-search .site-search__result-link:focus-visible{outline:var(--site-search-result-focus-ring-width) solid var(--site-search-result-focus-ring-color);outline-offset:var(--site-search-result-focus-ring-offset)}.site-search__result-excerpt{font-size:var(--site-search-result-excerpt-font-size);line-height:var(--site-search-result-excerpt-line-height);color:var(--site-search-result-excerpt-color);max-inline-size:var(--site-search-result-measure);overflow-wrap:anywhere}.site-search__result-excerpt mark{background-color:var(--site-search-result-mark-bg);color:var(--site-search-result-mark-color)}.site-search__result-url{font-size:var(--site-search-result-url-font-size);line-height:var(--site-search-result-url-line-height);color:var(--site-search-result-url-color);overflow-wrap:anywhere}