@studiolxd/brand 50.0.0 → 51.0.0

package/dist/calendar-roster.js

@@ -1,28 +1,42 @@
 'use client';
 import './calendar-roster.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Tag as t } from "./tag.js";
-import { PrevNextNav as n } from "./prev-next-nav.js";
-import { t as r } from "./_shared/overflow-focusable.js";
-import { a as i, l as a, m as o } from "./_shared/calendargrid.js";
-import { useId as s, useRef as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { n as e } from "./_shared/env.js";
+import { r as t } from "./_shared/brandmessagescontext.js";
+import { Tag as n } from "./tag.js";
+import { n as r } from "./_shared/default-render-link.js";
+import { t as i } from "./_shared/prevnextnav.js";
+import { t as a } from "./_shared/overflow-focusable.js";
+import { h as o, o as s, t as c, u as l } from "./_shared/calendar.js";
+import { useId as u, useRef as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/stories/messages/es/calendarRoster.ts
+var h = {
+	name: "Empleado",
+	legend: "Leyenda",
+	holiday: "Festivo",
+	vacation: "Vacaciones",
+	absence: "Ausencia",
+	recovery: "Recuperación",
+	birthday: "Cumpleaños",
+	nonWorking: "No laborable"
+};
+//#endregion
 //#region src/stories/molecules/CalendarRoster/CalendarRoster.tsx
-function f(e) {
+function g(e) {
 	let t = e.getDay();
 	return t === 0 || t === 6;
 }
-function p(e) {
+function _(e) {
 	let t = e.getFullYear(), n = e.getMonth(), r = new Date(t, n + 1, 0).getDate();
 	return Array.from({ length: r }, (e, r) => new Date(t, n, r + 1));
 }
-var m = {
+var v = {
 	holiday: "neutral",
 	vacation: "info",
-	absence: "danger",
+	absence: "error",
 	recovery: "success",
 	birthday: "info"
-}, h = [
+}, y = [
 	{
 		type: "holiday",
 		key: "holiday"
@@ -48,103 +62,104 @@ var m = {
 		key: "nonWorking"
 	}
 ];
-function g({ rows: g, month: _, onMonthChange: v, hrefBuilder: y, linkComponent: b, renderCell: x, nameLabel: S, birthdayPrefix: C = "🎂 ", showLegend: w = !0, locale: T = "es-ES", legendItems: E, legendLabel: D, previousMonthLabel: O, nextMonthLabel: k, today: A, className: j }) {
-	let M = e("calendar"), N = e("calendarRoster"), P = E ?? (w ? h.map(({ type: e, key: t }) => ({
+function b({ rows: b, month: x, onMonthChange: S, hrefBuilder: C, renderLink: w, linkComponent: T, renderCell: E, nameLabel: D, birthdayPrefix: O = "🎂 ", showLegend: k = !0, locale: A = "es-ES", legendItems: j, legendLabel: M, previousMonthLabel: N, nextMonthLabel: P, today: F, className: I }) {
+	T !== void 0 && e("CalendarRoster", "linkComponent", "`renderLink`");
+	let L = t("calendar", c), R = t("calendarRoster", h), z = j ?? (k ? y.map(({ type: e, key: t }) => ({
 		type: e,
-		label: N(t)
-	})) : []), F = o(A), I = p(_), L = a(_, -1), R = a(_, 1), z = new Intl.DateTimeFormat(T, {
+		label: R(t)
+	})) : []), B = o(F), V = _(x), H = l(x, -1), U = l(x, 1), W = new Intl.DateTimeFormat(A, {
 		month: "long",
 		year: "numeric"
-	}).format(_), B = new Intl.DateTimeFormat(T, { weekday: "narrow" }), V = new Intl.DateTimeFormat(T, { weekday: "long" }), H = v ? (e) => (t) => {
-		y && t.preventDefault(), v(e);
-	} : void 0, U = s(), W = c(null), G = r(W);
-	return /* @__PURE__ */ d("div", {
-		className: ["calendar-roster", j].filter(Boolean).join(" "),
+	}).format(x), G = new Intl.DateTimeFormat(A, { weekday: "narrow" }), K = new Intl.DateTimeFormat(A, { weekday: "long" }), q = S ? (e) => (t) => {
+		C && t.preventDefault(), S(e);
+	} : void 0, J = u(), Y = d(null), X = a(Y);
+	return /* @__PURE__ */ m("div", {
+		className: ["calendar-roster", I].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ p("div", {
 				className: "calendar-roster__nav",
-				children: /* @__PURE__ */ u(n, {
-					label: z,
-					labelId: U,
-					prevHref: y?.(L),
-					nextHref: y?.(R),
-					prevOnClick: H?.(L),
-					nextOnClick: H?.(R),
-					prevLabel: M("previousMonth", O),
-					nextLabel: M("nextMonth", k),
-					linkComponent: b
+				children: /* @__PURE__ */ p(i, {
+					label: W,
+					labelId: J,
+					prevHref: C?.(H),
+					nextHref: C?.(U),
+					prevOnClick: q?.(H),
+					nextOnClick: q?.(U),
+					prevLabel: L("previousMonth", N),
+					nextLabel: L("nextMonth", P),
+					renderLink: w ?? (T ? r(T) : void 0)
 				})
 			}),
-			/* @__PURE__ */ u("div", {
-				ref: W,
+			/* @__PURE__ */ p("div", {
+				ref: Y,
 				className: "calendar-roster__wrap",
-				...G && {
+				...X && {
 					tabIndex: 0,
 					role: "region",
-					"aria-labelledby": U
+					"aria-labelledby": J
 				},
-				children: /* @__PURE__ */ d("table", {
+				children: /* @__PURE__ */ m("table", {
 					className: "calendar-roster__table",
-					"aria-labelledby": U,
-					children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", { children: [/* @__PURE__ */ u("th", {
+					"aria-labelledby": J,
+					children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", {
 						className: "calendar-roster__th-name",
 						scope: "col",
-						children: N("name", S)
-					}), I.map((e) => {
-						let t = i(e, F), n = [
+						children: R("name", D)
+					}), V.map((e) => {
+						let t = s(e, B), n = [
 							"calendar-roster__th-day",
-							f(e) && "calendar-roster__th-day--weekend",
+							g(e) && "calendar-roster__th-day--weekend",
 							t && "calendar-roster__th-day--today"
-						].filter(Boolean).join(" "), r = String(e.getDate()).padStart(2, "0"), a = B.format(e), o = V.format(e);
-						return /* @__PURE__ */ d("th", {
+						].filter(Boolean).join(" "), r = String(e.getDate()).padStart(2, "0"), i = G.format(e), a = K.format(e);
+						return /* @__PURE__ */ m("th", {
 							className: n,
 							scope: "col",
-							children: [/* @__PURE__ */ u("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "calendar-roster__th-day-number",
 								children: r
-							}), /* @__PURE__ */ u("div", {
+							}), /* @__PURE__ */ p("div", {
 								className: "calendar-roster__th-day-sub",
-								children: /* @__PURE__ */ u("abbr", {
-									title: o,
-									children: a
+								children: /* @__PURE__ */ p("abbr", {
+									title: a,
+									children: i
 								})
 							})]
 						}, e.getDate());
-					})] }) }), /* @__PURE__ */ u("tbody", { children: g.map((e) => /* @__PURE__ */ d("tr", { children: [/* @__PURE__ */ u("th", {
+					})] }) }), /* @__PURE__ */ p("tbody", { children: b.map((e) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("th", {
 						scope: "row",
 						className: "calendar-roster__th-name-row",
 						title: e.name,
 						children: e.name
-					}), I.map((n) => {
-						let r = n.getDate(), a = e.cells[r] ?? null, o = f(n), s = i(n, F), c = a?.type === "holiday", p = a?.type === "non-working";
-						return /* @__PURE__ */ u("td", {
+					}), V.map((t) => {
+						let r = t.getDate(), i = e.cells[r] ?? null, a = g(t), o = s(t, B), c = i?.type === "holiday", l = i?.type === "non-working";
+						return /* @__PURE__ */ p("td", {
 							className: [
 								"calendar-roster__cell",
-								o && "calendar-roster__cell--weekend",
+								a && "calendar-roster__cell--weekend",
 								c && "calendar-roster__cell--holiday",
-								p && "calendar-roster__cell--non-working",
-								s && "calendar-roster__cell--today"
+								l && "calendar-roster__cell--non-working",
+								o && "calendar-roster__cell--today"
 							].filter(Boolean).join(" "),
-							children: x ? x(r, n, a) : /* @__PURE__ */ d(l, { children: [a?.type === "schedule" && /* @__PURE__ */ u("span", {
+							children: E ? E(r, t, i) : /* @__PURE__ */ m(f, { children: [i?.type === "schedule" && /* @__PURE__ */ p("span", {
 								className: "calendar-roster__schedule",
-								children: a.label
-							}), a && a.type !== "schedule" && a.type !== "non-working" && /* @__PURE__ */ u(t, {
-								variant: m[a.type],
-								children: a.type === "birthday" ? `${C}${a.label}` : a.label
+								children: i.label
+							}), i && i.type !== "schedule" && i.type !== "non-working" && /* @__PURE__ */ p(n, {
+								tone: v[i.type],
+								children: i.type === "birthday" ? `${O}${i.label}` : i.label
 							})] })
 						}, r);
 					})] }, e.id)) })]
 				})
 			}),
-			w && /* @__PURE__ */ u("div", {
+			k && /* @__PURE__ */ p("div", {
 				className: "calendar-roster__legend",
 				role: "group",
-				"aria-label": N("legend", D),
-				children: P.map(({ type: e, label: n }) => /* @__PURE__ */ u("span", {
+				"aria-label": R("legend", M),
+				children: z.map(({ type: e, label: t }) => /* @__PURE__ */ p("span", {
 					className: "calendar-roster__legend-item",
-					children: e === "non-working" ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("span", { className: "calendar-roster__legend-swatch calendar-roster__legend-swatch--non-working" }), n] }) : /* @__PURE__ */ u(t, {
-						variant: m[e],
-						children: n
+					children: e === "non-working" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { className: "calendar-roster__legend-swatch calendar-roster__legend-swatch--non-working" }), t] }) : /* @__PURE__ */ p(n, {
+						tone: v[e],
+						children: t
 					})
 				}, e))
 			})
@@ -152,4 +167,4 @@ function g({ rows: g, month: _, onMonthChange: v, hrefBuilder: y, linkComponent:
 	});
 }
 //#endregion
-export { g as CalendarRoster };
+export { b as CalendarRoster };

package/dist/calendar.css

@@ -1 +1 @@
-.calendar{gap:var(--calendar-gap);padding-block:var(--calendar-padding-block);padding-inline:var(--calendar-padding-inline);font-family:var(--calendar-font-family);flex-direction:column;display:inline-flex}.calendar__header{justify-content:space-between;align-items:center;gap:var(--calendar-grid-gap);display:flex}.calendar__title{text-align:center;font-family:var(--calendar-font-family);font-size:var(--calendar-title-font-size);font-weight:var(--calendar-title-font-weight);color:var(--calendar-title-color);flex:1;margin-block:0}.calendar__title-button{font:inherit;color:inherit;padding-block:0;padding-inline:var(--calendar-title-button-padding-inline);cursor:var(--calendar-title-button-cursor);border-radius:var(--calendar-day-radius);transition-property:box-shadow;transition-duration:var(--calendar-transition-duration);transition-timing-function:var(--calendar-transition-easing);background:0 0;border:none}.calendar__title-button:hover{box-shadow:inset 0 calc(-1 * var(--calendar-hover-line-width)) 0 0 var(--calendar-hover-line-color)}.calendar__title-button:focus-visible{outline:var(--calendar-nav-focus-ring-width) solid var(--calendar-nav-focus-ring-color);outline-offset:var(--calendar-nav-focus-ring-offset)}.calendar__nav{padding-block:var(--calendar-grid-gap);padding-inline:var(--calendar-grid-gap);border-radius:var(--calendar-day-radius);color:var(--calendar-nav-color);cursor:pointer;transition-property:box-shadow;transition-duration:var(--calendar-transition-duration);transition-timing-function:var(--calendar-transition-easing);background-color:#0000;border:none;justify-content:center;align-items:center;display:inline-flex}.calendar__nav:focus-visible{outline:var(--calendar-nav-focus-ring-width) solid var(--calendar-nav-focus-ring-color);outline-offset:var(--calendar-nav-focus-ring-offset)}.calendar__nav:disabled{color:var(--calendar-nav-disabled-color);cursor:var(--calendar-nav-disabled-cursor)}.calendar__chevron--prev{transform:rotate(180deg)}.calendar__grid{gap:var(--calendar-grid-gap);grid-template-columns:repeat(7,1fr);display:grid}.calendar__row{display:contents}.calendar__weekday abbr{cursor:inherit;text-decoration:none}.calendar__weekday{inline-size:var(--calendar-day-size);block-size:var(--calendar-day-size);font-size:var(--calendar-weekday-font-size);color:var(--calendar-weekday-color);font-family:var(--calendar-font-family);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.calendar__day{inline-size:var(--calendar-day-size);block-size:var(--calendar-day-size);border-radius:var(--calendar-day-radius);background-color:var(--calendar-day-bg);color:var(--calendar-day-color);font-family:var(--calendar-font-family);font-size:var(--calendar-day-font-size);font-weight:var(--calendar-day-font-weight);cursor:pointer;transition-property:box-shadow,background-color,color;transition-duration:var(--calendar-transition-duration);transition-timing-function:var(--calendar-transition-easing);border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.calendar__day:hover:not(.calendar__day--disabled):not(.calendar__day--selected){box-shadow:inset 0 calc(-1 * var(--calendar-hover-line-width)) 0 0 var(--calendar-hover-line-color)}.calendar__day:focus-visible{outline:var(--calendar-day-focus-ring-width) solid var(--calendar-day-focus-ring-color);outline-offset:var(--calendar-day-focus-ring-offset)}.calendar__day.calendar__day--outside{color:var(--calendar-outside-color)}.calendar__day.calendar__day--today{color:var(--calendar-today-color);font-weight:var(--calendar-today-font-weight)}.calendar__day.calendar__day--today:after{content:"";inset-block-end:var(--calendar-today-marker-offset);inline-size:var(--calendar-today-marker-size);block-size:var(--calendar-today-marker-size);border-radius:var(--calendar-today-marker-radius);background-color:var(--calendar-today-marker-color);position:absolute;left:50%;transform:translate(-50%)}.calendar__day.calendar__day--selected{background-color:var(--calendar-selected-bg);color:var(--calendar-selected-color)}.calendar__day.calendar__day--selected.calendar__day--today:after{background-color:var(--calendar-selected-color)}.calendar__day.calendar__day--disabled{color:var(--calendar-disabled-color);cursor:var(--calendar-disabled-cursor);pointer-events:none}.calendar__years{grid-template-columns:repeat(var(--calendar-year-columns), 1fr);gap:var(--calendar-grid-gap);min-inline-size:var(--calendar-year-grid-min-inline-size);display:grid}.calendar__year{block-size:var(--calendar-year-height);padding-block:0;padding-inline:var(--calendar-year-padding-inline);border-radius:var(--calendar-day-radius);background-color:var(--calendar-year-bg);color:var(--calendar-year-color);font-family:var(--calendar-font-family);font-size:var(--calendar-year-font-size);font-weight:var(--calendar-day-font-weight);cursor:pointer;transition-property:box-shadow,background-color,color;transition-duration:var(--calendar-transition-duration);transition-timing-function:var(--calendar-transition-easing);border:none;justify-content:center;align-items:center;display:inline-flex}.calendar__year:hover:not(.calendar__year--disabled):not(.calendar__year--selected){box-shadow:inset 0 calc(-1 * var(--calendar-hover-line-width)) 0 0 var(--calendar-hover-line-color)}.calendar__year:focus-visible{outline:var(--calendar-day-focus-ring-width) solid var(--calendar-day-focus-ring-color);outline-offset:var(--calendar-day-focus-ring-offset)}.calendar__year.calendar__year--current{color:var(--calendar-year-current-color);font-weight:var(--calendar-year-current-font-weight)}.calendar__year.calendar__year--selected{background-color:var(--calendar-year-selected-bg);color:var(--calendar-year-selected-color)}.calendar__year.calendar__year--disabled{color:var(--calendar-year-disabled-color);cursor:var(--calendar-disabled-cursor);pointer-events:none}.calendar.calendar--sm .calendar__title{font-size:var(--calendar-sm-title-font-size)}.calendar.calendar--sm .calendar__day,.calendar.calendar--sm .calendar__weekday{inline-size:var(--calendar-sm-day-size);block-size:var(--calendar-sm-day-size)}.calendar.calendar--lg .calendar__title{font-size:var(--calendar-lg-title-font-size)}.calendar.calendar--lg .calendar__day,.calendar.calendar--lg .calendar__weekday{inline-size:var(--calendar-lg-day-size);block-size:var(--calendar-lg-day-size)}.calendar.calendar--lg .calendar__day{font-size:var(--calendar-lg-day-font-size)}.calendar.calendar--sm .calendar__years{min-inline-size:var(--calendar-sm-year-grid-min-inline-size)}.calendar.calendar--sm .calendar__year{block-size:var(--calendar-sm-year-height)}.calendar.calendar--lg .calendar__years{min-inline-size:var(--calendar-lg-year-grid-min-inline-size)}.calendar.calendar--lg .calendar__year{block-size:var(--calendar-lg-year-height);font-size:var(--calendar-lg-year-font-size)}
+.calendar{gap:var(--calendar-gap);padding-block:var(--calendar-padding-block);padding-inline:var(--calendar-padding-inline);font-family:var(--calendar-font-family);flex-direction:column;display:inline-flex}.calendar__header{justify-content:space-between;align-items:center;gap:var(--calendar-grid-gap);display:flex}.calendar__title{text-align:center;font-family:var(--calendar-font-family);font-size:var(--calendar-title-font-size);font-weight:var(--calendar-title-font-weight);color:var(--calendar-title-color);flex:1;margin-block:0}.calendar__title-button{font:inherit;color:inherit;padding-block:0;padding-inline:var(--calendar-title-button-padding-inline);cursor:var(--calendar-title-button-cursor);border-radius:var(--calendar-day-radius);transition-property:box-shadow;transition-duration:var(--calendar-transition-duration);transition-timing-function:var(--calendar-transition-easing);background:0 0;border:none}.calendar__title-button:hover{box-shadow:inset 0 calc(-1 * var(--calendar-hover-line-width)) 0 0 var(--calendar-hover-line-color)}.calendar__title-button:focus-visible{outline:var(--calendar-nav-focus-ring-width) solid var(--calendar-nav-focus-ring-color);outline-offset:var(--calendar-nav-focus-ring-offset)}.calendar__nav{padding-block:var(--calendar-grid-gap);padding-inline:var(--calendar-grid-gap);border-radius:var(--calendar-day-radius);color:var(--calendar-nav-color);cursor:pointer;transition-property:box-shadow;transition-duration:var(--calendar-transition-duration);transition-timing-function:var(--calendar-transition-easing);background-color:#0000;border:none;justify-content:center;align-items:center;display:inline-flex}.calendar__nav:focus-visible{outline:var(--calendar-nav-focus-ring-width) solid var(--calendar-nav-focus-ring-color);outline-offset:var(--calendar-nav-focus-ring-offset)}.calendar__nav:disabled{color:var(--calendar-nav-disabled-color);cursor:var(--calendar-nav-disabled-cursor)}.calendar__chevron--prev{transform:rotate(180deg)}.calendar__grid{gap:var(--calendar-grid-gap);grid-template-columns:repeat(7,1fr);display:grid}.calendar__row{display:contents}.calendar__weekday abbr{cursor:inherit;text-decoration:none}.calendar__weekday{inline-size:var(--calendar-day-size);block-size:var(--calendar-day-size);font-size:var(--calendar-weekday-font-size);color:var(--calendar-weekday-color);font-family:var(--calendar-font-family);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.calendar__day{inline-size:var(--calendar-day-size);block-size:var(--calendar-day-size);border-radius:var(--calendar-day-radius);background-color:var(--calendar-day-bg);color:var(--calendar-day-color);font-family:var(--calendar-font-family);font-size:var(--calendar-day-font-size);font-weight:var(--calendar-day-font-weight);line-height:var(--calendar-day-line-height);cursor:pointer;transition-property:box-shadow,background-color,color;transition-duration:var(--calendar-transition-duration);transition-timing-function:var(--calendar-transition-easing);border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.calendar__day:hover:not(.calendar__day--disabled):not(.calendar__day--selected){box-shadow:inset 0 calc(-1 * var(--calendar-hover-line-width)) 0 0 var(--calendar-hover-line-color)}.calendar__day:focus-visible{outline:var(--calendar-day-focus-ring-width) solid var(--calendar-day-focus-ring-color);outline-offset:var(--calendar-day-focus-ring-offset)}.calendar__day.calendar__day--outside{color:var(--calendar-outside-color)}.calendar__day.calendar__day--today{color:var(--calendar-today-color);font-weight:var(--calendar-today-font-weight)}.calendar__day.calendar__day--today:after{content:"";inset-block-end:var(--calendar-today-marker-offset);inline-size:var(--calendar-today-marker-size);block-size:var(--calendar-today-marker-size);border-radius:var(--calendar-today-marker-radius);background-color:var(--calendar-today-marker-color);position:absolute;left:50%;transform:translate(-50%)}.calendar__day.calendar__day--selected{background-color:var(--calendar-selected-bg);color:var(--calendar-selected-color)}.calendar__day.calendar__day--selected.calendar__day--today:after{background-color:var(--calendar-selected-color)}.calendar__day.calendar__day--disabled{color:var(--calendar-disabled-color);cursor:var(--calendar-disabled-cursor);pointer-events:none}.calendar__years{grid-template-columns:repeat(var(--calendar-year-columns), 1fr);gap:var(--calendar-grid-gap);min-inline-size:var(--calendar-year-grid-min-width);display:grid}.calendar__year{block-size:var(--calendar-year-height);padding-block:0;padding-inline:var(--calendar-year-padding-inline);border-radius:var(--calendar-day-radius);background-color:var(--calendar-year-bg);color:var(--calendar-year-color);font-family:var(--calendar-font-family);font-size:var(--calendar-year-font-size);font-weight:var(--calendar-day-font-weight);line-height:var(--calendar-day-line-height);cursor:pointer;transition-property:box-shadow,background-color,color;transition-duration:var(--calendar-transition-duration);transition-timing-function:var(--calendar-transition-easing);border:none;justify-content:center;align-items:center;display:inline-flex}.calendar__year:hover:not(.calendar__year--disabled):not(.calendar__year--selected){box-shadow:inset 0 calc(-1 * var(--calendar-hover-line-width)) 0 0 var(--calendar-hover-line-color)}.calendar__year:focus-visible{outline:var(--calendar-day-focus-ring-width) solid var(--calendar-day-focus-ring-color);outline-offset:var(--calendar-day-focus-ring-offset)}.calendar__year.calendar__year--current{color:var(--calendar-year-current-color);font-weight:var(--calendar-year-current-font-weight)}.calendar__year.calendar__year--selected{background-color:var(--calendar-year-selected-bg);color:var(--calendar-year-selected-color)}.calendar__year.calendar__year--disabled{color:var(--calendar-year-disabled-color);cursor:var(--calendar-disabled-cursor);pointer-events:none}.calendar.calendar--sm .calendar__title{font-size:var(--calendar-sm-title-font-size)}.calendar.calendar--sm .calendar__day,.calendar.calendar--sm .calendar__weekday{inline-size:var(--calendar-sm-day-size);block-size:var(--calendar-sm-day-size)}.calendar.calendar--lg .calendar__title{font-size:var(--calendar-lg-title-font-size)}.calendar.calendar--lg .calendar__day,.calendar.calendar--lg .calendar__weekday{inline-size:var(--calendar-lg-day-size);block-size:var(--calendar-lg-day-size)}.calendar.calendar--lg .calendar__day{font-size:var(--calendar-lg-day-font-size)}.calendar.calendar--sm .calendar__years{min-inline-size:var(--calendar-sm-year-grid-min-width)}.calendar.calendar--sm .calendar__year{block-size:var(--calendar-sm-year-height)}.calendar.calendar--lg .calendar__years{min-inline-size:var(--calendar-lg-year-grid-min-width)}.calendar.calendar--lg .calendar__year{block-size:var(--calendar-lg-year-height);font-size:var(--calendar-lg-year-font-size)}

package/dist/calendar.js

@@ -1,56 +1,56 @@
 'use client';
 import './calendar.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { a as t, c as n, f as r, i, l as a, m as o, n as ee, o as s, s as te, t as c } from "./_shared/calendargrid.js";
-import { useCallback as l, useEffect as u, useId as ne, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { r as e } from "./_shared/brandmessagescontext.js";
+import { a as t, c as n, h as r, l as i, n as a, o, p as ee, r as te, s, t as c, u as l } from "./_shared/calendar.js";
+import { useCallback as u, useEffect as ne, useId as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/stories/molecules/Calendar/Calendar.tsx
-var h = 12, g = 4;
-function _(e) {
-	return Math.floor(e / h) * h;
+var g = 12, _ = 4;
+function v(e) {
+	return Math.floor(e / g) * g;
 }
-function v({ value: v, onChange: y, defaultMonth: re, month: b, onMonthChange: x, navigable: S = !0, disabledDates: C, minDate: w, maxDate: T, locale: E = "es-ES", previousMonthLabel: ie, nextMonthLabel: D, previousYearsLabel: O, nextYearsLabel: ae, yearGridLabel: oe, gridLabel: k, today: se, size: A = "md", className: j }) {
-	let M = e("calendar"), N = o(se), [ce, le] = f(() => b ?? re ?? (v instanceof Date ? v : N)), P = b ?? ce, F = l((e) => {
-		le(e), x?.(e);
-	}, [x]), ue = l((e) => w && e < w || T && e > T ? !0 : Array.isArray(C) ? C.some((n) => t(n, e)) : typeof C == "function" ? C(e) : !1, [
+function y({ value: y, onChange: re, defaultMonth: ie, month: b, onMonthChange: x, navigable: S = !0, disabledDates: C, minDate: w, maxDate: T, locale: E = "es-ES", previousMonthLabel: D, nextMonthLabel: ae, previousYearsLabel: oe, nextYearsLabel: se, yearGridLabel: ce, gridLabel: O, today: le, size: k = "md", className: ue }) {
+	let A = e("calendar", c), j = r(le), [de, M] = p(() => b ?? ie ?? (y instanceof Date ? y : j)), N = b ?? de, P = u((e) => {
+		M(e), x?.(e);
+	}, [x]), fe = u((e) => w && e < w || T && e > T ? !0 : Array.isArray(C) ? C.some((t) => o(t, e)) : typeof C == "function" ? C(e) : !1, [
 		C,
 		w,
 		T
-	]), I = r({
-		month: P,
-		onMonthChange: F,
-		selected: v ?? null,
-		today: N,
+	]), F = ee({
+		month: N,
+		onMonthChange: P,
+		selected: y ?? null,
+		today: j,
 		minDate: w,
 		maxDate: T
-	}), [L, R] = f("days"), [z, B] = f(() => _(P.getFullYear())), [V, H] = f(() => P.getFullYear()), U = d(null), W = d(/* @__PURE__ */ new Map()), G = d(null), de = l(() => {
-		let e = P.getFullYear();
-		B(_(e)), H(e), G.current = "year", R("years");
-	}, [P]), K = l(() => {
-		G.current = "title", R("days");
-	}, []), fe = l((e) => {
-		F(new Date(e, P.getMonth(), 1)), K();
+	}), [I, L] = p("days"), [R, z] = p(() => v(N.getFullYear())), [B, V] = p(() => N.getFullYear()), H = f(null), U = f(/* @__PURE__ */ new Map()), W = f(null), pe = u(() => {
+		let e = N.getFullYear();
+		z(v(e)), V(e), W.current = "year", L("years");
+	}, [N]), G = u(() => {
+		W.current = "title", L("days");
+	}, []), me = u((e) => {
+		P(new Date(e, N.getMonth(), 1)), G();
 	}, [
-		K,
-		P,
-		F
+		G,
+		N,
+		P
 	]);
-	u(() => {
-		if (!G.current) return;
-		let e = G.current;
-		G.current = null, e === "title" ? U.current?.focus() : W.current.get(V)?.focus();
-	}, [L, V]);
-	let pe = A === "lg" ? "md" : "sm", me = new Intl.DateTimeFormat(E, {
+	ne(() => {
+		if (!W.current) return;
+		let e = W.current;
+		W.current = null, e === "title" ? H.current?.focus() : U.current.get(B)?.focus();
+	}, [I, B]);
+	let he = k === "lg" ? "md" : "sm", ge = new Intl.DateTimeFormat(E, {
 		month: "long",
 		year: "numeric"
-	}).format(P), he = new Intl.DateTimeFormat(E, { year: "numeric" }), q = (e) => he.format(new Date(e, 0, 1)), ge = Array.from({ length: h }, (e, t) => z + t), _e = `${q(z)}–${q(z + h - 1)}`, ve = new Intl.DateTimeFormat(E, {
+	}).format(N), _e = new Intl.DateTimeFormat(E, { year: "numeric" }), K = (e) => _e.format(new Date(e, 0, 1)), ve = Array.from({ length: g }, (e, t) => R + t), ye = `${K(R)}–${K(R + g - 1)}`, be = new Intl.DateTimeFormat(E, {
 		weekday: "long",
 		day: "numeric",
 		month: "long",
 		year: "numeric"
-	}), ye = i(E, "narrow"), be = c(ee(P)), J = a(P, -1), Y = a(P, 1), xe = w ? !s(J, w) && J < w : !1, Se = T ? !s(Y, T) && Y > T : !1, Ce = (e) => (w ? e < w.getFullYear() : !1) || (T ? e > T.getFullYear() : !1), we = w ? z - 1 < w.getFullYear() : !1, Te = T ? z + h > T.getFullYear() : !1, X = L === "years", Z = V >= z && V <= z + h - 1 ? V : z, Ee = (e) => {
-		(e < z || e > z + h - 1) && B(_(e)), G.current = "year", H(e);
-	}, De = (e) => {
+	}), xe = t(E, "narrow"), Se = a(te(N)), q = l(N, -1), J = l(N, 1), Y = w ? !s(q, w) && q < w : !1, Ce = T ? !s(J, T) && J > T : !1, we = (e) => (w ? e < w.getFullYear() : !1) || (T ? e > T.getFullYear() : !1), Te = w ? R - 1 < w.getFullYear() : !1, Ee = T ? R + g > T.getFullYear() : !1, X = I === "years", Z = B >= R && B <= R + g - 1 ? B : R, De = (e) => {
+		(e < R || e > R + g - 1) && z(v(e)), W.current = "year", V(e);
+	}, Oe = (e) => {
 		let t = null;
 		switch (e.key) {
 			case "ArrowLeft":
@@ -60,64 +60,64 @@ function v({ value: v, onChange: y, defaultMonth: re, month: b, onMonthChange: x
 				t = Z + 1;
 				break;
 			case "ArrowUp":
-				t = Z - g;
+				t = Z - _;
 				break;
 			case "ArrowDown":
-				t = Z + g;
+				t = Z + _;
 				break;
 			case "Home":
-				t = z;
+				t = R;
 				break;
 			case "End":
-				t = z + h - 1;
+				t = R + g - 1;
 				break;
 			case "PageUp":
-				t = Z - h;
+				t = Z - g;
 				break;
 			case "PageDown":
-				t = Z + h;
+				t = Z + g;
 				break;
 			case "Escape":
-				e.preventDefault(), K();
+				e.preventDefault(), G();
 				return;
 			default: return;
 		}
-		e.preventDefault(), Ee(t);
-	}, Q = ne(), $ = X ? `${Q}-calendar-title-${z}` : `${Q}-calendar-title-${P.getFullYear()}-${P.getMonth()}`;
-	return /* @__PURE__ */ m("div", {
+		e.preventDefault(), De(t);
+	}, Q = d(), $ = X ? `${Q}-calendar-title-${R}` : `${Q}-calendar-title-${N.getFullYear()}-${N.getMonth()}`;
+	return /* @__PURE__ */ h("div", {
 		className: [
 			"calendar",
-			`calendar--${A}`,
-			j
+			`calendar--${k}`,
+			ue
 		].filter(Boolean).join(" "),
-		children: [te({
+		children: [n({
 			block: "calendar",
-			title: X ? _e : me,
+			title: X ? ye : ge,
 			titleId: $,
 			navigable: S,
-			previousLabel: S ? X ? M("previousYears", O) : M("previousMonth", ie) : void 0,
-			nextLabel: S ? X ? M("nextYears", ae) : M("nextMonth", D) : void 0,
-			prevDisabled: X ? we : xe,
-			nextDisabled: X ? Te : Se,
-			onPrev: X ? () => B(z - h) : () => F(J),
-			onNext: X ? () => B(z + h) : () => F(Y),
-			chevronSize: pe,
-			onTitleClick: X ? K : de,
+			previousLabel: S ? X ? A("previousYears", oe) : A("previousMonth", D) : void 0,
+			nextLabel: S ? X ? A("nextYears", se) : A("nextMonth", ae) : void 0,
+			prevDisabled: X ? Te : Y,
+			nextDisabled: X ? Ee : Ce,
+			onPrev: X ? () => z(R - g) : () => P(q),
+			onNext: X ? () => z(R + g) : () => P(J),
+			chevronSize: he,
+			onTitleClick: X ? G : pe,
 			titleExpanded: X,
-			titleRef: U
-		}), X ? /* @__PURE__ */ p("div", {
+			titleRef: H
+		}), X ? /* @__PURE__ */ m("div", {
 			className: "calendar__years",
 			role: "grid",
-			"aria-label": M("yearGrid", oe),
-			onKeyDown: De,
-			children: Array.from({ length: h / g }, (e, t) => /* @__PURE__ */ p("div", {
+			"aria-label": A("yearGrid", ce),
+			onKeyDown: Oe,
+			children: Array.from({ length: g / _ }, (e, t) => /* @__PURE__ */ m("div", {
 				role: "row",
 				className: "calendar__row",
-				children: ge.slice(t * g, t * g + g).map((e) => {
-					let t = Ce(e), n = e === N.getFullYear(), r = v instanceof Date ? v.getFullYear() === e : !1;
-					return /* @__PURE__ */ p("button", {
+				children: ve.slice(t * _, t * _ + _).map((e) => {
+					let t = we(e), n = e === j.getFullYear(), r = y instanceof Date ? y.getFullYear() === e : !1;
+					return /* @__PURE__ */ m("button", {
 						ref: (t) => {
-							t ? W.current.set(e, t) : W.current.delete(e);
+							t ? U.current.set(e, t) : U.current.delete(e);
 						},
 						type: "button",
 						role: "gridcell",
@@ -131,50 +131,50 @@ function v({ value: v, onChange: y, defaultMonth: re, month: b, onMonthChange: x
 						"aria-disabled": t ? "true" : void 0,
 						"aria-current": n ? "date" : void 0,
 						tabIndex: e === Z ? 0 : -1,
-						onFocus: () => H(e),
-						onClick: t ? void 0 : () => fe(e),
-						children: q(e)
+						onFocus: () => V(e),
+						onClick: t ? void 0 : () => me(e),
+						children: K(e)
 					}, e);
 				})
 			}, t))
-		}) : /* @__PURE__ */ m("div", {
+		}) : /* @__PURE__ */ h("div", {
 			className: "calendar__grid",
 			role: "grid",
-			"aria-label": k,
-			"aria-labelledby": k ? void 0 : $,
-			onKeyDown: I.onKeyDown,
-			children: [n({
+			"aria-label": O,
+			"aria-labelledby": O ? void 0 : $,
+			onKeyDown: F.onKeyDown,
+			children: [i({
 				block: "calendar",
-				weekdays: ye
-			}), be.map((e, n) => /* @__PURE__ */ p("div", {
+				weekdays: xe
+			}), Se.map((e, t) => /* @__PURE__ */ m("div", {
 				role: "row",
 				className: "calendar__row",
-				children: e.map(({ date: e, outside: n }) => {
-					let r = ue(e), i = t(e, N), a = v instanceof Date ? t(e, v) : !1, o = [
+				children: e.map(({ date: e, outside: t }) => {
+					let n = fe(e), r = o(e, j), i = y instanceof Date ? o(e, y) : !1, a = [
 						"calendar__day",
-						n && "calendar__day--outside",
-						i && "calendar__day--today",
-						a && "calendar__day--selected",
-						r && "calendar__day--disabled"
+						t && "calendar__day--outside",
+						r && "calendar__day--today",
+						i && "calendar__day--selected",
+						n && "calendar__day--disabled"
 					].filter(Boolean).join(" ");
-					return /* @__PURE__ */ p("button", {
-						ref: I.cellRef(e),
+					return /* @__PURE__ */ m("button", {
+						ref: F.cellRef(e),
 						type: "button",
 						role: "gridcell",
-						className: o,
-						"aria-label": ve.format(e),
-						"aria-selected": a,
-						"aria-disabled": r ? "true" : void 0,
-						"aria-current": i ? "date" : void 0,
-						tabIndex: I.isTabbable(e) ? 0 : -1,
-						onFocus: () => I.onCellFocus(e),
-						onClick: r ? void 0 : () => y?.(e),
+						className: a,
+						"aria-label": be.format(e),
+						"aria-selected": i,
+						"aria-disabled": n ? "true" : void 0,
+						"aria-current": r ? "date" : void 0,
+						tabIndex: F.isTabbable(e) ? 0 : -1,
+						onFocus: () => F.onCellFocus(e),
+						onClick: n ? void 0 : () => re?.(e),
 						children: e.getDate()
 					}, e.toISOString());
 				})
-			}, n))]
+			}, t))]
 		})]
 	});
 }
 //#endregion
-export { v as Calendar };
+export { y as Calendar };

package/dist/card.css

@@ -1 +1 @@
-.card{box-shadow:none;color:inherit;padding-inline:var(--card-padding-inline);align-items:flex-start;gap:var(--card-gap);border-radius:var(--card-border-radius);flex-direction:column;padding-block-start:var(--card-padding-block-start);padding-block-end:var(--card-padding-block-end);text-decoration:none;display:flex}.card p:not(.paragraph){font-size:var(--card-description-font-size);margin-block-end:var(--card-description-margin-block-end)}.card .arrow{margin-block-start:auto}:where(button.card){appearance:none;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;inline-size:100%;margin:0}.card__footer.card__footer--column{flex-direction:column;align-items:stretch}.card.card--primary{background-color:var(--card-primary-bg);color:var(--card-primary-color);--text-list-color:var(--card-primary-color);--text-h1-color:var(--card-primary-color);--text-h2-color:var(--card-primary-color);--text-h3-color:var(--card-primary-color);--text-h4-color:var(--card-primary-color);--text-h5-color:var(--card-primary-color);--text-h6-color:var(--card-primary-color)}.card.card--outline{background-color:var(--card-outline-bg);color:var(--card-outline-color);border:var(--card-outline-border-width) solid var(--card-outline-border-color)}.card.card--accent-1{background-color:var(--card-accent-1-bg);color:var(--card-accent-1-color);--text-list-color:var(--card-accent-1-color);--text-h1-color:var(--card-accent-1-color);--text-h2-color:var(--card-accent-1-color);--text-h3-color:var(--card-accent-1-color);--text-h4-color:var(--card-accent-1-color);--text-h5-color:var(--card-accent-1-color);--text-h6-color:var(--card-accent-1-color)}.card.card--accent-2{background-color:var(--card-accent-2-bg);color:var(--card-accent-2-color);--text-list-color:var(--card-accent-2-color);--text-h1-color:var(--card-accent-2-color);--text-h2-color:var(--card-accent-2-color);--text-h3-color:var(--card-accent-2-color);--text-h4-color:var(--card-accent-2-color);--text-h5-color:var(--card-accent-2-color);--text-h6-color:var(--card-accent-2-color)}.card.card--support-1{background-color:var(--card-support-1-bg);color:var(--card-support-1-color);--text-list-color:var(--card-support-1-color);--text-h1-color:var(--card-support-1-color);--text-h2-color:var(--card-support-1-color);--text-h3-color:var(--card-support-1-color);--text-h4-color:var(--card-support-1-color);--text-h5-color:var(--card-support-1-color);--text-h6-color:var(--card-support-1-color)}.card.card--support-2{background-color:var(--card-support-2-bg);color:var(--card-support-2-color);--text-list-color:var(--card-support-2-color);--text-h1-color:var(--card-support-2-color);--text-h2-color:var(--card-support-2-color);--text-h3-color:var(--card-support-2-color);--text-h4-color:var(--card-support-2-color);--text-h5-color:var(--card-support-2-color);--text-h6-color:var(--card-support-2-color)}.card.card--square,.card.card--split{gap:0;padding-block:0;padding-inline:0}.card__body{align-items:flex-start;gap:var(--card-gap);inline-size:100%;padding-inline:var(--card-padding-inline);flex-direction:column;flex:1;padding-block-start:var(--card-padding-block-start);padding-block-end:var(--card-padding-block-end);display:flex}.card__media img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.card--square .card__media,.card--split .card__media{aspect-ratio:1;inline-size:100%}@media (width>=768px){.card.card--split{flex-direction:row;align-items:stretch}.card--split .card__media,.card--split .card__body{flex:50%;inline-size:50%}.card--split .card__media{aspect-ratio:auto}}.card__header,.card__content,.card__footer{inline-size:100%}.card__header{align-items:start;column-gap:var(--card-header-gap);row-gap:var(--card-header-row-gap);grid-template-columns:minmax(0,1fr) auto;display:grid}.card__header>*{grid-column:1}.card__header>.card__action{grid-area:1/2;justify-self:end}.card__header:has(>.card__selection){grid-template-columns:auto minmax(0,1fr) auto}.card__header:has(>.card__selection)>*{grid-column:2}.card__header>.card__selection{grid-area:1/1;align-self:start}.card__header:has(>.card__selection)>.card__action{grid-area:1/3;justify-self:end}.card__title{font-weight:var(--card-title-font-weight);color:inherit;margin-block:0}.card__description{color:inherit;margin-block:0}.card__description--lines-1{min-block-size:1lh}.card__description--lines-2{min-block-size:2lh}.card__description--lines-3{min-block-size:3lh}.card__footer{align-items:stretch;gap:var(--card-footer-gap);flex-direction:column;margin-block-start:auto;display:flex}.card__footer>*{inline-size:100%}@media (width>=768px){.card__footer:not(.card__footer--column){flex-direction:row}.card__footer:not(.card__footer--column)>*{inline-size:auto}}.card.card--selectable{cursor:pointer;position:relative}.card--selectable .radio-field,.card--selectable .checkbox-field{margin:0;position:absolute;inset:0}.card--selectable .radio-field__control,.card--selectable .checkbox-field__control{opacity:0;cursor:pointer;position:absolute;inset:0}.card.card--selectable:has(input:focus-visible){outline:var(--card-selectable-focus-ring-width) solid var(--card-selectable-focus-ring-color);outline-offset:var(--card-selectable-focus-ring-offset)}.card.card--selectable.card--selected{background-color:var(--card-accent-1-bg);color:var(--card-accent-1-color);border-color:var(--card-accent-1-bg);--text-list-color:var(--card-accent-1-color)}.card.card--selectable:has(input:checked){background-color:var(--card-accent-1-bg);color:var(--card-accent-1-color);border-color:var(--card-accent-1-bg);--text-list-color:var(--card-accent-1-color)}.card.card--link-overlay{position:relative}.card.card--link-overlay .card__title a:after{content:"";position:absolute;inset:0}.card.card--link-overlay .card__action,.card.card--link-overlay .card__selection,.card.card--link-overlay .card__interactive{z-index:1;position:relative}
+.card{color:inherit;padding-inline:var(--card-padding-inline);align-items:flex-start;gap:var(--card-gap);border-radius:var(--card-border-radius);flex-direction:column;padding-block-start:var(--card-padding-block-start);padding-block-end:var(--card-padding-block-end);text-decoration:none;display:flex}.card p:not(.paragraph){font-size:var(--card-description-font-size);margin-block-end:var(--card-description-margin-block-end)}.card .arrow{margin-block-start:auto}:where(button.card){appearance:none;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;inline-size:100%;margin:0}.card__footer.card__footer--column{flex-direction:column;align-items:stretch}.card.card--primary{background-color:var(--card-primary-bg);color:var(--card-primary-color);--text-list-color:var(--card-primary-color);--text-h1-color:var(--card-primary-color);--text-h2-color:var(--card-primary-color);--text-h3-color:var(--card-primary-color);--text-h4-color:var(--card-primary-color);--text-h5-color:var(--card-primary-color);--text-h6-color:var(--card-primary-color)}.card.card--outline{background-color:var(--card-outline-bg);color:var(--card-outline-color);border:var(--card-outline-border-width) solid var(--card-outline-border-color)}.card.card--accent-1{background-color:var(--card-accent-1-bg);color:var(--card-accent-1-color);--text-list-color:var(--card-accent-1-color);--text-h1-color:var(--card-accent-1-color);--text-h2-color:var(--card-accent-1-color);--text-h3-color:var(--card-accent-1-color);--text-h4-color:var(--card-accent-1-color);--text-h5-color:var(--card-accent-1-color);--text-h6-color:var(--card-accent-1-color)}.card.card--accent-2{background-color:var(--card-accent-2-bg);color:var(--card-accent-2-color);--text-list-color:var(--card-accent-2-color);--text-h1-color:var(--card-accent-2-color);--text-h2-color:var(--card-accent-2-color);--text-h3-color:var(--card-accent-2-color);--text-h4-color:var(--card-accent-2-color);--text-h5-color:var(--card-accent-2-color);--text-h6-color:var(--card-accent-2-color)}.card.card--support-1{background-color:var(--card-support-1-bg);color:var(--card-support-1-color);--text-list-color:var(--card-support-1-color);--text-h1-color:var(--card-support-1-color);--text-h2-color:var(--card-support-1-color);--text-h3-color:var(--card-support-1-color);--text-h4-color:var(--card-support-1-color);--text-h5-color:var(--card-support-1-color);--text-h6-color:var(--card-support-1-color)}.card.card--support-2{background-color:var(--card-support-2-bg);color:var(--card-support-2-color);--text-list-color:var(--card-support-2-color);--text-h1-color:var(--card-support-2-color);--text-h2-color:var(--card-support-2-color);--text-h3-color:var(--card-support-2-color);--text-h4-color:var(--card-support-2-color);--text-h5-color:var(--card-support-2-color);--text-h6-color:var(--card-support-2-color)}.card.card--square,.card.card--split{gap:0;padding-block:0;padding-inline:0}.card__body{align-items:flex-start;gap:var(--card-gap);inline-size:100%;padding-inline:var(--card-padding-inline);flex-direction:column;flex:1;padding-block-start:var(--card-padding-block-start);padding-block-end:var(--card-padding-block-end);display:flex}.card__media img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.card--square .card__media,.card--split .card__media{aspect-ratio:1;inline-size:100%}@media (width>=768px){.card.card--split{flex-direction:row;align-items:stretch}.card--split .card__media,.card--split .card__body{flex:50%;inline-size:50%}.card--split .card__media{aspect-ratio:auto}}.card__header,.card__content,.card__footer{inline-size:100%}.card__header{align-items:start;column-gap:var(--card-header-gap);row-gap:var(--card-header-row-gap);grid-template-columns:minmax(0,1fr) auto;display:grid}.card__header>*{grid-column:1}.card__header>.card__action{grid-area:1/2;justify-self:end}.card__header:has(>.card__selection){grid-template-columns:auto minmax(0,1fr) auto}.card__header:has(>.card__selection)>*{grid-column:2}.card__header>.card__selection{grid-area:1/1;align-self:start}.card__header:has(>.card__selection)>.card__action{grid-area:1/3;justify-self:end}.card__title{font-weight:var(--card-title-font-weight);color:inherit;margin-block:0}.card__description{color:inherit;margin-block:0}.card__description--lines-1{min-block-size:1lh}.card__description--lines-2{min-block-size:2lh}.card__description--lines-3{min-block-size:3lh}.card__footer{align-items:stretch;gap:var(--card-footer-gap);flex-direction:column;margin-block-start:auto;display:flex}.card__footer>*{inline-size:100%}@media (width>=768px){.card__footer:not(.card__footer--column){flex-direction:row}.card__footer:not(.card__footer--column)>*{inline-size:auto}}.card.card--selectable{cursor:pointer;position:relative}.card--selectable .radio-field,.card--selectable .checkbox-field{margin:0;position:absolute;inset:0}.card--selectable .radio-field__control,.card--selectable .checkbox-field__control{opacity:0;cursor:pointer;position:absolute;inset:0}.card.card--selectable:has(input:focus-visible){outline:var(--card-selectable-focus-ring-width) solid var(--card-selectable-focus-ring-color);outline-offset:var(--card-selectable-focus-ring-offset)}.card.card--selectable.card--selected{background-color:var(--card-accent-1-bg);color:var(--card-accent-1-color);border-color:var(--card-accent-1-bg);--text-list-color:var(--card-accent-1-color)}.card.card--selectable:has(input:checked){background-color:var(--card-accent-1-bg);color:var(--card-accent-1-color);border-color:var(--card-accent-1-bg);--text-list-color:var(--card-accent-1-color)}.card.card--link-overlay{position:relative}.card.card--link-overlay .card__title a:after{content:"";position:absolute;inset:0}.card.card--link-overlay .card__action,.card.card--link-overlay .card__selection,.card.card--link-overlay .card__interactive{z-index:1;position:relative}