@mendylanda/ui 0.1.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 (64) hide show
  1. package/LICENSE +21 -0
  2. package/NOTICE.md +5 -0
  3. package/README.md +49 -0
  4. package/THIRD_PARTY_LICENSES/shadcn-ui.txt +21 -0
  5. package/THIRD_PARTY_LICENSES/startercn.txt +21 -0
  6. package/dist/class-names.d.ts +1 -0
  7. package/dist/class-names.js +1 -0
  8. package/dist/customization.d.ts +31 -0
  9. package/dist/customization.js +42 -0
  10. package/dist/filters/core.d.ts +3 -0
  11. package/dist/filters/core.js +3 -0
  12. package/dist/filters/filter-bar.d.ts +49 -0
  13. package/dist/filters/filter-bar.js +435 -0
  14. package/dist/filters/filter-date-editor.d.ts +10 -0
  15. package/dist/filters/filter-date-editor.js +31 -0
  16. package/dist/filters/filter-definition.d.ts +220 -0
  17. package/dist/filters/filter-definition.js +227 -0
  18. package/dist/filters/filter-menu-panel.d.ts +21 -0
  19. package/dist/filters/filter-menu-panel.js +164 -0
  20. package/dist/filters/filter-select-editor.d.ts +25 -0
  21. package/dist/filters/filter-select-editor.js +46 -0
  22. package/dist/filters/filter-state.d.ts +34 -0
  23. package/dist/filters/filter-state.js +107 -0
  24. package/dist/filters/filter-text-editor.d.ts +11 -0
  25. package/dist/filters/filter-text-editor.js +34 -0
  26. package/dist/filters/filter-utils.d.ts +1 -0
  27. package/dist/filters/filter-utils.js +8 -0
  28. package/dist/filters/filters.d.ts +38 -0
  29. package/dist/filters/filters.js +94 -0
  30. package/dist/filters/index.d.ts +10 -0
  31. package/dist/filters/index.js +10 -0
  32. package/dist/filters/nuqs.d.ts +1 -0
  33. package/dist/filters/nuqs.js +2 -0
  34. package/dist/filters/use-filter-options.d.ts +24 -0
  35. package/dist/filters/use-filter-options.js +221 -0
  36. package/dist/filters/use-filters.d.ts +78 -0
  37. package/dist/filters/use-filters.js +158 -0
  38. package/dist/filters/use-url-filters.d.ts +41 -0
  39. package/dist/filters/use-url-filters.js +197 -0
  40. package/dist/filters/use-value-draft.d.ts +2 -0
  41. package/dist/filters/use-value-draft.js +16 -0
  42. package/dist/index.d.ts +1 -0
  43. package/dist/index.js +1 -0
  44. package/dist/primitives/button.d.ts +10 -0
  45. package/dist/primitives/button.js +36 -0
  46. package/dist/primitives/calendar.d.ts +8 -0
  47. package/dist/primitives/calendar.js +75 -0
  48. package/dist/primitives/checkbox.d.ts +4 -0
  49. package/dist/primitives/checkbox.js +10 -0
  50. package/dist/primitives/dropdown-menu.d.ts +25 -0
  51. package/dist/primitives/dropdown-menu.js +54 -0
  52. package/dist/primitives/index.d.ts +8 -0
  53. package/dist/primitives/index.js +8 -0
  54. package/dist/primitives/input.d.ts +3 -0
  55. package/dist/primitives/input.js +7 -0
  56. package/dist/primitives/label.d.ts +4 -0
  57. package/dist/primitives/label.js +9 -0
  58. package/dist/primitives/textarea.d.ts +3 -0
  59. package/dist/primitives/textarea.js +7 -0
  60. package/dist/styles.css +1775 -0
  61. package/dist/styles.css.d.ts +1 -0
  62. package/dist/utils.d.ts +3 -0
  63. package/dist/utils.js +19 -0
  64. package/package.json +98 -0
