@schukai/monster 4.154.11 → 5.0.0

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 (100) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/package.json +1 -1
  3. package/source/components/accessibility/stylesheet/locale-picker.mjs +21 -23
  4. package/source/components/content/stylesheet/camera-capture.mjs +5 -1
  5. package/source/components/content/stylesheet/copy.mjs +5 -1
  6. package/source/components/content/stylesheet/fetch-box.mjs +60 -1
  7. package/source/components/content/stylesheet/viewer.mjs +21 -23
  8. package/source/components/content/viewer/stylesheet/html.mjs +1 -1
  9. package/source/components/content/viewer/stylesheet/message.mjs +1 -1
  10. package/source/components/data/stylesheet/kpi-tile.mjs +16 -22
  11. package/source/components/data/stylesheet/metric-graph.mjs +16 -22
  12. package/source/components/data/stylesheet/metric.mjs +16 -22
  13. package/source/components/datatable/stylesheet/change-button.mjs +21 -23
  14. package/source/components/datatable/stylesheet/column-bar.mjs +23 -25
  15. package/source/components/datatable/stylesheet/dataset.mjs +76 -23
  16. package/source/components/datatable/stylesheet/datatable.mjs +80 -27
  17. package/source/components/datatable/stylesheet/embedded-pagination.mjs +5 -1
  18. package/source/components/datatable/stylesheet/filter-button.mjs +1 -1
  19. package/source/components/datatable/stylesheet/filter-select.mjs +21 -23
  20. package/source/components/datatable/stylesheet/filter.mjs +21 -23
  21. package/source/components/datatable/stylesheet/pagination.mjs +21 -23
  22. package/source/components/datatable/stylesheet/save-button.mjs +21 -23
  23. package/source/components/datatable/stylesheet/status.mjs +21 -23
  24. package/source/components/files/style/file-manager.pcss +111 -0
  25. package/source/components/files/stylesheet/file-manager.mjs +3 -20
  26. package/source/components/form/stylesheet/action-button.mjs +9 -3
  27. package/source/components/form/stylesheet/button-bar.mjs +54 -41
  28. package/source/components/form/stylesheet/button.mjs +17 -23
  29. package/source/components/form/stylesheet/choice-cards.mjs +1 -1
  30. package/source/components/form/stylesheet/control-bar-spacer.mjs +1 -1
  31. package/source/components/form/stylesheet/control-bar.mjs +66 -47
  32. package/source/components/form/stylesheet/popper-button.mjs +16 -22
  33. package/source/components/form/stylesheet/quantity.mjs +1 -1
  34. package/source/components/form/stylesheet/select.mjs +2 -2
  35. package/source/components/form/stylesheet/sheet.mjs +1 -1
  36. package/source/components/form/stylesheet/wizard.mjs +5 -1
  37. package/source/components/host/stylesheet/call-button.mjs +21 -23
  38. package/source/components/host/stylesheet/host.mjs +5 -1
  39. package/source/components/host/stylesheet/toggle-button.mjs +21 -23
  40. package/source/components/layout/stylesheet/collapse.mjs +21 -23
  41. package/source/components/layout/stylesheet/details.mjs +21 -23
  42. package/source/components/layout/stylesheet/iframe.mjs +1 -1
  43. package/source/components/layout/stylesheet/overlay.mjs +5 -1
  44. package/source/components/layout/stylesheet/panel.mjs +5 -1
  45. package/source/components/layout/stylesheet/slider.mjs +5 -1
  46. package/source/components/layout/stylesheet/width-toggle.mjs +1 -1
  47. package/source/components/navigation/stylesheet/site-navigation.mjs +5 -1
  48. package/source/components/navigation/stylesheet/table-of-content.mjs +5 -1
  49. package/source/components/navigation/stylesheet/wizard-navigation.mjs +5 -1
  50. package/source/components/notify/stylesheet/message.mjs +1 -1
  51. package/source/components/notify/stylesheet/notify.mjs +1 -1
  52. package/source/components/state/style/thread-message.pcss +231 -0
  53. package/source/components/state/stylesheet/log.mjs +1 -1
  54. package/source/components/state/stylesheet/state.mjs +1 -1
  55. package/source/components/state/stylesheet/thread-message.mjs +2 -2
  56. package/source/components/state/stylesheet/thread.mjs +1 -1
  57. package/source/components/style/accessibility.css +1 -32
  58. package/source/components/style/badge.css +1 -147
  59. package/source/components/style/border.css +1 -65
  60. package/source/components/style/button.css +16 -22
  61. package/source/components/style/card.css +1 -155
  62. package/source/components/style/color.css +1 -166
  63. package/source/components/style/control.css +1 -14
  64. package/source/components/style/data-grid.css +1 -447
  65. package/source/components/style/display.css +1 -32
  66. package/source/components/style/floating-ui.css +1 -89
  67. package/source/components/style/host.css +1 -14
  68. package/source/components/style/icons.css +1 -1584
  69. package/source/components/style/popper.css +1 -101
  70. package/source/components/style/property.css +5 -1
  71. package/source/components/style/ripple.css +1 -13
  72. package/source/components/style/skeleton.css +56 -1
  73. package/source/components/style/space.css +1 -240
  74. package/source/components/style/spinner.css +1 -7
  75. package/source/components/style/table.css +1 -88
  76. package/source/components/style/theme-modern.css +4 -4
  77. package/source/components/style/theme.css +1 -388
  78. package/source/components/style/tree-menu.css +2 -0
  79. package/source/components/style/tree-menu.pcss +95 -0
  80. package/source/components/style/typography.css +1 -258
  81. package/source/components/stylesheet/button.mjs +16 -22
  82. package/source/components/stylesheet/icons.mjs +1 -1
  83. package/source/components/stylesheet/property.mjs +5 -1
  84. package/source/components/stylesheet/skeleton.mjs +56 -1
  85. package/source/components/stylesheet/spinner.mjs +1 -1
  86. package/source/components/stylesheet/theme-modern.mjs +4 -4
  87. package/source/components/stylesheet/tree-menu.mjs +3 -5
  88. package/source/components/time/stylesheet/day.mjs +16 -22
  89. package/source/components/time/timeline/stylesheet/appointment.mjs +21 -23
  90. package/source/components/time/timeline/stylesheet/segment.mjs +21 -23
  91. package/source/components/tree-menu/stylesheet/tree-menu.mjs +1 -1
  92. package/source/dom/customelement.mjs +49 -16
  93. package/source/types/version.mjs +1 -1
  94. package/test/cases/components/form/control-heights.mjs +2 -2
  95. package/test/cases/components/style/skeleton.mjs +2 -2
  96. package/test/cases/components/style/theme-modern.mjs +7 -13
  97. package/test/cases/dom/customelement.mjs +4 -8
  98. package/test/cases/dom/early-options-contract.mjs +40 -0
  99. package/test/cases/dom/options-lifecycle.mjs +216 -0
  100. package/test/util/early-options.mjs +84 -0
