@schukai/monster 4.149.1 → 4.150.1

package/source/components/layout/vertical-tabs.mjs

@@ -499,39 +499,94 @@ function getTranslations() {
 			};
 		case "fr":
 			return {
-				"new-tab-label": "Nouvel Onglet",
+				"new-tab-label": "Nouvel onglet",
 				moreActions: "Autres onglets",
 			};
-		case "sp":
+		case "es":
 			return {
-				"new-tab-label": "Nueva Pestaña",
+				"new-tab-label": "Nueva pestaña",
 				moreActions: "Más pestañas",
 			};
+		case "zh":
+			return {
+				"new-tab-label": "新标签页",
+				moreActions: "更多标签页",
+			};
+		case "hi":
+			return {
+				"new-tab-label": "नया टैब",
+				moreActions: "अधिक टैब",
+			};
+		case "bn":
+			return {
+				"new-tab-label": "নতুন ট্যাব",
+				moreActions: "আরও ট্যাব",
+			};
+		case "pt":
+			return {
+				"new-tab-label": "Nova aba",
+				moreActions: "Mais abas",
+			};
+		case "ru":
+			return {
+				"new-tab-label": "Новая вкладка",
+				moreActions: "Другие вкладки",
+			};
+		case "ja":
+			return {
+				"new-tab-label": "新しいタブ",
+				moreActions: "その他のタブ",
+			};
+		case "pa":
+			return {
+				"new-tab-label": "ਨਵੀਂ ਟੈਬ",
+				moreActions: "ਹੋਰ ਟੈਬਾਂ",
+			};
+		case "mr":
+			return {
+				"new-tab-label": "नवीन टॅब",
+				moreActions: "अधिक टॅब",
+			};
 		case "it":
 			return {
-				"new-tab-label": "Nuova Scheda",
+				"new-tab-label": "Nuova scheda",
 				moreActions: "Altre schede",
 			};
+		case "nl":
+			return {
+				"new-tab-label": "Nieuw tabblad",
+				moreActions: "Meer tabbladen",
+			};
 		case "pl":
 			return {
-				"new-tab-label": "Nowa Karta",
+				"new-tab-label": "Nowa karta",
 				moreActions: "Więcej kart",
 			};
 		case "no":
 			return {
-				"new-tab-label": "Ny Fane",
+				"new-tab-label": "Ny fane",
 				moreActions: "Flere faner",
 			};
-		case "dk":
+		case "da":
 			return {
-				"new-tab-label": "Ny Fane",
+				"new-tab-label": "Ny fane",
 				moreActions: "Flere faner",
 			};
-		case "sw":
+		case "sv":
 			return {
-				"new-tab-label": "Ny Flik",
+				"new-tab-label": "Ny flik",
 				moreActions: "Fler flikar",
 			};
+		case "fi":
+			return {
+				"new-tab-label": "Uusi välilehti",
+				moreActions: "Lisää välilehtiä",
+			};
+		case "cs":
+			return {
+				"new-tab-label": "Nová karta",
+				moreActions: "Další karty",
+			};
 		default:
 		case "en":
 			return {

package/source/components/style/floating-ui.css

@@ -40,6 +40,19 @@ div[data-monster-role="popper"] > [part="content"] {
 	max-width: 100%;
 	max-height: var(--monster-popper-content-max-height, calc(100vh - 4.2rem));
 }
+div[data-monster-role="popper"]
+	> [part="content"]:not([data-monster-overflow-mode="visible"]) {
+	padding: var(
+		--monster-popper-focus-bleed,
+		max(
+			0px,
+			calc(
+				var(--monster-focus-ring-width, 2px) +
+					var(--monster-focus-ring-offset, 2px)
+			)
+		)
+	);
+}
 div[data-monster-role="popper"]
 	> [part="content"][data-monster-overflow-mode="horizontal"] {
 	overflow-x: auto;

package/source/components/style/floating-ui.pcss

@@ -46,6 +46,10 @@ div[data-monster-role=popper] {
         max-height: var(--monster-popper-content-max-height, calc(100vh - 4.2rem));
     }
 
+    & > [part=content]:not([data-monster-overflow-mode=visible]) {
+        padding: var(--monster-popper-focus-bleed, max(0px, calc(var(--monster-focus-ring-width, 2px) + var(--monster-focus-ring-offset, 2px))));
+    }
+
     & > [part=content][data-monster-overflow-mode=horizontal] {
         overflow-x: auto;
         overflow-y: visible;

package/source/components/style/form.css

@@ -1,2 +1,4 @@
 /** generated from form.pcss **/
-input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input[readonly]:not([type=checkbox]):not([type=radio]),textarea[readonly]{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--monster-control-min-block-size,auto);padding:var(--monster-control-padding-block,.4rem) var(--monster-control-padding-inline,.6rem);height:-moz-fit-content;height:fit-content}input:is([type=checkbox],[type=radio]){block-size:1rem;inline-size:1rem;min-height:0;padding:0;vertical-align:middle}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]):not([readonly]):not([disabled]),select:hover:not(:disabled),textarea:hover:not([readonly]):not([disabled]){transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
+input,meter,progress,select,textarea{accent-color:var(
+        --monster-theme-accent,var(--monster-color-secondary-2)
+    );box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input[readonly]:not([type=checkbox]):not([type=radio]),textarea[readonly]{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--monster-control-min-block-size,auto);padding:var(--monster-control-padding-block,.4rem) var(--monster-control-padding-inline,.6rem);height:-moz-fit-content;height:fit-content}input:is([type=checkbox],[type=radio]){block-size:1rem;inline-size:1rem;min-height:0;padding:0;vertical-align:middle}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]):not([readonly]):not([disabled]),select:hover:not(:disabled),textarea:hover:not([readonly]):not([disabled]){transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}

