@studiolxd/brand 43.0.0 → 44.1.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 };