@studiolxd/brand 42.0.0 → 44.0.0

package/dist/calendar-planner.js

@@ -1,19 +1,20 @@
 'use client';
 import './calendar-planner.css';
-import { VisuallyHidden as e } from "./visually-hidden.js";
-import { Tag as t } from "./tag.js";
-import { Modal as n } from "./modal.js";
-import { c as r, i, l as a, n as o, o as s, r as c, s as l, t as u } from "./_shared/calendargrid.js";
-import { useCallback as d, useId as f, useState as p } from "react";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { VisuallyHidden as t } from "./visually-hidden.js";
+import { Tag as n } from "./tag.js";
+import { Modal as r } from "./modal.js";
+import { c as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d } from "./_shared/calendargrid.js";
+import { useCallback as f, useId as ee, useState as p } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/stories/molecules/CalendarPlanner/CalendarPlanner.tsx
-function _({ events: _ = [], renderDay: v, maxItemsPerDay: y = 3, onMoreClick: b, showMoreDialog: x, onDayClick: S, month: C, defaultMonth: w, onMonthChange: T, navigable: E = !0, locale: D = "es-ES", previousMonthLabel: O = "Mes anterior", nextMonthLabel: k = "Mes siguiente", gridLabel: A, moreLabel: j = (e) => `+${e} más`, size: M = "md", className: N }) {
-	let [P, F] = p(() => C ?? w ?? /* @__PURE__ */ new Date()), [I, L] = p(null), R = x ?? !b, z = d(() => L(null), []), B = C ?? P, V = d((e) => {
-		F(e), T?.(e);
-	}, [T]), H = /* @__PURE__ */ new Date(), U = M === "sm" ? "xs" : M === "lg" ? "md" : "sm", W = new Intl.DateTimeFormat(D, {
+function _({ events: _ = [], renderDay: v, maxItemsPerDay: y = 3, onMoreClick: b, showMoreDialog: x, onDayClick: S, month: C, defaultMonth: w, onMonthChange: T, navigable: E = !0, locale: D = "es-ES", previousMonthLabel: O, nextMonthLabel: k, gridLabel: A, moreLabel: te = (e) => `+${e} más`, size: j = "md", className: M }) {
+	let [N, P] = p(() => C ?? w ?? /* @__PURE__ */ new Date()), [F, I] = p(null), L = x ?? !b, R = f(() => I(null), []), z = C ?? N, B = f((e) => {
+		P(e), T?.(e);
+	}, [T]), V = e("calendar"), H = /* @__PURE__ */ new Date(), U = j === "sm" ? "xs" : j === "lg" ? "md" : "sm", W = new Intl.DateTimeFormat(D, {
 		month: "long",
 		year: "numeric"
-	}).format(B), G = new Intl.DateTimeFormat(D, {
+	}).format(z), G = new Intl.DateTimeFormat(D, {
 		weekday: "long",
 		day: "numeric",
 		month: "long",
@@ -23,27 +24,27 @@ function _({ events: _ = [], renderDay: v, maxItemsPerDay: y = 3, onMoreClick: b
 		day: "numeric",
 		month: "long",
 		year: "numeric"
-	}), q = c(D, "short"), J = u(o(B)), Y = r(B, -1), X = r(B, 1), Z = (e) => _.filter((t) => i(t.date, e)), Q = a({
-		month: B,
-		onMonthChange: V,
+	}), q = l(D, "short"), J = d(s(z)), Y = i(z, -1), X = i(z, 1), Z = (e) => _.filter((t) => a(t.date, e)), Q = o({
+		month: z,
+		onMonthChange: B,
 		onActivate: S ? (e) => S(e, Z(e)) : void 0
-	}), $ = `${f()}-planner-title-${B.getFullYear()}-${B.getMonth()}`;
+	}), $ = `${ee()}-planner-title-${z.getFullYear()}-${z.getMonth()}`;
 	return /* @__PURE__ */ g("div", {
 		className: [
 			"calendar-planner",
-			`calendar-planner--${M}`,
-			N
+			`calendar-planner--${j}`,
+			M
 		].filter(Boolean).join(" "),
 		children: [
-			s({
+			c({
 				block: "calendar-planner",
 				title: W,
 				titleId: $,
 				navigable: E,
-				previousLabel: O,
-				nextLabel: k,
-				onPrev: () => V(Y),
-				onNext: () => V(X),
+				previousLabel: E ? V("previousMonth", O) : void 0,
+				nextLabel: E ? V("nextMonth", k) : void 0,
+				onPrev: () => B(Y),
+				onNext: () => B(X),
 				chevronSize: U
 			}),
 			/* @__PURE__ */ g("div", {
@@ -52,65 +53,65 @@ function _({ events: _ = [], renderDay: v, maxItemsPerDay: y = 3, onMoreClick: b
 				"aria-label": A,
 				"aria-labelledby": A ? void 0 : $,
 				onKeyDown: S ? Q.onKeyDown : void 0,
-				children: [l({
+				children: [u({
 					block: "calendar-planner",
 					rowModifier: "header",
 					weekdays: q
-				}), J.map((n, r) => /* @__PURE__ */ h("div", {
+				}), J.map((e, r) => /* @__PURE__ */ h("div", {
 					role: "row",
 					className: "calendar-planner__row",
-					children: n.map(({ date: n, outside: r }) => {
-						let a = i(n, H), o = Z(n), s = o.slice(0, y), c = o.length - s.length, l = [
+					children: e.map(({ date: e, outside: r }) => {
+						let i = a(e, H), o = Z(e), s = o.slice(0, y), c = o.length - s.length, l = [
 							"calendar-planner__cell",
 							r && "calendar-planner__cell--outside",
-							a && "calendar-planner__cell--today"
+							i && "calendar-planner__cell--today"
 						].filter(Boolean).join(" "), u = [
 							"calendar-planner__day-number",
-							a && "calendar-planner__day-number--today",
+							i && "calendar-planner__day-number--today",
 							r && "calendar-planner__day-number--outside"
 						].filter(Boolean).join(" ");
 						return /* @__PURE__ */ g("div", {
-							ref: S ? Q.cellRef(n) : void 0,
+							ref: S ? Q.cellRef(e) : void 0,
 							role: "gridcell",
 							className: [l, S ? "calendar-planner__cell--clickable" : ""].filter(Boolean).join(" "),
-							"aria-current": a ? "date" : void 0,
-							tabIndex: S ? Q.isTabbable(n) ? 0 : -1 : void 0,
-							onFocus: S ? () => Q.onCellFocus(n) : void 0,
-							onClick: S ? () => S(n, o) : void 0,
+							"aria-current": i ? "date" : void 0,
+							tabIndex: S ? Q.isTabbable(e) ? 0 : -1 : void 0,
+							onFocus: S ? () => Q.onCellFocus(e) : void 0,
+							onClick: S ? () => S(e, o) : void 0,
 							children: [/* @__PURE__ */ g("span", {
 								className: u,
-								children: [/* @__PURE__ */ h(e, { children: G.format(n) }), /* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ h(t, { children: G.format(e) }), /* @__PURE__ */ h("span", {
 									"aria-hidden": "true",
-									children: n.getDate()
+									children: e.getDate()
 								})]
 							}), /* @__PURE__ */ h("div", {
 								className: "calendar-planner__cell-body",
-								children: v ? v(n, o) : /* @__PURE__ */ g(m, { children: [s.map((e) => /* @__PURE__ */ h(t, {
+								children: v ? v(e, o) : /* @__PURE__ */ g(m, { children: [s.map((e) => /* @__PURE__ */ h(n, {
 									variant: e.variant ?? "neutral",
 									children: e.label
 								}, e.id)), c > 0 && /* @__PURE__ */ h("button", {
 									type: "button",
 									className: "calendar-planner__more",
-									onClick: (e) => {
-										e.stopPropagation(), R && L({
-											date: n,
+									onClick: (t) => {
+										t.stopPropagation(), L && I({
+											date: e,
 											events: o
-										}), b?.(n, o);
+										}), b?.(e, o);
 									},
-									children: j(c)
+									children: te(c)
 								})] })
 							})]
-						}, n.toISOString());
+						}, e.toISOString());
 					})
 				}, r))]
 			}),
-			/* @__PURE__ */ h(n, {
-				open: I !== null,
-				onClose: z,
-				title: I ? K.format(I.date) : void 0,
+			/* @__PURE__ */ h(r, {
+				open: F !== null,
+				onClose: R,
+				title: F ? K.format(F.date) : void 0,
 				children: /* @__PURE__ */ h("div", {
 					className: "calendar-planner__modal-events",
-					children: I?.events.map((e) => /* @__PURE__ */ h(t, {
+					children: F?.events.map((e) => /* @__PURE__ */ h(n, {
 						variant: e.variant ?? "neutral",
 						children: e.label
 					}, e.id))

package/dist/calendar-roster.js

@@ -1,25 +1,26 @@
 'use client';
 import './calendar-roster.css';
-import { Tag as e } from "./tag.js";
-import { PrevNextNav as t } from "./prev-next-nav.js";
-import { c as n, i as r } from "./_shared/calendargrid.js";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+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 { c as r, i } from "./_shared/calendargrid.js";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/molecules/CalendarRoster/CalendarRoster.tsx
-function s(e) {
+function c(e) {
 	let t = e.getDay();
 	return t === 0 || t === 6;
 }
-function c(e) {
+function l(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 l = {
+var u = {
 	holiday: "neutral",
 	vacation: "info",
 	absence: "danger",
 	recovery: "success",
 	birthday: "info"
-}, u = [
+}, d = [
 	{
 		type: "holiday",
 		label: "Festivo"
@@ -45,67 +46,67 @@ var l = {
 		label: "No laborable"
 	}
 ];
-function d({ rows: d, month: f, onMonthChange: p, hrefBuilder: m, linkComponent: h, renderCell: g, nameLabel: _ = "Empleado", birthdayPrefix: v = "🎂 ", showLegend: y = !0, locale: b = "es-ES", legendItems: x = u, legendLabel: S = "Leyenda", previousMonthLabel: C = "Mes anterior", nextMonthLabel: w = "Mes siguiente", className: T }) {
-	let E = /* @__PURE__ */ new Date(), D = c(f), O = n(f, -1), k = n(f, 1), A = new Intl.DateTimeFormat(b, {
+function f({ rows: f, month: p, onMonthChange: m, hrefBuilder: h, linkComponent: g, renderCell: _, nameLabel: v = "Empleado", birthdayPrefix: y = "🎂 ", showLegend: b = !0, locale: x = "es-ES", legendItems: S = d, legendLabel: C = "Leyenda", previousMonthLabel: w, nextMonthLabel: T, className: E }) {
+	let D = e("calendar"), O = /* @__PURE__ */ new Date(), k = l(p), A = r(p, -1), j = r(p, 1), M = new Intl.DateTimeFormat(x, {
 		month: "long",
 		year: "numeric"
-	}).format(f), j = new Intl.DateTimeFormat(b, { weekday: "narrow" }), M = new Intl.DateTimeFormat(b, { weekday: "long" }), N = p ? (e) => (t) => {
-		m && t.preventDefault(), p(e);
-	} : void 0, P = `roster-title-${f.getFullYear()}-${f.getMonth()}`;
-	return /* @__PURE__ */ o("div", {
-		className: ["calendar-roster", T].filter(Boolean).join(" "),
+	}).format(p), N = new Intl.DateTimeFormat(x, { weekday: "narrow" }), P = new Intl.DateTimeFormat(x, { weekday: "long" }), F = m ? (e) => (t) => {
+		h && t.preventDefault(), m(e);
+	} : void 0, I = `roster-title-${p.getFullYear()}-${p.getMonth()}`;
+	return /* @__PURE__ */ s("div", {
+		className: ["calendar-roster", E].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("div", {
 				className: "calendar-roster__nav",
-				children: /* @__PURE__ */ a(t, {
-					label: A,
-					labelId: P,
-					prevHref: m?.(O),
-					nextHref: m?.(k),
-					prevOnClick: N?.(O),
-					nextOnClick: N?.(k),
-					prevLabel: C,
-					nextLabel: w,
-					linkComponent: h
+				children: /* @__PURE__ */ o(n, {
+					label: M,
+					labelId: I,
+					prevHref: h?.(A),
+					nextHref: h?.(j),
+					prevOnClick: F?.(A),
+					nextOnClick: F?.(j),
+					prevLabel: D("previousMonth", w),
+					nextLabel: D("nextMonth", T),
+					linkComponent: g
 				})
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("div", {
 				className: "calendar-roster__wrap",
-				children: /* @__PURE__ */ o("table", {
+				children: /* @__PURE__ */ s("table", {
 					className: "calendar-roster__table",
-					"aria-labelledby": P,
-					children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("th", {
+					"aria-labelledby": I,
+					children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", {
 						className: "calendar-roster__th-name",
 						scope: "col",
-						children: _
-					}), D.map((e) => {
-						let t = r(e, E), n = [
+						children: v
+					}), k.map((e) => {
+						let t = i(e, O), n = [
 							"calendar-roster__th-day",
-							s(e) && "calendar-roster__th-day--weekend",
+							c(e) && "calendar-roster__th-day--weekend",
 							t && "calendar-roster__th-day--today"
-						].filter(Boolean).join(" "), i = String(e.getDate()).padStart(2, "0"), c = j.format(e), l = M.format(e);
-						return /* @__PURE__ */ o("th", {
+						].filter(Boolean).join(" "), r = String(e.getDate()).padStart(2, "0"), a = N.format(e), l = P.format(e);
+						return /* @__PURE__ */ s("th", {
 							className: n,
 							scope: "col",
-							children: [/* @__PURE__ */ a("div", {
+							children: [/* @__PURE__ */ o("div", {
 								className: "calendar-roster__th-day-number",
-								children: i
-							}), /* @__PURE__ */ a("div", {
+								children: r
+							}), /* @__PURE__ */ o("div", {
 								className: "calendar-roster__th-day-sub",
-								children: /* @__PURE__ */ a("abbr", {
+								children: /* @__PURE__ */ o("abbr", {
 									title: l,
-									children: c
+									children: a
 								})
 							})]
 						}, e.getDate());
-					})] }) }), /* @__PURE__ */ a("tbody", { children: d.map((t) => /* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("th", {
+					})] }) }), /* @__PURE__ */ o("tbody", { children: f.map((e) => /* @__PURE__ */ s("tr", { children: [/* @__PURE__ */ o("th", {
 						scope: "row",
 						className: "calendar-roster__th-name-row",
-						title: t.name,
-						children: t.name
-					}), D.map((n) => {
-						let c = n.getDate(), u = t.cells[c] ?? null, d = s(n), f = r(n, E), p = u?.type === "holiday", m = u?.type === "non-working";
-						return /* @__PURE__ */ a("td", {
+						title: e.name,
+						children: e.name
+					}), k.map((n) => {
+						let r = n.getDate(), l = e.cells[r] ?? null, d = c(n), f = i(n, O), p = l?.type === "holiday", m = l?.type === "non-working";
+						return /* @__PURE__ */ o("td", {
 							className: [
 								"calendar-roster__cell",
 								d && "calendar-roster__cell--weekend",
@@ -113,31 +114,31 @@ function d({ rows: d, month: f, onMonthChange: p, hrefBuilder: m, linkComponent:
 								m && "calendar-roster__cell--non-working",
 								f && "calendar-roster__cell--today"
 							].filter(Boolean).join(" "),
-							children: g ? g(c, n, u) : /* @__PURE__ */ o(i, { children: [u?.type === "schedule" && /* @__PURE__ */ a("span", {
+							children: _ ? _(r, n, l) : /* @__PURE__ */ s(a, { children: [l?.type === "schedule" && /* @__PURE__ */ o("span", {
 								className: "calendar-roster__schedule",
-								children: u.label
-							}), u && u.type !== "schedule" && u.type !== "non-working" && /* @__PURE__ */ a(e, {
-								variant: l[u.type],
-								children: u.type === "birthday" ? `${v}${u.label}` : u.label
+								children: l.label
+							}), l && l.type !== "schedule" && l.type !== "non-working" && /* @__PURE__ */ o(t, {
+								variant: u[l.type],
+								children: l.type === "birthday" ? `${y}${l.label}` : l.label
 							})] })
-						}, c);
-					})] }, t.id)) })]
+						}, r);
+					})] }, e.id)) })]
 				})
 			}),
-			y && /* @__PURE__ */ a("div", {
+			b && /* @__PURE__ */ o("div", {
 				className: "calendar-roster__legend",
 				role: "group",
-				"aria-label": S,
-				children: x.map(({ type: t, label: n }) => /* @__PURE__ */ a("span", {
+				"aria-label": C,
+				children: S.map(({ type: e, label: n }) => /* @__PURE__ */ o("span", {
 					className: "calendar-roster__legend-item",
-					children: t === "non-working" ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("span", { className: "calendar-roster__legend-swatch calendar-roster__legend-swatch--non-working" }), n] }) : /* @__PURE__ */ a(e, {
-						variant: l[t],
+					children: e === "non-working" ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", { className: "calendar-roster__legend-swatch calendar-roster__legend-swatch--non-working" }), n] }) : /* @__PURE__ */ o(t, {
+						variant: u[e],
 						children: n
 					})
-				}, t))
+				}, e))
 			})
 		]
 	});
 }
 //#endregion
-export { d as CalendarRoster };
+export { f as CalendarRoster };

package/dist/calendar.js

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