@schukai/monster 4.150.1 → 4.150.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/package.json +1 -1
  2. package/source/components/datatable/style/datatable.pcss +8 -0
  3. package/source/components/datatable/stylesheet/datatable.mjs +1 -1
  4. package/source/components/form/control-bar.mjs +26 -6
  5. package/source/components/form/style/button-bar.pcss +17 -1
  6. package/source/components/form/style/control-bar.pcss +6 -0
  7. package/source/components/form/style/mixin/field-set-layout.pcss +2 -0
  8. package/source/components/form/style/toggle-switch.pcss +4 -0
  9. package/source/components/form/stylesheet/button-bar.mjs +5 -3
  10. package/source/components/form/stylesheet/control-bar.mjs +2 -2
  11. package/source/components/form/stylesheet/field-set.mjs +1 -1
  12. package/source/components/form/stylesheet/repeat-field-set-items.mjs +1 -1
  13. package/source/components/form/stylesheet/toggle-switch.mjs +2 -2
  14. package/test/cases/components/datatable/mobile-layout.mjs +13 -0
  15. package/test/cases/components/form/button-bar.mjs +21 -0
  16. package/test/cases/components/form/control-bar.mjs +123 -0
  17. package/test/cases/components/form/field-set.mjs +11 -0
  18. package/test/cases/components/form/toggle-switch.mjs +13 -0
package/source/components/form/control-bar.mjs CHANGED
@@ -667,10 +667,11 @@ function initEventHandler() {
667
667
  };
668
668
 
