@studiolxd/brand 38.12.4

package/dist/breadcrumb.css

@@ -0,0 +1 @@
+.breadcrumb{padding-block:var(--breadcrumb-padding-block);padding-inline:var(--breadcrumb-padding-inline)}.breadcrumb__list{align-items:center;gap:var(--breadcrumb-gap);flex-wrap:wrap;margin:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.breadcrumb__item{align-items:center;gap:var(--breadcrumb-gap);font-family:var(--breadcrumb-font-family);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);line-height:var(--breadcrumb-line-height);display:inline-flex}.breadcrumb__link{color:var(--breadcrumb-link-color);cursor:pointer}.breadcrumb__link:hover{color:var(--breadcrumb-link-color-hover)}.breadcrumb__link:focus-visible{outline:var(--breadcrumb-focus-ring-width) solid var(--breadcrumb-focus-ring-color);outline-offset:var(--breadcrumb-focus-ring-offset);border-radius:var(--border-radius-default)}.breadcrumb__static{color:var(--breadcrumb-link-color)}.breadcrumb__current{color:var(--breadcrumb-current-color);font-weight:var(--breadcrumb-current-font-weight)}.breadcrumb__separator{color:var(--breadcrumb-separator-color);-webkit-user-select:none;user-select:none}

package/dist/breadcrumb.js

@@ -0,0 +1,39 @@
+import './breadcrumb.css';
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/stories/molecules/Breadcrumb/Breadcrumb.tsx
+function n({ children: t, ...n }) {
+	return /* @__PURE__ */ e("a", {
+		...n,
+		children: t
+	});
+}
+function r({ items: r, renderLink: i = n, separator: a = "/", ariaLabel: o = "Migas de pan", className: s }) {
+	return /* @__PURE__ */ e("nav", {
+		"aria-label": o,
+		className: ["breadcrumb", s].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ e("ol", {
+			className: "breadcrumb__list",
+			children: r.map((n, o) => {
+				let s = o === r.length - 1;
+				return /* @__PURE__ */ t("li", {
+					className: ["breadcrumb__item", s ? "breadcrumb__item--current" : ""].filter(Boolean).join(" "),
+					children: [s || !n.href ? /* @__PURE__ */ e("span", {
+						className: s ? "breadcrumb__current" : "breadcrumb__static",
+						...s ? { "aria-current": "page" } : {},
+						children: n.label
+					}) : i({
+						href: n.href,
+						children: n.label,
+						className: "breadcrumb__link"
+					}), !s && /* @__PURE__ */ e("span", {
+						className: "breadcrumb__separator",
+						"aria-hidden": "true",
+						children: a
+					})]
+				}, `${n.label}-${o}`);
+			})
+		})
+	});
+}
+//#endregion
+export { r as Breadcrumb };

package/dist/button.css

