@studiolxd/brand 50.0.0 → 51.0.0

package/dist/_shared/notificationbutton.js

@@ -0,0 +1,35 @@
+import '../notificationbutton.css';
+import { r as e } from "./brandmessagescontext.js";
+import { Icon as t } from "../icon.js";
+import { Button as n } from "../button.js";
+import { NumberBadge as r } from "../number-badge.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/stories/messages/es/notificationButton.ts
+var s = {
+	label: "Notificaciones",
+	countLabel: (e) => `Notificaciones: ${e} sin leer`
+}, c = i(function({ count: i = 0, max: c = 99, label: l, countLabel: u, className: d, ...f }, p) {
+	let m = e("notificationButton", s), h = i > 0 ? m("countLabel", u)(i) : m("label", l);
+	return /* @__PURE__ */ o(n, {
+		ref: p,
+		variant: "ghost",
+		iconOnly: !0,
+		size: "md",
+		"aria-label": h,
+		className: ["notification-button", d].filter(Boolean).join(" "),
+		...f,
+		children: [/* @__PURE__ */ a(t, {
+			name: "bell",
+			size: "md"
+		}), i > 0 && /* @__PURE__ */ a(r, {
+			count: i,
+			max: c,
+			tone: "error",
+			"aria-hidden": "true",
+			className: "notification-button__badge"
+		})]
+	});
+});
+//#endregion
+export { c as t };

package/dist/_shared/numberinput.js

