@m3-baseui/react-vanilla-extract 1.1.0 → 1.2.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.
- package/dist/button-group.css +23 -0
- package/dist/button-group.css.map +1 -0
- package/dist/button-group.d.ts +10 -0
- package/dist/button-group.js +18 -0
- package/dist/button-group.js.map +1 -0
- package/dist/carousel.css +41 -0
- package/dist/carousel.css.map +1 -0
- package/dist/carousel.d.ts +12 -0
- package/dist/carousel.js +18 -0
- package/dist/carousel.js.map +1 -0
- package/dist/chip.css +2 -2
- package/dist/chip.css.map +1 -1
- package/dist/chip.js.map +1 -1
- package/dist/date-picker.css +370 -0
- package/dist/date-picker.css.map +1 -0
- package/dist/date-picker.d.ts +9 -0
- package/dist/date-picker.js +53 -0
- package/dist/date-picker.js.map +1 -0
- package/dist/icon-button.css +1 -2
- package/dist/icon-button.css.map +1 -1
- package/dist/icon-button.js.map +1 -1
- package/dist/index.css +1448 -234
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.js +190 -36
- package/dist/index.js.map +1 -1
- package/dist/loading-indicator.css +35 -0
- package/dist/loading-indicator.css.map +1 -0
- package/dist/loading-indicator.d.ts +7 -0
- package/dist/loading-indicator.js +20 -0
- package/dist/loading-indicator.js.map +1 -0
- package/dist/search.css +198 -0
- package/dist/search.css.map +1 -0
- package/dist/search.d.ts +29 -0
- package/dist/search.js +37 -0
- package/dist/search.js.map +1 -0
- package/dist/split-button.css +329 -0
- package/dist/split-button.css.map +1 -0
- package/dist/split-button.d.ts +16 -0
- package/dist/split-button.js +26 -0
- package/dist/split-button.js.map +1 -0
- package/dist/time-picker.css +182 -0
- package/dist/time-picker.css.map +1 -0
- package/dist/time-picker.d.ts +9 -0
- package/dist/time-picker.js +41 -0
- package/dist/time-picker.js.map +1 -0
- package/dist/toolbar.css +37 -0
- package/dist/toolbar.css.map +1 -0
- package/dist/toolbar.d.ts +7 -0
- package/dist/toolbar.js +16 -0
- package/dist/toolbar.js.map +1 -0
- package/package.json +41 -1
package/dist/search.css
ADDED
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/search.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQAQrEwDKVL_F6FbQv_YwiDyNxJLGhSIGklKhF_70gRVmS1_ZadrNYFH0yTM0ZjmbOnBk9Jru2rDEif90RwripBLQxyQS-P98RAoLnknKLpYlJitKidsc5VDHZVN6kQJ4XNiZP2-5_ySV948wWMVlvo3AG7_3ZMop-ckcVMMZlTgVmNibLAO5Pdedz150mkL7mWtWSxUTnyUMD-oHSklHTGpoqoTQ1tc4gRZoqaYFL1LTgebFYOLi3OIlUsgd31onSDDXVwHhtYjJBmAIqpFkthDe1GqThlisZk0S9u8dMvZHlU1SaKbBUzooiGPd2xoJkoNni-e7vu8dQgDhTaW3oG7cFl74ag8uDMFBgA96hwAbFcuxnOS0kl4JLpH093S81hebyNSbRmQr_URvLs9bnE6UdP7o0nbQBzUHaxTS8X4lpch9kYMTqgEjd_z1i5W1d4DFZHhAsGuN6Zo3Z4itUgUZph9oGnKqty01MpJI4nyeZkpZmUHLRHpTHthWaFATSRLGWCtA5Umc-4N5CzN_GdZYD0vA_8RKcs_MoX__i4vtG5h0crUVNTQUpl_klHqyG9JXLfFz2VRxXAlIslGCofUVvotHau6hU330aBVje-DJ-JPcD7zbRlLL9_xnaoRrUmXCtXXDGUF7bWYSktTYOVineh3lA7SFtcZxgpjSGCoT3u79_nmQTEqNEbX02uTRoQ77GnZXW2nXVby40f6UjiG2DZYiFYoPSmqHFxooZEK5v58vlOi5cBifvsw9hmncLFqm3njro9LbhhicCL3bkUVNHkDrqXeyh0mgMTt9mtipuxrbdJSDTQulOGhfnJnHvsuTy4fOqKT6RzS6q3ie0pG1MoLZqPJQTodLXH3Uoe-0JtpeNzfUwwzOlS6o0z7nsMYfni6Mj4yifLx7_n4bbr1saNr8zsOAeadvZtAJfpgyMJm8ZE6_XD9Hjl6cjnlCyM3721k_doxMqs71EnHPNmV8lNWfUYlkJ1xupEnUpTUd3ssz0vg_ObaL99ni4ivbE7QbBYHdUe79W0dq4wYcCUztU_P-t4fttDdv_zLja3jqutl1_Ov0ULsvIXm521lF7jqcjo2v7L4y_EA_jBhKB7GXWfrggP5Pocb1bnC7kyYuOBx1NtCzkSij7y71B0GlBBYLTlfuXs99aNy2437h37rrw-WykH_cN2Ime37G48MntFfckGckk5DE0rGoj7K6bNCdk_mBvWa6qq-syQ7hLZLwur1DuAJwv3QE4X7sD8BbxDi6OqfcXX5wSdM7lwe64_2QffzYdUe1TNepm8NHGgTmU2H00IwQkKKgpQYh5jBgDZzFiDJzFiDHwSkaMXYwZ8Q-qYf1TZBQAAA */
|
|
2
|
+
.b8ymue0 {
|
|
3
|
+
display: flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
gap: 4px;
|
|
6
|
+
height: 56px;
|
|
7
|
+
min-width: 360px;
|
|
8
|
+
max-width: 100%;
|
|
9
|
+
padding-left: 16px;
|
|
10
|
+
padding-right: 8px;
|
|
11
|
+
background: rgb(var(--md-sys-color-surface-container-high));
|
|
12
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
13
|
+
border-radius: var(--md-sys-shape-full);
|
|
14
|
+
transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
|
|
15
|
+
}
|
|
16
|
+
.b8ymue0:focus-within {
|
|
17
|
+
box-shadow: var(--md-sys-elevation-level1);
|
|
18
|
+
}
|
|
19
|
+
.b8ymue1 {
|
|
20
|
+
display: inline-flex;
|
|
21
|
+
flex-shrink: 0;
|
|
22
|
+
align-items: center;
|
|
23
|
+
justify-content: center;
|
|
24
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
25
|
+
}
|
|
26
|
+
.b8ymue1 > svg {
|
|
27
|
+
width: 24px;
|
|
28
|
+
height: 24px;
|
|
29
|
+
}
|
|
30
|
+
.b8ymue2 {
|
|
31
|
+
flex: 1;
|
|
32
|
+
min-width: 0;
|
|
33
|
+
height: 100%;
|
|
34
|
+
background: transparent;
|
|
35
|
+
border: 0;
|
|
36
|
+
outline: none;
|
|
37
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
38
|
+
font-family: var(--md-sys-typescale-body-large-font);
|
|
39
|
+
font-weight: var(--md-sys-typescale-body-large-weight);
|
|
40
|
+
font-size: var(--md-sys-typescale-body-large-size);
|
|
41
|
+
line-height: var(--md-sys-typescale-body-large-line-height);
|
|
42
|
+
letter-spacing: var(--md-sys-typescale-body-large-tracking);
|
|
43
|
+
}
|
|
44
|
+
.b8ymue2::placeholder {
|
|
45
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
46
|
+
}
|
|
47
|
+
.b8ymue3 {
|
|
48
|
+
position: relative;
|
|
49
|
+
display: inline-flex;
|
|
50
|
+
flex-shrink: 0;
|
|
51
|
+
align-items: center;
|
|
52
|
+
justify-content: center;
|
|
53
|
+
width: 40px;
|
|
54
|
+
height: 40px;
|
|
55
|
+
border-radius: var(--md-sys-shape-full);
|
|
56
|
+
overflow: hidden;
|
|
57
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
58
|
+
cursor: pointer;
|
|
59
|
+
outline: none;
|
|
60
|
+
}
|
|
61
|
+
.b8ymue3::before {
|
|
62
|
+
content: "";
|
|
63
|
+
position: absolute;
|
|
64
|
+
inset: 0;
|
|
65
|
+
background: currentColor;
|
|
66
|
+
opacity: 0;
|
|
67
|
+
pointer-events: none;
|
|
68
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
69
|
+
}
|
|
70
|
+
.b8ymue3:hover::before {
|
|
71
|
+
opacity: var(--md-sys-state-hover);
|
|
72
|
+
}
|
|
73
|
+
.b8ymue3:focus-visible::before {
|
|
74
|
+
opacity: var(--md-sys-state-focus);
|
|
75
|
+
}
|
|
76
|
+
.b8ymue3:active::before {
|
|
77
|
+
opacity: var(--md-sys-state-pressed);
|
|
78
|
+
}
|
|
79
|
+
.b8ymue3 > svg {
|
|
80
|
+
width: 24px;
|
|
81
|
+
height: 24px;
|
|
82
|
+
}
|
|
83
|
+
.b8ymue4 {
|
|
84
|
+
width: var(--anchor-width);
|
|
85
|
+
min-width: 360px;
|
|
86
|
+
max-height: min(72vh, 480px);
|
|
87
|
+
overflow-y: auto;
|
|
88
|
+
padding-block: 8px;
|
|
89
|
+
background: rgb(var(--md-sys-color-surface-container-high));
|
|
90
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
91
|
+
border-radius: var(--md-sys-shape-large);
|
|
92
|
+
box-shadow: var(--md-sys-elevation-level3);
|
|
93
|
+
transform-origin: var(--transform-origin);
|
|
94
|
+
outline: none;
|
|
95
|
+
transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
|
|
96
|
+
}
|
|
97
|
+
.b8ymue4[data-starting-style] {
|
|
98
|
+
opacity: 0;
|
|
99
|
+
transform: scale(0.95);
|
|
100
|
+
}
|
|
101
|
+
.b8ymue4[data-ending-style] {
|
|
102
|
+
opacity: 0;
|
|
103
|
+
}
|
|
104
|
+
.b8ymue5 {
|
|
105
|
+
outline: none;
|
|
106
|
+
}
|
|
107
|
+
.b8ymue6 {
|
|
108
|
+
position: relative;
|
|
109
|
+
display: grid;
|
|
110
|
+
grid-template-columns: 24px 1fr 24px;
|
|
111
|
+
align-items: center;
|
|
112
|
+
gap: 16px;
|
|
113
|
+
height: 56px;
|
|
114
|
+
padding-inline: 16px;
|
|
115
|
+
overflow: hidden;
|
|
116
|
+
cursor: pointer;
|
|
117
|
+
user-select: none;
|
|
118
|
+
outline: none;
|
|
119
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
120
|
+
font-family: var(--md-sys-typescale-body-large-font);
|
|
121
|
+
font-weight: var(--md-sys-typescale-body-large-weight);
|
|
122
|
+
font-size: var(--md-sys-typescale-body-large-size);
|
|
123
|
+
line-height: var(--md-sys-typescale-body-large-line-height);
|
|
124
|
+
letter-spacing: var(--md-sys-typescale-body-large-tracking);
|
|
125
|
+
}
|
|
126
|
+
.b8ymue6::before {
|
|
127
|
+
content: "";
|
|
128
|
+
position: absolute;
|
|
129
|
+
inset: 0;
|
|
130
|
+
background: currentColor;
|
|
131
|
+
opacity: 0;
|
|
132
|
+
pointer-events: none;
|
|
133
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
134
|
+
}
|
|
135
|
+
.b8ymue6:hover::before {
|
|
136
|
+
opacity: var(--md-sys-state-hover);
|
|
137
|
+
}
|
|
138
|
+
.b8ymue6[data-highlighted]::before {
|
|
139
|
+
opacity: var(--md-sys-state-hover);
|
|
140
|
+
}
|
|
141
|
+
.b8ymue6[data-selected]::before {
|
|
142
|
+
opacity: var(--md-sys-state-pressed);
|
|
143
|
+
}
|
|
144
|
+
.b8ymue6:active::before {
|
|
145
|
+
opacity: var(--md-sys-state-pressed);
|
|
146
|
+
}
|
|
147
|
+
.b8ymue6[data-disabled] {
|
|
148
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
149
|
+
pointer-events: none;
|
|
150
|
+
}
|
|
151
|
+
.b8ymue6[data-disabled]::before {
|
|
152
|
+
opacity: 0;
|
|
153
|
+
}
|
|
154
|
+
.b8ymue6 [data-slot=search-leading] {
|
|
155
|
+
display: inline-flex;
|
|
156
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
157
|
+
}
|
|
158
|
+
.b8ymue6 [data-slot=search-leading] > svg {
|
|
159
|
+
width: 24px;
|
|
160
|
+
height: 24px;
|
|
161
|
+
}
|
|
162
|
+
.b8ymue7 {
|
|
163
|
+
display: inline-flex;
|
|
164
|
+
align-items: center;
|
|
165
|
+
justify-content: center;
|
|
166
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
167
|
+
visibility: hidden;
|
|
168
|
+
}
|
|
169
|
+
.b8ymue6[data-selected] .b8ymue7 {
|
|
170
|
+
visibility: visible;
|
|
171
|
+
}
|
|
172
|
+
.b8ymue8 {
|
|
173
|
+
padding-inline: 16px;
|
|
174
|
+
padding-block: 12px;
|
|
175
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
176
|
+
font-family: var(--md-sys-typescale-body-medium-font);
|
|
177
|
+
font-weight: var(--md-sys-typescale-body-medium-weight);
|
|
178
|
+
font-size: var(--md-sys-typescale-body-medium-size);
|
|
179
|
+
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
180
|
+
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
181
|
+
}
|
|
182
|
+
.b8ymue9 {
|
|
183
|
+
margin-block: 8px;
|
|
184
|
+
height: 1px;
|
|
185
|
+
border: 0;
|
|
186
|
+
background: rgb(var(--md-sys-color-outline-variant));
|
|
187
|
+
}
|
|
188
|
+
.b8ymuea {
|
|
189
|
+
padding-inline: 16px;
|
|
190
|
+
padding-block: 8px;
|
|
191
|
+
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
192
|
+
font-family: var(--md-sys-typescale-label-small-font);
|
|
193
|
+
font-weight: var(--md-sys-typescale-label-small-weight);
|
|
194
|
+
font-size: var(--md-sys-typescale-label-small-size);
|
|
195
|
+
line-height: var(--md-sys-typescale-label-small-line-height);
|
|
196
|
+
letter-spacing: var(--md-sys-typescale-label-small-tracking);
|
|
197
|
+
}
|
|
198
|
+
/*# sourceMappingURL=search.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/search.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQAQrEwDKVL_F6FbQv_YwiDyNxJLGhSIGklKhF_70gRVmS1_ZadrNYFH0yTM0ZjmbOnBk9Jru2rDEif90RwripBLQxyQS-P98RAoLnknKLpYlJitKidsc5VDHZVN6kQJ4XNiZP2-5_ySV948wWMVlvo3AG7_3ZMop-ckcVMMZlTgVmNibLAO5Pdedz150mkL7mWtWSxUTnyUMD-oHSklHTGpoqoTQ1tc4gRZoqaYFL1LTgebFYOLi3OIlUsgd31onSDDXVwHhtYjJBmAIqpFkthDe1GqThlisZk0S9u8dMvZHlU1SaKbBUzooiGPd2xoJkoNni-e7vu8dQgDhTaW3oG7cFl74ag8uDMFBgA96hwAbFcuxnOS0kl4JLpH093S81hebyNSbRmQr_URvLs9bnE6UdP7o0nbQBzUHaxTS8X4lpch9kYMTqgEjd_z1i5W1d4DFZHhAsGuN6Zo3Z4itUgUZph9oGnKqty01MpJI4nyeZkpZmUHLRHpTHthWaFATSRLGWCtA5Umc-4N5CzN_GdZYD0vA_8RKcs_MoX__i4vtG5h0crUVNTQUpl_klHqyG9JXLfFz2VRxXAlIslGCofUVvotHau6hU330aBVje-DJ-JPcD7zbRlLL9_xnaoRrUmXCtXXDGUF7bWYSktTYOVineh3lA7SFtcZxgpjSGCoT3u79_nmQTEqNEbX02uTRoQ77GnZXW2nXVby40f6UjiG2DZYiFYoPSmqHFxooZEK5v58vlOi5cBifvsw9hmncLFqm3njro9LbhhicCL3bkUVNHkDrqXeyh0mgMTt9mtipuxrbdJSDTQulOGhfnJnHvsuTy4fOqKT6RzS6q3ie0pG1MoLZqPJQTodLXH3Uoe-0JtpeNzfUwwzOlS6o0z7nsMYfni6Mj4yifLx7_n4bbr1saNr8zsOAeadvZtAJfpgyMJm8ZE6_XD9Hjl6cjnlCyM3721k_doxMqs71EnHPNmV8lNWfUYlkJ1xupEnUpTUd3ssz0vg_ObaL99ni4ivbE7QbBYHdUe79W0dq4wYcCUztU_P-t4fttDdv_zLja3jqutl1_Ov0ULsvIXm521lF7jqcjo2v7L4y_EA_jBhKB7GXWfrggP5Pocb1bnC7kyYuOBx1NtCzkSij7y71B0GlBBYLTlfuXs99aNy2437h37rrw-WykH_cN2Ime37G48MntFfckGckk5DE0rGoj7K6bNCdk_mBvWa6qq-syQ7hLZLwur1DuAJwv3QE4X7sD8BbxDi6OqfcXX5wSdM7lwe64_2QffzYdUe1TNepm8NHGgTmU2H00IwQkKKgpQYh5jBgDZzFiDJzFiDHwSkaMXYwZ8Q-qYf1TZBQAAA"],"sourcesContent":[".b8ymue0 {\n display: flex;\n align-items: center;\n gap: 4px;\n height: 56px;\n min-width: 360px;\n max-width: 100%;\n padding-left: 16px;\n padding-right: 8px;\n background: rgb(var(--md-sys-color-surface-container-high));\n color: rgb(var(--md-sys-color-on-surface));\n border-radius: var(--md-sys-shape-full);\n transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n}\n.b8ymue0:focus-within {\n box-shadow: var(--md-sys-elevation-level1);\n}\n.b8ymue1 {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b8ymue1 > svg {\n width: 24px;\n height: 24px;\n}\n.b8ymue2 {\n flex: 1;\n min-width: 0;\n height: 100%;\n background: transparent;\n border: 0;\n outline: none;\n color: rgb(var(--md-sys-color-on-surface));\n font-family: var(--md-sys-typescale-body-large-font);\n font-weight: var(--md-sys-typescale-body-large-weight);\n font-size: var(--md-sys-typescale-body-large-size);\n line-height: var(--md-sys-typescale-body-large-line-height);\n letter-spacing: var(--md-sys-typescale-body-large-tracking);\n}\n.b8ymue2::placeholder {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b8ymue3 {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n outline: none;\n}\n.b8ymue3::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n.b8ymue3:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n.b8ymue3:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n.b8ymue3:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n.b8ymue3 > svg {\n width: 24px;\n height: 24px;\n}\n.b8ymue4 {\n width: var(--anchor-width);\n min-width: 360px;\n max-height: min(72vh, 480px);\n overflow-y: auto;\n padding-block: 8px;\n background: rgb(var(--md-sys-color-surface-container-high));\n color: rgb(var(--md-sys-color-on-surface));\n border-radius: var(--md-sys-shape-large);\n box-shadow: var(--md-sys-elevation-level3);\n transform-origin: var(--transform-origin);\n outline: none;\n transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n.b8ymue4[data-starting-style] {\n opacity: 0;\n transform: scale(0.95);\n}\n.b8ymue4[data-ending-style] {\n opacity: 0;\n}\n.b8ymue5 {\n outline: none;\n}\n.b8ymue6 {\n position: relative;\n display: grid;\n grid-template-columns: 24px 1fr 24px;\n align-items: center;\n gap: 16px;\n height: 56px;\n padding-inline: 16px;\n overflow: hidden;\n cursor: pointer;\n user-select: none;\n outline: none;\n color: rgb(var(--md-sys-color-on-surface));\n font-family: var(--md-sys-typescale-body-large-font);\n font-weight: var(--md-sys-typescale-body-large-weight);\n font-size: var(--md-sys-typescale-body-large-size);\n line-height: var(--md-sys-typescale-body-large-line-height);\n letter-spacing: var(--md-sys-typescale-body-large-tracking);\n}\n.b8ymue6::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n.b8ymue6:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n.b8ymue6[data-highlighted]::before {\n opacity: var(--md-sys-state-hover);\n}\n.b8ymue6[data-selected]::before {\n opacity: var(--md-sys-state-pressed);\n}\n.b8ymue6:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n.b8ymue6[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n pointer-events: none;\n}\n.b8ymue6[data-disabled]::before {\n opacity: 0;\n}\n.b8ymue6 [data-slot=\"search-leading\"] {\n display: inline-flex;\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b8ymue6 [data-slot=\"search-leading\"] > svg {\n width: 24px;\n height: 24px;\n}\n.b8ymue7 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: rgb(var(--md-sys-color-on-surface));\n visibility: hidden;\n}\n.b8ymue6[data-selected] .b8ymue7 {\n visibility: visible;\n}\n.b8ymue8 {\n padding-inline: 16px;\n padding-block: 12px;\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n}\n.b8ymue9 {\n margin-block: 8px;\n height: 1px;\n border: 0;\n background: rgb(var(--md-sys-color-outline-variant));\n}\n.b8ymuea {\n padding-inline: 16px;\n padding-block: 8px;\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-label-small-font);\n font-weight: var(--md-sys-typescale-label-small-weight);\n font-size: var(--md-sys-typescale-label-small-size);\n line-height: var(--md-sys-typescale-label-small-line-height);\n letter-spacing: var(--md-sys-typescale-label-small-tracking);\n}"],"mappings":"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","names":[]}
|
package/dist/search.d.ts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
3
|
+
|
|
4
|
+
declare const Search: {
|
|
5
|
+
Root: typeof _base_ui_react.ComboboxRoot;
|
|
6
|
+
Value: typeof _base_ui_react.ComboboxValue;
|
|
7
|
+
Label: react.ForwardRefExoticComponent<Omit<_base_ui_react.ComboboxLabelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Bar: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxInputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
9
|
+
Input: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteInputProps, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
10
|
+
Trigger: react.ForwardRefExoticComponent<Omit<_base_ui_react.ComboboxTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
Icon: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteIconProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
12
|
+
Clear: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteClearProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
13
|
+
Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompletePortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Positioner: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompletePositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompletePopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
16
|
+
List: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteListProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
17
|
+
Item: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxItemProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
18
|
+
ItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxItemIndicatorProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
19
|
+
Empty: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteEmptyProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
20
|
+
Group: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
GroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteGroupLabelProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
22
|
+
Separator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SeparatorProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
|
|
23
|
+
Status: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteStatusProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
Collection: typeof _base_ui_react.ComboboxCollection;
|
|
25
|
+
SearchGlyph: () => React.JSX.Element;
|
|
26
|
+
Check: () => React.JSX.Element;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export { Search };
|
package/dist/search.js
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './search.css';
|
|
3
|
+
import { createSearch } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/search.ts
|
|
6
|
+
|
|
7
|
+
// src/search.css.ts
|
|
8
|
+
var bar = "b8ymue0";
|
|
9
|
+
var clear = "b8ymue3";
|
|
10
|
+
var empty = "b8ymue8";
|
|
11
|
+
var groupLabel = "b8ymuea";
|
|
12
|
+
var icon = "b8ymue1";
|
|
13
|
+
var input = "b8ymue2";
|
|
14
|
+
var item = "b8ymue6";
|
|
15
|
+
var itemIndicator = "b8ymue7";
|
|
16
|
+
var list = "b8ymue5";
|
|
17
|
+
var popup = "b8ymue4";
|
|
18
|
+
var separator = "b8ymue9";
|
|
19
|
+
|
|
20
|
+
// src/search.ts
|
|
21
|
+
var Search = createSearch({
|
|
22
|
+
bar,
|
|
23
|
+
icon,
|
|
24
|
+
input,
|
|
25
|
+
clear,
|
|
26
|
+
popup,
|
|
27
|
+
list,
|
|
28
|
+
item,
|
|
29
|
+
itemIndicator,
|
|
30
|
+
empty,
|
|
31
|
+
separator,
|
|
32
|
+
groupLabel
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
export { Search };
|
|
36
|
+
//# sourceMappingURL=search.js.map
|
|
37
|
+
//# sourceMappingURL=search.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/search.css.ts","../src/search.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,GAAA,GAAM,SAAA;AACV,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,UAAA,GAAa,SAAA;AACjB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,aAAA,GAAgB,SAAA;AACpB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,SAAA,GAAY,SAAA;;;ACOhB,IAAM,SAAS,YAAA,CAAa;AAAA,EACjC,GAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAC","file":"search.js","sourcesContent":["import 'src/search.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQAQrEwDKVL_F6FbQv_YwiDyNxJLGhSIGklKhF_70gRVmS1_ZadrNYFH0yTM0ZjmbOnBk9Jru2rDEif90RwripBLQxyQS-P98RAoLnknKLpYlJitKidsc5VDHZVN6kQJ4XNiZP2-5_ySV948wWMVlvo3AG7_3ZMop-ckcVMMZlTgVmNibLAO5Pdedz150mkL7mWtWSxUTnyUMD-oHSklHTGpoqoTQ1tc4gRZoqaYFL1LTgebFYOLi3OIlUsgd31onSDDXVwHhtYjJBmAIqpFkthDe1GqThlisZk0S9u8dMvZHlU1SaKbBUzooiGPd2xoJkoNni-e7vu8dQgDhTaW3oG7cFl74ag8uDMFBgA96hwAbFcuxnOS0kl4JLpH093S81hebyNSbRmQr_URvLs9bnE6UdP7o0nbQBzUHaxTS8X4lpch9kYMTqgEjd_z1i5W1d4DFZHhAsGuN6Zo3Z4itUgUZph9oGnKqty01MpJI4nyeZkpZmUHLRHpTHthWaFATSRLGWCtA5Umc-4N5CzN_GdZYD0vA_8RKcs_MoX__i4vtG5h0crUVNTQUpl_klHqyG9JXLfFz2VRxXAlIslGCofUVvotHau6hU330aBVje-DJ-JPcD7zbRlLL9_xnaoRrUmXCtXXDGUF7bWYSktTYOVineh3lA7SFtcZxgpjSGCoT3u79_nmQTEqNEbX02uTRoQ77GnZXW2nXVby40f6UjiG2DZYiFYoPSmqHFxooZEK5v58vlOi5cBifvsw9hmncLFqm3njro9LbhhicCL3bkUVNHkDrqXeyh0mgMTt9mtipuxrbdJSDTQulOGhfnJnHvsuTy4fOqKT6RzS6q3ie0pG1MoLZqPJQTodLXH3Uoe-0JtpeNzfUwwzOlS6o0z7nsMYfni6Mj4yifLx7_n4bbr1saNr8zsOAeadvZtAJfpgyMJm8ZE6_XD9Hjl6cjnlCyM3721k_doxMqs71EnHPNmV8lNWfUYlkJ1xupEnUpTUd3ssz0vg_ObaL99ni4ivbE7QbBYHdUe79W0dq4wYcCUztU_P-t4fttDdv_zLja3jqutl1_Ov0ULsvIXm521lF7jqcjo2v7L4y_EA_jBhKB7GXWfrggP5Pocb1bnC7kyYuOBx1NtCzkSij7y71B0GlBBYLTlfuXs99aNy2437h37rrw-WykH_cN2Ime37G48MntFfckGckk5DE0rGoj7K6bNCdk_mBvWa6qq-syQ7hLZLwur1DuAJwv3QE4X7sD8BbxDi6OqfcXX5wSdM7lwe64_2QffzYdUe1TNepm8NHGgTmU2H00IwQkKKgpQYh5jBgDZzFiDJzFiDHwSkaMXYwZ8Q-qYf1TZBQAAA';\nexport var bar = 'b8ymue0';\nexport var clear = 'b8ymue3';\nexport var empty = 'b8ymue8';\nexport var groupLabel = 'b8ymuea';\nexport var icon = 'b8ymue1';\nexport var input = 'b8ymue2';\nexport var item = 'b8ymue6';\nexport var itemIndicator = 'b8ymue7';\nexport var list = 'b8ymue5';\nexport var popup = 'b8ymue4';\nexport var separator = 'b8ymue9';","/**\n * search.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSearch } from '@m3-baseui/core';\nimport {\n bar,\n icon,\n input,\n clear,\n popup,\n list,\n item,\n itemIndicator,\n empty,\n separator,\n groupLabel,\n} from './search.css';\n\nexport const Search = createSearch({\n bar,\n icon,\n input,\n clear,\n popup,\n list,\n item,\n itemIndicator,\n empty,\n separator,\n groupLabel,\n});\n"]}
|
|
@@ -0,0 +1,329 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/split-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jNhTd5yuIWcVAmMqKM0kVYDbzGUVQUOKVxAlFCiTl2C367wWphyVZtmnHHbuDbDIJdV_kfRzicO7_nC8enwr9EKC_bxCiTJecrCPEBGcCcMph9XKDEOEsE5gZKHSEEhAGlF3OSBmhsFy93Pxzc99amjtLpdTMMCkipIATw5bwcrz9H5U2LF3jRAoDwvQ_5cCy3ERoEZTOglyCSrl8j1DOKAVh12KpKKgICSmcd1kZ63WzkFRKSxWhUrLWbqVBYQ0cErORS6UwOCUF4-sILYm6xbigWK81NusSdEI4YE5i4JgTlQG28rNO8b0J1UOxFt2oavYXeClaQafmjjX399iTr_XBGHsCJUmYyLxMGEWSNyYyp28UEXXmcalkCcqsIxST5C1TshIUJ5JLdYeaf-oM1YsjbVopUhfQIIRCDr5inUtlFmPXhhVMZDitRLLbBhBthbQhghJFZ11FP9clVRJKrUBdqxEKF_V6E7Q2RJnmpyKUVXrkRuekBJxWnM96aiDo8Uq1glXdo6QLsu3KU6ffv1EUQyoVuD7uWu_Ll5dBW5NYS14Z1x9MaDARCpzvLteR7S8Fwnxv0yttVdmCCGpbruswLEEYvem2TR6jVgPNg6DQnlkc7CW3g2Gwoy6I4XEYYgA76bGJVCaVxkumWczB25TTGpsiiZ2E3jZKBVrDeE9_UGJI--31g8aGu6uNtGPyoVwhLTmjSGXx7cCk61isIZH21NezWW--Ypmmrh62kCGiTJOYA71D4-20X14b9JgqjUlT7f73mJw-omBgMPxErU_U-l-j1mIatebhKag1iSXHa3nh1hRC-qn0-_cXQq3w46gVng-1wrOgVnhO1Ap_JmqFU6gVnoRa4T7UGpv0Qa2F-9gv3h17LhUruh27pZ2ibgZ20n1nXfS-Xu2kq1RKEpih31BwPw_9_A-UHp5HYUwd_aWCefT13hWduxYQJkB5JmOHZj-I60jM4zUl5uuWdzegS2JH-2Hzg35pb2TzQ5OlGSWj9HwdpueEfaHBleO4g-wHMpWgy4Xz5N07tZVN_WMu3326Z5TFlb09UHvbHsgCh2V9LeOwBD4fRXnB5hoGvQUnTxdvuAMBPp-tCftGP9xOfWNnaomeSfIzMZlcx-gnF6_EXjDxNWByfB2Jia8pMcn1YHJyLZicXBcme1frRTGZXi8m04s33IEA4b_AZDgnJsP5MTk95XVzD49rNbHOFRNvDS3Up3_c76lUhRcJeAI_1HApsqxKLEsQr2i00y6CCClpeZTb-XNAIRufyjekl5nTeGfU5BGaN29fLRdb_93TqaULJnCr0RKMBVm1a-FzMCQjYy6Tt-5h7ZTx4gvMTRX0J-IeHhFWRpEBbek3j8INdWtPGUvFMtYRtuP1Ps10gDB89CUM73pV5q81TGVdRo6jraXWHF57jFQjAIJuPm-xUYNiczT7bXD_--PQVe7zuuLznw3aYuseUna81bZyUw8svu8n2w8vR1Xf5_OL5_NLv05-IRY__ziLn9cNmLMs5_awjyHOp8ydhcnPz3ZjPciXj13tpsT_BRrqVlPIJAAA */
|
|
2
|
+
._1457ms30 {
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
gap: 2px;
|
|
6
|
+
}
|
|
7
|
+
._1457ms31 {
|
|
8
|
+
position: relative;
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
height: 40px;
|
|
13
|
+
overflow: hidden;
|
|
14
|
+
border: none;
|
|
15
|
+
outline: none;
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
user-select: none;
|
|
18
|
+
font-family: var(--md-sys-typescale-label-large-font);
|
|
19
|
+
font-weight: var(--md-sys-typescale-label-large-weight);
|
|
20
|
+
font-size: var(--md-sys-typescale-label-large-size);
|
|
21
|
+
line-height: var(--md-sys-typescale-label-large-line-height);
|
|
22
|
+
letter-spacing: var(--md-sys-typescale-label-large-tracking);
|
|
23
|
+
transition-property:
|
|
24
|
+
background-color,
|
|
25
|
+
color,
|
|
26
|
+
border-color;
|
|
27
|
+
transition-duration: var(--md-sys-motion-duration-short4);
|
|
28
|
+
transition-timing-function: var(--md-sys-motion-easing-standard);
|
|
29
|
+
gap: 8px;
|
|
30
|
+
padding-inline: 24px;
|
|
31
|
+
border-start-start-radius: var(--md-sys-shape-full);
|
|
32
|
+
border-end-start-radius: var(--md-sys-shape-full);
|
|
33
|
+
border-start-end-radius: var(--md-sys-shape-small);
|
|
34
|
+
border-end-end-radius: var(--md-sys-shape-small);
|
|
35
|
+
}
|
|
36
|
+
._1457ms31::before {
|
|
37
|
+
content: "";
|
|
38
|
+
position: absolute;
|
|
39
|
+
inset: 0;
|
|
40
|
+
background: currentColor;
|
|
41
|
+
opacity: 0;
|
|
42
|
+
pointer-events: none;
|
|
43
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
44
|
+
}
|
|
45
|
+
._1457ms31:hover::before {
|
|
46
|
+
opacity: var(--md-sys-state-hover);
|
|
47
|
+
}
|
|
48
|
+
._1457ms31:focus-visible::before {
|
|
49
|
+
opacity: var(--md-sys-state-focus);
|
|
50
|
+
}
|
|
51
|
+
._1457ms31:active::before {
|
|
52
|
+
opacity: var(--md-sys-state-pressed);
|
|
53
|
+
}
|
|
54
|
+
._1457ms31[data-pressed]::before {
|
|
55
|
+
opacity: var(--md-sys-state-pressed);
|
|
56
|
+
}
|
|
57
|
+
._1457ms31:focus-visible {
|
|
58
|
+
outline: 3px solid rgb(var(--md-sys-color-secondary));
|
|
59
|
+
outline-offset: 2px;
|
|
60
|
+
}
|
|
61
|
+
._1457ms31:disabled,
|
|
62
|
+
._1457ms31[data-disabled] {
|
|
63
|
+
pointer-events: none;
|
|
64
|
+
}
|
|
65
|
+
._1457ms31:disabled::before,
|
|
66
|
+
._1457ms31[data-disabled]::before {
|
|
67
|
+
opacity: 0;
|
|
68
|
+
}
|
|
69
|
+
._1457ms32 {
|
|
70
|
+
position: relative;
|
|
71
|
+
display: inline-flex;
|
|
72
|
+
align-items: center;
|
|
73
|
+
justify-content: center;
|
|
74
|
+
height: 40px;
|
|
75
|
+
overflow: hidden;
|
|
76
|
+
border: none;
|
|
77
|
+
outline: none;
|
|
78
|
+
cursor: pointer;
|
|
79
|
+
user-select: none;
|
|
80
|
+
font-family: var(--md-sys-typescale-label-large-font);
|
|
81
|
+
font-weight: var(--md-sys-typescale-label-large-weight);
|
|
82
|
+
font-size: var(--md-sys-typescale-label-large-size);
|
|
83
|
+
line-height: var(--md-sys-typescale-label-large-line-height);
|
|
84
|
+
letter-spacing: var(--md-sys-typescale-label-large-tracking);
|
|
85
|
+
transition-property:
|
|
86
|
+
background-color,
|
|
87
|
+
color,
|
|
88
|
+
border-color;
|
|
89
|
+
transition-duration: var(--md-sys-motion-duration-short4);
|
|
90
|
+
transition-timing-function: var(--md-sys-motion-easing-standard);
|
|
91
|
+
gap: 4px;
|
|
92
|
+
padding-inline: 12px;
|
|
93
|
+
border-start-start-radius: var(--md-sys-shape-small);
|
|
94
|
+
border-end-start-radius: var(--md-sys-shape-small);
|
|
95
|
+
border-start-end-radius: var(--md-sys-shape-full);
|
|
96
|
+
border-end-end-radius: var(--md-sys-shape-full);
|
|
97
|
+
}
|
|
98
|
+
._1457ms32::before {
|
|
99
|
+
content: "";
|
|
100
|
+
position: absolute;
|
|
101
|
+
inset: 0;
|
|
102
|
+
background: currentColor;
|
|
103
|
+
opacity: 0;
|
|
104
|
+
pointer-events: none;
|
|
105
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
106
|
+
}
|
|
107
|
+
._1457ms32:hover::before {
|
|
108
|
+
opacity: var(--md-sys-state-hover);
|
|
109
|
+
}
|
|
110
|
+
._1457ms32:focus-visible::before {
|
|
111
|
+
opacity: var(--md-sys-state-focus);
|
|
112
|
+
}
|
|
113
|
+
._1457ms32:active::before {
|
|
114
|
+
opacity: var(--md-sys-state-pressed);
|
|
115
|
+
}
|
|
116
|
+
._1457ms32[data-pressed]::before {
|
|
117
|
+
opacity: var(--md-sys-state-pressed);
|
|
118
|
+
}
|
|
119
|
+
._1457ms32:focus-visible {
|
|
120
|
+
outline: 3px solid rgb(var(--md-sys-color-secondary));
|
|
121
|
+
outline-offset: 2px;
|
|
122
|
+
}
|
|
123
|
+
._1457ms32:disabled,
|
|
124
|
+
._1457ms32[data-disabled] {
|
|
125
|
+
pointer-events: none;
|
|
126
|
+
}
|
|
127
|
+
._1457ms32:disabled::before,
|
|
128
|
+
._1457ms32[data-disabled]::before {
|
|
129
|
+
opacity: 0;
|
|
130
|
+
}
|
|
131
|
+
._1457ms34 {
|
|
132
|
+
background: rgb(var(--md-sys-color-primary));
|
|
133
|
+
color: rgb(var(--md-sys-color-on-primary));
|
|
134
|
+
}
|
|
135
|
+
._1457ms34:disabled {
|
|
136
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
137
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
138
|
+
}
|
|
139
|
+
._1457ms34[data-disabled] {
|
|
140
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
141
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
142
|
+
}
|
|
143
|
+
._1457ms35 {
|
|
144
|
+
background: rgb(var(--md-sys-color-secondary-container));
|
|
145
|
+
color: rgb(var(--md-sys-color-on-secondary-container));
|
|
146
|
+
}
|
|
147
|
+
._1457ms35:disabled {
|
|
148
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
149
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
150
|
+
}
|
|
151
|
+
._1457ms35[data-disabled] {
|
|
152
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
153
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
154
|
+
}
|
|
155
|
+
._1457ms36 {
|
|
156
|
+
background: transparent;
|
|
157
|
+
color: rgb(var(--md-sys-color-primary));
|
|
158
|
+
border: 1px solid rgb(var(--md-sys-color-outline));
|
|
159
|
+
}
|
|
160
|
+
._1457ms36:disabled {
|
|
161
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
162
|
+
border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
163
|
+
}
|
|
164
|
+
._1457ms36[data-disabled] {
|
|
165
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
166
|
+
border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
167
|
+
}
|
|
168
|
+
._1457ms37 {
|
|
169
|
+
background: rgb(var(--md-sys-color-surface-container-low));
|
|
170
|
+
color: rgb(var(--md-sys-color-primary));
|
|
171
|
+
box-shadow: var(--md-sys-elevation-level1);
|
|
172
|
+
}
|
|
173
|
+
._1457ms37:disabled {
|
|
174
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
175
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
176
|
+
box-shadow: none;
|
|
177
|
+
}
|
|
178
|
+
._1457ms37[data-disabled] {
|
|
179
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
180
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
181
|
+
box-shadow: none;
|
|
182
|
+
}
|
|
183
|
+
._1457ms38 {
|
|
184
|
+
background: transparent;
|
|
185
|
+
color: rgb(var(--md-sys-color-primary));
|
|
186
|
+
}
|
|
187
|
+
._1457ms38:disabled {
|
|
188
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
189
|
+
}
|
|
190
|
+
._1457ms38[data-disabled] {
|
|
191
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
192
|
+
}
|
|
193
|
+
._1457ms3a {
|
|
194
|
+
background: rgb(var(--md-sys-color-primary));
|
|
195
|
+
color: rgb(var(--md-sys-color-on-primary));
|
|
196
|
+
}
|
|
197
|
+
._1457ms3a:disabled {
|
|
198
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
199
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
200
|
+
}
|
|
201
|
+
._1457ms3a[data-disabled] {
|
|
202
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
203
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
204
|
+
}
|
|
205
|
+
._1457ms3b {
|
|
206
|
+
background: rgb(var(--md-sys-color-secondary-container));
|
|
207
|
+
color: rgb(var(--md-sys-color-on-secondary-container));
|
|
208
|
+
}
|
|
209
|
+
._1457ms3b:disabled {
|
|
210
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
211
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
212
|
+
}
|
|
213
|
+
._1457ms3b[data-disabled] {
|
|
214
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
215
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
216
|
+
}
|
|
217
|
+
._1457ms3c {
|
|
218
|
+
background: transparent;
|
|
219
|
+
color: rgb(var(--md-sys-color-primary));
|
|
220
|
+
border: 1px solid rgb(var(--md-sys-color-outline));
|
|
221
|
+
}
|
|
222
|
+
._1457ms3c:disabled {
|
|
223
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
224
|
+
border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
225
|
+
}
|
|
226
|
+
._1457ms3c[data-disabled] {
|
|
227
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
228
|
+
border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
229
|
+
}
|
|
230
|
+
._1457ms3d {
|
|
231
|
+
background: rgb(var(--md-sys-color-surface-container-low));
|
|
232
|
+
color: rgb(var(--md-sys-color-primary));
|
|
233
|
+
box-shadow: var(--md-sys-elevation-level1);
|
|
234
|
+
}
|
|
235
|
+
._1457ms3d:disabled {
|
|
236
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
237
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
238
|
+
box-shadow: none;
|
|
239
|
+
}
|
|
240
|
+
._1457ms3d[data-disabled] {
|
|
241
|
+
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
242
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
243
|
+
box-shadow: none;
|
|
244
|
+
}
|
|
245
|
+
._1457ms3e {
|
|
246
|
+
background: transparent;
|
|
247
|
+
color: rgb(var(--md-sys-color-primary));
|
|
248
|
+
}
|
|
249
|
+
._1457ms3e:disabled {
|
|
250
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
251
|
+
}
|
|
252
|
+
._1457ms3e[data-disabled] {
|
|
253
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
254
|
+
}
|
|
255
|
+
._1457ms3f {
|
|
256
|
+
display: inline-flex;
|
|
257
|
+
align-items: center;
|
|
258
|
+
justify-content: center;
|
|
259
|
+
flex-shrink: 0;
|
|
260
|
+
transition: transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);
|
|
261
|
+
}
|
|
262
|
+
._1457ms32[data-popup-open] ._1457ms3f {
|
|
263
|
+
transform: rotate(180deg);
|
|
264
|
+
}
|
|
265
|
+
._1457ms3f > svg {
|
|
266
|
+
width: 18px;
|
|
267
|
+
height: 18px;
|
|
268
|
+
}
|
|
269
|
+
._1457ms3g {
|
|
270
|
+
min-width: 112px;
|
|
271
|
+
max-width: 280px;
|
|
272
|
+
padding-block: 8px;
|
|
273
|
+
background: rgb(var(--md-sys-color-surface-container));
|
|
274
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
275
|
+
border-radius: var(--md-sys-shape-extra-small);
|
|
276
|
+
box-shadow: var(--md-sys-elevation-level2);
|
|
277
|
+
transform-origin: var(--transform-origin);
|
|
278
|
+
outline: none;
|
|
279
|
+
transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
|
|
280
|
+
}
|
|
281
|
+
._1457ms3g[data-starting-style],
|
|
282
|
+
._1457ms3g[data-ending-style] {
|
|
283
|
+
opacity: 0;
|
|
284
|
+
transform: scale(0.95);
|
|
285
|
+
}
|
|
286
|
+
._1457ms3h {
|
|
287
|
+
position: relative;
|
|
288
|
+
display: flex;
|
|
289
|
+
align-items: center;
|
|
290
|
+
gap: 12px;
|
|
291
|
+
height: 48px;
|
|
292
|
+
padding-inline: 12px;
|
|
293
|
+
overflow: hidden;
|
|
294
|
+
cursor: pointer;
|
|
295
|
+
user-select: none;
|
|
296
|
+
outline: none;
|
|
297
|
+
color: rgb(var(--md-sys-color-on-surface));
|
|
298
|
+
font-family: var(--md-sys-typescale-label-large-font);
|
|
299
|
+
font-weight: var(--md-sys-typescale-label-large-weight);
|
|
300
|
+
font-size: var(--md-sys-typescale-label-large-size);
|
|
301
|
+
line-height: var(--md-sys-typescale-label-large-line-height);
|
|
302
|
+
letter-spacing: var(--md-sys-typescale-label-large-tracking);
|
|
303
|
+
}
|
|
304
|
+
._1457ms3h::before {
|
|
305
|
+
content: "";
|
|
306
|
+
position: absolute;
|
|
307
|
+
inset: 0;
|
|
308
|
+
background: currentColor;
|
|
309
|
+
opacity: 0;
|
|
310
|
+
pointer-events: none;
|
|
311
|
+
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
312
|
+
}
|
|
313
|
+
._1457ms3h:hover::before {
|
|
314
|
+
opacity: var(--md-sys-state-hover);
|
|
315
|
+
}
|
|
316
|
+
._1457ms3h[data-highlighted]::before {
|
|
317
|
+
opacity: var(--md-sys-state-hover);
|
|
318
|
+
}
|
|
319
|
+
._1457ms3h:active::before {
|
|
320
|
+
opacity: var(--md-sys-state-pressed);
|
|
321
|
+
}
|
|
322
|
+
._1457ms3h[data-disabled] {
|
|
323
|
+
color: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
324
|
+
pointer-events: none;
|
|
325
|
+
}
|
|
326
|
+
._1457ms3h[data-disabled]::before {
|
|
327
|
+
opacity: 0;
|
|
328
|
+
}
|
|
329
|
+
/*# sourceMappingURL=split-button.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/split-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jNhTd5yuIWcVAmMqKM0kVYDbzGUVQUOKVxAlFCiTl2C367wWphyVZtmnHHbuDbDIJdV_kfRzicO7_nC8enwr9EKC_bxCiTJecrCPEBGcCcMph9XKDEOEsE5gZKHSEEhAGlF3OSBmhsFy93Pxzc99amjtLpdTMMCkipIATw5bwcrz9H5U2LF3jRAoDwvQ_5cCy3ERoEZTOglyCSrl8j1DOKAVh12KpKKgICSmcd1kZ63WzkFRKSxWhUrLWbqVBYQ0cErORS6UwOCUF4-sILYm6xbigWK81NusSdEI4YE5i4JgTlQG28rNO8b0J1UOxFt2oavYXeClaQafmjjX399iTr_XBGHsCJUmYyLxMGEWSNyYyp28UEXXmcalkCcqsIxST5C1TshIUJ5JLdYeaf-oM1YsjbVopUhfQIIRCDr5inUtlFmPXhhVMZDitRLLbBhBthbQhghJFZ11FP9clVRJKrUBdqxEKF_V6E7Q2RJnmpyKUVXrkRuekBJxWnM96aiDo8Uq1glXdo6QLsu3KU6ffv1EUQyoVuD7uWu_Ll5dBW5NYS14Z1x9MaDARCpzvLteR7S8Fwnxv0yttVdmCCGpbruswLEEYvem2TR6jVgPNg6DQnlkc7CW3g2Gwoy6I4XEYYgA76bGJVCaVxkumWczB25TTGpsiiZ2E3jZKBVrDeE9_UGJI--31g8aGu6uNtGPyoVwhLTmjSGXx7cCk61isIZH21NezWW--Ypmmrh62kCGiTJOYA71D4-20X14b9JgqjUlT7f73mJw-omBgMPxErU_U-l-j1mIatebhKag1iSXHa3nh1hRC-qn0-_cXQq3w46gVng-1wrOgVnhO1Ap_JmqFU6gVnoRa4T7UGpv0Qa2F-9gv3h17LhUruh27pZ2ibgZ20n1nXfS-Xu2kq1RKEpih31BwPw_9_A-UHp5HYUwd_aWCefT13hWduxYQJkB5JmOHZj-I60jM4zUl5uuWdzegS2JH-2Hzg35pb2TzQ5OlGSWj9HwdpueEfaHBleO4g-wHMpWgy4Xz5N07tZVN_WMu3326Z5TFlb09UHvbHsgCh2V9LeOwBD4fRXnB5hoGvQUnTxdvuAMBPp-tCftGP9xOfWNnaomeSfIzMZlcx-gnF6_EXjDxNWByfB2Jia8pMcn1YHJyLZicXBcme1frRTGZXi8m04s33IEA4b_AZDgnJsP5MTk95XVzD49rNbHOFRNvDS3Up3_c76lUhRcJeAI_1HApsqxKLEsQr2i00y6CCClpeZTb-XNAIRufyjekl5nTeGfU5BGaN29fLRdb_93TqaULJnCr0RKMBVm1a-FzMCQjYy6Tt-5h7ZTx4gvMTRX0J-IeHhFWRpEBbek3j8INdWtPGUvFMtYRtuP1Ps10gDB89CUM73pV5q81TGVdRo6jraXWHF57jFQjAIJuPm-xUYNiczT7bXD_--PQVe7zuuLznw3aYuseUna81bZyUw8svu8n2w8vR1Xf5_OL5_NLv05-IRY__ziLn9cNmLMs5_awjyHOp8ydhcnPz3ZjPciXj13tpsT_BRrqVlPIJAAA"],"sourcesContent":["._1457ms30 {\n display: inline-flex;\n align-items: center;\n gap: 2px;\n}\n._1457ms31 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n overflow: hidden;\n border: none;\n outline: none;\n cursor: pointer;\n user-select: none;\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n line-height: var(--md-sys-typescale-label-large-line-height);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n transition-property: background-color, color, border-color;\n transition-duration: var(--md-sys-motion-duration-short4);\n transition-timing-function: var(--md-sys-motion-easing-standard);\n gap: 8px;\n padding-inline: 24px;\n border-start-start-radius: var(--md-sys-shape-full);\n border-end-start-radius: var(--md-sys-shape-full);\n border-start-end-radius: var(--md-sys-shape-small);\n border-end-end-radius: var(--md-sys-shape-small);\n}\n._1457ms31::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1457ms31:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1457ms31:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1457ms31:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1457ms31[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1457ms31:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1457ms31:disabled, ._1457ms31[data-disabled] {\n pointer-events: none;\n}\n._1457ms31:disabled::before, ._1457ms31[data-disabled]::before {\n opacity: 0;\n}\n._1457ms32 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n overflow: hidden;\n border: none;\n outline: none;\n cursor: pointer;\n user-select: none;\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n line-height: var(--md-sys-typescale-label-large-line-height);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n transition-property: background-color, color, border-color;\n transition-duration: var(--md-sys-motion-duration-short4);\n transition-timing-function: var(--md-sys-motion-easing-standard);\n gap: 4px;\n padding-inline: 12px;\n border-start-start-radius: var(--md-sys-shape-small);\n border-end-start-radius: var(--md-sys-shape-small);\n border-start-end-radius: var(--md-sys-shape-full);\n border-end-end-radius: var(--md-sys-shape-full);\n}\n._1457ms32::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1457ms32:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1457ms32:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1457ms32:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1457ms32[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1457ms32:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1457ms32:disabled, ._1457ms32[data-disabled] {\n pointer-events: none;\n}\n._1457ms32:disabled::before, ._1457ms32[data-disabled]::before {\n opacity: 0;\n}\n._1457ms34 {\n background: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-on-primary));\n}\n._1457ms34:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms34[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms35 {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1457ms35:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms35[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms36 {\n background: transparent;\n color: rgb(var(--md-sys-color-primary));\n border: 1px solid rgb(var(--md-sys-color-outline));\n}\n._1457ms36:disabled {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1457ms36[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1457ms37 {\n background: rgb(var(--md-sys-color-surface-container-low));\n color: rgb(var(--md-sys-color-primary));\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1457ms37:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n box-shadow: none;\n}\n._1457ms37[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n box-shadow: none;\n}\n._1457ms38 {\n background: transparent;\n color: rgb(var(--md-sys-color-primary));\n}\n._1457ms38:disabled {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms38[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3a {\n background: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-on-primary));\n}\n._1457ms3a:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3a[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3b {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1457ms3b:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3b[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3c {\n background: transparent;\n color: rgb(var(--md-sys-color-primary));\n border: 1px solid rgb(var(--md-sys-color-outline));\n}\n._1457ms3c:disabled {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1457ms3c[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1457ms3d {\n background: rgb(var(--md-sys-color-surface-container-low));\n color: rgb(var(--md-sys-color-primary));\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1457ms3d:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n box-shadow: none;\n}\n._1457ms3d[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n box-shadow: none;\n}\n._1457ms3e {\n background: transparent;\n color: rgb(var(--md-sys-color-primary));\n}\n._1457ms3e:disabled {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3e[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3f {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);\n}\n._1457ms32[data-popup-open] ._1457ms3f {\n transform: rotate(180deg);\n}\n._1457ms3f > svg {\n width: 18px;\n height: 18px;\n}\n._1457ms3g {\n min-width: 112px;\n max-width: 280px;\n padding-block: 8px;\n background: rgb(var(--md-sys-color-surface-container));\n color: rgb(var(--md-sys-color-on-surface));\n border-radius: var(--md-sys-shape-extra-small);\n box-shadow: var(--md-sys-elevation-level2);\n transform-origin: var(--transform-origin);\n outline: none;\n transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n._1457ms3g[data-starting-style], ._1457ms3g[data-ending-style] {\n opacity: 0;\n transform: scale(0.95);\n}\n._1457ms3h {\n position: relative;\n display: flex;\n align-items: center;\n gap: 12px;\n height: 48px;\n padding-inline: 12px;\n overflow: hidden;\n cursor: pointer;\n user-select: none;\n outline: none;\n color: rgb(var(--md-sys-color-on-surface));\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n line-height: var(--md-sys-typescale-label-large-line-height);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n}\n._1457ms3h::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1457ms3h:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1457ms3h[data-highlighted]::before {\n opacity: var(--md-sys-state-hover);\n}\n._1457ms3h:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1457ms3h[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n pointer-events: none;\n}\n._1457ms3h[data-disabled]::before {\n opacity: 0;\n}"],"mappings":"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","names":[]}
|