@@ -0,0 +1,1775 @@
1
+ /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme {
4
+ :where([data-mendy-ui]),:where([data-mendy-ui]) {
5
+ --spacing: 0.25rem;
6
+ --text-xs: 0.75rem;
7
+ --text-xs--line-height: calc(1 / 0.75);
8
+ --text-sm: 0.875rem;
9
+ --text-sm--line-height: calc(1.25 / 0.875);
10
+ --text-base: 1rem;
11
+ --text-base--line-height: calc(1.5 / 1);
12
+ --font-weight-normal: 400;
13
+ --font-weight-medium: 500;
14
+ --tracking-widest: 0.1em;
15
+ --animate-pulse: mendy-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
16
+ --default-transition-duration: 150ms;
17
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18
+ }
19
+ }
20
+ @layer components {
21
+ .mui-33228ff7d583:where([data-mendy-ui], [data-mendy-ui] *) {
22
+ pointer-events: none;
23
+ }
24
+ .mui-b75af7ef6c4d:where([data-mendy-ui], [data-mendy-ui] *) {
25
+ visibility: hidden;
26
+ }
27
+ .mui-d42ef1497900:where([data-mendy-ui], [data-mendy-ui] *) {
28
+ visibility: visible;
29
+ }
30
+ .mui-32fb090591d9:where([data-mendy-ui], [data-mendy-ui] *) {
31
+ position: absolute;
32
+ width: 1px;
33
+ height: 1px;
34
+ padding: 0;
35
+ margin: -1px;
36
+ overflow: hidden;
37
+ clip-path: inset(50%);
38
+ white-space: nowrap;
39
+ border-width: 0;
40
+ }
41
+ .mui-747355bdc2a2:where([data-mendy-ui], [data-mendy-ui] *) {
42
+ position: absolute;
43
+ }
44
+ .mui-d2d9e1f13413:where([data-mendy-ui], [data-mendy-ui] *) {
45
+ position: relative;
46
+ }
47
+ .mui-ce13093ad8c9:where([data-mendy-ui], [data-mendy-ui] *) {
48
+ inset: calc(var(--spacing) * 0);
49
+ }
50
+ .mui-3ba24c062d55:where([data-mendy-ui], [data-mendy-ui] *) {
51
+ inset-inline: calc(var(--spacing) * 0);
52
+ }
53
+ .mui-cced28c6dc3f:where([data-mendy-ui], [data-mendy-ui] *) {
54
+ inset-inline-start: var(--spacing);
55
+ }
56
+ .mui-361e48d0308f:where([data-mendy-ui], [data-mendy-ui] *) {
57
+ inset-inline-end: var(--spacing);
58
+ }
59
+ .mui-98599e4ee250:where([data-mendy-ui], [data-mendy-ui] *) {
60
+ top: calc(var(--spacing) * 0);
61
+ }
62
+ .mui-4e45f4841abb:where([data-mendy-ui], [data-mendy-ui] *) {
63
+ top: calc(1 / 2 * 100%);
64
+ }
65
+ .mui-71fb77dd8ea7:where([data-mendy-ui], [data-mendy-ui] *) {
66
+ right: calc(var(--spacing) * 1);
67
+ }
68
+ .mui-5a6edca9f43a:where([data-mendy-ui], [data-mendy-ui] *) {
69
+ right: calc(var(--spacing) * 8);
70
+ }
71
+ .mui-5b9fdf1819c4:where([data-mendy-ui], [data-mendy-ui] *) {
72
+ left: calc(var(--spacing) * 2);
73
+ }
74
+ .mui-ea31f8b3a958:where([data-mendy-ui], [data-mendy-ui] *) {
75
+ left: calc(var(--spacing) * 3);
76
+ }
77
+ .mui-866c339ea145:where([data-mendy-ui], [data-mendy-ui] *) {
78
+ left: calc(var(--spacing) * 4);
79
+ }
80
+ .mui-3eef1ce97dba:where([data-mendy-ui], [data-mendy-ui] *) {
81
+ z-index: 50;
82
+ }
83
+ .mui-a42d519714d6:where([data-mendy-ui], [data-mendy-ui] *) {
84
+ width: 100%;
85
+ @media (width >= 40rem) {
86
+ max-width: 40rem;
87
+ }
88
+ @media (width >= 48rem) {
89
+ max-width: 48rem;
90
+ }
91
+ @media (width >= 64rem) {
92
+ max-width: 64rem;
93
+ }
94
+ @media (width >= 80rem) {
95
+ max-width: 80rem;
96
+ }
97
+ @media (width >= 96rem) {
98
+ max-width: 96rem;
99
+ }
100
+ }
101
+ .mui-abba77319850:where([data-mendy-ui], [data-mendy-ui] *) {
102
+ margin-inline: calc(var(--spacing) * -1);
103
+ }
104
+ .mui-d8747231f142:where([data-mendy-ui], [data-mendy-ui] *) {
105
+ margin-block: calc(var(--spacing) * 1);
106
+ }
107
+ .mui-f28fea81a5cd:where([data-mendy-ui], [data-mendy-ui] *) {
108
+ margin-top: calc(var(--spacing) * 2);
109
+ }
110
+ .mui-9b2a4c5f630c:where([data-mendy-ui], [data-mendy-ui] *) {
111
+ margin-left: calc(var(--spacing) * -2);
112
+ }
113
+ .mui-cc51bda60e7e:where([data-mendy-ui], [data-mendy-ui] *) {
114
+ margin-left: auto;
115
+ }
116
+ .mui-496aca80e4d8:where([data-mendy-ui], [data-mendy-ui] *) {
117
+ display: block;
118
+ }
119
+ .mui-222f930b8752:where([data-mendy-ui], [data-mendy-ui] *) {
120
+ display: flex;
121
+ }
122
+ .mui-0f2a693e93e2:where([data-mendy-ui], [data-mendy-ui] *) {
123
+ display: grid;
124
+ }
125
+ .mui-e564b4081d7a:where([data-mendy-ui], [data-mendy-ui] *) {
126
+ display: none;
127
+ }
128
+ .mui-995cf20a9c45:where([data-mendy-ui], [data-mendy-ui] *) {
129
+ display: inline;
130
+ }
131
+ .mui-123306850fe1:where([data-mendy-ui], [data-mendy-ui] *) {
132
+ display: inline-flex;
133
+ }
134
+ .mui-3da89b3ed14b:where([data-mendy-ui], [data-mendy-ui] *) {
135
+ field-sizing: content;
136
+ }
137
+ .mui-129d6f9b1e07:where([data-mendy-ui], [data-mendy-ui] *) {
138
+ aspect-ratio: 1 / 1;
139
+ }
140
+ .mui-f7d12b41bceb:where([data-mendy-ui], [data-mendy-ui] *) {
141
+ width: var(--cell-size);
142
+ height: var(--cell-size);
143
+ }
144
+ .mui-dc797fcc7165:where([data-mendy-ui], [data-mendy-ui] *) {
145
+ width: calc(var(--spacing) * 1.5);
146
+ height: calc(var(--spacing) * 1.5);
147
+ }
148
+ .mui-9e7600197f38:where([data-mendy-ui], [data-mendy-ui] *) {
149
+ width: calc(var(--spacing) * 2);
150
+ height: calc(var(--spacing) * 2);
151
+ }
152
+ .mui-61c000c8a98a:where([data-mendy-ui], [data-mendy-ui] *) {
153
+ width: calc(var(--spacing) * 3.5);
154
+ height: calc(var(--spacing) * 3.5);
155
+ }
156
+ .mui-100c22d5776b:where([data-mendy-ui], [data-mendy-ui] *) {
157
+ width: calc(var(--spacing) * 4);
158
+ height: calc(var(--spacing) * 4);
159
+ }
160
+ .mui-0712570dcc9f:where([data-mendy-ui], [data-mendy-ui] *) {
161
+ width: calc(var(--spacing) * 6);
162
+ height: calc(var(--spacing) * 6);
163
+ }
164
+ .mui-79ede756e761:where([data-mendy-ui], [data-mendy-ui] *) {
165
+ width: calc(var(--spacing) * 7);
166
+ height: calc(var(--spacing) * 7);
167
+ }
168
+ .mui-ebd37e04d422:where([data-mendy-ui], [data-mendy-ui] *) {
169
+ width: calc(var(--spacing) * 8);
170
+ height: calc(var(--spacing) * 8);
171
+ }
172
+ .mui-3ee10ef4c057:where([data-mendy-ui], [data-mendy-ui] *) {
173
+ width: calc(var(--spacing) * 9);
174
+ height: calc(var(--spacing) * 9);
175
+ }
176
+ .mui-d0a383a9c24f:where([data-mendy-ui], [data-mendy-ui] *) {
177
+ width: calc(var(--spacing) * 10);
178
+ height: calc(var(--spacing) * 10);
179
+ }
180
+ .mui-9104ce433bba:where([data-mendy-ui], [data-mendy-ui] *) {
181
+ width: 15px;
182
+ height: 15px;
183
+ }
184
+ .mui-3c7e3f82f336:where([data-mendy-ui], [data-mendy-ui] *) {
185
+ width: 17px;
186
+ height: 17px;
187
+ }
188
+ .mui-4dad94bd15e3:where([data-mendy-ui], [data-mendy-ui] *) {
189
+ width: auto;
190
+ height: auto;
191
+ }
192
+ .mui-a5960ac1d283:where([data-mendy-ui], [data-mendy-ui] *) {
193
+ height: var(--cell-size);
194
+ }
195
+ .mui-ce1945804664:where([data-mendy-ui], [data-mendy-ui] *) {
196
+ height: calc(var(--spacing) * 6);
197
+ }
198
+ .mui-1fb07b38c63b:where([data-mendy-ui], [data-mendy-ui] *) {
199
+ height: calc(var(--spacing) * 8);
200
+ }
201
+ .mui-539ae144f076:where([data-mendy-ui], [data-mendy-ui] *) {
202
+ height: calc(var(--spacing) * 9);
203
+ }
204
+ .mui-fdd2f85cad6b:where([data-mendy-ui], [data-mendy-ui] *) {
205
+ height: calc(var(--spacing) * 10);
206
+ }
207
+ .mui-a66e9985b093:where([data-mendy-ui], [data-mendy-ui] *) {
208
+ height: auto;
209
+ }
210
+ .mui-57c930dc1c31:where([data-mendy-ui], [data-mendy-ui] *) {
211
+ height: 100%;
212
+ }
213
+ .mui-ae2c4b060bb9:where([data-mendy-ui], [data-mendy-ui] *) {
214
+ height: 1px;
215
+ }
216
+ .mui-571ea69568d3:where([data-mendy-ui], [data-mendy-ui] *) {
217
+ max-height: var(--filter-menu-height);
218
+ }
219
+ .mui-1f061e70178e:where([data-mendy-ui], [data-mendy-ui] *) {
220
+ max-height: var(--radix-dropdown-menu-content-available-height);
221
+ }
222
+ .mui-dcd942c18ddc:where([data-mendy-ui], [data-mendy-ui] *) {
223
+ max-height: var(--radix-dropdown-menu-content-available-height);
224
+ }
225
+ .mui-410da8dfa8ac:where([data-mendy-ui], [data-mendy-ui] *) {
226
+ min-height: calc(var(--spacing) * 0);
227
+ }
228
+ .mui-9974acedf3f7:where([data-mendy-ui], [data-mendy-ui] *) {
229
+ min-height: calc(var(--spacing) * 9);
230
+ }
231
+ .mui-8423dc94ee06:where([data-mendy-ui], [data-mendy-ui] *) {
232
+ min-height: calc(var(--spacing) * 10);
233
+ }
234
+ .mui-50312c3ce4a3:where([data-mendy-ui], [data-mendy-ui] *) {
235
+ min-height: 60px;
236
+ }
237
+ .mui-d48fe95d4da8:where([data-mendy-ui], [data-mendy-ui] *) {
238
+ width: var(--cell-size);
239
+ }
240
+ .mui-8867d85ed290:where([data-mendy-ui], [data-mendy-ui] *) {
241
+ width: calc(var(--spacing) * 8);
242
+ }
243
+ .mui-72b37c1a040d:where([data-mendy-ui], [data-mendy-ui] *) {
244
+ width: calc(var(--spacing) * 64);
245
+ }
246
+ .mui-37535002f0f7:where([data-mendy-ui], [data-mendy-ui] *) {
247
+ width: calc(var(--spacing) * 72);
248
+ }
249
+ .mui-a4cce7869436:where([data-mendy-ui], [data-mendy-ui] *) {
250
+ width: 300px;
251
+ }
252
+ .mui-9958eb2b312a:where([data-mendy-ui], [data-mendy-ui] *) {
253
+ width: var(--mendy-filter-menu-width,512px);
254
+ }
255
+ .mui-8cfb5a42ef9f:where([data-mendy-ui], [data-mendy-ui] *) {
256
+ width: fit-content;
257
+ }
258
+ .mui-58d0413dd93c:where([data-mendy-ui], [data-mendy-ui] *) {
259
+ width: 100%;
260
+ }
261
+ .mui-a5c6864f064f:where([data-mendy-ui], [data-mendy-ui] *) {
262
+ max-width: calc(100vw - 1.5rem);
263
+ }
264
+ .mui-34055e6f8c1b:where([data-mendy-ui], [data-mendy-ui] *) {
265
+ max-width: calc(100vw - 2rem);
266
+ }
267
+ .mui-81b198a2db84:where([data-mendy-ui], [data-mendy-ui] *) {
268
+ max-width: 100%;
269
+ }
270
+ .mui-1458e495e3ae:where([data-mendy-ui], [data-mendy-ui] *) {
271
+ min-width: var(--cell-size);
272
+ }
273
+ .mui-184ddc11e5f9:where([data-mendy-ui], [data-mendy-ui] *) {
274
+ min-width: calc(var(--spacing) * 0);
275
+ }
276
+ .mui-e9ab1547c94d:where([data-mendy-ui], [data-mendy-ui] *) {
277
+ min-width: 8rem;
278
+ }
279
+ .mui-7bd5bab6d7f4:where([data-mendy-ui], [data-mendy-ui] *) {
280
+ flex: 1;
281
+ }
282
+ .mui-66b490dd6005:where([data-mendy-ui], [data-mendy-ui] *) {
283
+ flex-shrink: 1;
284
+ }
285
+ .mui-27ead27a81df:where([data-mendy-ui], [data-mendy-ui] *) {
286
+ flex-shrink: 0;
287
+ }
288
+ .mui-215061302c50:where([data-mendy-ui], [data-mendy-ui] *) {
289
+ border-collapse: collapse;
290
+ }
291
+ .mui-3a3774477287:where([data-mendy-ui], [data-mendy-ui] *) {
292
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
293
+ }
294
+ .mui-5dde0fd996f0:where([data-mendy-ui], [data-mendy-ui] *) {
295
+ --mendy-tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
296
+ translate: var(--mendy-tw-translate-x) var(--mendy-tw-translate-y);
297
+ }
298
+ .mui-393df0d154e0:where([data-mendy-ui], [data-mendy-ui] *) {
299
+ animation: none !important;
300
+ }
301
+ .mui-7b3cd77eb999:where([data-mendy-ui], [data-mendy-ui] *) {
302
+ animation: var(--animate-pulse);
303
+ }
304
+ .mui-d343f41ba73e:where([data-mendy-ui], [data-mendy-ui] *) {
305
+ cursor: default;
306
+ }
307
+ .mui-acd532d8913e:where([data-mendy-ui], [data-mendy-ui] *) {
308
+ resize: both;
309
+ }
310
+ .mui-50f2bcd37640:where([data-mendy-ui], [data-mendy-ui] *) {
311
+ grid-template-columns: var(--mendy-filter-list-width,208px) minmax(0,1fr);
312
+ }
313
+ .mui-302c0d124a94:where([data-mendy-ui], [data-mendy-ui] *) {
314
+ flex-direction: column;
315
+ }
316
+ .mui-faa8a23c68f6:where([data-mendy-ui], [data-mendy-ui] *) {
317
+ flex-wrap: wrap;
318
+ }
319
+ .mui-8fd2e2355cbc:where([data-mendy-ui], [data-mendy-ui] *) {
320
+ place-content: center;
321
+ }
322
+ .mui-71556df3b421:where([data-mendy-ui], [data-mendy-ui] *) {
323
+ align-items: center;
324
+ }
325
+ .mui-32c92bb1fde4:where([data-mendy-ui], [data-mendy-ui] *) {
326
+ justify-content: space-between;
327
+ }
328
+ .mui-a503dd374cca:where([data-mendy-ui], [data-mendy-ui] *) {
329
+ justify-content: center;
330
+ }
331
+ .mui-c62ec162662e:where([data-mendy-ui], [data-mendy-ui] *) {
332
+ justify-content: flex-start;
333
+ }
334
+ .mui-19e97f3f40e6:where([data-mendy-ui], [data-mendy-ui] *) {
335
+ gap: calc(var(--spacing) * 1);
336
+ }
337
+ .mui-70007b876865:where([data-mendy-ui], [data-mendy-ui] *) {
338
+ gap: calc(var(--spacing) * 1.5);
339
+ }
340
+ .mui-074569488cca:where([data-mendy-ui], [data-mendy-ui] *) {
341
+ gap: calc(var(--spacing) * 2);
342
+ }
343
+ .mui-90fc3ec35a37:where([data-mendy-ui], [data-mendy-ui] *) {
344
+ gap: calc(var(--spacing) * 4);
345
+ }
346
+ .mui-27e6c432192f:where([data-mendy-ui], [data-mendy-ui] *) {
347
+ :where(& > :not(:last-child)) {
348
+ --mendy-tw-space-y-reverse: 0;
349
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--mendy-tw-space-y-reverse));
350
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--mendy-tw-space-y-reverse)));
351
+ }
352
+ }
353
+ .mui-267171770524:where([data-mendy-ui], [data-mendy-ui] *) {
354
+ :where(& > :not(:last-child)) {
355
+ --mendy-tw-space-y-reverse: 0;
356
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--mendy-tw-space-y-reverse));
357
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--mendy-tw-space-y-reverse)));
358
+ }
359
+ }
360
+ .mui-5a3a4ee420c2:where([data-mendy-ui], [data-mendy-ui] *) {
361
+ overflow: hidden;
362
+ text-overflow: ellipsis;
363
+ white-space: nowrap;
364
+ }
365
+ .mui-d5111d0e9f48:where([data-mendy-ui], [data-mendy-ui] *) {
366
+ overflow: hidden;
367
+ }
368
+ .mui-3b82279f859f:where([data-mendy-ui], [data-mendy-ui] *) {
369
+ overflow-x: hidden;
370
+ }
371
+ .mui-2368e909f3a5:where([data-mendy-ui], [data-mendy-ui] *) {
372
+ overflow-y: auto;
373
+ }
374
+ .mui-998780cdef87:where([data-mendy-ui], [data-mendy-ui] *) {
375
+ overscroll-behavior: contain;
376
+ }
377
+ .mui-b005d61d0953:where([data-mendy-ui], [data-mendy-ui] *) {
378
+ border-radius: calc(infinity * 1px);
379
+ }
380
+ .mui-3fa8c572949b:where([data-mendy-ui], [data-mendy-ui] *) {
381
+ border-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
382
+ }
383
+ .mui-52417259a4f5:where([data-mendy-ui], [data-mendy-ui] *) {
384
+ border-radius: 0;
385
+ }
386
+ .mui-02e603944040:where([data-mendy-ui], [data-mendy-ui] *) {
387
+ border-radius: max(0px, calc(var(--radius, 0.5rem) - 4px));
388
+ }
389
+ .mui-10c0bae8cba9:where([data-mendy-ui], [data-mendy-ui] *) {
390
+ border-top-left-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
391
+ border-bottom-left-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
392
+ }
393
+ .mui-34bbd346e74c:where([data-mendy-ui], [data-mendy-ui] *) {
394
+ border-top-right-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
395
+ border-bottom-right-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
396
+ }
397
+ .mui-4f1a55de40bc:where([data-mendy-ui], [data-mendy-ui] *) {
398
+ border-style: var(--mendy-tw-border-style);
399
+ border-width: 1px;
400
+ }
401
+ .mui-894c3815a57f:where([data-mendy-ui], [data-mendy-ui] *) {
402
+ border-top-style: var(--mendy-tw-border-style);
403
+ border-top-width: 1px;
404
+ }
405
+ .mui-baf794b99c10:where([data-mendy-ui], [data-mendy-ui] *) {
406
+ border-right-style: var(--mendy-tw-border-style);
407
+ border-right-width: 1px;
408
+ }
409
+ .mui-bbe39cfb5cc6:where([data-mendy-ui], [data-mendy-ui] *) {
410
+ border-bottom-style: var(--mendy-tw-border-style);
411
+ border-bottom-width: 1px;
412
+ }
413
+ .mui-8d940fccb093:where([data-mendy-ui], [data-mendy-ui] *) {
414
+ border-left-style: var(--mendy-tw-border-style);
415
+ border-left-width: 1px;
416
+ }
417
+ .mui-8450eb0f1857:where([data-mendy-ui], [data-mendy-ui] *) {
418
+ --mendy-tw-border-style: dashed;
419
+ border-style: dashed;
420
+ }
421
+ .mui-163a623b3716:where([data-mendy-ui], [data-mendy-ui] *) {
422
+ border-color: var(--border, #e5e5e5);
423
+ @supports (color: color-mix(in lab, red, red)) {
424
+ border-color: color-mix(in oklab, var(--border, #e5e5e5) 50%, transparent);
425
+ }
426
+ }
427
+ .mui-1267095cdeb7:where([data-mendy-ui], [data-mendy-ui] *) {
428
+ border-color: var(--input, #e5e5e5);
429
+ }
430
+ .mui-9b76f456b8c9:where([data-mendy-ui], [data-mendy-ui] *) {
431
+ border-color: var(--muted-foreground, #737373);
432
+ @supports (color: color-mix(in lab, red, red)) {
433
+ border-color: color-mix(in oklab, var(--muted-foreground, #737373) 50%, transparent);
434
+ }
435
+ }
436
+ .mui-292affc1f780:where([data-mendy-ui], [data-mendy-ui] *) {
437
+ background-color: var(--accent, #f5f5f5);
438
+ }
439
+ .mui-5b272f3c5076:where([data-mendy-ui], [data-mendy-ui] *) {
440
+ background-color: var(--background, #fff);
441
+ }
442
+ .mui-a943bea85d66:where([data-mendy-ui], [data-mendy-ui] *) {
443
+ background-color: var(--border, #e5e5e5);
444
+ }
445
+ .mui-0cf6c2e8fe7e:where([data-mendy-ui], [data-mendy-ui] *) {
446
+ background-color: currentcolor;
447
+ }
448
+ .mui-965cf6587342:where([data-mendy-ui], [data-mendy-ui] *) {
449
+ background-color: var(--destructive, #dc2626);
450
+ }
451
+ .mui-e593c38256e0:where([data-mendy-ui], [data-mendy-ui] *) {
452
+ background-color: var(--popover, #fff);
453
+ }
454
+ .mui-0c2864fba576:where([data-mendy-ui], [data-mendy-ui] *) {
455
+ background-color: var(--primary, #171717);
456
+ }
457
+ .mui-d191cb569aac:where([data-mendy-ui], [data-mendy-ui] *) {
458
+ background-color: var(--secondary, #f5f5f5);
459
+ }
460
+ .mui-8fca9236d191:where([data-mendy-ui], [data-mendy-ui] *) {
461
+ background-color: transparent;
462
+ }
463
+ .mui-717b342c2d01:where([data-mendy-ui], [data-mendy-ui] *) {
464
+ fill: currentcolor;
465
+ }
466
+ .mui-04760bcd507f:where([data-mendy-ui], [data-mendy-ui] *) {
467
+ padding: calc(var(--spacing) * 0);
468
+ }
469
+ .mui-1dee6e3ec67d:where([data-mendy-ui], [data-mendy-ui] *) {
470
+ padding: calc(var(--spacing) * 1);
471
+ }
472
+ .mui-b97db4a9f432:where([data-mendy-ui], [data-mendy-ui] *) {
473
+ padding: calc(var(--spacing) * 2);
474
+ }
475
+ .mui-094f5333853b:where([data-mendy-ui], [data-mendy-ui] *) {
476
+ padding: calc(var(--spacing) * 3);
477
+ }
478
+ .mui-56b8f5e0fb12:where([data-mendy-ui], [data-mendy-ui] *) {
479
+ padding-inline: var(--cell-size);
480
+ }
481
+ .mui-1da2e8f173c5:where([data-mendy-ui], [data-mendy-ui] *) {
482
+ padding-inline: calc(var(--spacing) * 1.5);
483
+ }
484
+ .mui-e7e01cc7f4df:where([data-mendy-ui], [data-mendy-ui] *) {
485
+ padding-inline: calc(var(--spacing) * 2);
486
+ }
487
+ .mui-0f9e6672913a:where([data-mendy-ui], [data-mendy-ui] *) {
488
+ padding-inline: calc(var(--spacing) * 3);
489
+ }
490
+ .mui-9513b3968002:where([data-mendy-ui], [data-mendy-ui] *) {
491
+ padding-inline: calc(var(--spacing) * 4);
492
+ }
493
+ .mui-0194c6e46323:where([data-mendy-ui], [data-mendy-ui] *) {
494
+ padding-inline: calc(var(--spacing) * 8);
495
+ }
496
+ .mui-1fcf28756bb1:where([data-mendy-ui], [data-mendy-ui] *) {
497
+ padding-block: calc(var(--spacing) * 1);
498
+ }
499
+ .mui-a8c1dfb1d4ef:where([data-mendy-ui], [data-mendy-ui] *) {
500
+ padding-block: calc(var(--spacing) * 1.5);
501
+ }
502
+ .mui-b5edc3ea7c91:where([data-mendy-ui], [data-mendy-ui] *) {
503
+ padding-block: calc(var(--spacing) * 2);
504
+ }
505
+ .mui-0a702d97ed7d:where([data-mendy-ui], [data-mendy-ui] *) {
506
+ padding-top: calc(var(--spacing) * 3);
507
+ }
508
+ .mui-1a52da5bc88c:where([data-mendy-ui], [data-mendy-ui] *) {
509
+ padding-right: calc(var(--spacing) * 1);
510
+ }
511
+ .mui-98a5b6fff1d2:where([data-mendy-ui], [data-mendy-ui] *) {
512
+ padding-right: calc(var(--spacing) * 2);
513
+ }
514
+ .mui-0359a07b64f9:where([data-mendy-ui], [data-mendy-ui] *) {
515
+ padding-right: calc(var(--spacing) * 9);
516
+ }
517
+ .mui-83ffc494bac4:where([data-mendy-ui], [data-mendy-ui] *) {
518
+ padding-right: calc(var(--spacing) * 16);
519
+ }
520
+ .mui-f5d8e661d857:where([data-mendy-ui], [data-mendy-ui] *) {
521
+ padding-left: calc(var(--spacing) * 2);
522
+ }
523
+ .mui-75b27e813dcc:where([data-mendy-ui], [data-mendy-ui] *) {
524
+ padding-left: calc(var(--spacing) * 8);
525
+ }
526
+ .mui-86486d7e416f:where([data-mendy-ui], [data-mendy-ui] *) {
527
+ padding-left: calc(var(--spacing) * 9);
528
+ }
529
+ .mui-05ab12448317:where([data-mendy-ui], [data-mendy-ui] *) {
530
+ text-align: center;
531
+ }
532
+ .mui-1a5d10977b93:where([data-mendy-ui], [data-mendy-ui] *) {
533
+ text-align: left;
534
+ }
535
+ .mui-757071a1d1c4:where([data-mendy-ui], [data-mendy-ui] *) {
536
+ font-size: var(--text-base);
537
+ line-height: var(--mendy-tw-leading, var(--text-base--line-height));
538
+ }
539
+ .mui-c74ab393b96d:where([data-mendy-ui], [data-mendy-ui] *) {
540
+ font-size: var(--text-sm);
541
+ line-height: var(--mendy-tw-leading, var(--text-sm--line-height));
542
+ }
543
+ .mui-3992de70b033:where([data-mendy-ui], [data-mendy-ui] *) {
544
+ font-size: var(--text-xs);
545
+ line-height: var(--mendy-tw-leading, var(--text-xs--line-height));
546
+ }
547
+ .mui-5f120ad4b50b:where([data-mendy-ui], [data-mendy-ui] *) {
548
+ font-size: 0.8rem;
549
+ }
550
+ .mui-761cdb81bddb:where([data-mendy-ui], [data-mendy-ui] *) {
551
+ --mendy-tw-leading: 1;
552
+ line-height: 1;
553
+ }
554
+ .mui-daaac3fbf55e:where([data-mendy-ui], [data-mendy-ui] *) {
555
+ --mendy-tw-font-weight: var(--font-weight-medium);
556
+ font-weight: var(--font-weight-medium);
557
+ }
558
+ .mui-52101fc7d8bb:where([data-mendy-ui], [data-mendy-ui] *) {
559
+ --mendy-tw-font-weight: var(--font-weight-normal);
560
+ font-weight: var(--font-weight-normal);
561
+ }
562
+ .mui-e1683b3c030a:where([data-mendy-ui], [data-mendy-ui] *) {
563
+ --mendy-tw-tracking: var(--tracking-widest);
564
+ letter-spacing: var(--tracking-widest);
565
+ }
566
+ .mui-393883c1db68:where([data-mendy-ui], [data-mendy-ui] *) {
567
+ overflow-wrap: anywhere;
568
+ }
569
+ .mui-37cf9655f30a:where([data-mendy-ui], [data-mendy-ui] *) {
570
+ overflow-wrap: break-word;
571
+ }
572
+ .mui-726fca123972:where([data-mendy-ui], [data-mendy-ui] *) {
573
+ white-space: normal;
574
+ }
575
+ .mui-963f6168b7d6:where([data-mendy-ui], [data-mendy-ui] *) {
576
+ white-space: nowrap;
577
+ }
578
+ .mui-cc209238d847:where([data-mendy-ui], [data-mendy-ui] *) {
579
+ color: var(--accent-foreground, #171717);
580
+ }
581
+ .mui-5eafab9bbefc:where([data-mendy-ui], [data-mendy-ui] *) {
582
+ color: currentcolor;
583
+ }
584
+ .mui-887b9502d5c7:where([data-mendy-ui], [data-mendy-ui] *) {
585
+ color: var(--destructive, #dc2626);
586
+ }
587
+ .mui-8d4bf2704c8d:where([data-mendy-ui], [data-mendy-ui] *) {
588
+ color: var(--destructive-foreground, #fff);
589
+ }
590
+ .mui-35f35c41d134:where([data-mendy-ui], [data-mendy-ui] *) {
591
+ color: var(--muted-foreground, #737373);
592
+ }
593
+ .mui-5bd2afe89f0b:where([data-mendy-ui], [data-mendy-ui] *) {
594
+ color: var(--popover-foreground, #0a0a0a);
595
+ }
596
+ .mui-249f14ee5b6b:where([data-mendy-ui], [data-mendy-ui] *) {
597
+ color: var(--primary, #171717);
598
+ }
599
+ .mui-abd1aaa1f5b2:where([data-mendy-ui], [data-mendy-ui] *) {
600
+ color: var(--primary-foreground, #fafafa);
601
+ }
602
+ .mui-80df79ec9bb5:where([data-mendy-ui], [data-mendy-ui] *) {
603
+ color: var(--secondary-foreground, #171717);
604
+ }
605
+ .mui-944969efb294:where([data-mendy-ui], [data-mendy-ui] *) {
606
+ text-decoration-line: underline;
607
+ }
608
+ .mui-d52f902a57e8:where([data-mendy-ui], [data-mendy-ui] *) {
609
+ text-underline-offset: 4px;
610
+ }
611
+ .mui-94f91922a10e:where([data-mendy-ui], [data-mendy-ui] *) {
612
+ opacity: 0%;
613
+ }
614
+ .mui-0b5a4d1257ab:where([data-mendy-ui], [data-mendy-ui] *) {
615
+ opacity: 50%;
616
+ }
617
+ .mui-65694092f002:where([data-mendy-ui], [data-mendy-ui] *) {
618
+ opacity: 100%;
619
+ }
620
+ .mui-0d4ca75de41c:where([data-mendy-ui], [data-mendy-ui] *) {
621
+ --mendy-tw-shadow: 0 10px 15px -3px var(--mendy-tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--mendy-tw-shadow-color, rgb(0 0 0 / 0.1));
622
+ box-shadow: var(--mendy-tw-inset-shadow), var(--mendy-tw-inset-ring-shadow), var(--mendy-tw-ring-offset-shadow), var(--mendy-tw-ring-shadow), var(--mendy-tw-shadow);
623
+ }
624
+ .mui-94ea94fde25f:where([data-mendy-ui], [data-mendy-ui] *) {
625
+ --mendy-tw-shadow: 0 4px 6px -1px var(--mendy-tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--mendy-tw-shadow-color, rgb(0 0 0 / 0.1));
626
+ box-shadow: var(--mendy-tw-inset-shadow), var(--mendy-tw-inset-ring-shadow), var(--mendy-tw-ring-offset-shadow), var(--mendy-tw-ring-shadow), var(--mendy-tw-shadow);
627
+ }
628
+ .mui-7de07d413c13:where([data-mendy-ui], [data-mendy-ui] *) {
629
+ --mendy-tw-shadow: 0 1px 2px 0 var(--mendy-tw-shadow-color, rgb(0 0 0 / 0.05));
630
+ box-shadow: var(--mendy-tw-inset-shadow), var(--mendy-tw-inset-ring-shadow), var(--mendy-tw-ring-offset-shadow), var(--mendy-tw-ring-shadow), var(--mendy-tw-shadow);
631
+ }
632
+ .mui-59edd3d33673:where([data-mendy-ui], [data-mendy-ui] *) {
633
+ --mendy-tw-outline-style: none;
634
+ outline-style: none;
635
+ @media (forced-colors: active) {
636
+ outline: 2px solid transparent;
637
+ outline-offset: 2px;
638
+ }
639
+ }
640
+ .mui-318678825324:where([data-mendy-ui], [data-mendy-ui] *) {
641
+ outline-style: var(--mendy-tw-outline-style);
642
+ outline-width: 1px;
643
+ }
644
+ .mui-dfc3376b8266:where([data-mendy-ui], [data-mendy-ui] *) {
645
+ filter: var(--mendy-tw-blur,) var(--mendy-tw-brightness,) var(--mendy-tw-contrast,) var(--mendy-tw-grayscale,) var(--mendy-tw-hue-rotate,) var(--mendy-tw-invert,) var(--mendy-tw-saturate,) var(--mendy-tw-sepia,) var(--mendy-tw-drop-shadow,);
646
+ }
647
+ .mui-eae178841c68:where([data-mendy-ui], [data-mendy-ui] *) {
648
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --mendy-tw-gradient-from, --mendy-tw-gradient-via, --mendy-tw-gradient-to;
649
+ transition-timing-function: var(--mendy-tw-ease, var(--default-transition-timing-function));
650
+ transition-duration: var(--mendy-tw-duration, var(--default-transition-duration));
651
+ }
652
+ .mui-2cdd01663c76:where([data-mendy-ui], [data-mendy-ui] *) {
653
+ transition-property: opacity;
654
+ transition-timing-function: var(--mendy-tw-ease, var(--default-transition-timing-function));
655
+ transition-duration: var(--mendy-tw-duration, var(--default-transition-duration));
656
+ }
657
+ .mui-2b48746f4314:where([data-mendy-ui], [data-mendy-ui] *) {
658
+ transition-property: box-shadow;
659
+ transition-timing-function: var(--mendy-tw-ease, var(--default-transition-timing-function));
660
+ transition-duration: var(--mendy-tw-duration, var(--default-transition-duration));
661
+ }
662
+ .mui-b4b2fd95f324:where([data-mendy-ui], [data-mendy-ui] *) {
663
+ transition-property: none;
664
+ }
665
+ .mui-b30fc56058b6:where([data-mendy-ui], [data-mendy-ui] *) {
666
+ --mendy-tw-outline-style: none;
667
+ outline-style: none;
668
+ }
669
+ .mui-78905c9e865c:where([data-mendy-ui], [data-mendy-ui] *) {
670
+ -webkit-user-select: none;
671
+ user-select: none;
672
+ }
673
+ .mui-d80b6593dae5:where([data-mendy-ui], [data-mendy-ui] *) {
674
+ --cell-size: calc(var(--spacing) * 8);
675
+ }
676
+ .mui-981e5fc95664:where([data-mendy-ui], [data-mendy-ui] *) {
677
+ --filter-menu-height: min(480px, var(--radix-dropdown-menu-content-available-height));
678
+ }
679
+ .mui-9af9a4182597:where([data-mendy-ui], [data-mendy-ui] *) {
680
+ &:is(:where(.mui-ad936fcbed63)[data-disabled="true"] *) {
681
+ pointer-events: none;
682
+ }
683
+ }
684
+ .mui-272ef88d6a0c:where([data-mendy-ui], [data-mendy-ui] *) {
685
+ &:is(:where(.mui-ad936fcbed63)[data-disabled="true"] *) {
686
+ opacity: 50%;
687
+ }
688
+ }
689
+ .mui-60052b901494:where([data-mendy-ui], [data-mendy-ui] *) {
690
+ &:is(:where(.mui-d9c5891363f9)[data-focused="true"] *) {
691
+ position: relative;
692
+ }
693
+ }
694
+ .mui-3f96bf138f7b:where([data-mendy-ui], [data-mendy-ui] *) {
695
+ &:is(:where(.mui-d9c5891363f9)[data-focused="true"] *) {
696
+ z-index: 10;
697
+ }
698
+ }
699
+ .mui-d39eb62b8363:where([data-mendy-ui], [data-mendy-ui] *) {
700
+ &:is(:where(.mui-d9c5891363f9)[data-focused="true"] *) {
701
+ border-color: var(--ring, #737373);
702
+ }
703
+ }
704
+ .mui-47cbd20a4dc0:where([data-mendy-ui], [data-mendy-ui] *) {
705
+ &:is(:where(.mui-d9c5891363f9)[data-focused="true"] *) {
706
+ --mendy-tw-ring-shadow: var(--mendy-tw-ring-inset,) 0 0 0 calc(3px + var(--mendy-tw-ring-offset-width)) var(--mendy-tw-ring-color, currentcolor);
707
+ box-shadow: var(--mendy-tw-inset-shadow), var(--mendy-tw-inset-ring-shadow), var(--mendy-tw-ring-offset-shadow), var(--mendy-tw-ring-shadow), var(--mendy-tw-shadow);
708
+ }
709
+ }
710
+ .mui-4eb7d653ae35:where([data-mendy-ui], [data-mendy-ui] *) {
711
+ &:is(:where(.mui-d9c5891363f9)[data-focused="true"] *) {
712
+ --mendy-tw-ring-color: var(--ring, #737373);
713
+ @supports (color: color-mix(in lab, red, red)) {
714
+ --mendy-tw-ring-color: color-mix(in oklab, var(--ring, #737373) 50%, transparent);
715
+ }
716
+ }
717
+ }
718
+ .mui-f0ee83167878:where([data-mendy-ui], [data-mendy-ui] *) {
719
+ &:is(:where(.mui-2ffc1d06387e):disabled ~ *) {
720
+ cursor: not-allowed;
721
+ }
722
+ }
723
+ .mui-25d26df52a1d:where([data-mendy-ui], [data-mendy-ui] *) {
724
+ &:is(:where(.mui-2ffc1d06387e):disabled ~ *) {
725
+ opacity: 50%;
726
+ }
727
+ }
728
+ .mui-32713fefe32f:where([data-mendy-ui], [data-mendy-ui] *) {
729
+ &::file-selector-button {
730
+ border-style: var(--mendy-tw-border-style);
731
+ border-width: 0px;
732
+ }
733
+ }
734
+ .mui-25a74d576c42:where([data-mendy-ui], [data-mendy-ui] *) {
735
+ &::file-selector-button {
736
+ background-color: transparent;
737
+ }
738
+ }
739
+ .mui-844abccf1fd0:where([data-mendy-ui], [data-mendy-ui] *) {
740
+ &::file-selector-button {
741
+ font-size: var(--text-sm);
742
+ line-height: var(--mendy-tw-leading, var(--text-sm--line-height));
743
+ }
744
+ }
745
+ .mui-dc43de54f42a:where([data-mendy-ui], [data-mendy-ui] *) {
746
+ &::file-selector-button {
747
+ --mendy-tw-font-weight: var(--font-weight-medium);
748
+ font-weight: var(--font-weight-medium);
749
+ }
750
+ }
751
+ .mui-20315da78444:where([data-mendy-ui], [data-mendy-ui] *) {
752
+ &::placeholder {
753
+ color: var(--muted-foreground, #737373);
754
+ }
755
+ }
756
+ .mui-4fa4c190281c:where([data-mendy-ui], [data-mendy-ui] *) {
757
+ &:first-child {
758
+ border-top-style: var(--mendy-tw-border-style);
759
+ border-top-width: 0px;
760
+ }
761
+ }
762
+ .mui-37ad15a95595:where([data-mendy-ui], [data-mendy-ui] *) {
763
+ &:hover {
764
+ @media (hover: hover) {
765
+ background-color: var(--accent, #f5f5f5);
766
+ }
767
+ }
768
+ }
769
+ .mui-bb6a4b3e902d:where([data-mendy-ui], [data-mendy-ui] *) {
770
+ &:hover {
771
+ @media (hover: hover) {
772
+ background-color: var(--destructive, #dc2626);
773
+ @supports (color: color-mix(in lab, red, red)) {
774
+ background-color: color-mix(in oklab, var(--destructive, #dc2626) 90%, transparent);
775
+ }
776
+ }
777
+ }
778
+ }
779
+ .mui-af9ea085901b:where([data-mendy-ui], [data-mendy-ui] *) {
780
+ &:hover {
781
+ @media (hover: hover) {
782
+ background-color: var(--primary, #171717);
783
+ @supports (color: color-mix(in lab, red, red)) {
784
+ background-color: color-mix(in oklab, var(--primary, #171717) 90%, transparent);
785
+ }
786
+ }
787
+ }
788
+ }
789
+ .mui-099700a5a311:where([data-mendy-ui], [data-mendy-ui] *) {
790
+ &:hover {
791
+ @media (hover: hover) {
792
+ background-color: var(--secondary, #f5f5f5);
793
+ @supports (color: color-mix(in lab, red, red)) {
794
+ background-color: color-mix(in oklab, var(--secondary, #f5f5f5) 80%, transparent);
795
+ }
796
+ }
797
+ }
798
+ }
799
+ .mui-71863717995b:where([data-mendy-ui], [data-mendy-ui] *) {
800
+ &:hover {
801
+ @media (hover: hover) {
802
+ background-color: transparent;
803
+ }
804
+ }
805
+ }
806
+ .mui-9f1f77b92dcb:where([data-mendy-ui], [data-mendy-ui] *) {
807
+ &:hover {
808
+ @media (hover: hover) {
809
+ color: var(--accent-foreground, #171717);
810
+ }
811
+ }
812
+ }
813
+ .mui-4d6720d47806:where([data-mendy-ui], [data-mendy-ui] *) {
814
+ &:hover {
815
+ @media (hover: hover) {
816
+ color: var(--foreground, #0a0a0a);
817
+ }
818
+ }
819
+ }
820
+ .mui-b56720602554:where([data-mendy-ui], [data-mendy-ui] *) {
821
+ &:hover {
822
+ @media (hover: hover) {
823
+ text-decoration-line: underline;
824
+ }
825
+ }
826
+ }
827
+ .mui-8da02faac748:where([data-mendy-ui], [data-mendy-ui] *) {
828
+ &:hover {
829
+ @media (hover: hover) {
830
+ opacity: 100%;
831
+ }
832
+ }
833
+ }
834
+ .mui-a8c1861c5d03:where([data-mendy-ui], [data-mendy-ui] *) {
835
+ &:focus {
836
+ background-color: var(--accent, #f5f5f5);
837
+ }
838
+ }
839
+ .mui-a85c4c5d7465:where([data-mendy-ui], [data-mendy-ui] *) {
840
+ &:focus {
841
+ color: var(--accent-foreground, #171717);
842
+ }
843
+ }
844
+ .mui-b906a32b31ee:where([data-mendy-ui], [data-mendy-ui] *) {
845
+ &:focus-visible {
846
+ border-color: var(--ring, #737373);
847
+ }
848
+ }
849
+ .mui-39be5a15b766:where([data-mendy-ui], [data-mendy-ui] *) {
850
+ &:focus-visible {
851
+ --mendy-tw-ring-shadow: var(--mendy-tw-ring-inset,) 0 0 0 calc(1px + var(--mendy-tw-ring-offset-width)) var(--mendy-tw-ring-color, currentcolor);
852
+ box-shadow: var(--mendy-tw-inset-shadow), var(--mendy-tw-inset-ring-shadow), var(--mendy-tw-ring-offset-shadow), var(--mendy-tw-ring-shadow), var(--mendy-tw-shadow);
853
+ }
854
+ }
855
+ .mui-355efe22aedb:where([data-mendy-ui], [data-mendy-ui] *) {
856
+ &:focus-visible {
857
+ --mendy-tw-ring-shadow: var(--mendy-tw-ring-inset,) 0 0 0 calc(2px + var(--mendy-tw-ring-offset-width)) var(--mendy-tw-ring-color, currentcolor);
858
+ box-shadow: var(--mendy-tw-inset-shadow), var(--mendy-tw-inset-ring-shadow), var(--mendy-tw-ring-offset-shadow), var(--mendy-tw-ring-shadow), var(--mendy-tw-shadow);
859
+ }
860
+ }
861
+ .mui-365a4654f7b1:where([data-mendy-ui], [data-mendy-ui] *) {
862
+ &:focus-visible {
863
+ --mendy-tw-ring-shadow: var(--mendy-tw-ring-inset,) 0 0 0 calc(3px + var(--mendy-tw-ring-offset-width)) var(--mendy-tw-ring-color, currentcolor);
864
+ box-shadow: var(--mendy-tw-inset-shadow), var(--mendy-tw-inset-ring-shadow), var(--mendy-tw-ring-offset-shadow), var(--mendy-tw-ring-shadow), var(--mendy-tw-shadow);
865
+ }
866
+ }
867
+ .mui-db549d38ff19:where([data-mendy-ui], [data-mendy-ui] *) {
868
+ &:focus-visible {
869
+ --mendy-tw-ring-color: var(--ring, #737373);
870
+ }
871
+ }
872
+ .mui-392a26f4c1b0:where([data-mendy-ui], [data-mendy-ui] *) {
873
+ &:focus-visible {
874
+ --mendy-tw-ring-color: var(--ring, #737373);
875
+ @supports (color: color-mix(in lab, red, red)) {
876
+ --mendy-tw-ring-color: color-mix(in oklab, var(--ring, #737373) 50%, transparent);
877
+ }
878
+ }
879
+ }
880
+ .mui-2e357972fc10:where([data-mendy-ui], [data-mendy-ui] *) {
881
+ &:focus-visible {
882
+ --mendy-tw-outline-style: none;
883
+ outline-style: none;
884
+ }
885
+ }
886
+ .mui-50aafa8694bb:where([data-mendy-ui], [data-mendy-ui] *) {
887
+ &:focus-visible {
888
+ --mendy-tw-ring-inset: inset;
889
+ }
890
+ }
891
+ .mui-8d3c1014b967:where([data-mendy-ui], [data-mendy-ui] *) {
892
+ &:disabled {
893
+ pointer-events: none;
894
+ }
895
+ }
896
+ .mui-db567af109b7:where([data-mendy-ui], [data-mendy-ui] *) {
897
+ &:disabled {
898
+ cursor: not-allowed;
899
+ }
900
+ }
901
+ .mui-4600b77303d6:where([data-mendy-ui], [data-mendy-ui] *) {
902
+ &:disabled {
903
+ opacity: 50%;
904
+ }
905
+ }
906
+ .mui-7eb7501a2ef0:where([data-mendy-ui], [data-mendy-ui] *) {
907
+ &:has(*:focus) {
908
+ border-color: var(--ring, #737373);
909
+ }
910
+ }
911
+ .mui-d0449753ba7b:where([data-mendy-ui], [data-mendy-ui] *) {
912
+ &:has(*:focus) {
913
+ --mendy-tw-ring-shadow: var(--mendy-tw-ring-inset,) 0 0 0 calc(3px + var(--mendy-tw-ring-offset-width)) var(--mendy-tw-ring-color, currentcolor);
914
+ box-shadow: var(--mendy-tw-inset-shadow), var(--mendy-tw-inset-ring-shadow), var(--mendy-tw-ring-offset-shadow), var(--mendy-tw-ring-shadow), var(--mendy-tw-shadow);
915
+ }
916
+ }
917
+ .mui-fc19c8471f34:where([data-mendy-ui], [data-mendy-ui] *) {
918
+ &:has(*:focus) {
919
+ --mendy-tw-ring-color: var(--ring, #737373);
920
+ @supports (color: color-mix(in lab, red, red)) {
921
+ --mendy-tw-ring-color: color-mix(in oklab, var(--ring, #737373) 50%, transparent);
922
+ }
923
+ }
924
+ }
925
+ .mui-e288cffc2ef4:where([data-mendy-ui], [data-mendy-ui] *) {
926
+ &:has(>svg) {
927
+ padding-inline: calc(var(--spacing) * 1.5);
928
+ }
929
+ }
930
+ .mui-3b01ee05b16d:where([data-mendy-ui], [data-mendy-ui] *) {
931
+ &:has(>svg) {
932
+ padding-inline: calc(var(--spacing) * 2.5);
933
+ }
934
+ }
935
+ .mui-9e08353b774f:where([data-mendy-ui], [data-mendy-ui] *) {
936
+ &:has(>svg) {
937
+ padding-inline: calc(var(--spacing) * 3);
938
+ }
939
+ }
940
+ .mui-2c0115d1c32a:where([data-mendy-ui], [data-mendy-ui] *) {
941
+ &[aria-disabled="true"] {
942
+ opacity: 50%;
943
+ }
944
+ }
945
+ .mui-1fac1d7d1df3:where([data-mendy-ui], [data-mendy-ui] *) {
946
+ &[aria-invalid="true"] {
947
+ border-color: var(--destructive, #dc2626);
948
+ }
949
+ }
950
+ .mui-2d91b4cbc3cb:where([data-mendy-ui], [data-mendy-ui] *) {
951
+ &[aria-invalid="true"] {
952
+ --mendy-tw-ring-color: var(--destructive, #dc2626);
953
+ }
954
+ }
955
+ .mui-5491fd0b4dc5:where([data-mendy-ui], [data-mendy-ui] *) {
956
+ &[aria-invalid="true"] {
957
+ --mendy-tw-ring-color: var(--destructive, #dc2626);
958
+ @supports (color: color-mix(in lab, red, red)) {
959
+ --mendy-tw-ring-color: color-mix(in oklab, var(--destructive, #dc2626) 20%, transparent);
960
+ }
961
+ }
962
+ }
963
+ .mui-7d900a71e5ba:where([data-mendy-ui], [data-mendy-ui] *) {
964
+ &[aria-selected="true"] {
965
+ color: var(--muted-foreground, #737373);
966
+ }
967
+ }
968
+ .mui-397f5ba426a0:where([data-mendy-ui], [data-mendy-ui] *) {
969
+ &[data-disabled] {
970
+ pointer-events: none;
971
+ }
972
+ }
973
+ .mui-9beb654fcb0d:where([data-mendy-ui], [data-mendy-ui] *) {
974
+ &[data-disabled] {
975
+ opacity: 50%;
976
+ }
977
+ }
978
+ .mui-6fa6a8ade7c4:where([data-mendy-ui], [data-mendy-ui] *) {
979
+ &[data-inset] {
980
+ padding-left: calc(var(--spacing) * 8);
981
+ }
982
+ }
983
+ .mui-96308b55e0d6:where([data-mendy-ui], [data-mendy-ui] *) {
984
+ &[data-range-end="true"] {
985
+ border-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
986
+ }
987
+ }
988
+ .mui-a55dbe6f3eec:where([data-mendy-ui], [data-mendy-ui] *) {
989
+ &[data-range-end="true"] {
990
+ border-top-right-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
991
+ border-bottom-right-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
992
+ }
993
+ }
994
+ .mui-714051e55e8e:where([data-mendy-ui], [data-mendy-ui] *) {
995
+ &[data-range-end="true"] {
996
+ background-color: var(--primary, #171717);
997
+ }
998
+ }
999
+ .mui-c764cebcd540:where([data-mendy-ui], [data-mendy-ui] *) {
1000
+ &[data-range-end="true"] {
1001
+ color: var(--primary-foreground, #fafafa);
1002
+ }
1003
+ }
1004
+ .mui-05ec0700cd48:where([data-mendy-ui], [data-mendy-ui] *) {
1005
+ &[data-range-middle="true"] {
1006
+ border-radius: 0;
1007
+ }
1008
+ }
1009
+ .mui-5fb598fb06f4:where([data-mendy-ui], [data-mendy-ui] *) {
1010
+ &[data-range-middle="true"] {
1011
+ background-color: var(--accent, #f5f5f5);
1012
+ }
1013
+ }
1014
+ .mui-0813905aa141:where([data-mendy-ui], [data-mendy-ui] *) {
1015
+ &[data-range-middle="true"] {
1016
+ color: var(--accent-foreground, #171717);
1017
+ }
1018
+ }
1019
+ .mui-8020e31bff67:where([data-mendy-ui], [data-mendy-ui] *) {
1020
+ &[data-range-start="true"] {
1021
+ border-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
1022
+ }
1023
+ }
1024
+ .mui-ab65911baf1d:where([data-mendy-ui], [data-mendy-ui] *) {
1025
+ &[data-range-start="true"] {
1026
+ border-top-left-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
1027
+ border-bottom-left-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
1028
+ }
1029
+ }
1030
+ .mui-f5460d79341c:where([data-mendy-ui], [data-mendy-ui] *) {
1031
+ &[data-range-start="true"] {
1032
+ background-color: var(--primary, #171717);
1033
+ }
1034
+ }
1035
+ .mui-421a7d3e6631:where([data-mendy-ui], [data-mendy-ui] *) {
1036
+ &[data-range-start="true"] {
1037
+ color: var(--primary-foreground, #fafafa);
1038
+ }
1039
+ }
1040
+ .mui-a39af81d518c:where([data-mendy-ui], [data-mendy-ui] *) {
1041
+ &[data-selected-single="true"] {
1042
+ background-color: var(--primary, #171717);
1043
+ }
1044
+ }
1045
+ .mui-b6991ab170de:where([data-mendy-ui], [data-mendy-ui] *) {
1046
+ &[data-selected-single="true"] {
1047
+ color: var(--primary-foreground, #fafafa);
1048
+ }
1049
+ }
1050
+ .mui-3cc0d07ef843:where([data-mendy-ui], [data-mendy-ui] *) {
1051
+ &[data-selected="true"] {
1052
+ border-radius: 0;
1053
+ }
1054
+ }
1055
+ .mui-89f6aab7a3f8:where([data-mendy-ui], [data-mendy-ui] *) {
1056
+ &[data-side="bottom"] {
1057
+ --mendy-tw-enter-translate-y: calc(2*var(--spacing)*-1);
1058
+ }
1059
+ }
1060
+ .mui-3550f48d66b9:where([data-mendy-ui], [data-mendy-ui] *) {
1061
+ &[data-side="left"] {
1062
+ --mendy-tw-enter-translate-x: calc(2*var(--spacing));
1063
+ }
1064
+ }
1065
+ .mui-7720fe004f5c:where([data-mendy-ui], [data-mendy-ui] *) {
1066
+ &[data-side="right"] {
1067
+ --mendy-tw-enter-translate-x: calc(2*var(--spacing)*-1);
1068
+ }
1069
+ }
1070
+ .mui-66b560f839de:where([data-mendy-ui], [data-mendy-ui] *) {
1071
+ &[data-side="top"] {
1072
+ --mendy-tw-enter-translate-y: calc(2*var(--spacing));
1073
+ }
1074
+ }
1075
+ .mui-20553d55d224:where([data-mendy-ui], [data-mendy-ui] *) {
1076
+ &[data-state="checked"] {
1077
+ border-color: var(--primary, #171717);
1078
+ }
1079
+ }
1080
+ .mui-57d6d6401a2f:where([data-mendy-ui], [data-mendy-ui] *) {
1081
+ &[data-state="checked"] {
1082
+ background-color: var(--primary, #171717);
1083
+ }
1084
+ }
1085
+ .mui-7ca12016214f:where([data-mendy-ui], [data-mendy-ui] *) {
1086
+ &[data-state="checked"] {
1087
+ color: var(--primary-foreground, #fafafa);
1088
+ }
1089
+ }
1090
+ .mui-37d8a3f448ff:where([data-mendy-ui], [data-mendy-ui] *) {
1091
+ &[data-state="closed"] {
1092
+ animation: none !important;
1093
+ }
1094
+ }
1095
+ .mui-0cb4489c3645:where([data-mendy-ui], [data-mendy-ui] *) {
1096
+ &[data-state="closed"] {
1097
+ animation: mendy-exit var(--mendy-tw-animation-duration,var(--mendy-tw-duration,.15s))var(--mendy-tw-ease,ease)var(--mendy-tw-animation-delay,0s)var(--mendy-tw-animation-iteration-count,1)var(--mendy-tw-animation-direction,normal)var(--mendy-tw-animation-fill-mode,none);
1098
+ }
1099
+ }
1100
+ .mui-bb5869ef903b:where([data-mendy-ui], [data-mendy-ui] *) {
1101
+ &[data-state="closed"] {
1102
+ --mendy-tw-exit-opacity: calc(0/100);
1103
+ --mendy-tw-exit-opacity: 0;
1104
+ }
1105
+ }
1106
+ .mui-f4cf4be63707:where([data-mendy-ui], [data-mendy-ui] *) {
1107
+ &[data-state="closed"] {
1108
+ --mendy-tw-exit-scale: calc(95*1%);
1109
+ --mendy-tw-exit-scale: .95;
1110
+ }
1111
+ }
1112
+ .mui-bae1e782f277:where([data-mendy-ui], [data-mendy-ui] *) {
1113
+ &[data-state="open"] {
1114
+ animation: mendy-enter var(--mendy-tw-animation-duration,var(--mendy-tw-duration,.15s))var(--mendy-tw-ease,ease)var(--mendy-tw-animation-delay,0s)var(--mendy-tw-animation-iteration-count,1)var(--mendy-tw-animation-direction,normal)var(--mendy-tw-animation-fill-mode,none);
1115
+ }
1116
+ }
1117
+ .mui-4027d9c589b6:where([data-mendy-ui], [data-mendy-ui] *) {
1118
+ &[data-state="open"] {
1119
+ background-color: var(--accent, #f5f5f5);
1120
+ }
1121
+ }
1122
+ .mui-1952cd5b00aa:where([data-mendy-ui], [data-mendy-ui] *) {
1123
+ &[data-state="open"] {
1124
+ color: var(--accent-foreground, #171717);
1125
+ }
1126
+ }
1127
+ .mui-6f73a280432e:where([data-mendy-ui], [data-mendy-ui] *) {
1128
+ &[data-state="open"] {
1129
+ color: var(--foreground, #0a0a0a);
1130
+ }
1131
+ }
1132
+ .mui-790ed041a953:where([data-mendy-ui], [data-mendy-ui] *) {
1133
+ &[data-state="open"] {
1134
+ opacity: 100%;
1135
+ }
1136
+ }
1137
+ .mui-45464a92c1f6:where([data-mendy-ui], [data-mendy-ui] *) {
1138
+ &[data-state="open"] {
1139
+ --mendy-tw-enter-opacity: calc(0/100);
1140
+ --mendy-tw-enter-opacity: 0;
1141
+ }
1142
+ }
1143
+ .mui-9ca352480f25:where([data-mendy-ui], [data-mendy-ui] *) {
1144
+ &[data-state="open"] {
1145
+ --mendy-tw-enter-scale: calc(95*1%);
1146
+ --mendy-tw-enter-scale: .95;
1147
+ }
1148
+ }
1149
+ .mui-f3f7a9c5e1b3:where([data-mendy-ui], [data-mendy-ui] *) {
1150
+ &[data-variant="destructive"] {
1151
+ color: var(--destructive, #dc2626);
1152
+ }
1153
+ }
1154
+ .mui-e2bb4ac97190:where([data-mendy-ui], [data-mendy-ui] *) {
1155
+ &[data-variant="destructive"] {
1156
+ &:focus {
1157
+ background-color: var(--destructive, #dc2626);
1158
+ @supports (color: color-mix(in lab, red, red)) {
1159
+ background-color: color-mix(in oklab, var(--destructive, #dc2626) 10%, transparent);
1160
+ }
1161
+ }
1162
+ }
1163
+ }
1164
+ .mui-353a727facfd:where([data-mendy-ui], [data-mendy-ui] *) {
1165
+ &[data-variant="destructive"] {
1166
+ &:focus {
1167
+ color: var(--destructive, #dc2626);
1168
+ }
1169
+ }
1170
+ }
1171
+ .mui-5e49f8678d00:where([data-mendy-ui], [data-mendy-ui] *) {
1172
+ @media (prefers-reduced-motion: no-preference) {
1173
+ animation: mendy-enter var(--mendy-tw-animation-duration,var(--mendy-tw-duration,.15s))var(--mendy-tw-ease,ease)var(--mendy-tw-animation-delay,0s)var(--mendy-tw-animation-iteration-count,1)var(--mendy-tw-animation-direction,normal)var(--mendy-tw-animation-fill-mode,none);
1174
+ }
1175
+ }
1176
+ .mui-b225f0361d28:where([data-mendy-ui], [data-mendy-ui] *) {
1177
+ @media (prefers-reduced-motion: no-preference) {
1178
+ --mendy-tw-duration: 200ms;
1179
+ transition-duration: 200ms;
1180
+ }
1181
+ }
1182
+ .mui-3bc474178684:where([data-mendy-ui], [data-mendy-ui] *) {
1183
+ @media (prefers-reduced-motion: no-preference) {
1184
+ --mendy-tw-enter-opacity: calc(0/100);
1185
+ --mendy-tw-enter-opacity: 0;
1186
+ }
1187
+ }
1188
+ .mui-bc94a66158a3:where([data-mendy-ui], [data-mendy-ui] *) {
1189
+ @media (prefers-reduced-motion: no-preference) {
1190
+ animation-fill-mode: backwards;
1191
+ --mendy-tw-animation-fill-mode: backwards;
1192
+ }
1193
+ }
1194
+ .mui-237747164b60:where([data-mendy-ui], [data-mendy-ui] *) {
1195
+ @media (prefers-reduced-motion: reduce) {
1196
+ animation: none;
1197
+ }
1198
+ }
1199
+ .mui-8c14b4d2e932:where([data-mendy-ui], [data-mendy-ui] *) {
1200
+ @media (width >= 40rem) {
1201
+ width: 350px;
1202
+ }
1203
+ }
1204
+ .mui-56760b222da0:where([data-mendy-ui], [data-mendy-ui] *) {
1205
+ @media (width >= 48rem) {
1206
+ flex-direction: row;
1207
+ }
1208
+ }
1209
+ .mui-c05c9b99939d:where([data-mendy-ui], [data-mendy-ui] *) {
1210
+ @media (width >= 48rem) {
1211
+ font-size: var(--text-sm);
1212
+ line-height: var(--mendy-tw-leading, var(--text-sm--line-height));
1213
+ }
1214
+ }
1215
+ .mui-36b12e8339c7:where([data-mendy-ui], [data-mendy-ui] *) {
1216
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
1217
+ rotate: 180deg;
1218
+ }
1219
+ }
1220
+ .mui-9daa2369a41b:where([data-mendy-ui], [data-mendy-ui] *) {
1221
+ &:is(.dark *) {
1222
+ background-color: var(--input, #e5e5e5);
1223
+ @supports (color: color-mix(in lab, red, red)) {
1224
+ background-color: color-mix(in oklab, var(--input, #e5e5e5) 30%, transparent);
1225
+ }
1226
+ }
1227
+ }
1228
+ .mui-b2786f463a62:where([data-mendy-ui], [data-mendy-ui] *) {
1229
+ &:is(.dark *) {
1230
+ &:hover {
1231
+ @media (hover: hover) {
1232
+ color: var(--accent-foreground, #171717);
1233
+ }
1234
+ }
1235
+ }
1236
+ }
1237
+ .mui-c88f65aa011e:where([data-mendy-ui], [data-mendy-ui] *) {
1238
+ &:is(.dark *) {
1239
+ &[aria-invalid="true"] {
1240
+ --mendy-tw-ring-color: var(--destructive, #dc2626);
1241
+ @supports (color: color-mix(in lab, red, red)) {
1242
+ --mendy-tw-ring-color: color-mix(in oklab, var(--destructive, #dc2626) 40%, transparent);
1243
+ }
1244
+ }
1245
+ }
1246
+ }
1247
+ .mui-bd73d819941e:where([data-mendy-ui], [data-mendy-ui] *) {
1248
+ &:is(.dark *) {
1249
+ &[data-state="checked"] {
1250
+ background-color: var(--primary, #171717);
1251
+ }
1252
+ }
1253
+ }
1254
+ .mui-98a28c2293f7:where([data-mendy-ui], [data-mendy-ui] *) {
1255
+ &:is(.dark *) {
1256
+ &[data-variant="destructive"] {
1257
+ &:focus {
1258
+ background-color: var(--destructive, #dc2626);
1259
+ @supports (color: color-mix(in lab, red, red)) {
1260
+ background-color: color-mix(in oklab, var(--destructive, #dc2626) 20%, transparent);
1261
+ }
1262
+ }
1263
+ }
1264
+ }
1265
+ }
1266
+ .mui-548a450e8e53:where([data-mendy-ui], [data-mendy-ui] *) {
1267
+ & * {
1268
+ transition-property: none !important;
1269
+ }
1270
+ }
1271
+ .mui-a1c8c43d9be2:where([data-mendy-ui], [data-mendy-ui] *) {
1272
+ & [role^=menuitem] {
1273
+ min-height: calc(var(--spacing) * 9);
1274
+ }
1275
+ }
1276
+ .mui-bcae9d37090c:where([data-mendy-ui], [data-mendy-ui] *) {
1277
+ & svg {
1278
+ pointer-events: none;
1279
+ }
1280
+ }
1281
+ .mui-c77732bd3ab4:where([data-mendy-ui], [data-mendy-ui] *) {
1282
+ & svg {
1283
+ width: calc(var(--spacing) * 3.5);
1284
+ height: calc(var(--spacing) * 3.5);
1285
+ }
1286
+ }
1287
+ .mui-040e748a3fa0:where([data-mendy-ui], [data-mendy-ui] *) {
1288
+ & svg {
1289
+ flex-shrink: 0;
1290
+ }
1291
+ }
1292
+ .mui-be87a4a64d81:where([data-mendy-ui], [data-mendy-ui] *) {
1293
+ & svg:not([class*='size-']) {
1294
+ width: calc(var(--spacing) * 3);
1295
+ height: calc(var(--spacing) * 3);
1296
+ }
1297
+ }
1298
+ .mui-eb5ef2dbc2d4:where([data-mendy-ui], [data-mendy-ui] *) {
1299
+ & svg:not([class*='size-']) {
1300
+ width: calc(var(--spacing) * 4);
1301
+ height: calc(var(--spacing) * 4);
1302
+ }
1303
+ }
1304
+ .mui-8637dfd54fbb:where([data-mendy-ui], [data-mendy-ui] *) {
1305
+ & svg:not([class*='text-']) {
1306
+ color: var(--muted-foreground, #737373);
1307
+ }
1308
+ }
1309
+ .mui-4f05a238500e:where([data-mendy-ui], [data-mendy-ui] *) {
1310
+ &::-webkit-search-cancel-button {
1311
+ appearance: none;
1312
+ }
1313
+ }
1314
+ .mui-74ab31abd804:where([data-mendy-ui], [data-mendy-ui] *) {
1315
+ &:first-child[data-selected=true] button {
1316
+ border-top-left-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
1317
+ border-bottom-left-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
1318
+ }
1319
+ }
1320
+ .mui-13858191ca50:where([data-mendy-ui], [data-mendy-ui] *) {
1321
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
1322
+ :is(& *) {
1323
+ &:is(.rdp-button_next>svg) {
1324
+ rotate: 180deg;
1325
+ }
1326
+ }
1327
+ }
1328
+ }
1329
+ .mui-a324a7f99932:where([data-mendy-ui], [data-mendy-ui] *) {
1330
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
1331
+ :is(& *) {
1332
+ &:is(.rdp-button_previous>svg) {
1333
+ rotate: 180deg;
1334
+ }
1335
+ }
1336
+ }
1337
+ }
1338
+ .mui-82b114bbff3d:where([data-mendy-ui], [data-mendy-ui] *) {
1339
+ &[data-variant="destructive"] {
1340
+ :is(& > *) {
1341
+ &:is(svg) {
1342
+ color: var(--destructive, #dc2626) !important;
1343
+ }
1344
+ }
1345
+ }
1346
+ }
1347
+ .mui-6ee0c74de40c:where([data-mendy-ui], [data-mendy-ui] *) {
1348
+ &:last-child[data-selected=true] button {
1349
+ border-top-right-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
1350
+ border-bottom-right-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
1351
+ }
1352
+ }
1353
+ .mui-6162ab70efb5:where([data-mendy-ui], [data-mendy-ui] *) {
1354
+ &:nth-child(2)[data-selected=true] button {
1355
+ border-top-left-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
1356
+ border-bottom-left-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
1357
+ }
1358
+ }
1359
+ .mui-f157ee6bae99:where([data-mendy-ui], [data-mendy-ui] *) {
1360
+ &>div {
1361
+ width: 100%;
1362
+ }
1363
+ }
1364
+ .mui-ba417cf466b0:where([data-mendy-ui], [data-mendy-ui] *) {
1365
+ &>span {
1366
+ font-size: var(--text-xs);
1367
+ line-height: var(--mendy-tw-leading, var(--text-xs--line-height));
1368
+ }
1369
+ }
1370
+ .mui-829c8ef4f9c5:where([data-mendy-ui], [data-mendy-ui] *) {
1371
+ &>span {
1372
+ opacity: 70%;
1373
+ }
1374
+ }
1375
+ .mui-eb740dd32318:where([data-mendy-ui], [data-mendy-ui] *) {
1376
+ &>svg {
1377
+ width: calc(var(--spacing) * 3.5);
1378
+ height: calc(var(--spacing) * 3.5);
1379
+ }
1380
+ }
1381
+ .mui-019fd73c95db:where([data-mendy-ui], [data-mendy-ui] *) {
1382
+ &>svg {
1383
+ color: var(--muted-foreground, #737373);
1384
+ }
1385
+ }
1386
+ .mui-b8293c91796c:where([data-mendy-ui], [data-mendy-ui] *) {
1387
+ [data-slot=card-content] & {
1388
+ background-color: transparent;
1389
+ }
1390
+ }
1391
+ .mui-8dd7e6b42262:where([data-mendy-ui], [data-mendy-ui] *) {
1392
+ [data-slot=popover-content] & {
1393
+ background-color: transparent;
1394
+ }
1395
+ }
1396
+ }
1397
+ @property --mendy-tw-animation-delay {
1398
+ syntax: "*";
1399
+ inherits: false;
1400
+ initial-value: 0s;
1401
+ }
1402
+ @property --mendy-tw-animation-direction {
1403
+ syntax: "*";
1404
+ inherits: false;
1405
+ initial-value: normal;
1406
+ }
1407
+ @property --mendy-tw-animation-duration {
1408
+ syntax: "*";
1409
+ inherits: false;
1410
+ }
1411
+ @property --mendy-tw-animation-fill-mode {
1412
+ syntax: "*";
1413
+ inherits: false;
1414
+ initial-value: none;
1415
+ }
1416
+ @property --mendy-tw-animation-iteration-count {
1417
+ syntax: "*";
1418
+ inherits: false;
1419
+ initial-value: 1;
1420
+ }
1421
+ @property --mendy-tw-enter-blur {
1422
+ syntax: "*";
1423
+ inherits: false;
1424
+ initial-value: 0;
1425
+ }
1426
+ @property --mendy-tw-enter-opacity {
1427
+ syntax: "*";
1428
+ inherits: false;
1429
+ initial-value: 1;
1430
+ }
1431
+ @property --mendy-tw-enter-rotate {
1432
+ syntax: "*";
1433
+ inherits: false;
1434
+ initial-value: 0;
1435
+ }
1436
+ @property --mendy-tw-enter-scale {
1437
+ syntax: "*";
1438
+ inherits: false;
1439
+ initial-value: 1;
1440
+ }
1441
+ @property --mendy-tw-enter-translate-x {
1442
+ syntax: "*";
1443
+ inherits: false;
1444
+ initial-value: 0;
1445
+ }
1446
+ @property --mendy-tw-enter-translate-y {
1447
+ syntax: "*";
1448
+ inherits: false;
1449
+ initial-value: 0;
1450
+ }
1451
+ @property --mendy-tw-exit-blur {
1452
+ syntax: "*";
1453
+ inherits: false;
1454
+ initial-value: 0;
1455
+ }
1456
+ @property --mendy-tw-exit-opacity {
1457
+ syntax: "*";
1458
+ inherits: false;
1459
+ initial-value: 1;
1460
+ }
1461
+ @property --mendy-tw-exit-rotate {
1462
+ syntax: "*";
1463
+ inherits: false;
1464
+ initial-value: 0;
1465
+ }
1466
+ @property --mendy-tw-exit-scale {
1467
+ syntax: "*";
1468
+ inherits: false;
1469
+ initial-value: 1;
1470
+ }
1471
+ @property --mendy-tw-exit-translate-x {
1472
+ syntax: "*";
1473
+ inherits: false;
1474
+ initial-value: 0;
1475
+ }
1476
+ @property --mendy-tw-exit-translate-y {
1477
+ syntax: "*";
1478
+ inherits: false;
1479
+ initial-value: 0;
1480
+ }
1481
+ @layer components {
1482
+ *:where([data-mendy-ui], [data-mendy-ui] *),:where([data-mendy-ui], [data-mendy-ui] *)
1483
+ ::before,:where([data-mendy-ui], [data-mendy-ui] *)
1484
+ ::after {
1485
+ box-sizing: border-box;
1486
+ border: 0 solid var(--border, #e5e5e5);
1487
+ }
1488
+ button:where([data-mendy-ui], [data-mendy-ui] *),
1489
+ input:where([data-mendy-ui], [data-mendy-ui] *),
1490
+ textarea:where([data-mendy-ui], [data-mendy-ui] *),
1491
+ select:where([data-mendy-ui], [data-mendy-ui] *) {
1492
+ font: inherit;
1493
+ letter-spacing: inherit;
1494
+ color: inherit;
1495
+ background: transparent;
1496
+ padding: 0;
1497
+ }
1498
+ button:where([data-mendy-ui], [data-mendy-ui] *) {
1499
+ cursor: pointer;
1500
+ }
1501
+ button:disabled:where([data-mendy-ui], [data-mendy-ui] *) {
1502
+ cursor: default;
1503
+ }
1504
+ p:where([data-mendy-ui], [data-mendy-ui] *),
1505
+ h1:where([data-mendy-ui], [data-mendy-ui] *),
1506
+ h2:where([data-mendy-ui], [data-mendy-ui] *),
1507
+ h3:where([data-mendy-ui], [data-mendy-ui] *),
1508
+ h4:where([data-mendy-ui], [data-mendy-ui] *),
1509
+ h5:where([data-mendy-ui], [data-mendy-ui] *),
1510
+ h6:where([data-mendy-ui], [data-mendy-ui] *) {
1511
+ margin: 0;
1512
+ }
1513
+ svg:where([data-mendy-ui], [data-mendy-ui] *) {
1514
+ display: block;
1515
+ vertical-align: middle;
1516
+ }
1517
+ table:where([data-mendy-ui], [data-mendy-ui] *) {
1518
+ border-collapse: collapse;
1519
+ border-color: inherit;
1520
+ text-indent: 0;
1521
+ }
1522
+ :where([data-mendy-ui], [data-mendy-ui] *)::placeholder {
1523
+ opacity: 1;
1524
+ color: currentColor;
1525
+ @supports (color: color-mix(in lab, red, red)) {
1526
+ color: color-mix(in oklab, currentColor 50%, transparent);
1527
+ }
1528
+ }
1529
+ [hidden]:not([hidden="until-found"]):where([data-mendy-ui], [data-mendy-ui] *) {
1530
+ display: none !important;
1531
+ }
1532
+ }
1533
+ @property --mendy-tw-translate-x {
1534
+ syntax: "*";
1535
+ inherits: false;
1536
+ initial-value: 0;
1537
+ }
1538
+ @property --mendy-tw-translate-y {
1539
+ syntax: "*";
1540
+ inherits: false;
1541
+ initial-value: 0;
1542
+ }
1543
+ @property --mendy-tw-translate-z {
1544
+ syntax: "*";
1545
+ inherits: false;
1546
+ initial-value: 0;
1547
+ }
1548
+ @property --mendy-tw-space-y-reverse {
1549
+ syntax: "*";
1550
+ inherits: false;
1551
+ initial-value: 0;
1552
+ }
1553
+ @property --mendy-tw-border-style {
1554
+ syntax: "*";
1555
+ inherits: false;
1556
+ initial-value: solid;
1557
+ }
1558
+ @property --mendy-tw-leading {
1559
+ syntax: "*";
1560
+ inherits: false;
1561
+ }
1562
+ @property --mendy-tw-font-weight {
1563
+ syntax: "*";
1564
+ inherits: false;
1565
+ }
1566
+ @property --mendy-tw-tracking {
1567
+ syntax: "*";
1568
+ inherits: false;
1569
+ }
1570
+ @property --mendy-tw-shadow {
1571
+ syntax: "*";
1572
+ inherits: false;
1573
+ initial-value: 0 0 #0000;
1574
+ }
1575
+ @property --mendy-tw-shadow-color {
1576
+ syntax: "*";
1577
+ inherits: false;
1578
+ }
1579
+ @property --mendy-tw-shadow-alpha {
1580
+ syntax: "<percentage>";
1581
+ inherits: false;
1582
+ initial-value: 100%;
1583
+ }
1584
+ @property --mendy-tw-inset-shadow {
1585
+ syntax: "*";
1586
+ inherits: false;
1587
+ initial-value: 0 0 #0000;
1588
+ }
1589
+ @property --mendy-tw-inset-shadow-color {
1590
+ syntax: "*";
1591
+ inherits: false;
1592
+ }
1593
+ @property --mendy-tw-inset-shadow-alpha {
1594
+ syntax: "<percentage>";
1595
+ inherits: false;
1596
+ initial-value: 100%;
1597
+ }
1598
+ @property --mendy-tw-ring-color {
1599
+ syntax: "*";
1600
+ inherits: false;
1601
+ }
1602
+ @property --mendy-tw-ring-shadow {
1603
+ syntax: "*";
1604
+ inherits: false;
1605
+ initial-value: 0 0 #0000;
1606
+ }
1607
+ @property --mendy-tw-inset-ring-color {
1608
+ syntax: "*";
1609
+ inherits: false;
1610
+ }
1611
+ @property --mendy-tw-inset-ring-shadow {
1612
+ syntax: "*";
1613
+ inherits: false;
1614
+ initial-value: 0 0 #0000;
1615
+ }
1616
+ @property --mendy-tw-ring-inset {
1617
+ syntax: "*";
1618
+ inherits: false;
1619
+ }
1620
+ @property --mendy-tw-ring-offset-width {
1621
+ syntax: "<length>";
1622
+ inherits: false;
1623
+ initial-value: 0px;
1624
+ }
1625
+ @property --mendy-tw-ring-offset-color {
1626
+ syntax: "*";
1627
+ inherits: false;
1628
+ initial-value: #fff;
1629
+ }
1630
+ @property --mendy-tw-ring-offset-shadow {
1631
+ syntax: "*";
1632
+ inherits: false;
1633
+ initial-value: 0 0 #0000;
1634
+ }
1635
+ @property --mendy-tw-outline-style {
1636
+ syntax: "*";
1637
+ inherits: false;
1638
+ initial-value: solid;
1639
+ }
1640
+ @property --mendy-tw-blur {
1641
+ syntax: "*";
1642
+ inherits: false;
1643
+ }
1644
+ @property --mendy-tw-brightness {
1645
+ syntax: "*";
1646
+ inherits: false;
1647
+ }
1648
+ @property --mendy-tw-contrast {
1649
+ syntax: "*";
1650
+ inherits: false;
1651
+ }
1652
+ @property --mendy-tw-grayscale {
1653
+ syntax: "*";
1654
+ inherits: false;
1655
+ }
1656
+ @property --mendy-tw-hue-rotate {
1657
+ syntax: "*";
1658
+ inherits: false;
1659
+ }
1660
+ @property --mendy-tw-invert {
1661
+ syntax: "*";
1662
+ inherits: false;
1663
+ }
1664
+ @property --mendy-tw-opacity {
1665
+ syntax: "*";
1666
+ inherits: false;
1667
+ }
1668
+ @property --mendy-tw-saturate {
1669
+ syntax: "*";
1670
+ inherits: false;
1671
+ }
1672
+ @property --mendy-tw-sepia {
1673
+ syntax: "*";
1674
+ inherits: false;
1675
+ }
1676
+ @property --mendy-tw-drop-shadow {
1677
+ syntax: "*";
1678
+ inherits: false;
1679
+ }
1680
+ @property --mendy-tw-drop-shadow-color {
1681
+ syntax: "*";
1682
+ inherits: false;
1683
+ }
1684
+ @property --mendy-tw-drop-shadow-alpha {
1685
+ syntax: "<percentage>";
1686
+ inherits: false;
1687
+ initial-value: 100%;
1688
+ }
1689
+ @property --mendy-tw-drop-shadow-size {
1690
+ syntax: "*";
1691
+ inherits: false;
1692
+ }
1693
+ @property --mendy-tw-duration {
1694
+ syntax: "*";
1695
+ inherits: false;
1696
+ }
1697
+ @keyframes mendy-pulse {
1698
+ 50% {
1699
+ opacity: 0.5;
1700
+ }
1701
+ }
1702
+ @keyframes mendy-enter {
1703
+ from {
1704
+ opacity: var(--mendy-tw-enter-opacity,1);
1705
+ transform: translate3d(var(--mendy-tw-enter-translate-x,0),var(--mendy-tw-enter-translate-y,0),0)scale3d(var(--mendy-tw-enter-scale,1),var(--mendy-tw-enter-scale,1),var(--mendy-tw-enter-scale,1))rotate(var(--mendy-tw-enter-rotate,0));
1706
+ filter: blur(var(--mendy-tw-enter-blur,0));
1707
+ }
1708
+ }
1709
+ @keyframes mendy-exit {
1710
+ to {
1711
+ opacity: var(--mendy-tw-exit-opacity,1);
1712
+ transform: translate3d(var(--mendy-tw-exit-translate-x,0),var(--mendy-tw-exit-translate-y,0),0)scale3d(var(--mendy-tw-exit-scale,1),var(--mendy-tw-exit-scale,1),var(--mendy-tw-exit-scale,1))rotate(var(--mendy-tw-exit-rotate,0));
1713
+ filter: blur(var(--mendy-tw-exit-blur,0));
1714
+ }
1715
+ }
1716
+ @layer properties {
1717
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1718
+ *:where([data-mendy-ui], [data-mendy-ui] *),:where([data-mendy-ui], [data-mendy-ui] *) ::before,:where([data-mendy-ui], [data-mendy-ui] *) ::after,:where([data-mendy-ui], [data-mendy-ui] *) ::backdrop {
1719
+ --mendy-tw-translate-x: 0;
1720
+ --mendy-tw-translate-y: 0;
1721
+ --mendy-tw-translate-z: 0;
1722
+ --mendy-tw-space-y-reverse: 0;
1723
+ --mendy-tw-border-style: solid;
1724
+ --mendy-tw-leading: initial;
1725
+ --mendy-tw-font-weight: initial;
1726
+ --mendy-tw-tracking: initial;
1727
+ --mendy-tw-shadow: 0 0 #0000;
1728
+ --mendy-tw-shadow-color: initial;
1729
+ --mendy-tw-shadow-alpha: 100%;
1730
+ --mendy-tw-inset-shadow: 0 0 #0000;
1731
+ --mendy-tw-inset-shadow-color: initial;
1732
+ --mendy-tw-inset-shadow-alpha: 100%;
1733
+ --mendy-tw-ring-color: initial;
1734
+ --mendy-tw-ring-shadow: 0 0 #0000;
1735
+ --mendy-tw-inset-ring-color: initial;
1736
+ --mendy-tw-inset-ring-shadow: 0 0 #0000;
1737
+ --mendy-tw-ring-inset: initial;
1738
+ --mendy-tw-ring-offset-width: 0px;
1739
+ --mendy-tw-ring-offset-color: #fff;
1740
+ --mendy-tw-ring-offset-shadow: 0 0 #0000;
1741
+ --mendy-tw-outline-style: solid;
1742
+ --mendy-tw-blur: initial;
1743
+ --mendy-tw-brightness: initial;
1744
+ --mendy-tw-contrast: initial;
1745
+ --mendy-tw-grayscale: initial;
1746
+ --mendy-tw-hue-rotate: initial;
1747
+ --mendy-tw-invert: initial;
1748
+ --mendy-tw-opacity: initial;
1749
+ --mendy-tw-saturate: initial;
1750
+ --mendy-tw-sepia: initial;
1751
+ --mendy-tw-drop-shadow: initial;
1752
+ --mendy-tw-drop-shadow-color: initial;
1753
+ --mendy-tw-drop-shadow-alpha: 100%;
1754
+ --mendy-tw-drop-shadow-size: initial;
1755
+ --mendy-tw-duration: initial;
1756
+ --mendy-tw-animation-delay: 0s;
1757
+ --mendy-tw-animation-direction: normal;
1758
+ --mendy-tw-animation-duration: initial;
1759
+ --mendy-tw-animation-fill-mode: none;
1760
+ --mendy-tw-animation-iteration-count: 1;
1761
+ --mendy-tw-enter-blur: 0;
1762
+ --mendy-tw-enter-opacity: 1;
1763
+ --mendy-tw-enter-rotate: 0;
1764
+ --mendy-tw-enter-scale: 1;
1765
+ --mendy-tw-enter-translate-x: 0;
1766
+ --mendy-tw-enter-translate-y: 0;
1767
+ --mendy-tw-exit-blur: 0;
1768
+ --mendy-tw-exit-opacity: 1;
1769
+ --mendy-tw-exit-rotate: 0;
1770
+ --mendy-tw-exit-scale: 1;
1771
+ --mendy-tw-exit-translate-x: 0;
1772
+ --mendy-tw-exit-translate-y: 0;
1773
+ }
1774
+ }
1775
+ }