@studiolxd/brand 38.12.4

package/dist/otp-input.js

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

package/dist/page-intro.css

@@ -0,0 +1 @@
+.page-intro{flex-direction:column;inline-size:100%;display:flex}.page-intro .paragraph{margin:0}.page-intro>:not(.heading)+*{margin-block-start:var(--spacing-3)}.page-intro__row{align-items:flex-start;row-gap:var(--page-intro-row-gap);flex-direction:column;display:flex}.page-intro__row>.heading{margin-block-end:0}.page-intro__actions{align-self:stretch;align-items:stretch;gap:var(--page-intro-actions-gap);flex-direction:column;display:flex}@media (width>=768px){.page-intro__row{align-items:baseline;column-gap:var(--page-intro-row-column-gap);flex-direction:row;row-gap:0}.page-intro__row>.heading{min-inline-size:0;flex:1;margin-block-end:var(--page-intro-title-space-after)}.page-intro__row:last-child>.heading{margin-block-end:0}.page-intro__actions{flex-flow:wrap;flex:none;align-self:auto;align-items:center}.page-intro>.page-intro__row+*{margin-block-start:0}}

package/dist/page-intro.js

@@ -0,0 +1,31 @@
+import './page-intro.css';
+import { Heading as e } from "./heading.js";
+import { Paragraph as t } from "./paragraph.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/stories/molecules/PageIntro/PageIntro.tsx
+function i({ title: i, description: a, actions: o, level: s = 1, size: c, as: l = "header", className: u, children: d }) {
+	let f = /* @__PURE__ */ n(e, {
+		level: s,
+		size: c,
+		children: i
+	});
+	return /* @__PURE__ */ r(l, {
+		className: ["page-intro", u].filter(Boolean).join(" "),
+		children: [
+			o ? /* @__PURE__ */ r("div", {
+				className: "page-intro__row",
+				children: [f, /* @__PURE__ */ n("div", {
+					className: "page-intro__actions",
+					children: o
+				})]
+			}) : f,
+			a && /* @__PURE__ */ n(t, {
+				size: "large",
+				children: a
+			}),
+			d
+		]
+	});
+}
+//#endregion
+export { i as PageIntro };

package/dist/pagination.css

@@ -0,0 +1 @@
+.pagination{align-items:center;gap:var(--pagination-gap);padding-block:var(--pagination-padding-block);padding-inline:var(--pagination-padding-inline);font-family:var(--pagination-font-family);font-size:var(--pagination-font-size);font-weight:var(--pagination-font-weight);line-height:var(--pagination-line-height);flex-wrap:wrap;display:flex}.pagination__summary{color:var(--pagination-summary-color)}.pagination__meta{align-items:center;gap:var(--pagination-gap);flex-wrap:wrap;display:flex}.pagination__after-page-size{align-items:center;gap:var(--pagination-gap);flex-wrap:wrap;flex:0 0 100%;display:flex}@media (width>=768px){.pagination__after-page-size{flex:0 auto}}.pagination__size-selector{align-items:center;gap:var(--pagination-controls-gap);display:flex}.pagination__controls{align-items:center;gap:var(--pagination-controls-gap);margin-inline-start:auto;display:flex}.pagination__btn{box-sizing:border-box;block-size:var(--pagination-btn-height);min-inline-size:var(--pagination-btn-height);padding-block:0;padding-inline:var(--pagination-btn-padding-inline);font-size:var(--pagination-btn-font-size);border-radius:var(--pagination-btn-radius);border-width:var(--pagination-btn-border-width);border-style:var(--pagination-btn-border-style);border-color:var(--pagination-btn-border-color);background-color:var(--pagination-btn-bg);color:var(--pagination-btn-color);cursor:pointer;box-shadow:none;transition-property:background-color,border-color,color;transition-duration:var(--pagination-transition-duration);transition-timing-function:var(--pagination-transition-easing);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pagination__btn:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--pagination-btn-hover-bg);border-color:var(--pagination-btn-hover-border-color);color:var(--pagination-btn-hover-color)}.pagination__btn:focus-visible{outline:var(--pagination-focus-ring-width) solid var(--pagination-focus-ring-color);outline-offset:var(--pagination-focus-ring-offset)}.pagination__btn.pagination__btn--current{background-color:var(--pagination-btn-current-bg);border-color:var(--pagination-btn-current-border-color);color:var(--pagination-btn-current-color);font-weight:var(--pagination-btn-current-font-weight);cursor:default;pointer-events:none}.pagination__chevron--prev{transform:rotate(180deg)}.pagination__btn:disabled,.pagination__btn[aria-disabled=true]{background-color:var(--pagination-btn-disabled-bg);border-color:var(--pagination-btn-disabled-border-color);color:var(--pagination-btn-disabled-color);cursor:var(--pagination-btn-disabled-cursor);pointer-events:none}.pagination__ellipsis{block-size:var(--pagination-btn-height);padding-inline:var(--pagination-btn-padding-inline);font-size:var(--pagination-btn-font-size);color:var(--pagination-ellipsis-color);justify-content:center;align-items:center;display:inline-flex}.pagination.pagination--sm{font-size:var(--pagination-sm-font-size)}.pagination.pagination--sm .pagination__btn,.pagination.pagination--sm .pagination__ellipsis{block-size:var(--pagination-sm-btn-height);padding-inline:var(--pagination-sm-btn-padding-inline);font-size:var(--pagination-sm-btn-font-size)}.pagination.pagination--sm .pagination__btn{min-inline-size:var(--pagination-sm-btn-height)}.pagination.pagination--md{font-size:var(--pagination-font-size)}.pagination.pagination--lg{font-size:var(--pagination-lg-font-size)}.pagination.pagination--lg .pagination__btn,.pagination.pagination--lg .pagination__ellipsis{block-size:var(--pagination-lg-btn-height);padding-inline:var(--pagination-lg-btn-padding-inline);font-size:var(--pagination-lg-btn-font-size)}.pagination.pagination--lg .pagination__btn{min-inline-size:var(--pagination-lg-btn-height)}.pagination .pagination__btn.pagination__btn--nav,.pagination.pagination--sm .pagination__btn.pagination__btn--nav,.pagination.pagination--lg .pagination__btn.pagination__btn--nav{padding-inline:0}

