@studiolxd/brand 49.28.0 → 50.0.0

package/dist/breadcrumb.js

@@ -1,26 +1,21 @@
 'use client';
 import './breadcrumb.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { t } from "./_shared/default-render-link.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/stories/molecules/Breadcrumb/Breadcrumb.tsx
-function r({ children: e, ...n }) {
-	return /* @__PURE__ */ t("a", {
-		...n,
-		children: e
-	});
-}
-function i({ items: i, renderLink: a = r, separator: o = "/", ariaLabel: s, className: c }) {
+function i({ items: i, renderLink: a = t, separator: o = "/", ariaLabel: s, className: c }) {
 	let l = e("breadcrumb");
-	return /* @__PURE__ */ t("nav", {
+	return /* @__PURE__ */ n("nav", {
 		"aria-label": l("label", s),
 		className: ["breadcrumb", c].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ t("ol", {
+		children: /* @__PURE__ */ n("ol", {
 			className: "breadcrumb__list",
-			children: i.map((e, r) => {
-				let s = r === i.length - 1;
-				return /* @__PURE__ */ n("li", {
+			children: i.map((e, t) => {
+				let s = t === i.length - 1;
+				return /* @__PURE__ */ r("li", {
 					className: ["breadcrumb__item", s ? "breadcrumb__item--current" : ""].filter(Boolean).join(" "),
-					children: [s || !e.href ? /* @__PURE__ */ t("span", {
+					children: [s || !e.href ? /* @__PURE__ */ n("span", {
 						className: s ? "breadcrumb__current" : "breadcrumb__static",
 						...s ? { "aria-current": "page" } : {},
 						children: e.label
@@ -28,12 +23,12 @@ function i({ items: i, renderLink: a = r, separator: o = "/", ariaLabel: s, clas
 						href: e.href,
 						children: e.label,
 						className: "breadcrumb__link"
-					}), !s && /* @__PURE__ */ t("span", {
+					}), !s && /* @__PURE__ */ n("span", {
 						className: "breadcrumb__separator",
 						"aria-hidden": "true",
 						children: o
 					})]
-				}, `${e.label}-${r}`);
+				}, `${e.label}-${t}`);
 			})
 		})
 	});

package/dist/button.css

@@ -1 +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:not(.button--icon-only) .icon{--icon-size:1em}.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}.button__spinner{margin-inline-end:var(--button-loading-gap);display:inline-flex}.button.button--icon-only .button__spinner{margin-inline-end:0}.button .button__spinner .spinner__square{width:var(--button-loading-spinner-size);height:var(--button-loading-spinner-size)}
+.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{inline-size:var(--button-block-width)}@media (width<=767.98px){.button--block-mobile{inline-size:var(--button-block-width)}}.button:not(.button--icon-only) .icon{--icon-size:1em}.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}.button__spinner{margin-inline-end:var(--button-loading-gap);display:inline-flex}.button.button--icon-only .button__spinner{margin-inline-end:0}.button .button__spinner .spinner__square{width:var(--button-loading-spinner-size);height:var(--button-loading-spinner-size)}

package/dist/calendar-planner.css

@@ -1 +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}.calendar-planner__weekday.calendar-planner__weekday--dated{justify-content:center;align-items:center;gap:var(--calendar-planner-weekday-gap);display:flex}.calendar-planner__cell.calendar-planner__cell--week{min-height:var(--calendar-planner-week-cell-min-height)}.calendar-planner.calendar-planner--sm .calendar-planner__cell.calendar-planner__cell--week{min-height:var(--calendar-planner-sm-week-cell-min-height)}.calendar-planner.calendar-planner--lg .calendar-planner__cell.calendar-planner__cell--week{min-height:var(--calendar-planner-lg-week-cell-min-height)}.calendar-planner__event{align-items:baseline;gap:var(--calendar-planner-items-gap);min-width:0;display:flex}.calendar-planner__event-time{font-size:var(--calendar-planner-event-time-font-size);color:var(--calendar-planner-event-time-color);font-variant-numeric:tabular-nums;flex-shrink:0}.calendar-planner__event .tag{text-overflow:ellipsis;min-width:0;overflow:hidden}
+.calendar-planner{gap:var(--calendar-planner-gap);font-family:var(--calendar-planner-font-family);flex-direction:column;inline-size: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-block-size:var(--calendar-planner-cell-min-height);min-inline-size: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{inline-size:var(--calendar-planner-day-number-size);block-size: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-inline-size:0;display:flex;overflow:hidden}.calendar-planner__cell-body .tag{text-overflow:ellipsis;max-inline-size: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-block-size:var(--calendar-planner-sm-cell-min-height)}.calendar-planner.calendar-planner--lg .calendar-planner__cell{min-block-size:var(--calendar-planner-lg-cell-min-height)}.calendar-planner__modal-events{gap:var(--calendar-planner-items-gap);flex-direction:column;display:flex}.calendar-planner__weekday.calendar-planner__weekday--dated{justify-content:center;align-items:center;gap:var(--calendar-planner-weekday-gap);display:flex}.calendar-planner__cell.calendar-planner__cell--week{min-block-size:var(--calendar-planner-week-cell-min-height)}.calendar-planner.calendar-planner--sm .calendar-planner__cell.calendar-planner__cell--week{min-block-size:var(--calendar-planner-sm-week-cell-min-height)}.calendar-planner.calendar-planner--lg .calendar-planner__cell.calendar-planner__cell--week{min-block-size:var(--calendar-planner-lg-week-cell-min-height)}.calendar-planner__event{align-items:baseline;gap:var(--calendar-planner-items-gap);min-inline-size:0;display:flex}.calendar-planner__event-time{font-size:var(--calendar-planner-event-time-font-size);color:var(--calendar-planner-event-time-color);font-variant-numeric:tabular-nums;flex-shrink:0}.calendar-planner__event .tag{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}

package/dist/calendar-planner.js

@@ -6,208 +6,213 @@ import { Tag as n } from "./tag.js";
 import { Toggle as r } from "./toggle.js";
 import { ToggleGroup as i } from "./toggle-group.js";
 import { Modal as a } from "./modal.js";
-import { a as o, c as s, d as c, f as ee, i as te, l, n as u, o as ne, p as re, r as d, s as ie, t as ae, u as f } from "./_shared/calendargrid.js";
-import { useCallback as p, useId as oe, useState as m } from "react";
-import { Fragment as se, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { a as o, c as s, d as c, f as ee, i as te, l, m as ne, n as re, o as ie, p as ae, r as u, s as oe, t as se, u as d } from "./_shared/calendargrid.js";
+import { useCallback as f, useId as ce, useState as p } from "react";
+import { Fragment as le, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/stories/molecules/CalendarPlanner/CalendarPlanner.tsx
-function _(e) {
+function g(e) {
 	return e.allDay === void 0 ? e.date.getHours() !== 0 || e.date.getMinutes() !== 0 : !e.allDay;
 }
-function ce(e) {
+function ue(e) {
 	return [...e].sort((e, t) => {
-		let n = Number(_(e)) - Number(_(t));
+		let n = Number(g(e)) - Number(g(t));
 		return n === 0 ? e.date.getTime() - t.date.getTime() : n;
 	});
 }
-function v({ events: v = [], renderDay: y, maxItemsPerDay: le = 3, onMoreClick: b, showMoreDialog: x, onDayClick: S, month: C, defaultMonth: w, onMonthChange: T, view: E, defaultView: ue, onViewChange: D, viewSwitcher: de = !1, week: O, defaultWeek: fe, onWeekChange: k, navigable: A = !0, locale: j = "es-ES", previousMonthLabel: pe, nextMonthLabel: me, previousWeekLabel: he = "Semana anterior", nextWeekLabel: ge = "Semana siguiente", monthViewLabel: _e = "Mes", weekViewLabel: ve = "Semana", viewSwitcherLabel: ye = "Vista del calendario", gridLabel: M, moreLabel: N, size: P = "md", className: be }) {
-	let [xe, Se] = m(() => C ?? w ?? /* @__PURE__ */ new Date()), [Ce, we] = m(() => c(O ?? fe ?? C ?? w ?? /* @__PURE__ */ new Date())), [Te, Ee] = m(() => E ?? ue ?? "month"), [F, I] = m(null), De = x ?? !b, Oe = p(() => I(null), []), L = C ?? xe, R = c(O ?? Ce), z = E ?? Te, B = z === "week", V = p((e) => {
-		Se(e), T?.(e);
-	}, [T]), H = p((e) => {
+function _({ events: _ = [], renderDay: v, maxItemsPerDay: y = 3, onMoreClick: b, showMoreDialog: de, onDayClick: x, month: S, defaultMonth: C, onMonthChange: w, view: T, defaultView: fe, onViewChange: E, viewSwitcher: pe = !1, week: D, defaultWeek: me, onWeekChange: O, navigable: k = !0, locale: A = "es-ES", previousMonthLabel: he, nextMonthLabel: ge, previousWeekLabel: _e, nextWeekLabel: ve, monthViewLabel: ye, weekViewLabel: be, viewSwitcherLabel: xe, gridLabel: j, moreLabel: M, today: Se, size: N = "md", className: Ce }) {
+	let P = ne(Se), [we, Te] = p(() => S ?? C ?? P), [Ee, De] = p(() => c(D ?? me ?? S ?? C ?? P)), [Oe, ke] = p(() => T ?? fe ?? "month"), [F, I] = p(null), Ae = de ?? !b, je = f(() => I(null), []), L = S ?? we, R = c(D ?? Ee), z = T ?? Oe, B = z === "week", V = f((e) => {
+		Te(e), w?.(e);
+	}, [w]), H = f((e) => {
 		let t = c(e);
-		we(t), k?.(t);
-	}, [k]), ke = p((e) => {
-		let t = d(R).some(({ date: e }) => ne(e, L));
-		!t && e === "week" && H(new Date(L.getFullYear(), L.getMonth(), 1)), !t && e === "month" && V(new Date(R.getFullYear(), R.getMonth(), 1)), Ee(e), D?.(e);
+		De(t), O?.(t);
+	}, [O]), Me = f((e) => {
+		let t = u(R).some(({ date: e }) => ie(e, L));
+		!t && e === "week" && H(new Date(L.getFullYear(), L.getMonth(), 1)), !t && e === "month" && V(new Date(R.getFullYear(), R.getMonth(), 1)), ke(e), E?.(e);
 	}, [
 		L,
 		R,
 		V,
 		H,
-		D
-	]), U = e("calendar"), Ae = e("calendarPlanner"), W = /* @__PURE__ */ new Date(), je = P === "lg" ? "md" : "sm", Me = new Intl.DateTimeFormat(j, {
+		E
+	]), U = e("calendar"), W = e("calendarPlanner"), Ne = N === "lg" ? "md" : "sm", Pe = new Intl.DateTimeFormat(A, {
 		month: "long",
 		year: "numeric"
-	}), Ne = new Intl.DateTimeFormat(j, {
+	}), Fe = new Intl.DateTimeFormat(A, {
 		day: "numeric",
 		month: "long",
 		year: "numeric"
-	}), Pe = new Date(R.getFullYear(), R.getMonth(), R.getDate() + 6), Fe = Ne.formatRange(R, Pe), Ie = B ? Fe : Me.format(L), G = new Intl.DateTimeFormat(j, {
+	}), Ie = new Date(R.getFullYear(), R.getMonth(), R.getDate() + 6), Le = Fe.formatRange(R, Ie), Re = B ? Le : Pe.format(L), G = new Intl.DateTimeFormat(A, {
 		weekday: "long",
 		day: "numeric",
 		month: "long",
 		year: "numeric"
-	}), Le = new Intl.DateTimeFormat(j, {
+	}), ze = new Intl.DateTimeFormat(A, {
 		hour: "2-digit",
 		minute: "2-digit"
-	}), Re = new Intl.DateTimeFormat(j, {
+	}), Be = new Intl.DateTimeFormat(A, {
 		weekday: "long",
 		day: "numeric",
 		month: "long",
 		year: "numeric"
-	}), K = te(j, "short"), ze = ae(u(L)), q = d(R), J = l(L, -1), Be = l(L, 1), Y = (e) => v.filter((t) => o(t.date, e)), Ve = ee({
+	}), K = te(A, "short"), Ve = se(re(L)), q = u(R), He = l(L, -1), J = l(L, 1), Y = (e) => _.filter((t) => o(t.date, e)), Ue = ee({
 		month: L,
 		onMonthChange: V,
-		onActivate: S ? (e) => S(e, Y(e)) : void 0
-	}), He = re({
+		today: P,
+		onActivate: x ? (e) => x(e, Y(e)) : void 0
+	}), We = ae({
 		weekStart: R,
 		onWeekChange: H,
-		onActivate: S ? (e) => S(e, Y(e)) : void 0
-	}), X = B ? He : Ve, Z = oe(), Q = B ? `${Z}-planner-title-week-${R.getFullYear()}-${R.getMonth()}-${R.getDate()}` : `${Z}-planner-title-${L.getFullYear()}-${L.getMonth()}`, Ue = [
+		today: P,
+		onActivate: x ? (e) => x(e, Y(e)) : void 0
+	}), X = B ? We : Ue, Z = ce(), Q = B ? `${Z}-planner-title-week-${R.getFullYear()}-${R.getMonth()}-${R.getDate()}` : `${Z}-planner-title-${L.getFullYear()}-${L.getMonth()}`, Ge = [
 		"calendar-planner",
-		`calendar-planner--${P}`,
+		`calendar-planner--${N}`,
 		B ? "calendar-planner--week" : "",
-		be
-	].filter(Boolean).join(" "), We = (e, t) => {
-		if (y) return y(e, t);
-		let r = B ? ce(t) : t, i = B ? r : r.slice(0, le), a = r.length - i.length;
-		return /* @__PURE__ */ g(se, { children: [i.map((e) => B ? /* @__PURE__ */ g("div", {
+		Ce
+	].filter(Boolean).join(" "), Ke = (e, t) => {
+		if (v) return v(e, t);
+		let r = B ? ue(t) : t, i = B ? r : r.slice(0, y), a = r.length - i.length;
+		return /* @__PURE__ */ h(le, { children: [i.map((e) => B ? /* @__PURE__ */ h("div", {
 			className: "calendar-planner__event",
-			children: [_(e) && /* @__PURE__ */ h("span", {
+			children: [g(e) && /* @__PURE__ */ m("span", {
 				className: "calendar-planner__event-time",
-				children: Le.format(e.date)
-			}), /* @__PURE__ */ h(n, {
+				children: ze.format(e.date)
+			}), /* @__PURE__ */ m(n, {
 				variant: e.variant ?? "neutral",
 				children: e.label
 			})]
-		}, e.id) : /* @__PURE__ */ h(n, {
+		}, e.id) : /* @__PURE__ */ m(n, {
 			variant: e.variant ?? "neutral",
 			children: e.label
-		}, e.id)), a > 0 && /* @__PURE__ */ h("button", {
+		}, e.id)), a > 0 && /* @__PURE__ */ m("button", {
 			type: "button",
 			className: "calendar-planner__more",
 			onClick: (n) => {
-				n.stopPropagation(), De && I({
+				n.stopPropagation(), Ae && I({
 					date: e,
 					events: t
 				}), b?.(e, t);
 			},
-			children: Ae("more", N)(a)
+			children: W("more", M)(a)
 		})] });
 	}, $ = ({ date: e, outside: n }) => {
-		let r = o(e, W), i = Y(e), a = [
+		let r = o(e, P), i = Y(e), a = [
 			"calendar-planner__cell",
 			B ? "calendar-planner__cell--week" : "",
 			n && "calendar-planner__cell--outside",
 			r && "calendar-planner__cell--today",
-			S ? "calendar-planner__cell--clickable" : ""
+			x ? "calendar-planner__cell--clickable" : ""
 		].filter(Boolean).join(" "), s = [
 			"calendar-planner__day-number",
 			r && "calendar-planner__day-number--today",
 			n && "calendar-planner__day-number--outside"
 		].filter(Boolean).join(" ");
-		return /* @__PURE__ */ g("div", {
-			ref: S ? X.cellRef(e) : void 0,
+		return /* @__PURE__ */ h("div", {
+			ref: x ? X.cellRef(e) : void 0,
 			role: "gridcell",
 			className: a,
 			"aria-current": r ? "date" : void 0,
-			tabIndex: S ? X.isTabbable(e) ? 0 : -1 : void 0,
-			onFocus: S ? () => X.onCellFocus(e) : void 0,
-			onClick: S ? () => S(e, i) : void 0,
-			children: [!B && /* @__PURE__ */ g("span", {
+			tabIndex: x ? X.isTabbable(e) ? 0 : -1 : void 0,
+			onFocus: x ? () => X.onCellFocus(e) : void 0,
+			onClick: x ? () => x(e, i) : void 0,
+			children: [!B && /* @__PURE__ */ h("span", {
 				className: s,
-				children: [/* @__PURE__ */ h(t, { children: G.format(e) }), /* @__PURE__ */ h("span", {
+				children: [/* @__PURE__ */ m(t, { children: G.format(e) }), /* @__PURE__ */ m("span", {
 					"aria-hidden": "true",
 					children: e.getDate()
 				})]
-			}), /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ m("div", {
 				className: "calendar-planner__cell-body",
-				children: We(e, i)
+				children: Ke(e, i)
 			})]
 		}, e.toISOString());
 	};
-	return /* @__PURE__ */ g("div", {
-		className: Ue,
+	return /* @__PURE__ */ h("div", {
+		className: Ge,
 		children: [
-			ie({
+			oe({
 				block: "calendar-planner",
-				title: Ie,
+				title: Re,
 				titleId: Q,
-				navigable: A,
-				previousLabel: A ? B ? he : U("previousMonth", pe) : void 0,
-				nextLabel: A ? B ? ge : U("nextMonth", me) : void 0,
-				onPrev: () => B ? H(f(R, -1)) : V(J),
-				onNext: () => B ? H(f(R, 1)) : V(Be),
-				chevronSize: je,
-				children: de ? /* @__PURE__ */ g(i, {
+				navigable: k,
+				previousLabel: k ? B ? W("previousWeek", _e) : U("previousMonth", he) : void 0,
+				nextLabel: k ? B ? W("nextWeek", ve) : U("nextMonth", ge) : void 0,
+				onPrev: () => B ? H(d(R, -1)) : V(He),
+				onNext: () => B ? H(d(R, 1)) : V(J),
+				chevronSize: Ne,
+				children: pe ? /* @__PURE__ */ h(i, {
 					className: "calendar-planner__views",
-					"aria-label": ye,
-					size: P,
+					"aria-label": W("viewSwitcher", xe),
+					size: N,
 					value: [z],
 					onValueChange: (e) => {
 						let t = e[0];
-						t && ke(t);
+						t && Me(t);
 					},
-					children: [/* @__PURE__ */ h(r, {
+					children: [/* @__PURE__ */ m(r, {
 						value: "month",
-						children: _e
-					}), /* @__PURE__ */ h(r, {
+						children: W("monthView", ye)
+					}), /* @__PURE__ */ m(r, {
 						value: "week",
-						children: ve
+						children: W("weekView", be)
 					})]
 				}) : void 0
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				className: ["calendar-planner__grid", B ? "calendar-planner__grid--week" : ""].filter(Boolean).join(" "),
 				role: "grid",
-				"aria-label": M,
-				"aria-labelledby": M ? void 0 : Q,
-				onKeyDown: S ? X.onKeyDown : void 0,
-				children: [B ? /* @__PURE__ */ h("div", {
+				"aria-label": j,
+				"aria-labelledby": j ? void 0 : Q,
+				onKeyDown: x ? X.onKeyDown : void 0,
+				children: [B ? /* @__PURE__ */ m("div", {
 					role: "row",
 					className: "calendar-planner__row calendar-planner__row--header",
-					children: q.map(({ date: e }, t) => {
-						let n = o(e, W);
-						return /* @__PURE__ */ g("div", {
+					children: q.map(({ date: e }, n) => {
+						let r = o(e, P);
+						return /* @__PURE__ */ h("div", {
 							role: "columnheader",
 							className: [
 								"calendar-planner__weekday",
 								"calendar-planner__weekday--dated",
-								n && "calendar-planner__weekday--today"
+								r && "calendar-planner__weekday--today"
 							].filter(Boolean).join(" "),
-							"aria-label": G.format(e),
-							"aria-current": n ? "date" : void 0,
-							children: [/* @__PURE__ */ h("abbr", {
-								"aria-hidden": "true",
-								title: K[t].long,
-								children: K[t].short
-							}), /* @__PURE__ */ h("span", {
-								"aria-hidden": "true",
-								className: ["calendar-planner__day-number", n && "calendar-planner__day-number--today"].filter(Boolean).join(" "),
-								children: e.getDate()
-							})]
+							"aria-current": r ? "date" : void 0,
+							children: [
+								/* @__PURE__ */ m(t, { children: G.format(e) }),
+								/* @__PURE__ */ m("abbr", {
+									"aria-hidden": "true",
+									title: K[n].long,
+									children: K[n].short
+								}),
+								/* @__PURE__ */ m("span", {
+									"aria-hidden": "true",
+									className: ["calendar-planner__day-number", r && "calendar-planner__day-number--today"].filter(Boolean).join(" "),
+									children: e.getDate()
+								})
+							]
 						}, e.toISOString());
 					})
 				}) : s({
 					block: "calendar-planner",
 					rowModifier: "header",
 					weekdays: K
-				}), B ? /* @__PURE__ */ h("div", {
+				}), B ? /* @__PURE__ */ m("div", {
 					role: "row",
 					className: "calendar-planner__row",
 					children: q.map((e) => $(e))
-				}) : ze.map((e, t) => /* @__PURE__ */ h("div", {
+				}) : Ve.map((e, t) => /* @__PURE__ */ m("div", {
 					role: "row",
 					className: "calendar-planner__row",
 					children: e.map((e) => $(e))
 				}, t))]
 			}),
-			/* @__PURE__ */ h(a, {
+			/* @__PURE__ */ m(a, {
 				open: F !== null,
-				onClose: Oe,
-				title: F ? Re.format(F.date) : void 0,
-				children: /* @__PURE__ */ h("div", {
+				onClose: je,
+				title: F ? Be.format(F.date) : void 0,
+				children: /* @__PURE__ */ m("div", {
 					className: "calendar-planner__modal-events",
-					children: F?.events.map((e) => /* @__PURE__ */ h(n, {
+					children: F?.events.map((e) => /* @__PURE__ */ m(n, {
 						variant: e.variant ?? "neutral",
 						children: e.label
 					}, e.id))
@@ -217,4 +222,4 @@ function v({ events: v = [], renderDay: y, maxItemsPerDay: le = 3, onMoreClick:
 	});
 }
 //#endregion
-export { v as CalendarPlanner };
+export { _ as CalendarPlanner };

package/dist/calendar-roster.css

@@ -1 +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)}
+.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__wrap:focus-visible{outline:var(--calendar-roster-focus-ring-width) solid var(--calendar-roster-focus-ring-color);outline-offset:var(--calendar-roster-focus-ring-offset)}.calendar-roster__table{border-collapse:collapse;inline-size:100%;font-family:var(--calendar-roster-font-family);white-space:nowrap}.calendar-roster__th-name{z-index:3;min-inline-size:var(--calendar-roster-th-name-width);max-inline-size: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;inset-inline-start:0}.calendar-roster__th-day{min-inline-size: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:var(--calendar-roster-th-day-line-height)}.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{inline-size:var(--calendar-roster-th-day-today-size);block-size: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-inline-size:var(--calendar-roster-th-name-width);max-inline-size: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;inset-inline-start: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{inline-size:var(--calendar-roster-legend-swatch-size);block-size: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)}