@@ -0,0 +1 @@
+.button{align-items:center;display:inline-flex}.button:not(.button--text){block-size:var(--button-height);padding-block:0}.button--primary{justify-content:var(--button-primary-justify-content);padding-inline:var(--button-primary-padding-inline);border-radius:var(--button-primary-border-radius);border-width:var(--button-primary-border-width);border-style:var(--button-primary-border-style);border-color:var(--button-primary-border);font-family:var(--button-primary-font-family);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);line-height:var(--button-primary-line-height);cursor:var(--button-primary-cursor);white-space:var(--button-primary-white-space);-webkit-text-decoration:var(--button-primary-text-decoration);text-decoration:var(--button-primary-text-decoration);background-color:var(--button-primary-bg);color:var(--button-primary-color);transition:background-color var(--button-primary-transition-duration) var(--button-primary-transition-easing), color var(--button-primary-transition-duration) var(--button-primary-transition-easing), border-color var(--button-primary-transition-duration) var(--button-primary-transition-easing)}.button--primary:hover{background-color:var(--button-primary-hover-bg);color:var(--button-primary-hover-color);border-color:var(--button-primary-hover-border)}.button--primary:active{background-color:var(--button-primary-active-bg);color:var(--button-primary-active-color);border-color:var(--button-primary-active-border)}.button--primary:focus-visible{outline:var(--button-primary-focus-ring-width) var(--button-primary-focus-ring-style) var(--button-primary-focus-ring-color);outline-offset:var(--button-primary-focus-ring-offset)}.button--primary:disabled,.button--primary[aria-disabled=true]{background-color:var(--button-primary-disabled-bg);color:var(--button-primary-disabled-color);border-color:var(--button-primary-disabled-border);cursor:var(--button-primary-disabled-cursor);pointer-events:none}.button--outline{justify-content:var(--button-outline-justify-content);padding-inline:var(--button-outline-padding-inline);border-radius:var(--button-outline-border-radius);border-width:var(--button-outline-border-width);border-style:var(--button-outline-border-style);border-color:var(--button-outline-border);font-family:var(--button-outline-font-family);font-size:var(--button-outline-font-size);font-weight:var(--button-outline-font-weight);line-height:var(--button-outline-line-height);cursor:var(--button-outline-cursor);white-space:var(--button-outline-white-space);-webkit-text-decoration:var(--button-outline-text-decoration);text-decoration:var(--button-outline-text-decoration);background-color:var(--button-outline-bg);color:var(--button-outline-color);transition:background-color var(--button-outline-transition-duration) var(--button-outline-transition-easing), color var(--button-outline-transition-duration) var(--button-outline-transition-easing), border-color var(--button-outline-transition-duration) var(--button-outline-transition-easing)}.button--outline:hover{background-color:var(--button-outline-hover-bg);color:var(--button-outline-hover-color);border-color:var(--button-outline-hover-border)}.button--outline:active{background-color:var(--button-outline-active-bg);color:var(--button-outline-active-color);border-color:var(--button-outline-active-border)}.button--outline:focus-visible{outline:var(--button-outline-focus-ring-width) var(--button-outline-focus-ring-style) var(--button-outline-focus-ring-color);outline-offset:var(--button-outline-focus-ring-offset)}.button--outline:disabled,.button--outline[aria-disabled=true]{color:var(--button-outline-disabled-color);border-color:var(--button-outline-disabled-border);cursor:var(--button-outline-disabled-cursor);pointer-events:none}.button--text{justify-content:var(--button-text-justify-content);padding-inline:var(--button-text-padding-inline);border-radius:var(--button-text-border-radius);border-width:var(--button-text-border-width);border-style:var(--button-text-border-style);border-color:var(--button-text-border);font-family:var(--button-text-font-family);font-size:var(--button-text-font-size);font-weight:var(--button-text-font-weight);line-height:var(--button-text-line-height);cursor:var(--button-text-cursor);white-space:var(--button-text-white-space);box-shadow:inset 0 calc(-1 * var(--button-text-underline-width)) 0 0 currentColor;background-color:var(--button-text-bg);color:var(--button-text-color);transition:color var(--button-text-transition-duration) var(--button-text-transition-easing);padding-block-end:var(--button-text-underline-offset);text-decoration:none}.button--text:hover{background-color:var(--button-text-hover-bg);color:var(--button-text-hover-color);border-color:var(--button-text-hover-border);box-shadow:inset 0 calc(-1 * var(--button-text-hover-underline-width)) 0 0 currentColor}.button--text:active{background-color:var(--button-text-active-bg);color:var(--button-text-active-color);border-color:var(--button-text-active-border);box-shadow:inset 0 calc(-1 * var(--button-text-hover-underline-width)) 0 0 currentColor}.button--text.button--ink{color:var(--button-text-ink-color);box-shadow:inset 0 calc(-1 * var(--button-text-ink-underline-width)) 0 0 currentColor}.button--text.button--ink:hover,.button--text.button--ink:active{color:var(--button-text-ink-color);box-shadow:inset 0 calc(-1 * var(--button-text-ink-hover-underline-width)) 0 0 currentColor}.button--text:focus-visible{outline:var(--button-text-focus-ring-width) var(--button-text-focus-ring-style) var(--button-text-focus-ring-color);outline-offset:var(--button-text-focus-ring-offset)}.button--text:disabled,.button--text[aria-disabled=true]{color:var(--button-text-disabled-color);cursor:var(--button-text-disabled-cursor);pointer-events:none}.button--ghost{justify-content:var(--button-ghost-justify-content);padding-inline:var(--button-ghost-padding-inline);border-radius:var(--button-ghost-border-radius);border-width:var(--button-ghost-border-width);border-style:var(--button-ghost-border-style);border-color:var(--button-ghost-border);font-family:var(--button-ghost-font-family);font-size:var(--button-ghost-font-size);font-weight:var(--button-ghost-font-weight);line-height:var(--button-ghost-line-height);cursor:var(--button-ghost-cursor);white-space:var(--button-ghost-white-space);-webkit-text-decoration:var(--button-ghost-text-decoration);text-decoration:var(--button-ghost-text-decoration);background-color:var(--button-ghost-bg);color:var(--button-ghost-color);transition:background-color var(--button-ghost-transition-duration) var(--button-ghost-transition-easing), color var(--button-ghost-transition-duration) var(--button-ghost-transition-easing)}.button--ghost:hover{background-color:var(--button-ghost-hover-bg);color:var(--button-ghost-hover-color)}.button--ghost:active{background-color:var(--button-ghost-active-bg);color:var(--button-ghost-active-color)}.button--ghost:focus-visible{outline:var(--button-ghost-focus-ring-width) var(--button-ghost-focus-ring-style) var(--button-ghost-focus-ring-color);outline-offset:var(--button-ghost-focus-ring-offset)}.button--ghost:disabled,.button--ghost[aria-disabled=true]{color:var(--button-ghost-disabled-color);cursor:var(--button-ghost-disabled-cursor);pointer-events:none}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]){color:var(--button-destructive-color);border-color:var(--button-destructive-border)}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-destructive-hover-bg);color:var(--button-destructive-hover-color);border-color:var(--button-destructive-hover-border)}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]):active{background-color:var(--button-destructive-active-bg);color:var(--button-destructive-active-color);border-color:var(--button-destructive-active-border)}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]):focus-visible{outline-color:var(--button-destructive-focus-ring-color)}.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]),.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]):hover,.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]):active{color:var(--button-destructive-color)}.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]):focus-visible{outline-color:var(--button-destructive-focus-ring-color)}.button.button--sm:not(.button--text){block-size:var(--button-sm-height);padding-inline:var(--button-sm-padding-inline)}.button.button--sm{font-size:var(--button-sm-font-size)}.button.button--lg:not(.button--text){block-size:var(--button-lg-height);padding-inline:var(--button-lg-padding-inline)}.button.button--lg{font-size:var(--button-lg-font-size)}.button--block{width:var(--button-block-width)}@media (width<=767.98px){.button--block-mobile{width:var(--button-block-width)}}.button.button--icon-only{inline-size:var(--button-height);justify-content:center;padding-inline:0}.button.button--icon-only.button--sm{inline-size:var(--button-sm-height);padding-inline:0}.button.button--icon-only.button--lg{inline-size:var(--button-lg-height);padding-inline:0}