package/dist/pagination.js

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

package/dist/paragraph.css

@@ -0,0 +1 @@
+.paragraph.paragraph--small{font-size:var(--text-paragraph-small-font-size);line-height:var(--text-paragraph-small-line-height)}.paragraph.paragraph--large{font-size:var(--text-paragraph-large-font-size);line-height:var(--text-paragraph-large-line-height)}

package/dist/paragraph.js

@@ -0,0 +1,18 @@
+import './paragraph.css';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+//#region src/stories/atoms/Paragraph/Paragraph.tsx
+var n = t(function({ size: t = "default", className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ e("p", {
+		ref: a,
+		className: [
+			"paragraph",
+			t === "default" ? "" : `paragraph--${t}`,
+			n
+		].filter(Boolean).join(" "),
+		...i,
+		children: r
+	});
+});
+//#endregion
+export { n as Paragraph };

package/dist/password-field.css

@@ -0,0 +1 @@
+.password-field{gap:var(--password-field-gap);flex-direction:column;display:flex}.password-field__wrapper{display:block;position:relative}.password-field__wrapper--sm{--password-field-toggle-size:var(--password-field-sm-toggle-size);--password-field-toggle-icon-size:var(--password-field-sm-toggle-icon-size)}.password-field__wrapper--lg{--password-field-toggle-size:var(--password-field-lg-toggle-size);--password-field-toggle-icon-size:var(--password-field-lg-toggle-icon-size)}.password-field__wrapper .input{padding-inline-end:var(--password-field-input-padding-inline-end)}.password-field__toggle{inline-size:var(--password-field-toggle-size);block-size:var(--password-field-toggle-size);cursor:pointer;color:var(--password-field-toggle-color);transition:color var(--input-transition-duration) var(--input-transition-easing);background:0 0;border:none;justify-content:center;align-items:center;padding-block:0;padding-inline:0;display:flex;position:absolute;inset-block-start:50%;inset-inline-end:0;transform:translateY(-50%)}.password-field__toggle:hover:not(:disabled){color:var(--password-field-toggle-color-hover)}.password-field__toggle:focus-visible{outline:var(--password-field-toggle-focus-ring-width) solid var(--password-field-toggle-focus-ring-color);outline-offset:calc(-1 * var(--password-field-toggle-focus-ring-offset))}.password-field__toggle:disabled{cursor:not-allowed;pointer-events:none}.password-field__icon{inline-size:var(--password-field-toggle-icon-size);block-size:var(--password-field-toggle-icon-size)}.password-field__helper{font-family:var(--input-field-helper-font-family);font-size:var(--input-field-helper-font-size);font-weight:var(--input-field-helper-font-weight);line-height:var(--input-field-helper-line-height);color:var(--input-field-helper-color)}.password-field__action{margin-block-start:var(--password-field-action-margin-block-start)}

package/dist/password-field.js

@@ -0,0 +1,65 @@
+'use client';
+import './password-field.css';
+import { Icon as e } from "./icon.js";
+import { VisuallyHidden as t } from "./visually-hidden.js";
+import { n } from "./_shared/form-size.js";
+import { ErrorText as r } from "./error-text.js";
+import { Input as i } from "./input.js";
+import { Label as a } from "./label.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as c, useId as l, useState as u } from "react";
+//#region src/stories/molecules/PasswordField/PasswordField.tsx
+var d = c(function({ label: c, labelHidden: d = !0, error: f = !1, errorMessage: p, helperText: m, action: h, size: g, showPasswordLabel: _ = "Mostrar contraseña", hidePasswordLabel: v = "Ocultar contraseña", className: y, id: b, disabled: x, placeholder: S, ...C }, w) {
+	let T = n(g), E = l(), D = b ?? E, [O, k] = u(!1), A = p ? `${D}-error` : void 0, j = m ? `${D}-helper` : void 0, M = [A, j].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ s("div", {
+		className: ["password-field", y ?? ""].filter(Boolean).join(" "),
+		children: [
+			c && /* @__PURE__ */ o(a, {
+				htmlFor: D,
+				hidden: d,
+				size: T,
+				children: c
+			}),
+			/* @__PURE__ */ s("div", {
+				className: ["password-field__wrapper", T === "md" ? "" : `password-field__wrapper--${T}`].filter(Boolean).join(" "),
+				children: [/* @__PURE__ */ o(i, {
+					ref: w,
+					id: D,
+					size: T,
+					error: f || !!p,
+					placeholder: S ?? (c && d ? c : void 0),
+					"aria-describedby": M,
+					...C,
+					type: O ? "text" : "password",
+					disabled: x
+				}), /* @__PURE__ */ s("button", {
+					type: "button",
+					className: "password-field__toggle",
+					onClick: () => k((e) => !e),
+					disabled: x,
+					"aria-controls": D,
+					"aria-pressed": O,
+					children: [/* @__PURE__ */ o(t, { children: O ? v : _ }), /* @__PURE__ */ o(e, {
+						name: O ? "eye-off" : "eye",
+						className: "password-field__icon"
+					})]
+				})]
+			}),
+			p && /* @__PURE__ */ o(r, {
+				id: A,
+				children: p
+			}),
+			m && /* @__PURE__ */ o("span", {
+				id: j,
+				className: "password-field__helper",
+				children: m
+			}),
+			h && /* @__PURE__ */ o("div", {
+				className: "password-field__action",
+				children: h
+			})
+		]
+	});
+});
+//#endregion
+export { d as PasswordField };

package/dist/popover.css

@@ -0,0 +1 @@
+.popover{box-sizing:border-box;background-color:var(--popover-bg);border-width:var(--popover-border-width);border-style:solid;border-color:var(--popover-border-color);border-radius:var(--popover-border-radius);padding-block:var(--popover-padding-block);padding-inline:var(--popover-padding-inline);transform-origin:var(--transform-origin);max-height:var(--popover-max-height,var(--available-height));overscroll-behavior:contain;animation-duration:var(--popover-transition-duration);animation-timing-function:var(--popover-transition-easing);outline:none;overflow-y:auto}.popover:focus-visible{outline:var(--popover-focus-ring-width) solid var(--popover-focus-ring-color);outline-offset:var(--popover-focus-ring-offset)}.popover[data-open]{animation-name:popover-in}.popover[data-closed]{animation-name:popover-out}@keyframes popover-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popover-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.popover__positioner{z-index:var(--popover-z-index)}

package/dist/popover.js

@@ -0,0 +1,36 @@
+'use client';
+import './popover.css';
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Popover as n } from "@base-ui/react/popover";
+//#region src/stories/atoms/Popover/Popover.tsx
+function r(e) {
+	let t = parseFloat(e);
+	return Number.isNaN(t) ? 0 : e.endsWith("rem") ? t * parseFloat(getComputedStyle(document.documentElement).fontSize) : t;
+}
+function i() {
+	let e = document.documentElement;
+	return r(getComputedStyle(e).getPropertyValue("--popover-offset").trim());
+}
+function a({ trigger: r, children: a, label: o, open: s, defaultOpen: c, onOpenChange: l, onPointerDownOutside: u, onFocusOutside: d, onEscapeKeyDown: f, side: p = "bottom", align: m = "start", sideOffset: h, initialFocus: g, className: _ }) {
+	return /* @__PURE__ */ t(n.Root, {
+		open: s,
+		defaultOpen: c,
+		onOpenChange: (e, t) => {
+			e || (t.reason === "outside-press" ? u?.(t) : t.reason === "focus-out" ? d?.(t) : t.reason === "escape-key" && f?.(t)), l?.(e, t);
+		},
+		children: [/* @__PURE__ */ e(n.Trigger, { render: r }), /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(n.Positioner, {
+			className: "popover__positioner",
+			side: p,
+			align: m,
+			sideOffset: h ?? i,
+			children: /* @__PURE__ */ e(n.Popup, {
+				"aria-label": o,
+				initialFocus: g,
+				className: ["popover", _].filter(Boolean).join(" "),
+				children: a
+			})
+		}) })]
+	});
+}
+//#endregion
+export { a as Popover };

