@studiolxd/brand 50.0.0 → 51.0.0

package/dist/password-field.js

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

package/dist/planning-grid.css

@@ -1 +1 @@
-.planning-grid{font-family:var(--planning-grid-font-family)}.planning-grid__wrap{border:var(--planning-grid-border-width) solid var(--planning-grid-border-color);border-radius:var(--planning-grid-radius);overflow:auto visible}.planning-grid__table{border-collapse:collapse;inline-size:100%}.planning-grid__corner,.planning-grid__row-header,.planning-grid__footer-header{z-index:1;min-inline-size:var(--planning-grid-row-header-width);max-inline-size:var(--planning-grid-row-header-width);padding-block:var(--planning-grid-row-header-padding-block);padding-inline:var(--planning-grid-row-header-padding-inline);text-align:start;background-color:var(--planning-grid-row-header-bg);border-inline-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color);position:sticky;inset-inline-start:0}.planning-grid__corner{z-index:2;background-color:var(--planning-grid-column-header-bg);border-block-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color)}.planning-grid__row-header{font-size:var(--planning-grid-row-header-font-size);font-weight:var(--planning-grid-row-header-font-weight);color:var(--planning-grid-row-header-color)}.planning-grid__footer-header{background-color:var(--planning-grid-footer-bg);font-size:var(--planning-grid-row-header-font-size);font-weight:var(--planning-grid-footer-font-weight);color:var(--planning-grid-footer-color)}.planning-grid__column-header{min-inline-size:var(--planning-grid-column-width);padding-block:var(--planning-grid-column-header-padding-block);padding-inline:var(--planning-grid-cell-padding-inline);background-color:var(--planning-grid-column-header-bg);font-size:var(--planning-grid-column-header-font-size);font-weight:var(--planning-grid-column-header-font-weight);color:var(--planning-grid-column-header-color);text-align:center;border-block-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color);border-inline-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color)}.planning-grid__column-sub{font-size:var(--planning-grid-column-header-sub-font-size);font-weight:var(--planning-grid-row-header-font-weight);color:var(--planning-grid-column-header-sub-color);display:block}.planning-grid__column-header.planning-grid__column-header--current{outline:var(--planning-grid-current-outline-width) solid var(--planning-grid-current-outline-color);outline-offset:calc(-1 * var(--planning-grid-current-outline-width))}.planning-grid__cell{padding-block:var(--planning-grid-cell-padding-block);padding-inline:var(--planning-grid-cell-padding-inline);font-size:var(--planning-grid-cell-font-size);color:var(--planning-grid-cell-color);text-align:center;font-variant-numeric:tabular-nums;border-inline-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color);border-block-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color)}.planning-grid__cell.planning-grid__cell--readonly{background-color:var(--planning-grid-cell-readonly-bg);color:var(--planning-grid-cell-readonly-color)}.planning-grid__cell.planning-grid__cell--pending{opacity:var(--planning-grid-pending-opacity)}.planning-grid__input{inline-size:var(--planning-grid-cell-input-width);text-align:center}.planning-grid__footer-cell{padding-block:var(--planning-grid-cell-padding-block);padding-inline:var(--planning-grid-cell-padding-inline);background-color:var(--planning-grid-footer-bg);font-size:var(--planning-grid-cell-font-size);font-weight:var(--planning-grid-footer-font-weight);color:var(--planning-grid-footer-color);text-align:center;font-variant-numeric:tabular-nums;border-inline-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color)}.planning-grid__footer-cell.planning-grid__footer-cell--over{color:var(--planning-grid-over-color)}
+.planning-grid{font-family:var(--planning-grid-font-family)}.planning-grid__wrap{border:var(--planning-grid-border-width) solid var(--planning-grid-border-color);border-radius:var(--planning-grid-radius);overflow:auto visible}.planning-grid__table{border-collapse:collapse;inline-size:100%}.planning-grid__corner,.planning-grid__row-header,.planning-grid__footer-header{z-index:1;min-inline-size:var(--planning-grid-row-header-width);max-inline-size:var(--planning-grid-row-header-width);padding-block:var(--planning-grid-row-header-padding-block);padding-inline:var(--planning-grid-row-header-padding-inline);text-align:start;background-color:var(--planning-grid-row-header-bg);border-inline-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color);position:sticky;inset-inline-start:0}.planning-grid__corner{z-index:2;background-color:var(--planning-grid-column-header-bg);border-block-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color)}.planning-grid__row-header{font-size:var(--planning-grid-row-header-font-size);font-weight:var(--planning-grid-row-header-font-weight);color:var(--planning-grid-row-header-color)}.planning-grid__footer-header{background-color:var(--planning-grid-footer-bg);font-size:var(--planning-grid-row-header-font-size);font-weight:var(--planning-grid-footer-font-weight);color:var(--planning-grid-footer-color)}.planning-grid__column-header{min-inline-size:var(--planning-grid-column-width);padding-block:var(--planning-grid-column-header-padding-block);padding-inline:var(--planning-grid-cell-padding-inline);background-color:var(--planning-grid-column-header-bg);font-size:var(--planning-grid-column-header-font-size);font-weight:var(--planning-grid-column-header-font-weight);color:var(--planning-grid-column-header-color);text-align:center;border-block-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color);border-inline-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color)}.planning-grid__column-sub{font-size:var(--planning-grid-column-header-sub-font-size);font-weight:var(--planning-grid-row-header-font-weight);color:var(--planning-grid-column-header-sub-color);display:block}.planning-grid__column-header.planning-grid__column-header--current{outline:var(--planning-grid-current-outline-width) solid var(--planning-grid-current-outline-color);outline-offset:calc(-1 * var(--planning-grid-current-outline-width))}.planning-grid__cell{padding-block:var(--planning-grid-cell-padding-block);padding-inline:var(--planning-grid-cell-padding-inline);font-size:var(--planning-grid-cell-font-size);color:var(--planning-grid-cell-color);text-align:center;font-variant-numeric:tabular-nums;border-inline-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color);border-block-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color)}.planning-grid__cell.planning-grid__cell--readonly{background-color:var(--planning-grid-cell-readonly-bg);color:var(--planning-grid-cell-readonly-color)}.planning-grid__cell.planning-grid__cell--pending{white-space:nowrap}.planning-grid__saving{vertical-align:middle;margin-inline-start:var(--planning-grid-saving-gap)}.planning-grid__input{inline-size:var(--planning-grid-cell-input-width);text-align:center}.planning-grid__footer-cell{padding-block:var(--planning-grid-cell-padding-block);padding-inline:var(--planning-grid-cell-padding-inline);background-color:var(--planning-grid-footer-bg);font-size:var(--planning-grid-cell-font-size);font-weight:var(--planning-grid-footer-font-weight);color:var(--planning-grid-footer-color);text-align:center;font-variant-numeric:tabular-nums;border-inline-end:var(--planning-grid-border-width) solid var(--planning-grid-border-color)}.planning-grid__footer-cell.planning-grid__footer-cell--over{background-color:var(--planning-grid-over-bg);color:var(--planning-grid-over-color)}

