@elixir-cloud/trs-filer 2.0.0-alpha.1

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.
Files changed (36) hide show
  1. package/LICENSE +133 -0
  2. package/README.md +48 -0
  3. package/dist/chunks/chunk.3WU6NPWM.js +1 -0
  4. package/dist/chunks/chunk.5A4EA5NE.js +1803 -0
  5. package/dist/chunks/chunk.C5TPOPDW.js +10 -0
  6. package/dist/chunks/chunk.Q5GOJN3Z.js +849 -0
  7. package/dist/chunks/chunk.ULOGEPYW.js +23 -0
  8. package/dist/components/index.d.ts +1 -0
  9. package/dist/components/index.js +4 -0
  10. package/dist/components/tool-create/index.d.ts +8 -0
  11. package/dist/components/tool-create/index.js +3 -0
  12. package/dist/components/tool-create/tool-create.d.ts +75 -0
  13. package/dist/components/tool-create/tool-create.js +2 -0
  14. package/dist/components/tool-create/tw-styles.d.ts +1 -0
  15. package/dist/components/tool-create/tw-styles.js +1 -0
  16. package/dist/custom-elements.json +832 -0
  17. package/dist/events/ecc-tool-create-error.d.ts +6 -0
  18. package/dist/events/ecc-tool-create-success.d.ts +6 -0
  19. package/dist/events/ecc-tool-create-validation-error.d.ts +6 -0
  20. package/dist/events/ecc-tool-created.d.ts +6 -0
  21. package/dist/events/ecc-tools-change.d.ts +6 -0
  22. package/dist/events/ecc-tools-click.d.ts +6 -0
  23. package/dist/events/index.d.ts +6 -0
  24. package/dist/global.d.ts +1 -0
  25. package/dist/index.d.ts +1 -0
  26. package/dist/index.js +4 -0
  27. package/dist/providers/index.d.ts +4 -0
  28. package/dist/providers/rest-trs-filer-provider.d.ts +25 -0
  29. package/dist/providers/trs-filer-provider.d.ts +136 -0
  30. package/dist/react/ecc-client-elixir-trs-tool-create/index.d.ts +29 -0
  31. package/dist/react/ecc-client-elixir-trs-tool-create/index.js +3 -0
  32. package/dist/react/index.d.ts +1 -0
  33. package/dist/react/index.js +3 -0
  34. package/dist/vscode.html-custom-data.json +17 -0
  35. package/dist/web-types.json +129 -0
  36. package/package.json +79 -0
