@tumaet/prompt-ui-components 0.0.7 → 0.0.9

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.
@@ -1,11 +1,2 @@
1
1
  export * from './ui';
2
- // export * from './minimal-tiptap'
3
- export * from './DatePicker';
4
- export * from './DeleteConfirmationDialog';
5
- export * from './ErrorPage';
6
- export * from './LoadingPage';
7
- export * from './ManagementPageHeader';
8
- export * from './SaveChangesAlert';
9
- export * from './UnauthorizedPage';
10
- export * from './MultiSelect';
11
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAA;AACpB,mCAAmC;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAA"}
package/dist/index.css CHANGED
@@ -1,1045 +1,106 @@
1
- /*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
2
- .pointer-events-auto:not(#\#):not(#\#) {
3
- pointer-events: auto;
4
- }
5
- .pointer-events-none:not(#\#):not(#\#) {
6
- pointer-events: none;
7
- }
8
- .invisible:not(#\#):not(#\#) {
9
- visibility: hidden;
10
- }
11
- .visible:not(#\#):not(#\#) {
12
- visibility: visible;
13
- }
14
- .sr-only:not(#\#):not(#\#) {
15
- position: absolute;
16
- width: 1px;
17
- height: 1px;
18
- padding: 0;
19
- margin: -1px;
20
- overflow: hidden;
21
- clip: rect(0, 0, 0, 0);
22
- white-space: nowrap;
23
- border-width: 0;
24
- }
25
- .absolute:not(#\#):not(#\#) {
26
- position: absolute;
27
- }
28
- .fixed:not(#\#):not(#\#) {
29
- position: fixed;
30
- }
31
- .relative:not(#\#):not(#\#) {
32
- position: relative;
33
- }
34
- .sticky:not(#\#):not(#\#) {
35
- position: sticky;
36
- }
37
- .top-\[50\%\]:not(#\#):not(#\#) {
38
- top: 50%;
39
- }
40
- .left-\[50\%\]:not(#\#):not(#\#) {
41
- left: 50%;
42
- }
43
- .z-10:not(#\#):not(#\#) {
44
- z-index: 10;
45
- }
46
- .z-20:not(#\#):not(#\#) {
47
- z-index: 20;
48
- }
49
- .z-50:not(#\#):not(#\#) {
50
- z-index: 50;
51
- }
52
- .z-\[100\]:not(#\#):not(#\#) {
53
- z-index: 100;
54
- }
55
- .container:not(#\#):not(#\#) {
56
- width: 100%;
57
- }
58
- .mx-auto:not(#\#):not(#\#) {
59
- margin-left: auto;
60
- margin-right: auto;
61
- }
62
- .ml-auto:not(#\#):not(#\#) {
63
- margin-left: auto;
64
- }
65
- .block:not(#\#):not(#\#) {
66
- display: block;
67
- }
68
- .flex:not(#\#):not(#\#) {
69
- display: flex;
70
- }
71
- .grid:not(#\#):not(#\#) {
72
- display: grid;
73
- }
74
- .hidden:not(#\#):not(#\#) {
75
- display: none;
76
- }
77
- .inline-flex:not(#\#):not(#\#) {
78
- display: inline-flex;
79
- }
80
- .table:not(#\#):not(#\#) {
81
- display: table;
82
- }
83
- .aspect-square:not(#\#):not(#\#) {
84
- aspect-ratio: 1 / 1;
85
- }
86
- .h-\[1px\]:not(#\#):not(#\#) {
87
- height: 1px;
88
- }
89
- .h-\[var\(--radix-select-trigger-height\)\]:not(#\#):not(#\#) {
90
- height: var(--radix-select-trigger-height);
91
- }
92
- .h-auto:not(#\#):not(#\#) {
93
- height: auto;
94
- }
95
- .h-full:not(#\#):not(#\#) {
96
- height: 100%;
97
- }
98
- .h-px:not(#\#):not(#\#) {
99
- height: 1px;
100
- }
101
- .h-screen:not(#\#):not(#\#) {
102
- height: 100vh;
103
- }
104
- .h-svh:not(#\#):not(#\#) {
105
- height: 100svh;
106
- }
107
- .max-h-\[300px\]:not(#\#):not(#\#) {
108
- max-height: 300px;
109
- }
110
- .max-h-screen:not(#\#):not(#\#) {
111
- max-height: 100vh;
112
- }
113
- .min-h-\[80px\]:not(#\#):not(#\#) {
114
- min-height: 80px;
115
- }
116
- .min-h-screen:not(#\#):not(#\#) {
117
- min-height: 100vh;
118
- }
119
- .min-h-svh:not(#\#):not(#\#) {
120
- min-height: 100svh;
121
- }
122
- .w-3\/4:not(#\#):not(#\#) {
123
- width: calc(3/4 * 100%);
124
- }
125
- .w-\[--sidebar-width\]:not(#\#):not(#\#) {
126
- width: --sidebar-width;
127
- }
128
- .w-\[1px\]:not(#\#):not(#\#) {
129
- width: 1px;
130
- }
131
- .w-\[280px\]:not(#\#):not(#\#) {
132
- width: 280px;
133
- }
134
- .w-\[300px\]:not(#\#):not(#\#) {
135
- width: 300px;
136
- }
137
- .w-auto:not(#\#):not(#\#) {
138
- width: auto;
139
- }
140
- .w-full:not(#\#):not(#\#) {
141
- width: 100%;
142
- }
143
- .w-screen:not(#\#):not(#\#) {
144
- width: 100vw;
145
- }
146
- .max-w-\[--skeleton-width\]:not(#\#):not(#\#) {
147
- max-width: --skeleton-width;
148
- }
149
- .max-w-full:not(#\#):not(#\#) {
150
- max-width: 100%;
151
- }
152
- .min-w-\[8rem\]:not(#\#):not(#\#) {
153
- min-width: 8rem;
154
- }
155
- .min-w-\[var\(--radix-select-trigger-width\)\]:not(#\#):not(#\#) {
156
- min-width: var(--radix-select-trigger-width);
157
- }
158
- .flex-1:not(#\#):not(#\#) {
159
- flex: 1;
160
- }
161
- .shrink-0:not(#\#):not(#\#) {
162
- flex-shrink: 0;
163
- }
164
- .caption-bottom:not(#\#):not(#\#) {
165
- caption-side: bottom;
166
- }
167
- .border-collapse:not(#\#):not(#\#) {
168
- border-collapse: collapse;
169
- }
170
- .-translate-x-1\/2:not(#\#):not(#\#) {
171
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
172
- translate: calc((1/2 * 100%) * -1) var(--tw-translate-y);
173
- translate: calc(calc(1/2 * 100%) * -1) var(--tw-translate-y);
174
- translate: var(--tw-translate-x) var(--tw-translate-y);
175
- }
176
- .-translate-x-px:not(#\#):not(#\#) {
177
- --tw-translate-x: -1px;
178
- translate: -1px var(--tw-translate-y);
179
- translate: var(--tw-translate-x) var(--tw-translate-y);
180
- }
181
- .translate-x-\[-50\%\]:not(#\#):not(#\#) {
182
- --tw-translate-x: -50%;
183
- translate: -50% var(--tw-translate-y);
184
- translate: var(--tw-translate-x) var(--tw-translate-y);
185
- }
186
- .translate-x-px:not(#\#):not(#\#) {
187
- --tw-translate-x: 1px;
188
- translate: 1px var(--tw-translate-y);
189
- translate: var(--tw-translate-x) var(--tw-translate-y);
190
- }
191
- .translate-y-\[-50\%\]:not(#\#):not(#\#) {
192
- --tw-translate-y: -50%;
193
- translate: var(--tw-translate-x) -50%;
194
- translate: var(--tw-translate-x) var(--tw-translate-y);
195
- }
196
- .transform:not(#\#):not(#\#) {
197
- transform: ;
198
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
199
- }
200
- .cursor-default:not(#\#):not(#\#) {
201
- cursor: default;
202
- }
203
- .cursor-pointer:not(#\#):not(#\#) {
204
- cursor: pointer;
205
- }
206
- .touch-none:not(#\#):not(#\#) {
207
- touch-action: none;
208
- }
209
- .resize:not(#\#):not(#\#) {
210
- resize: both;
211
- }
212
- .flex-col:not(#\#):not(#\#) {
213
- flex-direction: column;
214
- }
215
- .flex-col-reverse:not(#\#):not(#\#) {
216
- flex-direction: column-reverse;
217
- }
218
- .flex-row:not(#\#):not(#\#) {
219
- flex-direction: row;
220
- }
221
- .flex-wrap:not(#\#):not(#\#) {
222
- flex-wrap: wrap;
223
- }
224
- .items-center:not(#\#):not(#\#) {
225
- align-items: center;
226
- }
227
- .items-end:not(#\#):not(#\#) {
228
- align-items: flex-end;
229
- }
230
- .items-start:not(#\#):not(#\#) {
231
- align-items: flex-start;
232
- }
233
- .items-stretch:not(#\#):not(#\#) {
234
- align-items: stretch;
235
- }
236
- .justify-between:not(#\#):not(#\#) {
237
- justify-content: space-between;
238
- }
239
- .justify-center:not(#\#):not(#\#) {
240
- justify-content: center;
241
- }
242
- .justify-start:not(#\#):not(#\#) {
243
- justify-content: flex-start;
244
- }
245
- .overflow-auto:not(#\#):not(#\#) {
246
- overflow: auto;
247
- }
248
- .overflow-hidden:not(#\#):not(#\#) {
249
- overflow: hidden;
250
- }
251
- .overflow-x-hidden:not(#\#):not(#\#) {
252
- overflow-x: hidden;
253
- }
254
- .overflow-y-auto:not(#\#):not(#\#) {
255
- overflow-y: auto;
256
- }
257
- .rounded-\[2px\]:not(#\#):not(#\#) {
258
- border-radius: 2px;
259
- }
260
- .rounded-\[inherit\]:not(#\#):not(#\#) {
261
- border-radius: inherit;
262
- }
263
- .rounded-full:not(#\#):not(#\#) {
264
- border-radius: calc(infinity * 1px);
265
- }
266
- .border:not(#\#):not(#\#) {
267
- border-style: var(--tw-border-style);
268
- border-width: 1px;
269
- }
270
- .border-2:not(#\#):not(#\#) {
271
- border-style: var(--tw-border-style);
272
- border-width: 2px;
273
- }
274
- .border-\[1\.5px\]:not(#\#):not(#\#) {
275
- border-style: var(--tw-border-style);
276
- border-width: 1.5px;
277
- }
278
- .border-t:not(#\#):not(#\#) {
279
- border-top-style: var(--tw-border-style);
280
- border-top-width: 1px;
281
- }
282
- .border-r:not(#\#):not(#\#) {
283
- border-right-style: var(--tw-border-style);
284
- border-right-width: 1px;
285
- }
286
- .border-b:not(#\#):not(#\#) {
287
- border-bottom-style: var(--tw-border-style);
288
- border-bottom-width: 1px;
289
- }
290
- .border-l:not(#\#):not(#\#) {
291
- border-left-style: var(--tw-border-style);
292
- border-left-width: 1px;
293
- }
294
- .border-dashed:not(#\#):not(#\#) {
295
- --tw-border-style: dashed;
296
- border-style: dashed;
297
- }
298
- .border-\[--color-border\]:not(#\#):not(#\#) {
299
- border-color: --color-border;
300
- }
301
- .border-transparent:not(#\#):not(#\#) {
302
- border-color: transparent;
303
- }
304
- .border-t-transparent:not(#\#):not(#\#) {
305
- border-top-color: transparent;
306
- }
307
- .border-l-transparent:not(#\#):not(#\#) {
308
- border-left-color: transparent;
309
- }
310
- .bg-\[--color-bg\]:not(#\#):not(#\#) {
311
- background-color: --color-bg;
312
- }
313
- .bg-inherit:not(#\#):not(#\#) {
314
- background-color: inherit;
315
- }
316
- .bg-transparent:not(#\#):not(#\#) {
317
- background-color: transparent;
318
- }
319
- .fill-current:not(#\#):not(#\#) {
320
- fill: currentcolor;
321
- }
322
- .p-\[1px\]:not(#\#):not(#\#) {
323
- padding: 1px;
324
- }
325
- .text-center:not(#\#):not(#\#) {
326
- text-align: center;
327
- }
328
- .text-left:not(#\#):not(#\#) {
329
- text-align: left;
330
- }
331
- .align-middle:not(#\#):not(#\#) {
332
- vertical-align: middle;
333
- }
334
- .text-\[0\.8rem\]:not(#\#):not(#\#) {
335
- font-size: 0.8rem;
336
- }
337
- .leading-none:not(#\#):not(#\#) {
338
- --tw-leading: 1;
339
- line-height: 1;
340
- }
341
- .break-words:not(#\#):not(#\#) {
342
- word-wrap: break-word;
343
- }
344
- .whitespace-nowrap:not(#\#):not(#\#) {
345
- white-space: nowrap;
346
- }
347
- .text-current:not(#\#):not(#\#) {
348
- color: currentcolor;
349
- }
350
- .tabular-nums:not(#\#):not(#\#) {
351
- --tw-numeric-spacing: tabular-nums;
352
- font-feature-settings: tabular-nums ;
353
- font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
354
- font-variant-numeric: tabular-nums ;
355
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
356
- }
357
- .underline-offset-4:not(#\#):not(#\#) {
358
- text-underline-offset: 4px;
359
- }
360
- .opacity-0:not(#\#):not(#\#) {
361
- opacity: 0;
362
- }
363
- .opacity-50:not(#\#):not(#\#) {
364
- opacity: 0.5;
365
- }
366
- .opacity-60:not(#\#):not(#\#) {
367
- opacity: 0.6;
368
- }
369
- .opacity-70:not(#\#):not(#\#) {
370
- opacity: 0.7;
371
- }
372
- .opacity-90:not(#\#):not(#\#) {
373
- opacity: 0.9;
374
- }
375
- .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]:not(#\#):not(#\#) {
376
- --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
377
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 0 1px hsl(220, 13%, 91%);
378
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
379
- }
380
- .shadow-none:not(#\#):not(#\#) {
381
- --tw-shadow: 0 0 rgba(0,0,0,0);
382
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
383
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
384
- }
385
- .ring:not(#\#):not(#\#) {
386
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
387
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
388
- }
389
- .ring-0:not(#\#):not(#\#) {
390
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
391
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
392
- }
393
- .outline:not(#\#):not(#\#) {
394
- outline-style: var(--tw-outline-style);
395
- outline-width: 1px;
396
- }
397
- .transition:not(#\#):not(#\#) {
398
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
399
- transition-timing-function: ease;
400
- transition-timing-function: var(--tw-ease, ease);
401
- transition-duration: 0s;
402
- transition-duration: var(--tw-duration, 0s);
403
- }
404
- .transition-\[left\,right\,width\]:not(#\#):not(#\#) {
405
- transition-property: left,right,width;
406
- transition-timing-function: ease;
407
- transition-timing-function: var(--tw-ease, ease);
408
- transition-duration: 0s;
409
- transition-duration: var(--tw-duration, 0s);
410
- }
411
- .transition-\[margin\,opa\]:not(#\#):not(#\#) {
412
- transition-property: margin,opa;
413
- transition-timing-function: ease;
414
- transition-timing-function: var(--tw-ease, ease);
415
- transition-duration: 0s;
416
- transition-duration: var(--tw-duration, 0s);
417
- }
418
- .transition-\[width\,height\,padding\]:not(#\#):not(#\#) {
419
- transition-property: width,height,padding;
420
- transition-timing-function: ease;
421
- transition-timing-function: var(--tw-ease, ease);
422
- transition-duration: 0s;
423
- transition-duration: var(--tw-duration, 0s);
424
- }
425
- .transition-\[width\]:not(#\#):not(#\#) {
426
- transition-property: width;
427
- transition-timing-function: ease;
428
- transition-timing-function: var(--tw-ease, ease);
429
- transition-duration: 0s;
430
- transition-duration: var(--tw-duration, 0s);
431
- }
432
- .transition-all:not(#\#):not(#\#) {
433
- transition-property: all;
434
- transition-timing-function: ease;
435
- transition-timing-function: var(--tw-ease, ease);
436
- transition-duration: 0s;
437
- transition-duration: var(--tw-duration, 0s);
438
- }
439
- .transition-colors:not(#\#):not(#\#) {
440
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
441
- transition-timing-function: ease;
442
- transition-timing-function: var(--tw-ease, ease);
443
- transition-duration: 0s;
444
- transition-duration: var(--tw-duration, 0s);
445
- }
446
- .transition-opacity:not(#\#):not(#\#) {
447
- transition-property: opacity;
448
- transition-timing-function: ease;
449
- transition-timing-function: var(--tw-ease, ease);
450
- transition-duration: 0s;
451
- transition-duration: var(--tw-duration, 0s);
452
- }
453
- .transition-transform:not(#\#):not(#\#) {
454
- transition-property: transform, translate, scale, rotate;
455
- transition-timing-function: ease;
456
- transition-timing-function: var(--tw-ease, ease);
457
- transition-duration: 0s;
458
- transition-duration: var(--tw-duration, 0s);
459
- }
460
- .delay-150:not(#\#):not(#\#) {
461
- transition-delay: 150ms;
462
- }
463
- .duration-200:not(#\#):not(#\#) {
464
- --tw-duration: 200ms;
465
- transition-duration: 200ms;
466
- }
467
- .duration-300:not(#\#):not(#\#) {
468
- --tw-duration: 300ms;
469
- transition-duration: 300ms;
470
- }
471
- .ease-linear:not(#\#):not(#\#) {
472
- --tw-ease: linear;
473
- transition-timing-function: linear;
474
- }
475
- .outline-none:not(#\#):not(#\#) {
476
- --tw-outline-style: none;
477
- outline-style: none;
478
- }
479
- .select-none:not(#\#):not(#\#) {
480
- -webkit-user-select: none;
481
- -moz-user-select: none;
482
- user-select: none;
483
- }
484
- :where(.group\/menu-item):focus-within:not(#\#):not(#\#) .group-focus-within\/menu-item\:opacity-100 {
485
- opacity: 1;
486
- }
487
- @media (hover: hover) {
488
- :where(.group):hover:not(#\#):not(#\#) .group-hover\:opacity-100 {
489
- opacity: 1;
490
- }
491
- }
492
- @media (hover: hover) {
493
- :where(.group\/menu-item):hover:not(#\#):not(#\#) .group-hover\/menu-item\:opacity-100 {
494
- opacity: 1;
1
+ @tailwind base;
2
+ @tailwind components;
3
+ @tailwind utilities;
4
+
5
+
6
+ @layer base {
7
+ :root {
8
+ --background: 0 0% 100%;
9
+ --foreground: 240 10% 3.9%;
10
+ --card: 0 0% 100%;
11
+ --card-foreground: 240 10% 3.9%;
12
+ --popover: 0 0% 100%;
13
+ --popover-foreground: 240 10% 3.9%;
14
+ --primary: 240 5.9% 10%;
15
+ --primary-foreground: 0 0% 98%;
16
+ --secondary: 240 4.8% 95.9%;
17
+ --secondary-foreground: 240 5.9% 10%;
18
+ --muted: 240 4.8% 95.9%;
19
+ --muted-foreground: 240 3.8% 46.1%;
20
+ --accent: 240 4.8% 95.9%;
21
+ --accent-foreground: 240 5.9% 10%;
22
+ --destructive: 0 84.2% 60.2%;
23
+ --destructive-foreground: 0 0% 98%;
24
+ --border: 240 5.9% 90%;
25
+ --input: 240 5.9% 90%;
26
+ --ring: 240 5.9% 10%;
27
+ --radius: 0.5rem;
28
+ --success: 120 84.2% 50%;
29
+ --chart-blue: 221.2 83.2% 53.3%;
30
+ --chart-1: 12 76% 61%;
31
+ --chart-2: 173 58% 39%;
32
+ --chart-3: 197 37% 24%;
33
+ --chart-4: 43 74% 66%;
34
+ --chart-5: 27 87% 67%;
35
+ --sidebar-background: 0 0% 98%;
36
+ --sidebar-foreground: 240 5.3% 26.1%;
37
+ --sidebar-primary: 240 5.9% 10%;
38
+ --sidebar-primary-foreground: 0 0% 98%;
39
+ --sidebar-accent: 240 4.8% 95.9%;
40
+ --sidebar-accent-foreground: 240 5.9% 10%;
41
+ --sidebar-border: 220 13% 91%;
42
+ --sidebar-ring: 217.2 91.2% 59.8%;
495
43
  }
496
- }
497
- [data-collapsible="icon"]:where(.group):not(#\#):not(#\#) .group-data-\[collapsible\=icon\]\:hidden {
498
- display: none;
499
- }
500
- [data-collapsible="icon"]:where(.group):not(#\#):not(#\#) .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
501
- width: --sidebar-width-icon;
502
- }
503
- [data-collapsible="icon"]:where(.group):not(#\#):not(#\#) .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
504
- width: calc(var(--sidebar-width-icon) + 1rem);
505
- }
506
- [data-collapsible="icon"]:where(.group):not(#\#):not(#\#) .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
507
- width: calc(var(--sidebar-width-icon) + 1rem + 2px);
508
- }
509
- [data-collapsible="icon"]:where(.group):not(#\#):not(#\#) .group-data-\[collapsible\=icon\]\:overflow-hidden {
510
- overflow: hidden;
511
- }
512
- [data-collapsible="icon"]:where(.group):not(#\#):not(#\#) .group-data-\[collapsible\=icon\]\:opacity-0 {
513
- opacity: 0;
514
- }
515
- [data-collapsible="offcanvas"]:where(.group):not(#\#):not(#\#) .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
516
- right: calc(var(--sidebar-width) * -1);
517
- }
518
- [data-collapsible="offcanvas"]:where(.group):not(#\#):not(#\#) .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
519
- left: calc(var(--sidebar-width) * -1);
520
- }
521
- [data-side="left"]:where(.group):not(#\#):not(#\#) .group-data-\[side\=left\]\:border-r {
522
- border-right-style: var(--tw-border-style);
523
- border-right-width: 1px;
524
- }
525
- [data-side="right"]:where(.group):not(#\#):not(#\#) .group-data-\[side\=right\]\:rotate-180 {
526
- rotate: 180deg;
527
- }
528
- [data-side="right"]:where(.group):not(#\#):not(#\#) .group-data-\[side\=right\]\:border-l {
529
- border-left-style: var(--tw-border-style);
530
- border-left-width: 1px;
531
- }
532
- [data-variant="floating"]:where(.group):not(#\#):not(#\#) .group-data-\[variant\=floating\]\:border {
533
- border-style: var(--tw-border-style);
534
- border-width: 1px;
535
- }
536
- :where(.peer):disabled:not(#\#):not(#\#) ~ .peer-disabled\:cursor-not-allowed {
537
- cursor: not-allowed;
538
- }
539
- :where(.peer):disabled:not(#\#):not(#\#) ~ .peer-disabled\:opacity-70 {
540
- opacity: 0.7;
541
- }
542
- [data-variant="inset"]:where(.peer):not(#\#):not(#\#) ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
543
- min-height: calc(100svh - 1rem);
544
- }
545
- .file\:border-0:not(#\#):not(#\#)::file-selector-button {
546
- border-style: var(--tw-border-style);
547
- border-width: 0px;
548
- }
549
- .file\:bg-transparent:not(#\#):not(#\#)::file-selector-button {
550
- background-color: transparent;
551
- }
552
- .after\:absolute:not(#\#):not(#\#)::after {
553
- content: var(--tw-content);
554
- position: absolute;
555
- }
556
- .after\:left-1\/2:not(#\#):not(#\#)::after {
557
- content: var(--tw-content);
558
- left: calc(1/2 * 100%);
559
- }
560
- .after\:w-\[2px\]:not(#\#):not(#\#)::after {
561
- content: var(--tw-content);
562
- width: 2px;
563
- }
564
- [data-collapsible="offcanvas"]:where(.group):not(#\#):not(#\#) .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after {
565
- content: var(--tw-content);
566
- left: 100%;
567
- }
568
- .focus-within\:relative:focus-within:not(#\#):not(#\#) {
569
- position: relative;
570
- }
571
- .focus-within\:z-20:focus-within:not(#\#):not(#\#) {
572
- z-index: 20;
573
- }
574
- @media (hover: hover) {
575
- .hover\:scale-110:hover:not(#\#):not(#\#) {
576
- --tw-scale-x: 110%;
577
- --tw-scale-y: 110%;
578
- --tw-scale-z: 110%;
579
- scale: 110% 110%;
580
- scale: var(--tw-scale-x) var(--tw-scale-y);
44
+
45
+ .dark {
46
+ --background: 240 10% 3.9%;
47
+ --foreground: 0 0% 98%;
48
+ --card: 240 10% 3.9%;
49
+ --card-foreground: 0 0% 98%;
50
+ --popover: 240 10% 3.9%;
51
+ --popover-foreground: 0 0% 98%;
52
+ --primary: 0 0% 98%;
53
+ --primary-foreground: 240 5.9% 10%;
54
+ --secondary: 240 3.7% 15.9%;
55
+ --secondary-foreground: 0 0% 98%;
56
+ --muted: 240 3.7% 15.9%;
57
+ --muted-foreground: 240 5% 64.9%;
58
+ --accent: 240 3.7% 15.9%;
59
+ --accent-foreground: 0 0% 98%;
60
+ --destructive: 0 62.8% 30.6%;
61
+ --destructive-foreground: 0 0% 98%;
62
+ --border: 240 3.7% 15.9%;
63
+ --input: 240 3.7% 15.9%;
64
+ --ring: 240 4.9% 83.9%;
65
+ --success: 120 84.2% 60%;
66
+ --chart-blue: 217.2 91.2% 59.8%;
67
+ --chart-1: 220 70% 50%;
68
+ --chart-2: 160 60% 45%;
69
+ --chart-3: 30 80% 55%;
70
+ --chart-4: 280 65% 60%;
71
+ --chart-5: 340 75% 55%;
72
+ --sidebar-background: 240 5.9% 10%;
73
+ --sidebar-foreground: 240 4.8% 95.9%;
74
+ --sidebar-primary: 224.3 76.3% 48%;
75
+ --sidebar-primary-foreground: 0 0% 100%;
76
+ --sidebar-accent: 240 3.7% 15.9%;
77
+ --sidebar-accent-foreground: 240 4.8% 95.9%;
78
+ --sidebar-border: 240 3.7% 15.9%;
79
+ --sidebar-ring: 217.2 91.2% 59.8%;
581
80
  }
582
81
  }
583
- @media (hover: hover) {
584
- .hover\:bg-inherit:hover:not(#\#):not(#\#) {
585
- background-color: inherit;
82
+
83
+
84
+ @layer base {
85
+ * {
86
+ @apply border-border;
586
87
  }
587
- }
588
- @media (hover: hover) {
589
- .hover\:bg-transparent:hover:not(#\#):not(#\#) {
590
- background-color: transparent;
88
+ body {
89
+ @apply bg-background text-foreground;
591
90
  }
592
- }
593
- @media (hover: hover) {
594
- .hover\:underline:hover:not(#\#):not(#\#) {
595
- text-decoration-line: underline;
91
+
92
+
93
+ ::-webkit-scrollbar {
94
+ @apply w-2 h-2;
596
95
  }
597
- }
598
- @media (hover: hover) {
599
- .hover\:opacity-100:hover:not(#\#):not(#\#) {
600
- opacity: 1;
96
+
97
+ ::-webkit-scrollbar-track {
98
+ @apply bg-muted;
601
99
  }
602
- }
603
- @media (hover: hover) {
604
- .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover:not(#\#):not(#\#) {
605
- --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
606
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 0 1px hsl(240, 5%, 96%);
607
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
100
+
101
+ ::-webkit-scrollbar-thumb {
102
+ @apply rounded-full bg-muted-foreground;
608
103
  }
609
104
  }
610
- .focus\:opacity-100:focus:not(#\#):not(#\#) {
611
- opacity: 1;
612
- }
613
- .focus\:ring-2:focus:not(#\#):not(#\#) {
614
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
615
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
616
- }
617
- .focus\:ring-offset-2:focus:not(#\#):not(#\#) {
618
- --tw-ring-offset-width: 2px;
619
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
620
- }
621
- .focus\:outline-none:focus:not(#\#):not(#\#) {
622
- --tw-outline-style: none;
623
- outline-style: none;
624
- }
625
- .focus-visible\:ring-2:focus-visible:not(#\#):not(#\#) {
626
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
627
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
628
- }
629
- .focus-visible\:ring-offset-2:focus-visible:not(#\#):not(#\#) {
630
- --tw-ring-offset-width: 2px;
631
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
632
- }
633
- .focus-visible\:outline-none:focus-visible:not(#\#):not(#\#) {
634
- --tw-outline-style: none;
635
- outline-style: none;
636
- }
637
- .disabled\:pointer-events-none:disabled:not(#\#):not(#\#) {
638
- pointer-events: none;
639
- }
640
- .disabled\:cursor-not-allowed:disabled:not(#\#):not(#\#) {
641
- cursor: not-allowed;
642
- }
643
- .disabled\:opacity-50:disabled:not(#\#):not(#\#) {
644
- opacity: 0.5;
645
- }
646
- .aria-disabled\:pointer-events-none[aria-disabled="true"]:not(#\#):not(#\#) {
647
- pointer-events: none;
648
- }
649
- .aria-disabled\:opacity-50[aria-disabled="true"]:not(#\#):not(#\#) {
650
- opacity: 0.5;
651
- }
652
- .aria-selected\:opacity-100[aria-selected="true"]:not(#\#):not(#\#) {
653
- opacity: 1;
654
- }
655
- .data-\[disabled\]\:pointer-events-none[data-disabled]:not(#\#):not(#\#) {
656
- pointer-events: none;
657
- }
658
- .data-\[disabled\]\:opacity-50[data-disabled]:not(#\#):not(#\#) {
659
- opacity: 0.5;
660
- }
661
- .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]:not(#\#):not(#\#) {
662
- pointer-events: none;
663
- }
664
- .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]:not(#\#):not(#\#) {
665
- opacity: 0.5;
666
- }
667
- .data-\[state\=closed\]\:duration-300[data-state="closed"]:not(#\#):not(#\#) {
668
- --tw-duration: 300ms;
669
- transition-duration: 300ms;
670
- }
671
- .data-\[state\=open\]\:opacity-100[data-state="open"]:not(#\#):not(#\#) {
672
- opacity: 1;
673
- }
674
- .data-\[state\=open\]\:duration-500[data-state="open"]:not(#\#):not(#\#) {
675
- --tw-duration: 500ms;
676
- transition-duration: 500ms;
677
- }
678
- .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]:not(#\#):not(#\#) {
679
- --tw-translate-x: var(--radix-toast-swipe-end-x);
680
- translate: var(--tw-translate-x) var(--tw-translate-y);
681
- }
682
- .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]:not(#\#):not(#\#) {
683
- --tw-translate-x: var(--radix-toast-swipe-move-x);
684
- translate: var(--tw-translate-x) var(--tw-translate-y);
685
- }
686
- .data-\[swipe\=move\]\:transition-none[data-swipe="move"]:not(#\#):not(#\#) {
687
- transition-property: none;
688
- }
689
- .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent:not(#\#):not(#\#) .recharts-dot[stroke='#fff'] {
690
- stroke: transparent;
691
- }
692
- .\[\&_\.recharts-layer\]\:outline-none:not(#\#):not(#\#) .recharts-layer {
693
- --tw-outline-style: none;
694
- outline-style: none;
695
- }
696
- .\[\&_\.recharts-sector\]\:outline-none:not(#\#):not(#\#) .recharts-sector {
697
- --tw-outline-style: none;
698
- outline-style: none;
699
- }
700
- .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent:not(#\#):not(#\#) .recharts-sector[stroke='#fff'] {
701
- stroke: transparent;
702
- }
703
- .\[\&_\.recharts-surface\]\:outline-none:not(#\#):not(#\#) .recharts-surface {
704
- --tw-outline-style: none;
705
- outline-style: none;
706
- }
707
- .\[\&_svg\]\:pointer-events-auto:not(#\#):not(#\#) svg {
708
- pointer-events: auto;
709
- }
710
- .\[\&_svg\]\:pointer-events-none:not(#\#):not(#\#) svg {
711
- pointer-events: none;
712
- }
713
- .\[\&_svg\]\:invisible:not(#\#):not(#\#) svg {
714
- visibility: hidden;
715
- }
716
- .\[\&_svg\]\:shrink-0:not(#\#):not(#\#) svg {
717
- flex-shrink: 0;
718
- }
719
- .\[\&_tr\]\:border-b:not(#\#):not(#\#) tr {
720
- border-bottom-style: var(--tw-border-style);
721
- border-bottom-width: 1px;
722
- }
723
- .\[\&_tr\:last-child\]\:border-0:not(#\#):not(#\#) tr:last-child {
724
- border-style: var(--tw-border-style);
725
- border-width: 0px;
726
- }
727
- .\[\&\>button\]\:hidden:not(#\#):not(#\#) > button {
728
- display: none;
729
- }
730
- .\[\&\>span\]\:line-clamp-1:not(#\#):not(#\#) > span {
731
- overflow: hidden;
732
- display: -webkit-box;
733
- -webkit-box-orient: vertical;
734
- -webkit-line-clamp: 1;
735
- }
736
- .\[\&\>span\:last-child\]\:truncate:not(#\#):not(#\#) > span:last-child {
737
- overflow: hidden;
738
- text-overflow: ellipsis;
739
- white-space: nowrap;
740
- }
741
- .\[\&\>svg\]\:absolute:not(#\#):not(#\#) > svg {
742
- position: absolute;
743
- }
744
- .\[\&\>svg\]\:shrink-0:not(#\#):not(#\#) > svg {
745
- flex-shrink: 0;
746
- }
747
- .\[\&\>svg\+div\]\:translate-y-\[-3px\]:not(#\#):not(#\#) > svg + div {
748
- --tw-translate-y: -3px;
749
- translate: var(--tw-translate-x) -3px;
750
- translate: var(--tw-translate-x) var(--tw-translate-y);
751
- }
752
- .\[\&\>tr\]\:last\:border-b-0:not(#\#):not(#\#) > tr:last-child {
753
- border-bottom-style: var(--tw-border-style);
754
- border-bottom-width: 0px;
755
- }
756
- .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]:not(#\#):not(#\#) > svg {
757
- rotate: 180deg;
758
- }
759
- [data-side=left]:not(#\#):not(#\#) .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
760
- cursor: w-resize;
761
- }
762
- [data-side=left][data-state=collapsed]:not(#\#):not(#\#) .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
763
- cursor: e-resize;
764
- }
765
- [data-side=right]:not(#\#):not(#\#) .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
766
- cursor: e-resize;
767
- }
768
- [data-side=right][data-state=collapsed]:not(#\#):not(#\#) .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
769
- cursor: w-resize;
770
- }
771
- :root:not(#\#) {
772
- --background: 0 0% 100%;
773
- --foreground: 240 10% 3.9%;
774
- --card: 0 0% 100%;
775
- --card-foreground: 240 10% 3.9%;
776
- --popover: 0 0% 100%;
777
- --popover-foreground: 240 10% 3.9%;
778
- --primary: 240 5.9% 10%;
779
- --primary-foreground: 0 0% 98%;
780
- --secondary: 240 4.8% 95.9%;
781
- --secondary-foreground: 240 5.9% 10%;
782
- --muted: 240 4.8% 95.9%;
783
- --muted-foreground: 240 3.8% 46.1%;
784
- --accent: 240 4.8% 95.9%;
785
- --accent-foreground: 240 5.9% 10%;
786
- --destructive: 0 84.2% 60.2%;
787
- --destructive-foreground: 0 0% 98%;
788
- --border: 240 5.9% 90%;
789
- --input: 240 5.9% 90%;
790
- --ring: 240 5.9% 10%;
791
- --radius: 0.5rem;
792
- --success: 120 84.2% 50%;
793
- --chart-blue: 221.2 83.2% 53.3%;
794
- --chart-1: 12 76% 61%;
795
- --chart-2: 173 58% 39%;
796
- --chart-3: 197 37% 24%;
797
- --chart-4: 43 74% 66%;
798
- --chart-5: 27 87% 67%;
799
- --sidebar-background: 0 0% 98%;
800
- --sidebar-foreground: 240 5.3% 26.1%;
801
- --sidebar-primary: 240 5.9% 10%;
802
- --sidebar-primary-foreground: 0 0% 98%;
803
- --sidebar-accent: 240 4.8% 95.9%;
804
- --sidebar-accent-foreground: 240 5.9% 10%;
805
- --sidebar-border: 220 13% 91%;
806
- --sidebar-ring: 217.2 91.2% 59.8%;
807
- }
808
- .dark:not(#\#) {
809
- --background: 240 10% 3.9%;
810
- --foreground: 0 0% 98%;
811
- --card: 240 10% 3.9%;
812
- --card-foreground: 0 0% 98%;
813
- --popover: 240 10% 3.9%;
814
- --popover-foreground: 0 0% 98%;
815
- --primary: 0 0% 98%;
816
- --primary-foreground: 240 5.9% 10%;
817
- --secondary: 240 3.7% 15.9%;
818
- --secondary-foreground: 0 0% 98%;
819
- --muted: 240 3.7% 15.9%;
820
- --muted-foreground: 240 5% 64.9%;
821
- --accent: 240 3.7% 15.9%;
822
- --accent-foreground: 0 0% 98%;
823
- --destructive: 0 62.8% 30.6%;
824
- --destructive-foreground: 0 0% 98%;
825
- --border: 240 3.7% 15.9%;
826
- --input: 240 3.7% 15.9%;
827
- --ring: 240 4.9% 83.9%;
828
- --success: 120 84.2% 60%;
829
- --chart-blue: 217.2 91.2% 59.8%;
830
- --chart-1: 220 70% 50%;
831
- --chart-2: 160 60% 45%;
832
- --chart-3: 30 80% 55%;
833
- --chart-4: 280 65% 60%;
834
- --chart-5: 340 75% 55%;
835
- --sidebar-background: 240 5.9% 10%;
836
- --sidebar-foreground: 240 4.8% 95.9%;
837
- --sidebar-primary: 224.3 76.3% 48%;
838
- --sidebar-primary-foreground: 0 0% 100%;
839
- --sidebar-accent: 240 3.7% 15.9%;
840
- --sidebar-accent-foreground: 240 4.8% 95.9%;
841
- --sidebar-border: 240 3.7% 15.9%;
842
- --sidebar-ring: 217.2 91.2% 59.8%;
843
- }
844
- @property --tw-translate-x {
845
- syntax: "*";
846
- inherits: false;
847
- initial-value: 0;
848
- }
849
- @property --tw-translate-y {
850
- syntax: "*";
851
- inherits: false;
852
- initial-value: 0;
853
- }
854
- @property --tw-translate-z {
855
- syntax: "*";
856
- inherits: false;
857
- initial-value: 0;
858
- }
859
- @property --tw-rotate-x {
860
- syntax: "*";
861
- inherits: false;
862
- }
863
- @property --tw-rotate-y {
864
- syntax: "*";
865
- inherits: false;
866
- }
867
- @property --tw-rotate-z {
868
- syntax: "*";
869
- inherits: false;
870
- }
871
- @property --tw-skew-x {
872
- syntax: "*";
873
- inherits: false;
874
- }
875
- @property --tw-skew-y {
876
- syntax: "*";
877
- inherits: false;
878
- }
879
- @property --tw-border-style {
880
- syntax: "*";
881
- inherits: false;
882
- initial-value: solid;
883
- }
884
- @property --tw-leading {
885
- syntax: "*";
886
- inherits: false;
887
- }
888
- @property --tw-ordinal {
889
- syntax: "*";
890
- inherits: false;
891
- }
892
- @property --tw-slashed-zero {
893
- syntax: "*";
894
- inherits: false;
895
- }
896
- @property --tw-numeric-figure {
897
- syntax: "*";
898
- inherits: false;
899
- }
900
- @property --tw-numeric-spacing {
901
- syntax: "*";
902
- inherits: false;
903
- }
904
- @property --tw-numeric-fraction {
905
- syntax: "*";
906
- inherits: false;
907
- }
908
- @property --tw-shadow {
909
- syntax: "*";
910
- inherits: false;
911
- initial-value: 0 0 rgba(0,0,0,0);
912
- }
913
- @property --tw-shadow-color {
914
- syntax: "*";
915
- inherits: false;
916
- }
917
- @property --tw-shadow-alpha {
918
- syntax: "<percentage>";
919
- inherits: false;
920
- initial-value: 100%;
921
- }
922
- @property --tw-inset-shadow {
923
- syntax: "*";
924
- inherits: false;
925
- initial-value: 0 0 rgba(0,0,0,0);
926
- }
927
- @property --tw-inset-shadow-color {
928
- syntax: "*";
929
- inherits: false;
930
- }
931
- @property --tw-inset-shadow-alpha {
932
- syntax: "<percentage>";
933
- inherits: false;
934
- initial-value: 100%;
935
- }
936
- @property --tw-ring-color {
937
- syntax: "*";
938
- inherits: false;
939
- }
940
- @property --tw-ring-shadow {
941
- syntax: "*";
942
- inherits: false;
943
- initial-value: 0 0 rgba(0,0,0,0);
944
- }
945
- @property --tw-inset-ring-color {
946
- syntax: "*";
947
- inherits: false;
948
- }
949
- @property --tw-inset-ring-shadow {
950
- syntax: "*";
951
- inherits: false;
952
- initial-value: 0 0 rgba(0,0,0,0);
953
- }
954
- @property --tw-ring-inset {
955
- syntax: "*";
956
- inherits: false;
957
- }
958
- @property --tw-ring-offset-width {
959
- syntax: "<length>";
960
- inherits: false;
961
- initial-value: 0px;
962
- }
963
- @property --tw-ring-offset-color {
964
- syntax: "*";
965
- inherits: false;
966
- initial-value: #fff;
967
- }
968
- @property --tw-ring-offset-shadow {
969
- syntax: "*";
970
- inherits: false;
971
- initial-value: 0 0 rgba(0,0,0,0);
972
- }
973
- @property --tw-outline-style {
974
- syntax: "*";
975
- inherits: false;
976
- initial-value: solid;
977
- }
978
- @property --tw-duration {
979
- syntax: "*";
980
- inherits: false;
981
- }
982
- @property --tw-ease {
983
- syntax: "*";
984
- inherits: false;
985
- }
986
- @property --tw-content {
987
- syntax: "*";
988
- initial-value: "";
989
- inherits: false;
990
- }
991
- @property --tw-scale-x {
992
- syntax: "*";
993
- inherits: false;
994
- initial-value: 1;
995
- }
996
- @property --tw-scale-y {
997
- syntax: "*";
998
- inherits: false;
999
- initial-value: 1;
1000
- }
1001
- @property --tw-scale-z {
1002
- syntax: "*";
1003
- inherits: false;
1004
- initial-value: 1;
1005
- }
1006
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1007
- *, ::before, ::after, ::backdrop {
1008
- --tw-translate-x: 0;
1009
- --tw-translate-y: 0;
1010
- --tw-translate-z: 0;
1011
- --tw-rotate-x: initial;
1012
- --tw-rotate-y: initial;
1013
- --tw-rotate-z: initial;
1014
- --tw-skew-x: initial;
1015
- --tw-skew-y: initial;
1016
- --tw-border-style: solid;
1017
- --tw-leading: initial;
1018
- --tw-ordinal: initial;
1019
- --tw-slashed-zero: initial;
1020
- --tw-numeric-figure: initial;
1021
- --tw-numeric-spacing: initial;
1022
- --tw-numeric-fraction: initial;
1023
- --tw-shadow: 0 0 rgba(0,0,0,0);
1024
- --tw-shadow-color: initial;
1025
- --tw-shadow-alpha: 100%;
1026
- --tw-inset-shadow: 0 0 rgba(0,0,0,0);
1027
- --tw-inset-shadow-color: initial;
1028
- --tw-inset-shadow-alpha: 100%;
1029
- --tw-ring-color: initial;
1030
- --tw-ring-shadow: 0 0 rgba(0,0,0,0);
1031
- --tw-inset-ring-color: initial;
1032
- --tw-inset-ring-shadow: 0 0 rgba(0,0,0,0);
1033
- --tw-ring-inset: initial;
1034
- --tw-ring-offset-width: 0px;
1035
- --tw-ring-offset-color: #fff;
1036
- --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
1037
- --tw-outline-style: solid;
1038
- --tw-duration: initial;
1039
- --tw-ease: initial;
1040
- --tw-content: "";
1041
- --tw-scale-x: 1;
1042
- --tw-scale-y: 1;
1043
- --tw-scale-z: 1;
1044
- }
1045
- }
105
+
106
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiaW5kZXguY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQHRhaWx3aW5kIGJhc2U7XG5AdGFpbHdpbmQgY29tcG9uZW50cztcbkB0YWlsd2luZCB1dGlsaXRpZXM7XG5cblxuQGxheWVyIGJhc2Uge1xuICA6cm9vdCB7XG4gICAgLS1iYWNrZ3JvdW5kOiAwIDAlIDEwMCU7XG4gICAgLS1mb3JlZ3JvdW5kOiAyNDAgMTAlIDMuOSU7XG4gICAgLS1jYXJkOiAwIDAlIDEwMCU7XG4gICAgLS1jYXJkLWZvcmVncm91bmQ6IDI0MCAxMCUgMy45JTtcbiAgICAtLXBvcG92ZXI6IDAgMCUgMTAwJTtcbiAgICAtLXBvcG92ZXItZm9yZWdyb3VuZDogMjQwIDEwJSAzLjklO1xuICAgIC0tcHJpbWFyeTogMjQwIDUuOSUgMTAlO1xuICAgIC0tcHJpbWFyeS1mb3JlZ3JvdW5kOiAwIDAlIDk4JTtcbiAgICAtLXNlY29uZGFyeTogMjQwIDQuOCUgOTUuOSU7XG4gICAgLS1zZWNvbmRhcnktZm9yZWdyb3VuZDogMjQwIDUuOSUgMTAlO1xuICAgIC0tbXV0ZWQ6IDI0MCA0LjglIDk1LjklO1xuICAgIC0tbXV0ZWQtZm9yZWdyb3VuZDogMjQwIDMuOCUgNDYuMSU7XG4gICAgLS1hY2NlbnQ6IDI0MCA0LjglIDk1LjklO1xuICAgIC0tYWNjZW50LWZvcmVncm91bmQ6IDI0MCA1LjklIDEwJTtcbiAgICAtLWRlc3RydWN0aXZlOiAwIDg0LjIlIDYwLjIlO1xuICAgIC0tZGVzdHJ1Y3RpdmUtZm9yZWdyb3VuZDogMCAwJSA5OCU7XG4gICAgLS1ib3JkZXI6IDI0MCA1LjklIDkwJTtcbiAgICAtLWlucHV0OiAyNDAgNS45JSA5MCU7XG4gICAgLS1yaW5nOiAyNDAgNS45JSAxMCU7XG4gICAgLS1yYWRpdXM6IDAuNXJlbTtcbiAgICAtLXN1Y2Nlc3M6IDEyMCA4NC4yJSA1MCU7IFxuICAgIC0tY2hhcnQtYmx1ZTogMjIxLjIgODMuMiUgNTMuMyU7XG4gICAgLS1jaGFydC0xOiAxMiA3NiUgNjElO1xuICAgIC0tY2hhcnQtMjogMTczIDU4JSAzOSU7XG4gICAgLS1jaGFydC0zOiAxOTcgMzclIDI0JTtcbiAgICAtLWNoYXJ0LTQ6IDQzIDc0JSA2NiU7XG4gICAgLS1jaGFydC01OiAyNyA4NyUgNjclO1xuICAgIC0tc2lkZWJhci1iYWNrZ3JvdW5kOiAwIDAlIDk4JTtcbiAgICAtLXNpZGViYXItZm9yZWdyb3VuZDogMjQwIDUuMyUgMjYuMSU7XG4gICAgLS1zaWRlYmFyLXByaW1hcnk6IDI0MCA1LjklIDEwJTtcbiAgICAtLXNpZGViYXItcHJpbWFyeS1mb3JlZ3JvdW5kOiAwIDAlIDk4JTtcbiAgICAtLXNpZGViYXItYWNjZW50OiAyNDAgNC44JSA5NS45JTtcbiAgICAtLXNpZGViYXItYWNjZW50LWZvcmVncm91bmQ6IDI0MCA1LjklIDEwJTtcbiAgICAtLXNpZGViYXItYm9yZGVyOiAyMjAgMTMlIDkxJTtcbiAgICAtLXNpZGViYXItcmluZzogMjE3LjIgOTEuMiUgNTkuOCU7XG4gIH1cblxuICAuZGFyayB7XG4gICAgLS1iYWNrZ3JvdW5kOiAyNDAgMTAlIDMuOSU7XG4gICAgLS1mb3JlZ3JvdW5kOiAwIDAlIDk4JTtcbiAgICAtLWNhcmQ6IDI0MCAxMCUgMy45JTtcbiAgICAtLWNhcmQtZm9yZWdyb3VuZDogMCAwJSA5OCU7XG4gICAgLS1wb3BvdmVyOiAyNDAgMTAlIDMuOSU7XG4gICAgLS1wb3BvdmVyLWZvcmVncm91bmQ6IDAgMCUgOTglO1xuICAgIC0tcHJpbWFyeTogMCAwJSA5OCU7XG4gICAgLS1wcmltYXJ5LWZvcmVncm91bmQ6IDI0MCA1LjklIDEwJTtcbiAgICAtLXNlY29uZGFyeTogMjQwIDMuNyUgMTUuOSU7XG4gICAgLS1zZWNvbmRhcnktZm9yZWdyb3VuZDogMCAwJSA5OCU7XG4gICAgLS1tdXRlZDogMjQwIDMuNyUgMTUuOSU7XG4gICAgLS1tdXRlZC1mb3JlZ3JvdW5kOiAyNDAgNSUgNjQuOSU7XG4gICAgLS1hY2NlbnQ6IDI0MCAzLjclIDE1LjklO1xuICAgIC0tYWNjZW50LWZvcmVncm91bmQ6IDAgMCUgOTglO1xuICAgIC0tZGVzdHJ1Y3RpdmU6IDAgNjIuOCUgMzAuNiU7XG4gICAgLS1kZXN0cnVjdGl2ZS1mb3JlZ3JvdW5kOiAwIDAlIDk4JTtcbiAgICAtLWJvcmRlcjogMjQwIDMuNyUgMTUuOSU7XG4gICAgLS1pbnB1dDogMjQwIDMuNyUgMTUuOSU7XG4gICAgLS1yaW5nOiAyNDAgNC45JSA4My45JTtcbiAgICAtLXN1Y2Nlc3M6IDEyMCA4NC4yJSA2MCU7XG4gICAgLS1jaGFydC1ibHVlOiAyMTcuMiA5MS4yJSA1OS44JTtcbiAgICAtLWNoYXJ0LTE6IDIyMCA3MCUgNTAlO1xuICAgIC0tY2hhcnQtMjogMTYwIDYwJSA0NSU7XG4gICAgLS1jaGFydC0zOiAzMCA4MCUgNTUlO1xuICAgIC0tY2hhcnQtNDogMjgwIDY1JSA2MCU7XG4gICAgLS1jaGFydC01OiAzNDAgNzUlIDU1JTtcbiAgICAtLXNpZGViYXItYmFja2dyb3VuZDogMjQwIDUuOSUgMTAlO1xuICAgIC0tc2lkZWJhci1mb3JlZ3JvdW5kOiAyNDAgNC44JSA5NS45JTtcbiAgICAtLXNpZGViYXItcHJpbWFyeTogMjI0LjMgNzYuMyUgNDglO1xuICAgIC0tc2lkZWJhci1wcmltYXJ5LWZvcmVncm91bmQ6IDAgMCUgMTAwJTtcbiAgICAtLXNpZGViYXItYWNjZW50OiAyNDAgMy43JSAxNS45JTtcbiAgICAtLXNpZGViYXItYWNjZW50LWZvcmVncm91bmQ6IDI0MCA0LjglIDk1LjklO1xuICAgIC0tc2lkZWJhci1ib3JkZXI6IDI0MCAzLjclIDE1LjklO1xuICAgIC0tc2lkZWJhci1yaW5nOiAyMTcuMiA5MS4yJSA1OS44JTtcbiAgfVxufVxuXG5cbkBsYXllciBiYXNlIHtcbiAgKiB7XG4gICAgQGFwcGx5IGJvcmRlci1ib3JkZXI7XG4gIH1cbiAgYm9keSB7XG4gICAgQGFwcGx5IGJnLWJhY2tncm91bmQgdGV4dC1mb3JlZ3JvdW5kO1xuICB9XG5cblxuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBAYXBwbHkgdy0yIGgtMjtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sge1xuICAgIEBhcHBseSBiZy1tdXRlZDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIEBhcHBseSByb3VuZGVkLWZ1bGwgYmctbXV0ZWQtZm9yZWdyb3VuZDtcbiAgfVxufVxuIl19 */
package/dist/index.js CHANGED
@@ -1,6 +1,5 @@
1
1
  // copy the important files