package/source/components/files/style/file-manager.pcss ADDED
@@ -0,0 +1,111 @@
1
+ :host {
2
+ box-sizing: border-box;
3
+ display: block;
4
+ height: var(--monster-file-manager-height, clamp(320px, 70vh, 720px));
5
+ min-height: 320px;
6
+ }
7
+
8
+ [data-monster-role="control"] {
9
+ box-sizing: border-box;
10
+ display: flex;
11
+ flex-direction: column;
12
+ gap: var(--monster-space-4);
13
+ height: 100%;
14
+ }
15
+
16
+ [data-monster-role="toolbar"] {
17
+ align-items: center;
18
+ display: flex;
19
+ gap: var(--monster-space-4);
20
+ justify-content: space-between;
21
+ }
22
+
23
+ [data-monster-role="actions"] {
24
+ display: flex;
25
+ gap: var(--monster-space-3);
26
+ justify-content: flex-end;
27
+ }
28
+
29
+ [data-monster-role="title"] {
30
+ font-weight: 700;
31
+ }
32
+
33
+ monster-split-panel {
34
+ flex: 1;
35
+ min-height: 300px;
36
+ }
37
+
38
+ monster-split-panel::part(control) {
39
+ height: 100%;
40
+ }
41
+
42
+ monster-split-panel::part(endPanel) {
43
+ overflow: hidden;
44
+ }
45
+
46
+ [data-monster-role="nav-panel"],
47
+ [data-monster-role="editor-panel"] {
48
+ height: 100%;
49
+ }
50
+
51
+ [data-monster-role="nav-panel"] {
52
+ display: flex;
53
+ flex-direction: column;
54
+ min-height: 0;
55
+ }
56
+
57
+ [data-monster-role="editor-panel"] {
58
+ display: flex;
59
+ flex-direction: column;
60
+ gap: var(--monster-space-3);
61
+ min-height: 0;
62
+ overflow: hidden;
63
+ position: relative;
64
+ }
65
+
66
+ [data-monster-role="tabs-container"] {
67
+ display: flex;
68
+ flex: 1;
69
+ flex-direction: column;
70
+ min-height: 0;
71
+ overflow: hidden;
72
+ }
73
+
74
+ monster-tabs {
75
+ flex: 1;
76
+ height: 100%;
77
+ min-height: 0;
78
+ }
79
+
80
+ [data-monster-role="empty"] {
81
+ align-items: center;
82
+ display: flex;
83
+ inset: 0;
84
+ justify-content: center;
85
+ padding: var(--monster-space-4);
86
+ position: absolute;
87
+ text-align: center;
88
+ }
89
+
90
+ [data-monster-role="tab-content"] {
91
+ display: flex;
92
+ flex: 1;
93
+ flex-direction: column;
94
+ height: 100%;
95
+ min-height: 0;
96
+ overflow: auto;
97
+ }
98
+
99
+ [data-monster-role="tab-content"]:not(.active) {
100
+ display: none;
101
+ }
102
+
103
+ [data-monster-role="editor"] {
104
+ flex: 1;
105
+ font-family: var(--monster-font-family-monospace);
106
+ height: 100%;
107
+ min-height: 0;
108
+ overflow: auto;
109
+ resize: none;
110
+ width: 100%;
111
+ }
package/source/components/files/stylesheet/file-manager.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © Volker Schukai and all contributing authors, 2025. All rights reserved.
2
+ * Copyright © Volker Schukai and all contributing authors, 2026. All rights reserved.
3
3
  * Node module: @schukai/monster