@@ -0,0 +1,849 @@
1
+ import { css } from 'lit';
2
+
3
+ var __defProp = Object.defineProperty;
4
+ var __defProps = Object.defineProperties;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
+ var __spreadValues = (a, b) => {
12
+ for (var prop in b || (b = {}))
13
+ if (__hasOwnProp.call(b, prop))
14
+ __defNormalProp(a, prop, b[prop]);
15
+ if (__getOwnPropSymbols)
16
+ for (var prop of __getOwnPropSymbols(b)) {
17
+ if (__propIsEnum.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ }
20
+ return a;
21
+ };
22
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
23
+ var __decorateClass = (decorators, target, key, kind) => {
24
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
25
+ for (var i = decorators.length - 1, decorator; i >= 0; i--)
26
+ if (decorator = decorators[i])
27
+ result = (kind ? decorator(target, key, result) : decorator(result)) || result;
28
+ if (kind && result)
29
+ __defProp(target, key, result);
30
+ return result;
31
+ };
32
+ var ComponentStyles = css` /*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
33
+ @layer properties;
34
+ @layer theme, base, components, utilities;
35
+ @layer theme {
36
+ :root, :host {
37
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
38
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
39
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
40
+ "Courier New", monospace;
41
+ --color-gray-300: oklch(87.2% 0.01 258.338);
42
+ --color-gray-500: oklch(55.1% 0.027 264.364);
43
+ --spacing: 0.25rem;
44
+ --text-xs: 0.75rem;
45
+ --text-xs--line-height: calc(1 / 0.75);
46
+ --text-sm: 0.875rem;
47
+ --text-sm--line-height: calc(1.25 / 0.875);
48
+ --text-base: 1rem;
49
+ --text-base--line-height: calc(1.5 / 1);
50
+ --font-weight-medium: 500;
51
+ --font-weight-semibold: 600;
52
+ --default-transition-duration: 150ms;
53
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
54
+ --default-font-family: var(--font-sans);
55
+ --default-mono-font-family: var(--font-mono);
56
+ }
57
+ }
58
+ @layer base {
59
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
60
+ box-sizing: border-box;
61
+ margin: 0;
62
+ padding: 0;
63
+ border: 0 solid;
64
+ }
65
+ html, :host {
66
+ line-height: 1.5;
67
+ -webkit-text-size-adjust: 100%;
68
+ tab-size: 4;
69
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
70
+ font-feature-settings: var(--default-font-feature-settings, normal);
71
+ font-variation-settings: var(--default-font-variation-settings, normal);
72
+ -webkit-tap-highlight-color: transparent;
73
+ }
74
+ hr {
75
+ height: 0;
76
+ color: inherit;
77
+ border-top-width: 1px;
78
+ }
79
+ abbr:where([title]) {
80
+ -webkit-text-decoration: underline dotted;
81
+ text-decoration: underline dotted;
82
+ }
83
+ h1, h2, h3, h4, h5, h6 {
84
+ font-size: inherit;
85
+ font-weight: inherit;
86
+ }
87
+ a {
88
+ color: inherit;
89
+ -webkit-text-decoration: inherit;
90
+ text-decoration: inherit;
91
+ }
92
+ b, strong {
93
+ font-weight: bolder;
94
+ }
95
+ code, kbd, samp, pre {
96
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
97
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
98
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
99
+ font-size: 1em;
100
+ }
101
+ small {
102
+ font-size: 80%;
103
+ }
104
+ sub, sup {
105
+ font-size: 75%;
106
+ line-height: 0;
107
+ position: relative;
108
+ vertical-align: baseline;
109
+ }
110
+ sub {
111
+ bottom: -0.25em;
112
+ }
113
+ sup {
114
+ top: -0.5em;
115
+ }
116
+ table {
117
+ text-indent: 0;
118
+ border-color: inherit;
119
+ border-collapse: collapse;
120
+ }
121
+ :-moz-focusring {
122
+ outline: auto;
123
+ }
124
+ progress {
125
+ vertical-align: baseline;
126
+ }
127
+ summary {
128
+ display: list-item;
129
+ }
130
+ ol, ul, menu {
131
+ list-style: none;
132
+ }
133
+ img, svg, video, canvas, audio, iframe, embed, object {
134
+ display: block;
135
+ vertical-align: middle;
136
+ }
137
+ img, video {
138
+ max-width: 100%;
139
+ height: auto;
140
+ }
141
+ button, input, select, optgroup, textarea, ::file-selector-button {
142
+ font: inherit;
143
+ font-feature-settings: inherit;
144
+ font-variation-settings: inherit;
145
+ letter-spacing: inherit;
146
+ color: inherit;
147
+ border-radius: 0;
148
+ background-color: transparent;
149
+ opacity: 1;
150
+ }
151
+ :where(select:is([multiple], [size])) optgroup {
152
+ font-weight: bolder;
153
+ }
154
+ :where(select:is([multiple], [size])) optgroup option {
155
+ padding-inline-start: 20px;
156
+ }
157
+ ::file-selector-button {
158
+ margin-inline-end: 4px;
159
+ }
160
+ ::placeholder {
161
+ opacity: 1;
162
+ }
163
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
164
+ ::placeholder {
165
+ color: currentcolor;
166
+ @supports (color: color-mix(in lab, red, red)) {
167
+ color: color-mix(in oklab, currentcolor 50%, transparent);
168
+ }
169
+ }
170
+ }
171
+ textarea {
172
+ resize: vertical;
173
+ }
174
+ ::-webkit-search-decoration {
175
+ -webkit-appearance: none;
176
+ }
177
+ ::-webkit-date-and-time-value {
178
+ min-height: 1lh;
179
+ text-align: inherit;
180
+ }
181
+ ::-webkit-datetime-edit {
182
+ display: inline-flex;
183
+ }
184
+ ::-webkit-datetime-edit-fields-wrapper {
185
+ padding: 0;
186
+ }
187
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
188
+ padding-block: 0;
189
+ }
190
+ :-moz-ui-invalid {
191
+ box-shadow: none;
192
+ }
193
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
194
+ appearance: button;
195
+ }
196
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
197
+ height: auto;
198
+ }
199
+ [hidden]:where(:not([hidden="until-found"])) {
200
+ display: none !important;
201
+ }
202
+ }
203
+ @layer utilities {
204
+ .absolute {
205
+ position: absolute;
206
+ }
207
+ .relative {
208
+ position: relative;
209
+ }
210
+ .static {
211
+ position: static;
212
+ }
213
+ .inset-0 {
214
+ inset: calc(var(--spacing) * 0);
215
+ }
216
+ .col-span-5 {
217
+ grid-column: span 5 / span 5;
218
+ }
219
+ .container {
220
+ width: 100%;
221
+ @media (width >= 40rem) {
222
+ max-width: 40rem;
223
+ }
224
+ @media (width >= 48rem) {
225
+ max-width: 48rem;
226
+ }
227
+ @media (width >= 64rem) {
228
+ max-width: 64rem;
229
+ }
230
+ @media (width >= 80rem) {
231
+ max-width: 80rem;
232
+ }
233
+ @media (width >= 96rem) {
234
+ max-width: 96rem;
235
+ }
236
+ }
237
+ .mt-2 {
238
+ margin-top: calc(var(--spacing) * 2);
239
+ }
240
+ .mt-4 {
241
+ margin-top: calc(var(--spacing) * 4);
242
+ }
243
+ .ml-1 {
244
+ margin-left: calc(var(--spacing) * 1);
245
+ }
246
+ .ml-4 {
247
+ margin-left: calc(var(--spacing) * 4);
248
+ }
249
+ .block {
250
+ display: block;
251
+ }
252
+ .flex {
253
+ display: flex;
254
+ }
255
+ .grid {
256
+ display: grid;
257
+ }
258
+ .h-3 {
259
+ height: calc(var(--spacing) * 3);
260
+ }
261
+ .h-4 {
262
+ height: calc(var(--spacing) * 4);
263
+ }
264
+ .h-6 {
265
+ height: calc(var(--spacing) * 6);
266
+ }
267
+ .h-10 {
268
+ height: calc(var(--spacing) * 10);
269
+ }
270
+ .h-full {
271
+ height: 100%;
272
+ }
273
+ .max-h-\\[400px\\] {
274
+ max-height: 400px;
275
+ }
276
+ .w-3 {
277
+ width: calc(var(--spacing) * 3);
278
+ }
279
+ .w-4 {
280
+ width: calc(var(--spacing) * 4);
281
+ }
282
+ .w-24 {
283
+ width: calc(var(--spacing) * 24);
284
+ }
285
+ .w-full {
286
+ width: 100%;
287
+ }
288
+ .flex-1 {
289
+ flex: 1;
290
+ }
291
+ .flex-shrink-0 {
292
+ flex-shrink: 0;
293
+ }
294
+ .shrink-0 {
295
+ flex-shrink: 0;
296
+ }
297
+ .cursor-pointer {
298
+ cursor: pointer;
299
+ }
300
+ .resize-none {
301
+ resize: none;
302
+ }
303
+ .grid-cols-1 {
304
+ grid-template-columns: repeat(1, minmax(0, 1fr));
305
+ }
306
+ .grid-cols-5 {
307
+ grid-template-columns: repeat(5, minmax(0, 1fr));
308
+ }
309
+ .flex-col {
310
+ flex-direction: column;
311
+ }
312
+ .items-center {
313
+ align-items: center;
314
+ }
315
+ .justify-between {
316
+ justify-content: space-between;
317
+ }
318
+ .gap-1 {
319
+ gap: calc(var(--spacing) * 1);
320
+ }
321
+ .gap-2 {
322
+ gap: calc(var(--spacing) * 2);
323
+ }
324
+ .gap-4 {
325
+ gap: calc(var(--spacing) * 4);
326
+ }
327
+ .space-y-0\\.5 {
328
+ :where(& > :not(:last-child)) {
329
+ --tw-space-y-reverse: 0;
330
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
331
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
332
+ }
333
+ }
334
+ .space-y-1 {
335
+ :where(& > :not(:last-child)) {
336
+ --tw-space-y-reverse: 0;
337
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
338
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
339
+ }
340
+ }
341
+ .space-y-2 {
342
+ :where(& > :not(:last-child)) {
343
+ --tw-space-y-reverse: 0;
344
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
345
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
346
+ }
347
+ }
348
+ .space-y-4 {
349
+ :where(& > :not(:last-child)) {
350
+ --tw-space-y-reverse: 0;
351
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
352
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
353
+ }
354
+ }
355
+ .space-y-6 {
356
+ :where(& > :not(:last-child)) {
357
+ --tw-space-y-reverse: 0;
358
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
359
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
360
+ }
361
+ }
362
+ .space-x-2 {
363
+ :where(& > :not(:last-child)) {
364
+ --tw-space-x-reverse: 0;
365
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
366
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
367
+ }
368
+ }
369
+ .truncate {
370
+ overflow: hidden;
371
+ text-overflow: ellipsis;
372
+ white-space: nowrap;
373
+ }
374
+ .overflow-x-auto {
375
+ overflow-x: auto;
376
+ }
377
+ .overflow-y-auto {
378
+ overflow-y: auto;
379
+ }
380
+ .rounded {
381
+ border-radius: 0.25rem;
382
+ }
383
+ .rounded-lg {
384
+ border-radius: var(--radius);
385
+ }
386
+ .rounded-t {
387
+ border-top-left-radius: 0.25rem;
388
+ border-top-right-radius: 0.25rem;
389
+ }
390
+ .border-2 {
391
+ border-style: var(--tw-border-style);
392
+ border-width: 2px;
393
+ }
394
+ .border-t {
395
+ border-top-style: var(--tw-border-style);
396
+ border-top-width: 1px;
397
+ }
398
+ .border-dashed {
399
+ --tw-border-style: dashed;
400
+ border-style: dashed;
401
+ }
402
+ .border-border\\/50 {
403
+ border-color: var(--border);
404
+ @supports (color: color-mix(in lab, red, red)) {
405
+ border-color: color-mix(in oklab, var(--border) 50%, transparent);
406
+ }
407
+ }
408
+ .border-gray-300 {
409
+ border-color: var(--color-gray-300);
410
+ }
411
+ .px-2 {
412
+ padding-inline: calc(var(--spacing) * 2);
413
+ }
414
+ .py-2 {
415
+ padding-block: calc(var(--spacing) * 2);
416
+ }
417
+ .py-8 {
418
+ padding-block: calc(var(--spacing) * 8);
419
+ }
420
+ .pt-4 {
421
+ padding-top: calc(var(--spacing) * 4);
422
+ }
423
+ .text-center {
424
+ text-align: center;
425
+ }
426
+ .text-left {
427
+ text-align: left;
428
+ }
429
+ .text-base {
430
+ font-size: var(--text-base);
431
+ line-height: var(--tw-leading, var(--text-base--line-height));
432
+ }
433
+ .text-sm {
434
+ font-size: var(--text-sm);
435
+ line-height: var(--tw-leading, var(--text-sm--line-height));
436
+ }
437
+ .text-xs {
438
+ font-size: var(--text-xs);
439
+ line-height: var(--tw-leading, var(--text-xs--line-height));
440
+ }
441
+ .font-medium {
442
+ --tw-font-weight: var(--font-weight-medium);
443
+ font-weight: var(--font-weight-medium);
444
+ }
445
+ .font-semibold {
446
+ --tw-font-weight: var(--font-weight-semibold);
447
+ font-weight: var(--font-weight-semibold);
448
+ }
449
+ .text-destructive {
450
+ color: var(--destructive);
451
+ }
452
+ .text-gray-500 {
453
+ color: var(--color-gray-500);
454
+ }
455
+ .text-muted-foreground {
456
+ color: var(--muted-foreground);
457
+ }
458
+ .text-muted-foreground\\/60 {
459
+ color: var(--muted-foreground);
460
+ @supports (color: color-mix(in lab, red, red)) {
461
+ color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
462
+ }
463
+ }
464
+ .opacity-0 {
465
+ opacity: 0%;
466
+ }
467
+ .outline {
468
+ outline-style: var(--tw-outline-style);
469
+ outline-width: 1px;
470
+ }
471
+ .transition-colors {
472
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
473
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
474
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
475
+ }
476
+ .transition-transform {
477
+ transition-property: transform, translate, scale, rotate;
478
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
479
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
480
+ }
481
+ .duration-200 {
482
+ --tw-duration: 200ms;
483
+ transition-duration: 200ms;
484
+ }
485
+ .hover\\:bg-muted\\/50 {
486
+ &:hover {
487
+ @media (hover: hover) {
488
+ background-color: var(--muted);
489
+ @supports (color: color-mix(in lab, red, red)) {
490
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
491
+ }
492
+ }
493
+ }
494
+ }
495
+ .focus\\:ring-1 {
496
+ &:focus {
497
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
498
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
499
+ }
500
+ }
501
+ .focus\\:ring-ring {
502
+ &:focus {
503
+ --tw-ring-color: var(--ring);
504
+ }
505
+ }
506
+ .focus\\:outline-none {
507
+ &:focus {
508
+ --tw-outline-style: none;
509
+ outline-style: none;
510
+ }
511
+ }
512
+ .md\\:col-span-1 {
513
+ @media (width >= 48rem) {
514
+ grid-column: span 1 / span 1;
515
+ }
516
+ }
517
+ .md\\:col-span-4 {
518
+ @media (width >= 48rem) {
519
+ grid-column: span 4 / span 4;
520
+ }
521
+ }
522
+ .md\\:hidden {
523
+ @media (width >= 48rem) {
524
+ display: none;
525
+ }
526
+ }
527
+ .md\\:grid-cols-2 {
528
+ @media (width >= 48rem) {
529
+ grid-template-columns: repeat(2, minmax(0, 1fr));
530
+ }
531
+ }
532
+ .md\\:grid-cols-3 {
533
+ @media (width >= 48rem) {
534
+ grid-template-columns: repeat(3, minmax(0, 1fr));
535
+ }
536
+ }
537
+ .md\\:grid-cols-4 {
538
+ @media (width >= 48rem) {
539
+ grid-template-columns: repeat(4, minmax(0, 1fr));
540
+ }
541
+ }
542
+ .md\\:border-l {
543
+ @media (width >= 48rem) {
544
+ border-left-style: var(--tw-border-style);
545
+ border-left-width: 1px;
546
+ }
547
+ }
548
+ .md\\:border-muted {
549
+ @media (width >= 48rem) {
550
+ border-color: var(--muted);
551
+ }
552
+ }
553
+ .md\\:pl-4 {
554
+ @media (width >= 48rem) {
555
+ padding-left: calc(var(--spacing) * 4);
556
+ }
557
+ }
558
+ .part\\:relative {
559
+ &::part(base) {
560
+ position: relative;
561
+ }
562
+ }
563
+ .part\\:my-4 {
564
+ &::part(base) {
565
+ margin-block: calc(var(--spacing) * 4);
566
+ }
567
+ }
568
+ .part\\:ml-2 {
569
+ &::part(base) {
570
+ margin-left: calc(var(--spacing) * 2);
571
+ }
572
+ }
573
+ .part\\:flex {
574
+ &::part(base) {
575
+ display: flex;
576
+ }
577
+ }
578
+ .part\\:h-4 {
579
+ &::part(base) {
580
+ height: calc(var(--spacing) * 4);
581
+ }
582
+ }
583
+ .part\\:h-8 {
584
+ &::part(base) {
585
+ height: calc(var(--spacing) * 8);
586
+ }
587
+ }
588
+ .part\\:h-10 {
589
+ &::part(base) {
590
+ height: calc(var(--spacing) * 10);
591
+ }
592
+ }
593
+ .part\\:h-\\[500px\\] {
594
+ &::part(base) {
595
+ height: 500px;
596
+ }
597
+ }
598
+ .part\\:w-4 {
599
+ &::part(base) {
600
+ width: calc(var(--spacing) * 4);
601
+ }
602
+ }
603
+ .part\\:w-8 {
604
+ &::part(base) {
605
+ width: calc(var(--spacing) * 8);
606
+ }
607
+ }
608
+ .part\\:w-24 {
609
+ &::part(base) {
610
+ width: calc(var(--spacing) * 24);
611
+ }
612
+ }
613
+ .part\\:w-full {
614
+ &::part(base) {
615
+ width: 100%;
616
+ }
617
+ }
618
+ .part\\:min-w-24 {
619
+ &::part(base) {
620
+ min-width: calc(var(--spacing) * 24);
621
+ }
622
+ }
623
+ .part\\:min-w-max {
624
+ &::part(base) {
625
+ min-width: max-content;
626
+ }
627
+ }
628
+ .part\\:flex-shrink-0 {
629
+ &::part(base) {
630
+ flex-shrink: 0;
631
+ }
632
+ }
633
+ .part\\:items-center {
634
+ &::part(base) {
635
+ align-items: center;
636
+ }
637
+ }
638
+ .part\\:justify-between {
639
+ &::part(base) {
640
+ justify-content: space-between;
641
+ }
642
+ }
643
+ .part\\:justify-start {
644
+ &::part(base) {
645
+ justify-content: flex-start;
646
+ }
647
+ }
648
+ .part\\:rounded-md {
649
+ &::part(base) {
650
+ border-radius: calc(var(--radius) - 2px);
651
+ }
652
+ }
653
+ .part\\:bg-primary\\/10 {
654
+ &::part(base) {
655
+ background-color: var(--primary);
656
+ @supports (color: color-mix(in lab, red, red)) {
657
+ background-color: color-mix(in oklab, var(--primary) 10%, transparent);
658
+ }
659
+ }
660
+ }
661
+ .part\\:p-0 {
662
+ &::part(base) {
663
+ padding: calc(var(--spacing) * 0);
664
+ }
665
+ }
666
+ .part\\:px-3 {
667
+ &::part(base) {
668
+ padding-inline: calc(var(--spacing) * 3);
669
+ }
670
+ }
671
+ .part\\:py-1 {
672
+ &::part(base) {
673
+ padding-block: calc(var(--spacing) * 1);
674
+ }
675
+ }
676
+ .part\\:text-left {
677
+ &::part(base) {
678
+ text-align: left;
679
+ }
680
+ }
681
+ .part\\:text-sm {
682
+ &::part(base) {
683
+ font-size: var(--text-sm);
684
+ line-height: var(--tw-leading, var(--text-sm--line-height));
685
+ }
686
+ }
687
+ .part\\:hover\\:bg-destructive {
688
+ &::part(base) {
689
+ &:hover {
690
+ @media (hover: hover) {
691
+ background-color: var(--destructive);
692
+ }
693
+ }
694
+ }
695
+ }
696
+ .part\\:hover\\:bg-muted {
697
+ &::part(base) {
698
+ &:hover {
699
+ @media (hover: hover) {
700
+ background-color: var(--muted);
701
+ }
702
+ }
703
+ }
704
+ }
705
+ .part\\:hover\\:text-destructive-foreground {
706
+ &::part(base) {
707
+ &:hover {
708
+ @media (hover: hover) {
709
+ color: var(--destructive-foreground);
710
+ }
711
+ }
712
+ }
713
+ }
714
+ }
715
+ @layer base {
716
+ * {
717
+ border-color: var(--border);
718
+ outline-color: var(--ring);
719
+ @supports (color: color-mix(in lab, red, red)) {
720
+ outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
721
+ }
722
+ }
723
+ body {
724
+ background-color: var(--background);
725
+ color: var(--foreground);
726
+ }
727
+ }
728
+ @property --tw-space-y-reverse {
729
+ syntax: "*";
730
+ inherits: false;
731
+ initial-value: 0;
732
+ }
733
+ @property --tw-space-x-reverse {
734
+ syntax: "*";
735
+ inherits: false;
736
+ initial-value: 0;
737
+ }
738
+ @property --tw-border-style {
739
+ syntax: "*";
740
+ inherits: false;
741
+ initial-value: solid;
742
+ }
743
+ @property --tw-font-weight {
744
+ syntax: "*";
745
+ inherits: false;
746
+ }
747
+ @property --tw-outline-style {
748
+ syntax: "*";
749
+ inherits: false;
750
+ initial-value: solid;
751
+ }
752
+ @property --tw-duration {
753
+ syntax: "*";
754
+ inherits: false;
755
+ }
756
+ @property --tw-shadow {
757
+ syntax: "*";
758
+ inherits: false;
759
+ initial-value: 0 0 #0000;
760
+ }
761
+ @property --tw-shadow-color {
762
+ syntax: "*";
763
+ inherits: false;
764
+ }
765
+ @property --tw-shadow-alpha {
766
+ syntax: "<percentage>";
767
+ inherits: false;
768
+ initial-value: 100%;
769
+ }
770
+ @property --tw-inset-shadow {
771
+ syntax: "*";
772
+ inherits: false;
773
+ initial-value: 0 0 #0000;
774
+ }
775
+ @property --tw-inset-shadow-color {
776
+ syntax: "*";
777
+ inherits: false;
778
+ }
779
+ @property --tw-inset-shadow-alpha {
780
+ syntax: "<percentage>";
781
+ inherits: false;
782
+ initial-value: 100%;
783
+ }
784
+ @property --tw-ring-color {
785
+ syntax: "*";
786
+ inherits: false;
787
+ }
788
+ @property --tw-ring-shadow {
789
+ syntax: "*";
790
+ inherits: false;
791
+ initial-value: 0 0 #0000;
792
+ }
793
+ @property --tw-inset-ring-color {
794
+ syntax: "*";
795
+ inherits: false;
796
+ }
797
+ @property --tw-inset-ring-shadow {
798
+ syntax: "*";
799
+ inherits: false;
800
+ initial-value: 0 0 #0000;
801
+ }
802
+ @property --tw-ring-inset {
803
+ syntax: "*";
804
+ inherits: false;
805
+ }
806
+ @property --tw-ring-offset-width {
807
+ syntax: "<length>";
808
+ inherits: false;
809
+ initial-value: 0px;
810
+ }
811
+ @property --tw-ring-offset-color {
812
+ syntax: "*";
813
+ inherits: false;
814
+ initial-value: #fff;
815
+ }
816
+ @property --tw-ring-offset-shadow {
817
+ syntax: "*";
818
+ inherits: false;
819
+ initial-value: 0 0 #0000;
820
+ }
821
+ @layer properties {
822
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
823
+ *, ::before, ::after, ::backdrop {
824
+ --tw-space-y-reverse: 0;
825
+ --tw-space-x-reverse: 0;
826
+ --tw-border-style: solid;
827
+ --tw-font-weight: initial;
828
+ --tw-outline-style: solid;
829
+ --tw-duration: initial;
830
+ --tw-shadow: 0 0 #0000;
831
+ --tw-shadow-color: initial;
832
+ --tw-shadow-alpha: 100%;
833
+ --tw-inset-shadow: 0 0 #0000;
834
+ --tw-inset-shadow-color: initial;
835
+ --tw-inset-shadow-alpha: 100%;
836
+ --tw-ring-color: initial;
837
+ --tw-ring-shadow: 0 0 #0000;
838
+ --tw-inset-ring-color: initial;
839
+ --tw-inset-ring-shadow: 0 0 #0000;
840
+ --tw-ring-inset: initial;
841
+ --tw-ring-offset-width: 0px;
842
+ --tw-ring-offset-color: #fff;
843
+ --tw-ring-offset-shadow: 0 0 #0000;
844
+ }
845
+ }
846
+ }
847
+ `;
848
+
849
+ export { ComponentStyles, __decorateClass, __spreadProps, __spreadValues };