2
2
  import './index.css';
3
- import './components/minimal-tiptap/styles/index.css';
4
3
  export * from './components';
5
4
  export * from './hooks';
6
5
  export * from './lib';
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,OAAO,aAAa,CAAA;AACpB,OAAO,8CAA8C,CAAA;AAErD,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,OAAO,aAAa,CAAA;AAEpB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
@@ -1,9 +1 @@
1
1
  export * from './ui';
2
- export * from './DatePicker';
3
- export * from './DeleteConfirmationDialog';
4
- export * from './ErrorPage';
5
- export * from './LoadingPage';
6
- export * from './ManagementPageHeader';
7
- export * from './SaveChangesAlert';
8
- export * from './UnauthorizedPage';
9
- export * from './MultiSelect';
@@ -1,5 +1,4 @@
1
1
  import './index.css';
2
- import './components/minimal-tiptap/styles/index.css';
3
2
  export * from './components';
4
3
  export * from './hooks';
5
4
  export * from './lib';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tumaet/prompt-ui-components",
3
- "version": "0.0.7",
3
+ "version": "0.0.9",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/ls1intum/prompt-lib.git"
@@ -12,7 +12,8 @@
12
12
  "exports": {
13
13
  ".": "./dist/index.js",
14
14
  "./index.css": "./dist/index.css",
15
- "./tailwind-config": "./tailwind/tailwind.config.js"
15
+ "./tailwind-config": "./tailwind/tailwind.config.js",
16
+ "./postcss-config": "./tailwind/postcss.config.js"
16
17
  },
