@noya-app/noya-file-explorer 0.0.15 → 0.0.17

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