@studiolxd/brand 39.0.0 → 40.1.0

package/dist/radio-group.js

@@ -1,18 +1,18 @@
 'use client';
 import './radio-group.css';
 import { t as e } from "./_shared/radiogroupcontext.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useCallback as n, useId as r, useState as i } from "react";
+import { useCallback as t, useId as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/stories/atoms/RadioGroup/RadioGroup.tsx
 function a({ value: a, defaultValue: o, onValueChange: s, name: c, disabled: l, size: u, error: d, orientation: f = "vertical", children: p, className: m, ...h }) {
-	let g = r(), [_, v] = i(o), y = a !== void 0, b = y ? a : _, x = n((e) => {
+	let g = n(), [_, v] = r(o), y = a !== void 0, b = y ? a : _, x = t((e) => {
 		y || v(e), s?.(e);
 	}, [y, s]), S = [
 		"radio-group",
 		f === "horizontal" ? "radio-group--horizontal" : "",
 		m ?? ""
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ t(e.Provider, {
+	return /* @__PURE__ */ i(e.Provider, {
 		value: {
 			name: c ?? g,
 			value: b,
@@ -21,7 +21,7 @@ function a({ value: a, defaultValue: o, onValueChange: s, name: c, disabled: l,
 			size: u,
 			error: d
 		},
-		children: /* @__PURE__ */ t("div", {
+		children: /* @__PURE__ */ i("div", {
 			role: "radiogroup",
 			className: S,
 			...h,

package/dist/radio.js

@@ -1,11 +1,11 @@
 'use client';
 import './radio.css';
 import { n as e } from "./_shared/radiogroupcontext.js";
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/stories/atoms/Radio/Radio.tsx
-var r = n(function({ size: n, error: r, className: i, ...a }, o) {
-	let s = e(), c = n ?? s?.size ?? "md", l = r ?? s?.error ?? !1, u = a.name ?? s?.name, d = a.disabled ?? s?.disabled, f = a.checked ?? (s && a.value !== void 0 ? s.value === a.value : void 0), p = [
+var r = t(function({ size: t, error: r, className: i, ...a }, o) {
+	let s = e(), c = t ?? s?.size ?? "md", l = r ?? s?.error ?? !1, u = a.name ?? s?.name, d = a.disabled ?? s?.disabled, f = a.checked ?? (s && a.value !== void 0 ? s.value === a.value : void 0), p = [
 		"radio",
 		c === "md" ? "" : `radio--${c}`,
 		l ? "radio--error" : "",
@@ -14,7 +14,7 @@ var r = n(function({ size: n, error: r, className: i, ...a }, o) {
 	function m(e) {
 		a.onChange?.(e), s && e.target.checked && s.select(e.target.value);
 	}
-	return /* @__PURE__ */ t("input", {
+	return /* @__PURE__ */ n("input", {
 		ref: o,
 		className: p,
 		"aria-invalid": l || void 0,

package/dist/scroll-area.js

@@ -1,35 +1,35 @@
 'use client';
 import './scroll-area.css';
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { ScrollArea as r } from "@base-ui/react/scroll-area";
 //#region src/stories/atoms/ScrollArea/ScrollArea.tsx
-var i = n(function({ orientation: n = "vertical", label: i, children: a, className: o, ...s }, c) {
-	let l = n === "vertical" || n === "both", u = n === "horizontal" || n === "both";
-	return /* @__PURE__ */ t(r.Root, {
+var i = e(function({ orientation: e = "vertical", label: i, children: a, className: o, ...s }, c) {
+	let l = e === "vertical" || e === "both", u = e === "horizontal" || e === "both";
+	return /* @__PURE__ */ n(r.Root, {
 		ref: c,
 		className: ["scroll-area", o].filter(Boolean).join(" "),
 		...s,
 		children: [
-			/* @__PURE__ */ e(r.Viewport, {
+			/* @__PURE__ */ t(r.Viewport, {
 				className: "scroll-area__viewport",
 				role: i ? "region" : void 0,
 				"aria-label": i,
 				children: a
 			}),
-			l && /* @__PURE__ */ e(r.Scrollbar, {
+			l && /* @__PURE__ */ t(r.Scrollbar, {
 				keepMounted: !0,
 				orientation: "vertical",
 				className: "scroll-area__scrollbar",
-				children: /* @__PURE__ */ e(r.Thumb, { className: "scroll-area__thumb" })
+				children: /* @__PURE__ */ t(r.Thumb, { className: "scroll-area__thumb" })
 			}),
-			u && /* @__PURE__ */ e(r.Scrollbar, {
+			u && /* @__PURE__ */ t(r.Scrollbar, {
 				keepMounted: !0,
 				orientation: "horizontal",
 				className: "scroll-area__scrollbar",
-				children: /* @__PURE__ */ e(r.Thumb, { className: "scroll-area__thumb" })
+				children: /* @__PURE__ */ t(r.Thumb, { className: "scroll-area__thumb" })
 			}),
-			l && u && /* @__PURE__ */ e(r.Corner, { className: "scroll-area__corner" })
+			l && u && /* @__PURE__ */ t(r.Corner, { className: "scroll-area__corner" })
 		]
 	});
 });

package/dist/search-form.js

@@ -3,11 +3,11 @@ import './search-form.css';
 import { Icon as e } from "./icon.js";
 import { n as t } from "./_shared/form-size.js";
 import { InputField as n } from "./input-field.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as a, useId as o } from "react";
+import { forwardRef as r, useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/stories/molecules/SearchForm/SearchForm.tsx
-var s = a(function({ id: a, name: s = "q", value: c, defaultValue: l, onChange: u, onSubmit: d, action: f, method: p = "get", label: m = "Buscar", labelHidden: h = !0, placeholder: g = "Buscar…", submitLabel: _ = "Buscar", size: v, disabled: y }, b) {
-	let x = t(v === "xl" ? void 0 : v), S = v === "xl" ? "xl" : x, C = S === "xl" ? "lg" : S, w = o(), T = a ?? w;
+var s = r(function({ id: r, name: s = "q", value: c, defaultValue: l, onChange: u, onSubmit: d, action: f, method: p = "get", label: m = "Buscar", labelHidden: h = !0, placeholder: g = "Buscar…", submitLabel: _ = "Buscar", size: v, disabled: y }, b) {
+	let x = t(v === "xl" ? void 0 : v), S = v === "xl" ? "xl" : x, C = S === "xl" ? "lg" : S, w = i(), T = r ?? w;
 	function E(e) {
 		let t = String(new FormData(e.currentTarget).get(s) ?? "").trim();
 		if (d) {
@@ -16,14 +16,14 @@ var s = a(function({ id: a, name: s = "q", value: c, defaultValue: l, onChange:
 		}
 		t || e.preventDefault();
 	}
-	return /* @__PURE__ */ i("form", {
+	return /* @__PURE__ */ o("form", {
 		className: ["search-form", S === "md" ? "" : `search-form--${S}`].filter(Boolean).join(" "),
 		role: "search",
 		"aria-label": m,
 		action: f,
 		method: p,
 		onSubmit: E,
-		children: [/* @__PURE__ */ r(n, {
+		children: [/* @__PURE__ */ a(n, {
 			ref: b,
 			className: "search-form__field",
 			id: T,
@@ -39,12 +39,12 @@ var s = a(function({ id: a, name: s = "q", value: c, defaultValue: l, onChange:
 			disabled: y,
 			size: C,
 			onChange: u
-		}), /* @__PURE__ */ r("button", {
+		}), /* @__PURE__ */ a("button", {
 			className: "search-form__submit",
 			type: "submit",
 			disabled: y,
 			"aria-label": _,
-			children: /* @__PURE__ */ r(e, {
+			children: /* @__PURE__ */ a(e, {
 				name: "arrow",
 				className: "search-form__submit-glyph"
 			})

package/dist/select-field.js

@@ -5,8 +5,8 @@ import { ErrorText as t } from "./error-text.js";
 import { Label as n } from "./label.js";
 import { Select as r, isSelectOptionGroup as i } from "./select.js";
 import { n as a } from "./_shared/field-labels.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as c, useId as l } from "react";
+import { forwardRef as o, useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/stories/molecules/SelectField/SelectField.tsx
 var u = "__empty__";
 function d(e, t) {
@@ -21,21 +21,21 @@ function p(e) {
 		value: u
 	} : e;
 }
-var m = c(function({ id: c, label: u, labelHidden: m, options: h, value: g, defaultValue: _, placeholder: v, name: y, disabled: b, required: x, size: S, error: C = !1, errorMessage: w, helperText: T, className: E, onValueChange: D, onBlur: O }, k) {
-	let A = a(m), j = e(S), M = l(), N = c ?? M, P = w ? `${N}-error` : void 0, F = T ? `${N}-helper` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0, L = C || !!w, R = h.some((e) => i(e) ? e.options.some((e) => e.value === "") : e.value === ""), z = R ? h.map((e) => i(e) ? {
+var m = o(function({ id: o, label: u, labelHidden: m, options: h, value: g, defaultValue: _, placeholder: v, name: y, disabled: b, required: x, size: S, error: C = !1, errorMessage: w, helperText: T, className: E, onValueChange: D, onBlur: O }, k) {
+	let A = a(m), j = e(S), M = s(), N = o ?? M, P = w ? `${N}-error` : void 0, F = T ? `${N}-helper` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0, L = C || !!w, R = h.some((e) => i(e) ? e.options.some((e) => e.value === "") : e.value === ""), z = R ? h.map((e) => i(e) ? {
 		...e,
 		options: e.options.map(p)
 	} : p(e)) : h;
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ l("div", {
 		className: ["select-field", E].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ o(n, {
+			/* @__PURE__ */ c(n, {
 				htmlFor: N,
 				hidden: A,
 				size: j,
 				children: u
 			}),
-			/* @__PURE__ */ o(r, {
+			/* @__PURE__ */ c(r, {
 				ref: k,
 				id: N,
 				name: y,
@@ -51,11 +51,11 @@ var m = c(function({ id: c, label: u, labelHidden: m, options: h, value: g, defa
 				onValueChange: D ? (e) => D(f(e)) : void 0,
 				onBlur: O
 			}),
-			w && /* @__PURE__ */ o(t, {
+			w && /* @__PURE__ */ c(t, {
 				id: P,
 				children: w
 			}),
-			T && /* @__PURE__ */ o("span", {
+			T && /* @__PURE__ */ c("span", {
 				id: F,
 				className: "select-field__helper",
 				children: T

package/dist/select.js

@@ -1,145 +1,145 @@
 'use client';
 import './select.css';
 import { Icon as e } from "./icon.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Children as r, createContext as i, forwardRef as a, isValidElement as o, useContext as s, useMemo as c } from "react";
+import { Children as t, createContext as n, forwardRef as r, isValidElement as i, useContext as a, useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Select as l } from "@base-ui/react/select";
 //#region src/stories/atoms/Select/Select.tsx
 function u(e) {
 	return Array.isArray(e.options);
 }
-var d = i(null);
-function f(e, t) {
-	r.forEach(e, (e) => {
-		if (!o(e)) return;
-		let n = e.props ?? {};
-		if (e.type === v || typeof n.value == "string" && e.type !== p) {
-			typeof n.value == "string" && t.set(n.value, n.children);
+var d = n(null);
+function f(e, n) {
+	t.forEach(e, (e) => {
+		if (!i(e)) return;
+		let t = e.props ?? {};
+		if (e.type === v || typeof t.value == "string" && e.type !== p) {
+			typeof t.value == "string" && n.set(t.value, t.children);
 			return;
 		}
-		n.children != null && f(n.children, t);
+		t.children != null && f(t.children, n);
 	});
 }
-function p({ children: e, onValueChange: n, ...r }) {
-	let i = c(() => {
+function p({ children: e, onValueChange: t, ...n }) {
+	let r = o(() => {
 		let t = /* @__PURE__ */ new Map();
 		return f(e, t), t;
 	}, [e]);
-	return /* @__PURE__ */ t(d.Provider, {
-		value: i,
-		children: /* @__PURE__ */ t(l.Root, {
-			onValueChange: n ? (e) => n(e) : void 0,
-			...r,
+	return /* @__PURE__ */ s(d.Provider, {
+		value: r,
+		children: /* @__PURE__ */ s(l.Root, {
+			onValueChange: t ? (e) => t(e) : void 0,
+			...n,
 			children: e
 		})
 	});
 }
-var m = a(function({ placeholder: e, children: n, ...r }, i) {
-	let a = s(d);
-	return /* @__PURE__ */ t(l.Value, {
-		ref: i,
-		...r,
-		children: (t) => typeof n == "function" ? n(t) : n ?? (t == null || t === "" ? e ?? null : a?.get(t) ?? t)
+var m = r(function({ placeholder: e, children: t, ...n }, r) {
+	let i = a(d);
+	return /* @__PURE__ */ s(l.Value, {
+		ref: r,
+		...n,
+		children: (n) => typeof t == "function" ? t(n) : t ?? (n == null || n === "" ? e ?? null : i?.get(n) ?? n)
 	});
-}), h = a(function({ className: e, children: n, ...r }, i) {
-	let a = ["select__group", e ?? ""].filter(Boolean).join(" ");
-	return /* @__PURE__ */ t(l.Group, {
-		ref: i,
-		className: a,
-		...r,
-		children: n
+}), h = r(function({ className: e, children: t, ...n }, r) {
+	let i = ["select__group", e ?? ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ s(l.Group, {
+		ref: r,
+		className: i,
+		...n,
+		children: t
 	});
-}), g = a(function({ size: r = "md", className: i, children: a, ...o }, s) {
-	let c = [
+}), g = r(function({ size: t = "md", className: n, children: r, ...i }, a) {
+	let o = [
 		"select",
-		r === "md" ? "" : `select--${r}`,
-		i ?? ""
+		t === "md" ? "" : `select--${t}`,
+		n ?? ""
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ n(l.Trigger, {
-		ref: s,
-		className: c,
-		...o,
-		children: [a, /* @__PURE__ */ t(e, {
+	return /* @__PURE__ */ c(l.Trigger, {
+		ref: a,
+		className: o,
+		...i,
+		children: [r, /* @__PURE__ */ s(e, {
 			name: "chevron",
 			className: "select__icon",
-			size: r === "sm" ? "xs" : r === "lg" ? "md" : "sm"
+			size: t === "sm" ? "xs" : t === "lg" ? "md" : "sm"
 		})]
 	});
-}), _ = a(function({ size: e = "md", container: n, className: r, children: i, side: a = "bottom", align: o = "start", sideOffset: s = -1, ...c }, u) {
+}), _ = r(function({ size: e = "md", container: t, className: n, children: r, side: i = "bottom", align: a = "start", sideOffset: o = -1, ...c }, u) {
 	let d = [
 		"select__content",
 		e === "md" ? "" : `select__content--${e}`,
-		r ?? ""
+		n ?? ""
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ t(l.Portal, {
-		container: n,
-		children: /* @__PURE__ */ t(l.Positioner, {
+	return /* @__PURE__ */ s(l.Portal, {
+		container: t,
+		children: /* @__PURE__ */ s(l.Positioner, {
 			className: "select__positioner",
-			side: a,
-			align: o,
-			sideOffset: s,
+			side: i,
+			align: a,
+			sideOffset: o,
 			alignItemWithTrigger: !1,
-			children: /* @__PURE__ */ t(l.Popup, {
+			children: /* @__PURE__ */ s(l.Popup, {
 				ref: u,
 				className: d,
 				...c,
-				children: i
+				children: r
 			})
 		})
 	});
-}), v = a(function({ className: e, children: n, ...r }, i) {
-	let a = ["select__item", e ?? ""].filter(Boolean).join(" ");
-	return /* @__PURE__ */ t(l.Item, {
-		ref: i,
-		className: a,
-		...r,
-		children: /* @__PURE__ */ t(l.ItemText, { children: n })
-	});
-}), y = a(function({ className: e, children: n, ...r }, i) {
-	let a = ["select__label", e ?? ""].filter(Boolean).join(" ");
-	return /* @__PURE__ */ t(l.GroupLabel, {
-		ref: i,
-		className: a,
-		...r,
-		children: n
+}), v = r(function({ className: e, children: t, ...n }, r) {
+	let i = ["select__item", e ?? ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ s(l.Item, {
+		ref: r,
+		className: i,
+		...n,
+		children: /* @__PURE__ */ s(l.ItemText, { children: t })
 	});
-}), b = a(function({ className: e, ...n }, r) {
-	let i = ["select__separator", e ?? ""].filter(Boolean).join(" ");
-	return /* @__PURE__ */ t(l.Separator, {
+}), y = r(function({ className: e, children: t, ...n }, r) {
+	let i = ["select__label", e ?? ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ s(l.GroupLabel, {
 		ref: r,
 		className: i,
-		...n
+		...n,
+		children: t
+	});
+}), b = r(function({ className: e, ...t }, n) {
+	let r = ["select__separator", e ?? ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ s(l.Separator, {
+		ref: n,
+		className: r,
+		...t
 	});
 });
-function x({ value: e, label: n, "aria-label": r }) {
-	return /* @__PURE__ */ t(v, {
+function x({ value: e, label: t, "aria-label": n }) {
+	return /* @__PURE__ */ s(v, {
 		value: e,
-		"aria-label": r,
-		children: n
+		"aria-label": n,
+		children: t
 	}, e);
 }
-var S = a(function({ options: e, value: r, defaultValue: i, placeholder: a = "Seleccionar…", disabled: o, readOnly: s, size: c = "md", onValueChange: l, id: d, name: f, required: v, onBlur: b, "aria-label": S, "aria-describedby": C, "aria-invalid": w, container: T }, E) {
-	return /* @__PURE__ */ n(p, {
-		value: r,
-		defaultValue: i,
-		disabled: o,
-		readOnly: s,
+var S = r(function({ options: e, value: t, defaultValue: n, placeholder: r = "Seleccionar…", disabled: i, readOnly: a, size: o = "md", onValueChange: l, id: d, name: f, required: v, onBlur: b, "aria-label": S, "aria-describedby": C, "aria-invalid": w, container: T }, E) {
+	return /* @__PURE__ */ c(p, {
+		value: t,
+		defaultValue: n,
+		disabled: i,
+		readOnly: a,
 		name: f,
 		required: v,
 		onValueChange: l,
-		children: [/* @__PURE__ */ t(g, {
+		children: [/* @__PURE__ */ s(g, {
 			ref: E,
-			size: c,
+			size: o,
 			id: d,
 			onBlur: b,
 			"aria-label": S,
 			"aria-describedby": C,
 			"aria-invalid": w || void 0,
-			children: /* @__PURE__ */ t(m, { placeholder: a })
-		}), /* @__PURE__ */ t(_, {
-			size: c,
+			children: /* @__PURE__ */ s(m, { placeholder: r })
+		}), /* @__PURE__ */ s(_, {
+			size: o,
 			container: T,
-			children: e.map((e, r) => u(e) ? /* @__PURE__ */ n(h, { children: [/* @__PURE__ */ t(y, { children: e.label }), e.options.map(x)] }, `group-${r}`) : x(e))
+			children: e.map((e, t) => u(e) ? /* @__PURE__ */ c(h, { children: [/* @__PURE__ */ s(y, { children: e.label }), e.options.map(x)] }, `group-${t}`) : x(e))
 		})]
 	});
 }), C = Object.assign(S, {

package/dist/separator.js

@@ -1,17 +1,17 @@
 import './separator.css';
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/stories/atoms/Separator/Separator.tsx
-var n = t(function({ orientation: t = "horizontal", decorative: n = !0, spacing: r = "md", className: i, ...a }, o) {
-	return /* @__PURE__ */ e("hr", {
+var n = e(function({ orientation: e = "horizontal", decorative: n = !0, spacing: r = "md", className: i, ...a }, o) {
+	return /* @__PURE__ */ t("hr", {
 		ref: o,
 		className: [
 			"separator",
-			t === "vertical" ? "separator--vertical" : "",
+			e === "vertical" ? "separator--vertical" : "",
 			r === "md" ? "" : `separator--${r}`,
 			i ?? ""
 		].filter(Boolean).join(" "),
-		...n ? { role: "none" } : t === "vertical" ? { "aria-orientation": "vertical" } : {},
+		...n ? { role: "none" } : e === "vertical" ? { "aria-orientation": "vertical" } : {},
 		...a
 	});
 });

package/dist/sidebar.js

@@ -2,8 +2,8 @@
 import './sidebar.css';
 import { n as e, t } from "./_shared/sidebarcontext.js";
 import { t as n } from "./_shared/appshellcontext.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useCallback as a, useContext as o, useEffect as s, useRef as c, useState as l } from "react";
+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";
 //#region src/stories/sections/Sidebar/Sidebar.tsx
 function u(e, t) {
 	let n = document.createElement("div");
@@ -12,8 +12,8 @@ function u(e, t) {
 	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 = o(n), y = v ? v.sidebar : _ ?? "open", b = v ? v.isDesktop : !0, x = b && y === "rail", S = !b, C = c(null), w = c(null), [T, E] = l(null);
-	s(() => {
+	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;
 		if (!e) return;
 		let t = {
@@ -26,7 +26,7 @@ function d({ logo: e, children: d, footer: f, id: p, label: m = "Barra lateral",
 	}, []);
 	let D = (e) => {
 		!S || !v || e.target.closest("a[href], [aria-haspopup=\"dialog\"]") && v.closeSidebar();
-	}, O = a((e) => {
+	}, O = r((e) => {
 		let t = C.current;
 		if (!t || !v) return;
 		let n = u(t, "--sidebar-min-width"), r = u(t, "--sidebar-max-width");
@@ -45,7 +45,7 @@ function d({ logo: e, children: d, footer: f, id: p, label: m = "Barra lateral",
 		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")));
 	};
-	s(() => {
+	a(() => {
 		if (!S) return;
 		if (y === "open") {
 			w.current = document.activeElement, C.current?.focus();
@@ -55,9 +55,9 @@ function d({ logo: e, children: d, footer: f, id: p, label: m = "Barra lateral",
 		(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__ */ r(t.Provider, {
+	return /* @__PURE__ */ c(t.Provider, {
 		value: { rail: x },
-		children: /* @__PURE__ */ i("aside", {
+		children: /* @__PURE__ */ l("aside", {
 			ref: C,
 			id: p,
 			className: M,
@@ -68,23 +68,23 @@ function d({ logo: e, children: d, footer: f, id: p, label: m = "Barra lateral",
 			tabIndex: S ? -1 : void 0,
 			inert: S && y === "closed" ? !0 : void 0,
 			onClick: D,
-			children: [/* @__PURE__ */ i("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: "sidebar__inner",
 				children: [
-					e && /* @__PURE__ */ r("div", {
+					e && /* @__PURE__ */ c("div", {
 						className: "sidebar__header",
 						children: e
 					}),
-					/* @__PURE__ */ r("div", {
+					/* @__PURE__ */ c("div", {
 						className: "sidebar__panel",
 						children: d
 					}),
-					f && /* @__PURE__ */ r("div", {
+					f && /* @__PURE__ */ c("div", {
 						className: "sidebar__footer",
 						children: f
 					})
 				]
-			}), b && v && y !== "closed" && /* @__PURE__ */ r("div", {
+			}), b && v && y !== "closed" && /* @__PURE__ */ c("div", {
 				className: "sidebar__resizer",
 				role: "separator",
 				"aria-orientation": "vertical",
@@ -101,19 +101,19 @@ function d({ logo: e, children: d, footer: f, id: p, label: m = "Barra lateral",
 	});
 }
 function f({ className: e, ...t }) {
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ c("div", {
 		className: ["sidebar__group", e].filter(Boolean).join(" "),
 		...t
 	});
 }
 function p({ className: e, ...t }) {
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ c("div", {
 		className: ["sidebar__group-content", e].filter(Boolean).join(" "),
 		...t
 	});
 }
 function m({ className: e, ...t }) {
-	return /* @__PURE__ */ r("hr", {
+	return /* @__PURE__ */ c("hr", {
 		className: ["sidebar__separator", e].filter(Boolean).join(" "),
 		...t
 	});

package/dist/site-header.js

@@ -3,20 +3,20 @@ 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 { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useEffect as a, useRef as o, useState as s } from "react";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/sections/SiteHeader/SiteHeader.tsx
 function c({ children: e, ...t }) {
-	return /* @__PURE__ */ r("a", {
+	return /* @__PURE__ */ o("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__ */ r(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] = s(!1), D = v !== void 0, O = D ? v : T, k = !!(b || x || w), A = o(null), j = o(null), M = (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);
 	};
-	return a(() => {
+	return r(() => {
 		if (!O) return;
 		let e = (e) => {
 			e.key === "Escape" && (M(!1), j.current?.focus());
@@ -29,10 +29,10 @@ function l({ logoHref: l = "/", logoLabel: u = "Studio LXD — ir al inicio", me
 		return document.body.style.overflow = "hidden", () => {
 			document.removeEventListener("keydown", e), document.removeEventListener("pointerdown", t), document.body.style.overflow = n;
 		};
-	}, [O]), /* @__PURE__ */ r("header", {
+	}, [O]), /* @__PURE__ */ o("header", {
 		ref: A,
 		className: "site-header",
-		children: /* @__PURE__ */ i(e, {
+		children: /* @__PURE__ */ s(e, {
 			width: _,
 			innerClassName: "site-header__bar",
 			children: [
@@ -42,12 +42,12 @@ function l({ logoHref: l = "/", logoLabel: u = "Studio LXD — ir al inicio", me
 					"aria-label": u,
 					children: m
 				}),
-				/* @__PURE__ */ i("div", {
+				/* @__PURE__ */ s("div", {
 					className: "site-header__controls",
-					children: [C && /* @__PURE__ */ r("div", {
+					children: [C && /* @__PURE__ */ o("div", {
 						className: "site-header__actions",
 						children: C
-					}), k && /* @__PURE__ */ r(t, {
+					}), k && /* @__PURE__ */ o(t, {
 						ref: j,
 						isOpen: O,
 						onClick: () => M(!O),
@@ -57,16 +57,16 @@ function l({ logoHref: l = "/", logoLabel: u = "Studio LXD — ir al inicio", me
 						"aria-controls": S
 					})]
 				}),
-				k && /* @__PURE__ */ r("div", {
+				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__ */ i(e, {
+					children: /* @__PURE__ */ s(e, {
 						width: _,
 						space: "none",
 						innerClassName: "site-header__panel-inner",
-						children: [b, (w || x) && /* @__PURE__ */ i("div", {
+						children: [b, (w || x) && /* @__PURE__ */ s("div", {
 							className: "site-header__settings",
 							children: [w, x]
 						})]