@@ -0,0 +1,104 @@
+import '../numberinput.css';
+import { n as e } from "./env.js";
+import { r as t } from "./brandmessagescontext.js";
+import { Icon as n } from "../icon.js";
+import { forwardRef as r, useCallback as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/stories/messages/es/numberInput.ts
+var c = {
+	decrement: "Decrementar",
+	increment: "Incrementar"
+}, l = r(function({ value: r, defaultValue: l = 0, min: u, max: d, step: f = 1, decimal: p = !1, disabled: m = !1, readOnly: h = !1, size: g = "md", compact: _ = !1, commitMode: v = "change", error: y = !1, id: b, name: x, describedBy: S, ariaLabel: C, decrementLabel: w, incrementLabel: T, className: E, onChange: D, onEmpty: O, onBlur: k, onFocus: A, onKeyDown: j, ...M }, N) {
+	C !== void 0 && e("NumberInput", "ariaLabel", "`aria-label`");
+	let P = t("numberInput", c), F = r !== void 0, [I, L] = a(l), [R, z] = a(!1), [B, V] = a(null), H = F ? r : I, U = B === null ? H === null ? "" : String(H) : B, W = H ?? 0, G = i((e) => {
+		let t = e;
+		return u !== void 0 && (t = Math.max(u, t)), d !== void 0 && (t = Math.min(d, t)), t;
+	}, [u, d]), K = i((e) => {
+		let t = G(e);
+		F || L(t), D?.(t);
+	}, [
+		G,
+		F,
+		D
+	]), q = () => {
+		m || h || (V(null), K(W - f));
+	}, J = () => {
+		m || h || (V(null), K(W + f));
+	}, Y = (e) => {
+		let t = p ? e.replace(",", ".") : e, n = parseFloat(t);
+		if (!isNaN(n)) {
+			if (v === "blur" && G(n) === H) return;
+			K(n);
+		} else if (O && e.trim() === "") {
+			if (v === "blur" && H === null) return;
+			F || L(null), O();
+		}
+	}, X = (e) => {
+		let t = e.target.value;
+		V(t), v === "change" && Y(t);
+	}, Z = (e) => {
+		j?.(e), !(e.defaultPrevented || v !== "blur" || B === null) && (e.key === "Enter" ? (Y(B), V(null)) : e.key === "Escape" && (e.preventDefault(), V(null)));
+	}, Q = (e) => {
+		z(!0), A?.(e);
+	}, $ = (e) => {
+		z(!1), v === "blur" && B !== null && Y(B), V(null), k?.(e);
+	}, ee = [
+		"number-input",
+		_ ? "number-input--compact" : g === "md" ? "" : `number-input--${g}`,
+		y ? "number-input--error" : "",
+		m ? "number-input--disabled" : "",
+		R ? "number-input--focused" : "",
+		E ?? ""
+	].filter(Boolean).join(" "), te = m || h || H !== null && u !== void 0 && H <= u, ne = m || h || H !== null && d !== void 0 && H >= d;
+	return /* @__PURE__ */ s("div", {
+		className: ee,
+		children: [
+			/* @__PURE__ */ o("button", {
+				className: "number-input__btn number-input__btn--decrement",
+				type: "button",
+				onClick: q,
+				disabled: te,
+				"aria-label": P("decrement", w),
+				tabIndex: -1,
+				children: /* @__PURE__ */ o(n, {
+					name: "minus",
+					size: "sm"
+				})
+			}),
+			/* @__PURE__ */ o("input", {
+				ref: N,
+				className: "number-input__field",
+				type: "text",
+				inputMode: p ? "decimal" : "numeric",
+				pattern: p ? "[0-9]*[.,]?[0-9]*" : "[0-9]*",
+				"aria-invalid": y || void 0,
+				"aria-describedby": S,
+				"aria-label": C,
+				...M,
+				id: b,
+				name: x,
+				value: U,
+				disabled: m,
+				readOnly: h,
+				onChange: X,
+				onKeyDown: Z,
+				onFocus: Q,
+				onBlur: $
+			}),
+			/* @__PURE__ */ o("button", {
+				className: "number-input__btn number-input__btn--increment",
+				type: "button",
+				onClick: J,
+				disabled: ne,
+				"aria-label": P("increment", T),
+				tabIndex: -1,
+				children: /* @__PURE__ */ o(n, {
+					name: "plus",
+					size: "sm"
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { l as t };

package/dist/_shared/otpinput.js

@@ -0,0 +1,119 @@
+import '../otpinput.css';
+import { r as e } from "./brandmessagescontext.js";
+import { Input as t } from "../input.js";
+import { forwardRef as n, useCallback as r, 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/messages/es/otpInput.ts
+var l = {
+	group: "Código de verificación",
+	digit: (e, t) => `Dígito ${e} de ${t}`
+}, u = n(function({ length: n, value: u, defaultValue: d, onChange: f, onComplete: p, disabled: m, readOnly: h, required: g, error: _ = !1, size: v = "md", describedBy: y, "aria-describedby": b, "aria-label": x, "aria-labelledby": S, groupLabel: C, id: w, name: T, onBlur: E, className: D, digitLabel: O }, k) {
+	let A = e("otpInput", l), j = u !== void 0, [M, N] = o(() => {
+		let e = d ?? "";
+		return Array.from({ length: n }, (t, n) => e[n] ?? "");
+	}), P = a(null), F = j ? Array.from({ length: n }, (e, t) => u[t] ?? "") : M;
+	i(() => {
+		if (j) return;
+		let e = P.current?.closest("form");
+		if (!e) return;
+		let t = () => {
+			let e = d ?? "";
+			N(Array.from({ length: n }, (t, n) => e[n] ?? ""));
+		};
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [
+		j,
+		d,
+		n
+	]);
+	let I = r((e) => {
+		let t = P.current?.querySelectorAll("input");
+		t?.[e] && t[e].focus();
+	}, []), L = r((e) => {
+		j || N(e);
+		let t = e.join("");
+		f?.(t), e.length === n && e.every((e) => e !== "") && p?.(t);
+	}, [
+		j,
+		n,
+		f,
+		p
+	]), R = r((e) => (t) => {
+		let r = t.target.value.replace(/\D/g, "").slice(-1);
+		if (!r) return;
+		let i = [...F];
+		i[e] = r, L(i), e < n - 1 && I(e + 1);
+	}, [
+		F,
+		n,
+		I,
+		L
+	]), z = r((e) => (t) => {
+		if (t.key === "Backspace") {
+			t.preventDefault();
+			let n = [...F];
+			n[e] === "" ? e > 0 && (n[e - 1] = "", L(n), I(e - 1)) : (n[e] = "", L(n));
+		} else t.key === "ArrowLeft" ? (t.preventDefault(), e > 0 && I(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), e < n - 1 && I(e + 1));
+	}, [
+		F,
+		n,
+		I,
+		L
+	]), B = r((e) => (t) => {
+		t.preventDefault();
+		let r = t.clipboardData.getData("text").replace(/\D/g, "");
+		if (!r) return;
+		let i = [...F], a = e;
+		for (let t = 0; t < r.length && e + t < n; t++) i[e + t] = r[t], a = e + t;
+		L(i), I(Math.min(a + 1, n - 1));
+	}, [
+		F,
+		n,
+		I,
+		L
+	]);
+	return /* @__PURE__ */ c("div", {
+		ref: P,
+		role: "group",
+		"aria-label": S ? void 0 : x ?? A("group", C),
+		"aria-labelledby": S,
+		"aria-describedby": y ?? b,
+		"aria-invalid": _ || void 0,
+		className: [
+			"otp-input",
+			v === "md" ? "" : `otp-input--${v}`,
+			_ ? "otp-input--error" : "",
+			m ? "otp-input--disabled" : "",
+			D ?? ""
+		].filter(Boolean).join(" "),
+		children: [Array.from({ length: n }, (e, r) => /* @__PURE__ */ s(t, {
+			className: "otp-input__cell",
+			ref: r === 0 ? k : void 0,
+			id: w ? `${w}-${r}` : void 0,
+			name: T ? `${T}-${r}` : void 0,
+			type: "text",
+			size: v,
+			error: _,
+			disabled: m,
+			readOnly: h,
+			required: g,
+			"aria-describedby": r === 0 ? y ?? b : void 0,
+			inputMode: "numeric",
+			pattern: "\\d*",
+			maxLength: 1,
+			autoComplete: r === 0 ? "one-time-code" : "off",
+			"aria-label": A("digit", O)(r + 1, n),
+			value: F[r],
+			onChange: R(r),
+			onKeyDown: z(r),
+			onPaste: B(r),
+			onBlur: E
+		}, r)), T && /* @__PURE__ */ s("input", {
+			type: "hidden",
+			name: T,
+			value: F.join("")
+		})]
+	});
+});
+//#endregion
+export { u as t };

package/dist/_shared/pagination.js

@@ -0,0 +1,198 @@
+import '../pagination.css';
+import { n as e } from "./env.js";
+import { r as t } from "./brandmessagescontext.js";
+import { Icon as n } from "../icon.js";
+import { t as r } from "./select.js";
+import { n as i, t as a } from "./default-render-link.js";
+import { Fragment as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/stories/messages/es/pagination.ts
+var l = {
+	label: "Paginación",
+	pagesGroup: "Páginas",
+	previous: "Página anterior",
+	next: "Página siguiente",
+	goToPage: (e) => `Página ${e}`,
+	perPage: "Registros por página",
+	total: (e) => `${e} resultados`,
+	allOption: "Todos"
+};
+//#endregion
+//#region src/stories/molecules/Pagination/Pagination.tsx
+function u(e) {
+	return [
+		{
+			label: "10",
+			value: "10"
+		},
+		{
+			label: "20",
+			value: "20"
+		},
+		{
+			label: "50",
+			value: "50"
+		},
+		{
+			label: "100",
+			value: "100"
+		},
+		{
+			label: e,
+			value: "all"
+		}
+	];
+}
+function d(e, t) {
+	return t <= 3 ? Array.from({ length: t }, (e, t) => t + 1) : e <= 3 ? [
+		1,
+		2,
+		3,
+		"..."
+	] : e >= t - 2 ? [
+		"...",
+		t - 2,
+		t - 1,
+		t
+	] : [
+		"...",
+		e - 1,
+		e,
+		e + 1,
+		"..."
+	];
+}
+function f({ mode: f = "pages", total: p, pageCount: m, page: h = 1, pageSize: g = 10, hrefs: _, previousHref: v, nextHref: y, onPrevious: b, onNext: x, onPageChange: S, hrefBuilder: C, renderLink: w, linkComponent: T, onPageSizeChange: E, pageSizeOptions: D, afterPageSize: O, showTotal: k = !1, size: A = "md", "aria-label": j, ariaLabel: M, pageLabel: N, previousLabel: P, nextLabel: F, pagesGroupLabel: I, pageSizeLabel: L, totalLabel: R, className: z }) {
+	M !== void 0 && e("Pagination", "ariaLabel", "`aria-label`");
+	let B = j ?? M, V = t("pagination", l), H = C ?? (_ ? (e) => _[e] : void 0);
+	T !== void 0 && e("Pagination", "linkComponent", "`renderLink`");
+	let U = w ?? (T ? i(T) : a);
+	if (f === "cursor") {
+		let e = A === "lg" ? "md" : "sm", t = (t) => {
+			let r = t === "prev" ? v : y, i = t === "prev" ? b : x, a = !r && !i, o = t === "prev" ? V("previous", P) : V("next", F), c = /* @__PURE__ */ s(n, {
+				name: "chevron",
+				size: e,
+				className: t === "prev" ? "pagination__chevron--prev" : void 0
+			});
+			return r ? U({
+				href: r,
+				className: "pagination__btn pagination__btn--nav",
+				"aria-label": o,
+				children: c
+			}) : /* @__PURE__ */ s("button", {
+				type: "button",
+				className: "pagination__btn pagination__btn--nav",
+				disabled: a,
+				"aria-label": o,
+				onClick: i,
+				children: c
+			});
+		};
+		return /* @__PURE__ */ s("nav", {
+			className: [
+				"pagination",
+				`pagination--${A}`,
+				z
+			].filter(Boolean).join(" "),
+			"aria-label": V("label", B),
+			children: /* @__PURE__ */ c("div", {
+				className: "pagination__controls",
+				role: "group",
+				"aria-label": V("pagesGroup", I),
+				children: [t("prev"), t("next")]
+			})
+		});
+	}
+	if (p === 0 || m === 0 || p === void 0 && (m ?? 1) <= 1 && !O) return null;
+	let W = p ?? 0, G = m ?? (g === "all" ? 1 : Math.ceil(W / g)), K = G > 1 ? d(h, G) : [];
+	function q(e, t) {
+		if (e === "...") return /* @__PURE__ */ s("span", {
+			className: "pagination__ellipsis",
+			"aria-hidden": "true",
+			children: "…"
+		}, `ellipsis-${t}`);
+		let n = e === h, r = ["pagination__btn", n ? "pagination__btn--current" : ""].filter(Boolean).join(" ");
+		return H && !n ? /* @__PURE__ */ s(o, { children: U({
+			href: H(e),
+			className: r,
+			"aria-label": V("goToPage", N)(e),
+			onClick: S ? (t) => {
+				t.preventDefault(), S(e);
+			} : void 0,
+			children: e
+		}) }, e) : /* @__PURE__ */ s("button", {
+			type: "button",
+			className: r,
+			"aria-current": n ? "page" : void 0,
+			"aria-label": V("goToPage", N)(e),
+			onClick: n ? void 0 : () => S?.(e),
+			children: e
+		}, e);
+	}
+	function J(e, t, r) {
+		let i = t === "prev" ? V("previous", P) : V("next", F), a = /* @__PURE__ */ s(n, {
+			name: "chevron",
+			size: A === "lg" ? "md" : "sm",
+			className: t === "prev" ? "pagination__chevron--prev" : void 0
+		});
+		return H && !r ? U({
+			href: H(e),
+			className: "pagination__btn pagination__btn--nav",
+			"aria-label": i,
+			onClick: S ? (t) => {
+				t.preventDefault(), S(e);
+			} : void 0,
+			children: a
+		}) : /* @__PURE__ */ s("button", {
+			type: "button",
+			className: "pagination__btn pagination__btn--nav",
+			disabled: r,
+			"aria-label": i,
+			onClick: () => S?.(e),
+			children: a
+		});
+	}
+	let Y = k || !!E || !!O;
+	return /* @__PURE__ */ c("nav", {
+		className: [
+			"pagination",
+			`pagination--${A}`,
+			z
+		].filter(Boolean).join(" "),
+		"aria-label": V("label", B),
+		children: [Y && /* @__PURE__ */ c("div", {
+			className: "pagination__meta",
+			children: [
+				k && /* @__PURE__ */ s("span", {
+					className: "pagination__summary",
+					children: V("total", R)(W)
+				}),
+				E && /* @__PURE__ */ s("div", {
+					className: "pagination__size-selector",
+					children: /* @__PURE__ */ s(r, {
+						options: D ?? u(V("allOption")),
+						value: g === "all" ? "all" : String(g),
+						onValueChange: E,
+						"aria-label": V("perPage", L),
+						size: A
+					})
+				}),
+				O && /* @__PURE__ */ s("div", {
+					className: "pagination__after-page-size",
+					children: O
+				})
+			]
+		}), G > 1 && /* @__PURE__ */ c("div", {
+			className: "pagination__controls",
+			role: "group",
+			"aria-label": V("pagesGroup", I),
+			children: [
+				J(h - 1, "prev", h <= 1),
+				K.map((e, t) => q(e, t)),
+				J(h + 1, "next", h >= G)
+			]
+		})]
+	});
+}
+//#endregion
+export { f as t };

package/dist/_shared/prevnextnav.js

@@ -0,0 +1,93 @@
+import '../prevnextnav.css';
+import { n as e } from "./env.js";
+import { r as t } from "./brandmessagescontext.js";
+import { Icon as n } from "../icon.js";
+import { n as r, t as i } from "./default-render-link.js";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/stories/messages/es/prevNextNav.ts
+var c = {
+	previous: "Anterior",
+	next: "Siguiente"
+};
+//#endregion
+//#region src/stories/molecules/PrevNextNav/PrevNextNav.tsx
+function l({ href: e, onClick: t, label: r, title: i, disabled: c, direction: l, chevronSize: u, renderLink: d }) {
+	let f = [
+		"prev-next-nav__btn",
+		`prev-next-nav__btn--${l}`,
+		i ? "prev-next-nav__btn--titled" : "",
+		c ? "prev-next-nav__btn--disabled" : ""
+	].filter(Boolean).join(" "), p = /* @__PURE__ */ o(n, {
+		name: "chevron",
+		size: u
+	}), m = i ? /* @__PURE__ */ s(a, { children: [p, /* @__PURE__ */ s("span", {
+		className: "prev-next-nav__text",
+		children: [/* @__PURE__ */ o("span", {
+			className: "prev-next-nav__eyebrow",
+			children: r
+		}), /* @__PURE__ */ o("span", {
+			className: "prev-next-nav__title",
+			children: i
+		})]
+	})] }) : p, h = i ? void 0 : r;
+	return c ? /* @__PURE__ */ o("button", {
+		type: "button",
+		className: f,
+		"aria-label": h,
+		disabled: !0,
+		children: m
+	}) : e ? d({
+		href: e,
+		className: f,
+		"aria-label": h,
+		onClick: t,
+		children: m
+	}) : /* @__PURE__ */ o("button", {
+		type: "button",
+		className: f,
+		"aria-label": h,
+		onClick: t,
+		children: m
+	});
+}
+function u({ prevHref: n, nextHref: a, prevOnClick: u, nextOnClick: d, prevLabel: f, nextLabel: p, prevTitle: m, nextTitle: h, label: g, labelId: _, renderLink: v, linkComponent: y, size: b = "md", className: x }) {
+	y !== void 0 && e("PrevNextNav", "linkComponent", "`renderLink`");
+	let S = v ?? (y ? r(y) : i), C = t("prevNextNav", c), w = b === "sm" ? "sm" : "md";
+	return /* @__PURE__ */ s("div", {
+		className: [
+			"prev-next-nav",
+			b === "sm" ? "prev-next-nav--sm" : "",
+			m !== void 0 || h !== void 0 ? "prev-next-nav--titled" : "",
+			x
+		].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ o(l, {
+				href: n,
+				onClick: u,
+				label: C("previous", f),
+				disabled: !n && !u,
+				direction: "prev",
+				title: m,
+				chevronSize: w,
+				renderLink: S
+			}),
+			g !== void 0 && /* @__PURE__ */ o("strong", {
+				id: _,
+				className: "prev-next-nav__label",
+				children: g
+			}),
+			/* @__PURE__ */ o(l, {
+				href: a,
+				onClick: d,
+				label: C("next", p),
+				disabled: !a && !d,
+				direction: "next",
+				title: h,
+				chevronSize: w,
+				renderLink: S
+			})
+		]
+	});
+}
+//#endregion
+export { u as t };

package/dist/_shared/progressbar.js

@@ -1,9 +1,9 @@
 import '../progressbar.css';
-import { n as e } from "./brandmessagescontext.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#endregion
-//#region src/stories/atoms/ProgressBar/ProgressBar.tsx
-var r = Number({ "progress-bar": {
+import { n as e } from "./env.js";
+import { r as t } from "./brandmessagescontext.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region tokens/component/progress-bar.json
+var i = { "progress-bar": {
 	"height-sm": {
 		$value: "{spacing.2}",
 		$type: "dimension",
@@ -179,39 +179,41 @@ var r = Number({ "progress-bar": {
 		$type: "color",
 		$description: "Cifra sobre el relleno primary — surface-dark. El relleno se invierte a blanco, así que la cifra pasa a la tinta clara: si no, quedaría blanco sobre blanco"
 	}
-} }["progress-bar"]["inside-label-threshold"].$value);
-function i({ value: i, variant: a = "primary", size: o = "md", label: s, className: c }) {
-	let l = e("progressBar"), u = Math.min(100, Math.max(0, Math.round(i))), d = o !== "sm", f = d && u >= r, p = d && !f;
-	return /* @__PURE__ */ t("div", {
+} }, a = { label: "Progreso" }, o = Number(i["progress-bar"]["inside-label-threshold"].$value);
+function s({ value: i, tone: s, variant: c, size: l = "md", label: u, className: d }) {
+	let f = t("progressBar", a);
+	c !== void 0 && e("ProgressBar", "variant", "`tone`");
+	let p = s ?? c ?? "primary", m = Math.min(100, Math.max(0, Math.round(i))), h = l !== "sm", g = h && m >= o, _ = h && !g;
+	return /* @__PURE__ */ n("div", {
 		className: [
 			"progress-bar",
-			`progress-bar--${a}`,
-			`progress-bar--${o}`,
-			c
+			`progress-bar--${p}`,
+			`progress-bar--${l}`,
+			d
 		].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ n("div", {
+		children: /* @__PURE__ */ r("div", {
 			className: "progress-bar__track",
 			role: "progressbar",
-			"aria-valuenow": u,
+			"aria-valuenow": m,
 			"aria-valuemin": 0,
 			"aria-valuemax": 100,
-			"aria-valuetext": `${u}%`,
-			"aria-label": l("label", s),
-			"data-value": u,
-			children: [/* @__PURE__ */ t("div", {
+			"aria-valuetext": `${m}%`,
+			"aria-label": f("label", u),
+			"data-value": m,
+			children: [/* @__PURE__ */ n("div", {
 				className: "progress-bar__fill",
-				children: f && /* @__PURE__ */ n("span", {
+				children: g && /* @__PURE__ */ r("span", {
 					className: "progress-bar__label progress-bar__label--inside",
 					"aria-hidden": "true",
-					children: [u, "%"]
+					children: [m, "%"]
 				})
-			}), p && /* @__PURE__ */ n("span", {
+			}), _ && /* @__PURE__ */ r("span", {
 				className: "progress-bar__label progress-bar__label--outside",
 				"aria-hidden": "true",
-				children: [u, "%"]
+				children: [m, "%"]
 			})]
 		})
 	});
 }
 //#endregion
-export { i as t };
+export { s as t };

package/dist/_shared/publicpageshell.js

@@ -0,0 +1,39 @@
+import '../publicpageshell.css';
+import { r as e } from "./brandmessagescontext.js";
+import { Container as t } from "../container.js";
+import { ErrorBoundary as n } from "../error-boundary.js";
+import { SiteShell as r } from "../site-shell.js";
+import { forwardRef as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/stories/messages/es/publicPageShell.ts
+var c = { preferences: "Preferencias" }, l = i(function({ children: i, header: l, footer: u, preferences: d, preferencesLabel: f, preferencesWidth: p = "xl", mainWidth: m = "xl", mainSpace: h = "xl", mainFlush: g = !1, id: _ = "main-content", shell: v = !0, className: y }, b) {
+	let x = e("publicPageShell", c);
+	if (!v) return /* @__PURE__ */ o(a, { children: i });
+	let S = d && /* @__PURE__ */ o(t, {
+		as: "section",
+		width: p,
+		className: "public-page-shell__preferences",
+		"aria-label": x("preferences", f),
+		children: /* @__PURE__ */ o("div", {
+			className: "public-page-shell__preferences-row",
+			children: d
+		})
+	});
+	return /* @__PURE__ */ o(r, {
+		ref: b,
+		className: y,
+		header: l && /* @__PURE__ */ o(n, { children: l }),
+		footer: (S || u) && /* @__PURE__ */ s(a, { children: [S && /* @__PURE__ */ o(n, { children: S }), u && /* @__PURE__ */ o(n, { children: u })] }),
+		children: /* @__PURE__ */ o(t, {
+			as: "main",
+			id: _,
+			tabIndex: -1,
+			width: m,
+			space: h,
+			flush: g,
+			children: i
+		})
+	});
+});
+//#endregion
+export { c as n, l as t };

package/dist/_shared/requiredinput.js

@@ -0,0 +1,23 @@
+import { VisuallyHidden as e } from "../visually-hidden.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/stories/molecules/_shared/requiredInput.tsx
+var n = () => {};
+function r({ name: r, value: i, required: a = !1, focusTarget: o }) {
+	return a ? /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t("input", {
+		type: "text",
+		name: r,
+		value: i,
+		required: !0,
+		tabIndex: -1,
+		"aria-hidden": "true",
+		autoComplete: "off",
+		onChange: n,
+		onFocus: () => o?.()?.focus()
+	}) }) : r ? /* @__PURE__ */ t("input", {
+		type: "hidden",
+		name: r,
+		value: i
+	}) : null;
+}
+//#endregion
+export { r as t };