17
18
  "files": [
18
19
  "dist",
@@ -49,29 +50,10 @@
49
50
  "@radix-ui/react-toggle": "^1.1.0",
50
51
  "@radix-ui/react-toggle-group": "^1.1.0",
51
52
  "@radix-ui/react-tooltip": "^1.1.4",
52
- "@tailwindcss/postcss": "^4.1.4",
53
- "@tiptap/core": "^2.11.7",
54
- "@tiptap/extension-code-block": "^2.11.7",
55
- "@tiptap/extension-code-block-lowlight": "^2.11.7",
56
- "@tiptap/extension-color": "^2.11.7",
57
- "@tiptap/extension-heading": "^2.11.7",
58
- "@tiptap/extension-horizontal-rule": "^2.11.7",
59
- "@tiptap/extension-image": "^2.11.7",
60
- "@tiptap/extension-link": "^2.11.7",
61
- "@tiptap/extension-placeholder": "^2.11.7",
62
- "@tiptap/extension-text-style": "^2.11.7",
63
- "@tiptap/extension-typography": "^2.11.7",
64
- "@tiptap/extension-underline": "^2.11.7",
65
- "@tiptap/pm": "^2.11.7",
66
- "@tiptap/react": "^2.11.7",
67
- "@tiptap/starter-kit": "^2.11.7",
68
- "@tumaet/prompt-shared-state": "^0.0.21",
69
53
  "class-variance-authority": "^0.7.0",
70
54
  "clsx": "^2.1.1",
71
55
  "cmdk": "1.0.0",
72
56
  "date-fns": "^4.1.0",
73
- "highlight.js": "^11.11.1",
74
- "lowlight": "^3.3.0",
75
57
  "lucide-react": "^0.503.0",
76
58
  "postcss": "^8.5.3",
77
59
  "postcss-preset-env": "^10.1.6",
@@ -79,12 +61,9 @@
79
61
  "react-day-picker": "8.10.1",
80
62
  "react-dom": "^18.3.1",
81
63
  "react-hook-form": "^7.53.2",
82
- "react-medium-image-zoom": "^5.2.14",
83
64
  "react-router-dom": "^7.5.2",
84
65
  "recharts": "^2.15.3",
85
- "sonner": "^2.0.3",
86
66
  "tailwind-merge": "^2.5.4",
87
- "tailwindcss": "^4.1.4",
88
67
  "tsc-alias": "^1.8.15",
89
68
  "typescript": "^5.7.3"
90
69
  },