package/source/components/style/form.pcss

@@ -2,7 +2,10 @@
 
 progress,
 meter {
-    accent-color: var(--monster-color-secondary-2);
+    accent-color: var(
+        --monster-theme-accent,
+        var(--monster-color-secondary-2)
+    );
     box-sizing: border-box;
     color: var(--monster-color-primary-1);
     background-color: var(--monster-bg-color-primary-1);
@@ -23,7 +26,10 @@ input,
 select,
 textarea {
     box-sizing: border-box;
-    accent-color: var(--monster-color-secondary-2);
+    accent-color: var(
+        --monster-theme-accent,
+        var(--monster-color-secondary-2)
+    );
     color: var(--monster-color-primary-1);
     background-color: var(--monster-bg-color-primary-1);
     font-family: inherit;

package/source/components/style/theme-modern.css

@@ -67,8 +67,8 @@
 		--monster-theme-secondary
 	);--monster-split-panel-handle-active-background-color:var(
 		--monster-theme-accent
-	);--monster-split-panel-handle-border-radius:999px;--monster-split-panel-handle-active-scale:0.92;--monster-split-panel-transition-duration:160ms;--monster-tabs-nav-align-items:flex-end;--monster-tabs-nav-background-color:transparent;--monster-tabs-nav-border-width:0 0 1px;--monster-tabs-nav-border-color:var(--monster-theme-border);--monster-tabs-nav-border-radius:0;--monster-tabs-nav-box-shadow:none;--monster-tabs-nav-gap:0.25rem;--monster-tabs-nav-margin-block-end:0.75rem;--monster-tabs-nav-padding:0;--monster-tabs-button-font-weight:400;--monster-tabs-button-color:var(--monster-theme-text-secondary);--monster-tabs-button-background-color:transparent;--monster-tabs-button-border-width:0 0 3px;--monster-tabs-button-border-color:transparent;--monster-tabs-button-border-radius:0;--monster-tabs-button-margin-inline-end:0.75rem;--monster-tabs-button-min-block-size:var(--monster-control-min-block-size);--monster-tabs-button-padding:0.625rem 0 0.5rem;--monster-tabs-button-box-shadow:none;--monster-tabs-button-transition:border-color 160ms ease,color 160ms ease;--monster-tabs-button-hover-background-color:transparent;--monster-tabs-button-hover-border-color:var(--monster-theme-border-strong);--monster-tabs-button-hover-box-shadow:none;--monster-tabs-button-hover-color:var(--monster-theme-text);--monster-tabs-button-active-background-color:transparent;--monster-tabs-button-active-border-color:var(--monster-theme-tertiary);--monster-tabs-button-active-box-shadow:none;--monster-tabs-button-active-color:var(--monster-theme-tertiary);--monster-tabs-button-active-font-weight:500;--monster-tabs-indicator-inline-size:0;--monster-tabs-indicator-block-size:0;--monster-tabs-indicator-background-color:var(--monster-theme-tertiary);--monster-tabs-indicator-hover-opacity:0;--monster-tabs-indicator-active-opacity:0;--monster-tabs-overflow-switch-inline-size:var(
+	);--monster-split-panel-handle-border-radius:999px;--monster-split-panel-handle-active-scale:0.92;--monster-split-panel-transition-duration:160ms;--monster-tabs-nav-align-items:flex-end;--monster-tabs-nav-background-color:transparent;--monster-tabs-nav-border-width:0 0 1px;--monster-tabs-nav-border-color:var(--monster-theme-border);--monster-tabs-nav-border-radius:0;--monster-tabs-nav-box-shadow:none;--monster-tabs-nav-gap:0.25rem;--monster-tabs-nav-margin-block-end:0.75rem;--monster-tabs-nav-padding:0;--monster-tabs-button-font-weight:400;--monster-tabs-button-color:var(--monster-theme-text-secondary);--monster-tabs-button-background-color:transparent;--monster-tabs-button-border-width:0 0 3px;--monster-tabs-button-border-color:transparent;--monster-tabs-button-border-radius:0;--monster-tabs-button-margin-inline-end:0.75rem;--monster-tabs-button-min-block-size:var(--monster-control-min-block-size);--monster-tabs-button-padding:0.625rem 0 0.5rem;--monster-tabs-button-box-shadow:none;--monster-tabs-button-transition:border-color 160ms ease,color 160ms ease;--monster-tabs-button-hover-background-color:transparent;--monster-tabs-button-hover-border-color:var(--monster-theme-border-strong);--monster-tabs-button-hover-box-shadow:none;--monster-tabs-button-hover-color:var(--monster-theme-text);--monster-tabs-button-active-background-color:transparent;--monster-tabs-button-active-border-color:var(--monster-theme-accent);--monster-tabs-button-active-box-shadow:none;--monster-tabs-button-active-color:var(--monster-theme-accent);--monster-tabs-button-active-font-weight:500;--monster-tabs-indicator-inline-size:0;--monster-tabs-indicator-block-size:0;--monster-tabs-indicator-background-color:var(--monster-theme-accent);--monster-tabs-indicator-hover-opacity:0;--monster-tabs-indicator-active-opacity:0;--monster-tabs-overflow-switch-inline-size:var(
 		--monster-control-min-block-size
 	);--monster-tabs-overflow-switch-padding:0.625rem;--monster-tabs-overflow-switch-border-width:0;--monster-tabs-overflow-switch-border-color:transparent;--monster-tabs-overflow-switch-background-color:transparent;--monster-tabs-overflow-switch-hover-background-color:var(
 		--monster-theme-surface-subtle
-	);--monster-tabs-slot-border-width:1px;--monster-tabs-slot-border-style:solid;--monster-tabs-slot-border-color:transparent;--monster-tabs-slot-border-radius:calc(var(--monster-border-radius)*0.75);--monster-tabs-slot-box-shadow:none;--monster-tabs-slot-padding:0.5rem 0.75rem;--monster-datatable-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding-inline-end:2rem;--monster-datatable-row-border-width:1px;--monster-datatable-row-border-style:solid;--monster-datatable-row-border-color:var(--monster-theme-surface-strong);--monster-vertical-tabs-control-gap:1.25rem;--monster-vertical-tabs-control-min-block-size:9rem;--monster-vertical-tabs-nav-align-self:flex-start;--monster-vertical-tabs-nav-block-size:max-content;--monster-vertical-tabs-nav-border-width:0;--monster-vertical-tabs-nav-border-color:transparent;--monster-vertical-tabs-nav-gap:0.25rem;--monster-vertical-tabs-nav-margin-inline-end:0;--monster-vertical-tabs-nav-max-block-size:none;--monster-vertical-tabs-nav-min-block-size:9rem;--monster-vertical-tabs-nav-min-inline-size:10rem;--monster-vertical-tabs-button-border-width:0;--monster-vertical-tabs-button-flex-direction:row;--monster-vertical-tabs-button-justify-content:flex-start;--monster-vertical-tabs-button-margin-block-end:0;--monster-vertical-tabs-button-padding:0 0.75rem 0 1.25rem;--monster-vertical-tabs-button-inline-size:100%;--monster-vertical-tabs-label-writing-mode:horizontal-tb;--monster-vertical-tabs-label-text-orientation:mixed;--monster-vertical-tabs-slotted-border-width:0;--monster-theme-on-color:var(--monster-theme-on-accent);--monster-theme-on-bg-color:var(--monster-theme-success);--monster-theme-off-color:var(--monster-theme-text-secondary);--monster-theme-off-bg-color:var(--monster-theme-surface-strong);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-space-0:0;--monster-space-1:0.25rem;--monster-space-2:0.5rem;--monster-space-3:0.75rem;--monster-space-4:1rem;--monster-space-5:1.5rem;--monster-space-6:2rem;--monster-space-7:3rem}@media (prefers-color-scheme:dark){:root[data-monster-theme-name=modern]{--monster-theme-surface-canvas:#161512;--monster-theme-surface:#1e1d1a;--monster-theme-surface-subtle:#282622;--monster-theme-surface-strong:#34312c;--monster-theme-text:#f4f0e8;--monster-theme-text-secondary:#d2ccc0;--monster-theme-text-muted:#aaa397;--monster-theme-border:#777065;--monster-theme-border-strong:#9c9385;--monster-theme-accent:#eee7dc;--monster-theme-accent-hover:#fff;--monster-theme-accent-subtle:#39352f;--monster-theme-secondary:#d2ccc0;--monster-theme-secondary-subtle:#302d29;--monster-theme-secondary-strong:#e5dfd5;--monster-theme-tertiary:#72cbb0;--monster-theme-tertiary-subtle:#183930;--monster-theme-on-accent:#201e1a;--monster-theme-focus-ring:#72cbb0;--monster-theme-selection:#24483e;--monster-theme-success:#72cf96;--monster-theme-success-subtle:#183a28;--monster-theme-warning:#f0c94f;--monster-theme-warning-subtle:#413615;--monster-theme-warning-emphasis:#f2c94c;--monster-theme-on-warning:#24231f;--monster-theme-error:#f28ba0;--monster-theme-error-subtle:#481e29;--monster-theme-info:#b1a1ef;--monster-theme-info-subtle:#31294a;--monster-theme-disabled:#a49d91;--monster-theme-disabled-surface:#37342f;--monster-box-shadow-2:0 2px 0 rgba(0,0,0,.45);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}
+	);--monster-tabs-slot-border-width:1px;--monster-tabs-slot-border-style:solid;--monster-tabs-slot-border-color:transparent;--monster-tabs-slot-border-radius:calc(var(--monster-border-radius)*0.75);--monster-tabs-slot-box-shadow:none;--monster-tabs-slot-padding:0.5rem 0.75rem;--monster-datatable-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding-inline-end:2rem;--monster-datatable-row-border-width:1px;--monster-datatable-row-border-style:solid;--monster-datatable-row-border-color:var(--monster-theme-surface-strong);--monster-vertical-tabs-control-gap:1.25rem;--monster-vertical-tabs-control-min-block-size:9rem;--monster-vertical-tabs-nav-align-self:flex-start;--monster-vertical-tabs-nav-block-size:max-content;--monster-vertical-tabs-nav-border-width:0;--monster-vertical-tabs-nav-border-color:transparent;--monster-vertical-tabs-nav-gap:0.25rem;--monster-vertical-tabs-nav-margin-inline-end:0;--monster-vertical-tabs-nav-max-block-size:none;--monster-vertical-tabs-nav-min-block-size:9rem;--monster-vertical-tabs-nav-min-inline-size:10rem;--monster-vertical-tabs-button-border-width:0;--monster-vertical-tabs-button-flex-direction:row;--monster-vertical-tabs-button-justify-content:flex-start;--monster-vertical-tabs-button-margin-block-end:0;--monster-vertical-tabs-button-padding:0 0.75rem 0 1.25rem;--monster-vertical-tabs-button-inline-size:100%;--monster-vertical-tabs-label-writing-mode:horizontal-tb;--monster-vertical-tabs-label-text-orientation:mixed;--monster-vertical-tabs-slotted-border-width:0;--monster-theme-on-color:var(--monster-theme-on-accent);--monster-theme-on-bg-color:var(--monster-theme-accent);--monster-theme-off-color:var(--monster-theme-text-secondary);--monster-theme-off-bg-color:var(--monster-theme-surface-strong);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-space-0:0;--monster-space-1:0.25rem;--monster-space-2:0.5rem;--monster-space-3:0.75rem;--monster-space-4:1rem;--monster-space-5:1.5rem;--monster-space-6:2rem;--monster-space-7:3rem}@media (prefers-color-scheme:dark){:root[data-monster-theme-name=modern]{--monster-theme-surface-canvas:#161512;--monster-theme-surface:#1e1d1a;--monster-theme-surface-subtle:#282622;--monster-theme-surface-strong:#34312c;--monster-theme-text:#f4f0e8;--monster-theme-text-secondary:#d2ccc0;--monster-theme-text-muted:#aaa397;--monster-theme-border:#777065;--monster-theme-border-strong:#9c9385;--monster-theme-accent:#eee7dc;--monster-theme-accent-hover:#fff;--monster-theme-accent-subtle:#39352f;--monster-theme-secondary:#d2ccc0;--monster-theme-secondary-subtle:#302d29;--monster-theme-secondary-strong:#e5dfd5;--monster-theme-tertiary:#72cbb0;--monster-theme-tertiary-subtle:#183930;--monster-theme-on-accent:#201e1a;--monster-theme-focus-ring:#72cbb0;--monster-theme-selection:#24483e;--monster-theme-success:#72cf96;--monster-theme-success-subtle:#183a28;--monster-theme-warning:#f0c94f;--monster-theme-warning-subtle:#413615;--monster-theme-warning-emphasis:#f2c94c;--monster-theme-on-warning:#24231f;--monster-theme-error:#f28ba0;--monster-theme-error-subtle:#481e29;--monster-theme-info:#b1a1ef;--monster-theme-info-subtle:#31294a;--monster-theme-disabled:#a49d91;--monster-theme-disabled-surface:#37342f;--monster-box-shadow-2:0 2px 0 rgba(0,0,0,.45);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}

package/source/components/style/theme-modern.pcss

@@ -373,13 +373,13 @@
 	--monster-tabs-button-hover-box-shadow: none;
 	--monster-tabs-button-hover-color: var(--monster-theme-text);
 	--monster-tabs-button-active-background-color: transparent;
-	--monster-tabs-button-active-border-color: var(--monster-theme-tertiary);
+	--monster-tabs-button-active-border-color: var(--monster-theme-accent);
 	--monster-tabs-button-active-box-shadow: none;
-	--monster-tabs-button-active-color: var(--monster-theme-tertiary);
+	--monster-tabs-button-active-color: var(--monster-theme-accent);
 	--monster-tabs-button-active-font-weight: 500;
 	--monster-tabs-indicator-inline-size: 0;
 	--monster-tabs-indicator-block-size: 0;
-	--monster-tabs-indicator-background-color: var(--monster-theme-tertiary);
+	--monster-tabs-indicator-background-color: var(--monster-theme-accent);
 	--monster-tabs-indicator-hover-opacity: 0;
 	--monster-tabs-indicator-active-opacity: 0;
 	--monster-tabs-overflow-switch-inline-size: var(
@@ -431,7 +431,7 @@
 
 	/** Toggle and decorative compatibility tokens */
 	--monster-theme-on-color: var(--monster-theme-on-accent);
-	--monster-theme-on-bg-color: var(--monster-theme-success);
+	--monster-theme-on-bg-color: var(--monster-theme-accent);
 	--monster-theme-off-color: var(--monster-theme-text-secondary);
 	--monster-theme-off-bg-color: var(--monster-theme-surface-strong);
 	--monster-color-gradient-1: #833ab4;

package/source/components/stylesheet/floating-ui.mjs

@@ -25,7 +25,7 @@ try {
 	FloatingUiStyleSheet.insertRule(
 		`
 @layer floatingui {
-div[data-monster-role=popper]{box-sizing:border-box;display:none;opacity:1;padding:1.1em;max-width:var(--monster-popper-max-width,calc(100vw - 2rem));max-height:var(--monster-popper-max-height,calc(100vh - 2rem));z-index:var(--monster-z-index-modal);background:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);border-radius:var(--monster-border-radius);border-width:var(--monster-border-width);border-style:var(--monster-border-style);border-color:var(--monster-bg-color-primary-4);box-shadow:var(--monster-box-shadow-1);justify-content:space-between;align-content:center;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;transition:opacity var(--monster-popper-fade-duration,.14s) var(--monster-popper-fade-timing,cubic-bezier(.2,0,0,1))}div[data-monster-role=popper][data-monster-appearance=opening]{opacity:0}div[data-monster-role=popper][data-monster-appearance=open]{opacity:1}@media (prefers-reduced-motion:reduce){div[data-monster-role=popper]{transition:none}}div[data-monster-role=popper]>[part=content]{overflow:auto;max-width:100%;max-height:var(--monster-popper-content-max-height,calc(100vh - 4.2rem))}div[data-monster-role=popper]>[part=content][data-monster-overflow-mode=horizontal]{overflow-x:auto;overflow-y:visible;clip-path:none}div[data-monster-role=popper]>[part=content][data-monster-overflow-mode=visible]{overflow:visible;clip-path:none;max-width:none;max-height:none}div[data-monster-role=popper] div[data-monster-role=arrow]{position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1;pointer-events:none;background:var(--monster-bg-color-primary-1)}
+div[data-monster-role=popper]{box-sizing:border-box;display:none;opacity:1;padding:1.1em;max-width:var(--monster-popper-max-width,calc(100vw - 2rem));max-height:var(--monster-popper-max-height,calc(100vh - 2rem));z-index:var(--monster-z-index-modal);background:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);border-radius:var(--monster-border-radius);border-width:var(--monster-border-width);border-style:var(--monster-border-style);border-color:var(--monster-bg-color-primary-4);box-shadow:var(--monster-box-shadow-1);justify-content:space-between;align-content:center;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;transition:opacity var(--monster-popper-fade-duration,.14s) var(--monster-popper-fade-timing,cubic-bezier(.2,0,0,1))}div[data-monster-role=popper][data-monster-appearance=opening]{opacity:0}div[data-monster-role=popper][data-monster-appearance=open]{opacity:1}@media (prefers-reduced-motion:reduce){div[data-monster-role=popper]{transition:none}}div[data-monster-role=popper]>[part=content]{overflow:auto;max-width:100%;max-height:var(--monster-popper-content-max-height,calc(100vh - 4.2rem))}div[data-monster-role=popper]>[part=content]:not([data-monster-overflow-mode=visible]){padding:var(--monster-popper-focus-bleed,max(0px,calc(var(--monster-focus-ring-width, 2px) + var(--monster-focus-ring-offset, 2px))))}div[data-monster-role=popper]>[part=content][data-monster-overflow-mode=horizontal]{overflow-x:auto;overflow-y:visible;clip-path:none}div[data-monster-role=popper]>[part=content][data-monster-overflow-mode=visible]{overflow:visible;clip-path:none;max-width:none;max-height:none}div[data-monster-role=popper] div[data-monster-role=arrow]{position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1;pointer-events:none;background:var(--monster-bg-color-primary-1)}
 }`,
 		0,
 	);

package/source/components/stylesheet/form.mjs

@@ -25,7 +25,9 @@ try {
 	FormStyleSheet.insertRule(
 		`
 @layer form {
-input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input[readonly]:not([type=checkbox]):not([type=radio]),textarea[readonly]{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--monster-control-min-block-size,auto);padding:var(--monster-control-padding-block,.4rem) var(--monster-control-padding-inline,.6rem);height:-moz-fit-content;height:fit-content}input:is([type=checkbox],[type=radio]){block-size:1rem;inline-size:1rem;min-height:0;padding:0;vertical-align:middle}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]):not([readonly]):not([disabled]),select:hover:not(:disabled),textarea:hover:not([readonly]):not([disabled]){transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
+input,meter,progress,select,textarea{accent-color:var(
+        --monster-theme-accent,var(--monster-color-secondary-2)
+    );box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input[readonly]:not([type=checkbox]):not([type=radio]),textarea[readonly]{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--monster-control-min-block-size,auto);padding:var(--monster-control-padding-block,.4rem) var(--monster-control-padding-inline,.6rem);height:-moz-fit-content;height:fit-content}input:is([type=checkbox],[type=radio]){block-size:1rem;inline-size:1rem;min-height:0;padding:0;vertical-align:middle}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]):not([readonly]):not([disabled]),select:hover:not(:disabled),textarea:hover:not([readonly]):not([disabled]){transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
 }`,
 		0,
 	);

package/source/components/stylesheet/theme-modern.mjs

@@ -93,11 +93,11 @@ try {
 		--monster-theme-secondary
 	);--monster-split-panel-handle-active-background-color:var(
 		--monster-theme-accent
-	);--monster-split-panel-handle-border-radius:999px;--monster-split-panel-handle-active-scale:0.92;--monster-split-panel-transition-duration:160ms;--monster-tabs-nav-align-items:flex-end;--monster-tabs-nav-background-color:transparent;--monster-tabs-nav-border-width:0 0 1px;--monster-tabs-nav-border-color:var(--monster-theme-border);--monster-tabs-nav-border-radius:0;--monster-tabs-nav-box-shadow:none;--monster-tabs-nav-gap:0.25rem;--monster-tabs-nav-margin-block-end:0.75rem;--monster-tabs-nav-padding:0;--monster-tabs-button-font-weight:400;--monster-tabs-button-color:var(--monster-theme-text-secondary);--monster-tabs-button-background-color:transparent;--monster-tabs-button-border-width:0 0 3px;--monster-tabs-button-border-color:transparent;--monster-tabs-button-border-radius:0;--monster-tabs-button-margin-inline-end:0.75rem;--monster-tabs-button-min-block-size:var(--monster-control-min-block-size);--monster-tabs-button-padding:0.625rem 0 0.5rem;--monster-tabs-button-box-shadow:none;--monster-tabs-button-transition:border-color 160ms ease,color 160ms ease;--monster-tabs-button-hover-background-color:transparent;--monster-tabs-button-hover-border-color:var(--monster-theme-border-strong);--monster-tabs-button-hover-box-shadow:none;--monster-tabs-button-hover-color:var(--monster-theme-text);--monster-tabs-button-active-background-color:transparent;--monster-tabs-button-active-border-color:var(--monster-theme-tertiary);--monster-tabs-button-active-box-shadow:none;--monster-tabs-button-active-color:var(--monster-theme-tertiary);--monster-tabs-button-active-font-weight:500;--monster-tabs-indicator-inline-size:0;--monster-tabs-indicator-block-size:0;--monster-tabs-indicator-background-color:var(--monster-theme-tertiary);--monster-tabs-indicator-hover-opacity:0;--monster-tabs-indicator-active-opacity:0;--monster-tabs-overflow-switch-inline-size:var(
+	);--monster-split-panel-handle-border-radius:999px;--monster-split-panel-handle-active-scale:0.92;--monster-split-panel-transition-duration:160ms;--monster-tabs-nav-align-items:flex-end;--monster-tabs-nav-background-color:transparent;--monster-tabs-nav-border-width:0 0 1px;--monster-tabs-nav-border-color:var(--monster-theme-border);--monster-tabs-nav-border-radius:0;--monster-tabs-nav-box-shadow:none;--monster-tabs-nav-gap:0.25rem;--monster-tabs-nav-margin-block-end:0.75rem;--monster-tabs-nav-padding:0;--monster-tabs-button-font-weight:400;--monster-tabs-button-color:var(--monster-theme-text-secondary);--monster-tabs-button-background-color:transparent;--monster-tabs-button-border-width:0 0 3px;--monster-tabs-button-border-color:transparent;--monster-tabs-button-border-radius:0;--monster-tabs-button-margin-inline-end:0.75rem;--monster-tabs-button-min-block-size:var(--monster-control-min-block-size);--monster-tabs-button-padding:0.625rem 0 0.5rem;--monster-tabs-button-box-shadow:none;--monster-tabs-button-transition:border-color 160ms ease,color 160ms ease;--monster-tabs-button-hover-background-color:transparent;--monster-tabs-button-hover-border-color:var(--monster-theme-border-strong);--monster-tabs-button-hover-box-shadow:none;--monster-tabs-button-hover-color:var(--monster-theme-text);--monster-tabs-button-active-background-color:transparent;--monster-tabs-button-active-border-color:var(--monster-theme-accent);--monster-tabs-button-active-box-shadow:none;--monster-tabs-button-active-color:var(--monster-theme-accent);--monster-tabs-button-active-font-weight:500;--monster-tabs-indicator-inline-size:0;--monster-tabs-indicator-block-size:0;--monster-tabs-indicator-background-color:var(--monster-theme-accent);--monster-tabs-indicator-hover-opacity:0;--monster-tabs-indicator-active-opacity:0;--monster-tabs-overflow-switch-inline-size:var(
 		--monster-control-min-block-size
 	);--monster-tabs-overflow-switch-padding:0.625rem;--monster-tabs-overflow-switch-border-width:0;--monster-tabs-overflow-switch-border-color:transparent;--monster-tabs-overflow-switch-background-color:transparent;--monster-tabs-overflow-switch-hover-background-color:var(
 		--monster-theme-surface-subtle
-	);--monster-tabs-slot-border-width:1px;--monster-tabs-slot-border-style:solid;--monster-tabs-slot-border-color:transparent;--monster-tabs-slot-border-radius:calc(var(--monster-border-radius)*0.75);--monster-tabs-slot-box-shadow:none;--monster-tabs-slot-padding:0.5rem 0.75rem;--monster-datatable-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding-inline-end:2rem;--monster-datatable-row-border-width:1px;--monster-datatable-row-border-style:solid;--monster-datatable-row-border-color:var(--monster-theme-surface-strong);--monster-vertical-tabs-control-gap:1.25rem;--monster-vertical-tabs-control-min-block-size:9rem;--monster-vertical-tabs-nav-align-self:flex-start;--monster-vertical-tabs-nav-block-size:max-content;--monster-vertical-tabs-nav-border-width:0;--monster-vertical-tabs-nav-border-color:transparent;--monster-vertical-tabs-nav-gap:0.25rem;--monster-vertical-tabs-nav-margin-inline-end:0;--monster-vertical-tabs-nav-max-block-size:none;--monster-vertical-tabs-nav-min-block-size:9rem;--monster-vertical-tabs-nav-min-inline-size:10rem;--monster-vertical-tabs-button-border-width:0;--monster-vertical-tabs-button-flex-direction:row;--monster-vertical-tabs-button-justify-content:flex-start;--monster-vertical-tabs-button-margin-block-end:0;--monster-vertical-tabs-button-padding:0 0.75rem 0 1.25rem;--monster-vertical-tabs-button-inline-size:100%;--monster-vertical-tabs-label-writing-mode:horizontal-tb;--monster-vertical-tabs-label-text-orientation:mixed;--monster-vertical-tabs-slotted-border-width:0;--monster-theme-on-color:var(--monster-theme-on-accent);--monster-theme-on-bg-color:var(--monster-theme-success);--monster-theme-off-color:var(--monster-theme-text-secondary);--monster-theme-off-bg-color:var(--monster-theme-surface-strong);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-space-0:0;--monster-space-1:0.25rem;--monster-space-2:0.5rem;--monster-space-3:0.75rem;--monster-space-4:1rem;--monster-space-5:1.5rem;--monster-space-6:2rem;--monster-space-7:3rem}@media (prefers-color-scheme:dark){:root[data-monster-theme-name=modern]{--monster-theme-surface-canvas:#161512;--monster-theme-surface:#1e1d1a;--monster-theme-surface-subtle:#282622;--monster-theme-surface-strong:#34312c;--monster-theme-text:#f4f0e8;--monster-theme-text-secondary:#d2ccc0;--monster-theme-text-muted:#aaa397;--monster-theme-border:#777065;--monster-theme-border-strong:#9c9385;--monster-theme-accent:#eee7dc;--monster-theme-accent-hover:#fff;--monster-theme-accent-subtle:#39352f;--monster-theme-secondary:#d2ccc0;--monster-theme-secondary-subtle:#302d29;--monster-theme-secondary-strong:#e5dfd5;--monster-theme-tertiary:#72cbb0;--monster-theme-tertiary-subtle:#183930;--monster-theme-on-accent:#201e1a;--monster-theme-focus-ring:#72cbb0;--monster-theme-selection:#24483e;--monster-theme-success:#72cf96;--monster-theme-success-subtle:#183a28;--monster-theme-warning:#f0c94f;--monster-theme-warning-subtle:#413615;--monster-theme-warning-emphasis:#f2c94c;--monster-theme-on-warning:#24231f;--monster-theme-error:#f28ba0;--monster-theme-error-subtle:#481e29;--monster-theme-info:#b1a1ef;--monster-theme-info-subtle:#31294a;--monster-theme-disabled:#a49d91;--monster-theme-disabled-surface:#37342f;--monster-box-shadow-2:0 2px 0 rgba(0,0,0,.45);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}
+	);--monster-tabs-slot-border-width:1px;--monster-tabs-slot-border-style:solid;--monster-tabs-slot-border-color:transparent;--monster-tabs-slot-border-radius:calc(var(--monster-border-radius)*0.75);--monster-tabs-slot-box-shadow:none;--monster-tabs-slot-padding:0.5rem 0.75rem;--monster-datatable-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding:0.45rem 0.5rem;--monster-datatable-header-cell-padding-inline-end:2rem;--monster-datatable-row-border-width:1px;--monster-datatable-row-border-style:solid;--monster-datatable-row-border-color:var(--monster-theme-surface-strong);--monster-vertical-tabs-control-gap:1.25rem;--monster-vertical-tabs-control-min-block-size:9rem;--monster-vertical-tabs-nav-align-self:flex-start;--monster-vertical-tabs-nav-block-size:max-content;--monster-vertical-tabs-nav-border-width:0;--monster-vertical-tabs-nav-border-color:transparent;--monster-vertical-tabs-nav-gap:0.25rem;--monster-vertical-tabs-nav-margin-inline-end:0;--monster-vertical-tabs-nav-max-block-size:none;--monster-vertical-tabs-nav-min-block-size:9rem;--monster-vertical-tabs-nav-min-inline-size:10rem;--monster-vertical-tabs-button-border-width:0;--monster-vertical-tabs-button-flex-direction:row;--monster-vertical-tabs-button-justify-content:flex-start;--monster-vertical-tabs-button-margin-block-end:0;--monster-vertical-tabs-button-padding:0 0.75rem 0 1.25rem;--monster-vertical-tabs-button-inline-size:100%;--monster-vertical-tabs-label-writing-mode:horizontal-tb;--monster-vertical-tabs-label-text-orientation:mixed;--monster-vertical-tabs-slotted-border-width:0;--monster-theme-on-color:var(--monster-theme-on-accent);--monster-theme-on-bg-color:var(--monster-theme-accent);--monster-theme-off-color:var(--monster-theme-text-secondary);--monster-theme-off-bg-color:var(--monster-theme-surface-strong);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-space-0:0;--monster-space-1:0.25rem;--monster-space-2:0.5rem;--monster-space-3:0.75rem;--monster-space-4:1rem;--monster-space-5:1.5rem;--monster-space-6:2rem;--monster-space-7:3rem}@media (prefers-color-scheme:dark){:root[data-monster-theme-name=modern]{--monster-theme-surface-canvas:#161512;--monster-theme-surface:#1e1d1a;--monster-theme-surface-subtle:#282622;--monster-theme-surface-strong:#34312c;--monster-theme-text:#f4f0e8;--monster-theme-text-secondary:#d2ccc0;--monster-theme-text-muted:#aaa397;--monster-theme-border:#777065;--monster-theme-border-strong:#9c9385;--monster-theme-accent:#eee7dc;--monster-theme-accent-hover:#fff;--monster-theme-accent-subtle:#39352f;--monster-theme-secondary:#d2ccc0;--monster-theme-secondary-subtle:#302d29;--monster-theme-secondary-strong:#e5dfd5;--monster-theme-tertiary:#72cbb0;--monster-theme-tertiary-subtle:#183930;--monster-theme-on-accent:#201e1a;--monster-theme-focus-ring:#72cbb0;--monster-theme-selection:#24483e;--monster-theme-success:#72cf96;--monster-theme-success-subtle:#183a28;--monster-theme-warning:#f0c94f;--monster-theme-warning-subtle:#413615;--monster-theme-warning-emphasis:#f2c94c;--monster-theme-on-warning:#24231f;--monster-theme-error:#f28ba0;--monster-theme-error-subtle:#481e29;--monster-theme-info:#b1a1ef;--monster-theme-info-subtle:#31294a;--monster-theme-disabled:#a49d91;--monster-theme-disabled-surface:#37342f;--monster-box-shadow-2:0 2px 0 rgba(0,0,0,.45);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}
 }`,
 		0,
 	);

package/source/components/time/month-calendar.mjs

@@ -207,11 +207,84 @@ function getTranslations() {
 	switch (locale.language) {
 		case "de":
 			return {
-				more: "weitere Termin",
+				more: "Weitere Termine",
 			};
+		case "es":
+			return {
+				more: "Más citas",
+			};
+		case "zh":
+			return {
+				more: "更多日程",
+			};
+		case "hi":
+			return {
+				more: "और अपॉइंटमेंट",
+			};
+		case "bn":
+			return {
+				more: "আরও অ্যাপয়েন্টমেন্ট",
+			};
+		case "pt":
+			return {
+				more: "Mais compromissos",
+			};
+		case "ru":
+			return {
+				more: "Другие события",
+			};
+		case "ja":
+			return {
+				more: "その他の予定",
+			};
+		case "pa":
+			return {
+				more: "ਹੋਰ ਮੁਲਾਕਾਤਾਂ",
+			};
+		case "mr":
+			return {
+				more: "आणखी भेटी",
+			};
+		case "fr":
+			return {
+				more: "Autres rendez-vous",
+			};
+		case "it":
+			return {
+				more: "Altri appuntamenti",
+			};
+		case "nl":
+			return {
+				more: "Meer afspraken",
+			};
+		case "sv":
+			return {
+				more: "Fler möten",
+			};
+		case "pl":
+			return {
+				more: "Więcej spotkań",
+			};
+		case "da":
+			return {
+				more: "Flere aftaler",
+			};
+		case "fi":
+			return {
+				more: "Lisää tapaamisia",
+			};
+		case "no":
+			return {
+				more: "Flere avtaler",
+			};
+		case "cs":
+			return {
+				more: "Další události",
+			};
+		case "en":
 		default:
 			return {
-				more: "more appointments",
+				more: "More appointments",
 			};
 	}
 }

package/source/components/tree-menu/style/tree-menu.pcss

@@ -13,7 +13,18 @@
 }
 
 [data-monster-role=entry].selected:not([data-monster-state=open]) {
-    background-color: var(--monster-bg-color-secondary-2);
+    background-color: var(
+        --monster-theme-accent-subtle,
+        var(--monster-bg-color-secondary-2)
+    );
+}
+
+[data-monster-role=entry].selected:not([data-monster-state=open])
+    [data-monster-role="button"] {
+    color: var(
+        --monster-theme-accent,
+        var(--monster-color-secondary-1)
+    );
 }
 
 [data-monster-role=entry]:hover {