@studiolxd/brand 49.28.0 → 51.0.0

package/dist/breadcrumb.css

@@ -1 +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}
+.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-hover-color)}.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

@@ -1,42 +1,42 @@
 '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 { n as e } from "./_shared/env.js";
+import { r as t } from "./_shared/brandmessagescontext.js";
+import { t as n } from "./_shared/default-render-link.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/stories/messages/es/breadcrumb.ts
+var a = { label: "Migas de pan" };
+//#endregion
 //#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 }) {
-	let l = e("breadcrumb");
-	return /* @__PURE__ */ t("nav", {
-		"aria-label": l("label", s),
-		className: ["breadcrumb", c].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ t("ol", {
+function o({ items: o, renderLink: s = n, separator: c = "/", "aria-label": l, ariaLabel: u, className: d }) {
+	u !== void 0 && e("Breadcrumb", "ariaLabel", "`aria-label`");
+	let f = l ?? u, p = t("breadcrumb", a);
+	return /* @__PURE__ */ r("nav", {
+		"aria-label": p("label", f),
+		className: ["breadcrumb", d].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ r("ol", {
 			className: "breadcrumb__list",
-			children: i.map((e, r) => {
-				let s = r === i.length - 1;
-				return /* @__PURE__ */ n("li", {
-					className: ["breadcrumb__item", s ? "breadcrumb__item--current" : ""].filter(Boolean).join(" "),
-					children: [s || !e.href ? /* @__PURE__ */ t("span", {
-						className: s ? "breadcrumb__current" : "breadcrumb__static",
-						...s ? { "aria-current": "page" } : {},
+			children: o.map((e, t) => {
+				let n = t === o.length - 1;
+				return /* @__PURE__ */ i("li", {
+					className: ["breadcrumb__item", n ? "breadcrumb__item--current" : ""].filter(Boolean).join(" "),
+					children: [n || !e.href ? /* @__PURE__ */ r("span", {
+						className: n ? "breadcrumb__current" : "breadcrumb__static",
+						...n ? { "aria-current": "page" } : {},
 						children: e.label
-					}) : a({
+					}) : s({
 						href: e.href,
 						children: e.label,
 						className: "breadcrumb__link"
-					}), !s && /* @__PURE__ */ t("span", {
+					}), !n && /* @__PURE__ */ r("span", {
 						className: "breadcrumb__separator",
 						"aria-hidden": "true",
-						children: o
+						children: c
 					})]
-				}, `${e.label}-${r}`);
+				}, `${e.label}-${t}`);
 			})
 		})
 	});
 }
 //#endregion
-export { i as Breadcrumb };
+export { o as Breadcrumb };

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:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-primary-hover-bg);color:var(--button-primary-hover-color);border-color:var(--button-primary-hover-border)}.button--primary:not(:disabled):not([aria-disabled=true]):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)}.button--primary:disabled{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:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-outline-hover-bg);color:var(--button-outline-hover-color);border-color:var(--button-outline-hover-border)}.button--outline:not(:disabled):not([aria-disabled=true]):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)}.button--outline:disabled{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);-webkit-text-decoration-line:var(--button-text-decoration-line);text-decoration-line:var(--button-text-decoration-line);text-decoration-thickness:var(--button-text-underline-width);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-position:under;text-underline-offset:calc(var(--button-text-underline-offset) - var(--button-text-underline-width));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-start:var(--button-text-padding-block-start);padding-block-end:var(--button-text-underline-offset)}.button--text:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-text-hover-bg);color:var(--button-text-hover-color);border-color:var(--button-text-hover-border);-webkit-text-decoration-line:var(--button-text-hover-decoration-line);text-decoration-line:var(--button-text-hover-decoration-line);text-decoration-thickness:var(--button-text-hover-underline-width);text-underline-offset:calc(var(--button-text-underline-offset) - var(--button-text-hover-underline-width))}.button--text:not(:disabled):not([aria-disabled=true]):active{background-color:var(--button-text-active-bg);color:var(--button-text-active-color);border-color:var(--button-text-active-border);-webkit-text-decoration-line:var(--button-text-hover-decoration-line);text-decoration-line:var(--button-text-hover-decoration-line);text-decoration-thickness:var(--button-text-hover-underline-width);text-underline-offset:calc(var(--button-text-underline-offset) - var(--button-text-hover-underline-width))}.button--text.button--ink{color:var(--button-text-ink-color);-webkit-text-decoration-line:var(--button-text-ink-decoration-line);text-decoration-line:var(--button-text-ink-decoration-line);text-decoration-thickness:var(--button-text-ink-underline-width);text-underline-offset:calc(var(--button-text-underline-offset) - var(--button-text-ink-underline-width))}.button--text.button--ink:not(:disabled):not([aria-disabled=true]):hover,.button--text.button--ink:not(:disabled):not([aria-disabled=true]):active{color:var(--button-text-ink-color);-webkit-text-decoration-line:var(--button-text-ink-hover-decoration-line);text-decoration-line:var(--button-text-ink-hover-decoration-line);text-decoration-thickness:var(--button-text-ink-hover-underline-width);text-underline-offset:calc(var(--button-text-underline-offset) - var(--button-text-ink-hover-underline-width))}.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)}.button--text:disabled{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:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-ghost-hover-bg);color:var(--button-ghost-hover-color)}.button--ghost:not(:disabled):not([aria-disabled=true]):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)}.button--ghost:disabled{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/button.js

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

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);line-height:var(--calendar-planner-more-line-height);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

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