package/dist/prev-next-nav.css

@@ -0,0 +1 @@
+:root{--prev-next-nav-font-family:var(--font-family-sans);--prev-next-nav-sm-font-size:var(--font-size-1);--prev-next-nav-gap:var(--spacing-3);--prev-next-nav-sm-gap:var(--spacing-2);--prev-next-nav-text-gap:var(--spacing-1);--prev-next-nav-transition-duration:var(--motion-duration-fast);--prev-next-nav-transition-easing:var(--motion-easing-default);--prev-next-nav-font-size:var(--text-font-size);--prev-next-nav-eyebrow-font-size:var(--text-paragraph-small-font-size);--prev-next-nav-eyebrow-color:var(--color-text-muted-on-light);--prev-next-nav-title-font-weight:var(--font-weight-emphasis);--prev-next-nav-title-color:var(--color-text-on-light);--prev-next-nav-title-hover-color:var(--color-primary);--prev-next-nav-label-font-weight:var(--font-weight-emphasis);--prev-next-nav-label-color:var(--color-text-on-light);--prev-next-nav-btn-color:var(--color-text-on-light);--prev-next-nav-btn-hover-color:var(--color-primary);--prev-next-nav-btn-disabled-color:var(--color-icon-secondary-on-light);--prev-next-nav-focus-ring-color:var(--color-primary);--prev-next-nav-focus-ring-radius:var(--border-radius-default);--prev-next-nav-focus-ring-width:var(--border-width-focus);--prev-next-nav-focus-ring-offset:var(--border-width-default)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--prev-next-nav-eyebrow-color:var(--color-text-muted-on-dark);--prev-next-nav-title-color:var(--color-text-on-dark);--prev-next-nav-title-hover-color:var(--color-accent-2);--prev-next-nav-label-color:var(--color-text-on-dark);--prev-next-nav-btn-color:var(--color-text-on-dark);--prev-next-nav-btn-hover-color:var(--color-accent-2);--prev-next-nav-btn-disabled-color:var(--color-text-muted-on-dark);--prev-next-nav-focus-ring-color:var(--color-text-on-dark)}.prev-next-nav{align-items:center;gap:var(--prev-next-nav-gap);display:flex}.prev-next-nav.prev-next-nav--sm{gap:var(--prev-next-nav-sm-gap)}.prev-next-nav__btn{color:var(--prev-next-nav-btn-color);box-shadow:none;cursor:pointer;transition:color var(--prev-next-nav-transition-duration) var(--prev-next-nav-transition-easing);background:0 0;border:none;align-items:center;padding-block:0;padding-inline:0;text-decoration:none;display:inline-flex}.prev-next-nav__btn:hover{color:var(--prev-next-nav-btn-hover-color)}.prev-next-nav__btn:focus-visible{outline:var(--prev-next-nav-focus-ring-width) solid var(--prev-next-nav-focus-ring-color);outline-offset:var(--prev-next-nav-focus-ring-offset);border-radius:var(--prev-next-nav-focus-ring-radius)}.prev-next-nav__btn--prev .icon{transform:rotate(180deg)}.prev-next-nav__btn--disabled{color:var(--prev-next-nav-btn-disabled-color);cursor:not-allowed}.prev-next-nav.prev-next-nav--titled{justify-content:space-between}.prev-next-nav__btn--titled{align-items:center;gap:var(--prev-next-nav-gap);text-align:start}.prev-next-nav__btn--titled.prev-next-nav__btn--next{text-align:end;flex-direction:row-reverse}.prev-next-nav__text{gap:var(--prev-next-nav-text-gap);flex-direction:column;display:flex}.prev-next-nav__eyebrow{font-family:var(--prev-next-nav-font-family);font-size:var(--prev-next-nav-eyebrow-font-size);color:var(--prev-next-nav-eyebrow-color)}.prev-next-nav__title{font-family:var(--prev-next-nav-font-family);font-size:var(--prev-next-nav-font-size);font-weight:var(--prev-next-nav-title-font-weight);color:var(--prev-next-nav-title-color);transition:color var(--prev-next-nav-transition-duration) var(--prev-next-nav-transition-easing)}.prev-next-nav__btn--titled:hover .prev-next-nav__title{color:var(--prev-next-nav-title-hover-color)}.prev-next-nav.prev-next-nav--sm .prev-next-nav__title{font-size:var(--prev-next-nav-sm-font-size)}.prev-next-nav__label{font-family:var(--prev-next-nav-font-family);font-size:var(--prev-next-nav-font-size);font-weight:var(--prev-next-nav-label-font-weight);color:var(--prev-next-nav-label-color)}.prev-next-nav.prev-next-nav--sm .prev-next-nav__label{font-size:var(--prev-next-nav-sm-font-size)}

