@noya-app/noya-file-explorer 0.0.2 → 0.0.4

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,461 +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-4 {
545
+ .noya-styles .h-4 {
361
546
  height: 1rem;
362
547
  }
363
- .h-6 {
364
- height: 1.5rem;
548
+ .noya-styles .h-5 {
549
+ height: 1.25rem;
365
550
  }
366
- .h-8 {
551
+ .noya-styles .h-8 {
367
552
  height: 2rem;
368
553
  }
369
- .h-\[15px\] {
554
+ .noya-styles .h-\[15px\] {
370
555
  height: 15px;
371
556
  }
372
- .h-\[19px\] {
557
+ .noya-styles .h-\[19px\] {
373
558
  height: 19px;
374
559
  }
375
- .h-\[25px\] {
560
+ .noya-styles .h-\[25px\] {
376
561
  height: 25px;
377
562
  }
378
- .h-\[50px\] {
563
+ .noya-styles .h-\[50px\] {
379
564
  height: 50px;
380
565
  }
381
- .h-\[5px\] {
566
+ .noya-styles .h-\[5px\] {
382
567
  height: 5px;
383
568
  }
384
- .h-full {
569
+ .noya-styles .h-full {
385
570
  height: 100%;
386
571
  }
387
- .h-input-height {
572
+ .noya-styles .h-input-height {
388
573
  height: var(--n-input-height);
389
574
  }
390
- .h-px {
575
+ .noya-styles .h-px {
391
576
  height: 1px;
392
577
  }
393
- .max-h-\[600px\] {
578
+ .noya-styles .max-h-\[600px\] {
394
579
  max-height: 600px;
395
580
  }
396
- .max-h-\[85vh\] {
581
+ .noya-styles .max-h-\[85vh\] {
397
582
  max-height: 85vh;
398
583
  }
399
- .max-h-full {
584
+ .noya-styles .max-h-full {
400
585
  max-height: 100%;
401
586
  }
402
- .max-h-input-height {
587
+ .noya-styles .max-h-input-height {
403
588
  max-height: var(--n-input-height);
404
589
  }
405
- .max-h-none {
590
+ .noya-styles .max-h-none {
406
591
  max-height: none;
407
592
  }
408
- .min-h-0 {
593
+ .noya-styles .min-h-0 {
409
594
  min-height: 0;
410
595
  }
411
- .min-h-6 {
596
+ .noya-styles .min-h-6 {
412
597
  min-height: 1.5rem;
413
598
  }
414
- .min-h-\[19px\] {
599
+ .noya-styles .min-h-\[19px\] {
415
600
  min-height: 19px;
416
601
  }
417
- .min-h-input-height {
602
+ .noya-styles .min-h-input-height {
418
603
  min-height: var(--n-input-height);
419
604
  }
420
- .min-h-px {
605
+ .noya-styles .min-h-px {
421
606
  min-height: 1px;
422
607
  }
423
- .w-0 {
608
+ .noya-styles .w-0 {
424
609
  width: 0;
425
610
  }
426
- .w-16 {
611
+ .noya-styles .w-16 {
427
612
  width: 4rem;
428
613
  }
429
- .w-24 {
614
+ .noya-styles .w-24 {
430
615
  width: 6rem;
431
616
  }
432
- .w-4 {
617
+ .noya-styles .w-4 {
433
618
  width: 1rem;
434
619
  }
435
- .w-6 {
620
+ .noya-styles .w-5 {
621
+ width: 1.25rem;
622
+ }
623
+ .noya-styles .w-6 {
436
624
  width: 1.5rem;
437
625
  }
438
- .w-8 {
626
+ .noya-styles .w-8 {
439
627
  width: 2rem;
440
628
  }
441
- .w-\[0\.9rem\] {
629
+ .noya-styles .w-\[0\.9rem\] {
442
630
  width: .9rem;
443
631
  }
444
- .w-\[15px\] {
632
+ .noya-styles .w-\[15px\] {
445
633
  width: 15px;
446
634
  }
447
- .w-\[19px\] {
635
+ .noya-styles .w-\[19px\] {
448
636
  width: 19px;
449
637
  }
450
- .w-\[1px\] {
638
+ .noya-styles .w-\[1px\] {
451
639
  width: 1px;
452
640
  }
453
- .w-\[240px\] {
641
+ .noya-styles .w-\[240px\] {
454
642
  width: 240px;
455
643
  }
456
- .w-\[25px\] {
644
+ .noya-styles .w-\[25px\] {
457
645
  width: 25px;
458
646
  }
459
- .w-\[50px\] {
647
+ .noya-styles .w-\[50px\] {
460
648
  width: 50px;
461
649
  }
462
- .w-\[680px\] {
650
+ .noya-styles .w-\[680px\] {
463
651
  width: 680px;
464
652
  }
465
- .w-\[90vw\] {
653
+ .noya-styles .w-\[90vw\] {
466
654
  width: 90vw;
467
655
  }
468
- .w-full {
656
+ .noya-styles .w-full {
469
657
  width: 100%;
470
658
  }
471
- .w-input-height {
659
+ .noya-styles .w-input-height {
472
660
  width: var(--n-input-height);
473
661
  }
474
- .w-px {
662
+ .noya-styles .w-px {
475
663
  width: 1px;
476
664
  }
477
- .min-w-0 {
665
+ .noya-styles .min-w-0 {
478
666
  min-width: 0;
479
667
  }
480
- .min-w-6 {
668
+ .noya-styles .min-w-6 {
481
669
  min-width: 1.5rem;
482
670
  }
483
- .min-w-\[200px\] {
671
+ .noya-styles .min-w-\[200px\] {
484
672
  min-width: 200px;
485
673
  }
486
- .min-w-\[31px\] {
674
+ .noya-styles .min-w-\[31px\] {
487
675
  min-width: 31px;
488
676
  }
489
- .min-w-px {
677
+ .noya-styles .min-w-px {
490
678
  min-width: 1px;
491
679
  }
492
- .max-w-\[100vw\] {
680
+ .noya-styles .max-w-\[100vw\] {
493
681
  max-width: 100vw;
494
682
  }
495
- .max-w-\[450px\] {
683
+ .noya-styles .max-w-\[450px\] {
496
684
  max-width: 450px;
497
685
  }
498
- .max-w-\[70\%\] {
686
+ .noya-styles .max-w-\[70\%\] {
499
687
  max-width: 70%;
500
688
  }
501
- .max-w-full {
689
+ .noya-styles .max-w-full {
502
690
  max-width: 100%;
503
691
  }
504
- .max-w-none {
692
+ .noya-styles .max-w-none {
505
693
  max-width: none;
506
694
  }
507
- .flex-1 {
695
+ .noya-styles .flex-1 {
508
696
  flex: 1 1 0%;
509
697
  }
510
- .flex-\[0_0_auto\] {
698
+ .noya-styles .flex-\[0_0_auto\] {
511
699
  flex: 0 0 auto;
512
700
  }
513
- .flex-auto {
701
+ .noya-styles .flex-auto {
514
702
  flex: 1 1 auto;
515
703
  }
516
- .flex-none {
704
+ .noya-styles .flex-none {
517
705
  flex: none;
518
706
  }
519
- .flex-shrink-0 {
707
+ .noya-styles .flex-shrink-0 {
520
708
  flex-shrink: 0;
521
709
  }
522
- .flex-grow {
710
+ .noya-styles .flex-grow {
523
711
  flex-grow: 1;
524
712
  }
525
- .basis-0 {
713
+ .noya-styles .basis-0 {
526
714
  flex-basis: 0px;
527
715
  }
528
- .-translate-x-1\/2 {
716
+ .noya-styles .-translate-x-1\/2 {
529
717
  --tw-translate-x:-50%;
530
718
  }
531
- .-translate-x-1\/2,
532
- .-translate-y-1\/2 {
719
+ .noya-styles .-translate-x-1\/2,
720
+ .noya-styles .-translate-y-1\/2 {
533
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));
534
722
  }
535
- .-translate-y-1\/2 {
723
+ .noya-styles .-translate-y-1\/2 {
536
724
  --tw-translate-y:-50%;
537
725
  }
538
- .translate-x-\[2px\] {
726
+ .noya-styles .translate-x-\[2px\] {
539
727
  --tw-translate-x:2px;
540
728
  }
541
- .rotate-0,
542
- .translate-x-\[2px\] {
729
+ .noya-styles .rotate-0,
730
+ .noya-styles .translate-x-\[2px\] {
543
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));
544
732
  }
545
- .rotate-0 {
733
+ .noya-styles .rotate-0 {
546
734
  --tw-rotate:0deg;
547
735
  }
548
- .rotate-180 {
736
+ .noya-styles .rotate-180 {
549
737
  --tw-rotate:180deg;
550
738
  }
551
- .rotate-180,
552
- .scale-\[0\.60\] {
739
+ .noya-styles .rotate-180,
740
+ .noya-styles .scale-\[0\.60\] {
553
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));
554
742
  }
555
- .scale-\[0\.60\] {
743
+ .noya-styles .scale-\[0\.60\] {
556
744
  --tw-scale-x:0.60;
557
745
  --tw-scale-y:0.60;
558
746
  }
559
- .scale-\[0\.75\] {
747
+ .noya-styles .scale-\[0\.75\] {
560
748
  --tw-scale-x:0.75;
561
749
  --tw-scale-y:0.75;
562
750
  }
563
- .scale-\[0\.75\],
564
- .transform {
751
+ .noya-styles .scale-\[0\.75\],
752
+ .noya-styles .transform {
565
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));
566
754
  }
567
755
  @keyframes pulse {
@@ -569,7 +757,7 @@
569
757
  opacity: .5;
570
758
  }
571
759
  }
572
- .animate-pulse {
760
+ .noya-styles .animate-pulse {
573
761
  animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
574
762
  }
575
763
  @keyframes shimmer {
@@ -580,7 +768,7 @@
580
768
  background-position: 200% 0;
581
769
  }
582
770
  }
583
- .animate-shimmer {
771
+ .noya-styles .animate-shimmer {
584
772
  animation: shimmer 6s linear infinite;
585
773
  }
586
774
  @keyframes spin {
@@ -591,514 +779,525 @@
591
779
  transform: rotate(1turn);
592
780
  }
593
781
  }
594
- .animate-spin {
782
+ .noya-styles .animate-spin {
595
783
  animation: spin 1s linear infinite;
596
784
  }
597
- .cursor-col-resize {
785
+ .noya-styles .cursor-col-resize {
598
786
  cursor: col-resize;
599
787
  }
600
- .cursor-default {
788
+ .noya-styles .cursor-default {
601
789
  cursor: default;
602
790
  }
603
- .cursor-pointer {
791
+ .noya-styles .cursor-pointer {
604
792
  cursor: pointer;
605
793
  }
606
- .touch-none {
794
+ .noya-styles .touch-none {
607
795
  touch-action: none;
608
796
  }
609
- .select-none {
797
+ .noya-styles .select-none {
610
798
  -webkit-user-select: none;
611
799
  -moz-user-select: none;
612
800
  user-select: none;
613
801
  }
614
- .select-all {
802
+ .noya-styles .select-all {
615
803
  -webkit-user-select: all;
616
804
  -moz-user-select: all;
617
805
  user-select: all;
618
806
  }
619
- .resize-none {
807
+ .noya-styles .resize-none {
620
808
  resize: none;
621
809
  }
622
- .resize {
810
+ .noya-styles .resize {
623
811
  resize: both;
624
812
  }
625
- .list-none {
813
+ .noya-styles .list-none {
626
814
  list-style-type: none;
627
815
  }
628
- .appearance-none {
816
+ .noya-styles .appearance-none {
629
817
  -webkit-appearance: none;
630
818
  -moz-appearance: none;
631
819
  appearance: none;
632
820
  }
633
- .grid-cols-\[auto_max-content\] {
821
+ .noya-styles .grid-cols-\[auto_max-content\] {
634
822
  grid-template-columns: auto max-content;
635
823
  }
636
- .flex-row {
824
+ .noya-styles .flex-row {
637
825
  flex-direction: row;
638
826
  }
639
- .flex-row-reverse {
827
+ .noya-styles .flex-row-reverse {
640
828
  flex-direction: row-reverse;
641
829
  }
642
- .flex-col {
830
+ .noya-styles .flex-col {
643
831
  flex-direction: column;
644
832
  }
645
- .flex-wrap {
833
+ .noya-styles .flex-wrap {
646
834
  flex-wrap: wrap;
647
835
  }
648
- .items-start {
836
+ .noya-styles .items-start {
649
837
  align-items: flex-start;
650
838
  }
651
- .items-end {
839
+ .noya-styles .items-end {
652
840
  align-items: flex-end;
653
841
  }
654
- .items-center {
842
+ .noya-styles .items-center {
655
843
  align-items: center;
656
844
  }
657
- .items-stretch {
845
+ .noya-styles .items-stretch {
658
846
  align-items: stretch;
659
847
  }
660
- .justify-start {
848
+ .noya-styles .justify-start {
661
849
  justify-content: flex-start;
662
850
  }
663
- .justify-end {
851
+ .noya-styles .justify-end {
664
852
  justify-content: flex-end;
665
853
  }
666
- .justify-center {
854
+ .noya-styles .justify-center {
667
855
  justify-content: center;
668
856
  }
669
- .gap-0\.5 {
857
+ .noya-styles .gap-0\.5 {
670
858
  gap: .125rem;
671
859
  }
672
- .gap-1 {
860
+ .noya-styles .gap-1 {
673
861
  gap: .25rem;
674
862
  }
675
- .gap-1\.5 {
863
+ .noya-styles .gap-1\.5 {
676
864
  gap: .375rem;
677
865
  }
678
- .gap-2 {
866
+ .noya-styles .gap-2 {
679
867
  gap: .5rem;
680
868
  }
681
- .gap-3 {
869
+ .noya-styles .gap-3 {
682
870
  gap: .75rem;
683
871
  }
684
- .gap-4 {
872
+ .noya-styles .gap-4 {
685
873
  gap: 1rem;
686
874
  }
687
- .gap-toolbar-separator {
875
+ .noya-styles .gap-toolbar-separator {
688
876
  gap: var(--n-toolbar-separator);
689
877
  }
690
- .gap-x-1\.5 {
878
+ .noya-styles .gap-x-1\.5 {
691
879
  -moz-column-gap: .375rem;
692
880
  column-gap: .375rem;
693
881
  }
694
- .gap-x-2\.5 {
882
+ .noya-styles .gap-x-2\.5 {
695
883
  -moz-column-gap: .625rem;
696
884
  column-gap: .625rem;
697
885
  }
698
- .self-start {
886
+ .noya-styles .self-start {
699
887
  align-self: flex-start;
700
888
  }
701
- .self-stretch {
889
+ .noya-styles .self-stretch {
702
890
  align-self: stretch;
703
891
  }
704
- .overflow-auto {
892
+ .noya-styles .overflow-auto {
705
893
  overflow: auto;
706
894
  }
707
- .overflow-hidden {
895
+ .noya-styles .overflow-hidden {
708
896
  overflow: hidden;
709
897
  }
710
- .overflow-y-auto {
898
+ .noya-styles .overflow-y-auto {
711
899
  overflow-y: auto;
712
900
  }
713
- .truncate {
901
+ .noya-styles .truncate {
714
902
  overflow: hidden;
903
+ text-overflow: ellipsis;
715
904
  white-space: nowrap;
716
905
  }
717
- .text-ellipsis,
718
- .truncate {
906
+ .noya-styles .text-ellipsis {
719
907
  text-overflow: ellipsis;
720
908
  }
721
- .whitespace-pre {
909
+ .noya-styles .whitespace-pre {
722
910
  white-space: pre;
723
911
  }
724
- .rounded {
912
+ .noya-styles .rounded {
725
913
  border-radius: .25rem;
726
914
  }
727
- .rounded-\[10px\] {
915
+ .noya-styles .rounded-\[10px\] {
728
916
  border-radius: 10px;
729
917
  }
730
- .rounded-\[2px\] {
918
+ .noya-styles .rounded-\[2px\] {
731
919
  border-radius: 2px;
732
920
  }
733
- .rounded-\[3px\] {
921
+ .noya-styles .rounded-\[3px\] {
734
922
  border-radius: 3px;
735
923
  }
736
- .rounded-\[50\%\] {
924
+ .noya-styles .rounded-\[50\%\] {
737
925
  border-radius: 50%;
738
926
  }
739
- .rounded-full {
927
+ .noya-styles .rounded-full {
740
928
  border-radius: 9999px;
741
929
  }
742
- .rounded-lg {
930
+ .noya-styles .rounded-lg {
743
931
  border-radius: .5rem;
744
932
  }
745
- .rounded-md {
933
+ .noya-styles .rounded-md {
746
934
  border-radius: .375rem;
747
935
  }
748
- .rounded-none {
936
+ .noya-styles .rounded-none {
749
937
  border-radius: 0;
750
938
  }
751
- .border {
939
+ .noya-styles .rounded-sm {
940
+ border-radius: .125rem;
941
+ }
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-1 {
1222
+ .noya-styles .py-0\.5 {
1223
+ padding-top: .125rem;
1224
+ padding-bottom: .125rem;
1225
+ }
1226
+ .noya-styles .py-1 {
1029
1227
  padding-top: .25rem;
1030
1228
  padding-bottom: .25rem;
1031
1229
  }
1032
- .py-1\.5 {
1230
+ .noya-styles .py-1\.5 {
1033
1231
  padding-top: .375rem;
1034
1232
  padding-bottom: .375rem;
1035
1233
  }
1036
- .py-2 {
1234
+ .noya-styles .py-2 {
1037
1235
  padding-top: .5rem;
1038
1236
  padding-bottom: .5rem;
1039
1237
  }
1040
- .py-2\.5 {
1238
+ .noya-styles .py-2\.5 {
1041
1239
  padding-top: .625rem;
1042
1240
  padding-bottom: .625rem;
1043
1241
  }
1044
- .py-3 {
1242
+ .noya-styles .py-3 {
1045
1243
  padding-top: .75rem;
1046
1244
  padding-bottom: .75rem;
1047
1245
  }
1048
- .py-\[1px\] {
1246
+ .noya-styles .py-\[1px\] {
1049
1247
  padding-top: 1px;
1050
1248
  padding-bottom: 1px;
1051
1249
  }
1052
- .py-\[2px\] {
1250
+ .noya-styles .py-\[2px\] {
1053
1251
  padding-top: 2px;
1054
1252
  padding-bottom: 2px;
1055
1253
  }
1056
- .py-small {
1254
+ .noya-styles .py-small {
1057
1255
  padding-top: 8px;
1058
1256
  padding-bottom: 8px;
1059
1257
  }
1060
- .\!pr-9 {
1258
+ .noya-styles .\!pr-9 {
1061
1259
  padding-right: 2.25rem !important;
1062
1260
  }
1063
- .pb-4 {
1261
+ .noya-styles .pb-4 {
1064
1262
  padding-bottom: 1rem;
1065
1263
  }
1066
- .pl-1\.5 {
1264
+ .noya-styles .pl-1\.5 {
1067
1265
  padding-left: .375rem;
1068
1266
  }
1069
- .pl-3 {
1267
+ .noya-styles .pl-3 {
1070
1268
  padding-left: .75rem;
1071
1269
  }
1072
- .pr-1\.5 {
1270
+ .noya-styles .pr-1\.5 {
1073
1271
  padding-right: .375rem;
1074
1272
  }
1075
- .pr-2\.5 {
1273
+ .noya-styles .pr-2\.5 {
1076
1274
  padding-right: .625rem;
1077
1275
  }
1078
- .pr-4 {
1276
+ .noya-styles .pr-4 {
1079
1277
  padding-right: 1rem;
1080
1278
  }
1081
- .pt-1 {
1279
+ .noya-styles .pt-1 {
1082
1280
  padding-top: .25rem;
1083
1281
  }
1084
- .text-left {
1282
+ .noya-styles .text-left {
1085
1283
  text-align: left;
1086
1284
  }
1087
- .text-center {
1285
+ .noya-styles .text-center {
1088
1286
  text-align: center;
1089
1287
  }
1090
- .align-middle {
1288
+ .noya-styles .align-middle {
1091
1289
  vertical-align: middle;
1092
1290
  }
1093
- .font-mono {
1291
+ .noya-styles .font-mono {
1094
1292
  font-family:
1293
+ SFMono-Regular,
1294
+ SF Mono,
1095
1295
  Menlo,
1096
- Monaco,
1097
1296
  Consolas,
1098
- Courier New,
1297
+ Liberation Mono,
1099
1298
  monospace;
1100
1299
  }
1101
- .font-sans {
1300
+ .noya-styles .font-sans {
1102
1301
  font-family:
1103
1302
  __Inter_6b0edc,
1104
1303
  __Inter_Fallback_6b0edc,
@@ -1111,174 +1310,182 @@
1111
1310
  Arial,
1112
1311
  sans-serif;
1113
1312
  }
1114
- .text-\[10px\] {
1313
+ .noya-styles .text-\[10px\] {
1115
1314
  font-size: 10px;
1116
1315
  }
1117
- .text-\[11px\] {
1316
+ .noya-styles .text-\[11px\] {
1118
1317
  font-size: 11px;
1119
1318
  }
1120
- .text-\[12px\] {
1319
+ .noya-styles .text-\[12px\] {
1121
1320
  font-size: 12px;
1122
1321
  }
1123
- .text-\[9px\] {
1322
+ .noya-styles .text-\[9px\] {
1124
1323
  font-size: 9px;
1125
1324
  }
1126
- .text-base {
1325
+ .noya-styles .text-base {
1127
1326
  font-size: 1rem;
1128
1327
  line-height: 1.5rem;
1129
1328
  }
1130
- .text-button {
1329
+ .noya-styles .text-button {
1131
1330
  font-size: .8rem;
1132
1331
  line-height: 1.4;
1133
1332
  letter-spacing: -.2px;
1134
1333
  }
1135
- .text-code {
1334
+ .noya-styles .text-code {
1136
1335
  font-size: 90%;
1137
1336
  line-height: 1.5;
1138
1337
  }
1139
- .text-heading1 {
1338
+ .noya-styles .text-heading1 {
1140
1339
  font-size: 1.953rem;
1141
1340
  line-height: 1.6;
1142
1341
  letter-spacing: -.025em;
1143
1342
  }
1144
- .text-heading2 {
1343
+ .noya-styles .text-heading2 {
1145
1344
  font-size: 1.563rem;
1146
1345
  line-height: 1.5;
1147
1346
  letter-spacing: -.025em;
1148
1347
  }
1149
- .text-heading3 {
1348
+ .noya-styles .text-heading3 {
1150
1349
  font-size: 1.25rem;
1151
1350
  line-height: 1.4;
1152
1351
  letter-spacing: -.025em;
1153
1352
  }
1154
- .text-heading4 {
1353
+ .noya-styles .text-heading4 {
1155
1354
  font-size: 1rem;
1156
1355
  line-height: 1.4;
1157
1356
  }
1158
- .text-heading5 {
1357
+ .noya-styles .text-heading5 {
1159
1358
  font-size: .85rem;
1160
1359
  line-height: 1.4;
1161
1360
  }
1162
- .text-label {
1361
+ .noya-styles .text-label {
1163
1362
  font-size: .62rem;
1164
1363
  line-height: 19px;
1165
1364
  letter-spacing: -.3px;
1166
1365
  }
1167
- .text-sm {
1366
+ .noya-styles .text-list-small {
1367
+ font-size: .75rem;
1368
+ line-height: 1.4;
1369
+ letter-spacing: -.2px;
1370
+ }
1371
+ .noya-styles .text-sm {
1168
1372
  font-size: .875rem;
1169
1373
  line-height: 1.25rem;
1170
1374
  }
1171
- .text-subtitle {
1375
+ .noya-styles .text-subtitle {
1172
1376
  font-size: 1.563rem;
1173
1377
  line-height: 1.75;
1174
1378
  letter-spacing: -.05em;
1175
1379
  }
1176
- .text-title {
1380
+ .noya-styles .text-title {
1177
1381
  font-size: 3.052rem;
1178
1382
  line-height: 1.4;
1179
1383
  letter-spacing: -.05em;
1180
1384
  }
1181
- .text-xs {
1385
+ .noya-styles .text-xs {
1182
1386
  font-size: .75rem;
1183
1387
  line-height: 1rem;
1184
1388
  }
1185
- .font-\[14px\] {
1389
+ .noya-styles .font-\[14px\] {
1186
1390
  font-weight: 14px;
1187
1391
  }
1188
- .font-bold {
1392
+ .noya-styles .font-bold {
1189
1393
  font-weight: 700;
1190
1394
  }
1191
- .font-medium {
1395
+ .noya-styles .font-medium {
1192
1396
  font-weight: 500;
1193
1397
  }
1194
- .font-normal {
1398
+ .noya-styles .font-normal {
1195
1399
  font-weight: 400;
1196
1400
  }
1197
- .font-semibold {
1401
+ .noya-styles .font-semibold {
1198
1402
  font-weight: 600;
1199
1403
  }
1200
- .uppercase {
1404
+ .noya-styles .uppercase {
1201
1405
  text-transform: uppercase;
1202
1406
  }
1203
- .italic {
1407
+ .noya-styles .italic {
1204
1408
  font-style: italic;
1205
1409
  }
1206
- .tabular-nums {
1410
+ .noya-styles .tabular-nums {
1207
1411
  --tw-numeric-spacing:tabular-nums;
1208
1412
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
1209
1413
  }
1210
- .leading-3 {
1414
+ .noya-styles .leading-3 {
1211
1415
  line-height: .75rem;
1212
1416
  }
1213
- .leading-\[1\.4\] {
1417
+ .noya-styles .leading-\[1\.4\] {
1214
1418
  line-height: 1.4;
1215
1419
  }
1216
- .leading-\[15px\] {
1420
+ .noya-styles .leading-\[15px\] {
1217
1421
  line-height: 15px;
1218
1422
  }
1219
- .leading-\[19px\] {
1423
+ .noya-styles .leading-\[19px\] {
1220
1424
  line-height: 19px;
1221
1425
  }
1222
- .leading-\[1\],
1223
- .leading-none {
1426
+ .noya-styles .leading-\[1\],
1427
+ .noya-styles .leading-none {
1224
1428
  line-height: 1;
1225
1429
  }
1226
- .\!text-text-disabled {
1430
+ .noya-styles .\!text-text-disabled {
1227
1431
  color: var(--n-text-disabled) !important;
1228
1432
  }
1229
- .text-inherit {
1433
+ .noya-styles .text-inherit {
1230
1434
  color: inherit;
1231
1435
  }
1232
- .text-primary {
1436
+ .noya-styles .text-primary {
1233
1437
  color: var(--n-primary);
1234
1438
  }
1235
- .text-secondary {
1439
+ .noya-styles .text-secondary {
1236
1440
  color: var(--n-secondary);
1237
1441
  }
1238
- .text-segmented-control-item {
1442
+ .noya-styles .text-segmented-control-item {
1239
1443
  color: var(--n-segmented-control-item);
1240
1444
  }
1241
- .text-text {
1445
+ .noya-styles .text-selected-list-item-text {
1446
+ color: var(--n-selected-list-item-text);
1447
+ }
1448
+ .noya-styles .text-text {
1242
1449
  color: var(--n-text);
1243
1450
  }
1244
- .text-text-disabled {
1451
+ .noya-styles .text-text-disabled {
1245
1452
  color: var(--n-text-disabled);
1246
1453
  }
1247
- .text-text-muted {
1454
+ .noya-styles .text-text-muted {
1248
1455
  color: var(--n-text-muted);
1249
1456
  }
1250
- .text-text-subtle {
1457
+ .noya-styles .text-text-subtle {
1251
1458
  color: var(--n-text-subtle);
1252
1459
  }
1253
- .text-white {
1460
+ .noya-styles .text-white {
1254
1461
  --tw-text-opacity:1;
1255
- color: rgb(255 255 255/var(--tw-text-opacity));
1462
+ color: rgb(255 255 255/var(--tw-text-opacity,1));
1256
1463
  }
1257
- .underline {
1464
+ .noya-styles .underline {
1258
1465
  text-decoration-line: underline;
1259
1466
  }
1260
- .no-underline {
1467
+ .noya-styles .no-underline {
1261
1468
  text-decoration-line: none;
1262
1469
  }
1263
- .decoration-text-decorative-light {
1470
+ .noya-styles .decoration-text-decorative-light {
1264
1471
  text-decoration-color: var(--n-text-decorative-light);
1265
1472
  }
1266
- .opacity-0 {
1473
+ .noya-styles .opacity-0 {
1267
1474
  opacity: 0;
1268
1475
  }
1269
- .opacity-100 {
1476
+ .noya-styles .opacity-100 {
1270
1477
  opacity: 1;
1271
1478
  }
1272
- .opacity-25 {
1479
+ .noya-styles .opacity-25 {
1273
1480
  opacity: .25;
1274
1481
  }
1275
- .opacity-50 {
1482
+ .noya-styles .opacity-50 {
1276
1483
  opacity: .5;
1277
1484
  }
1278
- .opacity-60 {
1485
+ .noya-styles .opacity-60 {
1279
1486
  opacity: .6;
1280
1487
  }
1281
- .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\] {
1282
1489
  --tw-shadow:0 0 0 1px var(--n-chip-default-shadow) inset;
1283
1490
  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
1284
1491
  box-shadow:
@@ -1286,7 +1493,7 @@
1286
1493
  var(--tw-ring-shadow,0 0 #0000),
1287
1494
  var(--tw-shadow);
1288
1495
  }
1289
- .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\] {
1290
1497
  --tw-shadow:0 0 0 1px var(--n-chip-error-shadow) inset;
1291
1498
  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
1292
1499
  box-shadow:
@@ -1294,7 +1501,7 @@
1294
1501
  var(--tw-ring-shadow,0 0 #0000),
1295
1502
  var(--tw-shadow);
1296
1503
  }
1297
- .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\] {
1298
1505
  --tw-shadow:0 0 0 1px var(--n-chip-primary-shadow) inset;
1299
1506
  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
1300
1507
  box-shadow:
@@ -1302,7 +1509,7 @@
1302
1509
  var(--tw-ring-shadow,0 0 #0000),
1303
1510
  var(--tw-shadow);
1304
1511
  }
1305
- .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\] {
1306
1513
  --tw-shadow:0 0 0 1px var(--n-chip-secondary-shadow) inset;
1307
1514
  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
1308
1515
  box-shadow:
@@ -1310,7 +1517,7 @@
1310
1517
  var(--tw-ring-shadow,0 0 #0000),
1311
1518
  var(--tw-shadow);
1312
1519
  }
1313
- .shadow-\[0_0_0_1px_var\(--n-divider\)_inset\] {
1520
+ .noya-styles .shadow-\[0_0_0_1px_var\(--n-divider\)_inset\] {
1314
1521
  --tw-shadow:0 0 0 1px var(--n-divider) inset;
1315
1522
  --tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);
1316
1523
  box-shadow:
@@ -1318,62 +1525,44 @@
1318
1525
  var(--tw-ring-shadow,0 0 #0000),
1319
1526
  var(--tw-shadow);
1320
1527
  }
1321
- .shadow-\[0_10px_38px_-10px_hsla\(206\,22\%\,7\%\,\.35\)\,0_10px_20px_-15px_hsla\(206\,22\%\,7\%\,\.2\)\] {
1322
- --tw-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);
1323
- --tw-shadow-colored:0 10px 38px -10px var(--tw-shadow-color),0 10px 20px -15px var(--tw-shadow-color);
1324
- box-shadow:
1325
- var(--tw-ring-offset-shadow,0 0 #0000),
1326
- var(--tw-ring-shadow,0 0 #0000),
1327
- var(--tw-shadow);
1328
- }
1329
- .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.1\)\] {
1528
+ .noya-styles .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.1\)\] {
1330
1529
  --tw-shadow:0 1px 2px rgba(0,0,0,.1);
1331
1530
  --tw-shadow-colored:0 1px 2px var(--tw-shadow-color);
1332
- box-shadow:
1333
- var(--tw-ring-offset-shadow,0 0 #0000),
1334
- var(--tw-ring-shadow,0 0 #0000),
1335
- var(--tw-shadow);
1336
1531
  }
1337
- .shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)\,0_0_12px_rgba\(0\,0\,0\,0\.1\)\],
1338
- .shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)\,_0_0_12px_rgba\(0\,0\,0\,0\.1\)\] {
1339
- --tw-shadow:0 2px 4px rgba(0,0,0,.2),0 0 12px rgba(0,0,0,.1);
1340
- --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 {
1341
1534
  box-shadow:
1342
1535
  var(--tw-ring-offset-shadow,0 0 #0000),
1343
1536
  var(--tw-ring-shadow,0 0 #0000),
1344
1537
  var(--tw-shadow);
1345
1538
  }
1346
- .shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)_0_0_12px_rgba\(0\,0\,0\,0\.1\)\] {
1347
- --tw-shadow:0 2px 4px rgba(0,0,0,.2) 0 0 12px rgba(0,0,0,.1);
1348
- --tw-shadow-colored:0 2px 4px 0 var(--tw-shadow-color);
1349
- box-shadow:
1350
- var(--tw-ring-offset-shadow,0 0 #0000),
1351
- var(--tw-ring-shadow,0 0 #0000),
1352
- var(--tw-shadow);
1353
- }
1354
- .shadow-none {
1539
+ .noya-styles .shadow-none {
1355
1540
  --tw-shadow:0 0 #0000;
1356
1541
  --tw-shadow-colored:0 0 #0000;
1357
1542
  }
1358
- .shadow-none,
1359
- .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 {
1360
1549
  box-shadow:
1361
1550
  var(--tw-ring-offset-shadow,0 0 #0000),
1362
1551
  var(--tw-ring-shadow,0 0 #0000),
1363
1552
  var(--tw-shadow);
1364
1553
  }
1365
- .shadow-sm {
1554
+ .noya-styles .shadow-sm {
1366
1555
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
1367
1556
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
1368
1557
  }
1369
- .outline-none {
1558
+ .noya-styles .outline-none {
1370
1559
  outline: 2px solid transparent;
1371
1560
  outline-offset: 2px;
1372
1561
  }
1373
- .outline {
1562
+ .noya-styles .outline {
1374
1563
  outline-style: solid;
1375
1564
  }
1376
- .ring-2 {
1565
+ .noya-styles .ring-2 {
1377
1566
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1378
1567
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1379
1568
  box-shadow:
@@ -1381,28 +1570,28 @@
1381
1570
  var(--tw-ring-shadow),
1382
1571
  var(--tw-shadow,0 0 #0000);
1383
1572
  }
1384
- .ring-inset {
1573
+ .noya-styles .ring-inset {
1385
1574
  --tw-ring-inset:inset;
1386
1575
  }
1387
- .ring-primary {
1576
+ .noya-styles .ring-primary {
1388
1577
  --tw-ring-color:var(--n-primary);
1389
1578
  }
1390
- .ring-offset-background {
1579
+ .noya-styles .ring-offset-background {
1391
1580
  --tw-ring-offset-color:var(--n-background);
1392
1581
  }
1393
- .blur {
1582
+ .noya-styles .blur {
1394
1583
  --tw-blur:blur(8px);
1395
1584
  }
1396
- .blur,
1397
- .filter {
1585
+ .noya-styles .blur,
1586
+ .noya-styles .filter {
1398
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);
1399
1588
  }
1400
- .backdrop-blur-\[4px\] {
1589
+ .noya-styles .backdrop-blur-\[4px\] {
1401
1590
  --tw-backdrop-blur:blur(4px);
1402
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);
1403
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);
1404
1593
  }
1405
- .transition {
1594
+ .noya-styles .transition {
1406
1595
  transition-property:
1407
1596
  color,
1408
1597
  background-color,
@@ -1443,12 +1632,12 @@
1443
1632
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1444
1633
  transition-duration: .15s;
1445
1634
  }
1446
- .transition-all {
1635
+ .noya-styles .transition-all {
1447
1636
  transition-property: all;
1448
1637
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1449
1638
  transition-duration: .15s;
1450
1639
  }
1451
- .transition-colors {
1640
+ .noya-styles .transition-colors {
1452
1641
  transition-property:
1453
1642
  color,
1454
1643
  background-color,
@@ -1459,154 +1648,40 @@
1459
1648
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1460
1649
  transition-duration: .15s;
1461
1650
  }
1462
- .transition-transform {
1651
+ .noya-styles .transition-transform {
1463
1652
  transition-property: transform;
1464
1653
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1465
1654
  transition-duration: .15s;
1466
1655
  }
1467
- .duration-100 {
1656
+ .noya-styles .duration-100 {
1468
1657
  transition-duration: .1s;
1469
1658
  }
1470
- .duration-200 {
1659
+ .noya-styles .duration-200 {
1471
1660
  transition-duration: .2s;
1472
1661
  }
1473
- .ease-in {
1662
+ .noya-styles .ease-in {
1474
1663
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
1475
1664
  }
1476
- .ease-out {
1665
+ .noya-styles .ease-in-out {
1666
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1667
+ }
1668
+ .noya-styles .ease-out {
1477
1669
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
1478
1670
  }
1479
- .\@container\/toolbar {
1671
+ .noya-styles .\@container\/toolbar {
1480
1672
  container-type: inline-size;
1481
1673
  container-name: toolbar;
1482
1674
  }
1483
- .\[-webkit-app-region\:no-drag\] {
1675
+ .noya-styles .\[-webkit-app-region\:no-drag\] {
1484
1676
  -webkit-app-region: no-drag;
1485
1677
  }
1486
- .\[webkit-tap-highlight-color\:rgba\(0\,0\,0\,0\)\] {
1487
- webkit-tap-highlight-color: transparent;
1678
+ .noya-styles .\[-webkit-tap-highlight-color\:rgba\(0\,0\,0\,0\)\] {
1679
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1488
1680
  }
1489
- :root {
1490
- --n-logo-fill:#9698ac;
1491
- --n-logo-highlight:#9698ac;
1492
- --n-background:#fff;
1493
- --n-text:#263053;
1494
- --n-text-muted:#6b7188;
1495
- --n-text-subtle:#757981;
1496
- --n-text-disabled:#9698ac;
1497
- --n-text-decorative-light:#a8b9d4;
1498
- --n-divider-subtle:rgba(30,50,100,.04);
1499
- --n-divider:rgba(30,50,100,.07);
1500
- --n-divider-strong:rgba(30,50,100,.09);
1501
- --n-primary:#6746ff;
1502
- --n-primary-light:#9356ff;
1503
- --n-primary-pastel:#eae6ff;
1504
- --n-secondary:#009775;
1505
- --n-secondary-light:#00a081;
1506
- --n-secondary-pastel:#cdeee7;
1507
- --n-secondary-bright:#0ab557;
1508
- --n-input-background-light:#f3f5f9;
1509
- --n-code-background:#fafafa;
1510
- --n-code-background-dark:#435080;
1511
- --n-selected-background:#f2f5fa;
1512
- --n-breadcrumb-text:#6b7188;
1513
- --n-breadcrumb-text-hover:#757981;
1514
- --n-breadcrumb-icon:#8183a5;
1515
- --n-canvas-background:#f9f9f9;
1516
- --n-canvas-grid:rgba(0,0,0,.05);
1517
- --n-sidebar-background:#fff;
1518
- --n-sidebar-background-transparent:hsla(0,0%,100%,.85);
1519
- --n-popover-background:#fcfcfc;
1520
- --n-popover-divider:transparent;
1521
- --n-listview-raised-background:rgba(0,0,0,.03);
1522
- --n-listview-editing-background:#fff;
1523
- --n-input-background:#f0f2f6;
1524
- --n-list-view-hover-background:#f4f6fa;
1525
- --n-list-view-thumbnail-background:var(--n-input-background);
1526
- --n-slider-thumb-background:#fff;
1527
- --n-slider-border:#9698ac;
1528
- --n-mask:#0cc143;
1529
- --n-transparent-checker:hsla(0,0%,100%,.8);
1530
- --n-scrollbar:hsla(0,0%,78%,.8);
1531
- --n-placeholder-dots:rgba(0,0,0,.3);
1532
- --n-drag-outline:#6746ff;
1533
- --n-active-background:rgba(0,0,0,.1);
1534
- --n-thumbnail-background:#f0efff;
1535
- --n-thumbnail-shadow:#d3ceed66;
1536
- --n-inline-code-text:#6746ff;
1537
- --n-inline-code-background:#f0f2f6;
1538
- --n-text-link:#6746ff;
1539
- --n-text-link-focused:#9356ff;
1540
- --n-inset-top:46px;
1541
- --n-sidebar-width:260px;
1542
- --n-toolbar-height:46px;
1543
- --n-toolbar-separator:8px;
1544
- --n-inspector-h-separator:8px;
1545
- --n-inspector-v-separator:10px;
1546
- --n-dialog-padding:16px;
1547
- --n-input-height:27px;
1548
- --n-icon:#8183a5;
1549
- --n-icon-selected:#dcdcdc;
1550
- --n-warning:#fbd300;
1551
- --n-segmented-control-item:#8b8b8b;
1552
- --n-dot:rgba(0,0,0,.25);
1553
- --n-row-highlight:#3390ff10;
1554
- --n-table-row-background:var(--n-background);
1555
- --n-interactable-z-index:2;
1556
- --n-label-z-index:3;
1557
- --n-menu-z-index:5000;
1558
- --n-chip-primary-bg:rgba(238,229,255,.2);
1559
- --n-chip-secondary-bg:rgba(205,238,231,.2);
1560
- --n-chip-error-bg:hsla(0,100%,93%,.2);
1561
- --n-chip-default-bg:rgba(0,0,0,.1);
1562
- --n-chip-primary-shadow:#eee5ff;
1563
- --n-chip-secondary-shadow:#cdeee7;
1564
- --n-chip-error-shadow:#ffdbdb;
1565
- --n-chip-default-shadow:#000;
1566
- --n-floating-button:#f8f8fa;
1567
- --n-block-border:#b8c9da;
1568
- --n-block-highlight:orange;
1569
- }
1570
- [data-theme=dark] {
1571
- --n-background:#111;
1572
- --n-logo-fill:#f8f8fa;
1573
- --n-logo-highlight:#f8f8fa;
1574
- --n-text:#f8f8fa;
1575
- --n-text-muted:#b4b3b6;
1576
- --n-text-subtle:#b4b3b6;
1577
- --n-text-disabled:#73727e;
1578
- --n-divider-subtle:hsla(0,0%,100%,.04);
1579
- --n-divider:hsla(0,0%,100%,.08);
1580
- --n-divider-strong:#000;
1581
- --n-primary:#7742ff;
1582
- --n-primary-light:#8656ff;
1583
- --n-secondary-bright:#36fe91;
1584
- --n-input-background:rgba(181,178,255,.08);
1585
- --n-input-background-light:rgba(181,178,255,.1);
1586
- --n-code-background:#141317;
1587
- --n-canvas-background:#141317;
1588
- --n-canvas-grid:rgba(0,0,0,.1);
1589
- --n-sidebar-background:#222127;
1590
- --n-sidebar-background-transparent:rgba(34,33,39,.95);
1591
- --n-popover-background:#222127;
1592
- --n-popover-divider:hsla(0,0%,100%,.08);
1593
- --n-listview-raised-background:rgba(181,178,255,.1);
1594
- --n-listview-editing-background:#000;
1595
- --n-list-view-hover-background:var(--n-input-background-light);
1596
- --n-list-view-thumbnail-background:var(--n-input-background);
1597
- --n-slider-thumb-background:var(--n-input-background-light);
1598
- --n-slider-border:var(--n-divider);
1599
- --n-mask:#66bb6a;
1600
- --n-transparent-checker:hsla(0,0%,100%,.3);
1601
- --n-scrollbar:hsla(0,0%,78%,.2);
1602
- --n-placeholder-dots:hsla(0,0%,100%,.3);
1603
- --n-drag-outline:#fff;
1604
- --n-active-background:rgba(181,178,255,.08);
1605
- --n-thumbnail-background:#1f1d33;
1606
- --n-thumbnail-shadow:#1f1d3366;
1607
- --n-dot:hsla(0,0%,100%,.15);
1608
- --n-table-row-background:var(--n-sidebar-background);
1609
- --n-floating-button:#333;
1681
+ .noya-styles .markdown-editor-line-placeholder:after {
1682
+ content: var(--n-markdown-editor-line-placeholder-content);
1683
+ color: var(--n-text-disabled);
1684
+ pointer-events: none;
1610
1685
  }
1611
1686
  .placeholder\:text-text-disabled::-moz-placeholder {
1612
1687
  color: var(--n-text-disabled);
@@ -1669,12 +1744,11 @@
1669
1744
  .focus\:border-primary:focus {
1670
1745
  border-color: var(--n-primary);
1671
1746
  }
1672
- .focus\:bg-primary:focus {
1673
- background-color: var(--n-primary);
1747
+ .focus\:bg-selected-list-item-background:focus {
1748
+ background-color: var(--n-selected-list-item-background);
1674
1749
  }
1675
- .focus\:text-white:focus {
1676
- --tw-text-opacity:1;
1677
- 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);
1678
1752
  }
1679
1753
  .focus\:shadow-\[0_0_0_1px_var\(--n-popover-background\)_inset\]:focus {
1680
1754
  --tw-shadow:0 0 0 1px var(--n-popover-background) inset;
@@ -1684,14 +1758,6 @@
1684
1758
  var(--tw-ring-shadow,0 0 #0000),
1685
1759
  var(--tw-shadow);
1686
1760
  }
1687
- .focus\:shadow-\[0_0_0_1px_var\(--n-sidebar-background\)\,0_0_0_3px_var\(--n-primary\)\]:focus {
1688
- --tw-shadow:0 0 0 1px var(--n-sidebar-background),0 0 0 3px var(--n-primary);
1689
- --tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 0 0 3px var(--tw-shadow-color);
1690
- box-shadow:
1691
- var(--tw-ring-offset-shadow,0 0 #0000),
1692
- var(--tw-ring-shadow,0 0 #0000),
1693
- var(--tw-shadow);
1694
- }
1695
1761
  .focus\:outline-none:focus {
1696
1762
  outline: 2px solid transparent;
1697
1763
  outline-offset: 2px;
@@ -1723,12 +1789,12 @@
1723
1789
  .active\:bg-primary:active {
1724
1790
  background-color: var(--n-primary);
1725
1791
  }
1726
- .active\:bg-primary-light:active {
1727
- background-color: var(--n-primary-light);
1728
- }
1729
1792
  .active\:bg-secondary:active {
1730
1793
  background-color: var(--n-secondary);
1731
1794
  }
1795
+ .active\:bg-selected-list-item-background:active {
1796
+ background-color: var(--n-selected-list-item-background);
1797
+ }
1732
1798
  .active\:opacity-70:active {
1733
1799
  opacity: .7;
1734
1800
  }
@@ -1761,9 +1827,9 @@
1761
1827
  }
1762
1828
  .aria-checked\:text-white[aria-checked=true] {
1763
1829
  --tw-text-opacity:1;
1764
- color: rgb(255 255 255/var(--tw-text-opacity));
1830
+ color: rgb(255 255 255/var(--tw-text-opacity,1));
1765
1831
  }
1766
- .aria-checked\:shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.1\)\][aria-checked=true] {
1832
+ .aria-checked\:shadow-segment[aria-checked=true] {
1767
1833
  --tw-shadow:0 1px 1px rgba(0,0,0,.1);
1768
1834
  --tw-shadow-colored:0 1px 1px var(--tw-shadow-color);
1769
1835
  box-shadow:
@@ -1793,12 +1859,6 @@
1793
1859
  .sm\:max-w-sm {
1794
1860
  max-width: 24rem;
1795
1861
  }
1796
- .sm\:text-\[18px\] {
1797
- font-size: 18px;
1798
- }
1799
- .sm\:text-\[36px\] {
1800
- font-size: 36px;
1801
- }
1802
1862
  }
1803
1863
  .\[\&\>\*\]\:pointer-events-none > * {
1804
1864
  pointer-events: none;