@nattstack/ui 0.0.59 → 0.0.61

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 (5) hide show
  1. package/dist/components/index.d.ts +6 -3
  2. package/dist/components/index.js +75 -75
  3. package/dist/components/style.css +154 -153
  4. package/dist/tailwind-tokenless/tracking.css +4 -4
  5. package/package.json +8 -8
package/dist/components/style.css CHANGED
@@ -1,18 +1,18 @@
1
- .button-spinner-module_button_spinner_Eu3QVW {
1
+ .button-spinner-module_button_spinner_UApLZa {
2
2
  width: var(--size);
3
3
  height: var(--size);
4
- animation: 1s steps(12, end) infinite button-spinner-module_spinner_Eu3QVW;
4
+ animation: 1s steps(12, end) infinite button-spinner-module_spinner_UApLZa;
5
5
  position: relative;
6
6
  scale: -1 1;
7
7
  }
8
8
 
9
- @keyframes button-spinner-module_spinner_Eu3QVW {
9
+ @keyframes button-spinner-module_spinner_UApLZa {
10
10
  to {
11
11
  rotate: 1turn;
12
12
  }
13
13
  }
14
14
 
15
- .button-spinner-module_button_spinner_Eu3QVW > div {
15
+ .button-spinner-module_button_spinner_UApLZa > div {
16
16
  width: calc(var(--size) / 2);
17
17
  height: calc(var(--size) / 12);
18
18
  pointer-events: none;
@@ -24,7 +24,7 @@
24
24
  translate: 0 -50%;
25
25
  }
26
26
 
27
- .button-spinner-module_button_spinner_Eu3QVW > div:after {
27
+ .button-spinner-module_button_spinner_UApLZa > div:after {
28
28
  content: "";
29
29
  background-color: currentColor;
30
30
  border-radius: 9999px;
@@ -34,66 +34,66 @@
34
34
  right: 0;
35
35
  }
36
36
 
37
- .button-spinner-module_button_spinner_Eu3QVW > div:first-child {
37
+ .button-spinner-module_button_spinner_UApLZa > div:first-child {
38
38
  opacity: 1;
39
39
  rotate: 0deg;
40
40
  }
41
41
 
42
- .button-spinner-module_button_spinner_Eu3QVW > div:nth-child(2) {
42
+ .button-spinner-module_button_spinner_UApLZa > div:nth-child(2) {
43
43
  opacity: .925;
44
44
  rotate: 30deg;
45
45
  }
46
46
 
47
- .button-spinner-module_button_spinner_Eu3QVW > div:nth-child(3) {
47
+ .button-spinner-module_button_spinner_UApLZa > div:nth-child(3) {
48
48
  opacity: .85;
49
49
  rotate: 60deg;
50
50
  }
51
51
 
52
- .button-spinner-module_button_spinner_Eu3QVW > div:nth-child(4) {
52
+ .button-spinner-module_button_spinner_UApLZa > div:nth-child(4) {
53
53
  opacity: .775;
54
54
  rotate: 90deg;
55
55
  }
56
56
 
57
- .button-spinner-module_button_spinner_Eu3QVW > div:nth-child(5) {
57
+ .button-spinner-module_button_spinner_UApLZa > div:nth-child(5) {
58
58
  opacity: .7;
59
59
  rotate: 120deg;
60
60
  }
61
61
 
62
- .button-spinner-module_button_spinner_Eu3QVW > div:nth-child(6) {
62
+ .button-spinner-module_button_spinner_UApLZa > div:nth-child(6) {
63
63
  opacity: .625;
64
64
  rotate: 150deg;
65
65
  }
66
66
 
67
- .button-spinner-module_button_spinner_Eu3QVW > div:nth-child(7) {
67
+ .button-spinner-module_button_spinner_UApLZa > div:nth-child(7) {
68
68
  opacity: .55;
69
69
  rotate: 180deg;
70
70
  }
71
71
 
72
- .button-spinner-module_button_spinner_Eu3QVW > div:nth-child(8) {
72
+ .button-spinner-module_button_spinner_UApLZa > div:nth-child(8) {
73
73
  opacity: .475;
74
74
  rotate: 210deg;
75
75
  }
76
76
 
77
- .button-spinner-module_button_spinner_Eu3QVW > div:nth-child(9) {
77
+ .button-spinner-module_button_spinner_UApLZa > div:nth-child(9) {
78
78
  opacity: .4;
79
79
  rotate: 240deg;
80
80
  }
81
81
 
82
- .button-spinner-module_button_spinner_Eu3QVW > div:nth-child(10) {
82
+ .button-spinner-module_button_spinner_UApLZa > div:nth-child(10) {
83
83
  opacity: .325;
84
84
  rotate: 270deg;
85
85
  }
86
86
 
87
- .button-spinner-module_button_spinner_Eu3QVW > div:nth-child(11) {
87
+ .button-spinner-module_button_spinner_UApLZa > div:nth-child(11) {
88
88
  opacity: .25;
89
89
  rotate: 300deg;
90
90
  }
91
91
 
92
- .button-spinner-module_button_spinner_Eu3QVW > div:nth-child(12) {
92
+ .button-spinner-module_button_spinner_UApLZa > div:nth-child(12) {
93
93
  opacity: .15;
94
94
  rotate: 330deg;
95
95
  }
96
- .button-module_button_9qaCYq {
96
+ .button-module_button_4nLWdW {
97
97
  cursor: pointer;
98
98
  font-family: var(--font-body);
99
99
  height: var(--size-button);
@@ -116,123 +116,123 @@
116
116
  overflow: hidden;
117
117
  }
118
118
 
119
- .button-module_button_9qaCYq:active:not(:disabled), .button-module_button_9qaCYq[aria-pressed="true"]:not(:disabled) {
119
+ .button-module_button_4nLWdW:active:not(:disabled), .button-module_button_4nLWdW[aria-pressed="true"]:not(:disabled) {
120
120
  translate: 0 1px;
121
121
  }
122
122
 
123
- .button-module_button_9qaCYq:disabled {
123
+ .button-module_button_4nLWdW:disabled {
124
124
  cursor: not-allowed;
125
125
  opacity: .5;
126
126
  }
127
127
 
128
- .button-module_button_9qaCYq:focus-visible {
128
+ .button-module_button_4nLWdW:focus-visible {
129
129
  outline-width: 2px;
130
130
  }
131
131
 
132
- .button-module_button_9qaCYq > svg {
132
+ .button-module_button_4nLWdW > svg {
133
133
  --size-icon: 20px;
134
134
  height: var(--size-icon);
135
135
  width: var(--size-icon);
136
136
  }
137
137
 
138
- .button-module_button__icon_only_9qaCYq {
138
+ .button-module_button__icon_only_4nLWdW {
139
139
  width: var(--size-button) !important;
140
140
  padding: 0 !important;
141
141
  }
142
142
 
143
- .button-module_button__rounded_base_9qaCYq {
143
+ .button-module_button__rounded_base_4nLWdW {
144
144
  border-radius: 12px;
145
145
  }
146
146
 
147
- .button-module_button__rounded_full_9qaCYq {
147
+ .button-module_button__rounded_full_4nLWdW {
148
148
  border-radius: 9999px !important;
149
149
  }
150
150
 
151
- .button-module_button__size_32_9qaCYq {
151
+ .button-module_button__size_32_4nLWdW {
152
152
  --size-button: 32px;
153
153
  border-radius: 6px;
154
154
  padding: 0 10px;
155
155
  }
156
156
 
157
- .button-module_button__size_36_9qaCYq {
157
+ .button-module_button__size_36_4nLWdW {
158
158
  --size-button: 36px;
159
159
  border-radius: 8px;
160
160
  padding: 0 12px;
161
161
  }
162
162
 
163
- .button-module_button__size_40_9qaCYq {
163
+ .button-module_button__size_40_4nLWdW {
164
164
  --size-button: 40px;
165
165
  border-radius: 10px;
166
166
  padding: 0 14px;
167
167
  }
168
168
 
169
- .button-module_button__size_44_9qaCYq {
169
+ .button-module_button__size_44_4nLWdW {
170
170
  --size-button: 44px;
171
171
  border-radius: 12px;
172
172
  padding: 0 16px;
173
173
  }
174
174
 
175
- .button-module_button__size_48_9qaCYq {
175
+ .button-module_button__size_48_4nLWdW {
176
176
  --size-button: 48px;
177
177
  border-radius: 14px;
178
178
  padding: 0 18px;
179
179
  }
180
180
 
181
- .button-module_button__variant_ghost_9qaCYq {
181
+ .button-module_button__variant_ghost_4nLWdW {
182
182
  color: #000;
183
183
  background-color: #0000;
184
184
  }
185
185
 
186
- .button-module_button__variant_ghost_9qaCYq:active:not(:disabled), .button-module_button__variant_ghost_9qaCYq:hover:not(:disabled), .button-module_button__variant_ghost_9qaCYq[aria-pressed="true"]:not(:disabled) {
186
+ .button-module_button__variant_ghost_4nLWdW:active:not(:disabled), .button-module_button__variant_ghost_4nLWdW:hover:not(:disabled), .button-module_button__variant_ghost_4nLWdW[aria-pressed="true"]:not(:disabled) {
187
187
  background-color: var(--color-gray-3);
188
188
  }
189
189
 
190
- .dark .button-module_button__variant_ghost_9qaCYq {
190
+ .dark .button-module_button__variant_ghost_4nLWdW {
191
191
  color: #fff;
192
192
  }
193
193
 
194
- .button-module_button__variant_primary_9qaCYq {
194
+ .button-module_button__variant_primary_4nLWdW {
195
195
  color: #fff;
196
196
  background-color: var(--color-primary-9);
197
197
  background-image: linear-gradient(oklab(100% 0 5.96046e-8 / .0476191) 50%, oklab(0% 0 0 / 0) 50%);
198
198
  }
199
199
 
200
- .button-module_button__variant_primary_9qaCYq:active:not(:disabled), .button-module_button__variant_primary_9qaCYq:hover:not(:disabled), .button-module_button__variant_primary_9qaCYq[aria-pressed="true"]:not(:disabled) {
200
+ .button-module_button__variant_primary_4nLWdW:active:not(:disabled), .button-module_button__variant_primary_4nLWdW:hover:not(:disabled), .button-module_button__variant_primary_4nLWdW[aria-pressed="true"]:not(:disabled) {
201
201
  background-color: color-mix(in oklab, var(--color-primary-9) 100%, #fff 10%);
202
202
  }
203
203
 
204
- .dark .button-module_button__variant_primary_9qaCYq {
204
+ .dark .button-module_button__variant_primary_4nLWdW {
205
205
  background-image: linear-gradient(oklab(0% none none / 0) 50%, oklab(0% none none / .0476191) 50%);
206
206
  }
207
207
 
208
- .button-module_button__variant_secondary_9qaCYq {
208
+ .button-module_button__variant_secondary_4nLWdW {
209
209
  color: #000;
210
210
  background-color: var(--color-gray-2);
211
211
  box-shadow: 0 0 0 1px var(--color-gray-4) inset;
212
212
  background-image: linear-gradient(oklab(0% none none / 0) 50%, oklab(0% none none / .0196078) 50%);
213
213
  }
214
214
 
215
- .button-module_button__variant_secondary_9qaCYq:active:not(:disabled), .button-module_button__variant_secondary_9qaCYq:hover:not(:disabled), .button-module_button__variant_secondary_9qaCYq[aria-pressed="true"]:not(:disabled) {
215
+ .button-module_button__variant_secondary_4nLWdW:active:not(:disabled), .button-module_button__variant_secondary_4nLWdW:hover:not(:disabled), .button-module_button__variant_secondary_4nLWdW[aria-pressed="true"]:not(:disabled) {
216
216
  background-color: var(--color-gray-3);
217
217
  }
218
218
 
219
- .dark .button-module_button__variant_secondary_9qaCYq {
219
+ .dark .button-module_button__variant_secondary_4nLWdW {
220
220
  color: #fff;
221
221
  background-image: linear-gradient(oklab(100% 0 5.96046e-8 / .00990099) 50%, oklab(0% 0 0 / 0) 50%);
222
222
  }
223
223
 
224
- .button-module_button__width_base_9qaCYq {
224
+ .button-module_button__width_base_4nLWdW {
225
225
  width: max-content;
226
226
  }
227
227
 
228
- .button-module_button__width_full_9qaCYq {
228
+ .button-module_button__width_full_4nLWdW {
229
229
  width: 100%;
230
230
  }
231
- .column-module_column_1ANk3W {
231
+ .column-module_column_CgFaGG {
232
232
  flex-direction: column;
233
233
  display: flex;
234
234
  }
235
- .dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma {
235
+ .dialog-responsive-backdrop-module_dialog_responsive_backdrop_-X7FOq {
236
236
  --backdrop-opacity: .25;
237
237
  opacity: calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));
238
238
  outline-color: var(--color-primary-9);
@@ -243,22 +243,22 @@
243
243
  inset: 0;
244
244
  }
245
245
 
246
- .dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma[data-ending-style], .dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma[data-starting-style] {
246
+ .dialog-responsive-backdrop-module_dialog_responsive_backdrop_-X7FOq[data-ending-style], .dialog-responsive-backdrop-module_dialog_responsive_backdrop_-X7FOq[data-starting-style] {
247
247
  opacity: 0;
248
248
  }
249
249
 
250
- .dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma[data-ending-style] {
250
+ .dialog-responsive-backdrop-module_dialog_responsive_backdrop_-X7FOq[data-ending-style] {
251
251
  transition-duration: calc(var(--drawer-swipe-strength) * .4s);
252
252
  }
253
253
 
254
- .dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma[data-swiping] {
254
+ .dialog-responsive-backdrop-module_dialog_responsive_backdrop_-X7FOq[data-swiping] {
255
255
  transition-duration: 0s;
256
256
  }
257
257
 
258
- .dark .dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma {
258
+ .dark .dialog-responsive-backdrop-module_dialog_responsive_backdrop_-X7FOq {
259
259
  --backdrop-opacity: .75;
260
260
  }
261
- .dialog-responsive-bar-module_dialog_responsive_bar_jTrvVq {
261
+ .dialog-responsive-bar-module_dialog_responsive_bar_iUwUCq {
262
262
  background-color: var(--color-gray-4);
263
263
  border-radius: 9999px;
264
264
  width: 48px;
@@ -268,16 +268,16 @@
268
268
  }
269
269
 
270
270
  @media (width <= 640px) {
271
- .dialog-responsive-bar-module_dialog_responsive_bar_jTrvVq {
271
+ .dialog-responsive-bar-module_dialog_responsive_bar_iUwUCq {
272
272
  display: block;
273
273
  }
274
274
  }
275
- .dialog-responsive-portal-module_dialog_responsive_portal_5Oatkq {
275
+ .dialog-responsive-portal-module_dialog_responsive_portal_keH0Tq {
276
276
  isolation: isolate;
277
277
  z-index: 30;
278
278
  position: relative;
279
279
  }
280
- .dialog-responsive-viewport-module_dialog_responsive_viewport_xMwQyW {
280
+ .dialog-responsive-viewport-module_dialog_responsive_viewport_b5ZINa {
281
281
  cursor: pointer;
282
282
  justify-content: safe center;
283
283
  align-items: safe center;
@@ -288,12 +288,12 @@
288
288
  }
289
289
 
290
290
  @media (width <= 640px) {
291
- .dialog-responsive-viewport-module_dialog_responsive_viewport_xMwQyW {
291
+ .dialog-responsive-viewport-module_dialog_responsive_viewport_b5ZINa {
292
292
  align-items: safe flex-end;
293
293
  padding: 48px 0 0;
294
294
  }
295
295
  }
296
- .dialog-responsive-popup-module_dialog_responsive_popup__G8xla {
296
+ .dialog-responsive-popup-module_dialog_responsive_popup_cgfWTq {
297
297
  background-color: var(--color-gray-1);
298
298
  cursor: auto;
299
299
  outline-color: var(--color-primary-9);
@@ -311,21 +311,21 @@
311
311
  display: flex;
312
312
  }
313
313
 
314
- .dialog-responsive-popup-module_dialog_responsive_popup__G8xla:focus-visible {
314
+ .dialog-responsive-popup-module_dialog_responsive_popup_cgfWTq:focus-visible {
315
315
  outline-width: 2px;
316
316
  }
317
317
 
318
- .dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-ending-style], .dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-starting-style] {
318
+ .dialog-responsive-popup-module_dialog_responsive_popup_cgfWTq[data-ending-style], .dialog-responsive-popup-module_dialog_responsive_popup_cgfWTq[data-starting-style] {
319
319
  opacity: 0;
320
320
  transform: scale(.975);
321
321
  }
322
322
 
323
- .dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-swiping] {
323
+ .dialog-responsive-popup-module_dialog_responsive_popup_cgfWTq[data-swiping] {
324
324
  user-select: none;
325
325
  }
326
326
 
327
327
  @media (width <= 640px) {
328
- .dialog-responsive-popup-module_dialog_responsive_popup__G8xla {
328
+ .dialog-responsive-popup-module_dialog_responsive_popup_cgfWTq {
329
329
  --radius-mobile: 24px;
330
330
  border-bottom-right-radius: 0;
331
331
  border-bottom-left-radius: 0;
@@ -338,16 +338,16 @@
338
338
  transition-timing-function: cubic-bezier(.32, .72, 0, 1);
339
339
  }
340
340
 
341
- .dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-ending-style], .dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-starting-style] {
341
+ .dialog-responsive-popup-module_dialog_responsive_popup_cgfWTq[data-ending-style], .dialog-responsive-popup-module_dialog_responsive_popup_cgfWTq[data-starting-style] {
342
342
  opacity: 1;
343
343
  transform: scale(1) translateY(100%);
344
344
  }
345
345
 
346
- .dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-ending-style] {
346
+ .dialog-responsive-popup-module_dialog_responsive_popup_cgfWTq[data-ending-style] {
347
347
  transition-duration: calc(var(--drawer-swipe-strength) * .3s);
348
348
  }
349
349
  }
350
- .input-module_input_dWvcHW {
350
+ .input-module_input_o34hyq {
351
351
  appearance: none;
352
352
  background-color: var(--color-bg-shell-inner);
353
353
  box-shadow: 0 0 0 1px var(--color-border) inset;
@@ -366,75 +366,75 @@
366
366
  transition-duration: .15s;
367
367
  }
368
368
 
369
- .input-module_input_dWvcHW::placeholder {
369
+ .input-module_input_o34hyq::placeholder {
370
370
  color: var(--color-gray-9);
371
371
  user-select: none;
372
372
  }
373
373
 
374
- .input-module_input_dWvcHW:disabled {
374
+ .input-module_input_o34hyq:disabled {
375
375
  cursor: not-allowed;
376
376
  opacity: .5;
377
377
  }
378
378
 
379
- .input-module_input_dWvcHW:enabled:active, .input-module_input_dWvcHW:enabled:focus, .input-module_input_dWvcHW:enabled:hover, .input-module_input_dWvcHW:enabled[data-is-active="true"] {
379
+ .input-module_input_o34hyq:enabled:active, .input-module_input_o34hyq:enabled:focus, .input-module_input_o34hyq:enabled:hover, .input-module_input_o34hyq:enabled[data-is-active="true"] {
380
380
  box-shadow: 0 0 0 1px var(--color-gray-6) inset;
381
381
  }
382
382
 
383
- .input-module_input_dWvcHW[data-is-valid="true"] {
383
+ .input-module_input_o34hyq[data-is-valid="true"] {
384
384
  outline-color: #30a46c;
385
385
  }
386
386
 
387
- .input-module_input_dWvcHW[data-is-invalid="true"] {
387
+ .input-module_input_o34hyq[data-is-invalid="true"] {
388
388
  outline-color: #e5484d;
389
389
  }
390
390
 
391
- .input-module_input_dWvcHW:focus-visible {
391
+ .input-module_input_o34hyq:focus-visible {
392
392
  outline-color: var(--color-outline);
393
393
  }
394
394
 
395
- .input-module_input__rounded_base_dWvcHW {
395
+ .input-module_input__rounded_base_o34hyq {
396
396
  border-radius: 12px;
397
397
  }
398
398
 
399
- .input-module_input__rounded_full_dWvcHW {
399
+ .input-module_input__rounded_full_o34hyq {
400
400
  border-radius: 9999px;
401
401
  }
402
402
 
403
- .input-module_input__size_32_dWvcHW {
403
+ .input-module_input__size_32_o34hyq {
404
404
  border-radius: 8px;
405
405
  min-height: 32px;
406
406
  padding: 0 8px;
407
407
  }
408
408
 
409
- .input-module_input__size_36_dWvcHW {
409
+ .input-module_input__size_36_o34hyq {
410
410
  border-radius: 10px;
411
411
  min-height: 36px;
412
412
  padding: 0 10px;
413
413
  }
414
414
 
415
- .input-module_input__size_40_dWvcHW {
415
+ .input-module_input__size_40_o34hyq {
416
416
  border-radius: 12px;
417
417
  min-height: 40px;
418
418
  padding: 0 12px;
419
419
  }
420
420
 
421
- .input-module_input__size_44_dWvcHW {
421
+ .input-module_input__size_44_o34hyq {
422
422
  border-radius: 14px;
423
423
  min-height: 44px;
424
424
  padding: 0 14px;
425
425
  }
426
426
 
427
- .input-module_input__size_48_dWvcHW {
427
+ .input-module_input__size_48_o34hyq {
428
428
  border-radius: 16px;
429
429
  min-height: 48px;
430
430
  padding: 0 16px;
431
431
  }
432
- .label-module_label_x4PeXa {
432
+ .label-module_label_iQZ4sG {
433
433
  color: var(--color-text-secondary);
434
434
  width: fit-content;
435
435
  font-size: 14px;
436
436
  }
437
- .menu-module_menu_trigger_PqTckW {
437
+ .menu-module_menu_trigger_7pJHya {
438
438
  background-color: var(--color-gray-2);
439
439
  box-shadow: 0 0 0 1px var(--color-gray-4) inset;
440
440
  color: var(--color-text-primary);
@@ -464,39 +464,39 @@
464
464
  overflow: hidden;
465
465
  }
466
466
 
467
- .menu-module_menu_trigger_PqTckW:hover:not(:disabled), .menu-module_menu_trigger_PqTckW[data-popup-open] {
467
+ .menu-module_menu_trigger_7pJHya:hover:not(:disabled), .menu-module_menu_trigger_7pJHya[data-popup-open] {
468
468
  background-color: var(--color-gray-3);
469
469
  }
470
470
 
471
- .menu-module_menu_trigger_PqTckW:active:not(:disabled), .menu-module_menu_trigger_PqTckW[data-pressed] {
471
+ .menu-module_menu_trigger_7pJHya:active:not(:disabled), .menu-module_menu_trigger_7pJHya[data-pressed] {
472
472
  translate: 0 1px;
473
473
  }
474
474
 
475
- .menu-module_menu_trigger_PqTckW:disabled {
475
+ .menu-module_menu_trigger_7pJHya:disabled {
476
476
  cursor: not-allowed;
477
477
  opacity: .5;
478
478
  }
479
479
 
480
- .menu-module_menu_trigger_PqTckW:focus-visible {
480
+ .menu-module_menu_trigger_7pJHya:focus-visible {
481
481
  outline-width: 2px;
482
482
  }
483
483
 
484
- .menu-module_menu_trigger_PqTckW > svg {
484
+ .menu-module_menu_trigger_7pJHya > svg {
485
485
  --size-icon: 20px;
486
486
  height: var(--size-icon);
487
487
  width: var(--size-icon);
488
488
  }
489
489
 
490
- .dark .menu-module_menu_trigger_PqTckW {
490
+ .dark .menu-module_menu_trigger_7pJHya {
491
491
  background-image: linear-gradient(oklab(100% 0 5.96046e-8 / .00990099) 50%, oklab(0% 0 0 / 0) 50%);
492
492
  }
493
493
 
494
- .menu-module_menu_content_positioner_PqTckW {
494
+ .menu-module_menu_content_positioner_7pJHya {
495
495
  isolation: isolate;
496
496
  z-index: 50;
497
497
  }
498
498
 
499
- .menu-module_menu_content_PqTckW {
499
+ .menu-module_menu_content_7pJHya {
500
500
  background-color: var(--color-bg-primary);
501
501
  box-shadow: 0 0 0 1px var(--color-border) inset,
502
502
  0 16px 32px oklab(0% none none / .16);
@@ -520,55 +520,55 @@
520
520
  overflow: auto;
521
521
  }
522
522
 
523
- .menu-module_menu_content_PqTckW:focus-visible {
523
+ .menu-module_menu_content_7pJHya:focus-visible {
524
524
  outline-width: 2px;
525
525
  }
526
526
 
527
- .menu-module_menu_content_PqTckW[data-ending-style], .menu-module_menu_content_PqTckW[data-starting-style] {
527
+ .menu-module_menu_content_7pJHya[data-ending-style], .menu-module_menu_content_7pJHya[data-starting-style] {
528
528
  opacity: 0;
529
529
  transform: scale(.975);
530
530
  }
531
531
 
532
- .menu-module_menu_content_PqTckW[data-side="top"][data-ending-style], .menu-module_menu_content_PqTckW[data-side="top"][data-starting-style] {
532
+ .menu-module_menu_content_7pJHya[data-side="top"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="top"][data-starting-style] {
533
533
  transform: scale(.975) translateY(4px);
534
534
  }
535
535
 
536
- .menu-module_menu_content_PqTckW[data-side="bottom"][data-ending-style], .menu-module_menu_content_PqTckW[data-side="bottom"][data-starting-style] {
536
+ .menu-module_menu_content_7pJHya[data-side="bottom"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="bottom"][data-starting-style] {
537
537
  transform: scale(.975) translateY(-4px);
538
538
  }
539
539
 
540
- .menu-module_menu_content_PqTckW[data-side="left"][data-ending-style], .menu-module_menu_content_PqTckW[data-side="left"][data-starting-style], .menu-module_menu_content_PqTckW[data-side="inline-start"][data-ending-style], .menu-module_menu_content_PqTckW[data-side="inline-start"][data-starting-style] {
540
+ .menu-module_menu_content_7pJHya[data-side="left"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="left"][data-starting-style], .menu-module_menu_content_7pJHya[data-side="inline-start"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="inline-start"][data-starting-style] {
541
541
  transform: scale(.975) translateX(4px);
542
542
  }
543
543
 
544
- .menu-module_menu_content_PqTckW[data-side="right"][data-ending-style], .menu-module_menu_content_PqTckW[data-side="right"][data-starting-style], .menu-module_menu_content_PqTckW[data-side="inline-end"][data-ending-style], .menu-module_menu_content_PqTckW[data-side="inline-end"][data-starting-style] {
544
+ .menu-module_menu_content_7pJHya[data-side="right"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="right"][data-starting-style], .menu-module_menu_content_7pJHya[data-side="inline-end"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="inline-end"][data-starting-style] {
545
545
  transform: scale(.975) translateX(-4px);
546
546
  }
547
547
 
548
- .menu-module_menu_content_arrow_PqTckW {
548
+ .menu-module_menu_content_arrow_7pJHya {
549
549
  color: var(--color-bg-primary);
550
550
  display: flex;
551
551
  }
552
552
 
553
- .menu-module_menu_content_arrow__icon_PqTckW {
553
+ .menu-module_menu_content_arrow__icon_7pJHya {
554
554
  fill: currentColor;
555
555
  filter: drop-shadow(0 -1px 0 var(--color-border));
556
556
  display: block;
557
557
  }
558
558
 
559
- .menu-module_menu_content_arrow_PqTckW[data-side="top"] {
559
+ .menu-module_menu_content_arrow_7pJHya[data-side="top"] {
560
560
  rotate: 180deg;
561
561
  }
562
562
 
563
- .menu-module_menu_content_arrow_PqTckW[data-side="left"], .menu-module_menu_content_arrow_PqTckW[data-side="inline-start"] {
563
+ .menu-module_menu_content_arrow_7pJHya[data-side="left"], .menu-module_menu_content_arrow_7pJHya[data-side="inline-start"] {
564
564
  rotate: 90deg;
565
565
  }
566
566
 
567
- .menu-module_menu_content_arrow_PqTckW[data-side="right"], .menu-module_menu_content_arrow_PqTckW[data-side="inline-end"] {
567
+ .menu-module_menu_content_arrow_7pJHya[data-side="right"], .menu-module_menu_content_arrow_7pJHya[data-side="inline-end"] {
568
568
  rotate: -90deg;
569
569
  }
570
570
 
571
- .menu-module_menu_checkbox_item_PqTckW, .menu-module_menu_item_PqTckW, .menu-module_menu_link_item_PqTckW, .menu-module_menu_radio_item_PqTckW, .menu-module_menu_submenu_trigger_PqTckW {
571
+ .menu-module_menu_checkbox_item_7pJHya, .menu-module_menu_item_7pJHya, .menu-module_menu_link_item_7pJHya, .menu-module_menu_radio_item_7pJHya, .menu-module_menu_submenu_trigger_7pJHya {
572
572
  color: var(--color-text-primary);
573
573
  cursor: pointer;
574
574
  user-select: none;
@@ -586,16 +586,16 @@
586
586
  position: relative;
587
587
  }
588
588
 
589
- .menu-module_menu_checkbox_item_PqTckW[data-highlighted], .menu-module_menu_item_PqTckW[data-highlighted], .menu-module_menu_link_item_PqTckW[data-highlighted], .menu-module_menu_radio_item_PqTckW[data-highlighted], .menu-module_menu_submenu_trigger_PqTckW[data-highlighted], .menu-module_menu_submenu_trigger_PqTckW[data-popup-open] {
589
+ .menu-module_menu_checkbox_item_7pJHya[data-highlighted], .menu-module_menu_item_7pJHya[data-highlighted], .menu-module_menu_link_item_7pJHya[data-highlighted], .menu-module_menu_radio_item_7pJHya[data-highlighted], .menu-module_menu_submenu_trigger_7pJHya[data-highlighted], .menu-module_menu_submenu_trigger_7pJHya[data-popup-open] {
590
590
  background-color: var(--color-gray-3);
591
591
  }
592
592
 
593
- .menu-module_menu_checkbox_item_PqTckW[data-disabled], .menu-module_menu_item_PqTckW[data-disabled], .menu-module_menu_radio_item_PqTckW[data-disabled], .menu-module_menu_submenu_trigger_PqTckW[data-disabled] {
593
+ .menu-module_menu_checkbox_item_7pJHya[data-disabled], .menu-module_menu_item_7pJHya[data-disabled], .menu-module_menu_radio_item_7pJHya[data-disabled], .menu-module_menu_submenu_trigger_7pJHya[data-disabled] {
594
594
  cursor: not-allowed;
595
595
  opacity: .5;
596
596
  }
597
597
 
598
- .menu-module_menu_item__icon_PqTckW, .menu-module_menu_item__indicator_PqTckW {
598
+ .menu-module_menu_item__icon_7pJHya, .menu-module_menu_item__indicator_7pJHya {
599
599
  color: var(--color-text-secondary);
600
600
  flex-shrink: 0;
601
601
  justify-content: safe center;
@@ -605,16 +605,16 @@
605
605
  display: flex;
606
606
  }
607
607
 
608
- .menu-module_menu_item__indicator_PqTckW {
608
+ .menu-module_menu_item__indicator_7pJHya {
609
609
  color: var(--color-primary-9);
610
610
  }
611
611
 
612
- .menu-module_menu_item__icon_PqTckW > svg, .menu-module_menu_item__indicator_PqTckW > svg {
612
+ .menu-module_menu_item__icon_7pJHya > svg, .menu-module_menu_item__indicator_7pJHya > svg {
613
613
  width: 16px;
614
614
  height: 16px;
615
615
  }
616
616
 
617
- .menu-module_menu_item__label_PqTckW {
617
+ .menu-module_menu_item__label_7pJHya {
618
618
  text-overflow: ellipsis;
619
619
  white-space: nowrap;
620
620
  flex: auto;
@@ -622,12 +622,12 @@
622
622
  overflow: hidden;
623
623
  }
624
624
 
625
- .menu-module_menu_group_PqTckW, .menu-module_menu_radio_group_PqTckW, .menu-module_menu_viewport_PqTckW {
625
+ .menu-module_menu_group_7pJHya, .menu-module_menu_radio_group_7pJHya, .menu-module_menu_viewport_7pJHya {
626
626
  flex-direction: column;
627
627
  display: flex;
628
628
  }
629
629
 
630
- .menu-module_menu_group_label_PqTckW {
630
+ .menu-module_menu_group_label_7pJHya {
631
631
  color: var(--color-text-secondary);
632
632
  padding: 6px 8px 4px;
633
633
  font-size: 12px;
@@ -635,13 +635,13 @@
635
635
  line-height: 1.5;
636
636
  }
637
637
 
638
- .menu-module_menu_separator_PqTckW {
638
+ .menu-module_menu_separator_7pJHya {
639
639
  background-color: var(--color-border);
640
640
  flex-shrink: 0;
641
641
  height: 1px;
642
642
  margin: 4px;
643
643
  }
644
- .otp-field-module_otp_field_l-Sakq {
644
+ .otp-field-module_otp_field_6ylpka {
645
645
  flex-wrap: wrap;
646
646
  justify-content: center;
647
647
  gap: 8px;
@@ -649,10 +649,10 @@
649
649
  display: flex;
650
650
  }
651
651
 
652
- .otp-field-module_otp_field__masked_l-Sakq > input {
652
+ .otp-field-module_otp_field__masked_6ylpka > input {
653
653
  font-family: var(--font-code);
654
654
  }
655
- .otp-field-input-module_otp_field_input_58X00q {
655
+ .otp-field-input-module_otp_field_input_7VaNVa {
656
656
  background-color: var(--color-gray-3);
657
657
  box-shadow: 0 0 0 1px var(--color-border) inset;
658
658
  color: var(--color-text-primary);
@@ -671,26 +671,26 @@
671
671
  transition-duration: .15s;
672
672
  }
673
673
 
674
- .otp-field-input-module_otp_field_input_58X00q:enabled:hover {
674
+ .otp-field-input-module_otp_field_input_7VaNVa:enabled:hover {
675
675
  box-shadow: 0 0 0 1px var(--color-gray-6) inset;
676
676
  }
677
677
 
678
- .otp-field-input-module_otp_field_input_58X00q:disabled {
678
+ .otp-field-input-module_otp_field_input_7VaNVa:disabled {
679
679
  cursor: not-allowed;
680
680
  opacity: .5;
681
681
  }
682
682
 
683
- .otp-field-input-module_otp_field_input_58X00q:focus-visible {
683
+ .otp-field-input-module_otp_field_input_7VaNVa:focus-visible {
684
684
  outline-width: 2px;
685
685
  }
686
- .row-module_row_sYCFIW {
686
+ .row-module_row_FQp50q {
687
687
  flex-direction: row;
688
688
  display: flex;
689
689
  }
690
- .spacer-module_spacer_nFLKVq {
690
+ .spacer-module_spacer_liXYKW {
691
691
  flex-shrink: 0;
692
692
  }
693
- .switch-module_switch_R3gLLG {
693
+ .switch-module_switch_K0d9Sa {
694
694
  background-color: var(--color-gray-6);
695
695
  cursor: pointer;
696
696
  outline-color: var(--color-primary-9);
@@ -705,20 +705,20 @@
705
705
  overflow: hidden;
706
706
  }
707
707
 
708
- .switch-module_switch_R3gLLG:focus-visible {
708
+ .switch-module_switch_K0d9Sa:focus-visible {
709
709
  outline-width: 2px;
710
710
  }
711
711
 
712
- .switch-module_switch_R3gLLG[data-checked] {
712
+ .switch-module_switch_K0d9Sa[data-checked] {
713
713
  background-color: var(--color-primary-9);
714
714
  }
715
715
 
716
- .switch-module_switch_R3gLLG[data-disabled] {
716
+ .switch-module_switch_K0d9Sa[data-disabled] {
717
717
  cursor: not-allowed;
718
718
  opacity: .5;
719
719
  }
720
720
 
721
- .switch-module_switch__thumb_R3gLLG {
721
+ .switch-module_switch__thumb_K0d9Sa {
722
722
  aspect-ratio: 1;
723
723
  background-color: #fff;
724
724
  border-radius: 9999px;
@@ -727,22 +727,22 @@
727
727
  transition-duration: .15s;
728
728
  }
729
729
 
730
- .switch-module_switch__thumb_R3gLLG[data-checked] {
730
+ .switch-module_switch__thumb_K0d9Sa[data-checked] {
731
731
  transform: translateX(var(--translateX));
732
732
  }
733
733
 
734
- .switch-module_switch__size_18_R3gLLG {
734
+ .switch-module_switch__size_18_K0d9Sa {
735
735
  --translateX: 12px;
736
736
  width: 30px;
737
737
  height: 18px;
738
738
  }
739
739
 
740
- .switch-module_switch__size_24_R3gLLG {
740
+ .switch-module_switch__size_24_K0d9Sa {
741
741
  --translateX: 16px;
742
742
  width: 40px;
743
743
  height: 24px;
744
744
  }
745
- .tabs-pill-indicator-module_tabs_pill_indicator_Dg56ja {
745
+ .tabs-pill-indicator-module_tabs_pill_indicator_PiFilW {
746
746
  background-color: var(--color-gray-12);
747
747
  height: var(--active-tab-height);
748
748
  left: var(--active-tab-left);
@@ -754,14 +754,14 @@
754
754
  transition-duration: .15s;
755
755
  position: absolute;
756
756
  }
757
- .tabs-pill-list-module_tabs_pill_list_I12aAq {
757
+ .tabs-pill-list-module_tabs_pill_list_3ahKPW {
758
758
  isolation: isolate;
759
759
  column-gap: 8px;
760
760
  display: flex;
761
761
  position: relative;
762
762
  overflow-x: auto;
763
763
  }
764
- .tabs-pill-tab-module_tabs_pill_tab_ABaxVG {
764
+ .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW {
765
765
  border-radius: var(--border-radius);
766
766
  color: #000;
767
767
  cursor: pointer;
@@ -782,34 +782,34 @@
782
782
  display: flex;
783
783
  }
784
784
 
785
- .tabs-pill-tab-module_tabs_pill_tab_ABaxVG:focus-visible {
785
+ .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW:focus-visible {
786
786
  outline-width: 2px;
787
787
  }
788
788
 
789
- .tabs-pill-tab-module_tabs_pill_tab_ABaxVG:hover {
789
+ .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW:hover {
790
790
  background-color: var(--color-gray-4);
791
791
  }
792
792
 
793
- .tabs-pill-tab-module_tabs_pill_tab_ABaxVG[data-active] {
793
+ .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW[data-active] {
794
794
  color: #fff;
795
795
  background-color: #0000;
796
796
  }
797
797
 
798
- .dark .tabs-pill-tab-module_tabs_pill_tab_ABaxVG {
798
+ .dark .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW {
799
799
  color: #fff;
800
800
  }
801
801
 
802
- .dark .tabs-pill-tab-module_tabs_pill_tab_ABaxVG[data-active] {
802
+ .dark .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW[data-active] {
803
803
  color: #000;
804
804
  }
805
805
 
806
- .tabs-pill-tab-module_tabs_pill_tab_ABaxVG > svg {
806
+ .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW > svg {
807
807
  --size-icon: 16px;
808
808
  height: var(--size-icon);
809
809
  width: var(--size-icon);
810
810
  }
811
811
 
812
- .tabs-pill-tab-module_tabs_pill_tab_wrapper_ABaxVG {
812
+ .tabs-pill-tab-module_tabs_pill_tab_wrapper_nxQ-sW {
813
813
  --border-radius: 12px;
814
814
  border-radius: var(--border-radius);
815
815
  flex-shrink: 0;
@@ -818,13 +818,13 @@
818
818
  overflow: hidden;
819
819
  }
820
820
 
821
- .tabs-pill-tab-module_tabs_pill_tab_background_ABaxVG {
821
+ .tabs-pill-tab-module_tabs_pill_tab_background_nxQ-sW {
822
822
  background-color: var(--color-gray-3);
823
823
  z-index: -2;
824
824
  position: absolute;
825
825
  inset: 0;
826
826
  }
827
- .tabs-segmented-indicator-module_tabs_segmented_indicator_wVi_Qq {
827
+ .tabs-segmented-indicator-module_tabs_segmented_indicator_3DY8Ta {
828
828
  background-color: var(--color-gray-1);
829
829
  height: var(--active-tab-height);
830
830
  left: var(--active-tab-left);
@@ -836,7 +836,7 @@
836
836
  transition-duration: .15s;
837
837
  position: absolute;
838
838
  }
839
- .tabs-segmented-list-module_tabs_segmented_list_AZApxW {
839
+ .tabs-segmented-list-module_tabs_segmented_list_wG8CPq {
840
840
  background-color: var(--color-gray-3);
841
841
  isolation: isolate;
842
842
  border-radius: 12px;
@@ -847,7 +847,7 @@
847
847
  position: relative;
848
848
  overflow-x: auto;
849
849
  }
850
- .tabs-segmented-tab-module_tabs_segmented_tab_MWdXWq {
850
+ .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG {
851
851
  color: var(--color-gray-11);
852
852
  cursor: pointer;
853
853
  outline-color: var(--color-primary-9);
@@ -868,20 +868,20 @@
868
868
  display: flex;
869
869
  }
870
870
 
871
- .tabs-segmented-tab-module_tabs_segmented_tab_MWdXWq:focus-visible {
871
+ .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG:focus-visible {
872
872
  outline-width: 2px;
873
873
  }
874
874
 
875
- .tabs-segmented-tab-module_tabs_segmented_tab_MWdXWq:hover, .tabs-segmented-tab-module_tabs_segmented_tab_MWdXWq[data-active] {
875
+ .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG:hover, .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG[data-active] {
876
876
  color: var(--color-gray-12);
877
877
  }
878
878
 
879
- .tabs-segmented-tab-module_tabs_segmented_tab_MWdXWq > svg {
879
+ .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG > svg {
880
880
  --size-icon: 16px;
881
881
  height: var(--size-icon);
882
882
  width: var(--size-icon);
883
883
  }
884
- .tabs-underline-indicator-module_tabs_underline_indicator_Y_MyBG {
884
+ .tabs-underline-indicator-module_tabs_underline_indicator_Gl55Ba {
885
885
  background-color: var(--color-primary-9);
886
886
  height: 2px;
887
887
  bottom: 0;
@@ -891,7 +891,7 @@
891
891
  transition-duration: .15s;
892
892
  position: absolute;
893
893
  }
894
- .tabs-underline-list-module_tabs_underline_list_z1YTsW {
894
+ .tabs-underline-list-module_tabs_underline_list_3MpMpG {
895
895
  border-bottom-color: var(--color-gray-4);
896
896
  border-bottom-style: solid;
897
897
  border-bottom-width: 1px;
@@ -899,7 +899,7 @@
899
899
  position: relative;
900
900
  overflow-x: auto;
901
901
  }
902
- .tabs-underline-tab-module_tabs_underline_tab_RxaKNW {
902
+ .tabs-underline-tab-module_tabs_underline_tab_lcqfQW {
903
903
  color: var(--color-gray-11);
904
904
  cursor: pointer;
905
905
  outline-color: var(--color-primary-9);
@@ -919,24 +919,24 @@
919
919
  display: flex;
920
920
  }
921
921
 
922
- .tabs-underline-tab-module_tabs_underline_tab_RxaKNW:focus-visible {
922
+ .tabs-underline-tab-module_tabs_underline_tab_lcqfQW:focus-visible {
923
923
  outline-width: 2px;
924
924
  }
925
925
 
926
- .tabs-underline-tab-module_tabs_underline_tab_RxaKNW:hover, .tabs-underline-tab-module_tabs_underline_tab_RxaKNW[data-active] {
926
+ .tabs-underline-tab-module_tabs_underline_tab_lcqfQW:hover, .tabs-underline-tab-module_tabs_underline_tab_lcqfQW[data-active] {
927
927
  color: var(--color-gray-12);
928
928
  }
929
929
 
930
- .tabs-underline-tab-module_tabs_underline_tab_RxaKNW > svg {
930
+ .tabs-underline-tab-module_tabs_underline_tab_lcqfQW > svg {
931
931
  --size-icon: 16px;
932
932
  height: var(--size-icon);
933
933
  width: var(--size-icon);
934
934
  }
935
- .tabs-module_tabs_Zs0xEq {
935
+ .tabs-module_tabs__1Jl1W {
936
936
  flex-direction: column;
937
937
  display: flex;
938
938
  }
939
- .tabs-panel-module_tabs_panel_dWZGWq {
939
+ .tabs-panel-module_tabs_panel_AXj2FW {
940
940
  outline-color: var(--color-primary-9);
941
941
  outline-offset: -2px;
942
942
  outline-width: 0;
@@ -945,17 +945,17 @@
945
945
  display: flex;
946
946
  }
947
947
 
948
- .tabs-panel-module_tabs_panel_dWZGWq:focus-visible {
948
+ .tabs-panel-module_tabs_panel_AXj2FW:focus-visible {
949
949
  outline-width: 2px;
950
950
  }
951
- .textarea-module_textarea_JqpxFq {
951
+ .textarea-module_textarea_jT_oOq {
952
952
  resize: vertical;
953
953
  height: auto;
954
954
  min-height: 66px;
955
955
  max-height: none;
956
956
  padding: 12px !important;
957
957
  }
958
- .tooltip-popup-module_tooltip_popup_Yvko7q {
958
+ .tooltip-popup-module_tooltip_popup_SLo08q {
959
959
  background-color: var(--color-gray-dark-1);
960
960
  color: var(--color-gray-dark-12);
961
961
  transform-origin: var(--transform-origin);
@@ -963,24 +963,25 @@
963
963
  padding: 4px 8px;
964
964
  font-size: 13px;
965
965
  font-weight: 500;
966
- transition: opacity .15s, scale .15s;
966
+ transition-property: opacity, scale;
967
+ transition-duration: .15s;
967
968
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
968
969
  }
969
970
 
970
- .tooltip-popup-module_tooltip_popup_Yvko7q[data-ending-style], .tooltip-popup-module_tooltip_popup_Yvko7q[data-starting-style] {
971
+ .tooltip-popup-module_tooltip_popup_SLo08q[data-ending-style], .tooltip-popup-module_tooltip_popup_SLo08q[data-starting-style] {
971
972
  opacity: 0;
972
973
  scale: .975;
973
974
  }
974
975
 
975
- .tooltip-popup-module_tooltip_popup_Yvko7q[data-instant] {
976
+ .tooltip-popup-module_tooltip_popup_SLo08q[data-instant] {
976
977
  transition: none;
977
978
  }
978
979
 
979
- .tooltip-popup-module_tooltip_popup_portal_Yvko7q {
980
+ .tooltip-popup-module_tooltip_popup_portal_SLo08q {
980
981
  z-index: 50;
981
982
  }
982
983
 
983
- .dark .tooltip-popup-module_tooltip_popup_Yvko7q {
984
+ .dark .tooltip-popup-module_tooltip_popup_SLo08q {
984
985
  background-color: var(--color-gray-light-1);
985
986
  color: var(--color-gray-light-12);
986
987
  }