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