@schukai/monster 4.149.0 → 4.150.0

package/package.json

@@ -1 +1 @@
-{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.6"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.149.0"}
+{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.6"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.150.0"}

package/source/components/accessibility/stylesheet/locale-picker.mjs

@@ -27,7 +27,7 @@ try {
 @layer localepicker {
 :where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%}body,html{min-height:calc(100vh - 40px)}body{box-sizing:border-box;margin:0;padding:0;word-break:break-word}: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)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}button{background-color:var(
         --monster-button-background-color,var(--monster-bg-color-primary-1)
-    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
         --monster-button-border-radius,var(--monster-border-radius)
     );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -43,7 +43,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -59,7 +59,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-destructive-1)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-destructive-1)
-    )}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
         --monster-button-background-color,var(--monster-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)

package/source/components/content/stylesheet/viewer.mjs

@@ -27,7 +27,7 @@ try {
 @layer viewer {
 :where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%}body,html{min-height:calc(100vh - 40px)}body{box-sizing:border-box;margin:0;padding:0;word-break:break-word}: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)}button{background-color:var(
         --monster-button-background-color,var(--monster-bg-color-primary-1)
-    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
         --monster-button-border-radius,var(--monster-border-radius)
     );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -43,7 +43,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -59,7 +59,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-destructive-1)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-destructive-1)
-    )}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
         --monster-button-background-color,var(--monster-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)

package/source/components/data/stylesheet/kpi-tile.mjs

@@ -27,7 +27,7 @@ try {
 @layer kpitile {
 [data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}button{background-color:var(
         --monster-button-background-color,var(--monster-bg-color-primary-1)
-    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
         --monster-button-border-radius,var(--monster-border-radius)
     );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -43,7 +43,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -59,7 +59,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-destructive-1)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-destructive-1)
-    )}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
         --monster-button-background-color,var(--monster-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)

package/source/components/data/stylesheet/metric-graph.mjs

@@ -27,7 +27,7 @@ try {
 @layer metricgraph {
 [data-monster-role=control]{outline:none;width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}button{background-color:var(
         --monster-button-background-color,var(--monster-bg-color-primary-1)
-    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
         --monster-button-border-radius,var(--monster-border-radius)
     );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -43,7 +43,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -59,7 +59,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-destructive-1)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-destructive-1)
-    )}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
         --monster-button-background-color,var(--monster-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)

package/source/components/data/stylesheet/metric.mjs

@@ -27,7 +27,7 @@ try {
 @layer metric {
 [data-monster-role=control]{outline:none;width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}button{background-color:var(
         --monster-button-background-color,var(--monster-bg-color-primary-1)
-    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
         --monster-button-border-radius,var(--monster-border-radius)
     );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -43,7 +43,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -59,7 +59,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-destructive-1)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-destructive-1)
-    )}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
         --monster-button-background-color,var(--monster-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)

package/source/components/datatable/pagination.mjs

@@ -470,24 +470,96 @@ function getTranslations() {
 				of: "von",
 				summary: "Seite ${current} von ${max}",
 			};
-		case "fr":
+		case "es":
 			return {
 				page: "${page}",
-				description: "Page ${page}",
-				previous: "Précédent",
-				next: "Suivant",
+				description: "Página ${page}",
+				previous: "Anterior",
+				next: "Siguiente",
 				of: "de",
-				summary: "Page ${current} sur ${max}",
+				summary: "Página ${current} de ${max}",
 			};
-		case "sp":
+		case "zh":
+			return {
+				page: "${page}",
+				description: "第 ${page} 页",
+				previous: "上一页",
+				next: "下一页",
+				of: "共",
+				summary: "第 ${current} 页，共 ${max} 页",
+			};
+		case "hi":
+			return {
+				page: "${page}",
+				description: "पृष्ठ ${page}",
+				previous: "पिछला",
+				next: "अगला",
+				of: "में से",
+				summary: "पृष्ठ ${current} / ${max}",
+			};
+		case "bn":
+			return {
+				page: "${page}",
+				description: "পৃষ্ঠা ${page}",
+				previous: "পূর্ববর্তী",
+				next: "পরবর্তী",
+				of: "এর মধ্যে",
+				summary: "পৃষ্ঠা ${current} / ${max}",
+			};
+		case "pt":
 			return {
 				page: "${page}",
 				description: "Página ${page}",
 				previous: "Anterior",
-				next: "Siguiente",
+				next: "Seguinte",
 				of: "de",
 				summary: "Página ${current} de ${max}",
 			};
