@studiolxd/brand 46.0.0 → 47.0.0

package/dist/sidebar-nav.js

@@ -1,60 +1,61 @@
 'use client';
 import './sidebar-nav.css';
-import { Icon as e } from "./icon.js";
-import { Tooltip as t } from "./tooltip.js";
-import { Menu as n } from "./menu.js";
-import { n as r } from "./_shared/sidebarcontext.js";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Accordion as s } from "@base-ui/react/accordion";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Icon as t } from "./icon.js";
+import { Tooltip as n } from "./tooltip.js";
+import { Menu as r } from "./menu.js";
+import { n as i } from "./_shared/sidebarcontext.js";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Accordion as c } from "@base-ui/react/accordion";
 //#region src/stories/molecules/SidebarNav/SidebarNav.tsx
-function c({ children: e, ...t }) {
-	return /* @__PURE__ */ a("a", {
+function l({ children: e, ...t }) {
+	return /* @__PURE__ */ o("a", {
 		...t,
 		children: e
 	});
 }
-function l({ label: l = "Navegación principal", emptyLabel: u = "sin docs", rail: d, entries: f, defaultValue: p, value: m, onValueChange: h, renderLink: g = c }) {
-	let _ = m === void 0 ? { defaultValue: p } : {
-		value: m,
-		onValueChange: (e) => h?.(e ?? [])
-	}, v = r();
-	return d ?? v.rail ? /* @__PURE__ */ a("nav", {
+function u({ label: u, emptyLabel: d, rail: f, entries: p, defaultValue: m, value: h, onValueChange: g, renderLink: _ = l }) {
+	let v = e("sidebarNav"), y = h === void 0 ? { defaultValue: m } : {
+		value: h,
+		onValueChange: (e) => g?.(e ?? [])
+	}, b = i();
+	return f ?? b.rail ? /* @__PURE__ */ o("nav", {
 		className: "sidebar-nav sidebar-nav--rail",
-		"aria-label": l,
-		children: /* @__PURE__ */ a("ul", {
+		"aria-label": v("label", u),
+		children: /* @__PURE__ */ o("ul", {
 			className: "sidebar-nav__rail",
 			role: "list",
-			children: f.map((e) => {
-				let r = /* @__PURE__ */ a("span", {
+			children: p.map((e) => {
+				let t = /* @__PURE__ */ o("span", {
 					className: "sidebar-nav__rail-icon",
 					"aria-hidden": "true",
-					children: e.icon ?? /* @__PURE__ */ a("span", {
+					children: e.icon ?? /* @__PURE__ */ o("span", {
 						className: "sidebar-nav__rail-initial",
 						children: e.label.charAt(0)
 					})
 				});
-				if (e.kind === "link") return e.empty ? /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(t, {
-					label: `${e.label} — ${u}`,
+				if (e.kind === "link") return e.empty ? /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(n, {
+					label: `${e.label} — ${v("empty", d)}`,
 					side: "right",
-					children: /* @__PURE__ */ a("span", {
+					children: /* @__PURE__ */ o("span", {
 						className: "sidebar-nav__rail-item sidebar-nav__rail-item--empty",
 						"aria-disabled": "true",
-						"aria-label": `${e.label} — ${u}`,
-						children: r
+						"aria-label": `${e.label} — ${v("empty", d)}`,
+						children: t
 					})
-				}) }, e.id) : /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(t, {
+				}) }, e.id) : /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(n, {
 					label: e.label,
 					side: "right",
-					children: g({
+					children: _({
 						href: e.href,
 						className: ["sidebar-nav__rail-item", e.active ? "sidebar-nav__rail-item--active" : ""].filter(Boolean).join(" "),
 						"aria-current": e.active ? "page" : void 0,
 						"aria-label": e.label,
-						children: r
+						children: t
 					})
 				}) }, e.id);
 				let i = e.items.some((e) => e.active);
-				return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(n, {
+				return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(r, {
 					items: [
 						e.href ? {
 							type: "link",
@@ -67,7 +68,7 @@ function l({ label: l = "Navegación principal", emptyLabel: u = "sin docs", rai
 						...e.href ? [{ type: "separator" }] : [],
 						...e.items.map((e) => e.empty ? {
 							type: "label",
-							label: `${e.label} · ${u}`
+							label: `${e.label} · ${v("empty", d)}`
 						} : {
 							type: "link",
 							label: e.label,
@@ -77,137 +78,137 @@ function l({ label: l = "Navegación principal", emptyLabel: u = "sin docs", rai
 					side: "right",
 					align: "start",
 					openOnHover: !0,
-					renderLink: (e) => g({
+					renderLink: (e) => _({
 						...e,
 						href: e.href,
 						className: e.className,
 						children: e.children
 					}),
-					trigger: /* @__PURE__ */ a("button", {
+					trigger: /* @__PURE__ */ o("button", {
 						type: "button",
 						className: ["sidebar-nav__rail-item", i ? "sidebar-nav__rail-item--active" : ""].filter(Boolean).join(" "),
 						"aria-label": e.label,
-						children: r
+						children: t
 					})
 				}) }, e.id);
 			})
 		})
-	}) : /* @__PURE__ */ a("nav", {
+	}) : /* @__PURE__ */ o("nav", {
 		className: "sidebar-nav",
-		"aria-label": l,
-		children: /* @__PURE__ */ a(s.Root, {
+		"aria-label": v("label", u),
+		children: /* @__PURE__ */ o(c.Root, {
 			className: "sidebar-nav__accordion",
 			multiple: !0,
-			..._,
-			children: f.map((t) => {
-				if (t.kind === "link") {
-					let e = ["sidebar-nav__top-link", t.active ? "sidebar-nav__top-link--active" : ""].filter(Boolean).join(" ");
-					return t.empty ? /* @__PURE__ */ a("div", { children: /* @__PURE__ */ o("span", {
-						className: `${e} sidebar-nav__top-link--empty`,
+			...y,
+			children: p.map((e) => {
+				if (e.kind === "link") {
+					let t = ["sidebar-nav__top-link", e.active ? "sidebar-nav__top-link--active" : ""].filter(Boolean).join(" ");
+					return e.empty ? /* @__PURE__ */ o("div", { children: /* @__PURE__ */ s("span", {
+						className: `${t} sidebar-nav__top-link--empty`,
 						"aria-disabled": "true",
-						title: t.label,
+						title: e.label,
 						children: [
-							t.icon && /* @__PURE__ */ a("span", {
+							e.icon && /* @__PURE__ */ o("span", {
 								className: "sidebar-nav__item-icon",
 								"aria-hidden": "true",
-								children: t.icon
+								children: e.icon
 							}),
-							/* @__PURE__ */ a("span", {
+							/* @__PURE__ */ o("span", {
 								className: "sidebar-nav__item-label",
-								children: t.label
+								children: e.label
 							}),
-							/* @__PURE__ */ a("span", {
+							/* @__PURE__ */ o("span", {
 								className: "sidebar-nav__empty-mark",
-								children: u
+								children: v("empty", d)
 							})
 						]
-					}) }, t.id) : /* @__PURE__ */ a("div", { children: g({
-						href: t.href,
-						className: e,
-						title: t.label,
-						"aria-current": t.active ? "page" : void 0,
-						children: /* @__PURE__ */ o(i, { children: [t.icon && /* @__PURE__ */ a("span", {
+					}) }, e.id) : /* @__PURE__ */ o("div", { children: _({
+						href: e.href,
+						className: t,
+						title: e.label,
+						"aria-current": e.active ? "page" : void 0,
+						children: /* @__PURE__ */ s(a, { children: [e.icon && /* @__PURE__ */ o("span", {
 							className: "sidebar-nav__item-icon",
 							"aria-hidden": "true",
-							children: t.icon
-						}), /* @__PURE__ */ a("span", {
+							children: e.icon
+						}), /* @__PURE__ */ o("span", {
 							className: "sidebar-nav__item-label",
-							children: t.label
+							children: e.label
 						})] })
-					}) }, t.id);
+					}) }, e.id);
 				}
-				return /* @__PURE__ */ o(s.Item, {
-					value: t.id,
+				return /* @__PURE__ */ s(c.Item, {
+					value: e.id,
 					className: "sidebar-nav__group",
-					children: [/* @__PURE__ */ o(s.Header, {
+					children: [/* @__PURE__ */ s(c.Header, {
 						className: "sidebar-nav__group-header",
-						children: [t.href ? g({
-							href: t.href,
+						children: [e.href ? _({
+							href: e.href,
 							className: "sidebar-nav__group-label",
-							title: t.label,
-							children: /* @__PURE__ */ o(i, { children: [t.icon && /* @__PURE__ */ a("span", {
+							title: e.label,
+							children: /* @__PURE__ */ s(a, { children: [e.icon && /* @__PURE__ */ o("span", {
 								className: "sidebar-nav__item-icon",
 								"aria-hidden": "true",
-								children: t.icon
-							}), /* @__PURE__ */ a("span", {
+								children: e.icon
+							}), /* @__PURE__ */ o("span", {
 								className: "sidebar-nav__item-label",
-								children: t.label
+								children: e.label
 							})] })
-						}) : /* @__PURE__ */ o("span", {
+						}) : /* @__PURE__ */ s("span", {
 							className: "sidebar-nav__group-label",
-							title: t.label,
-							children: [t.icon && /* @__PURE__ */ a("span", {
+							title: e.label,
+							children: [e.icon && /* @__PURE__ */ o("span", {
 								className: "sidebar-nav__item-icon",
 								"aria-hidden": "true",
-								children: t.icon
-							}), /* @__PURE__ */ a("span", {
+								children: e.icon
+							}), /* @__PURE__ */ o("span", {
 								className: "sidebar-nav__item-label",
-								children: t.label
+								children: e.label
 							})]
-						}), /* @__PURE__ */ a(s.Trigger, {
+						}), /* @__PURE__ */ o(c.Trigger, {
 							className: "sidebar-nav__group-chevron",
-							children: /* @__PURE__ */ a(e, {
+							children: /* @__PURE__ */ o(t, {
 								name: "chevron",
 								className: "sidebar-nav__group-chevron-icon",
 								size: "sm"
 							})
 						})]
-					}), /* @__PURE__ */ a(s.Panel, {
+					}), /* @__PURE__ */ o(c.Panel, {
 						className: "sidebar-nav__group-content",
-						children: /* @__PURE__ */ a("div", {
+						children: /* @__PURE__ */ o("div", {
 							className: "sidebar-nav__group-content-inner",
-							children: /* @__PURE__ */ a("ul", {
+							children: /* @__PURE__ */ o("ul", {
 								className: "sidebar-nav__items",
 								role: "list",
-								children: t.items.map((e) => {
+								children: e.items.map((e) => {
 									let t = ["sidebar-nav__item", e.active ? "sidebar-nav__item--active" : ""].filter(Boolean).join(" ");
-									return e.empty ? /* @__PURE__ */ a("li", { children: /* @__PURE__ */ o("span", {
+									return e.empty ? /* @__PURE__ */ o("li", { children: /* @__PURE__ */ s("span", {
 										className: `${t} sidebar-nav__item--empty`,
 										"aria-disabled": "true",
 										children: [
-											e.icon && /* @__PURE__ */ a("span", {
+											e.icon && /* @__PURE__ */ o("span", {
 												className: "sidebar-nav__item-icon",
 												"aria-hidden": "true",
 												children: e.icon
 											}),
-											/* @__PURE__ */ a("span", {
+											/* @__PURE__ */ o("span", {
 												className: "sidebar-nav__item-label",
 												children: e.label
 											}),
-											/* @__PURE__ */ a("span", {
+											/* @__PURE__ */ o("span", {
 												className: "sidebar-nav__empty-mark",
-												children: u
+												children: v("empty", d)
 											})
 										]
-									}) }, e.id) : /* @__PURE__ */ a("li", { children: g({
+									}) }, e.id) : /* @__PURE__ */ o("li", { children: _({
 										href: e.href,
 										className: t,
 										"aria-current": e.active ? "page" : void 0,
-										children: /* @__PURE__ */ o(i, { children: [e.icon && /* @__PURE__ */ a("span", {
+										children: /* @__PURE__ */ s(a, { children: [e.icon && /* @__PURE__ */ o("span", {
 											className: "sidebar-nav__item-icon",
 											"aria-hidden": "true",
 											children: e.icon
-										}), /* @__PURE__ */ a("span", {
+										}), /* @__PURE__ */ o("span", {
 											className: "sidebar-nav__item-label",
 											children: e.label
 										})] })
@@ -216,10 +217,10 @@ function l({ label: l = "Navegación principal", emptyLabel: u = "sin docs", rai
 							})
 						})
 					})]
-				}, t.id);
+				}, e.id);
 			})
 		})
 	});
 }
 //#endregion
-export { l as SidebarNav };
+export { u as SidebarNav };

package/dist/sidebar.js

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

package/dist/site-header.js

@@ -1,74 +1,75 @@
 'use client';
 import './site-header.css';
-import { Container as e } from "./container.js";
-import { MenuButton as t } from "./menu-button.js";
-import { t as n } from "./_shared/logo.js";
-import { useEffect as r, useRef as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Container as t } from "./container.js";
+import { MenuButton as n } from "./menu-button.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";
 //#region src/stories/sections/SiteHeader/SiteHeader.tsx
-function c({ children: e, ...t }) {
-	return /* @__PURE__ */ o("a", {
+function l({ children: e, ...t }) {
+	return /* @__PURE__ */ s("a", {
 		...t,
 		children: e
 	});
 }
-function l({ logoHref: l = "/", logoLabel: u = "Studio LXD — ir al inicio", menuLabel: d = "Menú de navegación", menuCloseLabel: f, logoSize: p = "xxl", logo: m = /* @__PURE__ */ o(n, { size: p }), menuButtonSize: h = "lg", renderLogoLink: g = c, width: _ = "xl", open: v, onOpenChange: y, children: b, settings: x, panelId: S = "site-header-panel", actions: C, language: w }) {
-	let [T, E] = a(!1), D = v !== void 0, O = D ? v : T, k = !!(b || x || w), A = i(null), j = i(null), M = (e) => {
-		D || E(e), y?.(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);
 	};
-	return r(() => {
-		if (!O) return;
+	return i(() => {
+		if (!A) return;
 		let e = (e) => {
-			e.key === "Escape" && (M(!1), j.current?.focus());
+			e.key === "Escape" && (P(!1), N.current?.focus());
 		}, t = (e) => {
 			let t = e.target;
-			A.current?.contains(t) || t?.closest("[role=\"menu\"], [role=\"listbox\"], [role=\"dialog\"]") || M(!1);
+			M.current?.contains(t) || t?.closest("[role=\"menu\"], [role=\"listbox\"], [role=\"dialog\"]") || P(!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;
 		};
-	}, [O]), /* @__PURE__ */ o("header", {
-		ref: A,
+	}, [A]), /* @__PURE__ */ s("header", {
+		ref: M,
 		className: "site-header",
-		children: /* @__PURE__ */ s(e, {
-			width: _,
+		children: /* @__PURE__ */ c(t, {
+			width: v,
 			innerClassName: "site-header__bar",
 			children: [
-				g({
-					href: l,
+				_({
+					href: u,
 					className: "site-header__logo",
-					"aria-label": u,
-					children: m
+					"aria-label": E("logo", d),
+					children: h
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ c("div", {
 					className: "site-header__controls",
-					children: [C && /* @__PURE__ */ o("div", {
+					children: [w && /* @__PURE__ */ s("div", {
 						className: "site-header__actions",
-						children: C
-					}), k && /* @__PURE__ */ o(t, {
-						ref: j,
-						isOpen: O,
-						onClick: () => M(!O),
-						label: d,
-						closeLabel: f,
-						size: h,
-						"aria-controls": S
+						children: w
+					}), j && /* @__PURE__ */ s(n, {
+						ref: N,
+						isOpen: A,
+						onClick: () => P(!A),
+						label: f,
+						closeLabel: p,
+						size: g,
+						"aria-controls": C
 					})]
 				}),
-				k && /* @__PURE__ */ o("div", {
-					className: ["site-header__panel", O ? "site-header__panel--open" : ""].filter(Boolean).join(" "),
-					id: S,
-					inert: !O,
-					"aria-hidden": !O,
-					children: /* @__PURE__ */ s(e, {
-						width: _,
+				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,
 						space: "none",
 						innerClassName: "site-header__panel-inner",
-						children: [b, (w || x) && /* @__PURE__ */ s("div", {
+						children: [x, (T || S) && /* @__PURE__ */ c("div", {
 							className: "site-header__settings",
-							children: [w, x]
+							children: [T, S]
 						})]
 					})
 				})
@@ -77,4 +78,4 @@ function l({ logoHref: l = "/", logoLabel: u = "Studio LXD — ir al inicio", me
 	});
 }
 //#endregion
-export { l as SiteHeader };
+export { u as SiteHeader };