package/src/index.css CHANGED
@@ -1,6 +1,7 @@
1
1
  @tailwind base;
2
2
  @tailwind components;
3
- @tailwind utilities;
3
+ @tailwind utilities;
4
+
4
5
 
5
6
  @layer base {
6
7
  :root {
@@ -77,4 +78,27 @@
77
78
  --sidebar-border: 240 3.7% 15.9%;
78
79
  --sidebar-ring: 217.2 91.2% 59.8%;
79
80
  }
80
- }
81
+ }
82
+
83
+
84
+ @layer base {
85
+ * {
86
+ @apply border-border;
87
+ }
88
+ body {
89
+ @apply bg-background text-foreground;
90
+ }
91
+
92
+
93
+ ::-webkit-scrollbar {
94
+ @apply w-2 h-2;
95
+ }
96
+
97
+ ::-webkit-scrollbar-track {
98
+ @apply bg-muted;
99
+ }
100
+
101
+ ::-webkit-scrollbar-thumb {
102
+ @apply rounded-full bg-muted-foreground;
103
+ }
104
+ }
@@ -0,0 +1,7 @@
1
+ import tailwindcss from 'tailwindcss'
2
+ import autoprefixer from 'autoprefixer'
3
+ import postcssPresetEnv from 'postcss-preset-env'
4
+
5
+ export default {
6
+ plugins: [postcssPresetEnv, tailwindcss, autoprefixer],
7
+ }
@@ -0,0 +1,69 @@
1
+ // Default values that shall be reused in every component
2
+
3
+ /** @type {import('tailwindcss').Config} */
4
+ module.exports = {
5
+ darkMode: ['class'],
6
+ safelist: [
7
+ 'dark',
8
+ 'ProseMirror',
9
+ {
10
+ pattern: /^(dark:)?(bg|text|border)-[a-z]+(?:-[a-z]+)*(?:-\d{1,3})?$/,
11
+ variants: ['dark'],
12
+ },
13
+ ],
14
+ theme: {
15
+ extend: {
16
+ colors: {
17
+ border: 'hsl(var(--border))',
18
+ input: 'hsl(var(--input))',
19
+ ring: 'hsl(var(--ring))',
20
+ background: 'hsl(var(--background))',
21
+ foreground: 'hsl(var(--foreground))',
22
+ primary: {
23
+ DEFAULT: 'hsl(var(--primary))',
24
+ foreground: 'hsl(var(--primary-foreground))',
25
+ },
26
+ secondary: {
27
+ DEFAULT: 'hsl(var(--secondary))',
28
+ foreground: 'hsl(var(--secondary-foreground))',
29
+ },
30
+ destructive: {
31
+ DEFAULT: 'hsl(var(--destructive))',
32
+ foreground: 'hsl(var(--destructive-foreground))',
33
+ },
34
+ muted: {
35
+ DEFAULT: 'hsl(var(--muted))',
36
+ foreground: 'hsl(var(--muted-foreground))',
37
+ },
38
+ accent: {
39
+ DEFAULT: 'hsl(var(--accent))',
40
+ foreground: 'hsl(var(--accent-foreground))',
41
+ },
42
+ popover: {
43
+ DEFAULT: 'hsl(var(--popover))',
44
+ foreground: 'hsl(var(--popover-foreground))',
45
+ },
46
+ card: {
47
+ DEFAULT: 'hsl(var(--card))',
48
+ foreground: 'hsl(var(--card-foreground))',
49
+ },
50
+ sidebar: {
51
+ DEFAULT: 'hsl(var(--sidebar-background))',
52
+ foreground: 'hsl(var(--sidebar-foreground))',
53
+ primary: 'hsl(var(--sidebar-primary))',
54
+ 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
55
+ accent: 'hsl(var(--sidebar-accent))',
56
+ 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
57
+ border: 'hsl(var(--sidebar-border))',
58
+ ring: 'hsl(var(--sidebar-ring))',
59
+ },
60
+ },
61
+ borderRadius: {
62
+ lg: `var(--radius)`,
63
+ md: `calc(var(--radius) - 2px)`,
64
+ sm: 'calc(var(--radius) - 4px)',
65
+ },
66
+ },
67
+ },
68
+ plugins: [require('tailwindcss-animate'), require('@tailwindcss/typography')],
69
+ }