@schukai/monster 4.150.0 → 4.150.2

package/source/components/form/select.mjs

@@ -1500,24 +1500,48 @@ function getTranslations() {
 		case "de":
 			return {
 				"cannot-be-loaded": "Kann nicht geladen werden",
-				"no-options-available": "Keine Auswahl verfügbar.",
-				"click-to-load-options": "Klicken, um Auswahl zu laden.",
-				"select-an-option": "Bitte Auswahl treffen",
+				"no-options-available": "Keine Optionen verfügbar.",
+				"click-to-load-options": "Klicken, um Optionen zu laden.",
+				"select-an-option": "Option auswählen",
 				"summary-text": {
-					zero: "Keine Auswahl getroffen",
-					one: '<span class="monster-badge-primary-pill">1</span> Auswahl getroffen',
+					zero: "Keine Option ausgewählt",
+					one: '<span class="monster-badge-primary-pill">1</span> Option ausgewählt',
 					other:
-						'<span class="monster-badge-primary-pill">${count}</span> Auswahlen getroffen',
+						'<span class="monster-badge-primary-pill">${count}</span> Optionen ausgewählt',
 				},
 				"no-options":
-					'<span class="monster-badge-error-pill">Leider gibt es keine Auswahlmöglichkeiten in der Liste.</span>',
+					'<span class="monster-badge-error-pill">Leider sind in der Liste keine Optionen verfügbar.</span>',
 				"no-options-found":
-					'<span class="monster-badge-error-pill">Keine Auswahlmöglichkeiten verfügbar. Bitte ändern Sie den Filter.</span>',
+					'<span class="monster-badge-error-pill">Keine Optionen verfügbar. Bitte ändern Sie den Filter.</span>',
 				total: {
-					zero: '<span class="monster-badge-primary-pill">Es sind keine weiteren Auswahlmöglichkeiten verfügbar.</span>',
-					one: '<span class="monster-badge-primary-pill">Es ist 1 weitere Auswahlmöglichkeit verfügbar.</span>',
+					zero: '<span class="monster-badge-primary-pill">Es sind keine weiteren Einträge verfügbar.</span>',
+					one: '<span class="monster-badge-primary-pill">Es ist 1 weiterer Eintrag verfügbar.</span>',
 					other:
-						'<span class="monster-badge-primary-pill">Es sind ${count} weitere Auswahlmöglichkeiten verfügbar.</span>',
+						'<span class="monster-badge-primary-pill">Es sind ${count} weitere Einträge verfügbar.</span>',
+				},
+			};
+
+		case "fr":
+			return {
+				"cannot-be-loaded": "Impossible à charger",
+				"no-options-available": "Aucune option disponible.",
+				"click-to-load-options": "Cliquez pour charger les options.",
+				"select-an-option": "Sélectionnez une option",
+				"summary-text": {
+					zero: "Aucune entrée sélectionnée",
+					one: '<span class="monster-badge-primary-pill">1</span> entrée sélectionnée',
+					other:
+						'<span class="monster-badge-primary-pill">${count}</span> entrées sélectionnées',
+				},
+				"no-options":
+					'<span class="monster-badge-error-pill">Aucune option n’est disponible dans la liste.</span>',
+				"no-options-found":
+					'<span class="monster-badge-error-pill">Aucune option n’est disponible dans la liste. Modifiez le filtre.</span>',
+				total: {
+					zero: '<span class="monster-badge-primary-pill">Aucune entrée supplémentaire n’est disponible.</span>',
+					one: '<span class="monster-badge-primary-pill">1 entrée supplémentaire est disponible.</span>',
+					other:
+						'<span class="monster-badge-primary-pill">${count} entrées supplémentaires sont disponibles.</span>',
 				},
 			};
 
@@ -1706,42 +1730,42 @@ function getTranslations() {
 				"no-options-found":
 					'<span class="monster-badge-error-pill">ਸੂਚੀ ਵਿੱਚ ਕੋਈ ਚੋਣ ਉਪਲਬਧ ਨਹੀਂ ਹੈ। ਕਿਰਪਾ ਕਰਕੇ ਫਿਲਟਰ ਬਦਲੋ।</span>',
 				total: {
-					zero: '<span class="monster-badge-primary-pill">ਕੋਈ ਹੋਰ ਐਂਟਰੀ ਉਪਲਬਧ ਨਹੀਂ ਹੈ.</span>',
-					one: '<span class="monster-badge-primary-pill">1 ਵਾਧੂ ਐਂਟਰੀ ਉਪਲਬਧ ਹੈ.</span>',
+					zero: '<span class="monster-badge-primary-pill">ਕੋਈ ਹੋਰ ਐਂਟਰੀ ਉਪਲਬਧ ਨਹੀਂ ਹੈ।</span>',
+					one: '<span class="monster-badge-primary-pill">1 ਵਾਧੂ ਐਂਟਰੀ ਉਪਲਬਧ ਹੈ।</span>',
 					other:
-						'<span class="monster-badge-primary-pill">${count} ਵਾਧੂ ਐਂਟਰੀਆਂ ਉਪਲਬਧ ਹਨ.</span>',
+						'<span class="monster-badge-primary-pill">${count} ਵਾਧੂ ਐਂਟਰੀਆਂ ਉਪਲਬਧ ਹਨ।</span>',
 				},
 			};
 
 		case "mr":
 			return {
-				"cannot-be-loaded": "लोड केले जाऊ शकत नाही",
-				"no-options-available": "कोणतीही पर्याय उपलब्ध नाहीत。",
-				"click-to-load-options": "पर्याय लोड करण्यासाठी क्लिक करा。",
+				"cannot-be-loaded": "लोड करता येत नाही",
+				"no-options-available": "कोणतेही पर्याय उपलब्ध नाहीत।",
+				"click-to-load-options": "पर्याय लोड करण्यासाठी क्लिक करा।",
 				"select-an-option": "एक पर्याय निवडा",
 				"summary-text": {
-					zero: "कोणीही नोंद निवडलेली नाही",
+					zero: "कोणतीही नोंद निवडलेली नाही",
 					one: '<span class="monster-badge-primary-pill">1</span> नोंद निवडली',
 					other:
 						'<span class="monster-badge-primary-pill">${count}</span> नोंदी निवडल्या',
 				},
 				"no-options":
-					'<span class="monster-badge-error-pill">क्षमस्व, यादीमध्ये कोणतीही पर्याय उपलब्ध नाहीत。</span>',
+					'<span class="monster-badge-error-pill">क्षमस्व, यादीमध्ये कोणतेही पर्याय उपलब्ध नाहीत।</span>',
 				"no-options-found":
-					'<span class="monster-badge-error-pill">यादीमध्ये कोणतेही पर्याय उपलब्ध नाहीत। कृपया फिल्टर बदला。</span>',
+					'<span class="monster-badge-error-pill">यादीमध्ये कोणतेही पर्याय उपलब्ध नाहीत। कृपया फिल्टर बदला।</span>',
 				total: {
-					zero: '<span class="monster-badge-primary-pill">आणखी कोणतीही नोंद उपलब्ध नाही。</span>',
-					one: '<span class="monster-badge-primary-pill">1 अतिरिक्त नोंद उपलब्ध आहे。</span>',
+					zero: '<span class="monster-badge-primary-pill">आणखी कोणतीही नोंद उपलब्ध नाही।</span>',
+					one: '<span class="monster-badge-primary-pill">1 अतिरिक्त नोंद उपलब्ध आहे।</span>',
 					other:
-						'<span class="monster-badge-primary-pill">${count} अतिरिक्त नोंदी उपलब्ध आहेत。</span>',
+						'<span class="monster-badge-primary-pill">${count} अतिरिक्त नोंदी उपलब्ध आहेत।</span>',
 				},
 			};
 
 		case "it":
 			return {
 				"cannot-be-loaded": "Non può essere caricato",
-				"no-options-available": "Nessuna opzione disponibile。",
-				"click-to-load-options": "Clicca per caricare le opzioni。",
+				"no-options-available": "Nessuna opzione disponibile.",
+				"click-to-load-options": "Clicca per caricare le opzioni.",
 				"select-an-option": "Seleziona un'opzione",
 				"summary-text": {
 					zero: "Nessuna voce selezionata",
@@ -1750,22 +1774,22 @@ function getTranslations() {
 						'<span class="monster-badge-primary-pill">${count}</span> voci selezionate',
 				},
 				"no-options":
-					'<span class="monster-badge-error-pill">Purtroppo, non ci sono opzioni disponibili nella lista。</span>',
+					'<span class="monster-badge-error-pill">Purtroppo, non ci sono opzioni disponibili nella lista.</span>',
 				"no-options-found":
-					'<span class="monster-badge-error-pill">Nessuna opzione disponibile nella lista。Si prega di modificare il filtro。</span>',
+					'<span class="monster-badge-error-pill">Nessuna opzione disponibile nella lista. Si prega di modificare il filtro.</span>',
 				total: {
-					zero: '<span class="monster-badge-primary-pill">Non ci sono altre voci disponibili。</span>',
-					one: '<span class="monster-badge-primary-pill">C\'è 1 voce aggiuntiva disponibile。</span>',
+					zero: '<span class="monster-badge-primary-pill">Non ci sono altre voci disponibili.</span>',
+					one: '<span class="monster-badge-primary-pill">C\'è 1 voce aggiuntiva disponibile.</span>',
 					other:
-						'<span class="monster-badge-primary-pill">Ci sono ${count} voci aggiuntive disponibili。</span>',
+						'<span class="monster-badge-primary-pill">Ci sono ${count} voci aggiuntive disponibili.</span>',
 				},
 			};
 
 		case "nl":
 			return {
 				"cannot-be-loaded": "Kan niet worden geladen",
-				"no-options-available": "Geen opties beschikbaar。",
-				"click-to-load-options": "Klik om opties te laden。",
+				"no-options-available": "Geen opties beschikbaar.",
+				"click-to-load-options": "Klik om opties te laden.",
 				"select-an-option": "Selecteer een optie",
 				"summary-text": {
 					zero: "Er zijn geen items geselecteerd",
@@ -1774,22 +1798,22 @@ function getTranslations() {
 						'<span class="monster-badge-primary-pill">${count}</span> items geselecteerd',
 				},
 				"no-options":
-					'<span class="monster-badge-error-pill">Helaas zijn er geen opties beschikbaar in de lijst。</span>',
+					'<span class="monster-badge-error-pill">Helaas zijn er geen opties beschikbaar in de lijst.</span>',
 				"no-options-found":
-					'<span class="monster-badge-error-pill">Geen opties beschikbaar in de lijst。Overweeg het filter aan te passen。</span>',
+					'<span class="monster-badge-error-pill">Geen opties beschikbaar in de lijst. Overweeg het filter aan te passen.</span>',
 				total: {
-					zero: '<span class="monster-badge-primary-pill">Er zijn geen extra items beschikbaar。</span>',
-					one: '<span class="monster-badge-primary-pill">1 extra item is beschikbaar。</span>',
+					zero: '<span class="monster-badge-primary-pill">Er zijn geen extra items beschikbaar.</span>',
+					one: '<span class="monster-badge-primary-pill">1 extra item is beschikbaar.</span>',
 					other:
-						'<span class="monster-badge-primary-pill">${count} extra items zijn beschikbaar。</span>',
+						'<span class="monster-badge-primary-pill">${count} extra items zijn beschikbaar.</span>',
 				},
 			};
 
 		case "sv":
 			return {
 				"cannot-be-loaded": "Kan inte laddas",
-				"no-options-available": "Inga alternativ tillgängliga。",
-				"click-to-load-options": "Klicka för att ladda alternativ。",
+				"no-options-available": "Inga alternativ tillgängliga.",
+				"click-to-load-options": "Klicka för att ladda alternativ.",
 				"select-an-option": "Välj ett alternativ",
 				"summary-text": {
 					zero: "Inga poster valdes",
@@ -1798,22 +1822,22 @@ function getTranslations() {
 						'<span class="monster-badge-primary-pill">${count}</span> poster valdes',
 				},
 				"no-options":
-					'<span class="monster-badge-error-pill">Tyvärr finns det inga alternativ tillgängliga i listan。</span>',
+					'<span class="monster-badge-error-pill">Tyvärr finns det inga alternativ tillgängliga i listan.</span>',
 				"no-options-found":
-					'<span class="monster-badge-error-pill">Inga alternativ finns tillgängliga i listan。Överväg att modifiera filtret。</span>',
+					'<span class="monster-badge-error-pill">Inga alternativ finns tillgängliga i listan. Överväg att ändra filtret.</span>',
 				total: {
-					zero: '<span class="monster-badge-primary-pill">Det finns inga fler poster tillgängliga。</span>',
-					one: '<span class="monster-badge-primary-pill">Det finns 1 ytterligare post tillgänglig。</span>',
+					zero: '<span class="monster-badge-primary-pill">Det finns inga fler poster tillgängliga.</span>',
+					one: '<span class="monster-badge-primary-pill">Det finns 1 ytterligare post tillgänglig.</span>',
 					other:
-						'<span class="monster-badge-primary-pill">Det finns ${count} ytterligare poster tillgängliga。</span>',
+						'<span class="monster-badge-primary-pill">Det finns ${count} ytterligare poster tillgängliga.</span>',
 				},
 			};
 
 		case "pl":
 			return {
 				"cannot-be-loaded": "Nie można załadować",
-				"no-options-available": "Brak dostępnych opcji。",
-				"click-to-load-options": "Kliknij, aby załadować opcje。",
+				"no-options-available": "Brak dostępnych opcji.",
+				"click-to-load-options": "Kliknij, aby załadować opcje.",
 				"select-an-option": "Wybierz opcję",
 				"summary-text": {
 					zero: "Nie wybrano żadnych wpisów",
@@ -1822,22 +1846,22 @@ function getTranslations() {
 						'<span class="monster-badge-primary-pill">${count}</span> wpisy zostały wybrane',
 				},
 				"no-options":
-					'<span class="monster-badge-error-pill">Niestety, nie ma dostępnych opcji na liście。</span>',
+					'<span class="monster-badge-error-pill">Niestety, nie ma dostępnych opcji na liście.</span>',
 				"no-options-found":
-					'<span class="monster-badge-error-pill">Brak dostępnych opcji na liście。Rozważ zmianę filtra。</span>',
+					'<span class="monster-badge-error-pill">Brak dostępnych opcji na liście. Rozważ zmianę filtra.</span>',
 				total: {
-					zero: '<span class="monster-badge-primary-pill">Nie ma więcej dostępnych wpisów。</span>',
-					one: '<span class="monster-badge-primary-pill">Jest 1 dodatkowy wpis dostępny。</span>',
+					zero: '<span class="monster-badge-primary-pill">Nie ma więcej dostępnych wpisów.</span>',
+					one: '<span class="monster-badge-primary-pill">Jest 1 dodatkowy wpis dostępny.</span>',
 					other:
-						'<span class="monster-badge-primary-pill">Jest ${count} dodatkowych wpisów dostępnych。</span>',
+						'<span class="monster-badge-primary-pill">Jest ${count} dodatkowych wpisów dostępnych.</span>',
 				},
 			};
 
 		case "da":
 			return {
 				"cannot-be-loaded": "Kan ikke indlæses",
-				"no-options-available": "Ingen muligheder tilgængelige。",
-				"click-to-load-options": "Klik for at indlæse muligheder。",
+				"no-options-available": "Ingen muligheder tilgængelige.",
+				"click-to-load-options": "Klik for at indlæse muligheder.",
 				"select-an-option": "Vælg en mulighed",
 				"summary-text": {
 					zero: "Ingen indlæg blev valgt",
@@ -1846,22 +1870,22 @@ function getTranslations() {
 						'<span class="monster-badge-primary-pill">${count}</span> indlæg blev valgt',
 				},
 				"no-options":
-					'<span class="monster-badge-error-pill">Desværre er der ingen muligheder tilgængelige på listen。</span>',
+					'<span class="monster-badge-error-pill">Desværre er der ingen muligheder tilgængelige på listen.</span>',
 				"no-options-found":
-					'<span class="monster-badge-error-pill">Ingen muligheder tilgængelige på listen。Overvej at ændre filteret。</span>',
+					'<span class="monster-badge-error-pill">Ingen muligheder tilgængelige på listen. Overvej at ændre filteret.</span>',
 				total: {
-					zero: '<span class="monster-badge-primary-pill">Der er ingen yderligere poster tilgængelige。</span>',
-					one: '<span class="monster-badge-primary-pill">Der er 1 yderligere post tilgængelig。</span>',
+					zero: '<span class="monster-badge-primary-pill">Der er ingen yderligere poster tilgængelige.</span>',
+					one: '<span class="monster-badge-primary-pill">Der er 1 yderligere post tilgængelig.</span>',
 					other:
-						'<span class="monster-badge-primary-pill">Der er ${count} yderligere poster tilgængelige。</span>',
+						'<span class="monster-badge-primary-pill">Der er ${count} yderligere poster tilgængelige.</span>',
 				},
 			};
 
 		case "fi":
 			return {
 				"cannot-be-loaded": "Ei voi ladata",
-				"no-options-available": "Ei vaihtoehtoja saatavilla。",
-				"click-to-load-options": "Napsauta ladataksesi vaihtoehtoja。",
+				"no-options-available": "Ei vaihtoehtoja saatavilla.",
+				"click-to-load-options": "Napsauta ladataksesi vaihtoehtoja.",
 				"select-an-option": "Valitse vaihtoehto",
 				"summary-text": {
 					zero: "Ei valittuja kohteita",
@@ -1870,22 +1894,22 @@ function getTranslations() {
 						'<span class="monster-badge-primary-pill">${count}</span> kohdetta valittu',
 				},
 				"no-options":
-					'<span class="monster-badge-error-pill">Valitettavasti listalla ei ole vaihtoehtoja saatavilla。</span>',
+					'<span class="monster-badge-error-pill">Valitettavasti listalla ei ole vaihtoehtoja saatavilla.</span>',
 				"no-options-found":
-					'<span class="monster-badge-error-pill">Listalla ei ole vaihtoehtoja saatavilla。Harkitse suodattimen muuttamista。</span>',
+					'<span class="monster-badge-error-pill">Listalla ei ole vaihtoehtoja saatavilla. Harkitse suodattimen muuttamista.</span>',
 				total: {
-					zero: '<span class="monster-badge-primary-pill">Lisäkohteita ei ole saatavilla。</span>',
-					one: '<span class="monster-badge-primary-pill">1 lisäkohde on saatavilla。</span>',
+					zero: '<span class="monster-badge-primary-pill">Lisäkohteita ei ole saatavilla.</span>',
+					one: '<span class="monster-badge-primary-pill">1 lisäkohde on saatavilla.</span>',
 					other:
-						'<span class="monster-badge-primary-pill">${count} lisäkohdetta on saatavilla。</span>',
+						'<span class="monster-badge-primary-pill">${count} lisäkohdetta on saatavilla.</span>',
 				},
 			};
 
 		case "no":
 			return {
 				"cannot-be-loaded": "Kan ikke lastes",
-				"no-options-available": "Ingen alternativer tilgjengelig。",
-				"click-to-load-options": "Klikk for å laste alternativer。",
+				"no-options-available": "Ingen alternativer tilgjengelig.",
+				"click-to-load-options": "Klikk for å laste alternativer.",
 				"select-an-option": "Velg et alternativ",
 				"summary-text": {
 					zero: "Ingen oppføringer ble valgt",
@@ -1894,22 +1918,22 @@ function getTranslations() {
 						'<span class="monster-badge-primary-pill">${count}</span> oppføringer valgt',
 				},
 				"no-options":
-					'<span class="monster-badge-error-pill">Dessverre er det ingen alternativer tilgjengelig i listen。</span>',
+					'<span class="monster-badge-error-pill">Dessverre er det ingen alternativer tilgjengelig i listen.</span>',
 				"no-options-found":
-					'<span class="monster-badge-error-pill">Ingen alternativer tilgjengelig på listen。Vurder å endre filteret。</span>',
+					'<span class="monster-badge-error-pill">Ingen alternativer tilgjengelig på listen. Vurder å endre filteret.</span>',
 				total: {
-					zero: '<span class="monster-badge-primary-pill">Det er ingen flere poster tilgjengelige。</span>',
-					one: '<span class="monster-badge-primary-pill">Det er 1 ytterligere post tilgjengelig。</span>',
+					zero: '<span class="monster-badge-primary-pill">Det er ingen flere poster tilgjengelige.</span>',
+					one: '<span class="monster-badge-primary-pill">Det er 1 ytterligere post tilgjengelig.</span>',
 					other:
-						'<span class="monster-badge-primary-pill">Det er ${count} ytterligere poster tilgjengelig。</span>',
+						'<span class="monster-badge-primary-pill">Det er ${count} ytterligere poster tilgjengelig.</span>',
 				},
 			};
 
 		case "cs":
 			return {
 				"cannot-be-loaded": "Nelze načíst",
-				"no-options-available": "Žádné možnosti nejsou k dispozici。",
-				"click-to-load-options": "Klikněte pro načtení možností。",
+				"no-options-available": "Žádné možnosti nejsou k dispozici.",
+				"click-to-load-options": "Klikněte pro načtení možností.",
 				"select-an-option": "Vyberte možnost",
 				"summary-text": {
 					zero: "Žádné položky nebyly vybrány",
@@ -1918,14 +1942,14 @@ function getTranslations() {
 						'<span class="monster-badge-primary-pill">${count}</span> položky vybrány',
 				},
 				"no-options":
-					'<span class="monster-badge-error-pill">Bohužel nejsou k dispozici žádné možnosti v seznamu。</span>',
+					'<span class="monster-badge-error-pill">Bohužel nejsou k dispozici žádné možnosti v seznamu.</span>',
 				"no-options-found":
-					'<span class="monster-badge-error-pill">V seznamu nejsou k dispozici žádné možnosti。Zvažte změnu filtru。</span>',
+					'<span class="monster-badge-error-pill">V seznamu nejsou k dispozici žádné možnosti. Zvažte změnu filtru.</span>',
 				total: {
-					zero: '<span class="monster-badge-primary-pill">Žádné další položky nejsou k dispozici。</span>',
-					one: '<span class="monster-badge-primary-pill">Je k dispozici 1 další položka。</span>',
+					zero: '<span class="monster-badge-primary-pill">Žádné další položky nejsou k dispozici.</span>',
+					one: '<span class="monster-badge-primary-pill">Je k dispozici 1 další položka.</span>',
 					other:
-						'<span class="monster-badge-primary-pill">K dispozici je ${count} dalších položek。</span>',
+						'<span class="monster-badge-primary-pill">K dispozici je ${count} dalších položek.</span>',
 				},
 			};
 

package/source/components/form/style/button-bar.pcss

@@ -44,10 +44,20 @@ div[data-monster-role="control"] {
 
     & [data-monster-role=button-bar] {
         display: flex;
-        flex-direction: row;
+        flex-direction: var(--monster-button-bar-flex-direction, row);
+        height: var(
+            --monster-button-bar-height,
+            var(--monster-control-bar-height)
+        );
         justify-content: flex-start;
         gap: var(--monster-button-bar-gap, 0);
 
+        & > slot:not([name]) {
+            align-items: stretch;
+            flex-direction: var(--monster-button-bar-flex-direction, row);
+            inline-size: 100%;
+        }
+
         &[data-monster-layout-alignment="right"] {
             justify-content: flex-end;
         }
@@ -64,6 +74,10 @@ div[data-monster-role="control"] {
                 --monster-control-bar-height,
                 var(--monster-control-min-block-size, 2.75rem)
             );
+
+            &:has(> [data-monster-role=switch][hidden]) {
+                display: none;
+            }
         }
 
         & [data-monster-role=switch] {
@@ -104,6 +118,8 @@ div[data-monster-role="control"] {
         );
 
         &::slotted(*) {
+            --monster-button-bar-flex-direction: column;
+            --monster-button-bar-height: auto;
             --monster-button-min-block-size: var(
                 --monster-action-menu-item-min-block-size,
                 var(--monster-control-min-block-size, auto)

package/source/components/form/style/control-bar.pcss

@@ -83,6 +83,10 @@ div[data-monster-role="control"] {
             height: var(--monster-control-bar-height);
             min-width: var(--monster-control-bar-height);
             min-height: var(--monster-control-bar-height);
+
+            &:has(> [data-monster-role=switch][hidden]) {
+                display: none;
+            }
         }
 
         & [data-monster-role=switch] {
@@ -201,6 +205,8 @@ div[data-monster-role="control"] {
         gap: var(--monster-action-menu-gap, 0);
 
         &::slotted(*) {
+            --monster-button-bar-flex-direction: column;
+            --monster-button-bar-height: auto;
             --monster-control-min-block-size: var(
                 --monster-action-menu-item-min-block-size,
                 var(--monster-control-bar-height)

package/source/components/form/style/mixin/field-set-layout.pcss

@@ -213,6 +213,7 @@
     }
 
     ::slotted(monster-toggle-switch) {
+        min-height: var(--monster-control-min-block-size, 1.8rem);
         width: 3rem;
         padding: 0;
     }
@@ -539,6 +540,7 @@
     }
 
     monster-repeat-field-set [data-monster-role="items"] monster-toggle-switch {
+        min-height: var(--monster-control-min-block-size, 1.8rem);
         padding: 0;
         width: 3rem;
     }

package/source/components/form/style/toggle-switch.pcss

@@ -6,6 +6,9 @@
 
     font-family: inherit;
     font-size: inherit;
+    display: flex;
+    align-items: center;
+    min-block-size: inherit;
     
     margin: 0;
     outline: none;
@@ -89,6 +92,7 @@
 
 :host {
     cursor: pointer;
+    min-block-size: var(--monster-control-min-block-size, 1.8rem);
 }
 
 :host([disabled]) {