package/dist/planning-grid.js

@@ -1,12 +1,13 @@
 'use client';
 import './planning-grid.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { VisuallyHidden as t } from "./visually-hidden.js";
-import { Input as n } from "./input.js";
-import { forwardRef as r, useId as i, useMemo as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Spinner as n } from "./spinner.js";
+import { Input as r } from "./input.js";
+import { forwardRef as i, useId as a, useMemo as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/stories/organisms/PlanningGrid/planningHours.ts
-function u(e) {
+function d(e) {
 	let t = e.trim().replace(",", ".");
 	if (t === "") return 0;
 	if (!/^\d*\.?\d*$/.test(t)) return null;
@@ -14,119 +15,132 @@ function u(e) {
 	return Number.isFinite(n) && n >= 0 ? n : null;
 }
 //#endregion
-//#region src/stories/organisms/PlanningGrid/PlanningGrid.tsx
-var d = (e, t) => `${e}\u0000${t}`, f = r(function({ rows: n, columns: r, cells: i, onCellChange: o, readOnly: s = !1, rowHeader: u, showRowTotals: f = !0, showColumnTotals: m = !0, showCapacity: h = !1, showRemaining: g = !0, max: _ = 999, locale: v = "es-ES", formatHours: y, size: b = "sm", label: x, cellLabel: S, className: C, ...w }, T) {
-	let E = e("planningGrid"), D = a(() => {
+//#region src/stories/messages/es/planningGrid.ts
+var f = {
+	label: "Planificación",
+	cellLabel: (e, t) => `Horas de ${e} en ${t}`,
+	rowTotal: "Total",
+	columnTotal: "Total",
+	capacity: "Disponible",
+	remaining: "Sin asignar",
+	over: "sobreasignado",
+	saving: "Guardando…"
+}, p = (e, t) => `${e}\u0000${t}`, m = i(function({ rows: r, columns: i, cells: a, onCellChange: s, readOnly: c = !1, rowHeader: d, showRowTotals: m = !0, showColumnTotals: g = !0, showCapacity: _ = !1, showRemaining: v = !0, max: y = 999, locale: b = "es-ES", formatHours: x, size: S = "sm", label: C, cellLabel: w, savingLabel: T, className: E, ...D }, O) {
+	let k = e("planningGrid", f), A = o(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of i) e.set(d(t.rowId, t.columnKey), t);
+		for (let t of a) e.set(p(t.rowId, t.columnKey), t);
 		return e;
-	}, [i]), O = a(() => new Intl.NumberFormat(v, { maximumFractionDigits: 2 }), [v]), k = y ?? ((e) => `${O.format(e)} h`), A = (e, t) => D.get(d(e, t))?.value ?? 0, j = (e) => r.reduce((t, n) => t + A(e, n.key), 0), M = (e) => n.reduce((t, n) => t + A(n.id, e), 0), N = r.some((e) => e.capacity !== void 0), P = !s && o !== void 0, F = S ?? E("cellLabel");
-	return /* @__PURE__ */ c("div", {
-		ref: T,
-		className: ["planning-grid", C].filter(Boolean).join(" "),
-		...w,
-		children: /* @__PURE__ */ c("div", {
+	}, [a]), j = o(() => new Intl.NumberFormat(b, { maximumFractionDigits: 2 }), [b]), M = x ?? ((e) => `${j.format(e)} h`), N = (e, t) => A.get(p(e, t))?.value ?? 0, P = (e) => i.reduce((t, n) => t + N(e, n.key), 0), F = (e) => r.reduce((t, n) => t + N(n.id, e), 0), I = i.some((e) => e.capacity !== void 0), L = !c && s !== void 0, R = w ?? k("cellLabel");
+	return /* @__PURE__ */ l("div", {
+		ref: O,
+		className: ["planning-grid", E].filter(Boolean).join(" "),
+		...D,
+		children: /* @__PURE__ */ l("div", {
 			className: "planning-grid__wrap",
-			children: /* @__PURE__ */ l("table", {
+			children: /* @__PURE__ */ u("table", {
 				className: "planning-grid__table",
 				children: [
-					/* @__PURE__ */ c("caption", {
+					/* @__PURE__ */ l("caption", {
 						className: "visually-hidden",
-						children: E("label", x)
+						children: k("label", C)
 					}),
-					/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [
-						/* @__PURE__ */ c("th", {
+					/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [
+						/* @__PURE__ */ l("th", {
 							className: "planning-grid__corner",
 							scope: "col",
-							children: u
+							children: d
 						}),
-						r.map((e) => /* @__PURE__ */ l("th", {
+						i.map((e) => /* @__PURE__ */ u("th", {
 							scope: "col",
 							className: ["planning-grid__column-header", e.current ? "planning-grid__column-header--current" : ""].filter(Boolean).join(" "),
-							children: [e.label ?? e.name, e.sublabel ? /* @__PURE__ */ c("span", {
+							children: [e.label ?? e.name, e.sublabel ? /* @__PURE__ */ l("span", {
 								className: "planning-grid__column-sub",
 								children: e.sublabel
 							}) : null]
 						}, e.key)),
-						f ? /* @__PURE__ */ c("th", {
+						m ? /* @__PURE__ */ l("th", {
 							className: "planning-grid__column-header",
 							scope: "col",
-							children: E("rowTotal")
+							children: k("rowTotal")
 						}) : null
 					] }) }),
-					/* @__PURE__ */ c("tbody", { children: n.map((e) => /* @__PURE__ */ l("tr", { children: [
-						/* @__PURE__ */ c("th", {
+					/* @__PURE__ */ l("tbody", { children: r.map((e) => /* @__PURE__ */ u("tr", { children: [
+						/* @__PURE__ */ l("th", {
 							className: "planning-grid__row-header",
 							scope: "row",
 							children: e.label ?? e.name
 						}),
-						r.map((t) => {
-							let n = D.get(d(e.id, t.key)), r = s || e.readOnly || t.readOnly || n?.readOnly || !P, i = n?.value ?? null;
-							return /* @__PURE__ */ c("td", {
+						i.map((t) => {
+							let r = A.get(p(e.id, t.key)), i = c || e.readOnly || t.readOnly || r?.readOnly || !L, a = r?.value ?? null;
+							return /* @__PURE__ */ u("td", {
 								className: [
 									"planning-grid__cell",
-									r ? "planning-grid__cell--readonly" : "",
-									n?.pending ? "planning-grid__cell--pending" : ""
+									i ? "planning-grid__cell--readonly" : "",
+									r?.pending ? "planning-grid__cell--pending" : ""
 								].filter(Boolean).join(" "),
-								children: r ? i ? k(i) : null : /* @__PURE__ */ c(p, {
-									value: i,
-									max: _,
-									size: b,
-									locale: v,
-									error: n?.error,
-									label: F(e.name, t.name),
-									onCommit: (n) => o?.(e.id, t.key, n)
-								}, `${e.id}-${t.key}-${i ?? ""}`)
+								children: [i ? a ? M(a) : null : /* @__PURE__ */ l(h, {
+									value: a,
+									max: y,
+									size: S,
+									locale: b,
+									error: r?.error,
+									label: R(e.name, t.name),
+									onCommit: (n) => s?.(e.id, t.key, n)
+								}, `${e.id}-${t.key}-${a ?? ""}`), r?.pending ? /* @__PURE__ */ l(n, {
+									size: "sm",
+									label: k("saving", T),
+									className: "planning-grid__saving"
+								}) : null]
 							}, t.key);
 						}),
-						f ? /* @__PURE__ */ c("td", {
+						m ? /* @__PURE__ */ l("td", {
 							className: "planning-grid__footer-cell",
-							children: k(j(e.id))
+							children: M(P(e.id))
 						}) : null
 					] }, e.id)) }),
-					m || (g || h) && N ? /* @__PURE__ */ l("tfoot", { children: [
-						m ? /* @__PURE__ */ l("tr", { children: [
-							/* @__PURE__ */ c("th", {
+					g || (v || _) && I ? /* @__PURE__ */ u("tfoot", { children: [
+						g ? /* @__PURE__ */ u("tr", { children: [
+							/* @__PURE__ */ l("th", {
 								className: "planning-grid__footer-header",
 								scope: "row",
-								children: E("columnTotal")
+								children: k("columnTotal")
 							}),
-							r.map((e) => /* @__PURE__ */ c("td", {
+							i.map((e) => /* @__PURE__ */ l("td", {
 								className: "planning-grid__footer-cell",
-								children: k(M(e.key))
+								children: M(F(e.key))
 							}, e.key)),
-							f ? /* @__PURE__ */ c("td", {
+							m ? /* @__PURE__ */ l("td", {
 								className: "planning-grid__footer-cell",
-								children: k(n.reduce((e, t) => e + j(t.id), 0))
+								children: M(r.reduce((e, t) => e + P(t.id), 0))
 							}) : null
 						] }) : null,
-						h && N ? /* @__PURE__ */ l("tr", { children: [
-							/* @__PURE__ */ c("th", {
+						_ && I ? /* @__PURE__ */ u("tr", { children: [
+							/* @__PURE__ */ l("th", {
 								className: "planning-grid__footer-header",
 								scope: "row",
-								children: E("capacity")
+								children: k("capacity")
 							}),
-							r.map((e) => /* @__PURE__ */ c("td", {
+							i.map((e) => /* @__PURE__ */ l("td", {
 								className: "planning-grid__footer-cell",
-								children: e.capacity === void 0 ? null : k(e.capacity)
+								children: e.capacity === void 0 ? null : M(e.capacity)
 							}, e.key)),
-							f ? /* @__PURE__ */ c("td", { className: "planning-grid__footer-cell" }) : null
+							m ? /* @__PURE__ */ l("td", { className: "planning-grid__footer-cell" }) : null
 						] }) : null,
-						g && N ? /* @__PURE__ */ l("tr", { children: [
-							/* @__PURE__ */ c("th", {
+						v && I ? /* @__PURE__ */ u("tr", { children: [
+							/* @__PURE__ */ l("th", {
 								className: "planning-grid__footer-header",
 								scope: "row",
-								children: E("remaining")
+								children: k("remaining")
 							}),
-							r.map((e) => {
-								if (e.capacity === void 0) return /* @__PURE__ */ c("td", { className: "planning-grid__footer-cell" }, e.key);
-								let n = e.capacity - M(e.key), r = n < 0;
-								return /* @__PURE__ */ l("td", {
+							i.map((e) => {
+								if (e.capacity === void 0) return /* @__PURE__ */ l("td", { className: "planning-grid__footer-cell" }, e.key);
+								let n = e.capacity - F(e.key), r = n < 0;
+								return /* @__PURE__ */ u("td", {
 									className: ["planning-grid__footer-cell", r ? "planning-grid__footer-cell--over" : ""].filter(Boolean).join(" "),
-									children: [k(n), r ? /* @__PURE__ */ c(t, { children: ` (${E("over")})` }) : null]
+									children: [M(n), r ? /* @__PURE__ */ l(t, { children: ` (${k("over")})` }) : null]
 								}, e.key);
 							}),
-							f ? /* @__PURE__ */ c("td", { className: "planning-grid__footer-cell" }) : null
+							m ? /* @__PURE__ */ l("td", { className: "planning-grid__footer-cell" }) : null
 						] }) : null
 					] }) : null
 				]
@@ -134,19 +148,19 @@ var d = (e, t) => `${e}\u0000${t}`, f = r(function({ rows: n, columns: r, cells:
 		})
 	});
 });
-function p({ value: e, max: r, size: a, locale: d, error: f, label: p, onCommit: m }) {
-	let h = e === null ? "" : new Intl.NumberFormat(d, { maximumFractionDigits: 2 }).format(e), [g, _] = o(h), v = i(), y = () => {
-		let t = u(g);
+function h({ value: e, max: n, size: i, locale: o, error: f, label: p, onCommit: m }) {
+	let h = e === null ? "" : new Intl.NumberFormat(o, { maximumFractionDigits: 2 }).format(e), [g, _] = s(h), v = a(), y = () => {
+		let t = d(g);
 		if (t === null) {
 			_(h);
 			return;
 		}
-		let n = Math.min(r, t);
-		n !== (e ?? 0) && m(n);
+		let r = Math.min(n, t);
+		r !== (e ?? 0) && m(r);
 	};
-	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(n, {
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(r, {
 		className: "planning-grid__input",
-		size: a,
+		size: i,
 		inputMode: "decimal",
 		"aria-label": p,
 		"aria-describedby": f ? v : void 0,
@@ -157,11 +171,11 @@ function p({ value: e, max: r, size: a, locale: d, error: f, label: p, onCommit:
 		onKeyDown: (e) => {
 			e.key === "Enter" && (e.preventDefault(), e.currentTarget.blur());
 		}
-	}), f ? /* @__PURE__ */ c(t, {
+	}), f ? /* @__PURE__ */ l(t, {
 		id: v,
 		role: "alert",
 		children: f
 	}) : null] });
 }
 //#endregion
-export { f as PlanningGrid };
+export { m as PlanningGrid };

package/dist/prev-next-nav.js

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

package/dist/prevnextnav.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);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/project-card.css

@@ -1 +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)}
+.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;padding-block-end:0;text-decoration:none}.project-card__link:after{content:"";position:absolute;inset:0}.project-card__link:hover{text-decoration-line:underline;text-decoration-thickness:var(--project-card-title-hover-line-width);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-position:under;text-underline-offset:calc(var(--project-card-title-hover-line-offset) - var(--project-card-title-hover-line-width));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

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