@noya-app/noya-file-explorer 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,7 +1,186 @@
1
1
  /* ../noya-designsystem/dist/index.css */
2
- *,
3
- :after,
4
- :before {
2
+ :root {
3
+ --n-primary-900:#2d195f;
4
+ --n-primary-600:#6746ff;
5
+ --n-primary-500:#7742ff;
6
+ --n-primary-400:#9356ff;
7
+ --n-primary-300:#8656ff;
8
+ --n-primary-250:#ab89fb;
9
+ --n-primary-200:#bca0ff;
10
+ --n-primary-150:#e1dbff;
11
+ --n-primary-100:#eae6ff;
12
+ --n-indigo-950:#121a25;
13
+ --n-indigo-900:#1e283c;
14
+ --n-indigo-800:#263053;
15
+ --n-indigo-700:#374163;
16
+ --n-indigo-600:#4c567a;
17
+ --n-indigo-500:#6b7188;
18
+ --n-indigo-400:#757981;
19
+ --n-indigo-300:#8183a5;
20
+ --n-indigo-200:#9698ac;
21
+ --n-indigo-150:#e2e6ee;
22
+ --n-indigo-100:#f0f2f6;
23
+ --n-indigo-50:#f3f5f9;
24
+ --n-indigo-25:#fbfcfe;
25
+ --n-logo-fill:var(--n-indigo-200);
26
+ --n-logo-highlight:var(--n-indigo-200);
27
+ --n-background:#fff;
28
+ --n-text:var(--n-indigo-800);
29
+ --n-text-muted:var(--n-indigo-500);
30
+ --n-text-subtle:var(--n-indigo-400);
31
+ --n-text-disabled:var(--n-indigo-200);
32
+ --n-text-decorative-light:var(--n-indigo-100);
33
+ --n-divider-subtle:color-mix(in srgb,var(--n-indigo-900) 4%,transparent);
34
+ --n-divider:color-mix(in srgb,var(--n-indigo-900) 7%,transparent);
35
+ --n-divider-strong:color-mix(in srgb,var(--n-indigo-900) 9%,transparent);
36
+ --n-primary:var(--n-primary-600);
37
+ --n-primary-light:var(--n-primary-400);
38
+ --n-primary-pastel:var(--n-primary-100);
39
+ --n-secondary:#009775;
40
+ --n-secondary-light:#00a081;
41
+ --n-secondary-pastel:#cdeee7;
42
+ --n-secondary-bright:#0ab557;
43
+ --n-input-background-light:#f3f5f9;
44
+ --n-code-background:#fafafa;
45
+ --n-code-background-dark:var(--n-indigo-950);
46
+ --n-selected-background:#f2f5fa;
47
+ --n-breadcrumb-text:var(--n-indigo-500);
48
+ --n-breadcrumb-text-hover:var(--n-indigo-400);
49
+ --n-breadcrumb-icon:var(--n-indigo-300);
50
+ --n-canvas-background:var(--n-indigo-25);
51
+ --n-canvas-grid:rgba(0,0,0,.05);
52
+ --n-sidebar-background:#fff;
53
+ --n-popover-background:#fcfcfc;
54
+ --n-popover-divider:transparent;
55
+ --n-listview-raised-background:rgba(0,0,0,.03);
56
+ --n-listview-editing-background:#fff;
57
+ --n-input-background:var(--n-indigo-100);
58
+ --n-list-view-hover-background:#f4f6fa;
59
+ --n-list-view-thumbnail-background:var(--n-input-background);
60
+ --n-slider-thumb-background:#fff;
61
+ --n-slider-border:#9698ac;
62
+ --n-mask:#0cc143;
63
+ --n-transparent-checker:hsla(0,0%,100%,.8);
64
+ --n-scrollbar:hsla(0,0%,78%,.8);
65
+ --n-placeholder-dots:rgba(0,0,0,.3);
66
+ --n-drag-outline:var(--n-primary-600);
67
+ --n-active-background:var(--n-indigo-150);
68
+ --n-thumbnail-background:#f0efff;
69
+ --n-thumbnail-shadow:#d3ceed66;
70
+ --n-inline-code-text:var(--n-primary-600);
71
+ --n-inline-code-background:#f0f2f6;
72
+ --n-text-link:var(--n-primary-600);
73
+ --n-text-link-focused:var(--n-primary-400);
74
+ --n-inset-top:46px;
75
+ --n-sidebar-width:260px;
76
+ --n-toolbar-height:46px;
77
+ --n-toolbar-separator:8px;
78
+ --n-inspector-h-separator:8px;
79
+ --n-inspector-v-separator:10px;
80
+ --n-dialog-padding:16px;
81
+ --n-input-height:27px;
82
+ --n-icon:var(--n-indigo-300);
83
+ --n-icon-selected:#dcdcdc;
84
+ --n-warning:#fbd300;
85
+ --n-segmented-control-item:#8b8b8b;
86
+ --n-dot:rgba(0,0,0,.25);
87
+ --n-row-highlight:#3390ff10;
88
+ --n-table-row-background:var(--n-background);
89
+ --n-interactable-z-index:2;
90
+ --n-label-z-index:3;
91
+ --n-menu-z-index:5000;
92
+ --n-chip-primary-bg:rgba(238,229,255,.2);
93
+ --n-chip-secondary-bg:rgba(205,238,231,.2);
94
+ --n-chip-error-bg:hsla(0,100%,93%,.2);
95
+ --n-chip-default-bg:rgba(0,0,0,.1);
96
+ --n-chip-primary-shadow:#eee5ff;
97
+ --n-chip-secondary-shadow:#cdeee7;
98
+ --n-chip-error-shadow:#ffdbdb;
99
+ --n-chip-default-shadow:#000;
100
+ --n-floating-button:#f8f8fa;
101
+ --n-block-border:#b8c9da;
102
+ --n-block-highlight:orange;
103
+ --n-markdown-editor-line-placeholder-content:"Write or press / for commands";
104
+ --n-selected-list-item-background:var(--n-primary-100);
105
+ --n-selected-list-item-text:var(--n-primary);
106
+ --n-selected-list-item-icon-background:var(--n-primary-150);
107
+ --n-cm-keyword:var(--n-primary-600);
108
+ --n-cm-function:#1b4db8;
109
+ --n-cm-control-keyword:var(--n-primary-600);
110
+ --n-cm-class-type:#1b4db8;
111
+ --n-cm-regexp:#1097af;
112
+ --n-cm-link:#1097af;
113
+ --n-cm-string:#1097af;
114
+ --n-cm-number:#1097af;
115
+ --n-cm-comment:var(--n-indigo-300);
116
+ --n-cm-operator:var(--n-indigo-800);
117
+ --n-cm-variable:var(--n-indigo-800);
118
+ --n-cm-type:#f59e0b;
119
+ --n-cm-error:#e45649;
120
+ --n-cm-warning:#fb9d00;
121
+ --n-cm-info:#3390ff;
122
+ }
123
+ [data-theme=dark] {
124
+ --n-background:#111;
125
+ --n-logo-fill:#f8f8fa;
126
+ --n-logo-highlight:#f8f8fa;
127
+ --n-text:#f8f8fa;
128
+ --n-text-muted:#b4b3b6;
129
+ --n-text-subtle:#b4b3b6;
130
+ --n-text-disabled:#73727e;
131
+ --n-divider-subtle:hsla(0,0%,100%,.04);
132
+ --n-divider:hsla(0,0%,100%,.08);
133
+ --n-divider-strong:#000;
134
+ --n-primary:var(--n-primary-500);
135
+ --n-primary-light:var(--n-primary-300);
136
+ --n-selected-list-item-background:var(--n-primary-900);
137
+ --n-selected-list-item-text:var(--n-primary-200);
138
+ --n-selected-list-item-icon-background:var(--n-primary-900);
139
+ --n-secondary-bright:#36fe91;
140
+ --n-input-background:rgba(181,178,255,.08);
141
+ --n-input-background-light:rgba(181,178,255,.1);
142
+ --n-code-background:#141317;
143
+ --n-canvas-background:#141317;
144
+ --n-canvas-grid:rgba(0,0,0,.1);
145
+ --n-sidebar-background:#222127;
146
+ --n-popover-background:#222127;
147
+ --n-popover-divider:hsla(0,0%,100%,.08);
148
+ --n-listview-raised-background:rgba(181,178,255,.1);
149
+ --n-listview-editing-background:#000;
150
+ --n-list-view-hover-background:var(--n-input-background-light);
151
+ --n-list-view-thumbnail-background:var(--n-input-background);
152
+ --n-slider-thumb-background:var(--n-input-background-light);
153
+ --n-slider-border:var(--n-divider);
154
+ --n-mask:#66bb6a;
155
+ --n-transparent-checker:hsla(0,0%,100%,.3);
156
+ --n-scrollbar:hsla(0,0%,78%,.2);
157
+ --n-placeholder-dots:hsla(0,0%,100%,.3);
158
+ --n-drag-outline:#fff;
159
+ --n-active-background:rgba(181,178,255,.08);
160
+ --n-thumbnail-background:#1f1d33;
161
+ --n-thumbnail-shadow:#1f1d3366;
162
+ --n-dot:hsla(0,0%,100%,.15);
163
+ --n-table-row-background:var(--n-sidebar-background);
164
+ --n-floating-button:#333;
165
+ --n-cm-keyword:#569cd6;
166
+ --n-cm-function:#dcdcaa;
167
+ --n-cm-control-keyword:#c586c0;
168
+ --n-cm-class-type:#4ec9b0;
169
+ --n-cm-regexp:#d16969;
170
+ --n-cm-link:#4078f2;
171
+ --n-cm-string:#ce9178;
172
+ --n-cm-number:#b5cea8;
173
+ --n-cm-comment:#6a9955;
174
+ --n-cm-operator:#d4d4d4;
175
+ --n-cm-variable:#9cdcfe;
176
+ --n-cm-type:#f59e0b;
177
+ --n-cm-error:red;
178
+ --n-cm-warning:#fb9d00;
179
+ --n-cm-info:#3390ff;
180
+ }
181
+ .noya-styles *,
182
+ .noya-styles :after,
183
+ .noya-styles :before {
5
184
  --tw-border-spacing-x:0;
6
185
  --tw-border-spacing-y:0;
7
186
  --tw-translate-x:0;
@@ -54,7 +233,7 @@
54
233
  --tw-contain-paint: ;
55
234
  --tw-contain-style: ;
56
235
  }
57
- ::backdrop {
236
+ .noya-styles ::backdrop {
58
237
  --tw-border-spacing-x:0;
59
238
  --tw-border-spacing-y:0;
60
239
  --tw-translate-x:0;
@@ -107,458 +286,470 @@
107
286
  --tw-contain-paint: ;
108
287
  --tw-contain-style: ;
109
288
  }
110
- .container {
289
+ .noya-styles .container {
111
290
  width: 100%;
112
291
  }
113
292
  @media (min-width:640px) {
114
- .container {
293
+ .noya-styles .container {
115
294
  max-width: 640px;
116
295
  }
117
296
  }
118
297
  @media (min-width:768px) {
119
- .container {
298
+ .noya-styles .container {
120
299
  max-width: 768px;
121
300
  }
122
301
  }
123
302
  @media (min-width:1024px) {
124
- .container {
303
+ .noya-styles .container {
125
304
  max-width: 1024px;
126
305
  }
127
306
  }
128
307
  @media (min-width:1280px) {
129
- .container {
308
+ .noya-styles .container {
130
309
  max-width: 1280px;
131
310
  }
132
311
  }
133
312
  @media (min-width:1536px) {
134
- .container {
313
+ .noya-styles .container {
135
314
  max-width: 1536px;
136
315
  }
137
316
  }
138
- .pointer-events-none {
317
+ .noya-styles .pointer-events-none {
139
318
  pointer-events: none;
140
319
  }
141
- .visible {
320
+ .noya-styles .visible {
142
321
  visibility: visible;
143
322
  }
144
- .collapse {
323
+ .noya-styles .collapse {
145
324
  visibility: collapse;
146
325
  }
147
- .fixed {
326
+ .noya-styles .fixed {
148
327
  position: fixed;
149
328
  }
150
- .absolute {
329
+ .noya-styles .absolute {
151
330
  position: absolute;
152
331
  }
153
- .relative {
332
+ .noya-styles .relative {
154
333
  position: relative;
155
334
  }
156
- .inset-0 {
335
+ .noya-styles .sticky {
336
+ position: sticky;
337
+ }
338
+ .noya-styles .inset-0 {
157
339
  inset: 0;
158
340
  }
159
- .inset-y-0 {
341
+ .noya-styles .inset-y-0 {
160
342
  top: 0;
161
343
  bottom: 0;
162
344
  }
163
- .-left-2\.5 {
345
+ .noya-styles .-left-2\.5 {
164
346
  left: -.625rem;
165
347
  }
166
- .-top-\[1px\] {
348
+ .noya-styles .-top-\[1px\] {
167
349
  top: -1px;
168
350
  }
169
- .bottom-0 {
351
+ .noya-styles .bottom-0 {
170
352
  bottom: 0;
171
353
  }
172
- .left-0 {
354
+ .noya-styles .left-0 {
173
355
  left: 0;
174
356
  }
175
- .left-1\.5 {
357
+ .noya-styles .left-1\.5 {
176
358
  left: .375rem;
177
359
  }
178
- .left-1\/2 {
360
+ .noya-styles .left-1\/2 {
179
361
  left: 50%;
180
362
  }
181
- .left-2 {
363
+ .noya-styles .left-2 {
182
364
  left: .5rem;
183
365
  }
184
- .left-5 {
366
+ .noya-styles .left-5 {
185
367
  left: 1.25rem;
186
368
  }
187
- .right-0 {
369
+ .noya-styles .right-0 {
188
370
  right: 0;
189
371
  }
190
- .right-0\.5 {
372
+ .noya-styles .right-0\.5 {
191
373
  right: .125rem;
192
374
  }
193
- .right-1 {
375
+ .noya-styles .right-1 {
194
376
  right: .25rem;
195
377
  }
196
- .right-1\.5 {
378
+ .noya-styles .right-1\.5 {
197
379
  right: .375rem;
198
380
  }
199
- .right-2 {
381
+ .noya-styles .right-2 {
200
382
  right: .5rem;
201
383
  }
202
- .right-6 {
384
+ .noya-styles .right-6 {
203
385
  right: 1.5rem;
204
386
  }
205
- .right-\[5px\] {
387
+ .noya-styles .right-\[5px\] {
206
388
  right: 5px;
207
389
  }
208
- .right-\[7px\] {
390
+ .noya-styles .right-\[7px\] {
209
391
  right: 7px;
210
392
  }
211
- .top-0 {
393
+ .noya-styles .top-0 {
212
394
  top: 0;
213
395
  }
214
- .top-1\/2 {
396
+ .noya-styles .top-1\/2 {
215
397
  top: 50%;
216
398
  }
217
- .top-4 {
399
+ .noya-styles .top-4 {
218
400
  top: 1rem;
219
401
  }
220
- .top-\[5px\] {
402
+ .noya-styles .top-\[5px\] {
221
403
  top: 5px;
222
404
  }
223
- .top-\[7px\] {
405
+ .noya-styles .top-\[7px\] {
224
406
  top: 7px;
225
407
  }
226
- .z-20 {
408
+ .noya-styles .z-20 {
227
409
  z-index: 20;
228
410
  }
229
- .z-50 {
411
+ .noya-styles .z-50 {
230
412
  z-index: 50;
231
413
  }
232
- .z-\[1000\] {
414
+ .noya-styles .z-\[1000\] {
233
415
  z-index: 1000;
234
416
  }
235
- .z-\[1\] {
417
+ .noya-styles .z-\[1\] {
236
418
  z-index: 1;
237
419
  }
238
- .z-\[2147483647\] {
420
+ .noya-styles .z-\[2147483647\] {
239
421
  z-index: 2147483647;
240
422
  }
241
- .z-label {
423
+ .noya-styles .z-label {
242
424
  z-index: var(--n-label-z-index);
243
425
  }
244
- .z-menu {
426
+ .noya-styles .z-menu {
245
427
  z-index: var(--n-menu-z-index);
246
428
  }
247
- .-m-1 {
429
+ .noya-styles .-m-1 {
248
430
  margin: -.25rem;
249
431
  }
250
- .-m-2 {
432
+ .noya-styles .-m-2 {
251
433
  margin: -.5rem;
252
434
  }
253
- .m-0 {
435
+ .noya-styles .m-0 {
254
436
  margin: 0;
255
437
  }
256
- .m-\[0_-24px_0_-20px\] {
438
+ .noya-styles .m-\[0_-24px_0_-20px\] {
257
439
  margin: 0 -24px 0 -20px;
258
440
  }
259
- .-mx-1\.5 {
441
+ .noya-styles .-mx-1\.5 {
260
442
  margin-left: -.375rem;
261
443
  margin-right: -.375rem;
262
444
  }
263
- .-mx-3 {
445
+ .noya-styles .-mx-3 {
264
446
  margin-left: -.75rem;
265
447
  margin-right: -.75rem;
266
448
  }
267
- .-my-1 {
449
+ .noya-styles .-my-1 {
268
450
  margin-top: -.25rem;
269
451
  margin-bottom: -.25rem;
270
452
  }
271
- .mx-3 {
453
+ .noya-styles .mx-3 {
272
454
  margin-left: .75rem;
273
455
  margin-right: .75rem;
274
456
  }
275
- .my-1 {
457
+ .noya-styles .my-1 {
276
458
  margin-top: .25rem;
277
459
  margin-bottom: .25rem;
278
460
  }
279
- .-mb-\[6px\] {
461
+ .noya-styles .-mb-\[6px\] {
280
462
  margin-bottom: -6px;
281
463
  }
282
- .-ml-1\.5 {
464
+ .noya-styles .-ml-1\.5 {
283
465
  margin-left: -.375rem;
284
466
  }
285
- .-ml-3 {
467
+ .noya-styles .-ml-3 {
286
468
  margin-left: -.75rem;
287
469
  }
288
- .-mr-1 {
470
+ .noya-styles .-mr-1 {
289
471
  margin-right: -.25rem;
290
472
  }
291
- .-mr-2 {
473
+ .noya-styles .-mr-2 {
292
474
  margin-right: -.5rem;
293
475
  }
294
- .-mt-1 {
476
+ .noya-styles .-mt-1 {
295
477
  margin-top: -.25rem;
296
478
  }
297
- .mb-\[5px\] {
479
+ .noya-styles .mb-\[5px\] {
298
480
  margin-bottom: 5px;
299
481
  }
300
- .ml-1\.5 {
482
+ .noya-styles .ml-1\.5 {
301
483
  margin-left: .375rem;
302
484
  }
303
- .ml-\[-2px\] {
485
+ .noya-styles .ml-\[-2px\] {
304
486
  margin-left: -2px;
305
487
  }
306
- .ml-\[2px\] {
488
+ .noya-styles .ml-\[2px\] {
307
489
  margin-left: 2px;
308
490
  }
309
- .ml-auto {
491
+ .noya-styles .ml-auto {
310
492
  margin-left: auto;
311
493
  }
312
- .mr-\[-2px\] {
494
+ .noya-styles .mr-1 {
495
+ margin-right: .25rem;
496
+ }
497
+ .noya-styles .mr-\[-2px\] {
313
498
  margin-right: -2px;
314
499
  }
315
- .mr-\[2px\] {
500
+ .noya-styles .mr-\[2px\] {
316
501
  margin-right: 2px;
317
502
  }
318
- .mt-3 {
503
+ .noya-styles .mt-3 {
319
504
  margin-top: .75rem;
320
505
  }
321
- .block {
506
+ .noya-styles .block {
322
507
  display: block;
323
508
  }
324
- .inline-block {
509
+ .noya-styles .inline-block {
325
510
  display: inline-block;
326
511
  }
327
- .inline {
512
+ .noya-styles .inline {
328
513
  display: inline;
329
514
  }
330
- .flex {
515
+ .noya-styles .flex {
331
516
  display: flex;
332
517
  }
333
- .inline-flex {
518
+ .noya-styles .inline-flex {
334
519
  display: inline-flex;
335
520
  }
336
- .grid {
521
+ .noya-styles .grid {
337
522
  display: grid;
338
523
  }
339
- .\!contents {
524
+ .noya-styles .\!contents {
340
525
  display: contents !important;
341
526
  }
342
- .contents {
527
+ .noya-styles .contents {
343
528
  display: contents;
344
529
  }
345
- .hidden {
530
+ .noya-styles .hidden {
346
531
  display: none;
347
532
  }
348
- .aspect-\[24\/26\] {
533
+ .noya-styles .aspect-\[24\/26\] {
349
534
  aspect-ratio: 24/26;
350
535
  }
351
- .aspect-square {
536
+ .noya-styles .aspect-square {
352
537
  aspect-ratio: 1/1;
353
538
  }
354
- .h-16 {
539
+ .noya-styles .h-16 {
355
540
  height: 4rem;
356
541
  }
357
- .h-24 {
542
+ .noya-styles .h-24 {
358
543
  height: 6rem;
359
544
  }
360
- .h-5 {
545
+ .noya-styles .h-4 {
546
+ height: 1rem;
547
+ }
548
+ .noya-styles .h-5 {
361
549
  height: 1.25rem;
362
550
  }
363
- .h-8 {
551
+ .noya-styles .h-8 {
364
552
  height: 2rem;
365
553
  }
366
- .h-\[15px\] {
554
+ .noya-styles .h-\[15px\] {
367
555
  height: 15px;
368
556
  }
369
- .h-\[19px\] {
557
+ .noya-styles .h-\[19px\] {
370
558
  height: 19px;
371
559
  }
372
- .h-\[25px\] {
560
+ .noya-styles .h-\[25px\] {
373
561
  height: 25px;
374
562
  }
375
- .h-\[50px\] {
563
+ .noya-styles .h-\[50px\] {
376
564
  height: 50px;
377
565
  }
378
- .h-\[5px\] {
566
+ .noya-styles .h-\[5px\] {
379
567
  height: 5px;
380
568
  }
381
- .h-full {
569
+ .noya-styles .h-full {
382
570
  height: 100%;
383
571
  }
384
- .h-input-height {
572
+ .noya-styles .h-input-height {
385
573
  height: var(--n-input-height);
386
574
  }
387
- .h-px {
575
+ .noya-styles .h-px {
388
576
  height: 1px;
389
577
  }
390
- .max-h-\[600px\] {
578
+ .noya-styles .max-h-\[600px\] {
391
579
  max-height: 600px;
392
580
  }
393
- .max-h-\[85vh\] {
581
+ .noya-styles .max-h-\[85vh\] {
394
582
  max-height: 85vh;
395
583
  }
396
- .max-h-full {
584
+ .noya-styles .max-h-full {
397
585
  max-height: 100%;
398
586
  }
399
- .max-h-input-height {
587
+ .noya-styles .max-h-input-height {
400
588
  max-height: var(--n-input-height);
401
589
  }
402
- .max-h-none {
590
+ .noya-styles .max-h-none {
403
591
  max-height: none;
404
592
  }
405
- .min-h-0 {
593
+ .noya-styles .min-h-0 {
406
594
  min-height: 0;
407
595
  }
408
- .min-h-6 {
596
+ .noya-styles .min-h-6 {
409
597
  min-height: 1.5rem;
410
598
  }
411
- .min-h-\[19px\] {
599
+ .noya-styles .min-h-\[19px\] {
412
600
  min-height: 19px;
413
601
  }
414
- .min-h-input-height {
602
+ .noya-styles .min-h-input-height {
415
603
  min-height: var(--n-input-height);
416
604
  }
417
- .min-h-px {
605
+ .noya-styles .min-h-px {
418
606
  min-height: 1px;
419
607
  }
420
- .w-0 {
608
+ .noya-styles .w-0 {
421
609
  width: 0;
422
610
  }
423
- .w-16 {
611
+ .noya-styles .w-16 {
424
612
  width: 4rem;
425
613
  }
426
- .w-24 {
614
+ .noya-styles .w-24 {
427
615
  width: 6rem;
428
616
  }
429
- .w-5 {
617
+ .noya-styles .w-4 {
618
+ width: 1rem;
619
+ }
620
+ .noya-styles .w-5 {
430
621
  width: 1.25rem;
431
622
  }
432
- .w-6 {
623
+ .noya-styles .w-6 {
433
624
  width: 1.5rem;
434
625
  }
435
- .w-8 {
626
+ .noya-styles .w-8 {
436
627
  width: 2rem;
437
628
  }
438
- .w-\[0\.9rem\] {
629
+ .noya-styles .w-\[0\.9rem\] {
439
630
  width: .9rem;
440
631
  }
441
- .w-\[15px\] {
632
+ .noya-styles .w-\[15px\] {
442
633
  width: 15px;
443
634
  }
444
- .w-\[19px\] {
635
+ .noya-styles .w-\[19px\] {
445
636
  width: 19px;
446
637
  }
447
- .w-\[1px\] {
638
+ .noya-styles .w-\[1px\] {
448
639
  width: 1px;
449
640
  }
450
- .w-\[240px\] {
641
+ .noya-styles .w-\[240px\] {
451
642
  width: 240px;
452
643
  }
453
- .w-\[25px\] {
644
+ .noya-styles .w-\[25px\] {
454
645
  width: 25px;
455
646
  }
456
- .w-\[50px\] {
647
+ .noya-styles .w-\[50px\] {
457
648
  width: 50px;
458
649
  }
459
- .w-\[680px\] {
650
+ .noya-styles .w-\[680px\] {
460
651
  width: 680px;
461
652
  }
462
- .w-\[90vw\] {
653
+ .noya-styles .w-\[90vw\] {
463
654
  width: 90vw;
464
655
  }
465
- .w-full {
656
+ .noya-styles .w-full {
466
657
  width: 100%;
467
658
  }
468
- .w-input-height {
659
+ .noya-styles .w-input-height {
469
660
  width: var(--n-input-height);
470
661
  }
471
- .w-px {
662
+ .noya-styles .w-px {
472
663
  width: 1px;
473
664
  }
474
- .min-w-0 {
665
+ .noya-styles .min-w-0 {
475
666
  min-width: 0;
476
667
  }
477
- .min-w-6 {
668
+ .noya-styles .min-w-6 {
478
669
  min-width: 1.5rem;
479
670
  }
480
- .min-w-\[200px\] {
671
+ .noya-styles .min-w-\[200px\] {
481
672
  min-width: 200px;
482
673
  }
483
- .min-w-\[31px\] {
674
+ .noya-styles .min-w-\[31px\] {
484
675
  min-width: 31px;
485
676
  }
486
- .min-w-px {
677
+ .noya-styles .min-w-px {
487
678
  min-width: 1px;
488
679
  }
489
- .max-w-\[100vw\] {
680
+ .noya-styles .max-w-\[100vw\] {
490
681
  max-width: 100vw;
491
682
  }
492
- .max-w-\[450px\] {
683
+ .noya-styles .max-w-\[450px\] {
493
684
  max-width: 450px;
494
685
  }
495
- .max-w-\[70\%\] {
686
+ .noya-styles .max-w-\[70\%\] {
496
687
  max-width: 70%;
497
688
  }
498
- .max-w-full {
689
+ .noya-styles .max-w-full {
499
690
  max-width: 100%;
500
691
  }
501
- .max-w-none {
692
+ .noya-styles .max-w-none {
502
693
  max-width: none;
503
694
  }
504
- .flex-1 {
695
+ .noya-styles .flex-1 {
505
696
  flex: 1 1 0%;
506
697
  }
507
- .flex-\[0_0_auto\] {
698
+ .noya-styles .flex-\[0_0_auto\] {
508
699
  flex: 0 0 auto;
509
700
  }
510
- .flex-auto {
701
+ .noya-styles .flex-auto {
511
702
  flex: 1 1 auto;
512
703
  }
513
- .flex-none {
704
+ .noya-styles .flex-none {
514
705
  flex: none;
515
706
  }
516
- .flex-shrink-0 {
707
+ .noya-styles .flex-shrink-0 {
517
708
  flex-shrink: 0;
518
709
  }
519
- .flex-grow {
710
+ .noya-styles .flex-grow {
520
711
  flex-grow: 1;
521
712
  }
522
- .basis-0 {
713
+ .noya-styles .basis-0 {
523
714
  flex-basis: 0px;
524
715
  }
525
- .-translate-x-1\/2 {
716
+ .noya-styles .-translate-x-1\/2 {
526
717
  --tw-translate-x:-50%;
527
718
  }
528
- .-translate-x-1\/2,
529
- .-translate-y-1\/2 {
719
+ .noya-styles .-translate-x-1\/2,
720
+ .noya-styles .-translate-y-1\/2 {
530
721
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
531
722
  }
532
- .-translate-y-1\/2 {
723
+ .noya-styles .-translate-y-1\/2 {
533
724
  --tw-translate-y:-50%;
534
725
  }
535
- .translate-x-\[2px\] {
726
+ .noya-styles .translate-x-\[2px\] {
536
727
  --tw-translate-x:2px;
537
728
  }
538
- .rotate-0,
539
- .translate-x-\[2px\] {
729
+ .noya-styles .rotate-0,
730
+ .noya-styles .translate-x-\[2px\] {
540
731
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
541
732
  }
542
- .rotate-0 {
733
+ .noya-styles .rotate-0 {
543
734
  --tw-rotate:0deg;
544
735
  }
545
- .rotate-180 {
736
+ .noya-styles .rotate-180 {
546
737
  --tw-rotate:180deg;
547
738
  }
548
- .rotate-180,
549
- .scale-\[0\.60\] {
739
+ .noya-styles .rotate-180,
740
+ .noya-styles .scale-\[0\.60\] {
550
741
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
551
742
  }
552
- .scale-\[0\.60\] {
743
+ .noya-styles .scale-\[0\.60\] {
553
744
  --tw-scale-x:0.60;
554
745
  --tw-scale-y:0.60;
555
746
  }
556
- .scale-\[0\.75\] {
747
+ .noya-styles .scale-\[0\.75\] {
557
748
  --tw-scale-x:0.75;
558
749
  --tw-scale-y:0.75;
559
750
  }
560
- .scale-\[0\.75\],
561
- .transform {
751
+ .noya-styles .scale-\[0\.75\],
752
+ .noya-styles .transform {
562
753
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
563
754
  }
564
755
  @keyframes pulse {
@@ -566,7 +757,7 @@
566
757
  opacity: .5;
567
758
  }
568
759
  }
569
- .animate-pulse {
760
+ .noya-styles .animate-pulse {
570
761
  animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
571
762
  }
572
763
  @keyframes shimmer {
@@ -577,7 +768,7 @@
577
768
  background-position: 200% 0;
578
769
  }
579
770
  }
580
- .animate-shimmer {
771
+ .noya-styles .animate-shimmer {
581
772
  animation: shimmer 6s linear infinite;
582
773
  }
583
774
  @keyframes spin {
@@ -588,521 +779,525 @@
588
779
  transform: rotate(1turn);
589
780
  }
590
781
  }
591
- .animate-spin {
782
+ .noya-styles .animate-spin {
592
783
  animation: spin 1s linear infinite;
593
784
  }
594
- .cursor-col-resize {
785
+ .noya-styles .cursor-col-resize {
595
786
  cursor: col-resize;
596
787
  }
597
- .cursor-default {
788
+ .noya-styles .cursor-default {
598
789
  cursor: default;
599
790
  }
600
- .cursor-pointer {
791
+ .noya-styles .cursor-pointer {
601
792
  cursor: pointer;
602
793
  }
603
- .touch-none {
794
+ .noya-styles .touch-none {
604
795
  touch-action: none;
605
796
  }
606
- .select-none {
797
+ .noya-styles .select-none {
607
798
  -webkit-user-select: none;
608
799
  -moz-user-select: none;
609
800
  user-select: none;
610
801
  }
611
- .select-all {
802
+ .noya-styles .select-all {
612
803
  -webkit-user-select: all;
613
804
  -moz-user-select: all;
614
805
  user-select: all;
615
806
  }
616
- .resize-none {
807
+ .noya-styles .resize-none {
617
808
  resize: none;
618
809
  }
619
- .resize {
810
+ .noya-styles .resize {
620
811
  resize: both;
621
812
  }
622
- .list-none {
813
+ .noya-styles .list-none {
623
814
  list-style-type: none;
624
815
  }
625
- .appearance-none {
816
+ .noya-styles .appearance-none {
626
817
  -webkit-appearance: none;
627
818
  -moz-appearance: none;
628
819
  appearance: none;
629
820
  }
630
- .grid-cols-\[auto_max-content\] {
821
+ .noya-styles .grid-cols-\[auto_max-content\] {
631
822
  grid-template-columns: auto max-content;
632
823
  }
633
- .flex-row {
824
+ .noya-styles .flex-row {
634
825
  flex-direction: row;
635
826
  }
636
- .flex-row-reverse {
827
+ .noya-styles .flex-row-reverse {
637
828
  flex-direction: row-reverse;
638
829
  }
639
- .flex-col {
830
+ .noya-styles .flex-col {
640
831
  flex-direction: column;
641
832
  }
642
- .flex-wrap {
833
+ .noya-styles .flex-wrap {
643
834
  flex-wrap: wrap;
644
835
  }
645
- .items-start {
836
+ .noya-styles .items-start {
646
837
  align-items: flex-start;
647
838
  }
648
- .items-end {
839
+ .noya-styles .items-end {
649
840
  align-items: flex-end;
650
841
  }
651
- .items-center {
842
+ .noya-styles .items-center {
652
843
  align-items: center;
653
844
  }
654
- .items-stretch {
845
+ .noya-styles .items-stretch {
655
846
  align-items: stretch;
656
847
  }
657
- .justify-start {
848
+ .noya-styles .justify-start {
658
849
  justify-content: flex-start;
659
850
  }
660
- .justify-end {
851
+ .noya-styles .justify-end {
661
852
  justify-content: flex-end;
662
853
  }
663
- .justify-center {
854
+ .noya-styles .justify-center {
664
855
  justify-content: center;
665
856
  }
666
- .gap-0\.5 {
857
+ .noya-styles .gap-0\.5 {
667
858
  gap: .125rem;
668
859
  }
669
- .gap-1 {
860
+ .noya-styles .gap-1 {
670
861
  gap: .25rem;
671
862
  }
672
- .gap-1\.5 {
863
+ .noya-styles .gap-1\.5 {
673
864
  gap: .375rem;
674
865
  }
675
- .gap-2 {
866
+ .noya-styles .gap-2 {
676
867
  gap: .5rem;
677
868
  }
678
- .gap-3 {
869
+ .noya-styles .gap-3 {
679
870
  gap: .75rem;
680
871
  }
681
- .gap-4 {
872
+ .noya-styles .gap-4 {
682
873
  gap: 1rem;
683
874
  }
684
- .gap-toolbar-separator {
875
+ .noya-styles .gap-toolbar-separator {
685
876
  gap: var(--n-toolbar-separator);
686
877
  }
687
- .gap-x-1\.5 {
878
+ .noya-styles .gap-x-1\.5 {
688
879
  -moz-column-gap: .375rem;
689
880
  column-gap: .375rem;
690
881
  }
691
- .gap-x-2\.5 {
882
+ .noya-styles .gap-x-2\.5 {
692
883
  -moz-column-gap: .625rem;
693
884
  column-gap: .625rem;
694
885
  }
695
- .self-start {
886
+ .noya-styles .self-start {
696
887
  align-self: flex-start;
697
888
  }
698
- .self-stretch {
889
+ .noya-styles .self-stretch {
699
890
  align-self: stretch;
700
891
  }
701
- .overflow-auto {
892
+ .noya-styles .overflow-auto {
702
893
  overflow: auto;
703
894
  }
704
- .overflow-hidden {
895
+ .noya-styles .overflow-hidden {
705
896
  overflow: hidden;
706
897
  }
707
- .overflow-y-auto {
898
+ .noya-styles .overflow-y-auto {
708
899
  overflow-y: auto;
709
900
  }
710
- .truncate {
901
+ .noya-styles .truncate {
711
902
  overflow: hidden;
903
+ text-overflow: ellipsis;
712
904
  white-space: nowrap;
713
905
  }
714
- .text-ellipsis,
715
- .truncate {
906
+ .noya-styles .text-ellipsis {
716
907
  text-overflow: ellipsis;
717
908
  }
718
- .whitespace-pre {
909
+ .noya-styles .whitespace-pre {
719
910
  white-space: pre;
720
911
  }
721
- .rounded {
912
+ .noya-styles .rounded {
722
913
  border-radius: .25rem;
723
914
  }
724
- .rounded-\[10px\] {
915
+ .noya-styles .rounded-\[10px\] {
725
916
  border-radius: 10px;
726
917
  }
727
- .rounded-\[2px\] {
918
+ .noya-styles .rounded-\[2px\] {
728
919
  border-radius: 2px;
729
920
  }
730
- .rounded-\[3px\] {
921
+ .noya-styles .rounded-\[3px\] {
731
922
  border-radius: 3px;
732
923
  }
733
- .rounded-\[50\%\] {
924
+ .noya-styles .rounded-\[50\%\] {
734
925
  border-radius: 50%;
735
926
  }
736
- .rounded-full {
927
+ .noya-styles .rounded-full {
737
928
  border-radius: 9999px;
738
929
  }
739
- .rounded-lg {
930
+ .noya-styles .rounded-lg {
740
931
  border-radius: .5rem;
741
932
  }
742
- .rounded-md {
933
+ .noya-styles .rounded-md {
743
934
  border-radius: .375rem;
744
935
  }
745
- .rounded-none {
936
+ .noya-styles .rounded-none {
746
937
  border-radius: 0;
747
938
  }
748
- .rounded-sm {
939
+ .noya-styles .rounded-sm {
749
940
  border-radius: .125rem;
750
941
  }
751
- .border {
942
+ .noya-styles .border {
752
943
  border-width: 1px;
753
944
  }
754
- .border-0 {
945
+ .noya-styles .border-0 {
755
946
  border-width: 0;
756
947
  }
757
- .border-l {
948
+ .noya-styles .border-l {
758
949
  border-left-width: 1px;
759
950
  }
760
- .border-r {
951
+ .noya-styles .border-r {
761
952
  border-right-width: 1px;
762
953
  }
763
- .border-t {
954
+ .noya-styles .border-t {
764
955
  border-top-width: 1px;
765
956
  }
766
- .border-solid {
957
+ .noya-styles .border-solid {
767
958
  border-style: solid;
768
959
  }
769
- .border-dashed {
960
+ .noya-styles .border-dashed {
770
961
  border-style: dashed;
771
962
  }
772
- .border-dotted {
963
+ .noya-styles .border-dotted {
773
964
  border-style: dotted;
774
965
  }
775
- .border-none {
966
+ .noya-styles .border-none {
776
967
  border-style: none;
777
968
  }
778
- .border-background {
969
+ .noya-styles .border-background {
779
970
  border-color: var(--n-background);
780
971
  }
781
- .border-divider {
972
+ .noya-styles .border-divider {
782
973
  border-color: var(--n-divider);
783
974
  }
784
- .border-divider-strong {
975
+ .noya-styles .border-divider-strong {
785
976
  border-color: var(--n-divider-strong);
786
977
  }
787
- .border-divider-subtle {
978
+ .noya-styles .border-divider-subtle {
788
979
  border-color: var(--n-divider-subtle);
789
980
  }
790
- .border-gray-200 {
981
+ .noya-styles .border-gray-200 {
791
982
  --tw-border-opacity:1;
792
- border-color: rgb(229 231 235/var(--tw-border-opacity));
983
+ border-color: rgb(229 231 235/var(--tw-border-opacity,1));
793
984
  }
794
- .border-primary {
985
+ .noya-styles .border-primary {
795
986
  border-color: var(--n-primary);
796
987
  }
797
- .border-secondary {
988
+ .noya-styles .border-secondary {
798
989
  border-color: var(--n-secondary);
799
990
  }
800
- .border-slider-border {
991
+ .noya-styles .border-slider-border {
801
992
  border-color: var(--n-slider-border);
802
993
  }
803
- .border-transparent {
994
+ .noya-styles .border-transparent {
804
995
  border-color: transparent;
805
996
  }
806
- .bg-\[\#0ab557\] {
997
+ .noya-styles .bg-\[\#0ab557\] {
807
998
  --tw-bg-opacity:1;
808
- background-color: rgb(10 181 87/var(--tw-bg-opacity));
999
+ background-color: rgb(10 181 87/var(--tw-bg-opacity,1));
809
1000
  }
810
- .bg-\[rgb\(255\,219\,219\)\] {
1001
+ .noya-styles .bg-\[rgb\(255\,219\,219\)\] {
811
1002
  --tw-bg-opacity:1;
812
- background-color: rgb(255 219 219/var(--tw-bg-opacity));
1003
+ background-color: rgb(255 219 219/var(--tw-bg-opacity,1));
813
1004
  }
814
- .bg-\[rgba\(0\,0\,0\,0\.5\)\] {
1005
+ .noya-styles .bg-\[rgba\(0\,0\,0\,0\.5\)\] {
815
1006
  background-color: rgba(0, 0, 0, .5);
816
1007
  }
817
- .bg-\[var\(--n-chip-default-bg\)\] {
1008
+ .noya-styles .bg-\[var\(--n-chip-default-bg\)\] {
818
1009
  background-color: var(--n-chip-default-bg);
819
1010
  }
820
- .bg-\[var\(--n-chip-error-bg\)\] {
1011
+ .noya-styles .bg-\[var\(--n-chip-error-bg\)\] {
821
1012
  background-color: var(--n-chip-error-bg);
822
1013
  }
823
- .bg-\[var\(--n-chip-primary-bg\)\] {
1014
+ .noya-styles .bg-\[var\(--n-chip-primary-bg\)\] {
824
1015
  background-color: var(--n-chip-primary-bg);
825
1016
  }
826
- .bg-\[var\(--n-chip-secondary-bg\)\] {
1017
+ .noya-styles .bg-\[var\(--n-chip-secondary-bg\)\] {
827
1018
  background-color: var(--n-chip-secondary-bg);
828
1019
  }
829
- .bg-active-background {
1020
+ .noya-styles .bg-active-background {
830
1021
  background-color: var(--n-active-background);
831
1022
  }
832
- .bg-background {
1023
+ .noya-styles .bg-background {
833
1024
  background-color: var(--n-background);
834
1025
  }
835
- .bg-black\/50 {
1026
+ .noya-styles .bg-black\/50 {
836
1027
  background-color: rgba(0, 0, 0, .5);
837
1028
  }
838
- .bg-canvas-background {
1029
+ .noya-styles .bg-canvas-background {
839
1030
  background-color: var(--n-canvas-background);
840
1031
  }
841
- .bg-divider {
1032
+ .noya-styles .bg-divider {
842
1033
  background-color: var(--n-divider);
843
1034
  }
844
- .bg-divider-strong {
1035
+ .noya-styles .bg-divider-strong {
845
1036
  background-color: var(--n-divider-strong);
846
1037
  }
847
- .bg-divider-subtle {
1038
+ .noya-styles .bg-divider-subtle {
848
1039
  background-color: var(--n-divider-subtle);
849
1040
  }
850
- .bg-floating-button {
1041
+ .noya-styles .bg-floating-button {
851
1042
  background-color: var(--n-floating-button);
852
1043
  }
853
- .bg-input-background {
1044
+ .noya-styles .bg-input-background {
854
1045
  background-color: var(--n-input-background);
855
1046
  }
856
- .bg-list-view-hover-background {
1047
+ .noya-styles .bg-list-view-hover-background {
857
1048
  background-color: var(--n-list-view-hover-background);
858
1049
  }
859
- .bg-listview-editing-background {
1050
+ .noya-styles .bg-listview-editing-background {
860
1051
  background-color: var(--n-listview-editing-background);
861
1052
  }
862
- .bg-listview-raised-background {
1053
+ .noya-styles .bg-listview-raised-background {
863
1054
  background-color: var(--n-listview-raised-background);
864
1055
  }
865
- .bg-popover-background {
1056
+ .noya-styles .bg-popover-background {
866
1057
  background-color: var(--n-popover-background);
867
1058
  }
868
- .bg-primary {
1059
+ .noya-styles .bg-primary {
869
1060
  background-color: var(--n-primary);
870
1061
  }
871
- .bg-primary-pastel {
1062
+ .noya-styles .bg-primary-pastel {
872
1063
  background-color: var(--n-primary-pastel);
873
1064
  }
874
- .bg-row-highlight {
1065
+ .noya-styles .bg-row-highlight {
875
1066
  background-color: var(--n-row-highlight);
876
1067
  }
877
- .bg-scrollbar {
1068
+ .noya-styles .bg-scrollbar {
878
1069
  background-color: var(--n-scrollbar);
879
1070
  }
880
- .bg-secondary {
1071
+ .noya-styles .bg-secondary {
881
1072
  background-color: var(--n-secondary);
882
1073
  }
883
- .bg-secondary-pastel {
1074
+ .noya-styles .bg-secondary-pastel {
884
1075
  background-color: var(--n-secondary-pastel);
885
1076
  }
886
- .bg-sidebar-background {
1077
+ .noya-styles .bg-selected-list-item-background {
1078
+ background-color: var(--n-selected-list-item-background);
1079
+ }
1080
+ .noya-styles .bg-sidebar-background {
887
1081
  background-color: var(--n-sidebar-background);
888
1082
  }
889
- .bg-slider-thumb-background {
1083
+ .noya-styles .bg-slider-thumb-background {
890
1084
  background-color: var(--n-slider-thumb-background);
891
1085
  }
892
- .bg-text {
1086
+ .noya-styles .bg-text {
893
1087
  background-color: var(--n-text);
894
1088
  }
895
- .bg-transparent {
1089
+ .noya-styles .bg-transparent {
896
1090
  background-color: transparent;
897
1091
  }
898
- .bg-warning {
1092
+ .noya-styles .bg-warning {
899
1093
  background-color: var(--n-warning);
900
1094
  }
901
- .bg-gradient-to-r {
1095
+ .noya-styles .bg-gradient-to-r {
902
1096
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
903
1097
  }
904
- .from-transparent {
1098
+ .noya-styles .from-transparent {
905
1099
  --tw-gradient-from:transparent var(--tw-gradient-from-position);
906
1100
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
907
1101
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
908
1102
  }
909
- .from-white\/0 {
1103
+ .noya-styles .from-white\/0 {
910
1104
  --tw-gradient-from:hsla(0,0%,100%,0) var(--tw-gradient-from-position);
911
1105
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
912
1106
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
913
1107
  }
914
- .via-\[rgb\(226\,232\,240\)\]\/50 {
1108
+ .noya-styles .via-\[rgb\(226\,232\,240\)\]\/50 {
915
1109
  --tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);
916
1110
  --tw-gradient-stops:var(--tw-gradient-from),rgba(226,232,240,.5) var(--tw-gradient-via-position),var(--tw-gradient-to);
917
1111
  }
918
- .to-background {
1112
+ .noya-styles .to-background {
919
1113
  --tw-gradient-to:var(--n-background) var(--tw-gradient-to-position);
920
1114
  }
921
- .to-white\/0 {
1115
+ .noya-styles .to-white\/0 {
922
1116
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
923
1117
  }
924
- .fill-popover-background {
1118
+ .noya-styles .fill-popover-background {
925
1119
  fill: var(--n-popover-background);
926
1120
  }
927
- .stroke-white {
1121
+ .noya-styles .stroke-white {
928
1122
  stroke: #fff;
929
1123
  }
930
- .stroke-\[1\.3px\] {
1124
+ .noya-styles .stroke-\[1\.3px\] {
931
1125
  stroke-width: 1.3px;
932
1126
  }
933
- .object-contain {
1127
+ .noya-styles .object-contain {
934
1128
  -o-object-fit: contain;
935
1129
  object-fit: contain;
936
1130
  }
937
- .object-cover {
1131
+ .noya-styles .object-cover {
938
1132
  -o-object-fit: cover;
939
1133
  object-fit: cover;
940
1134
  }
941
- .p-0 {
1135
+ .noya-styles .p-0 {
942
1136
  padding: 0;
943
1137
  }
944
- .p-1 {
1138
+ .noya-styles .p-1 {
945
1139
  padding: .25rem;
946
1140
  }
947
- .p-2 {
1141
+ .noya-styles .p-2 {
948
1142
  padding: .5rem;
949
1143
  }
950
- .p-20 {
1144
+ .noya-styles .p-20 {
951
1145
  padding: 5rem;
952
1146
  }
953
- .p-3 {
1147
+ .noya-styles .p-3 {
954
1148
  padding: .75rem;
955
1149
  }
956
- .p-5 {
1150
+ .noya-styles .p-5 {
957
1151
  padding: 1.25rem;
958
1152
  }
959
- .p-\[0_24px_0_20px\] {
1153
+ .noya-styles .p-\[0_24px_0_20px\] {
960
1154
  padding: 0 24px 0 20px;
961
1155
  }
962
- .p-\[0px_4px\] {
1156
+ .noya-styles .p-\[0px_4px\] {
963
1157
  padding: 0 4px;
964
1158
  }
965
- .p-\[2px_4px\] {
1159
+ .noya-styles .p-\[2px_4px\] {
966
1160
  padding: 2px 4px;
967
1161
  }
968
- .p-\[2px_6px\] {
1162
+ .noya-styles .p-\[2px_6px\] {
969
1163
  padding: 2px 6px;
970
1164
  }
971
- .p-\[3px\] {
1165
+ .noya-styles .p-\[3px\] {
972
1166
  padding: 3px;
973
1167
  }
974
- .p-\[4px_8px\] {
1168
+ .noya-styles .p-\[4px_8px\] {
975
1169
  padding: 4px 8px;
976
1170
  }
977
- .p-dialog-padding {
1171
+ .noya-styles .p-dialog-padding {
978
1172
  padding: var(--n-dialog-padding);
979
1173
  }
980
- .px-0 {
1174
+ .noya-styles .px-0 {
981
1175
  padding-left: 0;
982
1176
  padding-right: 0;
983
1177
  }
984
- .px-1 {
1178
+ .noya-styles .px-1 {
985
1179
  padding-left: .25rem;
986
1180
  padding-right: .25rem;
987
1181
  }
988
- .px-1\.5 {
1182
+ .noya-styles .px-1\.5 {
989
1183
  padding-left: .375rem;
990
1184
  padding-right: .375rem;
991
1185
  }
992
- .px-2 {
1186
+ .noya-styles .px-2 {
993
1187
  padding-left: .5rem;
994
1188
  padding-right: .5rem;
995
1189
  }
996
- .px-3 {
1190
+ .noya-styles .px-3 {
997
1191
  padding-left: .75rem;
998
1192
  padding-right: .75rem;
999
1193
  }
1000
- .px-4 {
1194
+ .noya-styles .px-4 {
1001
1195
  padding-left: 1rem;
1002
1196
  padding-right: 1rem;
1003
1197
  }
1004
- .px-5 {
1198
+ .noya-styles .px-5 {
1005
1199
  padding-left: 1.25rem;
1006
1200
  padding-right: 1.25rem;
1007
1201
  }
1008
- .px-\[1px\] {
1202
+ .noya-styles .px-\[1px\] {
1009
1203
  padding-left: 1px;
1010
1204
  padding-right: 1px;
1011
1205
  }
1012
- .px-\[2px\] {
1206
+ .noya-styles .px-\[2px\] {
1013
1207
  padding-left: 2px;
1014
1208
  padding-right: 2px;
1015
1209
  }
1016
- .px-\[6px\] {
1210
+ .noya-styles .px-\[6px\] {
1017
1211
  padding-left: 6px;
1018
1212
  padding-right: 6px;
1019
1213
  }
1020
- .px-medium {
1214
+ .noya-styles .px-medium {
1021
1215
  padding-left: 16px;
1022
1216
  padding-right: 16px;
1023
1217
  }
1024
- .py-0 {
1218
+ .noya-styles .py-0 {
1025
1219
  padding-top: 0;
1026
1220
  padding-bottom: 0;
1027
1221
  }
1028
- .py-0\.5 {
1222
+ .noya-styles .py-0\.5 {
1029
1223
  padding-top: .125rem;
1030
1224
  padding-bottom: .125rem;
1031
1225
  }
1032
- .py-1 {
1226
+ .noya-styles .py-1 {
1033
1227
  padding-top: .25rem;
1034
1228
  padding-bottom: .25rem;
1035
1229
  }
1036
- .py-1\.5 {
1230
+ .noya-styles .py-1\.5 {
1037
1231
  padding-top: .375rem;
1038
1232
  padding-bottom: .375rem;
1039
1233
  }
1040
- .py-2 {
1234
+ .noya-styles .py-2 {
1041
1235
  padding-top: .5rem;
1042
1236
  padding-bottom: .5rem;
1043
1237
  }
1044
- .py-2\.5 {
1238
+ .noya-styles .py-2\.5 {
1045
1239
  padding-top: .625rem;
1046
1240
  padding-bottom: .625rem;
1047
1241
  }
1048
- .py-3 {
1242
+ .noya-styles .py-3 {
1049
1243
  padding-top: .75rem;
1050
1244
  padding-bottom: .75rem;
1051
1245
  }
1052
- .py-\[1px\] {
1246
+ .noya-styles .py-\[1px\] {
1053
1247
  padding-top: 1px;
1054
1248
  padding-bottom: 1px;
1055
1249
  }
1056
- .py-\[2px\] {
1250
+ .noya-styles .py-\[2px\] {
1057
1251
  padding-top: 2px;
1058
1252
  padding-bottom: 2px;
1059
1253
  }
1060
- .py-small {
1254
+ .noya-styles .py-small {
1061
1255
  padding-top: 8px;
1062
1256
  padding-bottom: 8px;
1063
1257
  }
1064
- .\!pr-9 {
1258
+ .noya-styles .\!pr-9 {
1065
1259
  padding-right: 2.25rem !important;
1066
1260
  }
1067
- .pb-4 {
1261
+ .noya-styles .pb-4 {
1068
1262
  padding-bottom: 1rem;
1069
1263
  }
1070
- .pl-1\.5 {
1264
+ .noya-styles .pl-1\.5 {
1071
1265
  padding-left: .375rem;
1072
1266
  }
1073
- .pl-3 {
1267
+ .noya-styles .pl-3 {
1074
1268
  padding-left: .75rem;
1075
1269
  }
1076
- .pr-1\.5 {
1270
+ .noya-styles .pr-1\.5 {
1077
1271
  padding-right: .375rem;
1078
1272
  }
1079
- .pr-2\.5 {
1273
+ .noya-styles .pr-2\.5 {
1080
1274
  padding-right: .625rem;
1081
1275
  }
1082
- .pr-4 {
1276
+ .noya-styles .pr-4 {
1083
1277
  padding-right: 1rem;
1084
1278
  }
1085
- .pt-1 {
1279
+ .noya-styles .pt-1 {
1086
1280
  padding-top: .25rem;
1087
1281
  }
1088
- .text-left {
1282
+ .noya-styles .text-left {
1089
1283
  text-align: left;
1090
1284
  }
1091
- .text-center {
1285
+ .noya-styles .text-center {
1092
1286
  text-align: center;
1093
1287
  }
1094
- .align-middle {
1288
+ .noya-styles .align-middle {
1095
1289
  vertical-align: middle;
1096
1290
  }
1097
- .font-mono {
1291
+ .noya-styles .font-mono {
1098
1292
  font-family:
1293
+ SFMono-Regular,
1294
+ SF Mono,
1099
1295
  Menlo,
1100
- Monaco,
1101
1296
  Consolas,
1102
- Courier New,
1297
+ Liberation Mono,
1103
1298
  monospace;
1104
1299
  }
1105
- .font-sans {
1300
+ .noya-styles .font-sans {
1106
1301
  font-family:
1107
1302
  __Inter_6b0edc,
1108
1303
  __Inter_Fallback_6b0edc,
@@ -1115,179 +1310,182 @@
1115
1310
  Arial,
1116
1311
  sans-serif;
1117
1312
  }
1118
- .text-\[10px\] {
1313
+ .noya-styles .text-\[10px\] {
1119
1314
  font-size: 10px;
1120
1315
  }
1121
- .text-\[11px\] {
1316
+ .noya-styles .text-\[11px\] {
1122
1317
  font-size: 11px;
1123
1318
  }
1124
- .text-\[12px\] {
1319
+ .noya-styles .text-\[12px\] {
1125
1320
  font-size: 12px;
1126
1321
  }
1127
- .text-\[9px\] {
1322
+ .noya-styles .text-\[9px\] {
1128
1323
  font-size: 9px;
1129
1324
  }
1130
- .text-base {
1325
+ .noya-styles .text-base {
1131
1326
  font-size: 1rem;
1132
1327
  line-height: 1.5rem;
1133
1328
  }
1134
- .text-button {
1329
+ .noya-styles .text-button {
1135
1330
  font-size: .8rem;
1136
1331
  line-height: 1.4;
1137
1332
  letter-spacing: -.2px;
1138
1333
  }
1139
- .text-code {
1334
+ .noya-styles .text-code {
1140
1335
  font-size: 90%;
1141
1336
  line-height: 1.5;
1142
1337
  }
1143
- .text-heading1 {
1338
+ .noya-styles .text-heading1 {
1144
1339
  font-size: 1.953rem;
1145
1340
  line-height: 1.6;
1146
1341
  letter-spacing: -.025em;
1147
1342
  }
1148
- .text-heading2 {
1343
+ .noya-styles .text-heading2 {
1149
1344
  font-size: 1.563rem;
1150
1345
  line-height: 1.5;
1151
1346
  letter-spacing: -.025em;
1152
1347
  }
1153
- .text-heading3 {
1348
+ .noya-styles .text-heading3 {
1154
1349
  font-size: 1.25rem;
1155
1350
  line-height: 1.4;
1156
1351
  letter-spacing: -.025em;
1157
1352
  }
1158
- .text-heading4 {
1353
+ .noya-styles .text-heading4 {
1159
1354
  font-size: 1rem;
1160
1355
  line-height: 1.4;
1161
1356
  }
1162
- .text-heading5 {
1357
+ .noya-styles .text-heading5 {
1163
1358
  font-size: .85rem;
1164
1359
  line-height: 1.4;
1165
1360
  }
1166
- .text-label {
1361
+ .noya-styles .text-label {
1167
1362
  font-size: .62rem;
1168
1363
  line-height: 19px;
1169
1364
  letter-spacing: -.3px;
1170
1365
  }
1171
- .text-list-small {
1366
+ .noya-styles .text-list-small {
1172
1367
  font-size: .75rem;
1173
1368
  line-height: 1.4;
1174
1369
  letter-spacing: -.2px;
1175
1370
  }
1176
- .text-sm {
1371
+ .noya-styles .text-sm {
1177
1372
  font-size: .875rem;
1178
1373
  line-height: 1.25rem;
1179
1374
  }
1180
- .text-subtitle {
1375
+ .noya-styles .text-subtitle {
1181
1376
  font-size: 1.563rem;
1182
1377
  line-height: 1.75;
1183
1378
  letter-spacing: -.05em;
1184
1379
  }
1185
- .text-title {
1380
+ .noya-styles .text-title {
1186
1381
  font-size: 3.052rem;
1187
1382
  line-height: 1.4;
1188
1383
  letter-spacing: -.05em;
1189
1384
  }
1190
- .text-xs {
1385
+ .noya-styles .text-xs {
1191
1386
  font-size: .75rem;
1192
1387
  line-height: 1rem;
1193
1388
  }
1194
- .font-\[14px\] {
1389
+ .noya-styles .font-\[14px\] {
1195
1390
  font-weight: 14px;
1196
1391
  }
1197
- .font-bold {
1392
+ .noya-styles .font-bold {
1198
1393
  font-weight: 700;
1199
1394
  }
1200
- .font-medium {
1395
+ .noya-styles .font-medium {
1201
1396
  font-weight: 500;
1202
1397
  }
1203
- .font-normal {
1398
+ .noya-styles .font-normal {
1204
1399
  font-weight: 400;
1205
1400
  }
1206
- .font-semibold {
1401
+ .noya-styles .font-semibold {
1207
1402
  font-weight: 600;
1208
1403
  }
1209
- .uppercase {
1404
+ .noya-styles .uppercase {
1210
1405
  text-transform: uppercase;
1211
1406
  }
1212
- .italic {
1407
+ .noya-styles .italic {
1213
1408
  font-style: italic;
1214
1409
  }
1215
- .tabular-nums {
1410
+ .noya-styles .tabular-nums {
1216
1411
  --tw-numeric-spacing:tabular-nums;
1217
1412
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
1218
1413
  }
1219
- .leading-3 {
1414
+ .noya-styles .leading-3 {
1220
1415
  line-height: .75rem;
1221
1416
  }
1222
- .leading-\[1\.4\] {
1417
+ .noya-styles .leading-\[1\.4\] {
1223
1418
  line-height: 1.4;
1224
1419
  }
1225
- .leading-\[15px\] {
1420
+ .noya-styles .leading-\[15px\] {
1226
1421
  line-height: 15px;
1227
1422
  }
1228
- .leading-\[19px\] {
1423
+ .noya-styles .leading-\[19px\] {
1229
1424
  line-height: 19px;
1230
1425
  }
1231
- .leading-\[1\],
1232
- .leading-none {
1426
+ .noya-styles .leading-\[1\],
1427
+ .noya-styles .leading-none {
1233
1428
  line-height: 1;
1234
1429
  }
1235
- .\!text-text-disabled {
1430
+ .noya-styles .\!text-text-disabled {
1236
1431
  color: var(--n-text-disabled) !important;
1237
1432
  }
1238
- .text-inherit {
1433
+ .noya-styles .text-inherit {
1239
1434
  color: inherit;
1240
1435
  }
1241
- .text-primary {
1436
+ .noya-styles .text-primary {
1242
1437
  color: var(--n-primary);
1243
1438
  }
1244
- .text-secondary {
1439
+ .noya-styles .text-secondary {
1245
1440
  color: var(--n-secondary);
1246
1441
  }
1247
- .text-segmented-control-item {
1442
+ .noya-styles .text-segmented-control-item {
1248
1443
  color: var(--n-segmented-control-item);
1249
1444
  }
1250
- .text-text {
1445
+ .noya-styles .text-selected-list-item-text {
1446
+ color: var(--n-selected-list-item-text);
1447
+ }
1448
+ .noya-styles .text-text {
1251
1449
  color: var(--n-text);
1252
1450
  }
1253
- .text-text-disabled {
1451
+ .noya-styles .text-text-disabled {
1254
1452
  color: var(--n-text-disabled);
1255
1453
  }
1256
- .text-text-muted {
1454
+ .noya-styles .text-text-muted {
1257
1455
  color: var(--n-text-muted);
1258
1456
  }
1259
- .text-text-subtle {
1457
+ .noya-styles .text-text-subtle {
1260
1458
  color: var(--n-text-subtle);
1261
1459
  }
1262
- .text-white {
1460
+ .noya-styles .text-white {
1263
1461
  --tw-text-opacity:1;
1264
- color: rgb(255 255 255/var(--tw-text-opacity));
1462
+ color: rgb(255 255 255/var(--tw-text-opacity,1));
1265
1463
  }
1266
- .underline {
1464
+ .noya-styles .underline {
1267
1465
  text-decoration-line: underline;
1268
1466
  }
1269
- .no-underline {
1467
+ .noya-styles .no-underline {
1270
1468
  text-decoration-line: none;
1271
1469
  }
1272
- .decoration-text-decorative-light {
1470
+ .noya-styles .decoration-text-decorative-light {
1273
1471
  text-decoration-color: var(--n-text-decorative-light);
1274
1472
  }
1275
- .opacity-0 {
1473
+ .noya-styles .opacity-0 {
1276
1474
  opacity: 0;
1277
1475
  }
1278
- .opacity-100 {
1476
+ .noya-styles .opacity-100 {
1279
1477
  opacity: 1;
1280
1478
  }
1281
- .opacity-25 {
1479
+ .noya-styles .opacity-25 {
1282
1480
  opacity: .25;
1283
1481
  }
1284
- .opacity-50 {
1482
+ .noya-styles .opacity-50 {
1285
1483
  opacity: .5;
1286
1484
  }
1287
- .opacity-60 {
1485
+ .noya-styles .opacity-60 {
1288
1486
  opacity: .6;
1289
1487
  }
1290
- .shadow-\[0_0_0_1px_var\(--n-chip-default-shadow\)_inset\] {
1488
+ .noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-default-shadow\)_inset\] {
1291
1489
  --tw-shadow:0 0 0 1px var(--n-chip-default-shadow) inset;
1292
1490
  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
1293
1491
  box-shadow:
@@ -1295,7 +1493,7 @@
1295
1493
  var(--tw-ring-shadow,0 0 #0000),
1296
1494
  var(--tw-shadow);
1297
1495
  }
1298
- .shadow-\[0_0_0_1px_var\(--n-chip-error-shadow\)_inset\] {
1496
+ .noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-error-shadow\)_inset\] {
1299
1497
  --tw-shadow:0 0 0 1px var(--n-chip-error-shadow) inset;
1300
1498
  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
1301
1499
  box-shadow:
@@ -1303,7 +1501,7 @@
1303
1501
  var(--tw-ring-shadow,0 0 #0000),
1304
1502
  var(--tw-shadow);
1305
1503
  }
1306
- .shadow-\[0_0_0_1px_var\(--n-chip-primary-shadow\)_inset\] {
1504
+ .noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-primary-shadow\)_inset\] {
1307
1505
  --tw-shadow:0 0 0 1px var(--n-chip-primary-shadow) inset;
1308
1506
  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
1309
1507
  box-shadow:
@@ -1311,7 +1509,7 @@
1311
1509
  var(--tw-ring-shadow,0 0 #0000),
1312
1510
  var(--tw-shadow);
1313
1511
  }
1314
- .shadow-\[0_0_0_1px_var\(--n-chip-secondary-shadow\)_inset\] {
1512
+ .noya-styles .shadow-\[0_0_0_1px_var\(--n-chip-secondary-shadow\)_inset\] {
1315
1513
  --tw-shadow:0 0 0 1px var(--n-chip-secondary-shadow) inset;
1316
1514
  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
1317
1515
  box-shadow:
@@ -1319,7 +1517,7 @@
1319
1517
  var(--tw-ring-shadow,0 0 #0000),
1320
1518
  var(--tw-shadow);
1321
1519
  }
1322
- .shadow-\[0_0_0_1px_var\(--n-divider\)_inset\] {
1520
+ .noya-styles .shadow-\[0_0_0_1px_var\(--n-divider\)_inset\] {
1323
1521
  --tw-shadow:0 0 0 1px var(--n-divider) inset;
1324
1522
  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
1325
1523
  box-shadow:
@@ -1327,62 +1525,44 @@
1327
1525
  var(--tw-ring-shadow,0 0 #0000),
1328
1526
  var(--tw-shadow);
1329
1527
  }
1330
- .shadow-\[0_10px_38px_-10px_hsla\(206\,22\%\,7\%\,\.35\)\,0_10px_20px_-15px_hsla\(206\,22\%\,7\%\,\.2\)\] {
1331
- --tw-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);
1332
- --tw-shadow-colored:0 10px 38px -10px var(--tw-shadow-color),0 10px 20px -15px var(--tw-shadow-color);
1333
- box-shadow:
1334
- var(--tw-ring-offset-shadow,0 0 #0000),
1335
- var(--tw-ring-shadow,0 0 #0000),
1336
- var(--tw-shadow);
1337
- }
1338
- .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.1\)\] {
1528
+ .noya-styles .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.1\)\] {
1339
1529
  --tw-shadow:0 1px 2px rgba(0,0,0,.1);
1340
1530
  --tw-shadow-colored:0 1px 2px var(--tw-shadow-color);
1341
- box-shadow:
1342
- var(--tw-ring-offset-shadow,0 0 #0000),
1343
- var(--tw-ring-shadow,0 0 #0000),
1344
- var(--tw-shadow);
1345
1531
  }
1346
- .shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)\,0_0_12px_rgba\(0\,0\,0\,0\.1\)\],
1347
- .shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)\,_0_0_12px_rgba\(0\,0\,0\,0\.1\)\] {
1348
- --tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);
1349
- --tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);
1532
+ .noya-styles .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.1\)\],
1533
+ .noya-styles .shadow-none {
1350
1534
  box-shadow:
1351
1535
  var(--tw-ring-offset-shadow,0 0 #0000),
1352
1536
  var(--tw-ring-shadow,0 0 #0000),
1353
1537
  var(--tw-shadow);
1354
1538
  }
1355
- .shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)_0_0_12px_rgba\(0\,0\,0\,0\.1\)\] {
1356
- --tw-shadow:0 2px 4px rgba(0,0,0,.2) 0 0 12px rgba(0,0,0,.1);
1357
- --tw-shadow-colored:0 2px 4px 0 var(--tw-shadow-color);
1358
- box-shadow:
1359
- var(--tw-ring-offset-shadow,0 0 #0000),
1360
- var(--tw-ring-shadow,0 0 #0000),
1361
- var(--tw-shadow);
1362
- }
1363
- .shadow-none {
1539
+ .noya-styles .shadow-none {
1364
1540
  --tw-shadow:0 0 #0000;
1365
1541
  --tw-shadow-colored:0 0 #0000;
1366
1542
  }
1367
- .shadow-none,
1368
- .shadow-sm {
1543
+ .noya-styles .shadow-popover {
1544
+ --tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);
1545
+ --tw-shadow-colored:0 2px 4px var(--tw-shadow-color),0 0 12px var(--tw-shadow-color);
1546
+ }
1547
+ .noya-styles .shadow-popover,
1548
+ .noya-styles .shadow-sm {
1369
1549
  box-shadow:
1370
1550
  var(--tw-ring-offset-shadow,0 0 #0000),
1371
1551
  var(--tw-ring-shadow,0 0 #0000),
1372
1552
  var(--tw-shadow);
1373
1553
  }
1374
- .shadow-sm {
1554
+ .noya-styles .shadow-sm {
1375
1555
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
1376
1556
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
1377
1557
  }
1378
- .outline-none {
1558
+ .noya-styles .outline-none {
1379
1559
  outline: 2px solid transparent;
1380
1560
  outline-offset: 2px;
1381
1561
  }
1382
- .outline {
1562
+ .noya-styles .outline {
1383
1563
  outline-style: solid;
1384
1564
  }
1385
- .ring-2 {
1565
+ .noya-styles .ring-2 {
1386
1566
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1387
1567
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1388
1568
  box-shadow:
@@ -1390,28 +1570,28 @@
1390
1570
  var(--tw-ring-shadow),
1391
1571
  var(--tw-shadow,0 0 #0000);
1392
1572
  }
1393
- .ring-inset {
1573
+ .noya-styles .ring-inset {
1394
1574
  --tw-ring-inset:inset;
1395
1575
  }
1396
- .ring-primary {
1576
+ .noya-styles .ring-primary {
1397
1577
  --tw-ring-color:var(--n-primary);
1398
1578
  }
1399
- .ring-offset-background {
1579
+ .noya-styles .ring-offset-background {
1400
1580
  --tw-ring-offset-color:var(--n-background);
1401
1581
  }
1402
- .blur {
1582
+ .noya-styles .blur {
1403
1583
  --tw-blur:blur(8px);
1404
1584
  }
1405
- .blur,
1406
- .filter {
1585
+ .noya-styles .blur,
1586
+ .noya-styles .filter {
1407
1587
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1408
1588
  }
1409
- .backdrop-blur-\[4px\] {
1589
+ .noya-styles .backdrop-blur-\[4px\] {
1410
1590
  --tw-backdrop-blur:blur(4px);
1411
1591
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1412
1592
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1413
1593
  }
1414
- .transition {
1594
+ .noya-styles .transition {
1415
1595
  transition-property:
1416
1596
  color,
1417
1597
  background-color,
@@ -1452,12 +1632,12 @@
1452
1632
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1453
1633
  transition-duration: .15s;
1454
1634
  }
1455
- .transition-all {
1635
+ .noya-styles .transition-all {
1456
1636
  transition-property: all;
1457
1637
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1458
1638
  transition-duration: .15s;
1459
1639
  }
1460
- .transition-colors {
1640
+ .noya-styles .transition-colors {
1461
1641
  transition-property:
1462
1642
  color,
1463
1643
  background-color,
@@ -1468,158 +1648,38 @@
1468
1648
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1469
1649
  transition-duration: .15s;
1470
1650
  }
1471
- .transition-transform {
1651
+ .noya-styles .transition-transform {
1472
1652
  transition-property: transform;
1473
1653
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1474
1654
  transition-duration: .15s;
1475
1655
  }
1476
- .duration-100 {
1656
+ .noya-styles .duration-100 {
1477
1657
  transition-duration: .1s;
1478
1658
  }
1479
- .duration-200 {
1659
+ .noya-styles .duration-200 {
1480
1660
  transition-duration: .2s;
1481
1661
  }
1482
- .ease-in {
1662
+ .noya-styles .ease-in {
1483
1663
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
1484
1664
  }
1485
- .ease-out {
1665
+ .noya-styles .ease-in-out {
1666
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1667
+ }
1668
+ .noya-styles .ease-out {
1486
1669
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
1487
1670
  }
1488
- .\@container\/toolbar {
1671
+ .noya-styles .\@container\/toolbar {
1489
1672
  container-type: inline-size;
1490
1673
  container-name: toolbar;
1491
1674
  }
1492
- .\[-webkit-app-region\:no-drag\] {
1675
+ .noya-styles .\[-webkit-app-region\:no-drag\] {
1493
1676
  -webkit-app-region: no-drag;
1494
1677
  }
1495
- .\[webkit-tap-highlight-color\:rgba\(0\,0\,0\,0\)\] {
1496
- webkit-tap-highlight-color: transparent;
1497
- }
1498
- :root {
1499
- --n-logo-fill:#9698ac;
1500
- --n-logo-highlight:#9698ac;
1501
- --n-background:#fff;
1502
- --n-text:#263053;
1503
- --n-text-muted:#6b7188;
1504
- --n-text-subtle:#757981;
1505
- --n-text-disabled:#9698ac;
1506
- --n-text-decorative-light:#a8b9d4;
1507
- --n-divider-subtle:rgba(30,50,100,.04);
1508
- --n-divider:rgba(30,50,100,.07);
1509
- --n-divider-strong:rgba(30,50,100,.09);
1510
- --n-primary:#6746ff;
1511
- --n-primary-light:#9356ff;
1512
- --n-primary-pastel:#eae6ff;
1513
- --n-secondary:#009775;
1514
- --n-secondary-light:#00a081;
1515
- --n-secondary-pastel:#cdeee7;
1516
- --n-secondary-bright:#0ab557;
1517
- --n-input-background-light:#f3f5f9;
1518
- --n-code-background:#fafafa;
1519
- --n-code-background-dark:#435080;
1520
- --n-selected-background:#f2f5fa;
1521
- --n-breadcrumb-text:#6b7188;
1522
- --n-breadcrumb-text-hover:#757981;
1523
- --n-breadcrumb-icon:#8183a5;
1524
- --n-canvas-background:#f9f9f9;
1525
- --n-canvas-grid:rgba(0,0,0,.05);
1526
- --n-sidebar-background:#fff;
1527
- --n-sidebar-background-transparent:hsla(0,0%,100%,.85);
1528
- --n-popover-background:#fcfcfc;
1529
- --n-popover-divider:transparent;
1530
- --n-listview-raised-background:rgba(0,0,0,.03);
1531
- --n-listview-editing-background:#fff;
1532
- --n-input-background:#f0f2f6;
1533
- --n-list-view-hover-background:#f4f6fa;
1534
- --n-list-view-thumbnail-background:var(--n-input-background);
1535
- --n-slider-thumb-background:#fff;
1536
- --n-slider-border:#9698ac;
1537
- --n-mask:#0cc143;
1538
- --n-transparent-checker:hsla(0,0%,100%,.8);
1539
- --n-scrollbar:hsla(0,0%,78%,.8);
1540
- --n-placeholder-dots:rgba(0,0,0,.3);
1541
- --n-drag-outline:#6746ff;
1542
- --n-active-background:rgba(0,0,0,.1);
1543
- --n-thumbnail-background:#f0efff;
1544
- --n-thumbnail-shadow:#d3ceed66;
1545
- --n-inline-code-text:#6746ff;
1546
- --n-inline-code-background:#f0f2f6;
1547
- --n-text-link:#6746ff;
1548
- --n-text-link-focused:#9356ff;
1549
- --n-inset-top:46px;
1550
- --n-sidebar-width:260px;
1551
- --n-toolbar-height:46px;
1552
- --n-toolbar-separator:8px;
1553
- --n-inspector-h-separator:8px;
1554
- --n-inspector-v-separator:10px;
1555
- --n-dialog-padding:16px;
1556
- --n-input-height:27px;
1557
- --n-icon:#8183a5;
1558
- --n-icon-selected:#dcdcdc;
1559
- --n-warning:#fbd300;
1560
- --n-segmented-control-item:#8b8b8b;
1561
- --n-dot:rgba(0,0,0,.25);
1562
- --n-row-highlight:#3390ff10;
1563
- --n-table-row-background:var(--n-background);
1564
- --n-interactable-z-index:2;
1565
- --n-label-z-index:3;
1566
- --n-menu-z-index:5000;
1567
- --n-chip-primary-bg:rgba(238,229,255,.2);
1568
- --n-chip-secondary-bg:rgba(205,238,231,.2);
1569
- --n-chip-error-bg:hsla(0,100%,93%,.2);
1570
- --n-chip-default-bg:rgba(0,0,0,.1);
1571
- --n-chip-primary-shadow:#eee5ff;
1572
- --n-chip-secondary-shadow:#cdeee7;
1573
- --n-chip-error-shadow:#ffdbdb;
1574
- --n-chip-default-shadow:#000;
1575
- --n-floating-button:#f8f8fa;
1576
- --n-block-border:#b8c9da;
1577
- --n-block-highlight:orange;
1578
- --n-visual-editor-line-placeholder-content:"Write or press / for commands";
1579
- }
1580
- [data-theme=dark] {
1581
- --n-background:#111;
1582
- --n-logo-fill:#f8f8fa;
1583
- --n-logo-highlight:#f8f8fa;
1584
- --n-text:#f8f8fa;
1585
- --n-text-muted:#b4b3b6;
1586
- --n-text-subtle:#b4b3b6;
1587
- --n-text-disabled:#73727e;
1588
- --n-divider-subtle:hsla(0,0%,100%,.04);
1589
- --n-divider:hsla(0,0%,100%,.08);
1590
- --n-divider-strong:#000;
1591
- --n-primary:#7742ff;
1592
- --n-primary-light:#8656ff;
1593
- --n-secondary-bright:#36fe91;
1594
- --n-input-background:rgba(181,178,255,.08);
1595
- --n-input-background-light:rgba(181,178,255,.1);
1596
- --n-code-background:#141317;
1597
- --n-canvas-background:#141317;
1598
- --n-canvas-grid:rgba(0,0,0,.1);
1599
- --n-sidebar-background:#222127;
1600
- --n-sidebar-background-transparent:rgba(34,33,39,.95);
1601
- --n-popover-background:#222127;
1602
- --n-popover-divider:hsla(0,0%,100%,.08);
1603
- --n-listview-raised-background:rgba(181,178,255,.1);
1604
- --n-listview-editing-background:#000;
1605
- --n-list-view-hover-background:var(--n-input-background-light);
1606
- --n-list-view-thumbnail-background:var(--n-input-background);
1607
- --n-slider-thumb-background:var(--n-input-background-light);
1608
- --n-slider-border:var(--n-divider);
1609
- --n-mask:#66bb6a;
1610
- --n-transparent-checker:hsla(0,0%,100%,.3);
1611
- --n-scrollbar:hsla(0,0%,78%,.2);
1612
- --n-placeholder-dots:hsla(0,0%,100%,.3);
1613
- --n-drag-outline:#fff;
1614
- --n-active-background:rgba(181,178,255,.08);
1615
- --n-thumbnail-background:#1f1d33;
1616
- --n-thumbnail-shadow:#1f1d3366;
1617
- --n-dot:hsla(0,0%,100%,.15);
1618
- --n-table-row-background:var(--n-sidebar-background);
1619
- --n-floating-button:#333;
1678
+ .noya-styles .\[-webkit-tap-highlight-color\:rgba\(0\,0\,0\,0\)\] {
1679
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1620
1680
  }
1621
- .visual-editor-line-placeholder:after {
1622
- content: var(--n-visual-editor-line-placeholder-content);
1681
+ .noya-styles .markdown-editor-line-placeholder:after {
1682
+ content: var(--n-markdown-editor-line-placeholder-content);
1623
1683
  color: var(--n-text-disabled);
1624
1684
  pointer-events: none;
1625
1685
  }
@@ -1684,12 +1744,11 @@
1684
1744
  .focus\:border-primary:focus {
1685
1745
  border-color: var(--n-primary);
1686
1746
  }
1687
- .focus\:bg-primary:focus {
1688
- background-color: var(--n-primary);
1747
+ .focus\:bg-selected-list-item-background:focus {
1748
+ background-color: var(--n-selected-list-item-background);
1689
1749
  }
1690
- .focus\:text-white:focus {
1691
- --tw-text-opacity:1;
1692
- color: rgb(255 255 255/var(--tw-text-opacity));
1750
+ .focus\:text-selected-list-item-text:focus {
1751
+ color: var(--n-selected-list-item-text);
1693
1752
  }
1694
1753
  .focus\:shadow-\[0_0_0_1px_var\(--n-popover-background\)_inset\]:focus {
1695
1754
  --tw-shadow:0 0 0 1px var(--n-popover-background) inset;
@@ -1699,14 +1758,6 @@
1699
1758
  var(--tw-ring-shadow,0 0 #0000),
1700
1759
  var(--tw-shadow);
1701
1760
  }
1702
- .focus\:shadow-\[0_0_0_1px_var\(--n-sidebar-background\)\,0_0_0_3px_var\(--n-primary\)\]:focus {
1703
- --tw-shadow:0 0 0 1px var(--n-sidebar-background),0 0 0 3px var(--n-primary);
1704
- --tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 0 0 3px var(--tw-shadow-color);
1705
- box-shadow:
1706
- var(--tw-ring-offset-shadow,0 0 #0000),
1707
- var(--tw-ring-shadow,0 0 #0000),
1708
- var(--tw-shadow);
1709
- }
1710
1761
  .focus\:outline-none:focus {
1711
1762
  outline: 2px solid transparent;
1712
1763
  outline-offset: 2px;
@@ -1738,12 +1789,12 @@
1738
1789
  .active\:bg-primary:active {
1739
1790
  background-color: var(--n-primary);
1740
1791
  }
1741
- .active\:bg-primary-light:active {
1742
- background-color: var(--n-primary-light);
1743
- }
1744
1792
  .active\:bg-secondary:active {
1745
1793
  background-color: var(--n-secondary);
1746
1794
  }
1795
+ .active\:bg-selected-list-item-background:active {
1796
+ background-color: var(--n-selected-list-item-background);
1797
+ }
1747
1798
  .active\:opacity-70:active {
1748
1799
  opacity: .7;
1749
1800
  }
@@ -1776,9 +1827,9 @@
1776
1827
  }
1777
1828
  .aria-checked\:text-white[aria-checked=true] {
1778
1829
  --tw-text-opacity:1;
1779
- color: rgb(255 255 255/var(--tw-text-opacity));
1830
+ color: rgb(255 255 255/var(--tw-text-opacity,1));
1780
1831
  }
1781
- .aria-checked\:shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.1\)\][aria-checked=true] {
1832
+ .aria-checked\:shadow-segment[aria-checked=true] {
1782
1833
  --tw-shadow:0 1px 1px rgba(0,0,0,.1);
1783
1834
  --tw-shadow-colored:0 1px 1px var(--tw-shadow-color);
1784
1835
  box-shadow:
@@ -1808,12 +1859,6 @@
1808
1859
  .sm\:max-w-sm {
1809
1860
  max-width: 24rem;
1810
1861
  }
1811
- .sm\:text-\[18px\] {
1812
- font-size: 18px;
1813
- }
1814
- .sm\:text-\[36px\] {
1815
- font-size: 36px;
1816
- }
1817
1862
  }
1818
1863
  .\[\&\>\*\]\:pointer-events-none > * {
1819
1864
  pointer-events: none;