+		case "ru":
+			return {
+				page: "${page}",
+				description: "Страница ${page}",
+				previous: "Предыдущая",
+				next: "Следующая",
+				of: "из",
+				summary: "Страница ${current} из ${max}",
+			};
+		case "ja":
+			return {
+				page: "${page}",
+				description: "ページ ${page}",
+				previous: "前へ",
+				next: "次へ",
+				of: "中",
+				summary: "${max} ページ中 ${current} ページ",
+			};
+		case "pa":
+			return {
+				page: "${page}",
+				description: "ਪੰਨਾ ${page}",
+				previous: "ਪਿਛਲਾ",
+				next: "ਅਗਲਾ",
+				of: "ਵਿੱਚੋਂ",
+				summary: "ਪੰਨਾ ${current} / ${max}",
+			};
+		case "mr":
+			return {
+				page: "${page}",
+				description: "पृष्ठ ${page}",
+				previous: "मागील",
+				next: "पुढील",
+				of: "पैकी",
+				summary: "पृष्ठ ${current} / ${max}",
+			};
+		case "fr":
+			return {
+				page: "${page}",
+				description: "Page ${page}",
+				previous: "Précédent",
+				next: "Suivant",
+				of: "de",
+				summary: "Page ${current} sur ${max}",
+			};
 		case "it":
 			return {
 				page: "${page}",
@@ -497,6 +569,24 @@ function getTranslations() {
 				of: "di",
 				summary: "Pagina ${current} di ${max}",
 			};
+		case "nl":
+			return {
+				page: "${page}",
+				description: "Pagina ${page}",
+				previous: "Vorige",
+				next: "Volgende",
+				of: "van",
+				summary: "Pagina ${current} van ${max}",
+			};
+		case "sv":
+			return {
+				page: "${page}",
+				description: "Sida ${page}",
+				previous: "Föregående",
+				next: "Nästa",
+				of: "av",
+				summary: "Sida ${current} av ${max}",
+			};
 		case "pl":
 			return {
 				page: "${page}",
@@ -506,32 +596,41 @@ function getTranslations() {
 				of: "z",
 				summary: "Strona ${current} z ${max}",
 			};
-		case "no":
+		case "da":
 			return {
 				page: "${page}",
 				description: "Side ${page}",
 				previous: "Forrige",
-				next: "Neste",
-				of: "av",
-				summary: "Side ${current} av ${max}",
+				next: "Næste",
+				of: "af",
+				summary: "Side ${current} af ${max}",
 			};
-		case "dk":
+		case "fi":
+			return {
+				page: "${page}",
+				description: "Sivu ${page}",
+				previous: "Edellinen",
+				next: "Seuraava",
+				of: "/",
+				summary: "Sivu ${current} / ${max}",
+			};
+		case "no":
 			return {
 				page: "${page}",
 				description: "Side ${page}",
 				previous: "Forrige",
-				next: "Næste",
-				of: "af",
-				summary: "Side ${current} af ${max}",
+				next: "Neste",
+				of: "av",
+				summary: "Side ${current} av ${max}",
 			};
-		case "sw":
+		case "cs":
 			return {
 				page: "${page}",
-				description: "Sida ${page}",
-				previous: "Föregående",
-				next: "Nästa",
-				of: "av",
-				summary: "Sida ${current} av ${max}",
+				description: "Stránka ${page}",
+				previous: "Předchozí",
+				next: "Další",
+				of: "z",
+				summary: "Stránka ${current} z ${max}",
 			};
 		default:
 		case "en":

package/source/components/datatable/style/column-bar.pcss

@@ -138,7 +138,10 @@
             cursor: pointer;
 
             & input {
-                accent-color: var(--monster-bg-color-primary-4);
+                accent-color: var(
+                    --monster-theme-accent,
+                    var(--monster-bg-color-primary-4)
+                );
                 margin: 0 0.5rem 0 0;
             }
         }

package/source/components/datatable/style/datatable.pcss

@@ -145,7 +145,10 @@
         }
 
         & input[type=checkbox] {
-            accent-color: var(--monster-bg-color-primary-1);
+            accent-color: var(
+                --monster-theme-accent,
+                var(--monster-bg-color-primary-1)
+            );
         }
     }
 
@@ -578,8 +581,14 @@ monster-state[data-monster-role=empty-without-action]::part(action) {
             }
 
             &.selected {
-                background-color: var(--monster-bg-color-selection-2);
-                color: var(--monster-color-selection-2);
+                background-color: var(
+                    --monster-theme-accent-subtle,
+                    var(--monster-bg-color-selection-2)
+                );
+                color: var(
+                    --monster-theme-accent,
+                    var(--monster-color-selection-2)
+                );
             }
         }
     }

package/source/components/datatable/style/embedded-pagination.pcss