package/dist/button.js

@@ -0,0 +1,60 @@
+'use client';
+import './button.css';
+import { n as e } from "./_shared/form-size.js";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { useRender as r } from "@base-ui/react/use-render";
+//#region src/stories/atoms/Button/Button.tsx
+var i = n(function({ variant: n = "primary", tone: i = "accent", destructive: a = !1, size: o, block: s = !1, iconOnly: c = !1, children: l, type: u = "button", disabled: d, onClick: f, href: p, external: m = !1, render: h, className: g, ..._ }, v) {
+	let y = e(o), b = [
+		"button",
+		`button--${n}`,
+		n === "text" && i === "ink" ? "button--ink" : "",
+		a ? "button--destructive-intent" : "",
+		y === "md" ? "" : `button--${y}`,
+		s === "mobile" ? "button--block-mobile" : s ? "button--block" : "",
+		c ? "button--icon-only" : "",
+		g ?? ""
+	].filter(Boolean).join(" "), x = (e) => {
+		if (d) {
+			e.preventDefault(), e.stopPropagation();
+			return;
+		}
+		f?.(e);
+	};
+	return r({
+		render: h,
+		ref: v,
+		enabled: h !== void 0,
+		props: {
+			className: b,
+			"aria-disabled": d ? !0 : void 0,
+			onClick: x,
+			..._,
+			children: l
+		}
+	}) || (p === void 0 ? /* @__PURE__ */ t("button", {
+		ref: v,
+		className: b,
+		type: u,
+		disabled: d,
+		onClick: f,
+		..._,
+		children: l
+	}) : /* @__PURE__ */ t("a", {
+		ref: v,
+		className: b,
+		href: d ? void 0 : p,
+		"aria-disabled": d ? !0 : void 0,
+		role: d ? "link" : void 0,
+		onClick: x,
+		...m ? {
+			target: "_blank",
+			rel: "noopener noreferrer"
+		} : {},
+		..._,
+		children: l
+	}));
+});
+//#endregion
+export { i as Button };