4
4
  *
5
5
  * This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
@@ -25,25 +25,8 @@ try {
25
25
  FileManagerStyleSheet.insertRule(
26
26
  `
27
27
  @layer filemanager {
28
- :host{box-sizing:border-box;display:block;height:var(--monster-file-manager-height,clamp(320px,70vh,720px));min-height:320px}
29
- [data-monster-role=control]{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--monster-space-4);height:100%}
30
- [data-monster-role=toolbar]{align-items:center;display:flex;gap:var(--monster-space-4);justify-content:space-between}
31
- [data-monster-role=actions]{display:flex;gap:var(--monster-space-3);justify-content:flex-end}
32
- [data-monster-role=title]{font-weight:700}
33
- monster-split-panel{flex:1;min-height:300px}
34
- monster-split-panel::part(control){height:100%}
35
- monster-split-panel::part(endPanel){overflow:hidden}
36
- [data-monster-role=nav-panel],[data-monster-role=editor-panel]{height:100%}
37
- [data-monster-role=nav-panel]{display:flex;flex-direction:column;min-height:0}
38
- [data-monster-role=editor-panel]{display:flex;flex-direction:column;gap:var(--monster-space-3);min-height:0;overflow:hidden;position:relative}
39
- [data-monster-role=tabs-container]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
40
- monster-tabs{flex:1;min-height:0;height:100%}
41
- [data-monster-role=empty]{align-items:center;display:flex;inset:0;justify-content:center;padding:var(--monster-space-4);position:absolute;text-align:center}
42
- [data-monster-role=tab-content]{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;overflow:auto}
43
- [data-monster-role=tab-content]:not(.active){display:none}
44
- [data-monster-role=editor]{flex:1;font-family:var(--monster-font-family-monospace);height:100%;min-height:0;overflow:auto;resize:none;width:100%}
45
- }
46
- `,
28
+ :host{box-sizing:border-box;display:block;height:var(--monster-file-manager-height,clamp(320px,70vh,720px));min-height:320px}[data-monster-role=control]{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--monster-space-4);height:100%}[data-monster-role=toolbar]{align-items:center;display:flex;gap:var(--monster-space-4);justify-content:space-between}[data-monster-role=actions]{display:flex;gap:var(--monster-space-3);justify-content:flex-end}[data-monster-role=title]{font-weight:700}monster-split-panel{flex:1;min-height:300px}monster-split-panel::part(control){height:100%}monster-split-panel::part(endPanel){overflow:hidden}[data-monster-role=editor-panel],[data-monster-role=nav-panel]{height:100%}[data-monster-role=nav-panel]{display:flex;flex-direction:column;min-height:0}[data-monster-role=editor-panel]{display:flex;flex-direction:column;gap:var(--monster-space-3);min-height:0;overflow:hidden;position:relative}[data-monster-role=tabs-container]{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}monster-tabs{flex:1;height:100%;min-height:0}[data-monster-role=empty]{align-items:center;display:flex;inset:0;justify-content:center;padding:var(--monster-space-4);position:absolute;text-align:center}[data-monster-role=tab-content]{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;overflow:auto}[data-monster-role=tab-content]:not(.active){display:none}[data-monster-role=editor]{flex:1;font-family:var(--monster-font-family-monospace);height:100%;min-height:0;overflow:auto;resize:none;width:100%}
29
+ }`,
47
30
  0,
48
31
  );
49
32
  } catch (e) {
package/source/components/form/stylesheet/action-button.mjs CHANGED
@@ -25,7 +25,11 @@ try {
25
25
  ActionButtonStyleSheet.insertRule(
26
26
  `