package/dist/prev-next-nav.js

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

package/dist/progress-bar.js

@@ -0,0 +1,2 @@
+import { t as e } from "./_shared/progressbar.js";
+export { e as ProgressBar };

package/dist/progressbar.css

@@ -0,0 +1 @@
+.progress-bar{width:100%}.progress-bar__track{height:var(--progress-bar-height-md);background-color:var(--progress-bar-track-bg);border-radius:var(--progress-bar-border-radius);box-shadow:inset 0 0 0 var(--progress-bar-track-border-width) var(--progress-bar-track-border-color);position:relative}.progress-bar--sm .progress-bar__track{height:var(--progress-bar-height-sm)}.progress-bar--lg .progress-bar__track{height:var(--progress-bar-height-lg)}.progress-bar__fill{border-radius:inherit;box-shadow:inset 0 0 0 var(--progress-bar-fill-border-width) var(--progress-bar-fill-border-color);width:var(--progress-bar-value,0%);transition:width var(--progress-bar-transition-duration) var(--progress-bar-transition-easing);position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden}.progress-bar--primary{--progress-bar-label-inside-color:var(--progress-bar-primary-label-inside-color)}.progress-bar--primary .progress-bar__fill{background-color:var(--progress-bar-primary-fill)}.progress-bar--accent-1{--progress-bar-label-inside-color:var(--progress-bar-accent-1-label-inside-color)}.progress-bar--accent-1 .progress-bar__fill{background-color:var(--progress-bar-accent-1-fill)}.progress-bar--accent-2{--progress-bar-label-inside-color:var(--progress-bar-accent-2-label-inside-color)}.progress-bar--accent-2 .progress-bar__fill{background-color:var(--progress-bar-accent-2-fill)}.progress-bar--support-1{--progress-bar-label-inside-color:var(--progress-bar-support-1-label-inside-color)}.progress-bar--support-1 .progress-bar__fill{background-color:var(--progress-bar-support-1-fill)}.progress-bar--support-2{--progress-bar-label-inside-color:var(--progress-bar-support-2-label-inside-color)}.progress-bar--support-2 .progress-bar__fill{background-color:var(--progress-bar-support-2-fill)}.progress-bar__label{font-family:var(--progress-bar-font-family);font-size:var(--progress-bar-font-size);font-weight:var(--progress-bar-font-weight);line-height:var(--progress-bar-line-height);white-space:nowrap;-webkit-user-select:none;user-select:none}.progress-bar__label--inside{color:var(--progress-bar-label-inside-color);position:absolute;inset-block-start:50%;inset-inline-end:var(--progress-bar-label-padding-inline);transform:translateY(-50%)}.progress-bar__label--outside{color:var(--progress-bar-label-outside-color);padding-inline-start:var(--progress-bar-label-gap);position:absolute;inset-block-start:50%;inset-inline-start:var(--progress-bar-value,0%);transform:translateY(-50%)}.progress-bar__track[data-value="0"]{--progress-bar-value:0%}.progress-bar__track[data-value="1"]{--progress-bar-value:1%}.progress-bar__track[data-value="2"]{--progress-bar-value:2%}.progress-bar__track[data-value="3"]{--progress-bar-value:3%}.progress-bar__track[data-value="4"]{--progress-bar-value:4%}.progress-bar__track[data-value="5"]{--progress-bar-value:5%}.progress-bar__track[data-value="6"]{--progress-bar-value:6%}.progress-bar__track[data-value="7"]{--progress-bar-value:7%}.progress-bar__track[data-value="8"]{--progress-bar-value:8%}.progress-bar__track[data-value="9"]{--progress-bar-value:9%}.progress-bar__track[data-value="10"]{--progress-bar-value:10%}.progress-bar__track[data-value="11"]{--progress-bar-value:11%}.progress-bar__track[data-value="12"]{--progress-bar-value:12%}.progress-bar__track[data-value="13"]{--progress-bar-value:13%}.progress-bar__track[data-value="14"]{--progress-bar-value:14%}.progress-bar__track[data-value="15"]{--progress-bar-value:15%}.progress-bar__track[data-value="16"]{--progress-bar-value:16%}.progress-bar__track[data-value="17"]{--progress-bar-value:17%}.progress-bar__track[data-value="18"]{--progress-bar-value:18%}.progress-bar__track[data-value="19"]{--progress-bar-value:19%}.progress-bar__track[data-value="20"]{--progress-bar-value:20%}.progress-bar__track[data-value="21"]{--progress-bar-value:21%}.progress-bar__track[data-value="22"]{--progress-bar-value:22%}.progress-bar__track[data-value="23"]{--progress-bar-value:23%}.progress-bar__track[data-value="24"]{--progress-bar-value:24%}.progress-bar__track[data-value="25"]{--progress-bar-value:25%}.progress-bar__track[data-value="26"]{--progress-bar-value:26%}.progress-bar__track[data-value="27"]{--progress-bar-value:27%}.progress-bar__track[data-value="28"]{--progress-bar-value:28%}.progress-bar__track[data-value="29"]{--progress-bar-value:29%}.progress-bar__track[data-value="30"]{--progress-bar-value:30%}.progress-bar__track[data-value="31"]{--progress-bar-value:31%}.progress-bar__track[data-value="32"]{--progress-bar-value:32%}.progress-bar__track[data-value="33"]{--progress-bar-value:33%}.progress-bar__track[data-value="34"]{--progress-bar-value:34%}.progress-bar__track[data-value="35"]{--progress-bar-value:35%}.progress-bar__track[data-value="36"]{--progress-bar-value:36%}.progress-bar__track[data-value="37"]{--progress-bar-value:37%}.progress-bar__track[data-value="38"]{--progress-bar-value:38%}.progress-bar__track[data-value="39"]{--progress-bar-value:39%}.progress-bar__track[data-value="40"]{--progress-bar-value:40%}.progress-bar__track[data-value="41"]{--progress-bar-value:41%}.progress-bar__track[data-value="42"]{--progress-bar-value:42%}.progress-bar__track[data-value="43"]{--progress-bar-value:43%}.progress-bar__track[data-value="44"]{--progress-bar-value:44%}.progress-bar__track[data-value="45"]{--progress-bar-value:45%}.progress-bar__track[data-value="46"]{--progress-bar-value:46%}.progress-bar__track[data-value="47"]{--progress-bar-value:47%}.progress-bar__track[data-value="48"]{--progress-bar-value:48%}.progress-bar__track[data-value="49"]{--progress-bar-value:49%}.progress-bar__track[data-value="50"]{--progress-bar-value:50%}.progress-bar__track[data-value="51"]{--progress-bar-value:51%}.progress-bar__track[data-value="52"]{--progress-bar-value:52%}.progress-bar__track[data-value="53"]{--progress-bar-value:53%}.progress-bar__track[data-value="54"]{--progress-bar-value:54%}.progress-bar__track[data-value="55"]{--progress-bar-value:55%}.progress-bar__track[data-value="56"]{--progress-bar-value:56%}.progress-bar__track[data-value="57"]{--progress-bar-value:57%}.progress-bar__track[data-value="58"]{--progress-bar-value:58%}.progress-bar__track[data-value="59"]{--progress-bar-value:59%}.progress-bar__track[data-value="60"]{--progress-bar-value:60%}.progress-bar__track[data-value="61"]{--progress-bar-value:61%}.progress-bar__track[data-value="62"]{--progress-bar-value:62%}.progress-bar__track[data-value="63"]{--progress-bar-value:63%}.progress-bar__track[data-value="64"]{--progress-bar-value:64%}.progress-bar__track[data-value="65"]{--progress-bar-value:65%}.progress-bar__track[data-value="66"]{--progress-bar-value:66%}.progress-bar__track[data-value="67"]{--progress-bar-value:67%}.progress-bar__track[data-value="68"]{--progress-bar-value:68%}.progress-bar__track[data-value="69"]{--progress-bar-value:69%}.progress-bar__track[data-value="70"]{--progress-bar-value:70%}.progress-bar__track[data-value="71"]{--progress-bar-value:71%}.progress-bar__track[data-value="72"]{--progress-bar-value:72%}.progress-bar__track[data-value="73"]{--progress-bar-value:73%}.progress-bar__track[data-value="74"]{--progress-bar-value:74%}.progress-bar__track[data-value="75"]{--progress-bar-value:75%}.progress-bar__track[data-value="76"]{--progress-bar-value:76%}.progress-bar__track[data-value="77"]{--progress-bar-value:77%}.progress-bar__track[data-value="78"]{--progress-bar-value:78%}.progress-bar__track[data-value="79"]{--progress-bar-value:79%}.progress-bar__track[data-value="80"]{--progress-bar-value:80%}.progress-bar__track[data-value="81"]{--progress-bar-value:81%}.progress-bar__track[data-value="82"]{--progress-bar-value:82%}.progress-bar__track[data-value="83"]{--progress-bar-value:83%}.progress-bar__track[data-value="84"]{--progress-bar-value:84%}.progress-bar__track[data-value="85"]{--progress-bar-value:85%}.progress-bar__track[data-value="86"]{--progress-bar-value:86%}.progress-bar__track[data-value="87"]{--progress-bar-value:87%}.progress-bar__track[data-value="88"]{--progress-bar-value:88%}.progress-bar__track[data-value="89"]{--progress-bar-value:89%}.progress-bar__track[data-value="90"]{--progress-bar-value:90%}.progress-bar__track[data-value="91"]{--progress-bar-value:91%}.progress-bar__track[data-value="92"]{--progress-bar-value:92%}.progress-bar__track[data-value="93"]{--progress-bar-value:93%}.progress-bar__track[data-value="94"]{--progress-bar-value:94%}.progress-bar__track[data-value="95"]{--progress-bar-value:95%}.progress-bar__track[data-value="96"]{--progress-bar-value:96%}.progress-bar__track[data-value="97"]{--progress-bar-value:97%}.progress-bar__track[data-value="98"]{--progress-bar-value:98%}.progress-bar__track[data-value="99"]{--progress-bar-value:99%}.progress-bar__track[data-value="100"]{--progress-bar-value:100%}