package/dist/calendar-planner.css

@@ -0,0 +1 @@
+.calendar-planner{gap:var(--calendar-planner-gap);font-family:var(--calendar-planner-font-family);flex-direction:column;width:100%;display:flex}.calendar-planner__header{justify-content:space-between;align-items:center;gap:var(--calendar-planner-items-gap);display:flex}.calendar-planner__title{text-align:center;font-family:var(--calendar-planner-font-family);font-size:var(--calendar-planner-title-font-size);font-weight:var(--calendar-planner-title-font-weight);color:var(--calendar-planner-title-color);flex:1;margin-block:0}.calendar-planner__nav{padding-block:var(--calendar-planner-items-gap);padding-inline:var(--calendar-planner-items-gap);border-radius:var(--calendar-planner-nav-radius);color:var(--calendar-planner-nav-color);cursor:pointer;transition-property:box-shadow;transition-duration:var(--calendar-planner-transition-duration);transition-timing-function:var(--calendar-planner-transition-easing);background-color:#0000;border:none;justify-content:center;align-items:center;display:inline-flex}.calendar-planner__nav:hover{box-shadow:inset 0 calc(-1 * var(--calendar-planner-hover-line-width)) 0 0 var(--calendar-planner-hover-line-color)}.calendar-planner__nav:focus-visible{outline:var(--calendar-planner-nav-focus-ring-width) solid var(--calendar-planner-nav-focus-ring-color);outline-offset:var(--calendar-planner-nav-focus-ring-offset)}.calendar-planner__chevron--prev{transform:rotate(180deg)}.calendar-planner__grid{border-block-start:var(--calendar-planner-grid-border-width) solid var(--calendar-planner-grid-border-color);border-inline-start:var(--calendar-planner-grid-border-width) solid var(--calendar-planner-grid-border-color);grid-template-columns:1fr;display:grid}.calendar-planner__row{grid-template-columns:repeat(7,1fr);display:grid}.calendar-planner__weekday abbr{cursor:inherit;text-decoration:none}.calendar-planner__weekday{padding-block:var(--calendar-planner-weekday-padding-block);padding-inline:var(--calendar-planner-cell-padding-inline);font-size:var(--calendar-planner-weekday-font-size);font-weight:var(--calendar-planner-weekday-font-weight);color:var(--calendar-planner-weekday-color);text-align:center;border-block-end:var(--calendar-planner-grid-border-width) solid var(--calendar-planner-grid-border-color);border-inline-end:var(--calendar-planner-grid-border-width) solid var(--calendar-planner-grid-border-color);font-family:var(--calendar-planner-font-family)}.calendar-planner__cell{gap:var(--calendar-planner-items-gap);min-height:var(--calendar-planner-cell-min-height);min-width:0;padding-block:var(--calendar-planner-cell-padding-block);padding-inline:var(--calendar-planner-cell-padding-inline);background-color:var(--calendar-planner-cell-bg);border-block-end:var(--calendar-planner-grid-border-width) solid var(--calendar-planner-grid-border-color);border-inline-end:var(--calendar-planner-grid-border-width) solid var(--calendar-planner-grid-border-color);flex-direction:column;display:flex;overflow:hidden}.calendar-planner__cell.calendar-planner__cell--outside{background-color:var(--calendar-planner-cell-outside-bg)}.calendar-planner__cell.calendar-planner__cell--clickable{cursor:pointer}.calendar-planner__cell.calendar-planner__cell--clickable:hover{box-shadow:inset 0 calc(-1 * var(--calendar-planner-hover-line-width)) 0 0 var(--calendar-planner-hover-line-color)}.calendar-planner__cell.calendar-planner__cell--clickable:focus-visible{outline:var(--calendar-planner-cell-focus-ring-width) solid var(--calendar-planner-cell-focus-ring-color);outline-offset:var(--calendar-planner-cell-focus-ring-offset)}.calendar-planner__day-number{width:var(--calendar-planner-day-number-size);height:var(--calendar-planner-day-number-size);border-radius:var(--calendar-planner-day-number-radius);font-size:var(--calendar-planner-day-number-font-size);font-weight:var(--calendar-planner-day-number-font-weight);color:var(--calendar-planner-day-number-color);font-family:var(--calendar-planner-font-family);flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;display:inline-flex}.calendar-planner__day-number.calendar-planner__day-number--outside{color:var(--calendar-planner-day-number-outside-color)}.calendar-planner__day-number.calendar-planner__day-number--today{background-color:var(--calendar-planner-cell-today-number-bg);color:var(--calendar-planner-cell-today-number-color)}.calendar-planner__cell-body{gap:var(--calendar-planner-items-gap);flex-direction:column;min-width:0;display:flex;overflow:hidden}.calendar-planner__cell-body .tag{text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.calendar-planner__more{font-family:var(--calendar-planner-font-family);font-size:var(--calendar-planner-more-font-size);color:var(--calendar-planner-more-color);cursor:pointer;text-align:start;transition-property:color;transition-duration:var(--calendar-planner-transition-duration);transition-timing-function:var(--calendar-planner-transition-easing);background:0 0;border:none;padding-block:0;padding-inline:0;display:inline-block}.calendar-planner__more:hover{color:var(--calendar-planner-more-hover-color)}.calendar-planner__more:focus-visible{outline:var(--calendar-planner-nav-focus-ring-width) solid var(--calendar-planner-more-focus-ring-color);outline-offset:var(--calendar-planner-nav-focus-ring-offset)}.calendar-planner.calendar-planner--sm .calendar-planner__cell{min-height:var(--calendar-planner-sm-cell-min-height)}.calendar-planner.calendar-planner--lg .calendar-planner__cell{min-height:var(--calendar-planner-lg-cell-min-height)}.calendar-planner__modal-events{gap:var(--calendar-planner-items-gap);flex-direction:column;display:flex}

package/dist/calendar-planner.js

@@ -0,0 +1,123 @@
+'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 { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useCallback as m, useId as h, useState as g } from "react";
+//#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] = g(() => C ?? w ?? /* @__PURE__ */ new Date()), [I, L] = g(null), R = x ?? !b, z = m(() => L(null), []), B = C ?? P, V = m((e) => {
+		F(e), T?.(e);
+	}, [T]), H = /* @__PURE__ */ new Date(), U = M === "sm" ? "xs" : M === "lg" ? "md" : "sm", W = new Intl.DateTimeFormat(D, {
+		month: "long",
+		year: "numeric"
+	}).format(B), G = new Intl.DateTimeFormat(D, {
+		weekday: "long",
+		day: "numeric",
+		month: "long",
+		year: "numeric"
+	}), K = new Intl.DateTimeFormat(D, {
+		weekday: "long",
+		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,
+		onActivate: S ? (e) => S(e, Z(e)) : void 0
+	}), $ = `${h()}-planner-title-${B.getFullYear()}-${B.getMonth()}`;
+	return /* @__PURE__ */ p("div", {
+		className: [
+			"calendar-planner",
+			`calendar-planner--${M}`,
+			N
+		].filter(Boolean).join(" "),
+		children: [
+			s({
+				block: "calendar-planner",
+				title: W,
+				titleId: $,
+				navigable: E,
+				previousLabel: O,
+				nextLabel: k,
+				onPrev: () => V(Y),
+				onNext: () => V(X),
+				chevronSize: U
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "calendar-planner__grid",
+				role: "grid",
+				"aria-label": A,
+				"aria-labelledby": A ? void 0 : $,
+				onKeyDown: S ? Q.onKeyDown : void 0,
+				children: [l({
+					block: "calendar-planner",
+					rowModifier: "header",
+					weekdays: q
+				}), J.map((n, r) => /* @__PURE__ */ f("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 = [
+							"calendar-planner__cell",
+							r && "calendar-planner__cell--outside",
+							a && "calendar-planner__cell--today"
+						].filter(Boolean).join(" "), u = [
+							"calendar-planner__day-number",
+							a && "calendar-planner__day-number--today",
+							r && "calendar-planner__day-number--outside"
+						].filter(Boolean).join(" ");
+						return /* @__PURE__ */ p("div", {
+							ref: S ? Q.cellRef(n) : 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,
+							children: [/* @__PURE__ */ p("span", {
+								className: u,
+								children: [/* @__PURE__ */ f(e, { children: G.format(n) }), /* @__PURE__ */ f("span", {
+									"aria-hidden": "true",
+									children: n.getDate()
+								})]
+							}), /* @__PURE__ */ f("div", {
+								className: "calendar-planner__cell-body",
+								children: v ? v(n, o) : /* @__PURE__ */ p(d, { children: [s.map((e) => /* @__PURE__ */ f(t, {
+									variant: e.variant ?? "neutral",
+									children: e.label
+								}, e.id)), c > 0 && /* @__PURE__ */ f("button", {
+									type: "button",
+									className: "calendar-planner__more",
+									onClick: (e) => {
+										e.stopPropagation(), R && L({
+											date: n,
+											events: o
+										}), b?.(n, o);
+									},
+									children: j(c)
+								})] })
+							})]
+						}, n.toISOString());
+					})
+				}, r))]
+			}),
+			/* @__PURE__ */ f(n, {
+				open: I !== null,
+				onClose: z,
+				title: I ? K.format(I.date) : void 0,
+				children: /* @__PURE__ */ f("div", {
+					className: "calendar-planner__modal-events",
+					children: I?.events.map((e) => /* @__PURE__ */ f(t, {
+						variant: e.variant ?? "neutral",
+						children: e.label
+					}, e.id))
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { _ as CalendarPlanner };

package/dist/calendar-roster.css

@@ -0,0 +1 @@
+.calendar-roster{gap:var(--calendar-roster-legend-gap);font-family:var(--calendar-roster-font-family);flex-direction:column;display:flex}.calendar-roster__nav{justify-content:center;align-items:center;display:flex}.calendar-roster__wrap{border:var(--calendar-roster-border-width) solid var(--calendar-roster-border-color);border-radius:var(--calendar-roster-radius);overflow:auto visible}.calendar-roster__table{border-collapse:collapse;width:100%;font-family:var(--calendar-roster-font-family);white-space:nowrap}.calendar-roster__th-name{z-index:3;min-width:var(--calendar-roster-th-name-width);max-width:var(--calendar-roster-th-name-width);padding-block:var(--calendar-roster-th-name-padding-block);padding-inline:var(--calendar-roster-th-name-padding-inline);background-color:var(--calendar-roster-th-name-bg);font-size:var(--calendar-roster-th-name-font-size);font-weight:var(--calendar-roster-th-name-font-weight);color:var(--calendar-roster-th-name-color);text-align:start;border-block-end:var(--calendar-roster-border-width) solid var(--calendar-roster-border-color);border-inline-end:var(--calendar-roster-border-width) solid var(--calendar-roster-border-color);position:sticky;left:0}.calendar-roster__th-day{min-width:var(--calendar-roster-th-day-width);padding-block:var(--calendar-roster-th-day-padding-block);text-align:center;font-size:var(--calendar-roster-th-day-font-size);color:var(--calendar-roster-th-day-color);background-color:var(--calendar-roster-th-day-bg);border-block-end:var(--calendar-roster-border-width) solid var(--calendar-roster-border-color);border-inline-end:var(--calendar-roster-border-width) solid var(--calendar-roster-border-color);vertical-align:middle;padding-inline:0}.calendar-roster__th-day--weekend{background-color:var(--calendar-roster-cell-weekend-bg)}.calendar-roster__th-day-number{font-size:var(--calendar-roster-th-day-font-size);font-weight:var(--calendar-roster-th-name-font-weight);line-height:1.2}.calendar-roster__th-day-sub{font-size:var(--calendar-roster-th-day-sub-font-size);color:var(--calendar-roster-th-name-color);line-height:1}.calendar-roster__th-day-sub abbr{cursor:inherit;text-decoration:none}.calendar-roster__th-day--today .calendar-roster__th-day-number{width:var(--calendar-roster-th-day-today-size);height:var(--calendar-roster-th-day-today-size);border-radius:var(--calendar-roster-th-day-today-radius);background-color:var(--calendar-roster-th-day-today-bg);color:var(--calendar-roster-th-day-today-color);justify-content:center;align-items:center;display:inline-flex}.calendar-roster__th-name-row{z-index:2;min-width:var(--calendar-roster-th-name-width);max-width:var(--calendar-roster-th-name-width);padding-block:var(--calendar-roster-td-name-padding-block);padding-inline:var(--calendar-roster-td-name-padding-inline);background-color:var(--calendar-roster-td-name-bg);font-size:var(--calendar-roster-td-name-font-size);font-weight:var(--calendar-roster-td-name-font-weight);text-align:start;color:var(--calendar-roster-td-name-color);border-block-end:var(--calendar-roster-border-width) solid var(--calendar-roster-border-color);border-inline-end:var(--calendar-roster-border-width) solid var(--calendar-roster-border-color);text-overflow:ellipsis;white-space:nowrap;position:sticky;left:0;overflow:hidden}.calendar-roster__cell{padding-block:var(--calendar-roster-cell-padding-block);padding-inline:var(--calendar-roster-cell-padding-inline);background-color:var(--calendar-roster-cell-bg);border-block-end:var(--calendar-roster-border-width) solid var(--calendar-roster-border-color);border-inline-end:var(--calendar-roster-border-width) solid var(--calendar-roster-border-color);text-align:center;vertical-align:middle}.calendar-roster__cell--weekend{background-color:var(--calendar-roster-cell-weekend-bg)}.calendar-roster__cell--holiday{background-color:var(--calendar-roster-cell-holiday-bg)}.calendar-roster__cell--non-working{background-color:var(--calendar-roster-cell-non-working-bg)}.calendar-roster__cell--today{outline:var(--calendar-roster-cell-today-outline-width) solid var(--calendar-roster-th-day-today-bg);outline-offset:calc(-1 * var(--calendar-roster-cell-today-outline-width))}.calendar-roster__schedule{font-size:var(--calendar-roster-schedule-font-size);color:var(--calendar-roster-schedule-color);white-space:nowrap}.calendar-roster__legend{align-items:center;gap:var(--calendar-roster-legend-gap);flex-wrap:wrap;display:flex}.calendar-roster__legend-item{align-items:center;gap:var(--calendar-roster-legend-item-gap);font-size:var(--calendar-roster-legend-font-size);color:var(--calendar-roster-legend-color);display:inline-flex}.calendar-roster__legend-swatch{width:var(--calendar-roster-legend-swatch-size);height:var(--calendar-roster-legend-swatch-size);border-radius:var(--calendar-roster-legend-swatch-radius);flex-shrink:0;display:inline-block}.calendar-roster__legend-swatch--non-working{background-color:var(--calendar-roster-cell-non-working-bg)}

package/dist/calendar-roster.js

@@ -0,0 +1,143 @@
+'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";
+//#region src/stories/molecules/CalendarRoster/CalendarRoster.tsx
+function s(e) {
+	let t = e.getDay();
+	return t === 0 || t === 6;
+}
+function c(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 = {
+	holiday: "neutral",
+	vacation: "info",
+	absence: "danger",
+	recovery: "success",
+	birthday: "info"
+}, u = [
+	{
+		type: "holiday",
+		label: "Festivo"
+	},
+	{
+		type: "vacation",
+		label: "Vacaciones"
+	},
+	{
+		type: "absence",
+		label: "Ausencia"
+	},
+	{
+		type: "recovery",
+		label: "Recuperación"
+	},
+	{
+		type: "birthday",
+		label: "Cumpleaños"
+	},
+	{
+		type: "non-working",
+		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, {
+		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(" "),
+		children: [
+			/* @__PURE__ */ a("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
+				})
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "calendar-roster__wrap",
+				children: /* @__PURE__ */ o("table", {
+					className: "calendar-roster__table",
+					"aria-labelledby": P,
+					children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("th", {
+						className: "calendar-roster__th-name",
+						scope: "col",
+						children: _
+					}), D.map((e) => {
+						let t = r(e, E), n = [
+							"calendar-roster__th-day",
+							s(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", {
+							className: n,
+							scope: "col",
+							children: [/* @__PURE__ */ a("div", {
+								className: "calendar-roster__th-day-number",
+								children: i
+							}), /* @__PURE__ */ a("div", {
+								className: "calendar-roster__th-day-sub",
+								children: /* @__PURE__ */ a("abbr", {
+									title: l,
+									children: c
+								})
+							})]
+						}, e.getDate());
+					})] }) }), /* @__PURE__ */ a("tbody", { children: d.map((t) => /* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("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", {
+							className: [
+								"calendar-roster__cell",
+								d && "calendar-roster__cell--weekend",
+								p && "calendar-roster__cell--holiday",
+								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", {
+								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
+							})] })
+						}, c);
+					})] }, t.id)) })]
+				})
+			}),
+			y && /* @__PURE__ */ a("div", {
+				className: "calendar-roster__legend",
+				role: "group",
+				"aria-label": S,
+				children: x.map(({ type: t, label: n }) => /* @__PURE__ */ a("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: n
+					})
+				}, t))
+			})
+		]
+	});
+}
+//#endregion
+export { d as CalendarRoster };

package/dist/calendar.css

@@ -0,0 +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{width:var(--calendar-day-size);height: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{width:var(--calendar-day-size);height: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:"";bottom:var(--calendar-today-marker-offset);width:var(--calendar-today-marker-size);height: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{width:var(--calendar-sm-day-size);height: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{width:var(--calendar-lg-day-size);height: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)}

package/dist/calendar.js

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

package/dist/card.css

@@ -0,0 +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)}.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)}.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)}.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)}.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__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{gap:var(--card-footer-gap);margin-block-start:auto;display:flex}.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)}