@m3-baseui/react-vanilla-extract 2.0.0 → 4.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 (23) hide show
  1. package/dist/components/button/index.css +241 -74
  2. package/dist/components/button/index.css.map +1 -1
  3. package/dist/components/button/index.d.ts +1 -1
  4. package/dist/components/button/index.js +5 -3
  5. package/dist/components/button/index.js.map +1 -1
  6. package/dist/components/carousel/index.css +20 -6
  7. package/dist/components/carousel/index.css.map +1 -1
  8. package/dist/components/carousel/index.js +2 -2
  9. package/dist/components/carousel/index.js.map +1 -1
  10. package/dist/components/select/index.css +38 -70
  11. package/dist/components/select/index.css.map +1 -1
  12. package/dist/components/select/index.d.ts +0 -2
  13. package/dist/components/select/index.js +13 -17
  14. package/dist/components/select/index.js.map +1 -1
  15. package/dist/components/slider/index.css +58 -36
  16. package/dist/components/slider/index.css.map +1 -1
  17. package/dist/components/slider/index.js.map +1 -1
  18. package/dist/index.css +357 -186
  19. package/dist/index.css.map +1 -1
  20. package/dist/index.d.ts +1 -1
  21. package/dist/index.js +20 -22
  22. package/dist/index.js.map +1 -1
  23. package/package.json +1 -1
package/dist/components/button/index.css CHANGED
@@ -1,31 +1,123 @@
1
- /* vanilla-extract-css-ns:src/components/button/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81YXW_aMBR951dYPBWp7pKUTZWr7WU_Y6omJ75JvBo7sm-gbOp_n2zzlQBtCkjlCcW599yvcw-Gu9_ps0hnLknIvxEhjXESpdGMWFAc5RweR4QI6RrFl4xIraQGWip48edcyUpTiTBzjBSgEaw__tM6lOWSFkYjaNx9VfGGkYcmeNcgqxoZmSbxueFCSF3RGISRbBrPc2MFWEa00bB9ppYL2TpG5tzeUDoT1C0ddTVvgJatUhNvauZgS2UWjNRSCND-rGitM5aRxsh1Vq0DSx0oKHAbpjQaaclnUi17QXDZgCu4Aqp4Dooqbiug3n6ycVysihvgGE23rk7-hUGO3jC4haHUwyPu2Ed_QPQdaHghdTUIAi0vnqWugj9ariNvaGNNAxaXjOTmxY9DmMUtyXnxXFnTakELo4y9JauP1SzDUw9JtJZHKnbSmZnOW-pqY3HaTwPlzFOpbHVxHAO480YOuRbcisnj6HV0t9kHxnIojYWwFxsqj8ePnTXhuTOqxcAYqR0gI8kBkkpdg5UY3mx6wTwXLWj8uS7f-An45iUxSmAohTlodFtmbutka48BPcompzSh9ivUacUmx-7iIUegwboPUZqidXQuncwVDIYKXj2oX4Ijp40F50A8DYZaOfTz4oXXtzNRYkpCOp4rEE8rET08t-1GrM86-axBzsDoZXO4tuRI3GHWnWlG0xajYN83L8QZJQWxVX7TaWFYcOqgMJ5ly0lU5-hITVmGxcm83u-Xs5BY-xlYpLIwetXj1ZeFghIZSb-94QpaHHC0US33PNNgtbukR4pprJxtSglHR02DLm6sd4PF_YohdybbwQAF87jHCuag0j5E5PGHMJIeRnexzoLq0nhAH70-tbbkBUzIF5Lcpdmwjnac7h8OVtTdy89KJhsafbMf4erEpQY7kF5HPHeTOJ9q2QWoll2Oatl1UC27Jqrd70UPl4WG-2vG-_AdTVvfu9P3ZH2l4z3C3XfHc0JdpHM9_FgjdxM5NKDPS2c6WA0iynajqTKLIXrQm-JJuz49QS76hZ4iF_00zpCLvYquQi6m1yQXXy8oF_2f72n_Ovf1bEHYBbvQUr-OIpBTBr-P8xbR6HBbHEfIS_318VacH8TNqxBtIQXWjKS9f0ji8-t_2Tsh26wRAAA */
1
+ /* vanilla-extract-css-ns:src/components/button/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2Z33KbOBTG7_MUmlzVM1XW2OQfmd2bfYydzo4MB6xGSKwkcNxO330HMAQpkApBt73YqyRY36ejo5_OkcnN38FzEuRqu0VfrxA6As2OOkL7XfHydIVQQZKE8gxTziiHCAWX5xkpIhS2v6eCa5ySnLJzhCoiP2CcJ1idFdbnAlRMGGBGDsAwIzIDXI_f9MLTZUYHYTv0VaroF3AS1gMbWb0IfHSfcTC-1YPWILEqSEx55mShJYmfKc82T1ffrm76bP-VEE1wIUEpSD41uT8ImYDEkiS0VJa3OpICsMoJY5ZRRGJNK1jggNpYFBP69-tDqbXgmMaCX39CfyBVZY31iSb6GKHdtt3zLoft3wO3wMAo3E5gdDfA6OF_jHwxCtbCKFiMUbAqRjsDo9u7cYx2oR9GmmoGOIeElvk8jgzlLJAM5SySDKUnSobHOEs7L5ZaS8tpHkyjFrNoCi2aQoumvUHT4wRN4cOApq7RueB0BJI0-9Ici3lAWdpZSFnaWVBZWk-sLJdxsPZeYDVlzzKax9WYwxysujuQeScauIUGVsF-gqu7YZXqOt8srjwanqX148qj7VnapVy91_zCtbgKF3MVzuEqtJpfaDe_22Z0IRTVVPAISWCkjq8WJVQVjJwj1NKFUwaNGWE045hqyFWEYuAaZP34c6k0Tc84FlwD18OP2oVGiAveOIsKZMrEKUJHmiTA62dxKZWQESoE7WSlqvcPGMT6Vasl4W20uJCiAKnPETqIlzpjiTh9RAcSP2dSlDzBsWBCfkSXH5d0m3-1ybeMk1KSNh_GnuTC-BSro5A63FhiTfP6SKYlj6c9gKh6kCpk_QPSFGKtcAIpKZk2N_w2ig6QCtky02f3-vrJ2DlyUIKVuskR5Qp0hLZPbyGj_AiS6uaTPlFRnX0JXP9Z56bZofrU1JndtrM0e4KhAq7V2F5EncIhY7vNuynRhCdEJnYSjjU0Rir6GM2Do4kG3Iy2LVIRlwpXVNEDA2erRmVZmeXA2eoisONqS8JClzakhCpyYF2Jmtq31-PSPTPi6UwWeFjRjK9tOzGv22hjN9uhpW7b4L54QUowmiCZHT4YKWxOP1YQi5qy86Y5vRchFmnaHBy7-9615XpwXiZ8C0nz3rV5NDm0qV_96OFkLeqXDvGaZMMDGFTtkWJQAQtsC6PLuHlsLY_RludnZRLlkMe6VJQyJTFs0G9oexO4JfSiwRWRlHDdavcPowszT8pPjuneNYge3KbNEspBOsI2oRwGsRy8-xXAu18PvPvl4O1m7fLE7q5F3BrBPLyZveniBan7vxfRm-EVL_he6e1q7UA9jM7csQWnCxn3vWkPK5z-aA-DGtu_XyO0R-fCcYmmP_yYiZNL6TBammdZePSoLDvbwqOy2GEsqCxvVvQrtbTHX7ClkR9RZ4b-q1WKoenKJ31gnTl-5U9L-3X384KXm2yBNvd_ScEdpfCiJRkzEEsNigUL_2eBVvonTS1ds15qUHozWnkrT97KF2_l2Vv5Zajs_idg_19yOzJobw8KvDu364X_3fIZ7H7y_Pv_8jt1EP7we9L3V3zrGgPlFUgFfW92mL2TDDr6yEXT6MBGaCtdZ1ynW_W-4jjpnUMzN-iZfs_-dcW349_-BQXr8DkXIwAA */
2
2
  ._1kd1ms00 {
3
+ height: 32px;
4
+ padding-inline: 12px;
5
+ gap: 4px;
6
+ font-family: var(--md-sys-typescale-label-large-font);
7
+ font-weight: var(--md-sys-typescale-label-large-weight);
8
+ font-size: var(--md-sys-typescale-label-large-size);
9
+ line-height: var(--md-sys-typescale-label-large-line-height);
10
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
11
+ }
12
+ ._1kd1ms00[data-pressed] {
13
+ border-radius: var(--md-sys-shape-small);
14
+ }
15
+ ._1kd1ms00:active {
16
+ border-radius: var(--md-sys-shape-small);
17
+ }
18
+ ._1kd1ms00 [data-slot=button-icon] > svg {
19
+ width: 20px;
20
+ height: 20px;
21
+ }
22
+ ._1kd1ms01 {
23
+ height: 40px;
24
+ padding-inline: 16px;
25
+ gap: 8px;
26
+ font-family: var(--md-sys-typescale-label-large-font);
27
+ font-weight: var(--md-sys-typescale-label-large-weight);
28
+ font-size: var(--md-sys-typescale-label-large-size);
29
+ line-height: var(--md-sys-typescale-label-large-line-height);
30
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
31
+ }
32
+ ._1kd1ms01[data-pressed] {
33
+ border-radius: var(--md-sys-shape-small);
34
+ }
35
+ ._1kd1ms01:active {
36
+ border-radius: var(--md-sys-shape-small);
37
+ }
38
+ ._1kd1ms01 [data-slot=button-icon] > svg {
39
+ width: 20px;
40
+ height: 20px;
41
+ }
42
+ ._1kd1ms02 {
43
+ height: 56px;
44
+ padding-inline: 24px;
45
+ gap: 8px;
46
+ font-family: var(--md-sys-typescale-title-medium-font);
47
+ font-weight: var(--md-sys-typescale-title-medium-weight);
48
+ font-size: var(--md-sys-typescale-title-medium-size);
49
+ line-height: var(--md-sys-typescale-title-medium-line-height);
50
+ letter-spacing: var(--md-sys-typescale-title-medium-tracking);
51
+ }
52
+ ._1kd1ms02[data-pressed] {
53
+ border-radius: var(--md-sys-shape-medium);
54
+ }
55
+ ._1kd1ms02:active {
56
+ border-radius: var(--md-sys-shape-medium);
57
+ }
58
+ ._1kd1ms02 [data-slot=button-icon] > svg {
59
+ width: 24px;
60
+ height: 24px;
61
+ }
62
+ ._1kd1ms03 {
63
+ height: 96px;
64
+ padding-inline: 48px;
65
+ gap: 12px;
66
+ font-family: var(--md-sys-typescale-headline-small-font);
67
+ font-weight: var(--md-sys-typescale-headline-small-weight);
68
+ font-size: var(--md-sys-typescale-headline-small-size);
69
+ line-height: var(--md-sys-typescale-headline-small-line-height);
70
+ letter-spacing: var(--md-sys-typescale-headline-small-tracking);
71
+ }
72
+ ._1kd1ms03[data-pressed] {
73
+ border-radius: var(--md-sys-shape-large);
74
+ }
75
+ ._1kd1ms03:active {
76
+ border-radius: var(--md-sys-shape-large);
77
+ }
78
+ ._1kd1ms03 [data-slot=button-icon] > svg {
79
+ width: 32px;
80
+ height: 32px;
81
+ }
82
+ ._1kd1ms04 {
83
+ height: 136px;
84
+ padding-inline: 64px;
85
+ gap: 16px;
86
+ font-family: var(--md-sys-typescale-headline-large-font);
87
+ font-weight: var(--md-sys-typescale-headline-large-weight);
88
+ font-size: var(--md-sys-typescale-headline-large-size);
89
+ line-height: var(--md-sys-typescale-headline-large-line-height);
90
+ letter-spacing: var(--md-sys-typescale-headline-large-tracking);
91
+ }
92
+ ._1kd1ms04[data-pressed] {
93
+ border-radius: var(--md-sys-shape-large);
94
+ }
95
+ ._1kd1ms04:active {
96
+ border-radius: var(--md-sys-shape-large);
97
+ }
98
+ ._1kd1ms04 [data-slot=button-icon] > svg {
99
+ width: 40px;
100
+ height: 40px;
101
+ }
102
+ ._1kd1ms05 {
3
103
  position: relative;
4
104
  display: inline-flex;
5
105
  align-items: center;
6
106
  justify-content: center;
7
- gap: 8px;
8
- height: 40px;
9
- padding-inline: 24px;
10
107
  border: none;
11
- border-radius: var(--md-sys-shape-full);
12
108
  overflow: hidden;
13
109
  cursor: pointer;
14
110
  user-select: none;
15
- font-family: var(--md-sys-typescale-label-large-font);
16
- font-weight: var(--md-sys-typescale-label-large-weight);
17
- font-size: var(--md-sys-typescale-label-large-size);
18
- line-height: var(--md-sys-typescale-label-large-line-height);
19
- letter-spacing: var(--md-sys-typescale-label-large-tracking);
20
111
  transition-property:
21
112
  box-shadow,
22
113
  background-color,
23
114
  color,
24
- border-color;
115
+ border-color,
116
+ border-radius;
25
117
  transition-duration: var(--md-sys-motion-duration-short4);
26
- transition-timing-function: var(--md-sys-motion-easing-standard);
118
+ transition-timing-function: var(--md-sys-motion-easing-spring-effects-default);
27
119
  }
