@studiolxd/brand 50.0.0 → 51.0.0

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,70 +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 { 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 d({ logoHref: d = "/", logoLabel: f, menuLabel: p, menuCloseLabel: m, logoSize: h = "xxl", logo: g = /* @__PURE__ */ l(r, { size: h }), menuButtonSize: _ = "lg", renderLogoLink: v = i, width: y = "xl", open: b, onOpenChange: x, children: S, settings: C, panelId: w, actions: T, language: E }) {
-	let D = e("siteHeader"), O = o(), k = w ?? O, [A, j] = c(!1), M = b !== void 0, N = M ? b : A, P = !!(S || C || E), F = s(null), I = s(null), L = (e) => {
-		M || j(e), x?.(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 a(() => {
-		if (!N) return;
+		if (!P) return;
 		let e = (e) => {
-			e.key === "Escape" && (L(!1), I.current?.focus());
+			e.key === "Escape" && (R(!1), L.current?.focus());
 		}, t = (e) => {
 			let t = e.target;
-			F.current?.contains(t) || t?.closest("[role=\"menu\"], [role=\"listbox\"], [role=\"dialog\"]") || L(!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;
 		};
-	}, [N]), /* @__PURE__ */ l("header", {
-		ref: F,
+	}, [P]), /* @__PURE__ */ l("header", {
+		ref: I,
 		className: "site-header",
 		children: /* @__PURE__ */ u(t, {
-			width: y,
+			width: b,
 			innerClassName: "site-header__bar",
 			children: [
-				v({
-					href: d,
+				y({
+					href: f,
 					className: "site-header__logo",
-					"aria-label": D("logo", f),
-					children: g
+					"aria-label": O("logo", p),
+					children: _
 				}),
 				/* @__PURE__ */ u("div", {
 					className: "site-header__controls",
-					children: [T && /* @__PURE__ */ l("div", {
+					children: [E && /* @__PURE__ */ l("div", {
 						className: "site-header__actions",
-						children: T
-					}), P && /* @__PURE__ */ l(n, {
-						ref: I,
-						isOpen: N,
-						onClick: () => L(!N),
-						label: p,
-						closeLabel: m,
-						size: _,
-						"aria-controls": k
+						children: E
+					}), F && /* @__PURE__ */ l(n, {
+						ref: L,
+						isOpen: P,
+						onClick: () => R(!P),
+						label: m,
+						closeLabel: h,
+						size: v,
+						"aria-controls": A
 					})]
 				}),
-				P && /* @__PURE__ */ l("div", {
-					className: ["site-header__panel", N ? "site-header__panel--open" : ""].filter(Boolean).join(" "),
-					id: k,
-					inert: !N,
-					"aria-hidden": !N,
+				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: y,
+						width: b,
 						space: "none",
 						innerClassName: "site-header__panel-inner",
-						children: [S, (E || C) && /* @__PURE__ */ u("div", {
+						children: [C, (D || w) && /* @__PURE__ */ u("div", {
 							className: "site-header__settings",
-							children: [E, C]
+							children: [D, w]
 						})]
 					})
 				})
@@ -73,4 +76,4 @@ function d({ logoHref: d = "/", logoLabel: f, menuLabel: p, menuCloseLabel: m, l
 	});
 }
 //#endregion
-export { d 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,29 +1,32 @@
 '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 { 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 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 = r, 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;
+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: p,
-		"aria-label": f("label", l),
-		"data-columns": h,
-		children: c.map((e) => /* @__PURE__ */ a("div", {
+		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__ */ 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
@@ -37,15 +40,15 @@ function c({ groups: c, label: l, renderLink: u = r, className: d }) {
 						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__ */ i(n, {
-						variant: e.disabled ? "neutral" : "info",
+						tone: e.disabled ? "neutral" : "info",
 						className: "site-nav__badge",
 						children: e.badge
 					})]
@@ -55,4 +58,4 @@ function c({ groups: c, label: l, renderLink: u = r, 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}

package/dist/site-search.js

@@ -1,77 +1,93 @@
 'use client';
 import './site-search.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Spinner as t } from "./spinner.js";
 import { Button as n } from "./button.js";
 import { Skeleton as r } from "./skeleton.js";
-import { Alert as i } from "./alert.js";
+import { t as i } from "./_shared/alert.js";
 import { t as a } from "./_shared/default-render-link.js";
 import { EmptyState as o } from "./empty-state.js";
-import { SearchForm as s } from "./search-form.js";
+import { t as s } from "./_shared/searchform.js";
 import { forwardRef as c, useId as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/stories/organisms/SiteSearch/SiteSearch.tsx
-var f = c(function({ query: c, onQueryChange: f, onSubmit: p, action: m, name: h = "q", status: g = "idle", results: _ = [], total: v, minLength: y = 2, suggestions: b, onSuggestionSelect: x, onRetry: S, toolbar: C, footer: w, headingLevel: T = 2, size: E, loadingRows: D = 3, onSelect: O, renderLink: k = a, label: A, labelHidden: j = !0, placeholder: M, submitLabel: N, resultsLabel: P, className: F, id: I, ...L }, R) {
-	let z = e("siteSearch"), B = l(), V = I ?? B, H = `${V}-input`, U = `${V}-status`, W = `${V}-results`, G = `h${T}`, K = c.trim(), q = v ?? _.length, J = g === "ready" && _.length > 0, Y = g === "idle" ? z("idle") : g === "typing" ? K.length < y ? z("minLength")(y) : z("pending") : g === "loading" ? z("loading") : g === "error" ? null : z("results")(q, K);
+//#region src/stories/messages/es/siteSearch.ts
+var f = {
+	label: "Buscar en el sitio",
+	placeholder: "¿Qué estás buscando?",
+	submit: "Buscar",
+	idle: "Escribe para buscar en todo el sitio",
+	minLength: (e) => `Escribe al menos ${e} caracteres`,
+	pending: "Pulsa Intro para buscar",
+	loading: "Buscando…",
+	results: (e, t) => e === 1 ? `1 resultado para «${t}»` : `${e} resultados para «${t}»`,
+	resultsLabel: "Resultados de la búsqueda",
+	emptyTitle: "Sin resultados",
+	emptyDescription: "Revisa la ortografía o prueba con menos palabras.",
+	suggestionsLabel: "Búsquedas frecuentes",
+	errorTitle: "No se ha podido buscar",
+	errorDescription: "El buscador no ha respondido. Vuelve a intentarlo en unos segundos.",
+	retry: "Reintentar"
+}, p = c(function({ query: c, onQueryChange: p, onSubmit: m, action: h, name: g = "q", status: _ = "idle", results: v = [], total: y, minLength: b = 2, suggestions: x, onSuggestionSelect: S, onRetry: C, toolbar: w, footer: T, headingLevel: E = 2, size: D, loadingRows: O = 3, onSelect: k, renderLink: A = a, label: j, labelHidden: M = !0, placeholder: N, submitLabel: P, resultsLabel: F, className: I, id: L, ...R }, z) {
+	let B = e("siteSearch", f), V = l(), H = L ?? V, U = `${H}-input`, W = `${H}-status`, G = `${H}-results`, K = `h${E}`, q = c.trim(), J = y ?? v.length, Y = _ === "ready" && v.length > 0, X = _ === "idle" ? B("idle") : _ === "typing" ? q.length < b ? B("minLength")(b) : B("pending") : _ === "loading" ? B("loading") : _ === "error" ? null : B("results")(J, q);
 	return /* @__PURE__ */ d("div", {
-		className: ["site-search", F].filter(Boolean).join(" "),
-		...L,
+		className: ["site-search", I].filter(Boolean).join(" "),
+		...R,
 		children: [
 			/* @__PURE__ */ u(s, {
-				ref: R,
+				ref: z,
 				className: "site-search__form",
-				id: H,
-				name: h,
-				label: z("label", A),
-				labelHidden: j,
-				placeholder: z("placeholder", M),
-				submitLabel: z("submit", N),
+				id: U,
+				name: g,
+				label: B("label", j),
+				labelHidden: M,
+				placeholder: B("placeholder", N),
+				submitLabel: B("submit", P),
 				value: c,
-				onChange: (e) => f(e.target.value),
-				...p ? { onSubmit: p } : {},
-				action: m,
-				describedBy: U,
-				...J ? { controls: W } : {},
-				...E ? { size: E } : {}
+				onChange: (e) => p(e.target.value),
+				...m ? { onSubmit: m } : {},
+				action: h,
+				describedBy: W,
+				...Y ? { controls: G } : {},
+				...D ? { size: D } : {}
 			}),
-			C ? /* @__PURE__ */ u("div", {
+			w ? /* @__PURE__ */ u("div", {
 				className: "site-search__toolbar",
-				children: C
+				children: w
 			}) : null,
 			/* @__PURE__ */ d("p", {
 				className: "site-search__status",
-				id: U,
+				id: W,
 				role: "status",
 				"aria-live": "polite",
-				children: [g === "loading" ? /* @__PURE__ */ u(t, {
+				children: [_ === "loading" ? /* @__PURE__ */ u(t, {
 					size: "sm",
 					"aria-hidden": !0
 				}) : null, /* @__PURE__ */ u("span", {
 					className: "site-search__status-text",
-					children: Y
+					children: X
 				})]
 			}),
-			g === "idle" && b && b.length > 0 && x ? /* @__PURE__ */ d("div", {
+			_ === "idle" && x && x.length > 0 && S ? /* @__PURE__ */ d("div", {
 				className: "site-search__suggestions",
 				children: [/* @__PURE__ */ u("span", {
 					className: "site-search__suggestions-label",
-					id: `${V}-suggestions`,
-					children: z("suggestionsLabel")
+					id: `${H}-suggestions`,
+					children: B("suggestionsLabel")
 				}), /* @__PURE__ */ u("ul", {
 					className: "site-search__suggestions-list",
-					"aria-labelledby": `${V}-suggestions`,
-					children: b.map((e) => /* @__PURE__ */ u("li", { children: /* @__PURE__ */ u(n, {
+					"aria-labelledby": `${H}-suggestions`,
+					children: x.map((e) => /* @__PURE__ */ u("li", { children: /* @__PURE__ */ u(n, {
 						variant: "outline",
 						size: "sm",
-						onClick: () => x(e),
+						onClick: () => S(e),
 						children: e
 					}) }, e))
 				})]
 			}) : null,
-			g === "loading" ? /* @__PURE__ */ u("div", {
+			_ === "loading" ? /* @__PURE__ */ u("div", {
 				className: "site-search__loading",
 				"aria-hidden": !0,
-				children: Array.from({ length: D }, (e, t) => /* @__PURE__ */ d("div", {
+				children: Array.from({ length: O }, (e, t) => /* @__PURE__ */ d("div", {
 					className: "site-search__ghost",
 					children: [
 						/* @__PURE__ */ u(r, { className: "site-search__ghost-section" }),
@@ -81,24 +97,24 @@ var f = c(function({ query: c, onQueryChange: f, onSubmit: p, action: m, name: h
 					]
 				}, t))
 			}) : null,
-			J ? /* @__PURE__ */ u("ol", {
+			Y ? /* @__PURE__ */ u("ol", {
 				className: "site-search__results",
-				id: W,
-				"aria-label": z("resultsLabel", P),
-				children: _.map((e) => /* @__PURE__ */ d("li", {
+				id: G,
+				"aria-label": B("resultsLabel", F),
+				children: v.map((e) => /* @__PURE__ */ d("li", {
 					className: "site-search__result",
 					children: [
 						e.section ? /* @__PURE__ */ u("p", {
 							className: "site-search__result-section",
 							children: e.section
 						}) : null,
-						/* @__PURE__ */ u(G, {
+						/* @__PURE__ */ u(K, {
 							className: "site-search__result-title",
-							children: k({
+							children: A({
 								href: e.href,
 								className: "site-search__result-link",
 								children: e.title,
-								onClick: () => O?.(e)
+								onClick: () => k?.(e)
 							})
 						}),
 						e.excerpt ? /* @__PURE__ */ u("p", {
@@ -112,28 +128,28 @@ var f = c(function({ query: c, onQueryChange: f, onSubmit: p, action: m, name: h
 					]
 				}, e.href))
 			}) : null,
-			g === "ready" && _.length === 0 ? /* @__PURE__ */ u(o, {
+			_ === "ready" && v.length === 0 ? /* @__PURE__ */ u(o, {
 				className: "site-search__empty",
-				title: z("emptyTitle"),
-				description: z("emptyDescription")
+				title: B("emptyTitle"),
+				description: B("emptyDescription")
 			}) : null,
-			g === "error" ? /* @__PURE__ */ u(i, {
+			_ === "error" ? /* @__PURE__ */ u(i, {
 				className: "site-search__error",
-				variant: "error",
-				title: z("errorTitle"),
-				description: z("errorDescription"),
-				actions: S ? /* @__PURE__ */ u(n, {
+				tone: "error",
+				title: B("errorTitle"),
+				description: B("errorDescription"),
+				actions: C ? /* @__PURE__ */ u(n, {
 					variant: "outline",
-					onClick: S,
-					children: z("retry")
+					onClick: C,
+					children: B("retry")
 				}) : void 0
 			}) : null,
-			w && J ? /* @__PURE__ */ u("div", {
+			T && Y ? /* @__PURE__ */ u("div", {
 				className: "site-search__footer",
-				children: w
+				children: T
 			}) : null
 		]
 	});
 });
 //#endregion
-export { f as SiteSearch };
+export { p as SiteSearch };

package/dist/skip-link.css

@@ -1 +1 @@
-.skip-link:focus-visible{block-size:auto;inline-size:auto;padding-block:var(--skip-link-padding-block);padding-inline:var(--skip-link-padding-inline);clip-path:none;white-space:nowrap;z-index:var(--skip-link-z-index);background-color:var(--skip-link-bg);color:var(--skip-link-color);font-weight:var(--skip-link-font-weight);box-shadow:none;outline:var(--skip-link-focus-ring-width) solid var(--skip-link-focus-ring-color);outline-offset:var(--skip-link-focus-ring-offset);margin:0;text-decoration:none;position:fixed;inset-block-start:var(--skip-link-inset);inset-inline-start:var(--skip-link-inset);overflow:visible}
+.skip-link:focus-visible{block-size:auto;inline-size:auto;padding-block:var(--skip-link-padding-block);padding-inline:var(--skip-link-padding-inline);clip-path:none;white-space:nowrap;z-index:var(--skip-link-z-index);background-color:var(--skip-link-bg);color:var(--skip-link-color);font-weight:var(--skip-link-font-weight);outline:var(--skip-link-focus-ring-width) solid var(--skip-link-focus-ring-color);outline-offset:var(--skip-link-focus-ring-offset);margin:0;text-decoration:none;position:fixed;inset-block-start:var(--skip-link-inset);inset-inline-start:var(--skip-link-inset);overflow:visible}

package/dist/slider.css

@@ -1 +1 @@
-.slider{align-items:center;gap:var(--slider-value-gap);inline-size:100%;display:flex}.slider.slider--vertical{flex-direction:column;block-size:100%;inline-size:auto}.slider__control{block-size:var(--slider-control-block-size);cursor:var(--slider-cursor);touch-action:none;flex:1;align-items:center;display:flex}.slider--vertical .slider__control{inline-size:var(--slider-control-block-size);flex-direction:column;justify-content:center;block-size:auto}.slider__track{inline-size:100%;block-size:var(--slider-track-size);background-color:var(--slider-track-bg);border-radius:var(--slider-track-border-radius);position:relative}.slider--vertical .slider__track{inline-size:var(--slider-track-size);block-size:100%}.slider__indicator{background-color:var(--slider-indicator-bg);border-radius:var(--slider-track-border-radius);position:absolute}.slider__thumb{inline-size:var(--slider-thumb-size);block-size:var(--slider-thumb-size);background-color:var(--slider-thumb-bg);border-width:var(--slider-thumb-border-width);border-style:solid;border-color:var(--slider-thumb-border-color);border-radius:var(--slider-thumb-border-radius);transition:background-color var(--slider-transition-duration) var(--slider-transition-easing)}.slider__thumb:focus-visible{outline:var(--slider-focus-ring-width) solid var(--slider-focus-ring-color);outline-offset:var(--slider-focus-ring-offset)}.slider[data-disabled]{opacity:var(--slider-disabled-opacity)}.slider[data-disabled] .slider__control{cursor:var(--slider-disabled-cursor)}.slider__value{font-family:var(--slider-value-font-family);font-size:var(--slider-value-font-size);color:var(--slider-value-color);font-variant-numeric:tabular-nums}
+.slider{align-items:center;gap:var(--slider-value-gap);inline-size:100%;display:flex}.slider.slider--vertical{flex-direction:column;block-size:100%;inline-size:auto}.slider__control{block-size:var(--slider-control-height);cursor:var(--slider-cursor);touch-action:none;flex:1;align-items:center;display:flex}.slider--vertical .slider__control{inline-size:var(--slider-control-height);flex-direction:column;justify-content:center;block-size:auto}.slider__track{inline-size:100%;block-size:var(--slider-track-size);background-color:var(--slider-track-bg);border-radius:var(--slider-track-border-radius);position:relative}.slider--vertical .slider__track{inline-size:var(--slider-track-size);block-size:100%}.slider__indicator{background-color:var(--slider-indicator-bg);border-radius:var(--slider-track-border-radius);position:absolute}.slider__thumb{inline-size:var(--slider-thumb-size);block-size:var(--slider-thumb-size);background-color:var(--slider-thumb-bg);border-width:var(--slider-thumb-border-width);border-style:solid;border-color:var(--slider-thumb-border-color);border-radius:var(--slider-thumb-border-radius);transition:background-color var(--slider-transition-duration) var(--slider-transition-easing)}.slider__thumb:focus-visible{outline:var(--slider-focus-ring-width) solid var(--slider-focus-ring-color);outline-offset:var(--slider-focus-ring-offset)}.slider[data-disabled]{opacity:var(--slider-disabled-opacity)}.slider[data-disabled] .slider__control{cursor:var(--slider-disabled-cursor)}.slider__value{font-family:var(--slider-value-font-family);font-size:var(--slider-value-font-size);color:var(--slider-value-color);font-variant-numeric:tabular-nums}

package/dist/slider.js

@@ -1,36 +1,4 @@
 'use client';
 import './slider.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Slider as r } from "@base-ui/react/slider";
-//#region src/stories/atoms/Slider/Slider.tsx
-function i({ value: i, defaultValue: a, onValueChange: o, onValueCommitted: s, label: c, thumbLabel: l, showValue: u = !1, orientation: d = "horizontal", className: f, ...p }) {
-	let m = e("slider"), h = i ?? a ?? 0, g = Array.isArray(h) ? h.length : 1, _ = l ?? ((e, t) => t === 1 ? m("value", c) : t === 2 ? m(e === 0 ? "min" : "max") : m("valueAt")(e + 1)), v = [
-		"slider",
-		d === "vertical" ? "slider--vertical" : "",
-		f ?? ""
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ n(r.Root, {
-		className: v,
-		orientation: d,
-		value: i,
-		defaultValue: a,
-		"aria-label": g === 1 ? void 0 : c,
-		onValueChange: o ? (e) => o(e) : void 0,
-		onValueCommitted: s ? (e) => s(e) : void 0,
-		...p,
-		children: [/* @__PURE__ */ t(r.Control, {
-			className: "slider__control",
-			children: /* @__PURE__ */ n(r.Track, {
-				className: "slider__track",
-				children: [/* @__PURE__ */ t(r.Indicator, { className: "slider__indicator" }), Array.from({ length: g }, (e, n) => /* @__PURE__ */ t(r.Thumb, {
-					index: n,
-					className: "slider__thumb",
-					getAriaLabel: () => _(n, g)
-				}, n))]
-			})
-		}), u && /* @__PURE__ */ t(r.Value, { className: "slider__value" })]
-	});
-}
-//#endregion
-export { i as Slider };
+import { t as e } from "./_shared/slider.js";
+export { e as Slider };

package/dist/sparkline.js

@@ -1,55 +1,57 @@
 import './sparkline.css';
-import { forwardRef as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { n as e } from "./_shared/env.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/stories/atoms/Sparkline/Sparkline.tsx
-var r = {
+var i = {
 	width: 80,
 	height: 24,
 	markerSize: 8
-}, i = e(function({ values: e, type: i = "line", width: a = r.width, height: o = r.height, marker: s = !0, baseline: c = !0, series: l, ariaLabel: u, className: d, ...f }, p) {
-	let m = [
+}, a = t(function({ values: t, type: a = "line", width: o = i.width, height: s = i.height, marker: c = !0, baseline: l = !0, series: u, "aria-label": d, ariaLabel: f, className: p, ...m }, h) {
+	f !== void 0 && e("Sparkline", "ariaLabel", "`aria-label`");
+	let g = d ?? f, _ = [
 		"sparkline",
-		`sparkline--${i}`,
-		d
-	].filter(Boolean).join(" "), h = e.filter((e) => Number.isFinite(e)), g = r.markerSize / 2, _ = h.length ? Math.min(...h) : 0, v = h.length ? Math.max(...h) : 1, y = v - _ || 1, b = h.map((e, t) => ({
-		x: g + (h.length > 1 ? t * (a - g * 2) / (h.length - 1) : (a - g * 2) / 2),
-		y: o - g - (e - _) / y * (o - g * 2)
-	})), x = b.map((e, t) => `${t === 0 ? "M" : "L"} ${e.x} ${e.y}`).join(" "), S = b[b.length - 1], C = _ < 0 && v > 0, w = o - g - (0 - _) / y * (o - g * 2);
-	return b.length === 0 ? null : /* @__PURE__ */ n("svg", {
-		ref: p,
-		className: m,
-		"data-series": l,
-		viewBox: `0 0 ${a} ${o}`,
-		width: a,
-		height: o,
-		role: u ? "img" : void 0,
-		"aria-label": u,
-		"aria-hidden": u ? void 0 : !0,
-		...f,
+		`sparkline--${a}`,
+		p
+	].filter(Boolean).join(" "), v = t.filter((e) => Number.isFinite(e)), y = i.markerSize / 2, b = v.length ? Math.min(...v) : 0, x = v.length ? Math.max(...v) : 1, S = x - b || 1, C = v.map((e, t) => ({
+		x: y + (v.length > 1 ? t * (o - y * 2) / (v.length - 1) : (o - y * 2) / 2),
+		y: s - y - (e - b) / S * (s - y * 2)
+	})), w = C.map((e, t) => `${t === 0 ? "M" : "L"} ${e.x} ${e.y}`).join(" "), T = C[C.length - 1], E = b < 0 && x > 0, D = s - y - (0 - b) / S * (s - y * 2);
+	return C.length === 0 ? null : /* @__PURE__ */ r("svg", {
+		ref: h,
+		className: _,
+		"data-series": u,
+		viewBox: `0 0 ${o} ${s}`,
+		width: o,
+		height: s,
+		role: g ? "img" : void 0,
+		"aria-label": g,
+		"aria-hidden": g ? void 0 : !0,
+		...m,
 		children: [
-			c && C ? /* @__PURE__ */ t("line", {
+			l && E ? /* @__PURE__ */ n("line", {
 				className: "sparkline__baseline",
 				x1: 0,
-				y1: w,
-				x2: a,
-				y2: w
+				y1: D,
+				x2: o,
+				y2: D
 			}) : null,
-			i === "area" && S ? /* @__PURE__ */ t("path", {
+			a === "area" && T ? /* @__PURE__ */ n("path", {
 				className: "sparkline__area",
-				d: `${x} L ${S.x} ${o} L ${b[0]?.x ?? 0} ${o} Z`
+				d: `${w} L ${T.x} ${s} L ${C[0]?.x ?? 0} ${s} Z`
 			}) : null,
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ n("path", {
 				className: "sparkline__line",
-				d: x
+				d: w
 			}),
-			s && S ? /* @__PURE__ */ t("circle", {
+			c && T ? /* @__PURE__ */ n("circle", {
 				className: "sparkline__marker",
-				cx: S.x,
-				cy: S.y,
-				r: r.markerSize / 2
+				cx: T.x,
+				cy: T.y,
+				r: i.markerSize / 2
 			}) : null
 		]
 	});
 });
 //#endregion
-export { i as Sparkline };
+export { a as Sparkline };