669
669
  self[resizeObserverSymbol] = new ResizeObserver((entries) => {
670
- if (self[layoutStateSymbol]?.suppressResize) {
671
- return;
672
- }
673
- if (!hasLayoutResizeEntry.call(self, entries)) {
670
+ if (
671
+ !hasLayoutResizeEntry.call(self, entries, {
672
+ suppressItemResize: self[layoutStateSymbol]?.suppressResize === true,
673
+ })
674
+ ) {
674
675
  return;
675
676
  }
676
677
  scheduleLayout.call(self, { measure: true, layout: true });
@@ -1184,7 +1185,7 @@ function applyControlSizing(element) {
1184
1185
  "minHeight",
1185
1186
  "var(--monster-control-bar-height)",
1186
1187
  ) || changed;
1187
- if (isWrapperElement(element)) {
1188
+ if (element !== this[popperNavElementSymbol] && isWrapperElement(element)) {
1188
1189
  changed = setStylePropertyIfChanged(element, "display", "flex") || changed;
1189
1190
  changed =
1190
1191
  setStylePropertyIfChanged(element, "alignItems", "stretch") || changed;
@@ -2064,9 +2065,10 @@ function suppressLayoutFeedback() {
2064
2065
  /**
2065
2066
  * @private
2066
2067
  * @param {ResizeObserverEntry[]} entries
2068
+ * @param {{suppressItemResize?: boolean}} options
2067
2069
  * @return {boolean}
2068
2070
  */
2069
- function hasLayoutResizeEntry(entries) {
2071
+ function hasLayoutResizeEntry(entries, options = {}) {
2070
2072
  const stackedBreakpointContainer =
2071
2073
  resolveStackedBreakpointContainer.call(this);
2072
2074
  return entries.some((entry) => {
@@ -2074,8 +2076,26 @@ function hasLayoutResizeEntry(entries) {
2074
2076
  entry.target === this.parentElement ||
2075
2077
  entry.target === stackedBreakpointContainer
2076
2078
  ) {
2079
+ if (options.suppressItemResize === true) {
2080
+ const path =
2081
+ entry.target === this.parentElement
2082
+ ? "data.containerWidth"
2083
+ : "data.stackedBreakpointContainerWidth";
2084
+ let previousInlineSize;
2085
+ try {
2086
+ previousInlineSize = this[dimensionsSymbol].getVia(path);
2087
+ } catch {}
2088
+ return (
2089
+ typeof previousInlineSize !== "number" ||
2090
+ Math.abs(getElementLayoutWidth(entry.target) - previousInlineSize) >
2091
+ LAYOUT_RESIZE_EPSILON
2092
+ );
2093
+ }
2077
2094
  return true;
2078
2095
  }
2096
+ if (options.suppressItemResize === true) {
2097
+ return false;
2098
+ }
2079
2099
 
2080
2100
  if (
2081
2101
  !(entry.target instanceof HTMLElement) ||
package/source/components/form/style/button-bar.pcss CHANGED
@@ -44,10 +44,20 @@ div[data-monster-role="control"] {
44
44
 
45
45
  & [data-monster-role=button-bar] {
46
46
  display: flex;
47
- flex-direction: row;
47
+ flex-direction: var(--monster-button-bar-flex-direction, row);
48
+ height: var(
49
+ --monster-button-bar-height,
50
+ var(--monster-control-bar-height)
51
+ );
48
52
  justify-content: flex-start;
49
53
  gap: var(--monster-button-bar-gap, 0);
50
54
 
55
+ & > slot:not([name]) {
56
+ align-items: stretch;
57
+ flex-direction: var(--monster-button-bar-flex-direction, row);
58
+ inline-size: 100%;
59
+ }
60
+
51
61
  &[data-monster-layout-alignment="right"] {
52
62
  justify-content: flex-end;
53
63
  }
@@ -64,6 +74,10 @@ div[data-monster-role="control"] {
64
74
  --monster-control-bar-height,
65
75
  var(--monster-control-min-block-size, 2.75rem)
66
76
  );
77
+
78
+ &:has(> [data-monster-role=switch][hidden]) {
79
+ display: none;
80
+ }
67
81
  }
68
82
 
69
83
  & [data-monster-role=switch] {
@@ -104,6 +118,8 @@ div[data-monster-role="control"] {
104
118
  );
105
119
 
106
120
  &::slotted(*) {
121
+ --monster-button-bar-flex-direction: column;
122
+ --monster-button-bar-height: auto;
107
123
  --monster-button-min-block-size: var(
108
124
  --monster-action-menu-item-min-block-size,
109
125
  var(--monster-control-min-block-size, auto)
package/source/components/form/style/control-bar.pcss CHANGED
@@ -83,6 +83,10 @@ div[data-monster-role="control"] {
83
83
  height: var(--monster-control-bar-height);
84
84
  min-width: var(--monster-control-bar-height);
85
85
  min-height: var(--monster-control-bar-height);
86
+
87
+ &:has(> [data-monster-role=switch][hidden]) {
88
+ display: none;
89
+ }
86
90
  }
87
91
 
88
92
  & [data-monster-role=switch] {
@@ -201,6 +205,8 @@ div[data-monster-role="control"] {
201
205
  gap: var(--monster-action-menu-gap, 0);
202
206
 
203
207
  &::slotted(*) {
208
+ --monster-button-bar-flex-direction: column;
209
+ --monster-button-bar-height: auto;
204
210
  --monster-control-min-block-size: var(
205
211
  --monster-action-menu-item-min-block-size,
206
212
  var(--monster-control-bar-height)
package/source/components/form/style/mixin/field-set-layout.pcss CHANGED
@@ -213,6 +213,7 @@
213
213
  }
214
214
 
215
215
  ::slotted(monster-toggle-switch) {
216
+ min-height: var(--monster-control-min-block-size, 1.8rem);
216
217
  width: 3rem;
217
218
  padding: 0;
218
219
  }
@@ -539,6 +540,7 @@
539
540
  }
540
541
 
541
542
  monster-repeat-field-set [data-monster-role="items"] monster-toggle-switch {
543
+ min-height: var(--monster-control-min-block-size, 1.8rem);
542
544
  padding: 0;
543
545
  width: 3rem;
544
546
  }
package/source/components/form/style/toggle-switch.pcss CHANGED
@@ -6,6 +6,9 @@
6
6
 
7
7
  font-family: inherit;
8
8
  font-size: inherit;
9
+ display: flex;
10
+ align-items: center;
11
+ min-block-size: inherit;
9
12
 
10
13
  margin: 0;
11
14
  outline: none;
@@ -89,6 +92,7 @@
89
92
 
90
93
  :host {
91
94
  cursor: pointer;
95
+ min-block-size: var(--monster-control-min-block-size, 1.8rem);
92
96
  }
93
97
 
94
98
  :host([disabled]) {
package/source/components/form/stylesheet/button-bar.mjs CHANGED
@@ -99,9 +99,11 @@ try {
99
99
  --monster-action-menu-border-radius,var(--monster-border-radius)
100
100
  );box-shadow:var(
101
101
  --monster-action-menu-box-shadow,var(--monster-box-shadow-1)
102
- )}div[data-monster-role=control] [data-monster-role=button-bar]{display:flex;flex-direction:row;justify-content:flex-start;gap:var(--monster-button-bar-gap,0)}[data-monster-layout-alignment=right]:is(div[data-monster-role=control] [data-monster-role=button-bar]){justify-content:flex-end}:is(div[data-monster-role=control] [data-monster-role=button-bar]) :not(slot[name=button]){display:flex}:is(div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=popper-nav]{display:flex;align-items:stretch;flex:0 0 var(
102
+ )}div[data-monster-role=control] [data-monster-role=button-bar]{display:flex;flex-direction:var(--monster-button-bar-flex-direction,row);height:var(
103
+ --monster-button-bar-height,var(--monster-control-bar-height)
104
+ );justify-content:flex-start;gap:var(--monster-button-bar-gap,0)}:is(div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name]){align-items:stretch;flex-direction:var(--monster-button-bar-flex-direction,row);inline-size:100%}[data-monster-layout-alignment=right]:is(div[data-monster-role=control] [data-monster-role=button-bar]){justify-content:flex-end}:is(div[data-monster-role=control] [data-monster-role=button-bar]) :not(slot[name=button]){display:flex}:is(div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=popper-nav]{display:flex;align-items:stretch;flex:0 0 var(
103
105
  --monster-control-bar-height,var(--monster-control-min-block-size,2.75rem)
104
- )}:is(div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=switch]{display:flex;min-width:var(
106
+ )}:is(:is(div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=popper-nav]):has(>[data-monster-role=switch][hidden]){display:none}:is(div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=switch]{display:flex;min-width:var(
105
107
  --monster-control-bar-height,var(--monster-control-min-block-size,2.75rem)
106
108
  );width:var(
107
109
  --monster-control-bar-height,var(--monster-control-min-block-size,2.75rem)
@@ -109,7 +111,7 @@ try {
109
111
  --monster-button-bar-item-spacing,0
110
112
  )}div[data-monster-role=control] slot[name=popper]{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-content:stretch;justify-content:flex-start;gap:var(
111
113
  --monster-button-bar-popper-gap,var(--monster-action-menu-gap,0)
112
- )}:is(div[data-monster-role=control] slot[name=popper])::slotted(*){--monster-button-min-block-size:var(
114
+ )}:is(div[data-monster-role=control] slot[name=popper])::slotted(*){--monster-button-bar-flex-direction:column;--monster-button-bar-height:auto;--monster-button-min-block-size:var(
113
115
  --monster-action-menu-item-min-block-size,var(--monster-control-min-block-size,auto)
114
116
  );--monster-button-padding:var(
115
117
  --monster-action-menu-item-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
package/source/components/form/stylesheet/control-bar.mjs CHANGED
@@ -101,7 +101,7 @@ try {
101
101
  --monster-action-menu-border-radius,var(--monster-border-radius)
102
102
  );box-shadow:var(
103
103
  --monster-action-menu-box-shadow,var(--monster-box-shadow-1)
104
- )}div[data-monster-role=control] [data-monster-role=button-bar],div[data-monster-role=control] [data-monster-role=control-bar]{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;height:var(--monster-control-bar-height);min-height:var(--monster-control-bar-height)}[data-monster-layout-alignment=right]:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]){justify-content:flex-end}[data-monster-layout-alignment=center]:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]){justify-content:center}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name]){display:flex;flex:var(--monster-control-bar-slot-flex,0 1 auto);min-width:0}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]) :not(slot){display:flex}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=popper-nav]{display:flex;align-items:stretch;flex:0 0 var(--monster-control-bar-height);height:var(--monster-control-bar-height);min-width:var(--monster-control-bar-height);min-height:var(--monster-control-bar-height)}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=switch]{--monster-control-min-block-size:var(--monster-control-bar-height);display:flex;height:var(--monster-control-bar-height);min-width:var(--monster-control-bar-height);min-height:var(--monster-control-bar-height);width:var(--monster-control-bar-height)}.hidden:is(:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=switch]){display:none}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(*){--monster-control-min-block-size:var(--monster-control-bar-height);display:flex;box-sizing:border-box;flex:var(--monster-control-bar-item-flex,0 0 auto)!important;align-self:stretch;height:var(--monster-control-bar-height);min-height:var(--monster-control-bar-height);min-width:0}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(div),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(form),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(section){flex-direction:row;align-items:stretch;gap:0}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(button),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(input),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(select),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(textarea){-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;border-width:var(--monster-theme-control-border-width,var(--monster-border-width));border-radius:var(--monster-theme-control-border-radius,var(--monster-border-radius));border-style:var(--monster-theme-control-border-style,var(--monster-border-style));border-color:var(--monster-theme-control-border-color,var(--monster-bg-color-primary-4));line-height:1.5;height:var(--monster-control-bar-height);padding:var(--monster-select-control-padding,.4rem .6rem);width:auto!important;inline-size:auto!important}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(monster-select){--monster-select-container-align-self:stretch;--monster-select-container-block-size:100%;--monster-select-container-overflow:hidden;--monster-select-selection-flex-wrap:nowrap;--monster-select-selection-margin:0;--monster-select-control-min-block-size:var(--monster-control-bar-height);--monster-select-control-padding:0.4rem 0.6rem;width:auto!important;inline-size:auto!important;max-inline-size:100%;min-inline-size:var(--monster-control-bar-select-min-inline-size,12rem)!important;min-width:var(--monster-control-bar-select-min-inline-size,12rem)!important}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(monster-button),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(monster-popper-button){--monster-button-control-inline-size:var(
104
+ )}div[data-monster-role=control] [data-monster-role=button-bar],div[data-monster-role=control] [data-monster-role=control-bar]{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;height:var(--monster-control-bar-height);min-height:var(--monster-control-bar-height)}[data-monster-layout-alignment=right]:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]){justify-content:flex-end}[data-monster-layout-alignment=center]:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]){justify-content:center}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name]){display:flex;flex:var(--monster-control-bar-slot-flex,0 1 auto);min-width:0}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]) :not(slot){display:flex}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=popper-nav]{display:flex;align-items:stretch;flex:0 0 var(--monster-control-bar-height);height:var(--monster-control-bar-height);min-width:var(--monster-control-bar-height);min-height:var(--monster-control-bar-height)}:is(:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=popper-nav]):has(>[data-monster-role=switch][hidden]){display:none}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=switch]{--monster-control-min-block-size:var(--monster-control-bar-height);display:flex;height:var(--monster-control-bar-height);min-width:var(--monster-control-bar-height);min-height:var(--monster-control-bar-height);width:var(--monster-control-bar-height)}.hidden:is(:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar]) [data-monster-role=switch]){display:none}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(*){--monster-control-min-block-size:var(--monster-control-bar-height);display:flex;box-sizing:border-box;flex:var(--monster-control-bar-item-flex,0 0 auto)!important;align-self:stretch;height:var(--monster-control-bar-height);min-height:var(--monster-control-bar-height);min-width:0}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(div),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(form),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(section){flex-direction:row;align-items:stretch;gap:0}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(button),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(input),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(select),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(textarea){-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;border-width:var(--monster-theme-control-border-width,var(--monster-border-width));border-radius:var(--monster-theme-control-border-radius,var(--monster-border-radius));border-style:var(--monster-theme-control-border-style,var(--monster-border-style));border-color:var(--monster-theme-control-border-color,var(--monster-bg-color-primary-4));line-height:1.5;height:var(--monster-control-bar-height);padding:var(--monster-select-control-padding,.4rem .6rem);width:auto!important;inline-size:auto!important}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(monster-select){--monster-select-container-align-self:stretch;--monster-select-container-block-size:100%;--monster-select-container-overflow:hidden;--monster-select-selection-flex-wrap:nowrap;--monster-select-selection-margin:0;--monster-select-control-min-block-size:var(--monster-control-bar-height);--monster-select-control-padding:0.4rem 0.6rem;width:auto!important;inline-size:auto!important;max-inline-size:100%;min-inline-size:var(--monster-control-bar-select-min-inline-size,12rem)!important;min-width:var(--monster-control-bar-select-min-inline-size,12rem)!important}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(monster-button),:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(monster-popper-button){--monster-button-control-inline-size:var(
105
105
  --monster-control-bar-button-inline-size,max-content
106
106
  );--monster-button-inline-size:var(
107
107
  --monster-control-bar-button-inline-size,max-content
@@ -117,7 +117,7 @@ try {
117
117
  --monster-control-bar-button-inline-size,-moz-max-content
118
118
  )!important;inline-size:var(
119
119
  --monster-control-bar-button-inline-size,max-content
120
- )!important;max-inline-size:100%}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(monster-input-group){width:-moz-max-content;width:max-content}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(monster-control-bar-spacer){--monster-control-bar-spacer-inline-size:0.8rem;--monster-control-bar-spacer-block-size:var(--monster-control-bar-height);--monster-control-bar-spacer-line-inline-size:var(--monster-border-width);--monster-control-bar-spacer-line-block-size:60%}div[data-monster-role=control] slot[name=popper]{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-content:stretch;justify-content:flex-start;gap:var(--monster-action-menu-gap,0)}:is(div[data-monster-role=control] slot[name=popper])::slotted(*){--monster-control-min-block-size:var(
120
+ )!important;max-inline-size:100%}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(monster-input-group){width:-moz-max-content;width:max-content}:is(div[data-monster-role=control] [data-monster-role=control-bar],div[data-monster-role=control] [data-monster-role=button-bar])>slot:not([name])::slotted(monster-control-bar-spacer){--monster-control-bar-spacer-inline-size:0.8rem;--monster-control-bar-spacer-block-size:var(--monster-control-bar-height);--monster-control-bar-spacer-line-inline-size:var(--monster-border-width);--monster-control-bar-spacer-line-block-size:60%}div[data-monster-role=control] slot[name=popper]{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-content:stretch;justify-content:flex-start;gap:var(--monster-action-menu-gap,0)}:is(div[data-monster-role=control] slot[name=popper])::slotted(*){--monster-button-bar-flex-direction:column;--monster-button-bar-height:auto;--monster-control-min-block-size:var(
121
121
  --monster-action-menu-item-min-block-size,var(--monster-control-bar-height)
122
122
  );--monster-button-min-block-size:var(
123
123
  --monster-action-menu-item-min-block-size,var(--monster-control-bar-height)
package/source/components/form/stylesheet/field-set.mjs CHANGED
@@ -29,7 +29,7 @@ try {
29
29
  --monster-theme-accent,var(--monster-color-secondary-2)
30
30
  );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)}[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}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;color:var(--monster-color-primary-4);background-color:var(--monster-bg-color-primary-4)}.monster-badge-primary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-badge-secondary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-badge-tertiary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-badge-destructive-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-badge-success-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-badge-warning-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-badge-error-pill{padding:.25em .6em;border-radius:10rem}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)}[data-monster-role=container]{container-type:inline-size;container-name:field-set;margin-bottom:1rem;--monster-field-set-h1-size:xx-large;--monster-field-set-h2-size:x-large;--monster-field-set-h3-size:large;--monster-field-set-h4-size:medium;--monster-field-set-h5-size:small;--monster-field-set-h6-size:smaller;--monster-field-set-heading-margin-top:1rem;--monster-field-set-heading-margin-top-first:0.3rem;--monster-field-set-heading-margin-top-1200:2.2rem;--monster-field-set-heading-margin-top-first-1200:0.6rem;--monster-field-set-heading-margin-top-900:1.8rem;--monster-field-set-heading-margin-top-first-900:0.5rem;--monster-field-set-heading-margin-top-500:1.3rem;--monster-field-set-heading-margin-top-first-500:0.4rem;font-size:1rem;line-height:1.6;font-weight:400}.collapse-alignment{padding:0 1rem}.collapse-alignment-no-padding{padding:0}.collapse-alignment-no-padding-top{padding:0 1rem 1rem}.collapse-alignment-no-padding-bottom{padding:1rem 1rem 0}.collapse-alignment-left-right-only{padding:0 1rem}[data-monster-role=header]{display:flex;align-items:center;justify-content:space-between;border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-color-seashell-3);margin-bottom:1rem;padding-bottom:.2rem}@media (prefers-color-scheme:dark){[data-monster-role=header]{border-color:var(--monster-color-secondary-1)}}[data-monster-role=header] label{padding-right:.3rem;font-size:1rem;line-height:1.6;font-weight:400}[data-monster-role=header] [data-monster-role=extended-switch]{display:flex;align-items:center;justify-content:flex-end;padding-right:1rem}[data-monster-role=header] [data-monster-role=title]{font-weight:700;padding-left:1rem}:host([data-monster-context=wizard]) [data-monster-role=header]{border-bottom:none}.hidden{display:none!important}slot{display:grid;grid-template-columns:auto 1fr;grid-gap:.8rem;accent-color:var(
31
31
  --monster-theme-accent,var(--monster-color-secondary-2)
32
- )}.multiple-columns slot{grid-template-columns:auto 1fr auto 1fr auto 1fr}::slotted(.label),::slotted(label){color:var(--monster-color-primary-1);border-bottom:thin dotted var(--monster-color-primary-1);display:flex;align-items:flex-start;gap:.4rem;justify-content:space-between}::slotted([data-monster-field-set-choice-label]){align-items:center;justify-content:flex-start;min-block-size:var(--monster-control-min-block-size,2.75rem);text-align:start;cursor:pointer}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr){grid-column:1/-1;margin:var(--monster-field-set-heading-margin-top,1rem) 0 .1rem!important}::slotted(h1){font-size:var(--monster-field-set-h1-size,xx-large)}::slotted(h2){font-size:var(--monster-field-set-h2-size,x-large)}::slotted(h3){font-size:var(--monster-field-set-h3-size,large)}::slotted(h4){font-size:var(--monster-field-set-h4-size,medium)}::slotted(h5){font-size:var(--monster-field-set-h5-size,small)}::slotted(h6){font-size:var(--monster-field-set-h6-size,smaller)}::slotted(h1:first-of-type),::slotted(h2:first-of-type),::slotted(h3:first-of-type),::slotted(h4:first-of-type),::slotted(h5:first-of-type){margin-top:var(--monster-field-set-heading-margin-top-first,.3rem)!important}::slotted(hr){border:none;border-top:thin dotted var(--monster-color-gray-3);margin:1rem 0;padding:0}::slotted(hr.delimiter){border:none;margin:0;padding:0}::slotted(.grid-span-full){grid-column-end:-1}::slotted(.grid-start-1){grid-column-start:1}::slotted(.grid-start-2){grid-column-start:2}::slotted(.grid-start-3){grid-column-start:3}::slotted(.grid-start-4){grid-column-start:4}::slotted(.grid-double-span){grid-column:span 3}::slotted(.grid-to-end){grid-column-end:-1}::slotted(input[type=email]),::slotted(input[type=number]),::slotted(input[type=password]),::slotted(input[type=tel]),::slotted(input[type=text]){height:-webkit-fill-available}::slotted(input:not([type=checkbox]):not([type=radio])){width:100%;border-radius:var(--monster-theme-control-border-radius);border-width:var(--monster-theme-control-border-width);border-color:var(--monster-theme-control-border-color);border-style:var(--monster-theme-control-border-style)}[readonly]:is(::slotted(input:not([type=checkbox]):not([type=radio]))){background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}::slotted(input[readonly]:not([type=checkbox]):not([type=radio])){background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}::slotted(input),::slotted(monster-toggle-switch),::slotted(select){min-height:1.8rem;padding:.5rem;box-sizing:border-box}::slotted(monster-password){min-height:1.8rem}::slotted(input[type=color]){padding:0 .2rem;min-height:2.2rem;width:100%}::slotted(input[type=date]),::slotted(input[type=time]){padding:0 .2rem;min-height:2.2rem}::slotted(input[type=checkbox]),::slotted(input[type=radio]){width:1.8rem;min-height:2.2rem;padding:0 .2rem}::slotted(input[type=file]){padding:.4rem;min-height:1.2rem}::slotted([data-monster-validation-wrapper]),::slotted(input),::slotted(monster-password),::slotted(monster-toggle-switch),::slotted(select){align-self:end}::slotted(monster-toggle-switch){width:3rem;padding:0}@container field-set (max-width: 1200px){.multiple-columns slot{grid-template-columns:auto 1fr auto 1fr}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin:var(--monster-field-set-heading-margin-top-1200,2.2rem) 0 .1rem!important}::slotted(h1:first-of-type),::slotted(h2:first-of-type),::slotted(h3:first-of-type),::slotted(h4:first-of-type),::slotted(h5:first-of-type){margin-top:var(--monster-field-set-heading-margin-top-first-1200,.6rem)!important}::slotted(.grid-double-span){grid-column:span 1}}@container field-set (max-width: 900px){.multiple-columns slot{grid-template-columns:auto 1fr}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin:var(--monster-field-set-heading-margin-top-900,1.8rem) 0 .1rem!important}::slotted(h1:first-of-type),::slotted(h2:first-of-type),::slotted(h3:first-of-type),::slotted(h4:first-of-type),::slotted(h5:first-of-type){margin-top:var(--monster-field-set-heading-margin-top-first-900,.5rem)!important}::slotted(.grid-double-span){grid-column:span 1}}@container field-set (max-width: 500px){slot{grid-template-columns:1fr;gap:0}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin:var(--monster-field-set-heading-margin-top-500,1.3rem) 0 .1rem!important}::slotted(h1:first-of-type),::slotted(h2:first-of-type),::slotted(h3:first-of-type),::slotted(h4:first-of-type),::slotted(h5:first-of-type){margin-top:var(--monster-field-set-heading-margin-top-first-500,.4rem)!important}::slotted(select){grid-column:1}::slotted(div.wrapper),::slotted(input),::slotted(monster-password),::slotted(monster-toggle-switch),::slotted(select),::slotted(textarea){grid-column:1}::slotted(monster-action-button),::slotted(monster-api-button),::slotted(monster-button),::slotted(monster-datasource-save-button),::slotted(monster-state-button){grid-column:1}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){grid-column:1}::slotted(.label),::slotted(label){padding-top:1rem;border-bottom:none}.multiple-columns slot{grid-template-columns:1fr}::slotted(.grid-span-full),::slotted(.grid-start-1),::slotted(.grid-start-2),::slotted(.grid-start-3),::slotted(.grid-start-4){grid-column:1!important}::slotted(.grid-double-span){grid-column:span 1!important}}
32
+ )}.multiple-columns slot{grid-template-columns:auto 1fr auto 1fr auto 1fr}::slotted(.label),::slotted(label){color:var(--monster-color-primary-1);border-bottom:thin dotted var(--monster-color-primary-1);display:flex;align-items:flex-start;gap:.4rem;justify-content:space-between}::slotted([data-monster-field-set-choice-label]){align-items:center;justify-content:flex-start;min-block-size:var(--monster-control-min-block-size,2.75rem);text-align:start;cursor:pointer}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr){grid-column:1/-1;margin:var(--monster-field-set-heading-margin-top,1rem) 0 .1rem!important}::slotted(h1){font-size:var(--monster-field-set-h1-size,xx-large)}::slotted(h2){font-size:var(--monster-field-set-h2-size,x-large)}::slotted(h3){font-size:var(--monster-field-set-h3-size,large)}::slotted(h4){font-size:var(--monster-field-set-h4-size,medium)}::slotted(h5){font-size:var(--monster-field-set-h5-size,small)}::slotted(h6){font-size:var(--monster-field-set-h6-size,smaller)}::slotted(h1:first-of-type),::slotted(h2:first-of-type),::slotted(h3:first-of-type),::slotted(h4:first-of-type),::slotted(h5:first-of-type){margin-top:var(--monster-field-set-heading-margin-top-first,.3rem)!important}::slotted(hr){border:none;border-top:thin dotted var(--monster-color-gray-3);margin:1rem 0;padding:0}::slotted(hr.delimiter){border:none;margin:0;padding:0}::slotted(.grid-span-full){grid-column-end:-1}::slotted(.grid-start-1){grid-column-start:1}::slotted(.grid-start-2){grid-column-start:2}::slotted(.grid-start-3){grid-column-start:3}::slotted(.grid-start-4){grid-column-start:4}::slotted(.grid-double-span){grid-column:span 3}::slotted(.grid-to-end){grid-column-end:-1}::slotted(input[type=email]),::slotted(input[type=number]),::slotted(input[type=password]),::slotted(input[type=tel]),::slotted(input[type=text]){height:-webkit-fill-available}::slotted(input:not([type=checkbox]):not([type=radio])){width:100%;border-radius:var(--monster-theme-control-border-radius);border-width:var(--monster-theme-control-border-width);border-color:var(--monster-theme-control-border-color);border-style:var(--monster-theme-control-border-style)}[readonly]:is(::slotted(input:not([type=checkbox]):not([type=radio]))){background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}::slotted(input[readonly]:not([type=checkbox]):not([type=radio])){background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}::slotted(input),::slotted(monster-toggle-switch),::slotted(select){min-height:1.8rem;padding:.5rem;box-sizing:border-box}::slotted(monster-password){min-height:1.8rem}::slotted(input[type=color]){padding:0 .2rem;min-height:2.2rem;width:100%}::slotted(input[type=date]),::slotted(input[type=time]){padding:0 .2rem;min-height:2.2rem}::slotted(input[type=checkbox]),::slotted(input[type=radio]){width:1.8rem;min-height:2.2rem;padding:0 .2rem}::slotted(input[type=file]){padding:.4rem;min-height:1.2rem}::slotted([data-monster-validation-wrapper]),::slotted(input),::slotted(monster-password),::slotted(monster-toggle-switch),::slotted(select){align-self:end}::slotted(monster-toggle-switch){min-height:var(--monster-control-min-block-size,1.8rem);width:3rem;padding:0}@container field-set (max-width: 1200px){.multiple-columns slot{grid-template-columns:auto 1fr auto 1fr}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin:var(--monster-field-set-heading-margin-top-1200,2.2rem) 0 .1rem!important}::slotted(h1:first-of-type),::slotted(h2:first-of-type),::slotted(h3:first-of-type),::slotted(h4:first-of-type),::slotted(h5:first-of-type){margin-top:var(--monster-field-set-heading-margin-top-first-1200,.6rem)!important}::slotted(.grid-double-span){grid-column:span 1}}@container field-set (max-width: 900px){.multiple-columns slot{grid-template-columns:auto 1fr}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin:var(--monster-field-set-heading-margin-top-900,1.8rem) 0 .1rem!important}::slotted(h1:first-of-type),::slotted(h2:first-of-type),::slotted(h3:first-of-type),::slotted(h4:first-of-type),::slotted(h5:first-of-type){margin-top:var(--monster-field-set-heading-margin-top-first-900,.5rem)!important}::slotted(.grid-double-span){grid-column:span 1}}@container field-set (max-width: 500px){slot{grid-template-columns:1fr;gap:0}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin:var(--monster-field-set-heading-margin-top-500,1.3rem) 0 .1rem!important}::slotted(h1:first-of-type),::slotted(h2:first-of-type),::slotted(h3:first-of-type),::slotted(h4:first-of-type),::slotted(h5:first-of-type){margin-top:var(--monster-field-set-heading-margin-top-first-500,.4rem)!important}::slotted(select){grid-column:1}::slotted(div.wrapper),::slotted(input),::slotted(monster-password),::slotted(monster-toggle-switch),::slotted(select),::slotted(textarea){grid-column:1}::slotted(monster-action-button),::slotted(monster-api-button),::slotted(monster-button),::slotted(monster-datasource-save-button),::slotted(monster-state-button){grid-column:1}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){grid-column:1}::slotted(.label),::slotted(label){padding-top:1rem;border-bottom:none}.multiple-columns slot{grid-template-columns:1fr}::slotted(.grid-span-full),::slotted(.grid-start-1),::slotted(.grid-start-2),::slotted(.grid-start-3),::slotted(.grid-start-4){grid-column:1!important}::slotted(.grid-double-span){grid-column:span 1!important}}
33
33
  }`,
34
34
  0,
35
35
  );
package/source/components/form/stylesheet/repeat-field-set-items.mjs CHANGED
@@ -27,7 +27,7 @@ try {
27
27
  @layer repeatfieldsetitems {
28
28
  :after,:before,:root{--monster-color-gray-1:#f6f6f6;--monster-color-gray-2:#e2e2e2;--monster-color-gray-3:#8b8b8b;--monster-color-gray-4:#6f6f6f;--monster-color-gray-5:#3e3e3e;--monster-color-gray-6:#222;--monster-color-rose-1:#fff7f9;--monster-color-rose-2:#ffdce5;--monster-color-rose-3:#ff3b8d;--monster-color-rose-4:#db0072;--monster-color-rose-5:#800040;--monster-color-rose-6:#4c0023;--monster-color-raspberry-1:#fff8f8;--monster-color-raspberry-2:#ffdddf;--monster-color-raspberry-3:#ff426c;--monster-color-raspberry-4:#de0051;--monster-color-raspberry-5:#82002c;--monster-color-raspberry-6:#510018;--monster-color-red-1:#fff8f6;--monster-color-red-2:#ffddd8;--monster-color-red-3:#ff4647;--monster-color-red-4:#e0002b;--monster-color-red-5:#830014;--monster-color-red-6:#530003;--monster-color-orange-1:#fff8f5;--monster-color-orange-2:#ffded1;--monster-color-orange-3:#fd4d00;--monster-color-orange-4:#cd3c00;--monster-color-orange-5:#752100;--monster-color-orange-6:#401600;--monster-color-cinnamon-1:#fff8f3;--monster-color-cinnamon-2:#ffdfc6;--monster-color-cinnamon-3:#d57300;--monster-color-cinnamon-4:#ac5c00;--monster-color-cinnamon-5:#633300;--monster-color-cinnamon-6:#371d00;--monster-color-amber-1:#fff8ef;--monster-color-amber-2:#ffe0b2;--monster-color-amber-3:#b98300;--monster-color-amber-4:#926700;--monster-color-amber-5:#523800;--monster-color-amber-6:#302100;--monster-color-yellow-1:#fff9e5;--monster-color-yellow-2:#ffe53e;--monster-color-yellow-3:#9c8b00;--monster-color-yellow-4:#7d6f00;--monster-color-yellow-5:#463d00;--monster-color-yellow-6:#292300;--monster-color-lime-1:#f7ffac;--monster-color-lime-2:#d5f200;--monster-color-lime-3:#819300;--monster-color-lime-4:#677600;--monster-color-lime-5:#394100;--monster-color-lime-6:#222600;--monster-color-chartreuse-1:#e5ffc3;--monster-color-chartreuse-2:#98fb00;--monster-color-chartreuse-3:#5c9b00;--monster-color-chartreuse-4:#497c00;--monster-color-chartreuse-5:#264500;--monster-color-chartreuse-6:#182600;--monster-color-green-1:#e0ffd9;--monster-color-green-2:#72ff6c;--monster-color-green-3:#00a21f;--monster-color-green-4:#008217;--monster-color-green-5:#004908;--monster-color-green-6:#062800;--monster-color-emerald-1:#dcffe6;--monster-color-emerald-2:#5dffa2;--monster-color-emerald-3:#00a05a;--monster-color-emerald-4:#008147;--monster-color-emerald-5:#004825;--monster-color-emerald-6:#002812;--monster-color-aquamarine-1:#daffef;--monster-color-aquamarine-2:#42ffc6;--monster-color-aquamarine-3:#009f78;--monster-color-aquamarine-4:#007f5f;--monster-color-aquamarine-5:#004734;--monster-color-aquamarine-6:#00281b;--monster-color-teal-1:#d7fff7;--monster-color-teal-2:#00ffe4;--monster-color-teal-3:#009e8c;--monster-color-teal-4:#007c6e;--monster-color-teal-5:#00443c;--monster-color-teal-6:#002722;--monster-color-cyan-1:#c4fffe;--monster-color-cyan-2:#00fafb;--monster-color-cyan-3:#00999a;--monster-color-cyan-4:#007a7b;--monster-color-cyan-5:#004344;--monster-color-cyan-6:#002525;--monster-color-powder-1:#dafaff;--monster-color-powder-2:#8df0ff;--monster-color-powder-3:#0098a9;--monster-color-powder-4:#007987;--monster-color-powder-5:#004048;--monster-color-powder-6:#002227;--monster-color-sky-1:#e3f7ff;--monster-color-sky-2:#aee9ff;--monster-color-sky-3:#0094b4;--monster-color-sky-4:#007590;--monster-color-sky-5:#00404f;--monster-color-sky-6:#001f28;--monster-color-cerulean-1:#e8f6ff;--monster-color-cerulean-2:#b9e3ff;--monster-color-cerulean-3:#0092c5;--monster-color-cerulean-4:#00749d;--monster-color-cerulean-5:#003c54;--monster-color-cerulean-6:#001d2a;--monster-color-azure-1:#e8f2ff;--monster-color-azure-2:#c6e0ff;--monster-color-azure-3:#008fdb;--monster-color-azure-4:#0071af;--monster-color-azure-5:#003b5e;--monster-color-azure-6:#001c30;--monster-color-blue-1:#f0f4ff;--monster-color-blue-2:#d4e0ff;--monster-color-blue-3:#0089fc;--monster-color-blue-4:#006dca;--monster-color-blue-5:#00386d;--monster-color-blue-6:#001a39;--monster-color-indigo-1:#f3f3ff;--monster-color-indigo-2:#deddff;--monster-color-indigo-3:#657eff;--monster-color-indigo-4:#0061fc;--monster-color-indigo-5:#00328a;--monster-color-indigo-6:#001649;--monster-color-violet-1:#f7f1ff;--monster-color-violet-2:#e8daff;--monster-color-violet-3:#9b70ff;--monster-color-violet-4:#794aff;--monster-color-violet-5:#2d0fbf;--monster-color-violet-6:#0b0074;--monster-color-purple-1:#fdf4ff;--monster-color-purple-2:#f7d9ff;--monster-color-purple-3:#d150ff;--monster-color-purple-4:#b01fe3;--monster-color-purple-5:#660087;--monster-color-purple-6:#3a004f;--monster-color-magenta-1:#fff3fc;--monster-color-magenta-2:#ffd7f6;--monster-color-magenta-3:#f911e0;--monster-color-magenta-4:#ca00b6;--monster-color-magenta-5:#740068;--monster-color-magenta-6:#44003c;--monster-color-pink-1:#fff7fb;--monster-color-pink-2:#ffdcec;--monster-color-pink-3:#ff2fb2;--monster-color-pink-4:#d2008f;--monster-color-pink-5:#790051;--monster-color-pink-6:#4b0030;--monster-gradient-tangerine-1:#e5b875;--monster-gradient-tangerine-2:#d9a362;--monster-gradient-tangerine-3:#c08a4e;--monster-gradient-tangerine-4:#a7713b;--monster-gradient-tangerine-5:#8f5a28;--monster-gradient-tangerine-6:#360505;--monster-color-seashell-1:#f7f5ef;--monster-color-seashell-2:#e5e2d9;--monster-color-seashell-3:#cbc6b3;--monster-color-seashell-4:#a19d8a;--monster-color-seashell-5:#7a7566;--monster-color-seashell-6:#514d3f}.monster-theme-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-theme-primary-disabled-1{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1)}.monster-theme-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-theme-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-theme-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-theme-danger-1{background-color:var(--monster-bg-color-danger-1);color:var(--monster-color-danger-1)}.monster-theme-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-theme-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-theme-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-theme-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-border-color-1{border-color:var(--monster-color-border-1)}.monster-color-neutral-1{color:var(--monster-color-primary-1)}.monster-bg-color-primary-1{background-color:var(--monster-bg-color-primary-1)}.monster-bg-color-secondary-1{background-color:var(--monster-bg-color-secondary-1)}.monster-bg-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1)}.monster-color-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-color-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-color-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-color-danger-1{background-color:var(--monster-bg-color-danger-1);color:var(--monster-color-danger-1)}.monster-color-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-color-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-color-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-color-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-theme-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-theme-primary-disabled-2{background-color:var(--monster-bg-color-primary-disabled-2);color:var(--monster-color-primary-disabled-2)}.monster-theme-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-theme-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-theme-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-theme-danger-2{background-color:var(--monster-bg-color-danger-2);color:var(--monster-color-danger-2)}.monster-theme-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-theme-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-theme-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-theme-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-border-color-2{border-color:var(--monster-color-border-2)}.monster-color-neutral-2{color:var(--monster-color-primary-2)}.monster-bg-color-primary-2{background-color:var(--monster-bg-color-primary-2)}.monster-bg-color-secondary-2{background-color:var(--monster-bg-color-secondary-2)}.monster-bg-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2)}.monster-color-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-color-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-color-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-color-danger-2{background-color:var(--monster-bg-color-danger-2);color:var(--monster-color-danger-2)}.monster-color-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-color-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-color-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-color-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-theme-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-theme-primary-disabled-3{background-color:var(--monster-bg-color-primary-disabled-3);color:var(--monster-color-primary-disabled-3)}.monster-theme-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-theme-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-theme-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-theme-danger-3{background-color:var(--monster-bg-color-danger-3);color:var(--monster-color-danger-3)}.monster-theme-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-theme-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-theme-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-theme-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-border-color-3{border-color:var(--monster-color-border-3)}.monster-color-neutral-3{color:var(--monster-color-primary-3)}.monster-bg-color-primary-3{background-color:var(--monster-bg-color-primary-3)}.monster-bg-color-secondary-3{background-color:var(--monster-bg-color-secondary-3)}.monster-bg-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3)}.monster-color-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-color-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-color-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-color-danger-3{background-color:var(--monster-bg-color-danger-3);color:var(--monster-color-danger-3)}.monster-color-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-color-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-color-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-color-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-theme-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-theme-primary-disabled-4{background-color:var(--monster-bg-color-primary-disabled-4);color:var(--monster-color-primary-disabled-4)}.monster-theme-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-theme-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-theme-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-theme-danger-4{background-color:var(--monster-bg-color-danger-4);color:var(--monster-color-danger-4)}.monster-theme-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-theme-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-theme-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-theme-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-border-color-4{border-color:var(--monster-color-border-4)}.monster-color-neutral-4{color:var(--monster-color-primary-4)}.monster-bg-color-primary-4{background-color:var(--monster-bg-color-primary-4)}.monster-bg-color-secondary-4{background-color:var(--monster-bg-color-secondary-4)}.monster-bg-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4)}.monster-color-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-color-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-color-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-color-danger-4{background-color:var(--monster-bg-color-danger-4);color:var(--monster-color-danger-4)}.monster-color-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-color-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-color-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-color-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-theme-control-container-1,.monster-theme-control-row-1{border:1px solid var(--monster-theme-control-border-color)}.monster-theme-control-container-1,.monster-theme-control-element,.monster-theme-control-row-1{background-color:var(--monster-theme-control-bg-color);color:var(--monster-theme-control-color)}.monster-theme-control-background{background-color:var(--monster-theme-control-bg-color)}.monster-theme-background-inherit{background-color:inherit!important}.monster-theme-on{color:var(--monster-theme-on-color);background-color:var(--monster-theme-on-bg-color)}.monster-theme-off{color:var(--monster-theme-off-color);background-color:var(--monster-theme-off-bg-color)}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-0{border-width:0;border-radius:0;border-style:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}monster-repeat-field-set{container-name:repeat-field-set;container-type:inline-size;--monster-field-set-h1-size:xx-large;--monster-field-set-h2-size:x-large;--monster-field-set-h3-size:large;--monster-field-set-h4-size:medium;--monster-field-set-h5-size:small;--monster-field-set-h6-size:smaller;--monster-field-set-heading-margin-top:3rem;--monster-field-set-heading-margin-top-first:0.9rem;--monster-field-set-heading-margin-top-1200:2.2rem;--monster-field-set-heading-margin-top-first-1200:0.6rem;--monster-field-set-heading-margin-top-900:1.8rem;--monster-field-set-heading-margin-top-first-900:0.5rem;--monster-field-set-heading-margin-top-500:1.3rem;--monster-field-set-heading-margin-top-first-500:0.4rem}monster-repeat-field-set [data-monster-role=items]{accent-color:var(
29
29
  --monster-theme-accent,var(--monster-color-secondary-2)
30
- );display:grid;gap:.8rem;grid-template-columns:auto 1fr}monster-repeat-field-set.multiple-columns [data-monster-role=items]{grid-template-columns:auto 1fr auto 1fr auto 1fr}monster-repeat-field-set [data-monster-role=items] h1,monster-repeat-field-set [data-monster-role=items] h2,monster-repeat-field-set [data-monster-role=items] h3,monster-repeat-field-set [data-monster-role=items] h4,monster-repeat-field-set [data-monster-role=items] h5,monster-repeat-field-set [data-monster-role=items] h6,monster-repeat-field-set [data-monster-role=items] hr{grid-column:1/-1;margin:var(--monster-field-set-heading-margin-top,3rem) 0 .1rem}monster-repeat-field-set [data-monster-role=items] h1{font-size:var(--monster-field-set-h1-size,xx-large)}monster-repeat-field-set [data-monster-role=items] h2{font-size:var(--monster-field-set-h2-size,x-large)}monster-repeat-field-set [data-monster-role=items] h3{font-size:var(--monster-field-set-h3-size,large)}monster-repeat-field-set [data-monster-role=items] h4{font-size:var(--monster-field-set-h4-size,medium)}monster-repeat-field-set [data-monster-role=items] h5{font-size:var(--monster-field-set-h5-size,small)}monster-repeat-field-set [data-monster-role=items] h6{font-size:var(--monster-field-set-h6-size,smaller)}monster-repeat-field-set [data-monster-role=items] h1:first-of-type,monster-repeat-field-set [data-monster-role=items] h2:first-of-type,monster-repeat-field-set [data-monster-role=items] h3:first-of-type,monster-repeat-field-set [data-monster-role=items] h4:first-of-type,monster-repeat-field-set [data-monster-role=items] h5:first-of-type{margin-top:var(--monster-field-set-heading-margin-top-first,.9rem)}monster-repeat-field-set [data-monster-role=items] hr{border:none;border-top:thin dotted var(--monster-color-gray-3);margin:1rem 0;padding:0}monster-repeat-field-set [data-monster-role=items] .grid-span-full{grid-column-end:-1}monster-repeat-field-set [data-monster-role=items] .grid-start-1{grid-column-start:1}monster-repeat-field-set [data-monster-role=items] .grid-start-2{grid-column-start:2}monster-repeat-field-set [data-monster-role=items] .grid-start-3{grid-column-start:3}monster-repeat-field-set [data-monster-role=items] .grid-start-4{grid-column-start:4}monster-repeat-field-set [data-monster-role=items] .grid-double-span{grid-column:span 3}monster-repeat-field-set [data-monster-role=items] .grid-to-end{grid-column-end:-1}monster-repeat-field-set [data-monster-role=items] .label,monster-repeat-field-set [data-monster-role=items] label{align-items:flex-start;border-bottom:thin dotted var(--monster-color-primary-1);color:var(--monster-color-primary-1);display:flex;gap:.4rem;justify-content:space-between}monster-repeat-field-set [data-monster-role=items] input:not([type=checkbox]):not([type=radio]){border-color:var(--monster-theme-control-border-color);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-width:var(--monster-theme-control-border-width);width:100%}monster-repeat-field-set [data-monster-role=items] input[type=email],monster-repeat-field-set [data-monster-role=items] input[type=number],monster-repeat-field-set [data-monster-role=items] input[type=password],monster-repeat-field-set [data-monster-role=items] input[type=tel],monster-repeat-field-set [data-monster-role=items] input[type=text]{height:-webkit-fill-available}monster-repeat-field-set [data-monster-role=items] [readonly]:is(input:not([type=checkbox]):not([type=radio])){background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}monster-repeat-field-set [data-monster-role=items] input[readonly]:not([type=checkbox]):not([type=radio]){background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}monster-repeat-field-set [data-monster-role=items] input,monster-repeat-field-set [data-monster-role=items] monster-toggle-switch,monster-repeat-field-set [data-monster-role=items] select{box-sizing:border-box;min-height:1.8rem;padding:.5rem}monster-repeat-field-set [data-monster-role=items] monster-password{min-height:1.8rem}monster-repeat-field-set [data-monster-role=items] input[type=color]{min-height:2.2rem;padding:0 .2rem;width:100%}monster-repeat-field-set [data-monster-role=items] input[type=date],monster-repeat-field-set [data-monster-role=items] input[type=time]{min-height:2.2rem;padding:0 .2rem}monster-repeat-field-set [data-monster-role=items] input[type=checkbox],monster-repeat-field-set [data-monster-role=items] input[type=radio]{min-height:2.2rem;padding:0 .2rem;width:1.8rem}monster-repeat-field-set [data-monster-role=items] input[type=file]{min-height:1.2rem;padding:.4rem}monster-repeat-field-set [data-monster-role=items] [data-monster-validation-wrapper],monster-repeat-field-set [data-monster-role=items] input,monster-repeat-field-set [data-monster-role=items] monster-password,monster-repeat-field-set [data-monster-role=items] monster-toggle-switch,monster-repeat-field-set [data-monster-role=items] select{align-self:end}monster-repeat-field-set [data-monster-role=items] monster-toggle-switch{padding:0;width:3rem}@container repeat-field-set (max-width: 1200px){monster-repeat-field-set.multiple-columns [data-monster-role=items]{grid-template-columns:auto 1fr auto 1fr}monster-repeat-field-set [data-monster-role=items] h1,monster-repeat-field-set [data-monster-role=items] h2,monster-repeat-field-set [data-monster-role=items] h3,monster-repeat-field-set [data-monster-role=items] h4,monster-repeat-field-set [data-monster-role=items] h5,monster-repeat-field-set [data-monster-role=items] h6{margin:var(--monster-field-set-heading-margin-top-1200,2.2rem) 0 .1rem}monster-repeat-field-set [data-monster-role=items] h1:first-of-type,monster-repeat-field-set [data-monster-role=items] h2:first-of-type,monster-repeat-field-set [data-monster-role=items] h3:first-of-type,monster-repeat-field-set [data-monster-role=items] h4:first-of-type,monster-repeat-field-set [data-monster-role=items] h5:first-of-type{margin-top:var(--monster-field-set-heading-margin-top-first-1200,.6rem)}monster-repeat-field-set [data-monster-role=items] .grid-double-span{grid-column:span 1}}@container repeat-field-set (max-width: 900px){monster-repeat-field-set.multiple-columns [data-monster-role=items]{grid-template-columns:auto 1fr}monster-repeat-field-set [data-monster-role=items] h1,monster-repeat-field-set [data-monster-role=items] h2,monster-repeat-field-set [data-monster-role=items] h3,monster-repeat-field-set [data-monster-role=items] h4,monster-repeat-field-set [data-monster-role=items] h5,monster-repeat-field-set [data-monster-role=items] h6{margin:var(--monster-field-set-heading-margin-top-900,1.8rem) 0 .1rem}monster-repeat-field-set [data-monster-role=items] h1:first-of-type,monster-repeat-field-set [data-monster-role=items] h2:first-of-type,monster-repeat-field-set [data-monster-role=items] h3:first-of-type,monster-repeat-field-set [data-monster-role=items] h4:first-of-type,monster-repeat-field-set [data-monster-role=items] h5:first-of-type{margin-top:var(--monster-field-set-heading-margin-top-first-900,.5rem)}monster-repeat-field-set [data-monster-role=items] .grid-double-span{grid-column:span 1}}@container repeat-field-set (max-width: 500px){monster-repeat-field-set [data-monster-role=items]{gap:0;grid-template-columns:1fr}monster-repeat-field-set [data-monster-role=items] h1,monster-repeat-field-set [data-monster-role=items] h2,monster-repeat-field-set [data-monster-role=items] h3,monster-repeat-field-set [data-monster-role=items] h4,monster-repeat-field-set [data-monster-role=items] h5,monster-repeat-field-set [data-monster-role=items] h6{margin:var(--monster-field-set-heading-margin-top-500,1.3rem) 0 .1rem}monster-repeat-field-set [data-monster-role=items] h1:first-of-type,monster-repeat-field-set [data-monster-role=items] h2:first-of-type,monster-repeat-field-set [data-monster-role=items] h3:first-of-type,monster-repeat-field-set [data-monster-role=items] h4:first-of-type,monster-repeat-field-set [data-monster-role=items] h5:first-of-type{margin-top:var(--monster-field-set-heading-margin-top-first-500,.4rem)}monster-repeat-field-set [data-monster-role=items] div.wrapper,monster-repeat-field-set [data-monster-role=items] h1,monster-repeat-field-set [data-monster-role=items] h2,monster-repeat-field-set [data-monster-role=items] h3,monster-repeat-field-set [data-monster-role=items] h4,monster-repeat-field-set [data-monster-role=items] h5,monster-repeat-field-set [data-monster-role=items] h6,monster-repeat-field-set [data-monster-role=items] input,monster-repeat-field-set [data-monster-role=items] monster-action-button,monster-repeat-field-set [data-monster-role=items] monster-api-button,monster-repeat-field-set [data-monster-role=items] monster-button,monster-repeat-field-set [data-monster-role=items] monster-datasource-save-button,monster-repeat-field-set [data-monster-role=items] monster-password,monster-repeat-field-set [data-monster-role=items] monster-state-button,monster-repeat-field-set [data-monster-role=items] monster-toggle-switch,monster-repeat-field-set [data-monster-role=items] select,monster-repeat-field-set [data-monster-role=items] textarea{grid-column:1}monster-repeat-field-set [data-monster-role=items] .label,monster-repeat-field-set [data-monster-role=items] label{border-bottom:none;padding-top:1rem}monster-repeat-field-set.multiple-columns [data-monster-role=items]{grid-template-columns:1fr}monster-repeat-field-set [data-monster-role=items] .grid-span-full,monster-repeat-field-set [data-monster-role=items] .grid-start-1,monster-repeat-field-set [data-monster-role=items] .grid-start-2,monster-repeat-field-set [data-monster-role=items] .grid-start-3,monster-repeat-field-set [data-monster-role=items] .grid-start-4{grid-column:1!important}monster-repeat-field-set [data-monster-role=items] .grid-double-span{grid-column:span 1!important}}
30
+ );display:grid;gap:.8rem;grid-template-columns:auto 1fr}monster-repeat-field-set.multiple-columns [data-monster-role=items]{grid-template-columns:auto 1fr auto 1fr auto 1fr}monster-repeat-field-set [data-monster-role=items] h1,monster-repeat-field-set [data-monster-role=items] h2,monster-repeat-field-set [data-monster-role=items] h3,monster-repeat-field-set [data-monster-role=items] h4,monster-repeat-field-set [data-monster-role=items] h5,monster-repeat-field-set [data-monster-role=items] h6,monster-repeat-field-set [data-monster-role=items] hr{grid-column:1/-1;margin:var(--monster-field-set-heading-margin-top,3rem) 0 .1rem}monster-repeat-field-set [data-monster-role=items] h1{font-size:var(--monster-field-set-h1-size,xx-large)}monster-repeat-field-set [data-monster-role=items] h2{font-size:var(--monster-field-set-h2-size,x-large)}monster-repeat-field-set [data-monster-role=items] h3{font-size:var(--monster-field-set-h3-size,large)}monster-repeat-field-set [data-monster-role=items] h4{font-size:var(--monster-field-set-h4-size,medium)}monster-repeat-field-set [data-monster-role=items] h5{font-size:var(--monster-field-set-h5-size,small)}monster-repeat-field-set [data-monster-role=items] h6{font-size:var(--monster-field-set-h6-size,smaller)}monster-repeat-field-set [data-monster-role=items] h1:first-of-type,monster-repeat-field-set [data-monster-role=items] h2:first-of-type,monster-repeat-field-set [data-monster-role=items] h3:first-of-type,monster-repeat-field-set [data-monster-role=items] h4:first-of-type,monster-repeat-field-set [data-monster-role=items] h5:first-of-type{margin-top:var(--monster-field-set-heading-margin-top-first,.9rem)}monster-repeat-field-set [data-monster-role=items] hr{border:none;border-top:thin dotted var(--monster-color-gray-3);margin:1rem 0;padding:0}monster-repeat-field-set [data-monster-role=items] .grid-span-full{grid-column-end:-1}monster-repeat-field-set [data-monster-role=items] .grid-start-1{grid-column-start:1}monster-repeat-field-set [data-monster-role=items] .grid-start-2{grid-column-start:2}monster-repeat-field-set [data-monster-role=items] .grid-start-3{grid-column-start:3}monster-repeat-field-set [data-monster-role=items] .grid-start-4{grid-column-start:4}monster-repeat-field-set [data-monster-role=items] .grid-double-span{grid-column:span 3}monster-repeat-field-set [data-monster-role=items] .grid-to-end{grid-column-end:-1}monster-repeat-field-set [data-monster-role=items] .label,monster-repeat-field-set [data-monster-role=items] label{align-items:flex-start;border-bottom:thin dotted var(--monster-color-primary-1);color:var(--monster-color-primary-1);display:flex;gap:.4rem;justify-content:space-between}monster-repeat-field-set [data-monster-role=items] input:not([type=checkbox]):not([type=radio]){border-color:var(--monster-theme-control-border-color);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-width:var(--monster-theme-control-border-width);width:100%}monster-repeat-field-set [data-monster-role=items] input[type=email],monster-repeat-field-set [data-monster-role=items] input[type=number],monster-repeat-field-set [data-monster-role=items] input[type=password],monster-repeat-field-set [data-monster-role=items] input[type=tel],monster-repeat-field-set [data-monster-role=items] input[type=text]{height:-webkit-fill-available}monster-repeat-field-set [data-monster-role=items] [readonly]:is(input:not([type=checkbox]):not([type=radio])){background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}monster-repeat-field-set [data-monster-role=items] input[readonly]:not([type=checkbox]):not([type=radio]){background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}monster-repeat-field-set [data-monster-role=items] input,monster-repeat-field-set [data-monster-role=items] monster-toggle-switch,monster-repeat-field-set [data-monster-role=items] select{box-sizing:border-box;min-height:1.8rem;padding:.5rem}monster-repeat-field-set [data-monster-role=items] monster-password{min-height:1.8rem}monster-repeat-field-set [data-monster-role=items] input[type=color]{min-height:2.2rem;padding:0 .2rem;width:100%}monster-repeat-field-set [data-monster-role=items] input[type=date],monster-repeat-field-set [data-monster-role=items] input[type=time]{min-height:2.2rem;padding:0 .2rem}monster-repeat-field-set [data-monster-role=items] input[type=checkbox],monster-repeat-field-set [data-monster-role=items] input[type=radio]{min-height:2.2rem;padding:0 .2rem;width:1.8rem}monster-repeat-field-set [data-monster-role=items] input[type=file]{min-height:1.2rem;padding:.4rem}monster-repeat-field-set [data-monster-role=items] [data-monster-validation-wrapper],monster-repeat-field-set [data-monster-role=items] input,monster-repeat-field-set [data-monster-role=items] monster-password,monster-repeat-field-set [data-monster-role=items] monster-toggle-switch,monster-repeat-field-set [data-monster-role=items] select{align-self:end}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}@container repeat-field-set (max-width: 1200px){monster-repeat-field-set.multiple-columns [data-monster-role=items]{grid-template-columns:auto 1fr auto 1fr}monster-repeat-field-set [data-monster-role=items] h1,monster-repeat-field-set [data-monster-role=items] h2,monster-repeat-field-set [data-monster-role=items] h3,monster-repeat-field-set [data-monster-role=items] h4,monster-repeat-field-set [data-monster-role=items] h5,monster-repeat-field-set [data-monster-role=items] h6{margin:var(--monster-field-set-heading-margin-top-1200,2.2rem) 0 .1rem}monster-repeat-field-set [data-monster-role=items] h1:first-of-type,monster-repeat-field-set [data-monster-role=items] h2:first-of-type,monster-repeat-field-set [data-monster-role=items] h3:first-of-type,monster-repeat-field-set [data-monster-role=items] h4:first-of-type,monster-repeat-field-set [data-monster-role=items] h5:first-of-type{margin-top:var(--monster-field-set-heading-margin-top-first-1200,.6rem)}monster-repeat-field-set [data-monster-role=items] .grid-double-span{grid-column:span 1}}@container repeat-field-set (max-width: 900px){monster-repeat-field-set.multiple-columns [data-monster-role=items]{grid-template-columns:auto 1fr}monster-repeat-field-set [data-monster-role=items] h1,monster-repeat-field-set [data-monster-role=items] h2,monster-repeat-field-set [data-monster-role=items] h3,monster-repeat-field-set [data-monster-role=items] h4,monster-repeat-field-set [data-monster-role=items] h5,monster-repeat-field-set [data-monster-role=items] h6{margin:var(--monster-field-set-heading-margin-top-900,1.8rem) 0 .1rem}monster-repeat-field-set [data-monster-role=items] h1:first-of-type,monster-repeat-field-set [data-monster-role=items] h2:first-of-type,monster-repeat-field-set [data-monster-role=items] h3:first-of-type,monster-repeat-field-set [data-monster-role=items] h4:first-of-type,monster-repeat-field-set [data-monster-role=items] h5:first-of-type{margin-top:var(--monster-field-set-heading-margin-top-first-900,.5rem)}monster-repeat-field-set [data-monster-role=items] .grid-double-span{grid-column:span 1}}@container repeat-field-set (max-width: 500px){monster-repeat-field-set [data-monster-role=items]{gap:0;grid-template-columns:1fr}monster-repeat-field-set [data-monster-role=items] h1,monster-repeat-field-set [data-monster-role=items] h2,monster-repeat-field-set [data-monster-role=items] h3,monster-repeat-field-set [data-monster-role=items] h4,monster-repeat-field-set [data-monster-role=items] h5,monster-repeat-field-set [data-monster-role=items] h6{margin:var(--monster-field-set-heading-margin-top-500,1.3rem) 0 .1rem}monster-repeat-field-set [data-monster-role=items] h1:first-of-type,monster-repeat-field-set [data-monster-role=items] h2:first-of-type,monster-repeat-field-set [data-monster-role=items] h3:first-of-type,monster-repeat-field-set [data-monster-role=items] h4:first-of-type,monster-repeat-field-set [data-monster-role=items] h5:first-of-type{margin-top:var(--monster-field-set-heading-margin-top-first-500,.4rem)}monster-repeat-field-set [data-monster-role=items] div.wrapper,monster-repeat-field-set [data-monster-role=items] h1,monster-repeat-field-set [data-monster-role=items] h2,monster-repeat-field-set [data-monster-role=items] h3,monster-repeat-field-set [data-monster-role=items] h4,monster-repeat-field-set [data-monster-role=items] h5,monster-repeat-field-set [data-monster-role=items] h6,monster-repeat-field-set [data-monster-role=items] input,monster-repeat-field-set [data-monster-role=items] monster-action-button,monster-repeat-field-set [data-monster-role=items] monster-api-button,monster-repeat-field-set [data-monster-role=items] monster-button,monster-repeat-field-set [data-monster-role=items] monster-datasource-save-button,monster-repeat-field-set [data-monster-role=items] monster-password,monster-repeat-field-set [data-monster-role=items] monster-state-button,monster-repeat-field-set [data-monster-role=items] monster-toggle-switch,monster-repeat-field-set [data-monster-role=items] select,monster-repeat-field-set [data-monster-role=items] textarea{grid-column:1}monster-repeat-field-set [data-monster-role=items] .label,monster-repeat-field-set [data-monster-role=items] label{border-bottom:none;padding-top:1rem}monster-repeat-field-set.multiple-columns [data-monster-role=items]{grid-template-columns:1fr}monster-repeat-field-set [data-monster-role=items] .grid-span-full,monster-repeat-field-set [data-monster-role=items] .grid-start-1,monster-repeat-field-set [data-monster-role=items] .grid-start-2,monster-repeat-field-set [data-monster-role=items] .grid-start-3,monster-repeat-field-set [data-monster-role=items] .grid-start-4{grid-column:1!important}monster-repeat-field-set [data-monster-role=items] .grid-double-span{grid-column:span 1!important}}
31
31
  }`,