27
27
  @layer actionbutton {
28
- :after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-font-family-monospace:\"Consolas\",\"Courier New\",\"Roboto Mono\",\"Source Code Pro\",\"Fira Mono\",monospace;--monster-font-size-min:15px;--monster-font-size-base:16px;--monster-font-size-max:16px;--monster-font-scale:1;--monster-font-scale-hi-dpi:1.25;--monster-font-scale-xhi-dpi:1.25;--monster-font-size-fluid:clamp(var(--monster-font-size-min),calc(var(--monster-font-size-min) + 0.1vw),var(--monster-font-size-max))}@media (min-resolution:1.5dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-hi-dpi,1.1)}}@media (min-resolution:3dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-xhi-dpi,1.18)}}:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1)}}:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1)}}:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1)}}:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-4);--monster-color-danger-3:var(--monster-color-raspberry-6);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-4);--monster-bg-color-danger-2:var(--monster-color-gray-1);--monster-bg-color-danger-3:var(--monster-color-raspberry-2);--monster-bg-color-danger-4:var(--monster-color-raspberry-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-3);--monster-color-danger-3:var(--monster-color-raspberry-4);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-5);--monster-bg-color-danger-2:var(--monster-color-gray-6);--monster-bg-color-danger-3:var(--monster-color-raspberry-1);--monster-bg-color-danger-4:var(--monster-color-raspberry-4)}}:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3)}}:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3)}}:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}}:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}:after,:before,:root{--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--monster-border-radius:0;--monster-outline-width:1px;--monster-focus-ring-width:2px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-color-blue-4);--monster-focus-ring-offset:2px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-focus-ring-color:var(--monster-color-yellow-2)}}:after,:before,:root{--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px;--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-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] div[data-monster-role=popper]{padding:var(
28
+ :after,:before,:root{--monster-font-family:-apple-system, BlinkMacSystemFont, \"Quicksand\", \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";--monster-font-family-monospace:\"Consolas\", \"Courier New\", \"Roboto Mono\", \"Source Code Pro\", \"Fira Mono\", monospace;--monster-font-size-min:15px;--monster-font-size-base:16px;--monster-font-size-max:16px;--monster-font-scale:1;--monster-font-scale-hi-dpi:1.25;--monster-font-scale-xhi-dpi:1.25;--monster-font-size-fluid:clamp(
29
+ var(--monster-font-size-min),
30
+ calc(var(--monster-font-size-min) + 0.1vw),
31
+ var(--monster-font-size-max)
32
+ )}@media (min-resolution:1.5dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-hi-dpi, 1.1)}}@media (min-resolution:3dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-xhi-dpi, 1.18)}}:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1)}}:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1)}}:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1)}}:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-4);--monster-color-danger-3:var(--monster-color-raspberry-6);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-4);--monster-bg-color-danger-2:var(--monster-color-gray-1);--monster-bg-color-danger-3:var(--monster-color-raspberry-2);--monster-bg-color-danger-4:var(--monster-color-raspberry-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-3);--monster-color-danger-3:var(--monster-color-raspberry-4);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-5);--monster-bg-color-danger-2:var(--monster-color-gray-6);--monster-bg-color-danger-3:var(--monster-color-raspberry-1);--monster-bg-color-danger-4:var(--monster-color-raspberry-4)}}:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3)}}:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3)}}:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}}:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}:after,:before,:root{--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--monster-border-radius:0;--monster-outline-width:1px;--monster-focus-ring-width:2px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-color-blue-4);--monster-focus-ring-offset:2px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-focus-ring-color:var(--monster-color-yellow-2)}}:after,:before,:root{--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px;--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-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] div[data-monster-role=popper]{padding:var(
29
33
  --monster-action-button-popper-padding,var(--monster-action-menu-padding,2px)
30
34
  );background:var(
31
35
  --monster-action-button-popper-background-color,var(
@@ -50,9 +54,11 @@ try {
50
54
  );min-inline-size:var(
51
55
  --monster-action-button-menu-min-inline-size,var(--monster-action-menu-min-inline-size,auto)
52
56
  );width:100%}[data-monster-role=control] monster-message-state-button{--monster-button-min-block-size:var(
53
- --monster-action-menu-item-min-block-size,var(--monster-control-min-block-size,auto)
57
+ --monster-action-menu-item-min-block-size,
58
+ var(--monster-control-min-block-size, auto)
54
59
  );--monster-state-button-label-justify-content:var(
55
- --monster-action-button-item-label-justify-content,center
60
+ --monster-action-button-item-label-justify-content,
61
+ center
56
62
  );width:var(--monster-action-button-item-inline-size,auto);border:0}:is([data-monster-role=control] monster-message-state-button)::part(button-button){width:var(--monster-action-button-item-inline-size,revert-layer);min-inline-size:var(
57
63
  --monster-action-button-item-min-inline-size,revert-layer
58
64
  );justify-content:var(
package/source/components/form/stylesheet/button-bar.mjs CHANGED
@@ -27,7 +27,7 @@ try {
27
27
  @layer buttonbar {
28
28
  .block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}[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-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)}button{background-color:var(
29
29
  --monster-button-background-color,var(--monster-bg-color-primary-1)
30
- );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
30
+ );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
31
31
  --monster-button-border-radius,var(--monster-border-radius)
32
32
  );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
33
33
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -37,51 +37,45 @@ try {
37
37
  --monster-button-background-color,var(--monster-bg-color-primary-4)
38
38
  );border-color:var(
39
39
  --monster-button-border-color,var(--monster-bg-color-primary-4)
40
- )}.monster-button-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
41
- --monster-button-border-radius,var(--monster-border-radius)
42
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-secondary-4));background-color:var(
40
+ )}.monster-button-secondary{color:var(--monster-button-color,var(--monster-color-secondary-4));background-color:var(
43
41
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
42
  );border-color:var(
45
43
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
44
+ )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
45
+ --monster-button-border-radius,var(--monster-border-radius)
46
+ );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
47
47
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
48
48
  );padding:var(
49
49
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
50
- );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-tertiary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
51
- --monster-button-border-radius,var(--monster-border-radius)
52
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-tertiary-4));background-color:var(
50
+ );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-tertiary{color:var(--monster-button-color,var(--monster-color-tertiary-4));background-color:var(
53
51
  --monster-button-background-color,var(--monster-bg-color-tertiary-4)
54
52
  );border-color:var(
55
53
  --monster-button-border-color,var(--monster-bg-color-tertiary-4)
56
- )}.monster-button-destructive{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
57
- --monster-button-border-radius,var(--monster-border-radius)
58
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-destructive-1));background-color:var(
54
+ )}.monster-button-destructive{color:var(--monster-button-color,var(--monster-color-destructive-1));background-color:var(
59
55
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
56
  );border-color:var(
61
57
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
58
+ )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
59
+ --monster-button-border-radius,var(--monster-border-radius)
60
+ );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
63
61
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
62
  );padding:var(
65
63
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
66
- );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-primary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
67
- --monster-button-border-radius,var(--monster-border-radius)
68
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-primary-4));background-color:var(
64
+ );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-primary{color:var(--monster-button-color,var(--monster-bg-color-primary-4));background-color:var(
69
65
  --monster-button-background-color,var(--monster-color-primary-4)
70
66
  );border-color:var(
71
67
  --monster-button-border-color,var(--monster-bg-color-primary-4)
72
- )}.monster-button-outline-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
73
- --monster-button-border-radius,var(--monster-border-radius)
74
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-secondary-4));background-color:var(
68
+ )}.monster-button-outline-secondary{color:var(--monster-button-color,var(--monster-bg-color-secondary-4));background-color:var(
75
69
  --monster-button-background-color,var(--monster-color-secondary-4)
76
70
  );border-color:var(
77
71
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
72
+ )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
73
+ --monster-button-border-radius,var(--monster-border-radius)
74
+ );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
79
75
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
76
  );padding:var(
81
77
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
82
- );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-tertiary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
83
- --monster-button-border-radius,var(--monster-border-radius)
84
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-tertiary-4));background-color:var(
78
+ );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-tertiary{color:var(--monster-button-color,var(--monster-bg-color-tertiary-4));background-color:var(
85
79
  --monster-button-background-color,var(--monster-color-tertiary-4)
86
80
  );border-color:var(
87
81
  --monster-button-border-color,var(--monster-bg-color-tertiary-4)
@@ -112,41 +106,60 @@ try {
112
106
  )}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(
113
107
  --monster-button-bar-popper-gap,var(--monster-action-menu-gap,0)
114
108
  )}: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(
115
- --monster-action-menu-item-min-block-size,var(--monster-control-min-block-size,auto)
109
+ --monster-action-menu-item-min-block-size,
110
+ var(--monster-control-min-block-size, auto)
116
111
  );--monster-button-padding:var(
117
- --monster-action-menu-item-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
112
+ --monster-action-menu-item-padding,
113
+ var(--monster-control-padding-block, .375rem)
114
+ var(--monster-control-padding-inline, .75rem)
118
115
  );--monster-button-color:var(
119
- --monster-action-menu-item-color,var(--monster-color-primary-1)
116
+ --monster-action-menu-item-color,
117
+ var(--monster-color-primary-1)
120
118
  );--monster-button-background-color:var(
121
- --monster-action-menu-item-background-color,transparent
119
+ --monster-action-menu-item-background-color,
120
+ transparent
122
121
  );--monster-button-border-width:var(
123
- --monster-action-menu-item-border-width,0
122
+ --monster-action-menu-item-border-width,
123
+ 0
124
124
  );--monster-button-border-style:var(
125
- --monster-action-menu-item-border-style,solid
125
+ --monster-action-menu-item-border-style,
126
+ solid
126
127
  );--monster-button-border-color:var(
127
- --monster-action-menu-item-border-color,transparent
128
+ --monster-action-menu-item-border-color,
129
+ transparent
128
130
  );--monster-button-border-radius:var(
129
- --monster-action-menu-item-border-radius,var(--monster-border-radius)
131
+ --monster-action-menu-item-border-radius,
132
+ var(--monster-border-radius)
130
133
  );--monster-button-box-shadow:var(
131
- --monster-action-menu-item-box-shadow,none
134
+ --monster-action-menu-item-box-shadow,
135
+ none
132
136
  );--monster-button-justify-content:var(
133
- --monster-action-menu-item-justify-content,flex-start
137
+ --monster-action-menu-item-justify-content,
138
+ flex-start
134
139
  );--monster-button-text-align:var(
135
- --monster-action-menu-item-text-align,left
140
+ --monster-action-menu-item-text-align,
141
+ left
136
142
  );--monster-focus-ring-offset:var(
137
- --monster-action-menu-item-focus-outline-offset,-2px
143
+ --monster-action-menu-item-focus-outline-offset,
144
+ -2px
138
145
  );--monster-state-button-label-justify-content:var(
139
- --monster-action-menu-item-justify-content,flex-start
146
+ --monster-action-menu-item-justify-content,
147
+ flex-start
140
148
  );--monster-state-button-justify-content:var(
141
- --monster-action-menu-item-justify-content,flex-start
142
- );display:flex;width:-webkit-fill-available;width:-moz-available;width:fill-available}:is(div[data-monster-role=control] slot[name=popper])::slotted(:is(:hover,:active)){--monster-button-color:var(
143
- --monster-action-menu-item-hover-color,var(--monster-color-primary-1)
149
+ --monster-action-menu-item-justify-content,
150
+ flex-start
151
+ );display:flex;width:-moz-available;width:-webkit-fill-available;width:fill-available}:is(div[data-monster-role=control] slot[name=popper])::slotted(:is(:hover,:active)){--monster-button-color:var(
152
+ --monster-action-menu-item-hover-color,
153
+ var(--monster-color-primary-1)
144
154
  );--monster-button-background-color:var(
145
- --monster-action-menu-item-hover-background-color,var(--monster-bg-color-primary-2)
155
+ --monster-action-menu-item-hover-background-color,
156
+ var(--monster-bg-color-primary-2)
146
157
  );--monster-button-border-color:var(
147
- --monster-action-menu-item-hover-border-color,transparent
158
+ --monster-action-menu-item-hover-border-color,
159
+ transparent
148
160
  );--monster-box-shadow-2:var(
149
- --monster-action-menu-item-hover-box-shadow,none
161
+ --monster-action-menu-item-hover-box-shadow,
162
+ none
150
163
  )}:is(div[data-monster-role=control] slot[name=popper])::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;inline-size:100%;min-block-size:var(
151
164
  --monster-action-menu-item-min-block-size,var(--monster-control-min-block-size,auto)
152
165
  );justify-content:var(
package/source/components/form/stylesheet/button.mjs CHANGED
@@ -25,7 +25,7 @@ try {
25
25
  ButtonStyleSheet.insertRule(
26
26
  `
27
27
  @layer button {
28
- [data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}button{width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
28
+ [data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}button{width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
29
29
  --monster-button-border-radius,var(--monster-border-radius)
30
30
  );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
31
31
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -33,55 +33,49 @@ try {
33
33
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
34
34
  );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem;background-color:var(
35
35
  --monster-button-background-color,var(--monster-bg-color-primary-1)
36
- );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
37
- --monster-button-border-radius,var(--monster-border-radius)
38
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-primary-4));background-color:var(
36
+ );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary{color:var(--monster-button-color,var(--monster-color-primary-4));background-color:var(
39
37
  --monster-button-background-color,var(--monster-bg-color-primary-4)
40
38
  );border-color:var(
41
39
  --monster-button-border-color,var(--monster-bg-color-primary-4)
42
- )}.monster-button-primary,.monster-button-secondary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
40
+ )}.monster-button-primary,.monster-button-secondary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
41
+ --monster-button-border-radius,var(--monster-border-radius)
42
+ );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
43
43
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
44
44
  );padding:var(
45
45
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
46
- );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
47
- --monster-button-border-radius,var(--monster-border-radius)
48
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-secondary-4));background-color:var(
46
+ );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-secondary{color:var(--monster-button-color,var(--monster-color-secondary-4));background-color:var(
49
47
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
50
48
  );border-color:var(
51
49
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
52
- )}.monster-button-tertiary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
53
- --monster-button-border-radius,var(--monster-border-radius)
54
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-tertiary-4));background-color:var(
50
+ )}.monster-button-tertiary{color:var(--monster-button-color,var(--monster-color-tertiary-4));background-color:var(
55
51
  --monster-button-background-color,var(--monster-bg-color-tertiary-4)
56
52
  );border-color:var(
57
53
  --monster-button-border-color,var(--monster-bg-color-tertiary-4)
58
- )}.monster-button-destructive,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
54
+ )}.monster-button-destructive,.monster-button-tertiary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
55
+ --monster-button-border-radius,var(--monster-border-radius)
56
+ );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
59
57
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
60
58
  );padding:var(
61
59
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
62
- );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-destructive{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
63
- --monster-button-border-radius,var(--monster-border-radius)
64
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-destructive-1));background-color:var(
60
+ );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-destructive{color:var(--monster-button-color,var(--monster-color-destructive-1));background-color:var(
65
61
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
66
62
  );border-color:var(
67
63
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
68
- )}.monster-button-outline-primary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
69
- --monster-button-border-radius,var(--monster-border-radius)
70
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-primary-4));background-color:var(
64
+ )}.monster-button-outline-primary{color:var(--monster-button-color,var(--monster-bg-color-primary-4));background-color:var(
71
65
  --monster-button-background-color,var(--monster-color-primary-4)
72
66
  );border-color:var(
73
67
  --monster-button-border-color,var(--monster-bg-color-primary-4)
74
- )}.monster-button-outline-primary,.monster-button-outline-secondary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
68
+ )}.monster-button-outline-primary,.monster-button-outline-secondary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
69
+ --monster-button-border-radius,var(--monster-border-radius)
70
+ );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
75
71
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
76
72
  );padding:var(
77
73
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
78
- );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
79
- --monster-button-border-radius,var(--monster-border-radius)
80
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-secondary-4));background-color:var(
74
+ );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-secondary{color:var(--monster-button-color,var(--monster-bg-color-secondary-4));background-color:var(
81
75
  --monster-button-background-color,var(--monster-color-secondary-4)
82
76
  );border-color:var(
83
77
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
84
- )}.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
78
+ )}.monster-button-outline-tertiary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
85
79
  --monster-button-border-radius,var(--monster-border-radius)
86
80
  );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
87
81
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
package/source/components/form/stylesheet/choice-cards.mjs CHANGED
@@ -31,7 +31,7 @@ try {
31
31
  --monster-theme-accent,var(--monster-color-primary-1)
32
32
  );border-radius:999px;color:var(
33
33
  --monster-theme-on-accent,var(--monster-bg-color-primary-1)
34
- );display:none;height:1rem;justify-content:center;left:.32rem;position:absolute;top:.32rem;width:1rem}[data-monster-role=choice].selected [data-monster-role=indicator]{display:flex}[data-monster-role=indicator]:before{background:currentColor;content:\"\";height:.72rem;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.78 4.72a.75.75 0 0 1 0 1.06l-5.25 5.25a.75.75 0 0 1-1.06 0L3.22 7.78a.75.75 0 1 1 1.06-1.06L7 9.44l4.72-4.72a.75.75 0 0 1 1.06 0'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.78 4.72a.75.75 0 0 1 0 1.06l-5.25 5.25a.75.75 0 0 1-1.06 0L3.22 7.78a.75.75 0 1 1 1.06-1.06L7 9.44l4.72-4.72a.75.75 0 0 1 1.06 0'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.72rem}[data-monster-role=visual]{align-items:center;color:var(--monster-color-primary-1);display:inline-flex;height:1.8rem;justify-content:center;width:1.8rem}[data-monster-role=visual].empty{display:none}[data-monster-role=label]{display:block;font-size:.86rem;font-weight:600;line-height:1.25;max-width:100%;min-width:0;overflow-wrap:anywhere}@media (prefers-color-scheme:light){[data-monster-role=choice]{border-color:var(--monster-bg-color-primary-3)}[data-monster-role=choice].selected{border-color:var(
34
+ );display:none;height:1rem;justify-content:center;left:.32rem;position:absolute;top:.32rem;width:1rem}[data-monster-role=choice].selected [data-monster-role=indicator]{display:flex}[data-monster-role=indicator]:before{background:currentColor;content:\"\";height:.72rem;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.78%204.72a.75.75%200%200%201%200%201.06l-5.25%205.25a.75.75%200%200%201-1.06%200L3.22%207.78a.75.75%200%201%201%201.06-1.06L7%209.44l4.72-4.72a.75.75%200%200%201%201.06%200%22%2F%3E%3C%2Fsvg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.78%204.72a.75.75%200%200%201%200%201.06l-5.25%205.25a.75.75%200%200%201-1.06%200L3.22%207.78a.75.75%200%201%201%201.06-1.06L7%209.44l4.72-4.72a.75.75%200%200%201%201.06%200%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.72rem}[data-monster-role=visual]{align-items:center;color:var(--monster-color-primary-1);display:inline-flex;height:1.8rem;justify-content:center;width:1.8rem}[data-monster-role=visual].empty{display:none}[data-monster-role=label]{display:block;font-size:.86rem;font-weight:600;line-height:1.25;max-width:100%;min-width:0;overflow-wrap:anywhere}@media (prefers-color-scheme:light){[data-monster-role=choice]{border-color:var(--monster-bg-color-primary-3)}[data-monster-role=choice].selected{border-color:var(
35
35
  --monster-theme-accent,var(--monster-color-primary-1)
36
36
  )}}
37
37
  }`,
package/source/components/form/stylesheet/control-bar-spacer.mjs CHANGED
@@ -25,7 +25,7 @@ try {
25
25
  ControlBarSpacerStyleSheet.insertRule(
26
26
  `
27
27
  @layer controlbarspacer {
28
- .block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}:host{--monster-control-bar-spacer-inline-size:0.8rem;--monster-control-bar-spacer-block-size:100%;--monster-control-bar-spacer-line-inline-size:var(--monster-border-width);--monster-control-bar-spacer-line-block-size:60%;--monster-control-bar-spacer-line-color:var(--monster-theme-control-border-color,var(--monster-bg-color-primary-4));display:flex;flex:0 0 auto;box-sizing:border-box;align-items:center;justify-content:center;width:var(--monster-control-bar-spacer-inline-size);min-width:var(--monster-control-bar-spacer-inline-size);height:var(--monster-control-bar-spacer-block-size);min-height:var(--monster-control-bar-spacer-block-size);pointer-events:none}[data-monster-role=separator]{display:block;box-sizing:border-box;width:var(--monster-control-bar-spacer-line-inline-size);height:var(--monster-control-bar-spacer-line-block-size);background-color:var(--monster-control-bar-spacer-line-color)}
28
+ .block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}:host{--monster-control-bar-spacer-inline-size:0.8rem;--monster-control-bar-spacer-block-size:100%;--monster-control-bar-spacer-line-inline-size:var(--monster-border-width);--monster-control-bar-spacer-line-block-size:60%;--monster-control-bar-spacer-line-color:var(--monster-theme-control-border-color, var(--monster-bg-color-primary-4));display:flex;flex:0 0 auto;box-sizing:border-box;align-items:center;justify-content:center;width:var(--monster-control-bar-spacer-inline-size);min-width:var(--monster-control-bar-spacer-inline-size);height:var(--monster-control-bar-spacer-block-size);min-height:var(--monster-control-bar-spacer-block-size);pointer-events:none}[data-monster-role=separator]{display:block;box-sizing:border-box;width:var(--monster-control-bar-spacer-line-inline-size);height:var(--monster-control-bar-spacer-line-block-size);background-color:var(--monster-control-bar-spacer-line-color)}
29
29
  }`,
30
30
  0,
31
31
  );