28
- ._1kd1ms00::before {
120
+ ._1kd1ms05::before {
29
121
  content: "";
30
122
  position: absolute;
31
123
  inset: 0;
@@ -35,137 +127,212 @@
35
127
  pointer-events: none;
36
128
  transition: opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
37
129
  }
38
- ._1kd1ms00:hover::before {
130
+ ._1kd1ms05:hover::before {
39
131
  opacity: var(--md-sys-state-hover);
40
132
  }
41
- ._1kd1ms00:focus-visible::before {
133
+ ._1kd1ms05:focus-visible::before {
42
134
  opacity: var(--md-sys-state-focus);
43
135
  }
44
- ._1kd1ms00[data-pressed]::before {
136
+ ._1kd1ms05[data-pressed]::before {
45
137
  opacity: var(--md-sys-state-pressed);
46
138
  }
47
- ._1kd1ms00:active::before {
139
+ ._1kd1ms05:active::before {
48
140
  opacity: var(--md-sys-state-pressed);
49
141
  }
50
- ._1kd1ms00[data-disabled] {
142
+ ._1kd1ms05[data-disabled] {
51
143
  pointer-events: none;
52
144
  box-shadow: none;
53
145
  }
54
- ._1kd1ms00:disabled {
146
+ ._1kd1ms05:disabled {
55
147
  pointer-events: none;
56
148
  box-shadow: none;
57
149
  }
58
- ._1kd1ms00[data-disabled]::before {
150
+ ._1kd1ms05[data-disabled]::before {
59
151
  opacity: 0;
60
152
  }
61
- ._1kd1ms00:disabled::before {
153
+ ._1kd1ms05:disabled::before {
62
154
  opacity: 0;
63
155
  }
64
- ._1kd1ms00:focus-visible {
156
+ ._1kd1ms05:focus-visible {
65
157
  outline: 3px solid rgb(var(--md-sys-color-secondary));
66
158
  outline-offset: 2px;
67
159
  }
68
- ._1kd1ms00[data-with-start-icon] {
69
- padding-left: 16px;
70
- }
71
- ._1kd1ms00[data-with-end-icon] {
72
- padding-right: 16px;
73
- }
74
- ._1kd1ms01 {
160
+ ._1kd1ms06 {
75
161
  background: rgb(var(--md-sys-color-primary));
76
162
  color: rgb(var(--md-sys-color-on-primary));
77
163
  }
78
- ._1kd1ms01:hover {
164
+ ._1kd1ms06:hover {
79
165
  box-shadow: var(--md-sys-elevation-level1);
80
166
  }
81
- ._1kd1ms01:active {
167
+ ._1kd1ms06:active {
82
168
  box-shadow: var(--md-sys-elevation-level0);
83
169
  }
84
- ._1kd1ms01[data-pressed] {
170
+ ._1kd1ms06[data-pressed] {
85
171
  box-shadow: var(--md-sys-elevation-level0);
86
172
  }
87
- ._1kd1ms01:disabled {
88
- background: rgb(var(--md-sys-color-on-surface) / 0.12);
89
- color: rgb(var(--md-sys-color-on-surface) / 0.38);
173
+ ._1kd1ms06:disabled {
174
+ background: rgb(var(--md-sys-color-on-surface) / 0.1);
175
+ color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);
90
176
  }
91
- ._1kd1ms01[data-disabled] {
92
- background: rgb(var(--md-sys-color-on-surface) / 0.12);
93
- color: rgb(var(--md-sys-color-on-surface) / 0.38);
177
+ ._1kd1ms06[data-disabled] {
178
+ background: rgb(var(--md-sys-color-on-surface) / 0.1);
179
+ color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);
94
180
  }
95
- ._1kd1ms02 {
181
+ ._1kd1ms07 {
96
182
  background: rgb(var(--md-sys-color-secondary-container));
97
183
  color: rgb(var(--md-sys-color-on-secondary-container));
98
184
  }
99
- ._1kd1ms02:hover {
185
+ ._1kd1ms07:hover {
100
186
  box-shadow: var(--md-sys-elevation-level1);
101
187
  }
102
- ._1kd1ms02:active {
188
+ ._1kd1ms07:active {
103
189
  box-shadow: var(--md-sys-elevation-level0);
104
190
  }
105
- ._1kd1ms02[data-pressed] {
191
+ ._1kd1ms07[data-pressed] {
106
192
  box-shadow: var(--md-sys-elevation-level0);
107
193
  }
108
- ._1kd1ms02:disabled {
194
+ ._1kd1ms07:disabled {
109
195
  background: rgb(var(--md-sys-color-on-surface) / 0.12);
110
196
  color: rgb(var(--md-sys-color-on-surface) / 0.38);
111
197
  }
112
- ._1kd1ms02[data-disabled] {
198
+ ._1kd1ms07[data-disabled] {
113
199
  background: rgb(var(--md-sys-color-on-surface) / 0.12);
114
200
  color: rgb(var(--md-sys-color-on-surface) / 0.38);
115
201
  }
116
- ._1kd1ms03 {
202
+ ._1kd1ms08 {
117
203
  background: transparent;
118
- color: rgb(var(--md-sys-color-primary));
119
- border: 1px solid rgb(var(--md-sys-color-outline));
204
+ color: rgb(var(--md-sys-color-on-surface-variant));
205
+ border: 1px solid rgb(var(--md-sys-color-outline-variant));
120
206
  }
121
- ._1kd1ms03:disabled {
122
- color: rgb(var(--md-sys-color-on-surface) / 0.38);
123
- border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
207
+ ._1kd1ms08:disabled {
208
+ color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);
209
+ border-color: rgb(var(--md-sys-color-outline-variant) / 0.1);
124
210
  }
125
- ._1kd1ms03[data-disabled] {
126
- color: rgb(var(--md-sys-color-on-surface) / 0.38);
127
- border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
211
+ ._1kd1ms08[data-disabled] {
212
+ color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);
213
+ border-color: rgb(var(--md-sys-color-outline-variant) / 0.1);
128
214
  }
129
- ._1kd1ms04 {
215
+ ._1kd1ms09 {
130
216
  background: rgb(var(--md-sys-color-surface-container-low));
131
217
  color: rgb(var(--md-sys-color-primary));
132
218
  box-shadow: var(--md-sys-elevation-level1);
133
219
  }
134
- ._1kd1ms04:hover {
220
+ ._1kd1ms09:hover {
135
221
  box-shadow: var(--md-sys-elevation-level2);
136
222
  }
137
- ._1kd1ms04:active {
223
+ ._1kd1ms09:active {
138
224
  box-shadow: var(--md-sys-elevation-level1);
139
225
  }
140
- ._1kd1ms04[data-pressed] {
226
+ ._1kd1ms09[data-pressed] {
141
227
  box-shadow: var(--md-sys-elevation-level1);
142
228
  }
143
- ._1kd1ms04:disabled {
144
- background: rgb(var(--md-sys-color-on-surface) / 0.12);
145
- color: rgb(var(--md-sys-color-on-surface) / 0.38);
229
+ ._1kd1ms09:disabled {
230
+ background: rgb(var(--md-sys-color-on-surface) / 0.1);
231
+ color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);
146
232
  }
147
- ._1kd1ms04[data-disabled] {
148
- background: rgb(var(--md-sys-color-on-surface) / 0.12);
149
- color: rgb(var(--md-sys-color-on-surface) / 0.38);
233
+ ._1kd1ms09[data-disabled] {
234
+ background: rgb(var(--md-sys-color-on-surface) / 0.1);
235
+ color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);
150
236
  }
151
- ._1kd1ms05 {
237
+ ._1kd1ms0a {
152
238
  background: transparent;
153
- color: rgb(var(--md-sys-color-primary));
154
- padding-inline: 12px;
239
+ color: rgb(var(--md-sys-color-on-surface-variant));
155
240
  }
156
- ._1kd1ms05:disabled {
157
- color: rgb(var(--md-sys-color-on-surface) / 0.38);
241
+ ._1kd1ms0a:disabled {
242
+ color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);
158
243
  }
159
- ._1kd1ms05[data-disabled] {
160
- color: rgb(var(--md-sys-color-on-surface) / 0.38);
244
+ ._1kd1ms0a[data-disabled] {
245
+ color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);
246
+ }
247
+ ._1kd1ms0g {
248
+ border-radius: var(--md-sys-shape-full);
249
+ }
250
+ ._1kd1ms0k {
251
+ border-radius: var(--md-sys-shape-medium);
252
+ }
253
+ ._1kd1ms0l {
254
+ border-radius: var(--md-sys-shape-medium);
255
+ }
256
+ ._1kd1ms0m {
257
+ border-radius: var(--md-sys-shape-large);
258
+ }
259
+ ._1kd1ms0n {
260
+ border-radius: var(--md-sys-shape-extra-large);
261
+ }
262
+ ._1kd1ms0o {
263
+ border-radius: var(--md-sys-shape-extra-large);
264
+ }
265
+ ._1kd1ms0p {
266
+ border-radius: var(--md-sys-shape-medium);
267
+ }
268
+ ._1kd1ms0q {
269
+ border-radius: var(--md-sys-shape-medium);
270
+ }
271
+ ._1kd1ms0r {
272
+ border-radius: var(--md-sys-shape-large);
273
+ }
274
+ ._1kd1ms0s {
275
+ border-radius: var(--md-sys-shape-extra-large);
276
+ }
277
+ ._1kd1ms0t {
278
+ border-radius: var(--md-sys-shape-extra-large);
279
+ }
280
+ ._1kd1ms0u {
281
+ border-radius: var(--md-sys-shape-full);
282
+ }
283
+ ._1kd1ms0v {
284
+ border-radius: var(--md-sys-shape-full);
285
+ }
286
+ ._1kd1ms0w {
287
+ border-radius: var(--md-sys-shape-full);
288
+ }
289
+ ._1kd1ms0x {
290
+ border-radius: var(--md-sys-shape-full);
291
+ }
292
+ ._1kd1ms0y {
293
+ border-radius: var(--md-sys-shape-full);
294
+ }
295
+ ._1kd1ms0z {
296
+ border-width: 2px;
297
+ }
298
+ ._1kd1ms010 {
299
+ border-width: 3px;
300
+ }
301
+ ._1kd1ms011 {
302
+ background: rgb(var(--md-sys-color-surface-container));
303
+ color: rgb(var(--md-sys-color-on-surface-variant));
304
+ }
305
+ ._1kd1ms012 {
306
+ background: rgb(var(--md-sys-color-surface-container));
307
+ color: rgb(var(--md-sys-color-on-surface-variant));
308
+ }
309
+ ._1kd1ms013 {
310
+ background: rgb(var(--md-sys-color-primary));
311
+ color: rgb(var(--md-sys-color-on-primary));
312
+ }
313
+ ._1kd1ms014 {
314
+ background: rgb(var(--md-sys-color-surface-container-low));
315
+ color: rgb(var(--md-sys-color-on-surface-variant));
316
+ }
317
+ ._1kd1ms015 {
318
+ background: rgb(var(--md-sys-color-inverse-surface));
319
+ color: rgb(var(--md-sys-color-inverse-on-surface));
320
+ border-color: transparent;
321
+ }
322
+ ._1kd1ms015:disabled {
323
+ background: rgb(var(--md-sys-color-on-surface) / 0.1);
324
+ border-color: transparent;
325
+ }
326
+ ._1kd1ms015[data-disabled] {
327
+ background: rgb(var(--md-sys-color-on-surface) / 0.1);
328
+ border-color: transparent;
329
+ }
330
+ ._1kd1ms016 {
331
+ color: rgb(var(--md-sys-color-primary));
161
332
  }
162
333
  [data-slot=button-icon] {
163
334
  display: inline-flex;
164
335
  align-items: center;
165
336
  justify-content: center;
166
337
  }
167
- [data-slot=button-icon] > svg {
168
- width: 18px;
169
- height: 18px;
170
- }
171
338
  /*# sourceMappingURL=index.css.map */
package/dist/components/button/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["vanilla-extract-css-ns:src/components/button/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81YXW_aMBR951dYPBWp7pKUTZWr7WU_Y6omJ75JvBo7sm-gbOp_n2zzlQBtCkjlCcW599yvcw-Gu9_ps0hnLknIvxEhjXESpdGMWFAc5RweR4QI6RrFl4xIraQGWip48edcyUpTiTBzjBSgEaw__tM6lOWSFkYjaNx9VfGGkYcmeNcgqxoZmSbxueFCSF3RGISRbBrPc2MFWEa00bB9ppYL2TpG5tzeUDoT1C0ddTVvgJatUhNvauZgS2UWjNRSCND-rGitM5aRxsh1Vq0DSx0oKHAbpjQaaclnUi17QXDZgCu4Aqp4Dooqbiug3n6ycVysihvgGE23rk7-hUGO3jC4haHUwyPu2Ed_QPQdaHghdTUIAi0vnqWugj9ariNvaGNNAxaXjOTmxY9DmMUtyXnxXFnTakELo4y9JauP1SzDUw9JtJZHKnbSmZnOW-pqY3HaTwPlzFOpbHVxHAO480YOuRbcisnj6HV0t9kHxnIojYWwFxsqj8ePnTXhuTOqxcAYqR0gI8kBkkpdg5UY3mx6wTwXLWj8uS7f-An45iUxSmAohTlodFtmbutka48BPcompzSh9ivUacUmx-7iIUegwboPUZqidXQuncwVDIYKXj2oX4Ijp40F50A8DYZaOfTz4oXXtzNRYkpCOp4rEE8rET08t-1GrM86-axBzsDoZXO4tuRI3GHWnWlG0xajYN83L8QZJQWxVX7TaWFYcOqgMJ5ly0lU5-hITVmGxcm83u-Xs5BY-xlYpLIwetXj1ZeFghIZSb-94QpaHHC0US33PNNgtbukR4pprJxtSglHR02DLm6sd4PF_YohdybbwQAF87jHCuag0j5E5PGHMJIeRnexzoLq0nhAH70-tbbkBUzIF5Lcpdmwjnac7h8OVtTdy89KJhsafbMf4erEpQY7kF5HPHeTOJ9q2QWoll2Oatl1UC27Jqrd70UPl4WG-2vG-_AdTVvfu9P3ZH2l4z3C3XfHc0JdpHM9_FgjdxM5NKDPS2c6WA0iynajqTKLIXrQm-JJuz49QS76hZ4iF_00zpCLvYquQi6m1yQXXy8oF_2f72n_Ovf1bEHYBbvQUr-OIpBTBr-P8xbR6HBbHEfIS_318VacH8TNqxBtIQXWjKS9f0ji8-t_2Tsh26wRAAA"],"sourcesContent":["._1kd1ms00 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n height: 40px;\n padding-inline: 24px;\n border: none;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\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: box-shadow, 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}\n._1kd1ms00::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);\n}\n._1kd1ms00:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1kd1ms00:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1kd1ms00[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1kd1ms00:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1kd1ms00[data-disabled] {\n pointer-events: none;\n box-shadow: none;\n}\n._1kd1ms00:disabled {\n pointer-events: none;\n box-shadow: none;\n}\n._1kd1ms00[data-disabled]::before {\n opacity: 0;\n}\n._1kd1ms00:disabled::before {\n opacity: 0;\n}\n._1kd1ms00:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1kd1ms00[data-with-start-icon] {\n padding-left: 16px;\n}\n._1kd1ms00[data-with-end-icon] {\n padding-right: 16px;\n}\n._1kd1ms01 {\n background: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-on-primary));\n}\n._1kd1ms01:hover {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms01:active {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms01[data-pressed] {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms01: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._1kd1ms01[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._1kd1ms02 {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1kd1ms02:hover {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms02:active {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms02[data-pressed] {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms02: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._1kd1ms02[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._1kd1ms03 {\n background: transparent;\n color: rgb(var(--md-sys-color-primary));\n border: 1px solid rgb(var(--md-sys-color-outline));\n}\n._1kd1ms03: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._1kd1ms03[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._1kd1ms04 {\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._1kd1ms04:hover {\n box-shadow: var(--md-sys-elevation-level2);\n}\n._1kd1ms04:active {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms04[data-pressed] {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms04: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._1kd1ms04[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._1kd1ms05 {\n background: transparent;\n color: rgb(var(--md-sys-color-primary));\n padding-inline: 12px;\n}\n._1kd1ms05:disabled {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1kd1ms05[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n[data-slot=\"button-icon\"] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n[data-slot=\"button-icon\"] > svg {\n width: 18px;\n height: 18px;\n}"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/components/button/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2Z33KbOBTG7_MUmlzVM1XW2OQfmd2bfYydzo4MB6xGSKwkcNxO330HMAQpkApBt73YqyRY36ejo5_OkcnN38FzEuRqu0VfrxA6As2OOkL7XfHydIVQQZKE8gxTziiHCAWX5xkpIhS2v6eCa5ySnLJzhCoiP2CcJ1idFdbnAlRMGGBGDsAwIzIDXI_f9MLTZUYHYTv0VaroF3AS1gMbWb0IfHSfcTC-1YPWILEqSEx55mShJYmfKc82T1ffrm76bP-VEE1wIUEpSD41uT8ImYDEkiS0VJa3OpICsMoJY5ZRRGJNK1jggNpYFBP69-tDqbXgmMaCX39CfyBVZY31iSb6GKHdtt3zLoft3wO3wMAo3E5gdDfA6OF_jHwxCtbCKFiMUbAqRjsDo9u7cYx2oR9GmmoGOIeElvk8jgzlLJAM5SySDKUnSobHOEs7L5ZaS8tpHkyjFrNoCi2aQoumvUHT4wRN4cOApq7RueB0BJI0-9Ici3lAWdpZSFnaWVBZWk-sLJdxsPZeYDVlzzKax9WYwxysujuQeScauIUGVsF-gqu7YZXqOt8srjwanqX148qj7VnapVy91_zCtbgKF3MVzuEqtJpfaDe_22Z0IRTVVPAISWCkjq8WJVQVjJwj1NKFUwaNGWE045hqyFWEYuAaZP34c6k0Tc84FlwD18OP2oVGiAveOIsKZMrEKUJHmiTA62dxKZWQESoE7WSlqvcPGMT6Vasl4W20uJCiAKnPETqIlzpjiTh9RAcSP2dSlDzBsWBCfkSXH5d0m3-1ybeMk1KSNh_GnuTC-BSro5A63FhiTfP6SKYlj6c9gKh6kCpk_QPSFGKtcAIpKZk2N_w2ig6QCtky02f3-vrJ2DlyUIKVuskR5Qp0hLZPbyGj_AiS6uaTPlFRnX0JXP9Z56bZofrU1JndtrM0e4KhAq7V2F5EncIhY7vNuynRhCdEJnYSjjU0Rir6GM2Do4kG3Iy2LVIRlwpXVNEDA2erRmVZmeXA2eoisONqS8JClzakhCpyYF2Jmtq31-PSPTPi6UwWeFjRjK9tOzGv22hjN9uhpW7b4L54QUowmiCZHT4YKWxOP1YQi5qy86Y5vRchFmnaHBy7-9615XpwXiZ8C0nz3rV5NDm0qV_96OFkLeqXDvGaZMMDGFTtkWJQAQtsC6PLuHlsLY_RludnZRLlkMe6VJQyJTFs0G9oexO4JfSiwRWRlHDdavcPowszT8pPjuneNYge3KbNEspBOsI2oRwGsRy8-xXAu18PvPvl4O1m7fLE7q5F3BrBPLyZveniBan7vxfRm-EVL_he6e1q7UA9jM7csQWnCxn3vWkPK5z-aA-DGtu_XyO0R-fCcYmmP_yYiZNL6TBammdZePSoLDvbwqOy2GEsqCxvVvQrtbTHX7ClkR9RZ4b-q1WKoenKJ31gnTl-5U9L-3X384KXm2yBNvd_ScEdpfCiJRkzEEsNigUL_2eBVvonTS1ds15qUHozWnkrT97KF2_l2Vv5Zajs_idg_19yOzJobw8KvDu364X_3fIZ7H7y_Pv_8jt1EP7we9L3V3zrGgPlFUgFfW92mL2TDDr6yEXT6MBGaCtdZ1ynW_W-4jjpnUMzN-iZfs_-dcW349_-BQXr8DkXIwAA"],"sourcesContent":["._1kd1ms00 {\n height: 32px;\n padding-inline: 12px;\n gap: 4px;\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._1kd1ms00[data-pressed] {\n border-radius: var(--md-sys-shape-small);\n}\n._1kd1ms00:active {\n border-radius: var(--md-sys-shape-small);\n}\n._1kd1ms00 [data-slot=\"button-icon\"] > svg {\n width: 20px;\n height: 20px;\n}\n._1kd1ms01 {\n height: 40px;\n padding-inline: 16px;\n gap: 8px;\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._1kd1ms01[data-pressed] {\n border-radius: var(--md-sys-shape-small);\n}\n._1kd1ms01:active {\n border-radius: var(--md-sys-shape-small);\n}\n._1kd1ms01 [data-slot=\"button-icon\"] > svg {\n width: 20px;\n height: 20px;\n}\n._1kd1ms02 {\n height: 56px;\n padding-inline: 24px;\n gap: 8px;\n font-family: var(--md-sys-typescale-title-medium-font);\n font-weight: var(--md-sys-typescale-title-medium-weight);\n font-size: var(--md-sys-typescale-title-medium-size);\n line-height: var(--md-sys-typescale-title-medium-line-height);\n letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n}\n._1kd1ms02[data-pressed] {\n border-radius: var(--md-sys-shape-medium);\n}\n._1kd1ms02:active {\n border-radius: var(--md-sys-shape-medium);\n}\n._1kd1ms02 [data-slot=\"button-icon\"] > svg {\n width: 24px;\n height: 24px;\n}\n._1kd1ms03 {\n height: 96px;\n padding-inline: 48px;\n gap: 12px;\n font-family: var(--md-sys-typescale-headline-small-font);\n font-weight: var(--md-sys-typescale-headline-small-weight);\n font-size: var(--md-sys-typescale-headline-small-size);\n line-height: var(--md-sys-typescale-headline-small-line-height);\n letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n}\n._1kd1ms03[data-pressed] {\n border-radius: var(--md-sys-shape-large);\n}\n._1kd1ms03:active {\n border-radius: var(--md-sys-shape-large);\n}\n._1kd1ms03 [data-slot=\"button-icon\"] > svg {\n width: 32px;\n height: 32px;\n}\n._1kd1ms04 {\n height: 136px;\n padding-inline: 64px;\n gap: 16px;\n font-family: var(--md-sys-typescale-headline-large-font);\n font-weight: var(--md-sys-typescale-headline-large-weight);\n font-size: var(--md-sys-typescale-headline-large-size);\n line-height: var(--md-sys-typescale-headline-large-line-height);\n letter-spacing: var(--md-sys-typescale-headline-large-tracking);\n}\n._1kd1ms04[data-pressed] {\n border-radius: var(--md-sys-shape-large);\n}\n._1kd1ms04:active {\n border-radius: var(--md-sys-shape-large);\n}\n._1kd1ms04 [data-slot=\"button-icon\"] > svg {\n width: 40px;\n height: 40px;\n}\n._1kd1ms05 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: none;\n overflow: hidden;\n cursor: pointer;\n user-select: none;\n transition-property: box-shadow, background-color, color, border-color, border-radius;\n transition-duration: var(--md-sys-motion-duration-short4);\n transition-timing-function: var(--md-sys-motion-easing-spring-effects-default);\n}\n._1kd1ms05::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);\n}\n._1kd1ms05:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1kd1ms05:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1kd1ms05[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1kd1ms05:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1kd1ms05[data-disabled] {\n pointer-events: none;\n box-shadow: none;\n}\n._1kd1ms05:disabled {\n pointer-events: none;\n box-shadow: none;\n}\n._1kd1ms05[data-disabled]::before {\n opacity: 0;\n}\n._1kd1ms05:disabled::before {\n opacity: 0;\n}\n._1kd1ms05:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1kd1ms06 {\n background: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-on-primary));\n}\n._1kd1ms06:hover {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms06:active {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms06[data-pressed] {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms06:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.1);\n color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);\n}\n._1kd1ms06[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.1);\n color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);\n}\n._1kd1ms07 {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1kd1ms07:hover {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms07:active {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms07[data-pressed] {\n box-shadow: var(--md-sys-elevation-level0);\n}\n._1kd1ms07: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._1kd1ms07[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._1kd1ms08 {\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface-variant));\n border: 1px solid rgb(var(--md-sys-color-outline-variant));\n}\n._1kd1ms08:disabled {\n color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);\n border-color: rgb(var(--md-sys-color-outline-variant) / 0.1);\n}\n._1kd1ms08[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);\n border-color: rgb(var(--md-sys-color-outline-variant) / 0.1);\n}\n._1kd1ms09 {\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._1kd1ms09:hover {\n box-shadow: var(--md-sys-elevation-level2);\n}\n._1kd1ms09:active {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms09[data-pressed] {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1kd1ms09:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.1);\n color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);\n}\n._1kd1ms09[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.1);\n color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);\n}\n._1kd1ms0a {\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1kd1ms0a:disabled {\n color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);\n}\n._1kd1ms0a[data-disabled] {\n color: rgb(var(--md-sys-color-on-surface-variant) / 0.38);\n}\n._1kd1ms0g {\n border-radius: var(--md-sys-shape-full);\n}\n._1kd1ms0k {\n border-radius: var(--md-sys-shape-medium);\n}\n._1kd1ms0l {\n border-radius: var(--md-sys-shape-medium);\n}\n._1kd1ms0m {\n border-radius: var(--md-sys-shape-large);\n}\n._1kd1ms0n {\n border-radius: var(--md-sys-shape-extra-large);\n}\n._1kd1ms0o {\n border-radius: var(--md-sys-shape-extra-large);\n}\n._1kd1ms0p {\n border-radius: var(--md-sys-shape-medium);\n}\n._1kd1ms0q {\n border-radius: var(--md-sys-shape-medium);\n}\n._1kd1ms0r {\n border-radius: var(--md-sys-shape-large);\n}\n._1kd1ms0s {\n border-radius: var(--md-sys-shape-extra-large);\n}\n._1kd1ms0t {\n border-radius: var(--md-sys-shape-extra-large);\n}\n._1kd1ms0u {\n border-radius: var(--md-sys-shape-full);\n}\n._1kd1ms0v {\n border-radius: var(--md-sys-shape-full);\n}\n._1kd1ms0w {\n border-radius: var(--md-sys-shape-full);\n}\n._1kd1ms0x {\n border-radius: var(--md-sys-shape-full);\n}\n._1kd1ms0y {\n border-radius: var(--md-sys-shape-full);\n}\n._1kd1ms0z {\n border-width: 2px;\n}\n._1kd1ms010 {\n border-width: 3px;\n}\n._1kd1ms011 {\n background: rgb(var(--md-sys-color-surface-container));\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1kd1ms012 {\n background: rgb(var(--md-sys-color-surface-container));\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1kd1ms013 {\n background: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-on-primary));\n}\n._1kd1ms014 {\n background: rgb(var(--md-sys-color-surface-container-low));\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1kd1ms015 {\n background: rgb(var(--md-sys-color-inverse-surface));\n color: rgb(var(--md-sys-color-inverse-on-surface));\n border-color: transparent;\n}\n._1kd1ms015:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.1);\n border-color: transparent;\n}\n._1kd1ms015[data-disabled] {\n background: rgb(var(--md-sys-color-on-surface) / 0.1);\n border-color: transparent;\n}\n._1kd1ms016 {\n color: rgb(var(--md-sys-color-primary));\n}\n[data-slot=\"button-icon\"] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}"],"mappings":";AAAA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,OAAK;AACL,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAVC,SAUS,CAAC;AACT,iBAAe,IAAI;AACrB;AACA,CAbC,SAaS;AACR,iBAAe,IAAI;AACrB;AACA,CAhBC,UAgBU,CAAC,uBAAyB,EAAE;AACrC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,OAAK;AACL,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAVC,SAUS,CAAC;AACT,iBAAe,IAAI;AACrB;AACA,CAbC,SAaS;AACR,iBAAe,IAAI;AACrB;AACA,CAhBC,UAgBU,CAAC,uBAAyB,EAAE;AACrC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,OAAK;AACL,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAVC,SAUS,CAAC;AACT,iBAAe,IAAI;AACrB;AACA,CAbC,SAaS;AACR,iBAAe,IAAI;AACrB;AACA,CAhBC,UAgBU,CAAC,uBAAyB,EAAE;AACrC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,OAAK;AACL,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAVC,SAUS,CAAC;AACT,iBAAe,IAAI;AACrB;AACA,CAbC,SAaS;AACR,iBAAe,IAAI;AACrB;AACA,CAhBC,UAgBU,CAAC,uBAAyB,EAAE;AACrC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,OAAK;AACL,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAVC,SAUS,CAAC;AACT,iBAAe,IAAI;AACrB;AACA,CAbC,SAaS;AACR,iBAAe,IAAI;AACrB;AACA,CAhBC,UAgBU,CAAC,uBAAyB,EAAE;AACrC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,UAAQ;AACR,YAAU;AACV,UAAQ;AACR,eAAa;AACb;AAAA,IAAqB,UAAU;AAAA,IAAE,gBAAgB;AAAA,IAAE,KAAK;AAAA,IAAE,YAAY;AAAA,IAAE;AACxE,uBAAqB,IAAI;AACzB,8BAA4B,IAAI;AAClC;AACA,CAbC,SAaS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,iBAAe;AACf,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,IAAI,iCAAiC,IAAI;AAC/D;AACA,CAvBC,SAuBS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CA1BC,SA0BS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CA7BC,SA6BS,CAAC,aAAa;AACtB,WAAS,IAAI;AACf;AACA,CAhCC,SAgCS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAnCC,SAmCS,CAAC;AACT,kBAAgB;AAChB,cAAY;AACd;AACA,CAvCC,SAuCS;AACR,kBAAgB;AAChB,cAAY;AACd;AACA,CA3CC,SA2CS,CAAC,cAAc;AACvB,WAAS;AACX;AACA,CA9CC,SA8CS,SAAS;AACjB,WAAS;AACX;AACA,CAjDC,SAiDS;AACR,WAAS,IAAI,MAAM,IAAI,IAAI;AAC3B,kBAAgB;AAClB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAJC,SAIS;AACR,cAAY,IAAI;AAClB;AACA,CAPC,SAOS;AACR,cAAY,IAAI;AAClB;AACA,CAVC,SAUS,CAAC;AACT,cAAY,IAAI;AAClB;AACA,CAbC,SAaS;AACR,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,mCAAmC,EAAE;AACtD;AACA,CAjBC,SAiBS,CAAC;AACT,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,mCAAmC,EAAE;AACtD;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAJC,SAIS;AACR,cAAY,IAAI;AAClB;AACA,CAPC,SAOS;AACR,cAAY,IAAI;AAClB;AACA,CAVC,SAUS,CAAC;AACT,cAAY,IAAI;AAClB;AACA,CAbC,SAaS;AACR,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAjBC,SAiBS,CAAC;AACT,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI,IAAI;AACf,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC5B;AACA,CALC,SAKS;AACR,SAAO,IAAI,IAAI,mCAAmC,EAAE;AACpD,gBAAc,IAAI,IAAI,gCAAgC,EAAE;AAC1D;AACA,CATC,SASS,CAAC;AACT,SAAO,IAAI,IAAI,mCAAmC,EAAE;AACpD,gBAAc,IAAI,IAAI,gCAAgC,EAAE;AAC1D;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,cAAY,IAAI;AAClB;AACA,CALC,SAKS;AACR,cAAY,IAAI;AAClB;AACA,CARC,SAQS;AACR,cAAY,IAAI;AAClB;AACA,CAXC,SAWS,CAAC;AACT,cAAY,IAAI;AAClB;AACA,CAdC,SAcS;AACR,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,mCAAmC,EAAE;AACtD;AACA,CAlBC,SAkBS,CAAC;AACT,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,SAAO,IAAI,IAAI,mCAAmC,EAAE;AACtD;AACA,CAAC;AACC,cAAY;AACZ,SAAO,IAAI,IAAI;AACjB;AACA,CAJC,SAIS;AACR,SAAO,IAAI,IAAI,mCAAmC,EAAE;AACtD;AACA,CAPC,SAOS,CAAC;AACT,SAAO,IAAI,IAAI,mCAAmC,EAAE;AACtD;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,gBAAc;AAChB;AACA,CAAC;AACC,gBAAc;AAChB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,gBAAc;AAChB;AACA,CALC,UAKU;AACT,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,gBAAc;AAChB;AACA,CATC,UASU,CAAC;AACV,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,gBAAc;AAChB;AACA,CAAC;AACC,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;","names":[]}
package/dist/components/button/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as _base_ui_react from '@base-ui/react';
2
2
  import * as react from 'react';
3
3
  import * as _m3_baseui_core from '@m3-baseui/core';
4
- export { ButtonProps, ButtonVariant } from '@m3-baseui/core';
4
+ export { ButtonProps, ButtonShape, ButtonSize, ButtonVariant } from '@m3-baseui/core';
5
5
 
6
6
  declare const Button: react.ForwardRefExoticComponent<_m3_baseui_core.ButtonOwnProps & Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
7
7
  render?: _base_ui_react.useRender.RenderProp;
package/dist/components/button/index.js CHANGED
@@ -1,13 +1,15 @@
1
1
  "use client";
2
2
  import './index.css';
3
- import { createButton } from '@m3-baseui/core';
3
+ import { createButton, toToggle } from '@m3-baseui/core';
4
4
  import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
5
5
 
6
6
  // src/components/button/button.ts
7
- var button = createRuntimeFn({ defaultClassName: "_1kd1ms00", variantClassNames: { variant: { filled: "_1kd1ms01", tonal: "_1kd1ms02", outlined: "_1kd1ms03", elevated: "_1kd1ms04", text: "_1kd1ms05" } }, defaultVariants: { variant: "filled" }, compoundVariants: [] });
7
+ var button = createRuntimeFn({ defaultClassName: "_1kd1ms05", variantClassNames: { variant: { filled: "_1kd1ms06", tonal: "_1kd1ms07", outlined: "_1kd1ms08", elevated: "_1kd1ms09", text: "_1kd1ms0a" }, size: { xs: "_1kd1ms00", s: "_1kd1ms01", m: "_1kd1ms02", l: "_1kd1ms03", xl: "_1kd1ms04" }, shape: { round: "_1kd1ms0g", square: "_1kd1ms0h" }, toggle: { on: "_1kd1ms0i", off: "_1kd1ms0j" } }, defaultVariants: { variant: "filled", size: "s", shape: "round" }, compoundVariants: [[{ shape: "square", size: "xs" }, "_1kd1ms0k"], [{ shape: "square", size: "s" }, "_1kd1ms0l"], [{ shape: "square", size: "m" }, "_1kd1ms0m"], [{ shape: "square", size: "l" }, "_1kd1ms0n"], [{ shape: "square", size: "xl" }, "_1kd1ms0o"], [{ shape: "round", toggle: "on", size: "xs" }, "_1kd1ms0p"], [{ shape: "round", toggle: "on", size: "s" }, "_1kd1ms0q"], [{ shape: "round", toggle: "on", size: "m" }, "_1kd1ms0r"], [{ shape: "round", toggle: "on", size: "l" }, "_1kd1ms0s"], [{ shape: "round", toggle: "on", size: "xl" }, "_1kd1ms0t"], [{ shape: "square", toggle: "on", size: "xs" }, "_1kd1ms0u"], [{ shape: "square", toggle: "on", size: "s" }, "_1kd1ms0v"], [{ shape: "square", toggle: "on", size: "m" }, "_1kd1ms0w"], [{ shape: "square", toggle: "on", size: "l" }, "_1kd1ms0x"], [{ shape: "square", toggle: "on", size: "xl" }, "_1kd1ms0y"], [{ variant: "outlined", size: "l" }, "_1kd1ms0z"], [{ variant: "outlined", size: "xl" }, "_1kd1ms010"], [{ variant: "filled", toggle: "off" }, "_1kd1ms011"], [{ variant: "tonal", toggle: "off" }, "_1kd1ms012"], [{ variant: "elevated", toggle: "on" }, "_1kd1ms013"], [{ variant: "elevated", toggle: "off" }, "_1kd1ms014"], [{ variant: "outlined", toggle: "on" }, "_1kd1ms015"], [{ variant: "text", toggle: "on" }, "_1kd1ms016"]] });
8
8
 
9
9
  // src/components/button/button.ts
10
- var Button = createButton(({ variant }) => button({ variant }));
10
+ var Button = createButton(
11
+ ({ variant, size, shape, selected }) => button({ variant, size, shape, toggle: toToggle(selected) })
12
+ );
11
13
 
12
14
  export { Button };
13
15
  //# sourceMappingURL=index.js.map
package/dist/components/button/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/button/button.css.ts","../../../src/components/button/button.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAA,GAASA,eAAA,CAAO,EAAC,gBAAA,EAAiB,WAAA,EAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,KAAA,EAAM,WAAA,EAAY,QAAA,EAAS,WAAA,EAAY,QAAA,EAAS,WAAA,EAAY,IAAA,EAAK,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,IAAG,CAAA;;;ACKvO,IAAM,MAAA,GAAS,YAAA,CAAa,CAAC,EAAE,OAAA,OAAc,MAAA,CAAO,EAAE,OAAA,EAAS,CAAC","file":"index.js","sourcesContent":["import 'src/components/button/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81YXW_aMBR951dYPBWp7pKUTZWr7WU_Y6omJ75JvBo7sm-gbOp_n2zzlQBtCkjlCcW599yvcw-Gu9_ps0hnLknIvxEhjXESpdGMWFAc5RweR4QI6RrFl4xIraQGWip48edcyUpTiTBzjBSgEaw__tM6lOWSFkYjaNx9VfGGkYcmeNcgqxoZmSbxueFCSF3RGISRbBrPc2MFWEa00bB9ppYL2TpG5tzeUDoT1C0ddTVvgJatUhNvauZgS2UWjNRSCND-rGitM5aRxsh1Vq0DSx0oKHAbpjQaaclnUi17QXDZgCu4Aqp4Dooqbiug3n6ycVysihvgGE23rk7-hUGO3jC4haHUwyPu2Ed_QPQdaHghdTUIAi0vnqWugj9ariNvaGNNAxaXjOTmxY9DmMUtyXnxXFnTakELo4y9JauP1SzDUw9JtJZHKnbSmZnOW-pqY3HaTwPlzFOpbHVxHAO480YOuRbcisnj6HV0t9kHxnIojYWwFxsqj8ePnTXhuTOqxcAYqR0gI8kBkkpdg5UY3mx6wTwXLWj8uS7f-An45iUxSmAohTlodFtmbutka48BPcompzSh9ivUacUmx-7iIUegwboPUZqidXQuncwVDIYKXj2oX4Ijp40F50A8DYZaOfTz4oXXtzNRYkpCOp4rEE8rET08t-1GrM86-axBzsDoZXO4tuRI3GHWnWlG0xajYN83L8QZJQWxVX7TaWFYcOqgMJ5ly0lU5-hITVmGxcm83u-Xs5BY-xlYpLIwetXj1ZeFghIZSb-94QpaHHC0US33PNNgtbukR4pprJxtSglHR02DLm6sd4PF_YohdybbwQAF87jHCuag0j5E5PGHMJIeRnexzoLq0nhAH70-tbbkBUzIF5Lcpdmwjnac7h8OVtTdy89KJhsafbMf4erEpQY7kF5HPHeTOJ9q2QWoll2Oatl1UC27Jqrd70UPl4WG-2vG-_AdTVvfu9P3ZH2l4z3C3XfHc0JdpHM9_FgjdxM5NKDPS2c6WA0iynajqTKLIXrQm-JJuz49QS76hZ4iF_00zpCLvYquQi6m1yQXXy8oF_2f72n_Ovf1bEHYBbvQUr-OIpBTBr-P8xbR6HBbHEfIS_318VacH8TNqxBtIQXWjKS9f0ji8-t_2Tsh26wRAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var button = _7a468({defaultClassName:'_1kd1ms00',variantClassNames:{variant:{filled:'_1kd1ms01',tonal:'_1kd1ms02',outlined:'_1kd1ms03',elevated:'_1kd1ms04',text:'_1kd1ms05'}},defaultVariants:{variant:'filled'},compoundVariants:[]});","/**\n * button.ts — wires the VE recipe into the shared factory. The factory owns all\n * React logic; only the class resolver differs from the Tailwind build.\n */\nimport { createButton } from '@m3-baseui/core';\nimport { button } from './button.css';\n\nexport const Button = createButton(({ variant }) => button({ variant }));\nexport type { ButtonProps, ButtonVariant } from '@m3-baseui/core';\n"]}
1
+ {"version":3,"sources":["../../../src/components/button/button.css.ts","../../../src/components/button/button.ts"],"names":["_7a468"],"mappings":"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","file":"index.js","sourcesContent":["import 'src/components/button/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2Z33KbOBTG7_MUmlzVM1XW2OQfmd2bfYydzo4MB6xGSKwkcNxO330HMAQpkApBt73YqyRY36ejo5_OkcnN38FzEuRqu0VfrxA6As2OOkL7XfHydIVQQZKE8gxTziiHCAWX5xkpIhS2v6eCa5ySnLJzhCoiP2CcJ1idFdbnAlRMGGBGDsAwIzIDXI_f9MLTZUYHYTv0VaroF3AS1gMbWb0IfHSfcTC-1YPWILEqSEx55mShJYmfKc82T1ffrm76bP-VEE1wIUEpSD41uT8ImYDEkiS0VJa3OpICsMoJY5ZRRGJNK1jggNpYFBP69-tDqbXgmMaCX39CfyBVZY31iSb6GKHdtt3zLoft3wO3wMAo3E5gdDfA6OF_jHwxCtbCKFiMUbAqRjsDo9u7cYx2oR9GmmoGOIeElvk8jgzlLJAM5SySDKUnSobHOEs7L5ZaS8tpHkyjFrNoCi2aQoumvUHT4wRN4cOApq7RueB0BJI0-9Ici3lAWdpZSFnaWVBZWk-sLJdxsPZeYDVlzzKax9WYwxysujuQeScauIUGVsF-gqu7YZXqOt8srjwanqX148qj7VnapVy91_zCtbgKF3MVzuEqtJpfaDe_22Z0IRTVVPAISWCkjq8WJVQVjJwj1NKFUwaNGWE045hqyFWEYuAaZP34c6k0Tc84FlwD18OP2oVGiAveOIsKZMrEKUJHmiTA62dxKZWQESoE7WSlqvcPGMT6Vasl4W20uJCiAKnPETqIlzpjiTh9RAcSP2dSlDzBsWBCfkSXH5d0m3-1ybeMk1KSNh_GnuTC-BSro5A63FhiTfP6SKYlj6c9gKh6kCpk_QPSFGKtcAIpKZk2N_w2ig6QCtky02f3-vrJ2DlyUIKVuskR5Qp0hLZPbyGj_AiS6uaTPlFRnX0JXP9Z56bZofrU1JndtrM0e4KhAq7V2F5EncIhY7vNuynRhCdEJnYSjjU0Rir6GM2Do4kG3Iy2LVIRlwpXVNEDA2erRmVZmeXA2eoisONqS8JClzakhCpyYF2Jmtq31-PSPTPi6UwWeFjRjK9tOzGv22hjN9uhpW7b4L54QUowmiCZHT4YKWxOP1YQi5qy86Y5vRchFmnaHBy7-9615XpwXiZ8C0nz3rV5NDm0qV_96OFkLeqXDvGaZMMDGFTtkWJQAQtsC6PLuHlsLY_RludnZRLlkMe6VJQyJTFs0G9oexO4JfSiwRWRlHDdavcPowszT8pPjuneNYge3KbNEspBOsI2oRwGsRy8-xXAu18PvPvl4O1m7fLE7q5F3BrBPLyZveniBan7vxfRm-EVL_he6e1q7UA9jM7csQWnCxn3vWkPK5z-aA-DGtu_XyO0R-fCcYmmP_yYiZNL6TBammdZePSoLDvbwqOy2GEsqCxvVvQrtbTHX7ClkR9RZ4b-q1WKoenKJ31gnTl-5U9L-3X384KXm2yBNvd_ScEdpfCiJRkzEEsNigUL_2eBVvonTS1ds15qUHozWnkrT97KF2_l2Vv5Zajs_idg_19yOzJobw8KvDu364X_3fIZ7H7y_Pv_8jt1EP7we9L3V3zrGgPlFUgFfW92mL2TDDr6yEXT6MBGaCtdZ1ynW_W-4jjpnUMzN-iZfs_-dcW349_-BQXr8DkXIwAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var button = _7a468({defaultClassName:'_1kd1ms05',variantClassNames:{variant:{filled:'_1kd1ms06',tonal:'_1kd1ms07',outlined:'_1kd1ms08',elevated:'_1kd1ms09',text:'_1kd1ms0a'},size:{xs:'_1kd1ms00',s:'_1kd1ms01',m:'_1kd1ms02',l:'_1kd1ms03',xl:'_1kd1ms04'},shape:{round:'_1kd1ms0g',square:'_1kd1ms0h'},toggle:{on:'_1kd1ms0i',off:'_1kd1ms0j'}},defaultVariants:{variant:'filled',size:'s',shape:'round'},compoundVariants:[[{shape:'square',size:'xs'},'_1kd1ms0k'],[{shape:'square',size:'s'},'_1kd1ms0l'],[{shape:'square',size:'m'},'_1kd1ms0m'],[{shape:'square',size:'l'},'_1kd1ms0n'],[{shape:'square',size:'xl'},'_1kd1ms0o'],[{shape:'round',toggle:'on',size:'xs'},'_1kd1ms0p'],[{shape:'round',toggle:'on',size:'s'},'_1kd1ms0q'],[{shape:'round',toggle:'on',size:'m'},'_1kd1ms0r'],[{shape:'round',toggle:'on',size:'l'},'_1kd1ms0s'],[{shape:'round',toggle:'on',size:'xl'},'_1kd1ms0t'],[{shape:'square',toggle:'on',size:'xs'},'_1kd1ms0u'],[{shape:'square',toggle:'on',size:'s'},'_1kd1ms0v'],[{shape:'square',toggle:'on',size:'m'},'_1kd1ms0w'],[{shape:'square',toggle:'on',size:'l'},'_1kd1ms0x'],[{shape:'square',toggle:'on',size:'xl'},'_1kd1ms0y'],[{variant:'outlined',size:'l'},'_1kd1ms0z'],[{variant:'outlined',size:'xl'},'_1kd1ms010'],[{variant:'filled',toggle:'off'},'_1kd1ms011'],[{variant:'tonal',toggle:'off'},'_1kd1ms012'],[{variant:'elevated',toggle:'on'},'_1kd1ms013'],[{variant:'elevated',toggle:'off'},'_1kd1ms014'],[{variant:'outlined',toggle:'on'},'_1kd1ms015'],[{variant:'text',toggle:'on'},'_1kd1ms016']]});","/**\n * button.ts — wires the VE recipe into the shared factory. The factory owns all\n * React logic; only the class resolver differs from the Tailwind build.\n */\nimport { createButton, toToggle } from '@m3-baseui/core';\nimport { button } from './button.css';\n\nexport const Button = createButton(({ variant, size, shape, selected }) =>\n button({ variant, size, shape, toggle: toToggle(selected) }),\n);\nexport type { ButtonProps, ButtonVariant, ButtonSize, ButtonShape } from '@m3-baseui/core';\n"]}
package/dist/components/carousel/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/carousel/carousel.css.ts.vanilla.css?source=LmlhbzM5ZTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmlhbzM5ZTMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouaWFvMzllNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouaWFvMzllNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmlhbzM5ZTYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmlhbzM5ZTcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0 */
1
+ /* vanilla-extract-css-ns:src/components/carousel/carousel.css.ts.vanilla.css?source=LmlhbzM5ZTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7CiAgb3V0bGluZTogbm9uZTsKfQouaWFvMzllMDpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lOiAzcHggc29saWQgcmdiKHZhcigtLW1kLXN5cy1jb2xvci1zZWNvbmRhcnkpKTsKICBvdXRsaW5lLW9mZnNldDogMnB4Owp9Ci5pYW8zOWU0IHsKICBnYXA6IDA7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBvdmVyZmxvdy14OiBoaWRkZW47CiAgb3ZlcmZsb3cteTogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB5IG1hbmRhdG9yeTsKICBoZWlnaHQ6IDEwMCU7Cn0KLmlhbzM5ZTUgewogIHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDsKICBmbGV4LXNocmluazogMDsKICBvdmVyZmxvdzogaGlkZGVuOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1sYXJnZSk7Cn0KLmlhbzM5ZTYgewogIHdpZHRoOiAxNjBweDsKICBoZWlnaHQ6IDIyNHB4Owp9Ci5pYW8zOWU3IHsKICB3aWR0aDogMjI0cHg7CiAgaGVpZ2h0OiAyMjRweDsKfQouaWFvMzllOCB7CiAgd2lkdGg6IDI4OHB4OwogIGhlaWdodDogMjI0cHg7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IGNlbnRlcjsKfQouaWFvMzllOSB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KW2FyaWEtcm9sZWRlc2NyaXB0aW9uPSJjYXJvdXNlbCJdOjotd2Via2l0LXNjcm9sbGJhciB7CiAgZGlzcGxheTogbm9uZTsKfQpAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkgewogIC5pYW8zOWUwIHsKICAgIHNjcm9sbC1iZWhhdmlvcjogYXV0bzsKICB9Cn0 */
2
2
  .iao39e0 {
3
3
  display: flex;
4
4
  gap: 8px;
@@ -6,8 +6,13 @@
6
6
  scroll-snap-type: x mandatory;
7
7
  scroll-behavior: smooth;
8
8
  scrollbar-width: none;
9
+ outline: none;
9
10
  }
10
- .iao39e3 {
11
+ .iao39e0:focus-visible {
12
+ outline: 3px solid rgb(var(--md-sys-color-secondary));
13
+ outline-offset: 2px;
14
+ }
15
+ .iao39e4 {
11
16
  gap: 0;
12
17
  flex-direction: column;
13
18
  overflow-x: hidden;
@@ -15,22 +20,26 @@
15
20
  scroll-snap-type: y mandatory;
16
21
  height: 100%;
17
22
  }
18
- .iao39e4 {
23
+ .iao39e5 {
19
24
  scroll-snap-align: start;
20
25
  flex-shrink: 0;
21
26
  overflow: hidden;
22
27
  border-radius: var(--md-sys-shape-large);
23
28
  }
24
- .iao39e5 {
29
+ .iao39e6 {
25
30
  width: 160px;
26
31
  height: 224px;
27
32
  }
28
- .iao39e6 {
33
+ .iao39e7 {
34
+ width: 224px;
35
+ height: 224px;
36
+ }
37
+ .iao39e8 {
29
38
  width: 288px;
30
39
  height: 224px;
31
40
  scroll-snap-align: center;
32
41
  }
33
- .iao39e7 {
42
+ .iao39e9 {
34
43
  width: 100%;
35
44
  height: 100%;
36
45
  scroll-snap-align: center;
@@ -38,4 +47,9 @@
38
47
  [aria-roledescription=carousel]::-webkit-scrollbar {
39
48
  display: none;
40
49
  }
50
+ @media (prefers-reduced-motion: reduce) {
51
+ .iao39e0 {
52
+ scroll-behavior: auto;
53
+ }
54
+ }
41
55
  /*# sourceMappingURL=index.css.map */
package/dist/components/carousel/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["vanilla-extract-css-ns:src/components/carousel/carousel.css.ts.vanilla.css?source=LmlhbzM5ZTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmlhbzM5ZTMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouaWFvMzllNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouaWFvMzllNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmlhbzM5ZTYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmlhbzM5ZTcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0"],"sourcesContent":[".iao39e0 {\n display: flex;\n gap: 8px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n scrollbar-width: none;\n}\n.iao39e3 {\n gap: 0;\n flex-direction: column;\n overflow-x: hidden;\n overflow-y: auto;\n scroll-snap-type: y mandatory;\n height: 100%;\n}\n.iao39e4 {\n scroll-snap-align: start;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: var(--md-sys-shape-large);\n}\n.iao39e5 {\n width: 160px;\n height: 224px;\n}\n.iao39e6 {\n width: 288px;\n height: 224px;\n scroll-snap-align: center;\n}\n.iao39e7 {\n width: 100%;\n height: 100%;\n scroll-snap-align: center;\n}\n[aria-roledescription=\"carousel\"]::-webkit-scrollbar {\n display: none;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,OAAK;AACL,cAAY;AACZ,oBAAkB,EAAE;AACpB,mBAAiB;AACjB,mBAAiB;AACnB;AACA,CAAC;AACC,OAAK;AACL,kBAAgB;AAChB,cAAY;AACZ,cAAY;AACZ,oBAAkB,EAAE;AACpB,UAAQ;AACV;AACA,CAAC;AACC,qBAAmB;AACnB,eAAa;AACb,YAAU;AACV,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,qBAAmB;AACrB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,qBAAmB;AACrB;AACA,CAAC,8BAAgC;AAC/B,WAAS;AACX;","names":[]}
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/components/carousel/carousel.css.ts.vanilla.css?source=LmlhbzM5ZTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7CiAgb3V0bGluZTogbm9uZTsKfQouaWFvMzllMDpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lOiAzcHggc29saWQgcmdiKHZhcigtLW1kLXN5cy1jb2xvci1zZWNvbmRhcnkpKTsKICBvdXRsaW5lLW9mZnNldDogMnB4Owp9Ci5pYW8zOWU0IHsKICBnYXA6IDA7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBvdmVyZmxvdy14OiBoaWRkZW47CiAgb3ZlcmZsb3cteTogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB5IG1hbmRhdG9yeTsKICBoZWlnaHQ6IDEwMCU7Cn0KLmlhbzM5ZTUgewogIHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDsKICBmbGV4LXNocmluazogMDsKICBvdmVyZmxvdzogaGlkZGVuOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1sYXJnZSk7Cn0KLmlhbzM5ZTYgewogIHdpZHRoOiAxNjBweDsKICBoZWlnaHQ6IDIyNHB4Owp9Ci5pYW8zOWU3IHsKICB3aWR0aDogMjI0cHg7CiAgaGVpZ2h0OiAyMjRweDsKfQouaWFvMzllOCB7CiAgd2lkdGg6IDI4OHB4OwogIGhlaWdodDogMjI0cHg7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IGNlbnRlcjsKfQouaWFvMzllOSB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KW2FyaWEtcm9sZWRlc2NyaXB0aW9uPSJjYXJvdXNlbCJdOjotd2Via2l0LXNjcm9sbGJhciB7CiAgZGlzcGxheTogbm9uZTsKfQpAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkgewogIC5pYW8zOWUwIHsKICAgIHNjcm9sbC1iZWhhdmlvcjogYXV0bzsKICB9Cn0"],"sourcesContent":[".iao39e0 {\n display: flex;\n gap: 8px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n scrollbar-width: none;\n outline: none;\n}\n.iao39e0:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n.iao39e4 {\n gap: 0;\n flex-direction: column;\n overflow-x: hidden;\n overflow-y: auto;\n scroll-snap-type: y mandatory;\n height: 100%;\n}\n.iao39e5 {\n scroll-snap-align: start;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: var(--md-sys-shape-large);\n}\n.iao39e6 {\n width: 160px;\n height: 224px;\n}\n.iao39e7 {\n width: 224px;\n height: 224px;\n}\n.iao39e8 {\n width: 288px;\n height: 224px;\n scroll-snap-align: center;\n}\n.iao39e9 {\n width: 100%;\n height: 100%;\n scroll-snap-align: center;\n}\n[aria-roledescription=\"carousel\"]::-webkit-scrollbar {\n display: none;\n}\n@media (prefers-reduced-motion: reduce) {\n .iao39e0 {\n scroll-behavior: auto;\n }\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,OAAK;AACL,cAAY;AACZ,oBAAkB,EAAE;AACpB,mBAAiB;AACjB,mBAAiB;AACjB,WAAS;AACX;AACA,CATC,OASO;AACN,WAAS,IAAI,MAAM,IAAI,IAAI;AAC3B,kBAAgB;AAClB;AACA,CAAC;AACC,OAAK;AACL,kBAAgB;AAChB,cAAY;AACZ,cAAY;AACZ,oBAAkB,EAAE;AACpB,UAAQ;AACV;AACA,CAAC;AACC,qBAAmB;AACnB,eAAa;AACb,YAAU;AACV,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,qBAAmB;AACrB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,qBAAmB;AACrB;AACA,CAAC,8BAAgC;AAC/B,WAAS;AACX;AACA,QAAO,wBAAyB;AAC9B,GAjDD;AAkDG,qBAAiB;AACnB;AACF;","names":[]}
package/dist/components/carousel/index.js CHANGED
@@ -4,8 +4,8 @@ import { createCarousel } from '@m3-baseui/core';
4
4
  import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
5
5
 
6
6
  // src/components/carousel/carousel.ts
7
- var item = createRuntimeFn({ defaultClassName: "iao39e4", variantClassNames: { variant: { "multi-browse": "iao39e5", hero: "iao39e6", "full-screen": "iao39e7" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
8
- var root = createRuntimeFn({ defaultClassName: "iao39e0", variantClassNames: { variant: { "multi-browse": "iao39e1", hero: "iao39e2", "full-screen": "iao39e3" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
7
+ var item = createRuntimeFn({ defaultClassName: "iao39e5", variantClassNames: { variant: { "multi-browse": "iao39e6", uncontained: "iao39e7", hero: "iao39e8", "full-screen": "iao39e9" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
8
+ var root = createRuntimeFn({ defaultClassName: "iao39e0", variantClassNames: { variant: { "multi-browse": "iao39e1", uncontained: "iao39e2", hero: "iao39e3", "full-screen": "iao39e4" } }, defaultVariants: { variant: "multi-browse" }, compoundVariants: [] });
9
9
 
10
10
  // src/components/carousel/carousel.ts
11
11
  var Carousel = createCarousel((variant) => ({
package/dist/components/carousel/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/carousel/carousel.css.ts","../../../src/components/carousel/carousel.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,mBAAkB,EAAC,OAAA,EAAQ,EAAC,cAAA,EAAe,SAAA,EAAU,IAAA,EAAK,WAAU,aAAA,EAAc,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,cAAA,EAAc,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACzM,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,mBAAkB,EAAC,OAAA,EAAQ,EAAC,cAAA,EAAe,SAAA,EAAU,IAAA,EAAK,WAAU,aAAA,EAAc,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,cAAA,EAAc,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;;;ACGzM,IAAM,QAAA,GAAW,cAAA,CAAe,CAAC,OAAA,MAAa;AAAA,EACnD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,CAAA;AAAA,EACtB,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS;AACxB,CAAA,CAAE","file":"index.js","sourcesContent":["import 'src/components/carousel/carousel.css.ts.vanilla.css?source=LmlhbzM5ZTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7Cn0KLmlhbzM5ZTMgewogIGdhcDogMDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIG92ZXJmbG93LXg6IGhpZGRlbjsKICBvdmVyZmxvdy15OiBhdXRvOwogIHNjcm9sbC1zbmFwLXR5cGU6IHkgbWFuZGF0b3J5OwogIGhlaWdodDogMTAwJTsKfQouaWFvMzllNCB7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0OwogIGZsZXgtc2hyaW5rOiAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbWQtc3lzLXNoYXBlLWxhcmdlKTsKfQouaWFvMzllNSB7CiAgd2lkdGg6IDE2MHB4OwogIGhlaWdodDogMjI0cHg7Cn0KLmlhbzM5ZTYgewogIHdpZHRoOiAyODhweDsKICBoZWlnaHQ6IDIyNHB4OwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KLmlhbzM5ZTcgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyOwp9ClthcmlhLXJvbGVkZXNjcmlwdGlvbj0iY2Fyb3VzZWwiXTo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var item = _7a468({defaultClassName:'iao39e4',variantClassNames:{variant:{'multi-browse':'iao39e5',hero:'iao39e6','full-screen':'iao39e7'}},defaultVariants:{variant:'multi-browse'},compoundVariants:[]});\nexport var root = _7a468({defaultClassName:'iao39e0',variantClassNames:{variant:{'multi-browse':'iao39e1',hero:'iao39e2','full-screen':'iao39e3'}},defaultVariants:{variant:'multi-browse'},compoundVariants:[]});","/**\n * carousel.ts — wires the VE styles into the shared Carousel parts factory.\n */\nimport { createCarousel } from '@m3-baseui/core';\nimport { root, item } from './carousel.css';\n\nexport const Carousel = createCarousel((variant) => ({\n root: root({ variant }),\n item: item({ variant }),\n}));\nexport type { CarouselVariant } from '@m3-baseui/core';\n"]}
1
+ {"version":3,"sources":["../../../src/components/carousel/carousel.css.ts","../../../src/components/carousel/carousel.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,cAAA,EAAe,SAAA,EAAU,WAAA,EAAY,SAAA,EAAU,IAAA,EAAK,SAAA,EAAU,aAAA,EAAc,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,cAAA,EAAc,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AAC/N,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,cAAA,EAAe,SAAA,EAAU,WAAA,EAAY,SAAA,EAAU,IAAA,EAAK,SAAA,EAAU,aAAA,EAAc,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,cAAA,EAAc,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;;;ACG/N,IAAM,QAAA,GAAW,cAAA,CAAe,CAAC,OAAA,MAAa;AAAA,EACnD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,CAAA;AAAA,EACtB,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS;AACxB,CAAA,CAAE","file":"index.js","sourcesContent":["import 'src/components/carousel/carousel.css.ts.vanilla.css?source=LmlhbzM5ZTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA4cHg7CiAgb3ZlcmZsb3cteDogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsKICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDsKICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7CiAgb3V0bGluZTogbm9uZTsKfQouaWFvMzllMDpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lOiAzcHggc29saWQgcmdiKHZhcigtLW1kLXN5cy1jb2xvci1zZWNvbmRhcnkpKTsKICBvdXRsaW5lLW9mZnNldDogMnB4Owp9Ci5pYW8zOWU0IHsKICBnYXA6IDA7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBvdmVyZmxvdy14OiBoaWRkZW47CiAgb3ZlcmZsb3cteTogYXV0bzsKICBzY3JvbGwtc25hcC10eXBlOiB5IG1hbmRhdG9yeTsKICBoZWlnaHQ6IDEwMCU7Cn0KLmlhbzM5ZTUgewogIHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDsKICBmbGV4LXNocmluazogMDsKICBvdmVyZmxvdzogaGlkZGVuOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLW1kLXN5cy1zaGFwZS1sYXJnZSk7Cn0KLmlhbzM5ZTYgewogIHdpZHRoOiAxNjBweDsKICBoZWlnaHQ6IDIyNHB4Owp9Ci5pYW8zOWU3IHsKICB3aWR0aDogMjI0cHg7CiAgaGVpZ2h0OiAyMjRweDsKfQouaWFvMzllOCB7CiAgd2lkdGg6IDI4OHB4OwogIGhlaWdodDogMjI0cHg7CiAgc2Nyb2xsLXNuYXAtYWxpZ246IGNlbnRlcjsKfQouaWFvMzllOSB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwogIHNjcm9sbC1zbmFwLWFsaWduOiBjZW50ZXI7Cn0KW2FyaWEtcm9sZWRlc2NyaXB0aW9uPSJjYXJvdXNlbCJdOjotd2Via2l0LXNjcm9sbGJhciB7CiAgZGlzcGxheTogbm9uZTsKfQpAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkgewogIC5pYW8zOWUwIHsKICAgIHNjcm9sbC1iZWhhdmlvcjogYXV0bzsKICB9Cn0';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var item = _7a468({defaultClassName:'iao39e5',variantClassNames:{variant:{'multi-browse':'iao39e6',uncontained:'iao39e7',hero:'iao39e8','full-screen':'iao39e9'}},defaultVariants:{variant:'multi-browse'},compoundVariants:[]});\nexport var root = _7a468({defaultClassName:'iao39e0',variantClassNames:{variant:{'multi-browse':'iao39e1',uncontained:'iao39e2',hero:'iao39e3','full-screen':'iao39e4'}},defaultVariants:{variant:'multi-browse'},compoundVariants:[]});","/**\n * carousel.ts — wires the VE styles into the shared Carousel parts factory.\n */\nimport { createCarousel } from '@m3-baseui/core';\nimport { root, item } from './carousel.css';\n\nexport const Carousel = createCarousel((variant) => ({\n root: root({ variant }),\n item: item({ variant }),\n}));\nexport type { CarouselVariant } from '@m3-baseui/core';\n"]}