32
32
  0,
33
33
  );
package/source/components/form/stylesheet/toggle-switch.mjs CHANGED
@@ -25,11 +25,11 @@ try {
25
25
  ToggleSwitchStyleSheet.insertRule(
26
26
  `
27
27
  @layer toggleswitch {
28
- :after,:before,:root{--monster-color-gray-1:#f6f6f6;--monster-color-gray-2:#e2e2e2;--monster-color-gray-3:#8b8b8b;--monster-color-gray-4:#6f6f6f;--monster-color-gray-5:#3e3e3e;--monster-color-gray-6:#222;--monster-color-rose-1:#fff7f9;--monster-color-rose-2:#ffdce5;--monster-color-rose-3:#ff3b8d;--monster-color-rose-4:#db0072;--monster-color-rose-5:#800040;--monster-color-rose-6:#4c0023;--monster-color-raspberry-1:#fff8f8;--monster-color-raspberry-2:#ffdddf;--monster-color-raspberry-3:#ff426c;--monster-color-raspberry-4:#de0051;--monster-color-raspberry-5:#82002c;--monster-color-raspberry-6:#510018;--monster-color-red-1:#fff8f6;--monster-color-red-2:#ffddd8;--monster-color-red-3:#ff4647;--monster-color-red-4:#e0002b;--monster-color-red-5:#830014;--monster-color-red-6:#530003;--monster-color-orange-1:#fff8f5;--monster-color-orange-2:#ffded1;--monster-color-orange-3:#fd4d00;--monster-color-orange-4:#cd3c00;--monster-color-orange-5:#752100;--monster-color-orange-6:#401600;--monster-color-cinnamon-1:#fff8f3;--monster-color-cinnamon-2:#ffdfc6;--monster-color-cinnamon-3:#d57300;--monster-color-cinnamon-4:#ac5c00;--monster-color-cinnamon-5:#633300;--monster-color-cinnamon-6:#371d00;--monster-color-amber-1:#fff8ef;--monster-color-amber-2:#ffe0b2;--monster-color-amber-3:#b98300;--monster-color-amber-4:#926700;--monster-color-amber-5:#523800;--monster-color-amber-6:#302100;--monster-color-yellow-1:#fff9e5;--monster-color-yellow-2:#ffe53e;--monster-color-yellow-3:#9c8b00;--monster-color-yellow-4:#7d6f00;--monster-color-yellow-5:#463d00;--monster-color-yellow-6:#292300;--monster-color-lime-1:#f7ffac;--monster-color-lime-2:#d5f200;--monster-color-lime-3:#819300;--monster-color-lime-4:#677600;--monster-color-lime-5:#394100;--monster-color-lime-6:#222600;--monster-color-chartreuse-1:#e5ffc3;--monster-color-chartreuse-2:#98fb00;--monster-color-chartreuse-3:#5c9b00;--monster-color-chartreuse-4:#497c00;--monster-color-chartreuse-5:#264500;--monster-color-chartreuse-6:#182600;--monster-color-green-1:#e0ffd9;--monster-color-green-2:#72ff6c;--monster-color-green-3:#00a21f;--monster-color-green-4:#008217;--monster-color-green-5:#004908;--monster-color-green-6:#062800;--monster-color-emerald-1:#dcffe6;--monster-color-emerald-2:#5dffa2;--monster-color-emerald-3:#00a05a;--monster-color-emerald-4:#008147;--monster-color-emerald-5:#004825;--monster-color-emerald-6:#002812;--monster-color-aquamarine-1:#daffef;--monster-color-aquamarine-2:#42ffc6;--monster-color-aquamarine-3:#009f78;--monster-color-aquamarine-4:#007f5f;--monster-color-aquamarine-5:#004734;--monster-color-aquamarine-6:#00281b;--monster-color-teal-1:#d7fff7;--monster-color-teal-2:#00ffe4;--monster-color-teal-3:#009e8c;--monster-color-teal-4:#007c6e;--monster-color-teal-5:#00443c;--monster-color-teal-6:#002722;--monster-color-cyan-1:#c4fffe;--monster-color-cyan-2:#00fafb;--monster-color-cyan-3:#00999a;--monster-color-cyan-4:#007a7b;--monster-color-cyan-5:#004344;--monster-color-cyan-6:#002525;--monster-color-powder-1:#dafaff;--monster-color-powder-2:#8df0ff;--monster-color-powder-3:#0098a9;--monster-color-powder-4:#007987;--monster-color-powder-5:#004048;--monster-color-powder-6:#002227;--monster-color-sky-1:#e3f7ff;--monster-color-sky-2:#aee9ff;--monster-color-sky-3:#0094b4;--monster-color-sky-4:#007590;--monster-color-sky-5:#00404f;--monster-color-sky-6:#001f28;--monster-color-cerulean-1:#e8f6ff;--monster-color-cerulean-2:#b9e3ff;--monster-color-cerulean-3:#0092c5;--monster-color-cerulean-4:#00749d;--monster-color-cerulean-5:#003c54;--monster-color-cerulean-6:#001d2a;--monster-color-azure-1:#e8f2ff;--monster-color-azure-2:#c6e0ff;--monster-color-azure-3:#008fdb;--monster-color-azure-4:#0071af;--monster-color-azure-5:#003b5e;--monster-color-azure-6:#001c30;--monster-color-blue-1:#f0f4ff;--monster-color-blue-2:#d4e0ff;--monster-color-blue-3:#0089fc;--monster-color-blue-4:#006dca;--monster-color-blue-5:#00386d;--monster-color-blue-6:#001a39;--monster-color-indigo-1:#f3f3ff;--monster-color-indigo-2:#deddff;--monster-color-indigo-3:#657eff;--monster-color-indigo-4:#0061fc;--monster-color-indigo-5:#00328a;--monster-color-indigo-6:#001649;--monster-color-violet-1:#f7f1ff;--monster-color-violet-2:#e8daff;--monster-color-violet-3:#9b70ff;--monster-color-violet-4:#794aff;--monster-color-violet-5:#2d0fbf;--monster-color-violet-6:#0b0074;--monster-color-purple-1:#fdf4ff;--monster-color-purple-2:#f7d9ff;--monster-color-purple-3:#d150ff;--monster-color-purple-4:#b01fe3;--monster-color-purple-5:#660087;--monster-color-purple-6:#3a004f;--monster-color-magenta-1:#fff3fc;--monster-color-magenta-2:#ffd7f6;--monster-color-magenta-3:#f911e0;--monster-color-magenta-4:#ca00b6;--monster-color-magenta-5:#740068;--monster-color-magenta-6:#44003c;--monster-color-pink-1:#fff7fb;--monster-color-pink-2:#ffdcec;--monster-color-pink-3:#ff2fb2;--monster-color-pink-4:#d2008f;--monster-color-pink-5:#790051;--monster-color-pink-6:#4b0030;--monster-gradient-tangerine-1:#e5b875;--monster-gradient-tangerine-2:#d9a362;--monster-gradient-tangerine-3:#c08a4e;--monster-gradient-tangerine-4:#a7713b;--monster-gradient-tangerine-5:#8f5a28;--monster-gradient-tangerine-6:#360505;--monster-color-seashell-1:#f7f5ef;--monster-color-seashell-2:#e5e2d9;--monster-color-seashell-3:#cbc6b3;--monster-color-seashell-4:#a19d8a;--monster-color-seashell-5:#7a7566;--monster-color-seashell-6:#514d3f}.monster-theme-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-theme-primary-disabled-1{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1)}.monster-theme-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-theme-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-theme-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-theme-danger-1{background-color:var(--monster-bg-color-danger-1);color:var(--monster-color-danger-1)}.monster-theme-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-theme-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-theme-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-theme-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-border-color-1{border-color:var(--monster-color-border-1)}.monster-color-neutral-1{color:var(--monster-color-primary-1)}.monster-bg-color-primary-1{background-color:var(--monster-bg-color-primary-1)}.monster-bg-color-secondary-1{background-color:var(--monster-bg-color-secondary-1)}.monster-bg-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1)}.monster-color-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-color-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-color-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-color-danger-1{background-color:var(--monster-bg-color-danger-1);color:var(--monster-color-danger-1)}.monster-color-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-color-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-color-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-color-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-theme-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-theme-primary-disabled-2{background-color:var(--monster-bg-color-primary-disabled-2);color:var(--monster-color-primary-disabled-2)}.monster-theme-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-theme-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-theme-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-theme-danger-2{background-color:var(--monster-bg-color-danger-2);color:var(--monster-color-danger-2)}.monster-theme-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-theme-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-theme-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-theme-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-border-color-2{border-color:var(--monster-color-border-2)}.monster-color-neutral-2{color:var(--monster-color-primary-2)}.monster-bg-color-primary-2{background-color:var(--monster-bg-color-primary-2)}.monster-bg-color-secondary-2{background-color:var(--monster-bg-color-secondary-2)}.monster-bg-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2)}.monster-color-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-color-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-color-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-color-danger-2{background-color:var(--monster-bg-color-danger-2);color:var(--monster-color-danger-2)}.monster-color-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-color-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-color-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-color-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-theme-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-theme-primary-disabled-3{background-color:var(--monster-bg-color-primary-disabled-3);color:var(--monster-color-primary-disabled-3)}.monster-theme-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-theme-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-theme-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-theme-danger-3{background-color:var(--monster-bg-color-danger-3);color:var(--monster-color-danger-3)}.monster-theme-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-theme-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-theme-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-theme-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-border-color-3{border-color:var(--monster-color-border-3)}.monster-color-neutral-3{color:var(--monster-color-primary-3)}.monster-bg-color-primary-3{background-color:var(--monster-bg-color-primary-3)}.monster-bg-color-secondary-3{background-color:var(--monster-bg-color-secondary-3)}.monster-bg-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3)}.monster-color-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-color-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-color-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-color-danger-3{background-color:var(--monster-bg-color-danger-3);color:var(--monster-color-danger-3)}.monster-color-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-color-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-color-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-color-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-theme-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-theme-primary-disabled-4{background-color:var(--monster-bg-color-primary-disabled-4);color:var(--monster-color-primary-disabled-4)}.monster-theme-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-theme-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-theme-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-theme-danger-4{background-color:var(--monster-bg-color-danger-4);color:var(--monster-color-danger-4)}.monster-theme-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-theme-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-theme-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-theme-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-border-color-4{border-color:var(--monster-color-border-4)}.monster-color-neutral-4{color:var(--monster-color-primary-4)}.monster-bg-color-primary-4{background-color:var(--monster-bg-color-primary-4)}.monster-bg-color-secondary-4{background-color:var(--monster-bg-color-secondary-4)}.monster-bg-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4)}.monster-color-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-color-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-color-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-color-danger-4{background-color:var(--monster-bg-color-danger-4);color:var(--monster-color-danger-4)}.monster-color-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-color-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-color-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-color-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-theme-control-container-1,.monster-theme-control-row-1{border:1px solid var(--monster-theme-control-border-color)}.monster-theme-control-container-1,.monster-theme-control-element,.monster-theme-control-row-1{background-color:var(--monster-theme-control-bg-color);color:var(--monster-theme-control-color)}.monster-theme-control-background{background-color:var(--monster-theme-control-bg-color)}.monster-theme-background-inherit{background-color:inherit!important}.monster-theme-on{color:var(--monster-theme-on-color);background-color:var(--monster-theme-on-bg-color)}.monster-theme-off{color:var(--monster-theme-off-color);background-color:var(--monster-theme-off-bg-color)}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-0{border-width:0;border-radius:0;border-style:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}[data-monster-role=control]{font-family:inherit;font-size:inherit;margin:0;outline:none;box-sizing:border-box}[data-monster-role=control]: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)}[data-monster-role=control] .switch{position:relative;border-radius:var(--monster-theme-control-border-radius);border-width:var(--monster-theme-control-border-width);border-color:var(--monster-theme-control-border-color);border-style:var(--monster-theme-control-border-style);transition:background-color .2s;display:inline-grid;grid-template-columns:1fr 1fr;box-sizing:border-box;width:100%}[data-monster-role=control] .label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 .2em}[data-monster-role=control] .switch-slider{position:absolute;top:4px;bottom:4px;left:4px;right:4px;width:calc(50% - 4px);transition:.2s}[data-monster-role=control] .switch[data-monster-state=on] .label.off{visibility:hidden}[data-monster-role=control] .switch[data-monster-state=off] .label.off,[data-monster-role=control] .switch[data-monster-state=on] .label.on{visibility:visible}[data-monster-role=control] .switch[data-monster-state=off] .label.on{visibility:hidden}[data-monster-role=control] .switch[data-monster-state=on] .switch-slider{transform:translateX(100%);background-color:var(
28
+ :after,:before,:root{--monster-color-gray-1:#f6f6f6;--monster-color-gray-2:#e2e2e2;--monster-color-gray-3:#8b8b8b;--monster-color-gray-4:#6f6f6f;--monster-color-gray-5:#3e3e3e;--monster-color-gray-6:#222;--monster-color-rose-1:#fff7f9;--monster-color-rose-2:#ffdce5;--monster-color-rose-3:#ff3b8d;--monster-color-rose-4:#db0072;--monster-color-rose-5:#800040;--monster-color-rose-6:#4c0023;--monster-color-raspberry-1:#fff8f8;--monster-color-raspberry-2:#ffdddf;--monster-color-raspberry-3:#ff426c;--monster-color-raspberry-4:#de0051;--monster-color-raspberry-5:#82002c;--monster-color-raspberry-6:#510018;--monster-color-red-1:#fff8f6;--monster-color-red-2:#ffddd8;--monster-color-red-3:#ff4647;--monster-color-red-4:#e0002b;--monster-color-red-5:#830014;--monster-color-red-6:#530003;--monster-color-orange-1:#fff8f5;--monster-color-orange-2:#ffded1;--monster-color-orange-3:#fd4d00;--monster-color-orange-4:#cd3c00;--monster-color-orange-5:#752100;--monster-color-orange-6:#401600;--monster-color-cinnamon-1:#fff8f3;--monster-color-cinnamon-2:#ffdfc6;--monster-color-cinnamon-3:#d57300;--monster-color-cinnamon-4:#ac5c00;--monster-color-cinnamon-5:#633300;--monster-color-cinnamon-6:#371d00;--monster-color-amber-1:#fff8ef;--monster-color-amber-2:#ffe0b2;--monster-color-amber-3:#b98300;--monster-color-amber-4:#926700;--monster-color-amber-5:#523800;--monster-color-amber-6:#302100;--monster-color-yellow-1:#fff9e5;--monster-color-yellow-2:#ffe53e;--monster-color-yellow-3:#9c8b00;--monster-color-yellow-4:#7d6f00;--monster-color-yellow-5:#463d00;--monster-color-yellow-6:#292300;--monster-color-lime-1:#f7ffac;--monster-color-lime-2:#d5f200;--monster-color-lime-3:#819300;--monster-color-lime-4:#677600;--monster-color-lime-5:#394100;--monster-color-lime-6:#222600;--monster-color-chartreuse-1:#e5ffc3;--monster-color-chartreuse-2:#98fb00;--monster-color-chartreuse-3:#5c9b00;--monster-color-chartreuse-4:#497c00;--monster-color-chartreuse-5:#264500;--monster-color-chartreuse-6:#182600;--monster-color-green-1:#e0ffd9;--monster-color-green-2:#72ff6c;--monster-color-green-3:#00a21f;--monster-color-green-4:#008217;--monster-color-green-5:#004908;--monster-color-green-6:#062800;--monster-color-emerald-1:#dcffe6;--monster-color-emerald-2:#5dffa2;--monster-color-emerald-3:#00a05a;--monster-color-emerald-4:#008147;--monster-color-emerald-5:#004825;--monster-color-emerald-6:#002812;--monster-color-aquamarine-1:#daffef;--monster-color-aquamarine-2:#42ffc6;--monster-color-aquamarine-3:#009f78;--monster-color-aquamarine-4:#007f5f;--monster-color-aquamarine-5:#004734;--monster-color-aquamarine-6:#00281b;--monster-color-teal-1:#d7fff7;--monster-color-teal-2:#00ffe4;--monster-color-teal-3:#009e8c;--monster-color-teal-4:#007c6e;--monster-color-teal-5:#00443c;--monster-color-teal-6:#002722;--monster-color-cyan-1:#c4fffe;--monster-color-cyan-2:#00fafb;--monster-color-cyan-3:#00999a;--monster-color-cyan-4:#007a7b;--monster-color-cyan-5:#004344;--monster-color-cyan-6:#002525;--monster-color-powder-1:#dafaff;--monster-color-powder-2:#8df0ff;--monster-color-powder-3:#0098a9;--monster-color-powder-4:#007987;--monster-color-powder-5:#004048;--monster-color-powder-6:#002227;--monster-color-sky-1:#e3f7ff;--monster-color-sky-2:#aee9ff;--monster-color-sky-3:#0094b4;--monster-color-sky-4:#007590;--monster-color-sky-5:#00404f;--monster-color-sky-6:#001f28;--monster-color-cerulean-1:#e8f6ff;--monster-color-cerulean-2:#b9e3ff;--monster-color-cerulean-3:#0092c5;--monster-color-cerulean-4:#00749d;--monster-color-cerulean-5:#003c54;--monster-color-cerulean-6:#001d2a;--monster-color-azure-1:#e8f2ff;--monster-color-azure-2:#c6e0ff;--monster-color-azure-3:#008fdb;--monster-color-azure-4:#0071af;--monster-color-azure-5:#003b5e;--monster-color-azure-6:#001c30;--monster-color-blue-1:#f0f4ff;--monster-color-blue-2:#d4e0ff;--monster-color-blue-3:#0089fc;--monster-color-blue-4:#006dca;--monster-color-blue-5:#00386d;--monster-color-blue-6:#001a39;--monster-color-indigo-1:#f3f3ff;--monster-color-indigo-2:#deddff;--monster-color-indigo-3:#657eff;--monster-color-indigo-4:#0061fc;--monster-color-indigo-5:#00328a;--monster-color-indigo-6:#001649;--monster-color-violet-1:#f7f1ff;--monster-color-violet-2:#e8daff;--monster-color-violet-3:#9b70ff;--monster-color-violet-4:#794aff;--monster-color-violet-5:#2d0fbf;--monster-color-violet-6:#0b0074;--monster-color-purple-1:#fdf4ff;--monster-color-purple-2:#f7d9ff;--monster-color-purple-3:#d150ff;--monster-color-purple-4:#b01fe3;--monster-color-purple-5:#660087;--monster-color-purple-6:#3a004f;--monster-color-magenta-1:#fff3fc;--monster-color-magenta-2:#ffd7f6;--monster-color-magenta-3:#f911e0;--monster-color-magenta-4:#ca00b6;--monster-color-magenta-5:#740068;--monster-color-magenta-6:#44003c;--monster-color-pink-1:#fff7fb;--monster-color-pink-2:#ffdcec;--monster-color-pink-3:#ff2fb2;--monster-color-pink-4:#d2008f;--monster-color-pink-5:#790051;--monster-color-pink-6:#4b0030;--monster-gradient-tangerine-1:#e5b875;--monster-gradient-tangerine-2:#d9a362;--monster-gradient-tangerine-3:#c08a4e;--monster-gradient-tangerine-4:#a7713b;--monster-gradient-tangerine-5:#8f5a28;--monster-gradient-tangerine-6:#360505;--monster-color-seashell-1:#f7f5ef;--monster-color-seashell-2:#e5e2d9;--monster-color-seashell-3:#cbc6b3;--monster-color-seashell-4:#a19d8a;--monster-color-seashell-5:#7a7566;--monster-color-seashell-6:#514d3f}.monster-theme-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-theme-primary-disabled-1{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1)}.monster-theme-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-theme-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-theme-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-theme-danger-1{background-color:var(--monster-bg-color-danger-1);color:var(--monster-color-danger-1)}.monster-theme-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-theme-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-theme-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-theme-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-border-color-1{border-color:var(--monster-color-border-1)}.monster-color-neutral-1{color:var(--monster-color-primary-1)}.monster-bg-color-primary-1{background-color:var(--monster-bg-color-primary-1)}.monster-bg-color-secondary-1{background-color:var(--monster-bg-color-secondary-1)}.monster-bg-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1)}.monster-color-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-color-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-color-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-color-danger-1{background-color:var(--monster-bg-color-danger-1);color:var(--monster-color-danger-1)}.monster-color-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-color-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-color-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-color-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-theme-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-theme-primary-disabled-2{background-color:var(--monster-bg-color-primary-disabled-2);color:var(--monster-color-primary-disabled-2)}.monster-theme-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-theme-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-theme-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-theme-danger-2{background-color:var(--monster-bg-color-danger-2);color:var(--monster-color-danger-2)}.monster-theme-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-theme-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-theme-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-theme-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-border-color-2{border-color:var(--monster-color-border-2)}.monster-color-neutral-2{color:var(--monster-color-primary-2)}.monster-bg-color-primary-2{background-color:var(--monster-bg-color-primary-2)}.monster-bg-color-secondary-2{background-color:var(--monster-bg-color-secondary-2)}.monster-bg-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2)}.monster-color-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-color-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-color-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-color-danger-2{background-color:var(--monster-bg-color-danger-2);color:var(--monster-color-danger-2)}.monster-color-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-color-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-color-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-color-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-theme-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-theme-primary-disabled-3{background-color:var(--monster-bg-color-primary-disabled-3);color:var(--monster-color-primary-disabled-3)}.monster-theme-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-theme-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-theme-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-theme-danger-3{background-color:var(--monster-bg-color-danger-3);color:var(--monster-color-danger-3)}.monster-theme-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-theme-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-theme-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-theme-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-border-color-3{border-color:var(--monster-color-border-3)}.monster-color-neutral-3{color:var(--monster-color-primary-3)}.monster-bg-color-primary-3{background-color:var(--monster-bg-color-primary-3)}.monster-bg-color-secondary-3{background-color:var(--monster-bg-color-secondary-3)}.monster-bg-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3)}.monster-color-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-color-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-color-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-color-danger-3{background-color:var(--monster-bg-color-danger-3);color:var(--monster-color-danger-3)}.monster-color-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-color-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-color-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-color-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-theme-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-theme-primary-disabled-4{background-color:var(--monster-bg-color-primary-disabled-4);color:var(--monster-color-primary-disabled-4)}.monster-theme-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-theme-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-theme-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-theme-danger-4{background-color:var(--monster-bg-color-danger-4);color:var(--monster-color-danger-4)}.monster-theme-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-theme-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-theme-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-theme-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-border-color-4{border-color:var(--monster-color-border-4)}.monster-color-neutral-4{color:var(--monster-color-primary-4)}.monster-bg-color-primary-4{background-color:var(--monster-bg-color-primary-4)}.monster-bg-color-secondary-4{background-color:var(--monster-bg-color-secondary-4)}.monster-bg-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4)}.monster-color-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-color-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-color-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-color-danger-4{background-color:var(--monster-bg-color-danger-4);color:var(--monster-color-danger-4)}.monster-color-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-color-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-color-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-color-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-theme-control-container-1,.monster-theme-control-row-1{border:1px solid var(--monster-theme-control-border-color)}.monster-theme-control-container-1,.monster-theme-control-element,.monster-theme-control-row-1{background-color:var(--monster-theme-control-bg-color);color:var(--monster-theme-control-color)}.monster-theme-control-background{background-color:var(--monster-theme-control-bg-color)}.monster-theme-background-inherit{background-color:inherit!important}.monster-theme-on{color:var(--monster-theme-on-color);background-color:var(--monster-theme-on-bg-color)}.monster-theme-off{color:var(--monster-theme-off-color);background-color:var(--monster-theme-off-bg-color)}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-0{border-width:0;border-radius:0;border-style:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}[data-monster-role=control]{font-family:inherit;font-size:inherit;display:flex;align-items:center;min-block-size:inherit;margin:0;outline:none;box-sizing:border-box}[data-monster-role=control]: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)}[data-monster-role=control] .switch{position:relative;border-radius:var(--monster-theme-control-border-radius);border-width:var(--monster-theme-control-border-width);border-color:var(--monster-theme-control-border-color);border-style:var(--monster-theme-control-border-style);transition:background-color .2s;display:inline-grid;grid-template-columns:1fr 1fr;box-sizing:border-box;width:100%}[data-monster-role=control] .label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 .2em}[data-monster-role=control] .switch-slider{position:absolute;top:4px;bottom:4px;left:4px;right:4px;width:calc(50% - 4px);transition:.2s}[data-monster-role=control] .switch[data-monster-state=on] .label.off{visibility:hidden}[data-monster-role=control] .switch[data-monster-state=off] .label.off,[data-monster-role=control] .switch[data-monster-state=on] .label.on{visibility:visible}[data-monster-role=control] .switch[data-monster-state=off] .label.on{visibility:hidden}[data-monster-role=control] .switch[data-monster-state=on] .switch-slider{transform:translateX(100%);background-color:var(
29
29
  --monster-theme-accent,var(--monster-theme-on-bg-color)
30
30
  );color:var(
31
31
  --monster-theme-on-accent,var(--monster-theme-on-color)
32
- )}[data-monster-role=control] .switch[data-monster-state=off] .switch-slider{transform:translateX(0)}:host{cursor:pointer}:host([disabled]){cursor:not-allowed}
32
+ )}[data-monster-role=control] .switch[data-monster-state=off] .switch-slider{transform:translateX(0)}:host{cursor:pointer;min-block-size:var(--monster-control-min-block-size,1.8rem)}:host([disabled]){cursor:not-allowed}
33
33
  }`,
34
34
  0,
35
35
  );
package/test/cases/components/datatable/mobile-layout.mjs CHANGED
@@ -80,6 +80,19 @@ describe("Datatable mobile layout", () => {
80
80
  expect(generated).not.to.include("--monster-button-bar-gap:0.5rem");
81
81
  });
82
82
 
83
+ it("keeps icon-only row overflow menus compact", () => {
84
+ expect(source).to.include("& > monster-button-bar");
85
+ expect(source).to.include("--monster-action-menu-min-inline-size: auto");
86
+ expect(source).to.include("inline-size: 100%");
87
+ expect(source).to.include("max-inline-size: 100%");
88
+ expect(source).to.include("min-inline-size: 0");
89
+ expect(generated).to.include(
90
+ "--monster-action-menu-min-inline-size:auto",
91
+ );
92
+ expect(generated).to.include("inline-size:100%");
93
+ expect(generated).to.include("max-inline-size:100%");
94
+ });
95
+
83
96
  it("stacks labels above values when a responsive card becomes narrow", () => {
84
97
  expect(source).to.include("container-name: monster-datatable-responsive");
85
98
  expect(source).to.include("container-type: inline-size");
package/test/cases/components/form/button-bar.mjs CHANGED
@@ -416,6 +416,27 @@ describe("ButtonBar", function () {
416
416
  expect(cssText).to.contain("--monster-button-bar-popper-item-spacing");
417
417
  expect(cssText).to.match(/--monster-button-bar-item-spacing,\s*0/u);
418
418
  expect(cssText).to.match(/--monster-button-bar-popper-item-spacing,\s*0/u);
419
+ expect(cssText).to.contain(
420
+ ":has(>[data-monster-role=switch][hidden])",
421
+ );
422
+ });
423
+
424
+ it("should stack a nested button bar inside a parent overflow item", function () {
425
+ const cssText = ButtonBar.getCSSStyleSheet()
426
+ .flatMap((styleSheet) => Array.from(styleSheet.cssRules))
427
+ .map((rule) => rule.cssText)
428
+ .join("\n");
429
+
430
+ expect(cssText).to.match(
431
+ /flex-direction:\s*var\(--monster-button-bar-flex-direction,\s*row\)/u,
432
+ );
433
+ expect(cssText).to.match(
434
+ /--monster-button-bar-flex-direction:\s*column/u,
435
+ );
436
+ expect(cssText).to.match(/--monster-button-bar-height:\s*auto/u);
437
+ expect(cssText).to.match(
438
+ /slot:not\(\[name\]\)[\s\S]*?inline-size:\s*100%/u,
439
+ );
419
440
  });
420
441
 
421
442
  it("should clear joined-border offsets when a button gap is configured", async function () {