package/dist/project-card.css

@@ -0,0 +1 @@
+.project-card{gap:var(--project-card-gap);align-content:start;display:grid;position:relative}.project-card__media{aspect-ratio:var(--project-card-media-aspect-ratio)}.project-card__media img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.project-card__tags{gap:var(--project-card-tags-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.project-card .project-card__title,.project-card .project-card__description{margin:0}.project-card__link{color:inherit;box-shadow:none;padding-block-end:0;text-decoration:none}.project-card__link:after{content:"";position:absolute;inset:0}.project-card__link:hover{box-shadow:inset 0 calc(-1 * var(--project-card-title-hover-line-width)) 0 0 currentColor;padding-block-end:var(--project-card-title-hover-line-offset)}.project-card__link:focus-visible{outline:var(--project-card-focus-ring-width) solid var(--project-card-focus-ring-color);outline-offset:var(--project-card-focus-ring-offset)}

package/dist/project-card.js

@@ -0,0 +1,55 @@
+'use client';
+import './project-card.css';
+import { Heading as e } from "./heading.js";
+import { Paragraph as t } from "./paragraph.js";
+import { Tag as n } from "./tag.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useRender as a } from "@base-ui/react/use-render";
+//#region src/stories/molecules/ProjectCard/ProjectCard.tsx
+function o({ title: o, description: s, media: c, tags: l, href: u, render: d, headingLevel: f = 3, headingSize: p = 5, tagsLabel: m = "Categorías", className: h, id: g }) {
+	let _ = a({
+		render: d,
+		enabled: d !== void 0,
+		props: {
+			className: "project-card__link",
+			children: o
+		}
+	}) ?? (u === void 0 ? o : /* @__PURE__ */ r("a", {
+		href: u,
+		className: "project-card__link",
+		children: o
+	}));
+	return /* @__PURE__ */ i("article", {
+		id: g,
+		className: ["project-card", h].filter(Boolean).join(" "),
+		children: [
+			c && /* @__PURE__ */ r("div", {
+				className: "project-card__media",
+				children: /* @__PURE__ */ r("img", {
+					src: c.src,
+					alt: c.alt
+				})
+			}),
+			l && l.length > 0 && /* @__PURE__ */ r("ul", {
+				className: "project-card__tags",
+				"aria-label": m,
+				children: l.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(n, {
+					variant: e.variant ?? "neutral",
+					children: e.label
+				}) }, e.id ?? e.label))
+			}),
+			/* @__PURE__ */ r(e, {
+				level: f,
+				size: p,
+				className: "project-card__title",
+				children: _
+			}),
+			s && /* @__PURE__ */ r(t, {
+				className: "project-card__description",
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+export { o as ProjectCard };

package/dist/prose.css

@@ -0,0 +1 @@
+.prose{max-inline-size:var(--prose-measure);font-size:var(--prose-font-size);line-height:var(--prose-line-height);color:var(--prose-color)}.prose.prose--full{max-inline-size:none}.prose.prose--sm{font-size:var(--prose-sm-font-size)}.prose>*{margin-block:0;margin-inline:0}.prose>*+*{margin-block-start:var(--prose-flow-space)}.prose>*+:is(h1,h2,h3,h4,h5,h6){margin-block-start:var(--prose-heading-space-before)}.prose.prose--sm>*+*{margin-block-start:var(--prose-sm-flow-space)}.prose.prose--sm>*+:is(h1,h2,h3,h4,h5,h6){margin-block-start:var(--prose-sm-heading-space-before)}.prose :is(ul,ol){padding-inline-start:var(--prose-list-padding-inline-start)}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li+li,.prose li>:is(ul,ol){margin-block-start:var(--prose-list-gap)}.prose blockquote{border-inline-start:var(--prose-quote-border-width) solid var(--prose-quote-border-color);color:var(--prose-quote-color);margin-inline:0;padding-inline-start:var(--prose-quote-padding-inline)}.prose code{padding-block:var(--prose-code-padding-block);padding-inline:var(--prose-code-padding-inline);border-radius:var(--prose-code-border-radius);background-color:var(--prose-code-bg);color:var(--prose-code-color);font-family:var(--prose-code-font-family);font-size:var(--prose-code-font-size)}.prose pre{padding-block:var(--prose-pre-padding-block);padding-inline:var(--prose-pre-padding-inline);border:var(--prose-pre-border-width) solid var(--prose-pre-border-color);border-radius:var(--prose-pre-border-radius);background-color:var(--prose-pre-bg);color:var(--prose-pre-color);font-family:var(--prose-code-font-family);font-size:var(--prose-pre-font-size);line-height:var(--prose-pre-line-height);overflow-x:auto}.prose pre code{font-size:inherit;background-color:#0000;border-radius:0;padding-block:0;padding-inline:0}.prose table{border-collapse:collapse;inline-size:max-content;max-inline-size:100%;font-size:var(--prose-table-font-size);display:block;overflow-x:auto}.prose :is(th,td){padding-block:var(--prose-table-cell-padding-block);padding-inline:var(--prose-table-cell-padding-inline);border-block-end:var(--prose-table-border-width) solid var(--prose-table-border-color);text-align:start}.prose th{border-block-end-color:var(--prose-table-header-border-color);font-weight:var(--prose-table-header-font-weight)}.prose hr{block-size:0;margin-block:var(--prose-rule-space);border-block-start:var(--prose-rule-thickness) solid var(--prose-rule-color);border-block-end:0;border-inline:0}.prose img{border-radius:var(--prose-image-border-radius);block-size:auto;max-inline-size:100%}.prose figure{margin-inline:0}.prose figcaption{font-size:var(--prose-caption-font-size);color:var(--prose-caption-color);margin-block-start:var(--prose-flow-space)}