@@ -45,28 +45,17 @@
     & ul.pagination-numbers-hidden,
     & ul.pagination-compact {
         align-items: center;
-        background-color: var(--monster-theme-control-bg-color);
-        border-radius: var(--monster-theme-control-border-radius);
+        background-color: transparent;
+        border-radius: 0;
         display: grid;
-        gap: 0.25rem;
+        gap: var(--monster-space-1, 2px);
         grid-template-columns:
             var(--monster-control-min-block-size, 44px)
-            minmax(0, 1fr)
+            minmax(max-content, 1fr)
             var(--monster-control-min-block-size, 44px);
         justify-content: stretch;
-        overflow: hidden;
-        position: relative;
+        overflow: visible;
         width: 100%;
-
-        &::after {
-            border: 1px solid var(--monster-theme-control-border-color);
-            border-radius: inherit;
-            box-sizing: border-box;
-            content: "";
-            inset: 0;
-            pointer-events: none;
-            position: absolute;
-        }
     }
 
     & ul.pagination-numbers-hidden li[data-monster-role="pagination-prev"],
@@ -102,7 +91,20 @@
             align-items: center;
             box-sizing: border-box;
             color: var(--monster-theme-control-color);
-            background-color: var(--monster-theme-control-bg-color);
+            background-color: var(--monster-bg-color-primary-1);
+            border-color: var(--monster-bg-color-primary-1);
+            border-radius: var(
+                --monster-button-border-radius,
+                var(--monster-border-radius)
+            );
+            border-style: var(
+                --monster-button-border-style,
+                var(--monster-border-style)
+            );
+            border-width: var(
+                --monster-button-border-width,
+                var(--monster-border-width)
+            );
             display: flex;
             justify-content: center;
             min-height: var(--monster-control-min-block-size, 44px);
@@ -111,7 +113,7 @@
             outline: none;
             padding: 0 0.5rem;
             white-space: nowrap;
-            width: max-content;
+            width: 100%;
         }
 
         & a:hover, & a:active, & a:focus {
@@ -132,12 +134,14 @@
 
         & a.current {
             cursor: unset;
-            color: var(--monster-color-primary-3);
-            background-color: var(--monster-bg-color-primary-3);
+            color: var(--monster-color-primary-4);
+            background-color: var(--monster-bg-color-primary-4);
+            border-color: var(--monster-bg-color-primary-4);
         }
 
         & a.disabled {
             background-color: var(--monster-bg-color-primary-disabled-1);
+            border-color: var(--monster-bg-color-primary-1);
             color: var(--monster-color-primary-disabled-1);
             cursor: not-allowed;
             opacity: 1;
@@ -165,7 +169,6 @@
         align-items: center;
         display: none;
         min-height: var(--monster-control-min-block-size, 44px);
-        padding: 0 6px;
         font-size: 0.8125rem;
         white-space: nowrap;
         text-align: center;
@@ -174,12 +177,30 @@
         align-items: center;
     }
 
-    & ul.pagination-numbers-hidden [data-monster-role="pagination-summary"] {
-        border-left: none;
-    }
-
+    & ul.pagination-numbers-hidden [data-monster-role="pagination-summary"],
     & ul.pagination-compact [data-monster-role="pagination-summary"] {
-        border-left: none;
+        background-color: var(--monster-bg-color-primary-4);
+        border-color: var(--monster-bg-color-primary-4);
+        border-radius: var(
+            --monster-button-border-radius,
+            var(--monster-border-radius)
+        );
+        border-style: var(
+            --monster-button-border-style,
+            var(--monster-border-style)
+        );
+        border-width: var(
+            --monster-button-border-width,
+            var(--monster-border-width)
+        );
+        box-sizing: border-box;
+        color: var(--monster-color-primary-4);
+        font-variant-numeric: tabular-nums;
+        min-inline-size: var(
+            --monster-embedded-pagination-summary-min-inline-size,
+            5rem
+        );
+        padding: 0 var(--monster-space-2, 8px);
     }
 
     & ul.pagination-numbers-hidden [data-monster-role="pagination-item"] {

package/source/components/datatable/style/filter-controls-defaults.pcss

@@ -52,7 +52,10 @@ div[data-monster-role=control] {
             }
 
             & input[type=radio] {
-                accent-color: var(--monster-bg-color-primary-3);
+                accent-color: var(
+                    --monster-theme-accent,
+                    var(--monster-bg-color-primary-3)
+                );
             }
             
         }

package/source/components/datatable/stylesheet/change-button.mjs

@@ -27,7 +27,7 @@ try {
 @layer changebutton {
 :where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%}body,html{min-height:calc(100vh - 40px)}body{box-sizing:border-box;margin:0;padding:0;word-break:break-word}: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)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}button{background-color:var(
         --monster-button-background-color,var(--monster-bg-color-primary-1)
-    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
         --monster-button-border-radius,var(--monster-border-radius)
     );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -43,7 +43,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-secondary,.monster-button-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -59,7 +59,7 @@ try {
         --monster-button-background-color,var(--monster-bg-color-destructive-1)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-destructive-1)
-    )}.monster-button-destructive,.monster-button-outline-primary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
         --monster-button-background-color,var(--monster-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)