@prisma/studio-core 0.2.0 → 0.2.2

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 (44) hide show
  1. package/dist/chunk-BUOKRYKO.js +10 -0
  2. package/dist/chunk-FRW62KTF.js +10 -0
  3. package/dist/chunk-O6LRAFT5.js +10 -0
  4. package/dist/chunk-P5LRZ6C2.js +10 -0
  5. package/dist/data/accelerate/index.cjs +2 -1
  6. package/dist/data/accelerate/index.d.cts +10 -2
  7. package/dist/data/accelerate/index.d.ts +10 -2
  8. package/dist/data/accelerate/index.js +10 -1
  9. package/dist/data/bff/index.cjs +2 -1
  10. package/dist/data/bff/index.d.cts +10 -3
  11. package/dist/data/bff/index.d.ts +10 -3
  12. package/dist/data/bff/index.js +10 -1
  13. package/dist/data/index.cjs +2 -1
  14. package/dist/data/index.d.cts +11 -2
  15. package/dist/data/index.d.ts +11 -2
  16. package/dist/data/index.js +10 -1
  17. package/dist/data/pglite/index.cjs +2 -1
  18. package/dist/data/pglite/index.d.cts +2 -2
  19. package/dist/data/pglite/index.d.ts +2 -2
  20. package/dist/data/pglite/index.js +10 -1
  21. package/dist/data/postgres-core/index.cjs +2 -1
  22. package/dist/data/postgres-core/index.d.cts +80 -20
  23. package/dist/data/postgres-core/index.d.ts +80 -20
  24. package/dist/data/postgres-core/index.js +10 -1
  25. package/dist/metafile-cjs.json +1 -0
  26. package/dist/metafile-esm.json +1 -0
  27. package/dist/{adapter-CKFCHq71.d.cts → query-Q-ZKX_Vr.d.cts} +94 -7
  28. package/dist/{adapter-CKFCHq71.d.ts → query-Q-ZKX_Vr.d.ts} +94 -7
  29. package/dist/ui/index.cjs +258 -1370
  30. package/dist/ui/index.css +1234 -700
  31. package/dist/ui/index.d.cts +69 -3
  32. package/dist/ui/index.d.ts +69 -3
  33. package/dist/ui/index.js +267 -42
  34. package/package.json +36 -32
  35. package/dist/CPIOZS5X-V4BHP4CI.js +0 -1
  36. package/dist/OKF6E45R-XYOIK2NY.js +0 -1
  37. package/dist/chunk-2ZJZX5I7.js +0 -0
  38. package/dist/chunk-5MNS4IJC.js +0 -1332
  39. package/dist/chunk-BMVJYUJW.js +0 -1
  40. package/dist/chunk-N2MLAUEV.js +0 -1
  41. package/dist/chunk-P72NBTYE.js +0 -1
  42. package/dist/chunk-XS52QRY2.js +0 -1
  43. package/dist/index-BDPv5Gnt.d.ts +0 -48
  44. package/dist/index-BNAA6jKD.d.cts +0 -48
package/dist/ui/index.css CHANGED
@@ -1,4 +1,397 @@
1
- *, ::before, ::after {
1
+ /* this gets exported as style.css and can be used for the default theming */
2
+ /* these are the necessary styles for React Flow, they get used by base.css and style.css */
3
+ .ps .react-flow {
4
+ direction: ltr;
5
+ }
6
+ .ps .react-flow__container {
7
+ position: absolute;
8
+ width: 100%;
9
+ height: 100%;
10
+ top: 0;
11
+ left: 0;
12
+ }
13
+ .ps .react-flow__pane {
14
+ z-index: 1;
15
+ cursor: grab;
16
+ }
17
+ .ps .react-flow__pane.selection {
18
+ cursor: pointer;
19
+ }
20
+ .ps .react-flow__pane.dragging {
21
+ cursor: grabbing;
22
+ }
23
+ .ps .react-flow__viewport {
24
+ transform-origin: 0 0;
25
+ z-index: 2;
26
+ pointer-events: none;
27
+ }
28
+ .ps .react-flow__renderer {
29
+ z-index: 4;
30
+ }
31
+ .ps .react-flow__selection {
32
+ z-index: 6;
33
+ }
34
+ .ps .react-flow__nodesselection-rect:focus,
35
+ .ps .react-flow__nodesselection-rect:focus-visible {
36
+ outline: none;
37
+ }
38
+ .ps .react-flow .react-flow__edges {
39
+ pointer-events: none;
40
+ overflow: visible;
41
+ }
42
+ .ps .react-flow__edge-path,
43
+ .ps .react-flow__connection-path {
44
+ stroke: #b1b1b7;
45
+ stroke-width: 1;
46
+ fill: none;
47
+ }
48
+ .ps .react-flow__edge {
49
+ pointer-events: visibleStroke;
50
+ cursor: pointer;
51
+ }
52
+ .ps .react-flow__edge.animated path {
53
+ stroke-dasharray: 5;
54
+ animation: dashdraw 0.5s linear infinite;
55
+ }
56
+ .ps .react-flow__edge.animated path.react-flow__edge-interaction {
57
+ stroke-dasharray: none;
58
+ animation: none;
59
+ }
60
+ .ps .react-flow__edge.inactive {
61
+ pointer-events: none;
62
+ }
63
+ .ps .react-flow__edge.selected,
64
+ .ps .react-flow__edge:focus,
65
+ .ps .react-flow__edge:focus-visible {
66
+ outline: none;
67
+ }
68
+ .ps .react-flow__edge.selected .react-flow__edge-path,
69
+ .ps .react-flow__edge:focus .react-flow__edge-path,
70
+ .ps .react-flow__edge:focus-visible .react-flow__edge-path {
71
+ stroke: #555;
72
+ }
73
+ .ps .react-flow__edge-textwrapper {
74
+ pointer-events: all;
75
+ }
76
+ .ps .react-flow__edge-textbg {
77
+ fill: white;
78
+ }
79
+ .ps .react-flow__edge .react-flow__edge-text {
80
+ pointer-events: none;
81
+ -webkit-user-select: none;
82
+ -moz-user-select: none;
83
+ user-select: none;
84
+ }
85
+ .ps .react-flow__connection {
86
+ pointer-events: none;
87
+ }
88
+ .ps .react-flow__connection .animated {
89
+ stroke-dasharray: 5;
90
+ animation: dashdraw 0.5s linear infinite;
91
+ }
92
+ .ps .react-flow__connectionline {
93
+ z-index: 1001;
94
+ }
95
+ .ps .react-flow__nodes {
96
+ pointer-events: none;
97
+ transform-origin: 0 0;
98
+ }
99
+ .ps .react-flow__node {
100
+ position: absolute;
101
+ -webkit-user-select: none;
102
+ -moz-user-select: none;
103
+ user-select: none;
104
+ pointer-events: all;
105
+ transform-origin: 0 0;
106
+ box-sizing: border-box;
107
+ cursor: grab;
108
+ }
109
+ .ps .react-flow__node.dragging {
110
+ cursor: grabbing;
111
+ }
112
+ .ps .react-flow__nodesselection {
113
+ z-index: 3;
114
+ transform-origin: left top;
115
+ pointer-events: none;
116
+ }
117
+ .ps .react-flow__nodesselection-rect {
118
+ position: absolute;
119
+ pointer-events: all;
120
+ cursor: grab;
121
+ }
122
+ .ps .react-flow__handle {
123
+ position: absolute;
124
+ pointer-events: none;
125
+ min-width: 5px;
126
+ min-height: 5px;
127
+ width: 6px;
128
+ height: 6px;
129
+ background: #1a192b;
130
+ border: 1px solid white;
131
+ border-radius: 100%;
132
+ }
133
+ .ps .react-flow__handle.connectionindicator {
134
+ pointer-events: all;
135
+ cursor: crosshair;
136
+ }
137
+ .ps .react-flow__handle-bottom {
138
+ top: auto;
139
+ left: 50%;
140
+ bottom: -4px;
141
+ transform: translate(-50%, 0);
142
+ }
143
+ .ps .react-flow__handle-top {
144
+ left: 50%;
145
+ top: -4px;
146
+ transform: translate(-50%, 0);
147
+ }
148
+ .ps .react-flow__handle-left {
149
+ top: 50%;
150
+ left: -4px;
151
+ transform: translate(0, -50%);
152
+ }
153
+ .ps .react-flow__handle-right {
154
+ right: -4px;
155
+ top: 50%;
156
+ transform: translate(0, -50%);
157
+ }
158
+ .ps .react-flow__edgeupdater {
159
+ cursor: move;
160
+ pointer-events: all;
161
+ }
162
+ .ps .react-flow__panel {
163
+ position: absolute;
164
+ z-index: 5;
165
+ margin: 15px;
166
+ }
167
+ .ps .react-flow__panel.top {
168
+ top: 0;
169
+ }
170
+ .ps .react-flow__panel.bottom {
171
+ bottom: 0;
172
+ }
173
+ .ps .react-flow__panel.left {
174
+ left: 0;
175
+ }
176
+ .ps .react-flow__panel.right {
177
+ right: 0;
178
+ }
179
+ .ps .react-flow__panel.center {
180
+ left: 50%;
181
+ transform: translateX(-50%);
182
+ }
183
+ .ps .react-flow__attribution {
184
+ font-size: 10px;
185
+ background: rgba(255, 255, 255, 0.5);
186
+ padding: 2px 3px;
187
+ margin: 0;
188
+ }
189
+ .ps .react-flow__attribution a {
190
+ text-decoration: none;
191
+ color: #999;
192
+ }
193
+ @keyframes dashdraw {
194
+ from {
195
+ stroke-dashoffset: 10;
196
+ }
197
+ }
198
+ .ps .react-flow__edgelabel-renderer {
199
+ position: absolute;
200
+ width: 100%;
201
+ height: 100%;
202
+ pointer-events: none;
203
+ -webkit-user-select: none;
204
+ -moz-user-select: none;
205
+ user-select: none;
206
+ }
207
+ .ps .react-flow__edge.updating .react-flow__edge-path {
208
+ stroke: #777;
209
+ }
210
+ .ps .react-flow__edge-text {
211
+ font-size: 10px;
212
+ }
213
+ .ps .react-flow__node.selectable:focus,
214
+ .ps .react-flow__node.selectable:focus-visible {
215
+ outline: none;
216
+ }
217
+ .ps .react-flow__node-default,
218
+ .ps .react-flow__node-input,
219
+ .ps .react-flow__node-output,
220
+ .ps .react-flow__node-group {
221
+ padding: 10px;
222
+ border-radius: 3px;
223
+ width: 150px;
224
+ font-size: 12px;
225
+ color: #222;
226
+ text-align: center;
227
+ border-width: 1px;
228
+ border-style: solid;
229
+ border-color: #1a192b;
230
+ background-color: white;
231
+ }
232
+ .ps .react-flow__node-default.selectable:hover, .ps .react-flow__node-input.selectable:hover, .ps .react-flow__node-output.selectable:hover, .ps .react-flow__node-group.selectable:hover {
233
+ box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
234
+ }
235
+ .ps .react-flow__node-default.selectable.selected,
236
+ .ps .react-flow__node-default.selectable:focus,
237
+ .ps .react-flow__node-default.selectable:focus-visible,
238
+ .ps .react-flow__node-input.selectable.selected,
239
+ .ps .react-flow__node-input.selectable:focus,
240
+ .ps .react-flow__node-input.selectable:focus-visible,
241
+ .ps .react-flow__node-output.selectable.selected,
242
+ .ps .react-flow__node-output.selectable:focus,
243
+ .ps .react-flow__node-output.selectable:focus-visible,
244
+ .ps .react-flow__node-group.selectable.selected,
245
+ .ps .react-flow__node-group.selectable:focus,
246
+ .ps .react-flow__node-group.selectable:focus-visible {
247
+ box-shadow: 0 0 0 0.5px #1a192b;
248
+ }
249
+ .ps .react-flow__node-group {
250
+ background-color: rgba(240, 240, 240, 0.25);
251
+ }
252
+ .ps .react-flow__nodesselection-rect,
253
+ .ps .react-flow__selection {
254
+ background: rgba(0, 89, 220, 0.08);
255
+ border: 1px dotted rgba(0, 89, 220, 0.8);
256
+ }
257
+ .ps .react-flow__nodesselection-rect:focus,
258
+ .ps .react-flow__nodesselection-rect:focus-visible,
259
+ .ps .react-flow__selection:focus,
260
+ .ps .react-flow__selection:focus-visible {
261
+ outline: none;
262
+ }
263
+ .ps .react-flow__controls {
264
+ box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
265
+ }
266
+ .ps .react-flow__controls-button {
267
+ border: none;
268
+ background: #fefefe;
269
+ border-bottom: 1px solid #eee;
270
+ box-sizing: content-box;
271
+ display: flex;
272
+ justify-content: center;
273
+ align-items: center;
274
+ width: 16px;
275
+ height: 16px;
276
+ cursor: pointer;
277
+ -webkit-user-select: none;
278
+ -moz-user-select: none;
279
+ user-select: none;
280
+ padding: 5px;
281
+ }
282
+ .ps .react-flow__controls-button:hover {
283
+ background: #f4f4f4;
284
+ }
285
+ .ps .react-flow__controls-button svg {
286
+ width: 100%;
287
+ max-width: 12px;
288
+ max-height: 12px;
289
+ }
290
+ .ps .react-flow__controls-button:disabled {
291
+ pointer-events: none;
292
+ }
293
+ .ps .react-flow__controls-button:disabled svg {
294
+ fill-opacity: 0.4;
295
+ }
296
+ .ps .react-flow__minimap {
297
+ background-color: #fff;
298
+ }
299
+ .ps .react-flow__minimap svg {
300
+ display: block;
301
+ }
302
+ .ps .react-flow__resize-control {
303
+ position: absolute;
304
+ }
305
+ .ps .react-flow__resize-control.left,
306
+ .ps .react-flow__resize-control.right {
307
+ cursor: ew-resize;
308
+ }
309
+ .ps .react-flow__resize-control.top,
310
+ .ps .react-flow__resize-control.bottom {
311
+ cursor: ns-resize;
312
+ }
313
+ .ps .react-flow__resize-control.top.left,
314
+ .ps .react-flow__resize-control.bottom.right {
315
+ cursor: nwse-resize;
316
+ }
317
+ .ps .react-flow__resize-control.bottom.left,
318
+ .ps .react-flow__resize-control.top.right {
319
+ cursor: nesw-resize;
320
+ }
321
+ /* handle styles */
322
+ .ps .react-flow__resize-control.handle {
323
+ width: 4px;
324
+ height: 4px;
325
+ border: 1px solid #fff;
326
+ border-radius: 1px;
327
+ background-color: #3367d9;
328
+ transform: translate(-50%, -50%);
329
+ }
330
+ .ps .react-flow__resize-control.handle.left {
331
+ left: 0;
332
+ top: 50%;
333
+ }
334
+ .ps .react-flow__resize-control.handle.right {
335
+ left: 100%;
336
+ top: 50%;
337
+ }
338
+ .ps .react-flow__resize-control.handle.top {
339
+ left: 50%;
340
+ top: 0;
341
+ }
342
+ .ps .react-flow__resize-control.handle.bottom {
343
+ left: 50%;
344
+ top: 100%;
345
+ }
346
+ .ps .react-flow__resize-control.handle.top.left {
347
+ left: 0;
348
+ }
349
+ .ps .react-flow__resize-control.handle.bottom.left {
350
+ left: 0;
351
+ }
352
+ .ps .react-flow__resize-control.handle.top.right {
353
+ left: 100%;
354
+ }
355
+ .ps .react-flow__resize-control.handle.bottom.right {
356
+ left: 100%;
357
+ }
358
+ /* line styles */
359
+ .ps .react-flow__resize-control.line {
360
+ border-color: #3367d9;
361
+ border-width: 0;
362
+ border-style: solid;
363
+ }
364
+ .ps .react-flow__resize-control.line.left,
365
+ .ps .react-flow__resize-control.line.right {
366
+ width: 1px;
367
+ transform: translate(-50%, 0);
368
+ top: 0;
369
+ height: 100%;
370
+ }
371
+ .ps .react-flow__resize-control.line.left {
372
+ left: 0;
373
+ border-left-width: 1px;
374
+ }
375
+ .ps .react-flow__resize-control.line.right {
376
+ left: 100%;
377
+ border-right-width: 1px;
378
+ }
379
+ .ps .react-flow__resize-control.line.top,
380
+ .ps .react-flow__resize-control.line.bottom {
381
+ height: 1px;
382
+ transform: translate(0, -50%);
383
+ left: 0;
384
+ width: 100%;
385
+ }
386
+ .ps .react-flow__resize-control.line.top {
387
+ top: 0;
388
+ border-top-width: 1px;
389
+ }
390
+ .ps .react-flow__resize-control.line.bottom {
391
+ border-bottom-width: 1px;
392
+ top: 100%;
393
+ }
394
+ .ps *, .ps ::before, .ps ::after {
2
395
  --tw-border-spacing-x: 0;
3
396
  --tw-border-spacing-y: 0;
4
397
  --tw-translate-x: 0;
@@ -51,8 +444,7 @@
51
444
  --tw-contain-paint: ;
52
445
  --tw-contain-style: ;
53
446
  }
54
-
55
- ::backdrop {
447
+ .ps ::backdrop {
56
448
  --tw-border-spacing-x: 0;
57
449
  --tw-border-spacing-y: 0;
58
450
  --tw-translate-x: 0;
@@ -104,27 +496,20 @@
104
496
  --tw-contain-layout: ;
105
497
  --tw-contain-paint: ;
106
498
  --tw-contain-style: ;
107
- }/*
108
- ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
109
- *//*
499
+ }
500
+ /*
110
501
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
111
502
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
112
503
  */
113
-
114
- *,
115
- ::before,
116
- ::after {
504
+ .ps *:where(.ps,.ps *),.ps :where(.ps,.ps *)::before,.ps :where(.ps,.ps *)::after {
117
505
  box-sizing: border-box; /* 1 */
118
506
  border-width: 0; /* 2 */
119
507
  border-style: solid; /* 2 */
120
508
  border-color: #e5e7eb; /* 2 */
121
509
  }
122
-
123
- ::before,
124
- ::after {
510
+ .ps :where(.ps,.ps *)::before,.ps :where(.ps,.ps *)::after {
125
511
  --tw-content: '';
126
512
  }
127
-
128
513
  /*
129
514
  1. Use a consistent sensible line-height in all browsers.
130
515
  2. Prevent adjustments of font size after orientation changes in iOS.
@@ -134,9 +519,7 @@
134
519
  6. Use the user's configured `sans` font-variation-settings by default.
135
520
  7. Disable tap highlights on iOS
136
521
  */
137
-
138
- html,
139
- :host {
522
+ .ps {
140
523
  line-height: 1.5; /* 1 */
141
524
  -webkit-text-size-adjust: 100%; /* 2 */
142
525
  -moz-tab-size: 4; /* 3 */
@@ -147,138 +530,100 @@ html,
147
530
  font-variation-settings: normal; /* 6 */
148
531
  -webkit-tap-highlight-color: transparent; /* 7 */
149
532
  }
150
-
151
533
  /*
152
534
  1. Remove the margin in all browsers.
153
535
  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
154
536
  */
155
-
156
- body {
537
+ .ps {
157
538
  margin: 0; /* 1 */
158
539
  line-height: inherit; /* 2 */
159
540
  }
160
-
161
541
  /*
162
542
  1. Add the correct height in Firefox.
163
543
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
164
544
  3. Ensure horizontal rules are visible by default.
165
545
  */
166
-
167
- hr {
546
+ .ps hr:where(.ps,.ps *) {
168
547
  height: 0; /* 1 */
169
548
  color: inherit; /* 2 */
170
549
  border-top-width: 1px; /* 3 */
171
550
  }
172
-
173
551
  /*
174
552
  Add the correct text decoration in Chrome, Edge, and Safari.
175
553
  */
176
-
177
- abbr:where([title]) {
554
+ .ps abbr:where([title]):where(.ps,.ps *) {
178
555
  -webkit-text-decoration: underline dotted;
179
556
  text-decoration: underline dotted;
180
557
  }
181
-
182
558
  /*
183
559
  Remove the default font size and weight for headings.
184
560
  */
185
-
186
- h1,
187
- h2,
188
- h3,
189
- h4,
190
- h5,
191
- h6 {
561
+ .ps h1:where(.ps,.ps *),.ps h2:where(.ps,.ps *),.ps h3:where(.ps,.ps *),.ps h4:where(.ps,.ps *),.ps h5:where(.ps,.ps *),.ps h6:where(.ps,.ps *) {
192
562
  font-size: inherit;
193
563
  font-weight: inherit;
194
564
  }
195
-
196
565
  /*
197
566
  Reset links to optimize for opt-in styling instead of opt-out.
198
567
  */
199
-
200
- a {
568
+ .ps a:where(.ps,.ps *) {
201
569
  color: inherit;
202
570
  text-decoration: inherit;
203
571
  }
204
-
205
572
  /*
206
573
  Add the correct font weight in Edge and Safari.
207
574
  */
208
-
209
- b,
210
- strong {
575
+ .ps b:where(.ps,.ps *),.ps strong:where(.ps,.ps *) {
211
576
  font-weight: bolder;
212
577
  }
213
-
214
578
  /*
215
579
  1. Use the user's configured `mono` font-family by default.
216
580
  2. Use the user's configured `mono` font-feature-settings by default.
217
581
  3. Use the user's configured `mono` font-variation-settings by default.
218
582
  4. Correct the odd `em` font sizing in all browsers.
219
583
  */
220
-
221
- code,
222
- kbd,
223
- samp,
224
- pre {
584
+ .ps code:where(.ps,.ps *),.ps kbd:where(.ps,.ps *),.ps samp:where(.ps,.ps *),.ps pre:where(.ps,.ps *) {
225
585
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
226
586
  font-feature-settings: normal; /* 2 */
227
587
  font-variation-settings: normal; /* 3 */
228
588
  font-size: 1em; /* 4 */
229
589
  }
230
-
231
590
  /*
232
591
  Add the correct font size in all browsers.
233
592
  */
234
-
235
- small {
593
+ .ps small:where(.ps,.ps *) {
236
594
  font-size: 80%;
237
595
  }
238
-
239
596
  /*
240
597
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
241
598
  */
242
-
243
- sub,
244
- sup {
599
+ .ps sub:where(.ps,.ps *),.ps sup:where(.ps,.ps *) {
245
600
  font-size: 75%;
246
601
  line-height: 0;
247
602
  position: relative;
248
603
  vertical-align: baseline;
249
604
  }
250
-
251
- sub {
605
+ .ps sub:where(.ps,.ps *) {
252
606
  bottom: -0.25em;
253
607
  }
254
-
255
- sup {
608
+ .ps sup:where(.ps,.ps *) {
256
609
  top: -0.5em;
257
610
  }
258
-
259
611
  /*
260
612
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
261
613
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
262
614
  3. Remove gaps between table borders by default.
263
615
  */
264
-
265
- table {
616
+ .ps table:where(.ps,.ps *) {
266
617
  text-indent: 0; /* 1 */
267
618
  border-color: inherit; /* 2 */
268
619
  border-collapse: collapse; /* 3 */
269
620
  }
270
-
271
621
  /*
272
622
  1. Change the font styles in all browsers.
273
623
  2. Remove the margin in Firefox and Safari.
274
624
  3. Remove default padding in all browsers.
275
625
  */
276
-
277
- button,
278
- input,
279
- optgroup,
280
- select,
281
- textarea {
626
+ .ps button:where(.ps,.ps *),.ps input:where(.ps,.ps *),.ps optgroup:where(.ps,.ps *),.ps select:where(.ps,.ps *),.ps textarea:where(.ps,.ps *) {
282
627
  font-family: inherit; /* 1 */
283
628
  font-feature-settings: inherit; /* 1 */
284
629
  font-variation-settings: inherit; /* 1 */
@@ -290,240 +635,175 @@ textarea {
290
635
  margin: 0; /* 2 */
291
636
  padding: 0; /* 3 */
292
637
  }
293
-
294
638
  /*
295
639
  Remove the inheritance of text transform in Edge and Firefox.
296
640
  */
297
-
298
- button,
299
- select {
641
+ .ps button:where(.ps,.ps *),.ps select:where(.ps,.ps *) {
300
642
  text-transform: none;
301
643
  }
302
-
303
644
  /*
304
645
  1. Correct the inability to style clickable types in iOS and Safari.
305
646
  2. Remove default button styles.
306
647
  */
307
-
308
- button,
309
- input:where([type='button']),
310
- input:where([type='reset']),
311
- input:where([type='submit']) {
648
+ .ps button:where(.ps,.ps *),.ps input:where([type='button']):where(.ps,.ps *),.ps input:where([type='reset']):where(.ps,.ps *),.ps input:where([type='submit']):where(.ps,.ps *) {
312
649
  -webkit-appearance: button; /* 1 */
313
650
  background-color: transparent; /* 2 */
314
651
  background-image: none; /* 2 */
315
652
  }
316
-
317
653
  /*
318
654
  Use the modern Firefox focus style for all focusable elements.
319
655
  */
320
-
321
- :-moz-focusring {
656
+ .ps :-moz-focusring:where(.ps,.ps *) {
322
657
  outline: auto;
323
658
  }
324
-
325
659
  /*
326
660
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
327
661
  */
328
-
329
- :-moz-ui-invalid {
662
+ .ps :-moz-ui-invalid:where(.ps,.ps *) {
330
663
  box-shadow: none;
331
664
  }
332
-
333
665
  /*
334
666
  Add the correct vertical alignment in Chrome and Firefox.
335
667
  */
336
-
337
- progress {
668
+ .ps progress:where(.ps,.ps *) {
338
669
  vertical-align: baseline;
339
670
  }
340
-
341
671
  /*
342
672
  Correct the cursor style of increment and decrement buttons in Safari.
343
673
  */
344
-
345
- ::-webkit-inner-spin-button,
346
- ::-webkit-outer-spin-button {
674
+ .ps :where(.ps,.ps *) ::-webkit-inner-spin-button,.ps :where(.ps,.ps *) ::-webkit-outer-spin-button {
347
675
  height: auto;
348
676
  }
349
-
350
677
  /*
351
678
  1. Correct the odd appearance in Chrome and Safari.
352
679
  2. Correct the outline style in Safari.
353
680
  */
354
-
355
- [type='search'] {
681
+ .ps [type='search']:where(.ps,.ps *) {
356
682
  -webkit-appearance: textfield; /* 1 */
357
683
  outline-offset: -2px; /* 2 */
358
684
  }
359
-
360
685
  /*
361
686
  Remove the inner padding in Chrome and Safari on macOS.
362
687
  */
363
-
364
- ::-webkit-search-decoration {
688
+ .ps :where(.ps,.ps *) ::-webkit-search-decoration {
365
689
  -webkit-appearance: none;
366
690
  }
367
-
368
691
  /*
369
692
  1. Correct the inability to style clickable types in iOS and Safari.
370
693
  2. Change font properties to `inherit` in Safari.
371
694
  */
372
-
373
- ::-webkit-file-upload-button {
695
+ .ps :where(.ps,.ps *) ::-webkit-file-upload-button {
374
696
  -webkit-appearance: button; /* 1 */
375
697
  font: inherit; /* 2 */
376
698
  }
377
-
378
699
  /*
379
700
  Add the correct display in Chrome and Safari.
380
701
  */
381
-
382
- summary {
702
+ .ps summary:where(.ps,.ps *) {
383
703
  display: list-item;
384
704
  }
385
-
386
705
  /*
387
706
  Removes the default spacing and border for appropriate elements.
388
707
  */
389
-
390
- blockquote,
391
- dl,
392
- dd,
393
- h1,
394
- h2,
395
- h3,
396
- h4,
397
- h5,
398
- h6,
399
- hr,
400
- figure,
401
- p,
402
- pre {
708
+ .ps blockquote:where(.ps,.ps *),.ps dl:where(.ps,.ps *),.ps dd:where(.ps,.ps *),.ps h1:where(.ps,.ps *),.ps h2:where(.ps,.ps *),.ps h3:where(.ps,.ps *),.ps h4:where(.ps,.ps *),.ps h5:where(.ps,.ps *),.ps h6:where(.ps,.ps *),.ps hr:where(.ps,.ps *),.ps figure:where(.ps,.ps *),.ps p:where(.ps,.ps *),.ps pre:where(.ps,.ps *) {
403
709
  margin: 0;
404
710
  }
405
-
406
- fieldset {
711
+ .ps fieldset:where(.ps,.ps *) {
407
712
  margin: 0;
408
713
  padding: 0;
409
714
  }
410
-
411
- legend {
715
+ .ps legend:where(.ps,.ps *) {
412
716
  padding: 0;
413
717
  }
414
-
415
- ol,
416
- ul,
417
- menu {
718
+ .ps ol:where(.ps,.ps *),.ps ul:where(.ps,.ps *),.ps menu:where(.ps,.ps *) {
418
719
  list-style: none;
419
720
  margin: 0;
420
721
  padding: 0;
421
722
  }
422
-
423
723
  /*
424
724
  Reset default styling for dialogs.
425
725
  */
426
- dialog {
726
+ .ps dialog:where(.ps,.ps *) {
427
727
  padding: 0;
428
728
  }
429
-
430
729
  /*
431
730
  Prevent resizing textareas horizontally by default.
432
731
  */
433
-
434
- textarea {
732
+ .ps textarea:where(.ps,.ps *) {
435
733
  resize: vertical;
436
734
  }
437
-
438
735
  /*
439
736
  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
440
737
  2. Set the default placeholder color to the user's configured gray 400 color.
441
738
  */
442
-
443
- input::-moz-placeholder, textarea::-moz-placeholder {
739
+ .ps :where(.ps,.ps *) input::-moz-placeholder, .ps :where(.ps,.ps *) textarea::-moz-placeholder {
444
740
  opacity: 1; /* 1 */
445
741
  color: #9ca3af; /* 2 */
446
742
  }
447
-
448
- input::placeholder,
449
- textarea::placeholder {
743
+ .ps :where(.ps,.ps *) input::placeholder,.ps :where(.ps,.ps *) textarea::placeholder {
450
744
  opacity: 1; /* 1 */
451
745
  color: #9ca3af; /* 2 */
452
746
  }
453
-
454
747
  /*
455
748
  Set the default cursor for buttons.
456
749
  */
457
-
458
- button,
459
- [role="button"] {
750
+ .ps button:where(.ps,.ps *),.ps [role="button"]:where(.ps,.ps *) {
460
751
  cursor: pointer;
461
752
  }
462
-
463
753
  /*
464
754
  Make sure disabled buttons don't get the pointer cursor.
465
755
  */
466
- :disabled {
756
+ .ps :disabled:where(.ps,.ps *) {
467
757
  cursor: default;
468
758
  }
469
-
470
759
  /*
471
760
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
472
761
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
473
762
  This can trigger a poorly considered lint error in some tools but is included by design.
474
763
  */
475
-
476
- img,
477
- svg,
478
- video,
479
- canvas,
480
- audio,
481
- iframe,
482
- embed,
483
- object {
764
+ .ps img:where(.ps,.ps *),.ps svg:where(.ps,.ps *),.ps video:where(.ps,.ps *),.ps canvas:where(.ps,.ps *),.ps audio:where(.ps,.ps *),.ps iframe:where(.ps,.ps *),.ps embed:where(.ps,.ps *),.ps object:where(.ps,.ps *) {
484
765
  display: block; /* 1 */
485
766
  vertical-align: middle; /* 2 */
486
767
  }
487
-
488
768
  /*
489
769
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
490
770
  */
491
-
492
- img,
493
- video {
771
+ .ps img:where(.ps,.ps *),.ps video:where(.ps,.ps *) {
494
772
  max-width: 100%;
495
773
  height: auto;
496
774
  }
497
-
498
775
  /* Make elements with the HTML hidden attribute stay hidden by default */
499
- [hidden]:where(:not([hidden="until-found"])) {
776
+ .ps [hidden]:where(:not([hidden="until-found"])):where(.ps,.ps *) {
500
777
  display: none;
501
778
  }
502
- :root {
779
+ :root {
780
+ /* Shadcn */
503
781
  --background: 0 0% 100%;
504
- --foreground: 240 10% 3.9%;
782
+ --foreground: 224 71.4% 4.1%;
505
783
  --card: 0 0% 100%;
506
- --card-foreground: 240 10% 3.9%;
784
+ --card-foreground: 224 71.4% 4.1%;
507
785
  --popover: 0 0% 100%;
508
- --popover-foreground: 240 10% 3.9%;
509
- --primary: 240 5.9% 10%;
510
- --primary-foreground: 0 0% 98%;
511
- --secondary: 240 4.8% 95.9%;
512
- --secondary-foreground: 240 5.9% 10%;
513
- --muted: 240 4.8% 95.9%;
514
- --muted-foreground: 240 3.8% 46.1%;
515
- --accent: 240 4.8% 95.9%;
516
- --accent-foreground: 240 5.9% 10%;
786
+ --popover-foreground: 224 71.4% 4.1%;
787
+ --primary: 262.1 83.3% 57.8%;
788
+ --primary-foreground: 210 20% 98%;
789
+ --secondary: 220 14.3% 95.9%;
790
+ --secondary-foreground: 220.9 39.3% 11%;
791
+ --muted: 220 14.3% 95.9%;
792
+ --muted-foreground: 220 8.9% 46.1%;
793
+ --accent: 220 14.3% 95.9%;
794
+ --accent-foreground: 220.9 39.3% 11%;
517
795
  --destructive: 0 84.2% 60.2%;
518
- --destructive-foreground: 0 0% 98%;
519
- --border: 240 5.9% 90%;
520
- --input: 240 5.9% 90%;
521
- --ring: 240 10% 3.9%;
796
+ --destructive-foreground: 210 20% 98%;
797
+ --border: 220 13% 91%;
798
+ --input: 220 13% 91%;
799
+ --ring: 262.1 83.3% 57.8%;
522
800
  --chart-1: 12 76% 61%;
523
801
  --chart-2: 173 58% 39%;
524
802
  --chart-3: 197 37% 24%;
525
803
  --chart-4: 43 74% 66%;
526
804
  --chart-5: 27 87% 67%;
805
+
806
+ /* Studio */
527
807
  --radius: 0.5rem;
528
808
  --sidebar-background: 0 0% 98%;
529
809
  --sidebar-foreground: 240 5.3% 26.1%;
@@ -533,38 +813,42 @@ video {
533
813
  --sidebar-accent-foreground: 240 5.9% 10%;
534
814
  --sidebar-border: 220 13% 91%;
535
815
  --sidebar-ring: 217.2 91.2% 59.8%;
536
- --table-row-odd: 240 4.8% 95.9%;
816
+ --table-cell-odd: 0 0% 100%;
817
+ --table-cell-even: 240 4.8% 95.9%;
537
818
  --table-head: 0 0% 100%;
538
819
  --table-border: 240 5.9% 90%;
539
820
 
540
821
  --studio-cell-spacing: 0.5rem;
541
822
  --studio-cell-height: 38px;
542
823
  }
543
- .dark {
544
- --background: 240 10% 3.9%;
545
- --foreground: 0 0% 98%;
546
- --card: 240 10% 3.9%;
547
- --card-foreground: 0 0% 98%;
548
- --popover: 240 10% 3.9%;
549
- --popover-foreground: 0 0% 98%;
550
- --primary: 0 0% 98%;
551
- --primary-foreground: 240 5.9% 10%;
552
- --secondary: 240 3.7% 15.9%;
553
- --secondary-foreground: 0 0% 98%;
554
- --muted: 240 3.7% 15.9%;
555
- --muted-foreground: 240 5% 64.9%;
556
- --accent: 240 3.7% 15.9%;
557
- --accent-foreground: 0 0% 98%;
824
+ .ps .dark {
825
+ /* Studio */
826
+ --background: 224 71.4% 4.1%;
827
+ --foreground: 210 20% 98%;
828
+ --card: 224 71.4% 4.1%;
829
+ --card-foreground: 210 20% 98%;
830
+ --popover: 224 71.4% 4.1%;
831
+ --popover-foreground: 210 20% 98%;
832
+ --primary: 263.4 70% 50.4%;
833
+ --primary-foreground: 210 20% 98%;
834
+ --secondary: 215 27.9% 16.9%;
835
+ --secondary-foreground: 210 20% 98%;
836
+ --muted: 215 27.9% 16.9%;
837
+ --muted-foreground: 217.9 10.6% 64.9%;
838
+ --accent: 215 27.9% 16.9%;
839
+ --accent-foreground: 210 20% 98%;
558
840
  --destructive: 0 62.8% 30.6%;
559
- --destructive-foreground: 0 0% 98%;
560
- --border: 240 3.7% 15.9%;
561
- --input: 240 3.7% 15.9%;
562
- --ring: 240 4.9% 83.9%;
841
+ --destructive-foreground: 210 20% 98%;
842
+ --border: 215 27.9% 16.9%;
843
+ --input: 215 27.9% 16.9%;
844
+ --ring: 263.4 70% 50.4%;
563
845
  --chart-1: 220 70% 50%;
564
846
  --chart-2: 160 60% 45%;
565
847
  --chart-3: 30 80% 55%;
566
848
  --chart-4: 280 65% 60%;
567
849
  --chart-5: 340 75% 55%;
850
+
851
+ /* Studio */
568
852
  --sidebar-background: 240 5.9% 10%;
569
853
  --sidebar-foreground: 240 4.8% 95.9%;
570
854
  --sidebar-primary: 224.3 76.3% 48%;
@@ -575,7 +859,7 @@ video {
575
859
  --sidebar-ring: 217.2 91.2% 59.8%;
576
860
  --table-row-odd: 240 3.7% 15.9%;
577
861
  }
578
- .ps-sr-only {
862
+ .ps .ps-sr-only {
579
863
  position: absolute;
580
864
  width: 1px;
581
865
  height: 1px;
@@ -586,851 +870,1157 @@ video {
586
870
  white-space: nowrap;
587
871
  border-width: 0;
588
872
  }
589
- .ps-pointer-events-none {
873
+ .ps .ps-pointer-events-none {
590
874
  pointer-events: none;
591
875
  }
592
- .ps-fixed {
876
+ .ps .ps-invisible {
877
+ visibility: hidden;
878
+ }
879
+ .ps .ps-fixed {
593
880
  position: fixed;
594
881
  }
595
- .ps-absolute {
882
+ .ps .ps-absolute {
596
883
  position: absolute;
597
884
  }
598
- .ps-relative {
885
+ .ps .ps-relative {
599
886
  position: relative;
600
887
  }
601
- .ps-sticky {
888
+ .ps .ps-sticky {
602
889
  position: sticky;
603
890
  }
604
- .ps-inset-0 {
891
+ .ps .-ps-inset-0 {
892
+ inset: -0px;
893
+ }
894
+ .ps .ps-inset-0 {
605
895
  inset: 0px;
606
896
  }
607
- .ps-inset-x-0 {
897
+ .ps .ps-inset-x-0 {
608
898
  left: 0px;
609
899
  right: 0px;
610
900
  }
611
- .ps-inset-y-0 {
901
+ .ps .ps-inset-y-0 {
612
902
  top: 0px;
613
903
  bottom: 0px;
614
904
  }
615
- .-ps-top-\[1px\] {
905
+ .ps .-ps-top-\[1px\] {
616
906
  top: -1px;
617
907
  }
618
- .ps-bottom-0 {
908
+ .ps .ps-bottom-0 {
619
909
  bottom: 0px;
620
910
  }
621
- .ps-left-0 {
911
+ .ps .ps-left-0 {
622
912
  left: 0px;
623
913
  }
624
- .ps-left-2 {
914
+ .ps .ps-left-2 {
625
915
  left: 0.5rem;
626
916
  }
627
- .ps-left-\[50\%\] {
917
+ .ps .ps-left-\[50\%\] {
628
918
  left: 50%;
629
919
  }
630
- .ps-right-0 {
920
+ .ps .ps-right-0 {
631
921
  right: 0px;
632
922
  }
633
- .ps-right-2 {
923
+ .ps .ps-right-2 {
634
924
  right: 0.5rem;
635
925
  }
636
- .ps-right-4 {
926
+ .ps .ps-right-4 {
637
927
  right: 1rem;
638
928
  }
639
- .ps-top-0 {
929
+ .ps .ps-top-0 {
640
930
  top: 0px;
641
931
  }
642
- .ps-top-4 {
932
+ .ps .ps-top-4 {
643
933
  top: 1rem;
644
934
  }
645
- .ps-top-\[50\%\] {
935
+ .ps .ps-top-\[50\%\] {
646
936
  top: 50%;
647
937
  }
648
- .\!ps-z-50 {
938
+ .ps .\!ps-z-50 {
649
939
  z-index: 50 !important;
650
940
  }
651
- .ps-z-10 {
941
+ .ps .ps-z-0 {
942
+ z-index: 0;
943
+ }
944
+ .ps .ps-z-10 {
652
945
  z-index: 10;
653
946
  }
654
- .ps-z-20 {
947
+ .ps .ps-z-20 {
655
948
  z-index: 20;
656
949
  }
657
- .ps-z-30 {
950
+ .ps .ps-z-30 {
658
951
  z-index: 30;
659
952
  }
660
- .ps-z-50 {
953
+ .ps .ps-z-50 {
661
954
  z-index: 50;
662
955
  }
663
- .ps--mx-1 {
956
+ .ps .ps-z-\[9999\] {
957
+ z-index: 9999;
958
+ }
959
+ .ps .ps--mx-1 {
664
960
  margin-left: -0.25rem;
665
961
  margin-right: -0.25rem;
666
962
  }
667
- .ps-mx-auto {
963
+ .ps .ps-mx-auto {
668
964
  margin-left: auto;
669
965
  margin-right: auto;
670
966
  }
671
- .ps-my-1 {
967
+ .ps .ps-my-1 {
672
968
  margin-top: 0.25rem;
673
969
  margin-bottom: 0.25rem;
674
970
  }
675
- .ps-ml-auto {
971
+ .ps .ps-mb-1 {
972
+ margin-bottom: 0.25rem;
973
+ }
974
+ .ps .ps-mb-4 {
975
+ margin-bottom: 1rem;
976
+ }
977
+ .ps .ps-ml-1 {
978
+ margin-left: 0.25rem;
979
+ }
980
+ .ps .ps-ml-2 {
981
+ margin-left: 0.5rem;
982
+ }
983
+ .ps .ps-ml-6 {
984
+ margin-left: 1.5rem;
985
+ }
986
+ .ps .ps-ml-auto {
676
987
  margin-left: auto;
677
988
  }
678
- .ps-mr-auto {
679
- margin-right: auto;
989
+ .ps .ps-mr-1 {
990
+ margin-right: 0.25rem;
991
+ }
992
+ .ps .ps-mr-2 {
993
+ margin-right: 0.5rem;
994
+ }
995
+ .ps .ps-mt-0 {
996
+ margin-top: 0px;
680
997
  }
681
- .ps-mt-4 {
998
+ .ps .ps-mt-1 {
999
+ margin-top: 0.25rem;
1000
+ }
1001
+ .ps .ps-mt-2 {
1002
+ margin-top: 0.5rem;
1003
+ }
1004
+ .ps .ps-mt-4 {
682
1005
  margin-top: 1rem;
683
1006
  }
684
- .ps-box-border {
1007
+ .ps .ps-box-border {
685
1008
  box-sizing: border-box;
686
1009
  }
687
- .ps-block {
1010
+ .ps .ps-block {
688
1011
  display: block;
689
1012
  }
690
- .ps-flex {
1013
+ .ps .ps-inline-block {
1014
+ display: inline-block;
1015
+ }
1016
+ .ps .ps-flex {
691
1017
  display: flex;
692
1018
  }
693
- .ps-inline-flex {
1019
+ .ps .ps-inline-flex {
694
1020
  display: inline-flex;
695
1021
  }
696
- .ps-grid {
1022
+ .ps .ps-grid {
697
1023
  display: grid;
698
1024
  }
699
- .ps-h-0 {
1025
+ .ps .ps-hidden {
1026
+ display: none;
1027
+ }
1028
+ .ps .ps-size-4 {
1029
+ width: 1rem;
1030
+ height: 1rem;
1031
+ }
1032
+ .ps .ps-size-8 {
1033
+ width: 2rem;
1034
+ height: 2rem;
1035
+ }
1036
+ .ps .ps-size-9 {
1037
+ width: 2.25rem;
1038
+ height: 2.25rem;
1039
+ }
1040
+ .ps .ps-h-0 {
700
1041
  height: 0px;
701
1042
  }
702
- .ps-h-10 {
1043
+ .ps .ps-h-10 {
703
1044
  height: 2.5rem;
704
1045
  }
705
- .ps-h-2 {
1046
+ .ps .ps-h-2 {
706
1047
  height: 0.5rem;
707
1048
  }
708
- .ps-h-24 {
1049
+ .ps .ps-h-24 {
709
1050
  height: 6rem;
710
1051
  }
711
- .ps-h-3\.5 {
1052
+ .ps .ps-h-3 {
1053
+ height: 0.75rem;
1054
+ }
1055
+ .ps .ps-h-3\.5 {
712
1056
  height: 0.875rem;
713
1057
  }
714
- .ps-h-4 {
1058
+ .ps .ps-h-4 {
715
1059
  height: 1rem;
716
1060
  }
717
- .ps-h-5 {
1061
+ .ps .ps-h-5 {
718
1062
  height: 1.25rem;
719
1063
  }
720
- .ps-h-6 {
1064
+ .ps .ps-h-6 {
721
1065
  height: 1.5rem;
722
1066
  }
723
- .ps-h-8 {
1067
+ .ps .ps-h-8 {
724
1068
  height: 2rem;
725
1069
  }
726
- .ps-h-9 {
1070
+ .ps .ps-h-9 {
727
1071
  height: 2.25rem;
728
1072
  }
729
- .ps-h-\[1\.2rem\] {
1073
+ .ps .ps-h-\[1\.2rem\] {
730
1074
  height: 1.2rem;
731
1075
  }
732
- .ps-h-\[2px\] {
1076
+ .ps .ps-h-\[2px\] {
733
1077
  height: 2px;
734
1078
  }
735
- .ps-h-\[var\(--radix-select-trigger-height\)\] {
1079
+ .ps .ps-h-\[39px\] {
1080
+ height: 39px;
1081
+ }
1082
+ .ps .ps-h-\[calc\(100\%-theme\(space\.28\)\)\] {
1083
+ height: calc(100% - 7rem);
1084
+ }
1085
+ .ps .ps-h-\[var\(--radix-select-trigger-height\)\] {
736
1086
  height: var(--radix-select-trigger-height);
737
1087
  }
738
- .ps-h-\[var\(--studio-cell-height\)\] {
1088
+ .ps .ps-h-\[var\(--studio-cell-height\)\] {
739
1089
  height: var(--studio-cell-height);
740
1090
  }
741
- .ps-h-full {
1091
+ .ps .ps-h-full {
742
1092
  height: 100%;
743
1093
  }
744
- .ps-h-px {
1094
+ .ps .ps-h-px {
745
1095
  height: 1px;
746
1096
  }
747
- .ps-max-h-\[--radix-context-menu-content-available-height\] {
1097
+ .ps .ps-max-h-10 {
1098
+ max-height: 2.5rem;
1099
+ }
1100
+ .ps .ps-max-h-32 {
1101
+ max-height: 8rem;
1102
+ }
1103
+ .ps .ps-max-h-\[--radix-context-menu-content-available-height\] {
748
1104
  max-height: var(--radix-context-menu-content-available-height);
749
1105
  }
750
- .ps-max-h-\[--radix-select-content-available-height\] {
1106
+ .ps .ps-max-h-\[--radix-select-content-available-height\] {
751
1107
  max-height: var(--radix-select-content-available-height);
752
1108
  }
753
- .ps-max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
1109
+ .ps .ps-max-h-\[520px\] {
1110
+ max-height: 520px;
1111
+ }
1112
+ .ps .ps-max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
754
1113
  max-height: var(--radix-dropdown-menu-content-available-height);
755
1114
  }
756
- .ps-max-h-full {
1115
+ .ps .ps-max-h-full {
757
1116
  max-height: 100%;
758
1117
  }
759
- .ps-min-h-0 {
1118
+ .ps .ps-min-h-0 {
760
1119
  min-height: 0px;
761
1120
  }
762
- .ps-min-h-\[60px\] {
1121
+ .ps .ps-min-h-\[60px\] {
763
1122
  min-height: 60px;
764
1123
  }
765
- .ps-min-h-full {
1124
+ .ps .ps-min-h-full {
766
1125
  min-height: 100%;
767
1126
  }
768
- .ps-w-0 {
1127
+ .ps .ps-w-0 {
769
1128
  width: 0px;
770
1129
  }
771
- .ps-w-1\/3 {
1130
+ .ps .ps-w-1\/3 {
772
1131
  width: 33.333333%;
773
1132
  }
774
- .ps-w-16 {
1133
+ .ps .ps-w-16 {
775
1134
  width: 4rem;
776
1135
  }
777
- .ps-w-2 {
1136
+ .ps .ps-w-2 {
778
1137
  width: 0.5rem;
779
1138
  }
780
- .ps-w-3\.5 {
1139
+ .ps .ps-w-2\/3 {
1140
+ width: 66.666667%;
1141
+ }
1142
+ .ps .ps-w-20 {
1143
+ width: 5rem;
1144
+ }
1145
+ .ps .ps-w-24 {
1146
+ width: 6rem;
1147
+ }
1148
+ .ps .ps-w-28 {
1149
+ width: 7rem;
1150
+ }
1151
+ .ps .ps-w-3 {
1152
+ width: 0.75rem;
1153
+ }
1154
+ .ps .ps-w-3\.5 {
781
1155
  width: 0.875rem;
782
1156
  }
783
- .ps-w-3\/4 {
1157
+ .ps .ps-w-3\/4 {
784
1158
  width: 75%;
785
1159
  }
786
- .ps-w-4 {
1160
+ .ps .ps-w-4 {
787
1161
  width: 1rem;
788
1162
  }
789
- .ps-w-6 {
790
- width: 1.5rem;
1163
+ .ps .ps-w-4\/5 {
1164
+ width: 80%;
1165
+ }
1166
+ .ps .ps-w-48 {
1167
+ width: 12rem;
791
1168
  }
792
- .ps-w-64 {
793
- width: 16rem;
1169
+ .ps .ps-w-5 {
1170
+ width: 1.25rem;
794
1171
  }
795
- .ps-w-72 {
1172
+ .ps .ps-w-6 {
1173
+ width: 1.5rem;
1174
+ }
1175
+ .ps .ps-w-72 {
796
1176
  width: 18rem;
797
1177
  }
798
- .ps-w-9 {
1178
+ .ps .ps-w-9 {
799
1179
  width: 2.25rem;
800
1180
  }
801
- .ps-w-\[1\.2rem\] {
1181
+ .ps .ps-w-\[1\.2rem\] {
802
1182
  width: 1.2rem;
803
1183
  }
804
- .ps-w-\[var\(--dragging-width\)\] {
805
- width: var(--dragging-width);
1184
+ .ps .ps-w-\[calc\(var\(--radix-popover-trigger-width\)_\+_1px\)\] {
1185
+ width: calc(var(--radix-popover-trigger-width) + 1px);
1186
+ }
1187
+ .ps .ps-w-auto {
1188
+ width: auto;
806
1189
  }
807
- .ps-w-full {
1190
+ .ps .ps-w-full {
808
1191
  width: 100%;
809
1192
  }
810
- .ps-w-max {
1193
+ .ps .ps-w-max {
811
1194
  width: -moz-max-content;
812
1195
  width: max-content;
813
1196
  }
814
- .ps-w-px {
1197
+ .ps .ps-w-min {
1198
+ width: -moz-min-content;
1199
+ width: min-content;
1200
+ }
1201
+ .ps .ps-w-px {
815
1202
  width: 1px;
816
1203
  }
817
- .ps-min-w-0 {
1204
+ .ps .ps-min-w-0 {
818
1205
  min-width: 0px;
819
1206
  }
820
- .ps-min-w-\[8rem\] {
1207
+ .ps .ps-min-w-\[250px\] {
1208
+ min-width: 250px;
1209
+ }
1210
+ .ps .ps-min-w-\[8rem\] {
821
1211
  min-width: 8rem;
822
1212
  }
823
- .ps-min-w-\[var\(--radix-select-trigger-width\)\] {
1213
+ .ps .ps-min-w-\[calc\(1\.25rem\*2\+0\.25rem\)\] {
1214
+ min-width: calc(1.25rem * 2 + 0.25rem);
1215
+ }
1216
+ .ps .ps-min-w-\[var\(--radix-popover-trigger-width\)\] {
1217
+ min-width: var(--radix-popover-trigger-width);
1218
+ }
1219
+ .ps .ps-min-w-\[var\(--radix-select-trigger-width\)\] {
824
1220
  min-width: var(--radix-select-trigger-width);
825
1221
  }
826
- .ps-min-w-full {
1222
+ .ps .ps-min-w-full {
827
1223
  min-width: 100%;
828
1224
  }
829
- .ps-max-w-lg {
1225
+ .ps .ps-min-w-max {
1226
+ min-width: -moz-max-content;
1227
+ min-width: max-content;
1228
+ }
1229
+ .ps .ps-max-w-44 {
1230
+ max-width: 11rem;
1231
+ }
1232
+ .ps .ps-max-w-72 {
1233
+ max-width: 18rem;
1234
+ }
1235
+ .ps .ps-max-w-\[500px\] {
1236
+ max-width: 500px;
1237
+ }
1238
+ .ps .ps-max-w-lg {
830
1239
  max-width: 32rem;
831
1240
  }
832
- .ps-flex-1 {
1241
+ .ps .ps-flex-1 {
833
1242
  flex: 1 1 0%;
834
1243
  }
835
- .ps-shrink-0 {
1244
+ .ps .ps-shrink-0 {
836
1245
  flex-shrink: 0;
837
1246
  }
838
- .ps-flex-grow {
1247
+ .ps .ps-flex-grow {
839
1248
  flex-grow: 1;
840
1249
  }
841
- .ps-table-fixed {
1250
+ .ps .ps-table-fixed {
842
1251
  table-layout: fixed;
843
1252
  }
844
- .ps-caption-bottom {
1253
+ .ps .ps-caption-bottom {
845
1254
  caption-side: bottom;
846
1255
  }
847
- .ps-border-separate {
1256
+ .ps .ps-border-separate {
848
1257
  border-collapse: separate;
849
1258
  }
850
- .ps-border-spacing-0 {
1259
+ .ps .ps-border-spacing-0 {
851
1260
  --tw-border-spacing-x: 0px;
852
1261
  --tw-border-spacing-y: 0px;
853
1262
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
854
1263
  }
855
- .ps-origin-\[--radix-context-menu-content-transform-origin\] {
1264
+ .ps .ps-origin-\[--radix-context-menu-content-transform-origin\] {
856
1265
  transform-origin: var(--radix-context-menu-content-transform-origin);
857
1266
  }
858
- .ps-origin-\[--radix-dropdown-menu-content-transform-origin\] {
1267
+ .ps .ps-origin-\[--radix-dropdown-menu-content-transform-origin\] {
859
1268
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
860
1269
  }
861
- .ps-origin-\[--radix-popover-content-transform-origin\] {
1270
+ .ps .ps-origin-\[--radix-popover-content-transform-origin\] {
862
1271
  transform-origin: var(--radix-popover-content-transform-origin);
863
1272
  }
864
- .ps-origin-\[--radix-select-content-transform-origin\] {
1273
+ .ps .ps-origin-\[--radix-select-content-transform-origin\] {
865
1274
  transform-origin: var(--radix-select-content-transform-origin);
866
1275
  }
867
- .ps-origin-\[--radix-tooltip-content-transform-origin\] {
1276
+ .ps .ps-origin-\[--radix-tooltip-content-transform-origin\] {
868
1277
  transform-origin: var(--radix-tooltip-content-transform-origin);
869
1278
  }
870
- .ps-translate-x-\[-50\%\] {
1279
+ .ps .ps-translate-x-\[-50\%\] {
871
1280
  --tw-translate-x: -50%;
872
1281
  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));
873
1282
  }
874
- .ps-translate-y-\[-50\%\] {
1283
+ .ps .ps-translate-y-\[-50\%\] {
875
1284
  --tw-translate-y: -50%;
876
1285
  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));
877
1286
  }
878
- .ps-rotate-0 {
1287
+ .ps .ps-rotate-0 {
879
1288
  --tw-rotate: 0deg;
880
1289
  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));
881
1290
  }
882
- .ps-rotate-90 {
1291
+ .ps .ps-rotate-90 {
883
1292
  --tw-rotate: 90deg;
884
1293
  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));
885
1294
  }
886
- .ps-scale-0 {
1295
+ .ps .ps-scale-0 {
887
1296
  --tw-scale-x: 0;
888
1297
  --tw-scale-y: 0;
889
1298
  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));
890
1299
  }
891
- .ps-scale-100 {
1300
+ .ps .ps-scale-100 {
892
1301
  --tw-scale-x: 1;
893
1302
  --tw-scale-y: 1;
894
1303
  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));
895
1304
  }
896
1305
  @keyframes ps-indeterminate {
897
-
898
1306
  0% {
899
1307
  transform: translateX(-100%);
900
1308
  }
901
-
902
1309
  100% {
903
1310
  transform: translateX(400%);
904
1311
  }
905
1312
  }
906
- .ps-animate-indeterminate-bar {
1313
+ .ps .ps-animate-indeterminate-bar {
907
1314
  animation: ps-indeterminate 1.5s infinite ease-in-out;
908
1315
  }
909
- .ps-cursor-col-resize {
1316
+ @keyframes ps-pulse {
1317
+ 50% {
1318
+ opacity: .5;
1319
+ }
1320
+ }
1321
+ .ps .ps-animate-pulse {
1322
+ animation: ps-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1323
+ }
1324
+ @keyframes ps-spin {
1325
+ to {
1326
+ transform: rotate(360deg);
1327
+ }
1328
+ }
1329
+ .ps .ps-animate-spin {
1330
+ animation: ps-spin 1s linear infinite;
1331
+ }
1332
+ .ps .ps-cursor-col-resize {
910
1333
  cursor: col-resize;
911
1334
  }
912
- .ps-cursor-default {
1335
+ .ps .ps-cursor-default {
913
1336
  cursor: default;
914
1337
  }
915
- .ps-cursor-pointer {
1338
+ .ps .ps-cursor-grab {
1339
+ cursor: grab;
1340
+ }
1341
+ .ps .ps-cursor-pointer {
916
1342
  cursor: pointer;
917
1343
  }
918
- .ps-touch-none {
1344
+ .ps .ps-touch-none {
919
1345
  touch-action: none;
920
1346
  }
921
- .ps-select-none {
1347
+ .ps .ps-select-none {
922
1348
  -webkit-user-select: none;
923
1349
  -moz-user-select: none;
924
1350
  user-select: none;
925
1351
  }
926
- .ps-resize-none {
1352
+ .ps .ps-resize-none {
927
1353
  resize: none;
928
1354
  }
929
- .ps-resize {
1355
+ .ps .ps-resize {
930
1356
  resize: both;
931
1357
  }
932
- .ps-appearance-none {
1358
+ .ps .ps-appearance-none {
933
1359
  -webkit-appearance: none;
934
1360
  -moz-appearance: none;
935
1361
  appearance: none;
936
1362
  }
937
- .ps-flex-row {
1363
+ .ps .ps-grid-cols-2 {
1364
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1365
+ }
1366
+ .ps .ps-flex-row {
938
1367
  flex-direction: row;
939
1368
  }
940
- .ps-flex-col {
1369
+ .ps .ps-flex-col {
941
1370
  flex-direction: column;
942
1371
  }
943
- .ps-flex-col-reverse {
1372
+ .ps .ps-flex-col-reverse {
944
1373
  flex-direction: column-reverse;
945
1374
  }
946
- .ps-items-start {
1375
+ .ps .ps-flex-wrap {
1376
+ flex-wrap: wrap;
1377
+ }
1378
+ .ps .ps-items-start {
947
1379
  align-items: flex-start;
948
1380
  }
949
- .ps-items-center {
1381
+ .ps .ps-items-end {
1382
+ align-items: flex-end;
1383
+ }
1384
+ .ps .ps-items-center {
950
1385
  align-items: center;
951
1386
  }
952
- .ps-justify-center {
1387
+ .ps .ps-justify-start {
1388
+ justify-content: flex-start;
1389
+ }
1390
+ .ps .ps-justify-center {
953
1391
  justify-content: center;
954
1392
  }
955
- .ps-justify-between {
1393
+ .ps .ps-justify-between {
956
1394
  justify-content: space-between;
957
1395
  }
958
- .ps-gap-0 {
1396
+ .ps .ps-gap-0 {
959
1397
  gap: 0px;
960
1398
  }
961
- .ps-gap-1 {
1399
+ .ps .ps-gap-1 {
962
1400
  gap: 0.25rem;
963
1401
  }
964
- .ps-gap-2 {
1402
+ .ps .ps-gap-2 {
965
1403
  gap: 0.5rem;
966
1404
  }
967
- .ps-gap-4 {
1405
+ .ps .ps-gap-4 {
968
1406
  gap: 1rem;
969
1407
  }
970
- .ps-gap-px {
1408
+ .ps .ps-gap-6 {
1409
+ gap: 1.5rem;
1410
+ }
1411
+ .ps .ps-gap-px {
971
1412
  gap: 1px;
972
1413
  }
973
- .ps-space-x-2 > :not([hidden]) ~ :not([hidden]) {
1414
+ .ps .ps-space-x-2 > :not([hidden]) ~ :not([hidden]) {
974
1415
  --tw-space-x-reverse: 0;
975
1416
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
976
1417
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
977
1418
  }
978
- .ps-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1419
+ .ps .ps-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
979
1420
  --tw-space-y-reverse: 0;
980
1421
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
981
1422
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
982
1423
  }
983
- .ps-space-y-2 > :not([hidden]) ~ :not([hidden]) {
1424
+ .ps .ps-space-y-2 > :not([hidden]) ~ :not([hidden]) {
984
1425
  --tw-space-y-reverse: 0;
985
1426
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
986
1427
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
987
1428
  }
988
- .ps-self-start {
1429
+ .ps .ps-self-start {
989
1430
  align-self: flex-start;
990
1431
  }
991
- .ps-overflow-auto {
1432
+ .ps .ps-self-end {
1433
+ align-self: flex-end;
1434
+ }
1435
+ .ps .ps-overflow-auto {
992
1436
  overflow: auto;
993
1437
  }
994
- .ps-overflow-hidden {
1438
+ .ps .ps-overflow-hidden {
995
1439
  overflow: hidden;
996
1440
  }
997
- .ps-overflow-clip {
1441
+ .ps .ps-overflow-clip {
998
1442
  overflow: clip;
999
1443
  }
1000
- .ps-overflow-y-auto {
1444
+ .ps .ps-overflow-x-auto {
1445
+ overflow-x: auto;
1446
+ }
1447
+ .ps .ps-overflow-y-auto {
1001
1448
  overflow-y: auto;
1002
1449
  }
1003
- .ps-overflow-x-hidden {
1450
+ .ps .ps-overflow-x-hidden {
1004
1451
  overflow-x: hidden;
1005
1452
  }
1006
- .ps-truncate {
1453
+ .ps .ps-overflow-y-scroll {
1454
+ overflow-y: scroll;
1455
+ }
1456
+ .ps .ps-truncate {
1007
1457
  overflow: hidden;
1008
1458
  text-overflow: ellipsis;
1009
1459
  white-space: nowrap;
1010
1460
  }
1011
- .ps-text-ellipsis {
1461
+ .ps .ps-text-ellipsis {
1012
1462
  text-overflow: ellipsis;
1013
1463
  }
1014
- .ps-whitespace-nowrap {
1464
+ .ps .ps-whitespace-nowrap {
1015
1465
  white-space: nowrap;
1016
1466
  }
1017
- .ps-rounded-full {
1467
+ .ps .ps-whitespace-pre-wrap {
1468
+ white-space: pre-wrap;
1469
+ }
1470
+ .ps .ps-rounded-full {
1018
1471
  border-radius: 9999px;
1019
1472
  }
1020
- .ps-rounded-lg {
1473
+ .ps .ps-rounded-lg {
1021
1474
  border-radius: var(--radius);
1022
1475
  }
1023
- .ps-rounded-md {
1476
+ .ps .ps-rounded-md {
1024
1477
  border-radius: calc(var(--radius) - 2px);
1025
1478
  }
1026
- .ps-rounded-none {
1479
+ .ps .ps-rounded-none {
1027
1480
  border-radius: 0px;
1028
1481
  }
1029
- .ps-rounded-sm {
1482
+ .ps .ps-rounded-sm {
1030
1483
  border-radius: calc(var(--radius) - 4px);
1031
1484
  }
1032
- .ps-rounded-b-lg {
1485
+ .ps .ps-rounded-xl {
1486
+ border-radius: 0.75rem;
1487
+ }
1488
+ .ps .ps-rounded-b-lg {
1033
1489
  border-bottom-right-radius: var(--radius);
1034
1490
  border-bottom-left-radius: var(--radius);
1035
1491
  }
1036
- .ps-rounded-r-full {
1492
+ .ps .ps-rounded-e-md {
1493
+ border-start-end-radius: calc(var(--radius) - 2px);
1494
+ border-end-end-radius: calc(var(--radius) - 2px);
1495
+ }
1496
+ .ps .ps-rounded-r-full {
1037
1497
  border-top-right-radius: 9999px;
1038
1498
  border-bottom-right-radius: 9999px;
1039
1499
  }
1040
- .ps-rounded-t-lg {
1500
+ .ps .ps-rounded-s-md {
1501
+ border-start-start-radius: calc(var(--radius) - 2px);
1502
+ border-end-start-radius: calc(var(--radius) - 2px);
1503
+ }
1504
+ .ps .ps-rounded-t-lg {
1041
1505
  border-top-left-radius: var(--radius);
1042
1506
  border-top-right-radius: var(--radius);
1043
1507
  }
1044
- .ps-border {
1508
+ .ps .ps-border {
1045
1509
  border-width: 1px;
1046
1510
  }
1047
- .ps-border-2 {
1511
+ .ps .ps-border-2 {
1048
1512
  border-width: 2px;
1049
1513
  }
1050
- .ps-border-b {
1514
+ .ps .ps-border-b {
1051
1515
  border-bottom-width: 1px;
1052
1516
  }
1053
- .ps-border-l {
1517
+ .ps .ps-border-l {
1054
1518
  border-left-width: 1px;
1055
1519
  }
1056
- .ps-border-r {
1520
+ .ps .ps-border-r {
1057
1521
  border-right-width: 1px;
1058
1522
  }
1059
- .ps-border-t {
1523
+ .ps .ps-border-t {
1060
1524
  border-top-width: 1px;
1061
1525
  }
1062
- .ps-border-t-0 {
1526
+ .ps .ps-border-t-0 {
1063
1527
  border-top-width: 0px;
1064
1528
  }
1065
- .ps-border-none {
1529
+ .ps .ps-border-none {
1066
1530
  border-style: none;
1067
1531
  }
1068
- .ps-border-blue-500 {
1532
+ .ps .\!ps-border-\[hsl\(var\(--studio-border\)\)\] {
1533
+ border-color: hsl(var(--studio-border)) !important;
1534
+ }
1535
+ .ps .ps-border-blue-200 {
1536
+ --tw-border-opacity: 1;
1537
+ border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
1538
+ }
1539
+ .ps .ps-border-border {
1540
+ border-color: hsl(var(--border));
1541
+ }
1542
+ .ps .ps-border-green-500 {
1069
1543
  --tw-border-opacity: 1;
1070
- border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1544
+ border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
1071
1545
  }
1072
- .ps-border-input {
1546
+ .ps .ps-border-input {
1073
1547
  border-color: hsl(var(--input));
1074
1548
  }
1075
- .ps-border-primary {
1549
+ .ps .ps-border-orange-400 {
1550
+ --tw-border-opacity: 1;
1551
+ border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
1552
+ }
1553
+ .ps .ps-border-primary {
1076
1554
  border-color: hsl(var(--primary));
1077
1555
  }
1078
- .ps-border-table-border {
1556
+ .ps .ps-border-red-200 {
1557
+ --tw-border-opacity: 1;
1558
+ border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
1559
+ }
1560
+ .ps .ps-border-red-500 {
1561
+ --tw-border-opacity: 1;
1562
+ border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
1563
+ }
1564
+ .ps .ps-border-table-border {
1079
1565
  border-color: hsl(var(--table-border));
1080
1566
  }
1081
- .ps-border-transparent {
1567
+ .ps .ps-border-transparent {
1082
1568
  border-color: transparent;
1083
1569
  }
1084
- .ps-border-violet-500 {
1570
+ .ps .ps-border-violet-500 {
1085
1571
  --tw-border-opacity: 1;
1086
1572
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
1087
1573
  }
1088
- .ps-bg-background {
1574
+ .ps .\!ps-bg-\[hsl\(var\(--studio-background\)\)\] {
1575
+ background-color: hsl(var(--studio-background)) !important;
1576
+ }
1577
+ .ps .ps-bg-accent {
1578
+ background-color: hsl(var(--accent));
1579
+ }
1580
+ .ps .ps-bg-background {
1089
1581
  background-color: hsl(var(--background));
1090
1582
  }
1091
- .ps-bg-black\/80 {
1583
+ .ps .ps-bg-black\/80 {
1092
1584
  background-color: rgb(0 0 0 / 0.8);
1093
1585
  }
1094
- .ps-bg-border {
1586
+ .ps .ps-bg-blue-50 {
1587
+ --tw-bg-opacity: 1;
1588
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1589
+ }
1590
+ .ps .ps-bg-border {
1095
1591
  background-color: hsl(var(--border));
1096
1592
  }
1097
- .ps-bg-card {
1593
+ .ps .ps-bg-card {
1098
1594
  background-color: hsl(var(--card));
1099
1595
  }
1100
- .ps-bg-destructive {
1596
+ .ps .ps-bg-destructive {
1101
1597
  background-color: hsl(var(--destructive));
1102
1598
  }
1103
- .ps-bg-gray-200 {
1104
- --tw-bg-opacity: 1;
1105
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1599
+ .ps .ps-bg-foreground\/10 {
1600
+ background-color: hsl(var(--foreground) / 0.1);
1106
1601
  }
1107
- .ps-bg-muted {
1602
+ .ps .ps-bg-muted {
1108
1603
  background-color: hsl(var(--muted));
1109
1604
  }
1110
- .ps-bg-muted\/50 {
1605
+ .ps .ps-bg-muted\/50 {
1111
1606
  background-color: hsl(var(--muted) / 0.5);
1112
1607
  }
1113
- .ps-bg-popover {
1608
+ .ps .ps-bg-neutral-100 {
1609
+ --tw-bg-opacity: 1;
1610
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
1611
+ }
1612
+ .ps .ps-bg-neutral-200\/40 {
1613
+ background-color: rgb(229 229 229 / 0.4);
1614
+ }
1615
+ .ps .ps-bg-neutral-50 {
1616
+ --tw-bg-opacity: 1;
1617
+ background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
1618
+ }
1619
+ .ps .ps-bg-orange-100 {
1620
+ --tw-bg-opacity: 1;
1621
+ background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
1622
+ }
1623
+ .ps .ps-bg-popover {
1114
1624
  background-color: hsl(var(--popover));
1115
1625
  }
1116
- .ps-bg-primary {
1626
+ .ps .ps-bg-primary {
1117
1627
  background-color: hsl(var(--primary));
1118
1628
  }
1119
- .ps-bg-purple-600 {
1629
+ .ps .ps-bg-red-50 {
1120
1630
  --tw-bg-opacity: 1;
1121
- background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
1631
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
1122
1632
  }
1123
- .ps-bg-secondary {
1633
+ .ps .ps-bg-secondary {
1124
1634
  background-color: hsl(var(--secondary));
1125
1635
  }
1126
- .ps-bg-slate-100 {
1127
- --tw-bg-opacity: 1;
1128
- background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
1636
+ .ps .ps-bg-slate-50\/50 {
1637
+ background-color: rgb(248 250 252 / 0.5);
1638
+ }
1639
+ .ps .ps-bg-table-border {
1640
+ background-color: hsl(var(--table-border));
1129
1641
  }
1130
- .ps-bg-table-head {
1642
+ .ps .ps-bg-table-head {
1131
1643
  background-color: hsl(var(--table-head));
1132
1644
  }
1133
- .ps-bg-table-head\/90 {
1645
+ .ps .ps-bg-table-head\/90 {
1134
1646
  background-color: hsl(var(--table-head) / 0.9);
1135
1647
  }
1136
- .ps-bg-transparent {
1648
+ .ps .ps-bg-transparent {
1137
1649
  background-color: transparent;
1138
1650
  }
1139
- .ps-fill-current {
1651
+ .ps .ps-fill-current {
1140
1652
  fill: currentColor;
1141
1653
  }
1142
- .ps-p-0 {
1654
+ .ps .ps-p-0 {
1143
1655
  padding: 0px;
1144
1656
  }
1145
- .ps-p-1 {
1657
+ .ps .ps-p-0\.5 {
1658
+ padding: 0.125rem;
1659
+ }
1660
+ .ps .ps-p-1 {
1146
1661
  padding: 0.25rem;
1147
1662
  }
1148
- .ps-p-2 {
1663
+ .ps .ps-p-2 {
1149
1664
  padding: 0.5rem;
1150
1665
  }
1151
- .ps-p-4 {
1666
+ .ps .ps-p-3 {
1667
+ padding: 0.75rem;
1668
+ }
1669
+ .ps .ps-p-4 {
1152
1670
  padding: 1rem;
1153
1671
  }
1154
- .ps-p-6 {
1672
+ .ps .ps-p-6 {
1155
1673
  padding: 1.5rem;
1156
1674
  }
1157
- .ps-px-0 {
1675
+ .ps .ps-p-\[var\(--studio-cell-spacing\)\] {
1676
+ padding: var(--studio-cell-spacing);
1677
+ }
1678
+ .ps .ps-p-px {
1679
+ padding: 1px;
1680
+ }
1681
+ .ps .ps-px-0 {
1158
1682
  padding-left: 0px;
1159
1683
  padding-right: 0px;
1160
1684
  }
1161
- .ps-px-2 {
1685
+ .ps .ps-px-2 {
1162
1686
  padding-left: 0.5rem;
1163
1687
  padding-right: 0.5rem;
1164
1688
  }
1165
- .ps-px-2\.5 {
1689
+ .ps .ps-px-2\.5 {
1166
1690
  padding-left: 0.625rem;
1167
1691
  padding-right: 0.625rem;
1168
1692
  }
1169
- .ps-px-3 {
1693
+ .ps .ps-px-3 {
1170
1694
  padding-left: 0.75rem;
1171
1695
  padding-right: 0.75rem;
1172
1696
  }
1173
- .ps-px-4 {
1697
+ .ps .ps-px-4 {
1174
1698
  padding-left: 1rem;
1175
1699
  padding-right: 1rem;
1176
1700
  }
1177
- .ps-px-8 {
1701
+ .ps .ps-px-8 {
1178
1702
  padding-left: 2rem;
1179
1703
  padding-right: 2rem;
1180
1704
  }
1181
- .ps-px-\[var\(--studio-cell-spacing\)\] {
1705
+ .ps .ps-px-\[var\(--studio-cell-spacing\)\] {
1182
1706
  padding-left: var(--studio-cell-spacing);
1183
1707
  padding-right: var(--studio-cell-spacing);
1184
1708
  }
1185
- .ps-py-0 {
1709
+ .ps .ps-py-0 {
1186
1710
  padding-top: 0px;
1187
1711
  padding-bottom: 0px;
1188
1712
  }
1189
- .ps-py-0\.5 {
1713
+ .ps .ps-py-0\.5 {
1190
1714
  padding-top: 0.125rem;
1191
1715
  padding-bottom: 0.125rem;
1192
1716
  }
1193
- .ps-py-1 {
1717
+ .ps .ps-py-1 {
1194
1718
  padding-top: 0.25rem;
1195
1719
  padding-bottom: 0.25rem;
1196
1720
  }
1197
- .ps-py-1\.5 {
1721
+ .ps .ps-py-1\.5 {
1198
1722
  padding-top: 0.375rem;
1199
1723
  padding-bottom: 0.375rem;
1200
1724
  }
1201
- .ps-py-2 {
1725
+ .ps .ps-py-2 {
1202
1726
  padding-top: 0.5rem;
1203
1727
  padding-bottom: 0.5rem;
1204
1728
  }
1205
- .ps-py-3 {
1729
+ .ps .ps-py-3 {
1206
1730
  padding-top: 0.75rem;
1207
1731
  padding-bottom: 0.75rem;
1208
1732
  }
1209
- .ps-pb-2 {
1733
+ .ps .ps-py-8 {
1734
+ padding-top: 2rem;
1735
+ padding-bottom: 2rem;
1736
+ }
1737
+ .ps .ps-pb-2 {
1210
1738
  padding-bottom: 0.5rem;
1211
1739
  }
1212
- .ps-pb-3 {
1740
+ .ps .ps-pb-3 {
1213
1741
  padding-bottom: 0.75rem;
1214
1742
  }
1215
- .ps-pl-2 {
1743
+ .ps .ps-pl-2 {
1216
1744
  padding-left: 0.5rem;
1217
1745
  }
1218
- .ps-pl-2\.5 {
1746
+ .ps .ps-pl-2\.5 {
1219
1747
  padding-left: 0.625rem;
1220
1748
  }
1221
- .ps-pl-8 {
1749
+ .ps .ps-pl-6 {
1750
+ padding-left: 1.5rem;
1751
+ }
1752
+ .ps .ps-pl-8 {
1222
1753
  padding-left: 2rem;
1223
1754
  }
1224
- .ps-pr-2 {
1755
+ .ps .ps-pr-2 {
1225
1756
  padding-right: 0.5rem;
1226
1757
  }
1227
- .ps-pr-2\.5 {
1758
+ .ps .ps-pr-2\.5 {
1228
1759
  padding-right: 0.625rem;
1229
1760
  }
1230
- .ps-pr-8 {
1761
+ .ps .ps-pr-8 {
1231
1762
  padding-right: 2rem;
1232
1763
  }
1233
- .ps-pt-4 {
1764
+ .ps .ps-pr-\[var\(--studio-cell-spacing\)\] {
1765
+ padding-right: var(--studio-cell-spacing);
1766
+ }
1767
+ .ps .ps-pt-0 {
1768
+ padding-top: 0px;
1769
+ }
1770
+ .ps .ps-pt-3 {
1771
+ padding-top: 0.75rem;
1772
+ }
1773
+ .ps .ps-pt-4 {
1234
1774
  padding-top: 1rem;
1235
1775
  }
1236
- .ps-text-left {
1776
+ .ps .ps-text-left {
1237
1777
  text-align: left;
1238
1778
  }
1239
- .ps-text-center {
1779
+ .ps .ps-text-center {
1240
1780
  text-align: center;
1241
1781
  }
1242
- .ps-align-middle {
1782
+ .ps .ps-text-right {
1783
+ text-align: right;
1784
+ }
1785
+ .ps .ps-align-middle {
1243
1786
  vertical-align: middle;
1244
1787
  }
1245
- .ps-font-mono {
1788
+ .ps .ps-font-mono {
1246
1789
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1247
1790
  }
1248
- .ps-text-\[8px\] {
1791
+ .ps .ps-text-\[8px\] {
1249
1792
  font-size: 8px;
1250
1793
  }
1251
- .ps-text-lg {
1794
+ .ps .ps-text-lg {
1252
1795
  font-size: 1.125rem;
1253
1796
  line-height: 1.75rem;
1254
1797
  }
1255
- .ps-text-sm {
1798
+ .ps .ps-text-sm {
1256
1799
  font-size: 0.875rem;
1257
1800
  line-height: 1.25rem;
1258
1801
  }
1259
- .ps-text-xs {
1802
+ .ps .ps-text-xs {
1260
1803
  font-size: 0.75rem;
1261
1804
  line-height: 1rem;
1262
1805
  }
1263
- .ps-font-medium {
1806
+ .ps .ps-font-medium {
1264
1807
  font-weight: 500;
1265
1808
  }
1266
- .ps-font-semibold {
1809
+ .ps .ps-font-normal {
1810
+ font-weight: 400;
1811
+ }
1812
+ .ps .ps-font-semibold {
1267
1813
  font-weight: 600;
1268
1814
  }
1269
- .ps-lowercase {
1815
+ .ps .ps-uppercase {
1816
+ text-transform: uppercase;
1817
+ }
1818
+ .ps .ps-lowercase {
1270
1819
  text-transform: lowercase;
1271
1820
  }
1272
- .ps-capitalize {
1273
- text-transform: capitalize;
1821
+ .ps .ps-italic {
1822
+ font-style: italic;
1274
1823
  }
1275
- .ps-leading-\[var\(--studio-cell-height\)\] {
1824
+ .ps .ps-leading-\[var\(--studio-cell-height\)\] {
1276
1825
  line-height: var(--studio-cell-height);
1277
1826
  }
1278
- .ps-leading-none {
1827
+ .ps .ps-leading-none {
1279
1828
  line-height: 1;
1280
1829
  }
1281
- .ps-tracking-tight {
1830
+ .ps .ps-tracking-tight {
1282
1831
  letter-spacing: -0.025em;
1283
1832
  }
1284
- .ps-tracking-widest {
1833
+ .ps .ps-tracking-widest {
1285
1834
  letter-spacing: 0.1em;
1286
1835
  }
1287
- .ps-text-card-foreground {
1836
+ .ps .\!ps-text-\[hsl\(var\(--studio-foreground\)\)\] {
1837
+ color: hsl(var(--studio-foreground)) !important;
1838
+ }
1839
+ .ps .\!ps-text-foreground {
1840
+ color: hsl(var(--foreground)) !important;
1841
+ }
1842
+ .ps .ps-text-blue-500 {
1843
+ --tw-text-opacity: 1;
1844
+ color: rgb(59 130 246 / var(--tw-text-opacity, 1));
1845
+ }
1846
+ .ps .ps-text-card-foreground {
1288
1847
  color: hsl(var(--card-foreground));
1289
1848
  }
1290
- .ps-text-current {
1849
+ .ps .ps-text-current {
1291
1850
  color: currentColor;
1292
1851
  }
1293
- .ps-text-destructive-foreground {
1852
+ .ps .ps-text-destructive-foreground {
1294
1853
  color: hsl(var(--destructive-foreground));
1295
1854
  }
1296
- .ps-text-foreground {
1855
+ .ps .ps-text-foreground {
1297
1856
  color: hsl(var(--foreground));
1298
1857
  }
1299
- .ps-text-foreground\/60 {
1858
+ .ps .ps-text-foreground\/60 {
1300
1859
  color: hsl(var(--foreground) / 0.6);
1301
1860
  }
1302
- .ps-text-foreground\/90 {
1861
+ .ps .ps-text-foreground\/90 {
1303
1862
  color: hsl(var(--foreground) / 0.9);
1304
1863
  }
1305
- .ps-text-gray-500 {
1864
+ .ps .ps-text-gray-500 {
1306
1865
  --tw-text-opacity: 1;
1307
1866
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1308
1867
  }
1309
- .ps-text-muted-foreground {
1868
+ .ps .ps-text-green-500 {
1869
+ --tw-text-opacity: 1;
1870
+ color: rgb(34 197 94 / var(--tw-text-opacity, 1));
1871
+ }
1872
+ .ps .ps-text-muted-foreground {
1310
1873
  color: hsl(var(--muted-foreground));
1311
1874
  }
1312
- .ps-text-muted-foreground\/70 {
1875
+ .ps .ps-text-muted-foreground\/60 {
1876
+ color: hsl(var(--muted-foreground) / 0.6);
1877
+ }
1878
+ .ps .ps-text-muted-foreground\/70 {
1313
1879
  color: hsl(var(--muted-foreground) / 0.7);
1314
1880
  }
1315
- .ps-text-popover-foreground {
1881
+ .ps .ps-text-neutral-500 {
1882
+ --tw-text-opacity: 1;
1883
+ color: rgb(115 115 115 / var(--tw-text-opacity, 1));
1884
+ }
1885
+ .ps .ps-text-neutral-600 {
1886
+ --tw-text-opacity: 1;
1887
+ color: rgb(82 82 82 / var(--tw-text-opacity, 1));
1888
+ }
1889
+ .ps .ps-text-orange-700 {
1890
+ --tw-text-opacity: 1;
1891
+ color: rgb(194 65 12 / var(--tw-text-opacity, 1));
1892
+ }
1893
+ .ps .ps-text-popover-foreground {
1316
1894
  color: hsl(var(--popover-foreground));
1317
1895
  }
1318
- .ps-text-primary {
1896
+ .ps .ps-text-primary {
1319
1897
  color: hsl(var(--primary));
1320
1898
  }
1321
- .ps-text-primary-foreground {
1899
+ .ps .ps-text-primary-foreground {
1322
1900
  color: hsl(var(--primary-foreground));
1323
1901
  }
1324
- .ps-text-secondary-foreground {
1902
+ .ps .ps-text-red-500 {
1903
+ --tw-text-opacity: 1;
1904
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
1905
+ }
1906
+ .ps .ps-text-red-700 {
1907
+ --tw-text-opacity: 1;
1908
+ color: rgb(185 28 28 / var(--tw-text-opacity, 1));
1909
+ }
1910
+ .ps .ps-text-secondary-foreground {
1325
1911
  color: hsl(var(--secondary-foreground));
1326
1912
  }
1327
- .ps-underline-offset-4 {
1913
+ .ps .ps-underline-offset-4 {
1328
1914
  text-underline-offset: 4px;
1329
1915
  }
1330
- .ps-opacity-50 {
1916
+ .ps .ps-opacity-50 {
1331
1917
  opacity: 0.5;
1332
1918
  }
1333
- .ps-opacity-60 {
1919
+ .ps .ps-opacity-60 {
1334
1920
  opacity: 0.6;
1335
1921
  }
1336
- .ps-opacity-70 {
1922
+ .ps .ps-opacity-70 {
1337
1923
  opacity: 0.7;
1338
1924
  }
1339
- .ps-shadow {
1925
+ .ps .ps-opacity-80 {
1926
+ opacity: 0.8;
1927
+ }
1928
+ .ps .ps-shadow {
1340
1929
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1341
1930
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1342
1931
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1343
1932
  }
1344
- .ps-shadow-\[-1px_0_0_0_hsl\(var\(--border\)\)\] {
1345
- --tw-shadow: -1px 0 0 0 hsl(var(--border));
1346
- --tw-shadow-colored: -1px 0 0 0 var(--tw-shadow-color);
1347
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1348
- }
1349
- .ps-shadow-lg {
1933
+ .ps .ps-shadow-lg {
1350
1934
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1351
1935
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1352
1936
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1353
1937
  }
1354
- .ps-shadow-md {
1938
+ .ps .ps-shadow-md {
1355
1939
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1356
1940
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1357
1941
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1358
1942
  }
1359
- .ps-shadow-none {
1943
+ .ps .ps-shadow-none {
1360
1944
  --tw-shadow: 0 0 #0000;
1361
1945
  --tw-shadow-colored: 0 0 #0000;
1362
1946
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1363
1947
  }
1364
- .ps-shadow-sm {
1948
+ .ps .ps-shadow-sm {
1365
1949
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1366
1950
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1367
1951
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1368
1952
  }
1369
- .ps-outline-none {
1953
+ .ps .ps-shadow-xl {
1954
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1955
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1956
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1957
+ }
1958
+ .ps .ps-outline-none {
1370
1959
  outline: 2px solid transparent;
1371
1960
  outline-offset: 2px;
1372
1961
  }
1373
- .ps-ring-0 {
1962
+ .ps .ps-ring-0 {
1374
1963
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1375
1964
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1376
1965
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1377
1966
  }
1378
- .ps-ring-offset-background {
1967
+ .ps .ps-ring-offset-background {
1379
1968
  --tw-ring-offset-color: hsl(var(--background));
1380
1969
  }
1381
- .ps-backdrop-blur-sm {
1970
+ .ps .ps-backdrop-blur-sm {
1382
1971
  --tw-backdrop-blur: blur(4px);
1383
1972
  -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);
1384
1973
  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);
1385
1974
  }
1386
- .ps-transition {
1975
+ .ps .ps-transition {
1387
1976
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1388
1977
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1389
1978
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1390
1979
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1391
1980
  transition-duration: 150ms;
1392
1981
  }
1393
- .ps-transition-all {
1982
+ .ps .ps-transition-all {
1394
1983
  transition-property: all;
1395
1984
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1396
1985
  transition-duration: 150ms;
1397
1986
  }
1398
- .ps-transition-colors {
1987
+ .ps .ps-transition-colors {
1399
1988
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1400
1989
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1401
1990
  transition-duration: 150ms;
1402
1991
  }
1403
- .ps-transition-opacity {
1992
+ .ps .ps-transition-none {
1993
+ transition-property: none;
1994
+ }
1995
+ .ps .ps-transition-opacity {
1404
1996
  transition-property: opacity;
1405
1997
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1406
1998
  transition-duration: 150ms;
1407
1999
  }
1408
- .ps-transition-transform {
2000
+ .ps .ps-transition-transform {
1409
2001
  transition-property: transform;
1410
2002
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1411
2003
  transition-duration: 150ms;
1412
2004
  }
1413
- .ps-duration-200 {
2005
+ .ps .ps-duration-200 {
1414
2006
  transition-duration: 200ms;
1415
2007
  }
1416
- .ps-ease-in-out {
2008
+ .ps .ps-ease-in-out {
1417
2009
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1418
2010
  }
1419
2011
  @keyframes enter {
1420
-
1421
2012
  from {
1422
2013
  opacity: var(--tw-enter-opacity, 1);
1423
2014
  transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
1424
2015
  }
1425
2016
  }
1426
2017
  @keyframes exit {
1427
-
1428
2018
  to {
1429
2019
  opacity: var(--tw-exit-opacity, 1);
1430
2020
  transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
1431
2021
  }
1432
2022
  }
1433
- .ps-animate-in {
2023
+ .ps .ps-animate-in {
1434
2024
  animation-name: enter;
1435
2025
  animation-duration: 150ms;
1436
2026
  --tw-enter-opacity: initial;
@@ -1439,50 +2029,40 @@ video {
1439
2029
  --tw-enter-translate-x: initial;
1440
2030
  --tw-enter-translate-y: initial;
1441
2031
  }
1442
- .ps-fade-in-0 {
2032
+ .ps .ps-fade-in-0 {
1443
2033
  --tw-enter-opacity: 0;
1444
2034
  }
1445
- .ps-zoom-in-95 {
2035
+ .ps .ps-zoom-in-95 {
1446
2036
  --tw-enter-scale: .95;
1447
2037
  }
1448
- .ps-duration-200 {
2038
+ .ps .ps-duration-200 {
1449
2039
  animation-duration: 200ms;
1450
2040
  }
1451
- .ps-ease-in-out {
2041
+ .ps .ps-ease-in-out {
1452
2042
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1453
2043
  }
1454
-
1455
- * {
1456
- border-color: hsl(var(--border));
1457
- }
1458
-
1459
- body {
2044
+ .ps {
1460
2045
  background-color: hsl(var(--background));
1461
2046
  color: hsl(var(--foreground));
1462
2047
  }
1463
-
1464
- .ps-min-w-cell {
2048
+ .ps .ps-min-w-cell {
1465
2049
  min-width: calc(var(--radix-popover-trigger-width) + 1px);
1466
2050
  }
1467
-
1468
- .ps-cell-input-base {
2051
+ .ps .ps-cell-input-base {
1469
2052
  padding-top: 11px;
1470
2053
  padding-bottom: 11px;
1471
2054
  font-size: 0.75rem;
1472
2055
  line-height: 1rem;
1473
2056
  line-height: 1;
1474
2057
  }
1475
-
1476
2058
  @media (min-width: 768px) {
1477
-
1478
- .ps-cell-input-base {
2059
+ .ps .ps-cell-input-base {
1479
2060
  font-size: 0.75rem;
1480
2061
  line-height: 1rem;
1481
2062
  line-height: 1;
1482
2063
  }
1483
2064
  }
1484
-
1485
- .ps-cell-input-leading {
2065
+ .ps .ps-cell-input-leading {
1486
2066
  height: var(--studio-cell-height);
1487
2067
  padding-top: 11px;
1488
2068
  padding-bottom: 11px;
@@ -1490,297 +2070,254 @@ body {
1490
2070
  line-height: 1rem;
1491
2071
  line-height: 1;
1492
2072
  }
1493
-
1494
2073
  @media (min-width: 768px) {
1495
-
1496
- .ps-cell-input-leading {
2074
+ .ps .ps-cell-input-leading {
1497
2075
  font-size: 0.75rem;
1498
2076
  line-height: 1rem;
1499
2077
  line-height: 1;
1500
2078
  }
1501
2079
  }
1502
-
1503
- .ps-table-cell-select {
1504
- width: 40px;
1505
- min-width: 40px;
1506
- max-width: 40px;
2080
+ /* Portals are outside the studio DOM scope */
2081
+ .ps [data-radix-popper-content-wrapper] {
2082
+ z-index: 9999 !important;
1507
2083
  }
1508
-
1509
- .file\:ps-border-0::file-selector-button {
2084
+ .ps .file\:ps-border-0::file-selector-button {
1510
2085
  border-width: 0px;
1511
2086
  }
1512
-
1513
- .file\:ps-bg-transparent::file-selector-button {
2087
+ .ps .file\:ps-bg-transparent::file-selector-button {
1514
2088
  background-color: transparent;
1515
2089
  }
1516
-
1517
- .file\:ps-text-sm::file-selector-button {
2090
+ .ps .file\:ps-text-sm::file-selector-button {
1518
2091
  font-size: 0.875rem;
1519
2092
  line-height: 1.25rem;
1520
2093
  }
1521
-
1522
- .file\:ps-font-medium::file-selector-button {
2094
+ .ps .file\:ps-font-medium::file-selector-button {
1523
2095
  font-weight: 500;
1524
2096
  }
1525
-
1526
- .file\:ps-text-foreground::file-selector-button {
2097
+ .ps .file\:ps-text-foreground::file-selector-button {
1527
2098
  color: hsl(var(--foreground));
1528
2099
  }
1529
-
1530
- .placeholder\:ps-text-muted-foreground::-moz-placeholder {
2100
+ .ps .placeholder\:ps-text-muted-foreground::-moz-placeholder {
1531
2101
  color: hsl(var(--muted-foreground));
1532
2102
  }
1533
-
1534
- .placeholder\:ps-text-muted-foreground::placeholder {
2103
+ .ps .placeholder\:ps-text-muted-foreground::placeholder {
1535
2104
  color: hsl(var(--muted-foreground));
1536
2105
  }
1537
-
1538
- .last\:ps-border-r-0:last-child {
1539
- border-right-width: 0px;
1540
- }
1541
-
1542
- .hover\:ps-border-table-border:hover {
2106
+ .ps .hover\:ps-border-table-border:hover {
1543
2107
  border-color: hsl(var(--table-border));
1544
2108
  }
1545
-
1546
- .hover\:ps-bg-accent:hover {
2109
+ .ps .hover\:ps-bg-accent:hover {
1547
2110
  background-color: hsl(var(--accent));
1548
2111
  }
1549
-
1550
- .hover\:ps-bg-destructive\/80:hover {
2112
+ .ps .hover\:ps-bg-destructive\/80:hover {
1551
2113
  background-color: hsl(var(--destructive) / 0.8);
1552
2114
  }
1553
-
1554
- .hover\:ps-bg-destructive\/90:hover {
2115
+ .ps .hover\:ps-bg-destructive\/90:hover {
1555
2116
  background-color: hsl(var(--destructive) / 0.9);
1556
2117
  }
1557
-
1558
- .hover\:ps-bg-muted\/50:hover {
2118
+ .ps .hover\:ps-bg-muted\/50:hover {
1559
2119
  background-color: hsl(var(--muted) / 0.5);
1560
2120
  }
1561
-
1562
- .hover\:ps-bg-primary\/80:hover {
2121
+ .ps .hover\:ps-bg-primary\/80:hover {
1563
2122
  background-color: hsl(var(--primary) / 0.8);
1564
2123
  }
1565
-
1566
- .hover\:ps-bg-primary\/90:hover {
2124
+ .ps .hover\:ps-bg-primary\/90:hover {
1567
2125
  background-color: hsl(var(--primary) / 0.9);
1568
2126
  }
1569
-
1570
- .hover\:ps-bg-secondary\/80:hover {
2127
+ .ps .hover\:ps-bg-secondary\/80:hover {
1571
2128
  background-color: hsl(var(--secondary) / 0.8);
1572
2129
  }
1573
-
1574
- .hover\:ps-text-accent-foreground:hover {
2130
+ .ps .hover\:ps-text-accent-foreground:hover {
1575
2131
  color: hsl(var(--accent-foreground));
1576
2132
  }
1577
-
1578
- .hover\:ps-text-foreground:hover {
2133
+ .ps .hover\:ps-text-foreground:hover {
1579
2134
  color: hsl(var(--foreground));
1580
2135
  }
1581
-
1582
- .hover\:ps-underline:hover {
2136
+ .ps .hover\:ps-text-primary:hover {
2137
+ color: hsl(var(--primary));
2138
+ }
2139
+ .ps .hover\:ps-underline:hover {
1583
2140
  text-decoration-line: underline;
1584
2141
  }
1585
-
1586
- .hover\:ps-opacity-100:hover {
2142
+ .ps .hover\:ps-opacity-100:hover {
1587
2143
  opacity: 1;
1588
2144
  }
1589
-
1590
- .focus\:ps-bg-accent:focus {
2145
+ .ps .focus\:ps-bg-accent:focus {
1591
2146
  background-color: hsl(var(--accent));
1592
2147
  }
1593
-
1594
- .focus\:ps-text-accent-foreground:focus {
2148
+ .ps .focus\:ps-text-accent-foreground:focus {
1595
2149
  color: hsl(var(--accent-foreground));
1596
2150
  }
1597
-
1598
- .focus\:ps-outline-none:focus {
2151
+ .ps .focus\:ps-outline-none:focus {
1599
2152
  outline: 2px solid transparent;
1600
2153
  outline-offset: 2px;
1601
2154
  }
1602
-
1603
- .focus\:ps-ring-1:focus {
2155
+ .ps .focus\:ps-ring-1:focus {
1604
2156
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1605
2157
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1606
2158
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1607
2159
  }
1608
-
1609
- .focus\:ps-ring-2:focus {
2160
+ .ps .focus\:ps-ring-2:focus {
1610
2161
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1611
2162
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1612
2163
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1613
2164
  }
1614
-
1615
- .focus\:ps-ring-ring:focus {
2165
+ .ps .focus\:ps-ring-ring:focus {
1616
2166
  --tw-ring-color: hsl(var(--ring));
1617
2167
  }
1618
-
1619
- .focus\:ps-ring-offset-2:focus {
2168
+ .ps .focus\:ps-ring-offset-2:focus {
1620
2169
  --tw-ring-offset-width: 2px;
1621
2170
  }
1622
-
1623
- .focus-visible\:ps-outline-none:focus-visible {
2171
+ .ps .focus-visible\:ps-outline-none:focus-visible {
1624
2172
  outline: 2px solid transparent;
1625
2173
  outline-offset: 2px;
1626
2174
  }
1627
-
1628
- .focus-visible\:ps-ring-0:focus-visible {
2175
+ .ps .focus-visible\:ps-ring-0:focus-visible {
1629
2176
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1630
2177
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1631
2178
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1632
2179
  }
1633
-
1634
- .focus-visible\:ps-ring-1:focus-visible {
2180
+ .ps .focus-visible\:ps-ring-1:focus-visible {
1635
2181
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1636
2182
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1637
2183
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1638
2184
  }
1639
-
1640
- .focus-visible\:ps-ring-2:focus-visible {
2185
+ .ps .focus-visible\:ps-ring-2:focus-visible {
1641
2186
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1642
2187
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1643
2188
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1644
2189
  }
1645
-
1646
- .focus-visible\:ps-ring-ring:focus-visible {
2190
+ .ps .focus-visible\:ps-ring-ring:focus-visible {
1647
2191
  --tw-ring-color: hsl(var(--ring));
1648
2192
  }
1649
-
1650
- .focus-visible\:ps-ring-offset-2:focus-visible {
2193
+ .ps .focus-visible\:ps-ring-offset-2:focus-visible {
1651
2194
  --tw-ring-offset-width: 2px;
1652
2195
  }
1653
-
1654
- .focus-visible\:ps-ring-offset-background:focus-visible {
2196
+ .ps .focus-visible\:ps-ring-offset-background:focus-visible {
1655
2197
  --tw-ring-offset-color: hsl(var(--background));
1656
2198
  }
1657
-
1658
- .disabled\:ps-pointer-events-none:disabled {
2199
+ .ps .disabled\:ps-pointer-events-none:disabled {
1659
2200
  pointer-events: none;
1660
2201
  }
1661
-
1662
- .disabled\:ps-cursor-not-allowed:disabled {
2202
+ .ps .disabled\:ps-cursor-not-allowed:disabled {
1663
2203
  cursor: not-allowed;
1664
2204
  }
1665
-
1666
- .disabled\:ps-opacity-50:disabled {
2205
+ .ps .disabled\:ps-opacity-50:disabled {
1667
2206
  opacity: 0.5;
1668
2207
  }
1669
-
1670
- .ps-peer:disabled ~ .peer-disabled\:ps-cursor-not-allowed {
2208
+ .ps .ps-group:nth-child(odd) .group-odd\:ps-bg-neutral-50 {
2209
+ --tw-bg-opacity: 1;
2210
+ background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
2211
+ }
2212
+ .ps .ps-group:nth-child(even) .group-even\:ps-bg-white {
2213
+ --tw-bg-opacity: 1;
2214
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2215
+ }
2216
+ .ps .ps-group:hover .group-hover\:ps-bg-neutral-100 {
2217
+ --tw-bg-opacity: 1;
2218
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
2219
+ }
2220
+ .ps .ps-peer:disabled ~ .peer-disabled\:ps-cursor-not-allowed {
1671
2221
  cursor: not-allowed;
1672
2222
  }
1673
-
1674
- .ps-peer:disabled ~ .peer-disabled\:ps-opacity-70 {
2223
+ .ps .ps-peer:disabled ~ .peer-disabled\:ps-opacity-70 {
1675
2224
  opacity: 0.7;
1676
2225
  }
1677
-
1678
- .data-\[disabled\]\:ps-pointer-events-none[data-disabled] {
2226
+ .ps .aria-selected\:ps-text-muted-foreground[aria-selected="true"] {
2227
+ color: hsl(var(--muted-foreground));
2228
+ }
2229
+ .ps .aria-selected\:ps-opacity-100[aria-selected="true"] {
2230
+ opacity: 1;
2231
+ }
2232
+ .ps .aria-selected\:ps-opacity-30[aria-selected="true"] {
2233
+ opacity: 0.3;
2234
+ }
2235
+ .ps .data-\[disabled\]\:ps-pointer-events-none[data-disabled] {
1679
2236
  pointer-events: none;
1680
2237
  }
1681
-
1682
- .data-\[side\=bottom\]\:ps-translate-y-1[data-side="bottom"] {
2238
+ .ps .data-\[side\=bottom\]\:ps-translate-y-1[data-side="bottom"] {
1683
2239
  --tw-translate-y: 0.25rem;
1684
2240
  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));
1685
2241
  }
1686
-
1687
- .data-\[side\=left\]\:ps--translate-x-1[data-side="left"] {
2242
+ .ps .data-\[side\=left\]\:ps--translate-x-1[data-side="left"] {
1688
2243
  --tw-translate-x: -0.25rem;
1689
2244
  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));
1690
2245
  }
1691
-
1692
- .data-\[side\=right\]\:ps-translate-x-1[data-side="right"] {
2246
+ .ps .data-\[side\=right\]\:ps-translate-x-1[data-side="right"] {
1693
2247
  --tw-translate-x: 0.25rem;
1694
2248
  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));
1695
2249
  }
1696
-
1697
- .data-\[side\=top\]\:ps--translate-y-1[data-side="top"] {
2250
+ .ps .data-\[side\=top\]\:ps--translate-y-1[data-side="top"] {
1698
2251
  --tw-translate-y: -0.25rem;
1699
2252
  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));
1700
2253
  }
1701
-
1702
- .data-\[state\=checked\]\:ps-translate-x-4[data-state="checked"] {
2254
+ .ps .data-\[state\=checked\]\:ps-translate-x-4[data-state="checked"] {
1703
2255
  --tw-translate-x: 1rem;
1704
2256
  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));
1705
2257
  }
1706
-
1707
- .data-\[state\=unchecked\]\:ps-translate-x-0[data-state="unchecked"] {
2258
+ .ps .data-\[state\=unchecked\]\:ps-translate-x-0[data-state="unchecked"] {
1708
2259
  --tw-translate-x: 0px;
1709
2260
  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));
1710
2261
  }
1711
-
1712
- .data-\[active\=true\]\:ps-bg-primary\/5[data-active="true"] {
1713
- background-color: hsl(var(--primary) / 0.05);
2262
+ .ps .data-\[state\=open\]\:ps-border-primary[data-state="open"] {
2263
+ border-color: hsl(var(--primary));
1714
2264
  }
1715
-
1716
- .data-\[state\=checked\]\:ps-bg-primary[data-state="checked"] {
2265
+ .ps .data-\[active\=true\]\:ps-bg-slate-200[data-active="true"] {
2266
+ --tw-bg-opacity: 1;
2267
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
2268
+ }
2269
+ .ps .data-\[state\=checked\]\:ps-bg-primary[data-state="checked"] {
1717
2270
  background-color: hsl(var(--primary));
1718
2271
  }
1719
-
1720
- .data-\[state\=open\]\:ps-bg-accent[data-state="open"] {
2272
+ .ps .data-\[state\=open\]\:ps-bg-accent[data-state="open"] {
1721
2273
  background-color: hsl(var(--accent));
1722
2274
  }
1723
-
1724
- .data-\[state\=open\]\:ps-bg-secondary[data-state="open"] {
2275
+ .ps .data-\[state\=open\]\:ps-bg-secondary[data-state="open"] {
1725
2276
  background-color: hsl(var(--secondary));
1726
2277
  }
1727
-
1728
- .data-\[state\=selected\]\:ps-bg-muted[data-state="selected"] {
2278
+ .ps .data-\[state\=selected\]\:ps-bg-muted[data-state="selected"] {
1729
2279
  background-color: hsl(var(--muted));
1730
2280
  }
1731
-
1732
- .data-\[state\=unchecked\]\:ps-bg-input[data-state="unchecked"] {
2281
+ .ps .data-\[state\=unchecked\]\:ps-bg-input[data-state="unchecked"] {
1733
2282
  background-color: hsl(var(--input));
1734
2283
  }
1735
-
1736
- .data-\[active\=true\]\:ps-text-foreground[data-active="true"] {
2284
+ .ps .data-\[active\=true\]\:ps-text-foreground[data-active="true"] {
1737
2285
  color: hsl(var(--foreground));
1738
2286
  }
1739
-
1740
- .data-\[placeholder\]\:ps-text-muted-foreground[data-placeholder] {
2287
+ .ps .data-\[placeholder\]\:ps-text-muted-foreground[data-placeholder] {
1741
2288
  color: hsl(var(--muted-foreground));
1742
2289
  }
1743
-
1744
- .data-\[state\=checked\]\:ps-text-primary-foreground[data-state="checked"] {
2290
+ .ps .data-\[state\=checked\]\:ps-text-primary-foreground[data-state="checked"] {
1745
2291
  color: hsl(var(--primary-foreground));
1746
2292
  }
1747
-
1748
- .data-\[state\=open\]\:ps-text-accent-foreground[data-state="open"] {
2293
+ .ps .data-\[state\=open\]\:ps-text-accent-foreground[data-state="open"] {
1749
2294
  color: hsl(var(--accent-foreground));
1750
2295
  }
1751
-
1752
- .data-\[state\=open\]\:ps-text-muted-foreground[data-state="open"] {
2296
+ .ps .data-\[state\=open\]\:ps-text-muted-foreground[data-state="open"] {
1753
2297
  color: hsl(var(--muted-foreground));
1754
2298
  }
1755
-
1756
- .data-\[disabled\]\:ps-opacity-50[data-disabled] {
2299
+ .ps .data-\[disabled\]\:ps-opacity-50[data-disabled] {
1757
2300
  opacity: 0.5;
1758
2301
  }
1759
-
1760
- .data-\[focus\=true\]\:ps-ring-2[data-focus="true"] {
2302
+ .ps .data-\[focus\=true\]\:ps-ring-2[data-focus="true"] {
1761
2303
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1762
2304
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1763
2305
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1764
2306
  }
1765
-
1766
- .data-\[focus\=true\]\:ps-ring-inset[data-focus="true"] {
2307
+ .ps .data-\[focus\=true\]\:ps-ring-inset[data-focus="true"] {
1767
2308
  --tw-ring-inset: inset;
1768
2309
  }
1769
-
1770
- .data-\[focus\=true\]\:ps-ring-indigo-400[data-focus="true"] {
2310
+ .ps .data-\[focus\=true\]\:ps-ring-indigo-400[data-focus="true"] {
1771
2311
  --tw-ring-opacity: 1;
1772
2312
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
1773
2313
  }
1774
-
1775
- .data-\[state\=closed\]\:ps-duration-300[data-state="closed"] {
2314
+ .ps .data-\[state\=closed\]\:ps-duration-300[data-state="closed"] {
1776
2315
  transition-duration: 300ms;
1777
2316
  }
1778
-
1779
- .data-\[state\=open\]\:ps-duration-500[data-state="open"] {
2317
+ .ps .data-\[state\=open\]\:ps-duration-500[data-state="open"] {
1780
2318
  transition-duration: 500ms;
1781
2319
  }
1782
-
1783
- .data-\[state\=open\]\:ps-animate-in[data-state="open"] {
2320
+ .ps .data-\[state\=open\]\:ps-animate-in[data-state="open"] {
1784
2321
  animation-name: enter;
1785
2322
  animation-duration: 150ms;
1786
2323
  --tw-enter-opacity: initial;
@@ -1789,8 +2326,7 @@ body {
1789
2326
  --tw-enter-translate-x: initial;
1790
2327
  --tw-enter-translate-y: initial;
1791
2328
  }
1792
-
1793
- .data-\[state\=closed\]\:ps-animate-out[data-state="closed"] {
2329
+ .ps .data-\[state\=closed\]\:ps-animate-out[data-state="closed"] {
1794
2330
  animation-name: exit;
1795
2331
  animation-duration: 150ms;
1796
2332
  --tw-exit-opacity: initial;
@@ -1799,169 +2335,167 @@ body {
1799
2335
  --tw-exit-translate-x: initial;
1800
2336
  --tw-exit-translate-y: initial;
1801
2337
  }
1802
-
1803
- .data-\[state\=closed\]\:ps-fade-out-0[data-state="closed"] {
2338
+ .ps .data-\[state\=closed\]\:ps-fade-out-0[data-state="closed"] {
1804
2339
  --tw-exit-opacity: 0;
1805
2340
  }
1806
-
1807
- .data-\[state\=open\]\:ps-fade-in-0[data-state="open"] {
2341
+ .ps .data-\[state\=open\]\:ps-fade-in-0[data-state="open"] {
1808
2342
  --tw-enter-opacity: 0;
1809
2343
  }
1810
-
1811
- .data-\[state\=closed\]\:ps-zoom-out-95[data-state="closed"] {
2344
+ .ps .data-\[state\=closed\]\:ps-zoom-out-95[data-state="closed"] {
1812
2345
  --tw-exit-scale: .95;
1813
2346
  }
1814
-
1815
- .data-\[state\=open\]\:ps-zoom-in-95[data-state="open"] {
2347
+ .ps .data-\[state\=open\]\:ps-zoom-in-95[data-state="open"] {
1816
2348
  --tw-enter-scale: .95;
1817
2349
  }
1818
-
1819
- .data-\[side\=bottom\]\:ps-slide-in-from-top-2[data-side="bottom"] {
2350
+ .ps .data-\[side\=bottom\]\:ps-slide-in-from-top-2[data-side="bottom"] {
1820
2351
  --tw-enter-translate-y: -0.5rem;
1821
2352
  }
1822
-
1823
- .data-\[side\=left\]\:ps-slide-in-from-right-2[data-side="left"] {
2353
+ .ps .data-\[side\=left\]\:ps-slide-in-from-right-2[data-side="left"] {
1824
2354
  --tw-enter-translate-x: 0.5rem;
1825
2355
  }
1826
-
1827
- .data-\[side\=right\]\:ps-slide-in-from-left-2[data-side="right"] {
2356
+ .ps .data-\[side\=right\]\:ps-slide-in-from-left-2[data-side="right"] {
1828
2357
  --tw-enter-translate-x: -0.5rem;
1829
2358
  }
1830
-
1831
- .data-\[side\=top\]\:ps-slide-in-from-bottom-2[data-side="top"] {
2359
+ .ps .data-\[side\=top\]\:ps-slide-in-from-bottom-2[data-side="top"] {
1832
2360
  --tw-enter-translate-y: 0.5rem;
1833
2361
  }
1834
-
1835
- .data-\[state\=closed\]\:ps-slide-out-to-bottom[data-state="closed"] {
2362
+ .ps .data-\[state\=closed\]\:ps-slide-out-to-bottom[data-state="closed"] {
1836
2363
  --tw-exit-translate-y: 100%;
1837
2364
  }
1838
-
1839
- .data-\[state\=closed\]\:ps-slide-out-to-left[data-state="closed"] {
2365
+ .ps .data-\[state\=closed\]\:ps-slide-out-to-left[data-state="closed"] {
1840
2366
  --tw-exit-translate-x: -100%;
1841
2367
  }
1842
-
1843
- .data-\[state\=closed\]\:ps-slide-out-to-left-1\/2[data-state="closed"] {
2368
+ .ps .data-\[state\=closed\]\:ps-slide-out-to-left-1\/2[data-state="closed"] {
1844
2369
  --tw-exit-translate-x: -50%;
1845
2370
  }
1846
-
1847
- .data-\[state\=closed\]\:ps-slide-out-to-right[data-state="closed"] {
2371
+ .ps .data-\[state\=closed\]\:ps-slide-out-to-right[data-state="closed"] {
1848
2372
  --tw-exit-translate-x: 100%;
1849
2373
  }
1850
-
1851
- .data-\[state\=closed\]\:ps-slide-out-to-top[data-state="closed"] {
2374
+ .ps .data-\[state\=closed\]\:ps-slide-out-to-top[data-state="closed"] {
1852
2375
  --tw-exit-translate-y: -100%;
1853
2376
  }
1854
-
1855
- .data-\[state\=closed\]\:ps-slide-out-to-top-\[48\%\][data-state="closed"] {
2377
+ .ps .data-\[state\=closed\]\:ps-slide-out-to-top-\[48\%\][data-state="closed"] {
1856
2378
  --tw-exit-translate-y: -48%;
1857
2379
  }
1858
-
1859
- .data-\[state\=open\]\:ps-slide-in-from-bottom[data-state="open"] {
2380
+ .ps .data-\[state\=open\]\:ps-slide-in-from-bottom[data-state="open"] {
1860
2381
  --tw-enter-translate-y: 100%;
1861
2382
  }
1862
-
1863
- .data-\[state\=open\]\:ps-slide-in-from-left[data-state="open"] {
2383
+ .ps .data-\[state\=open\]\:ps-slide-in-from-left[data-state="open"] {
1864
2384
  --tw-enter-translate-x: -100%;
1865
2385
  }
1866
-
1867
- .data-\[state\=open\]\:ps-slide-in-from-left-1\/2[data-state="open"] {
2386
+ .ps .data-\[state\=open\]\:ps-slide-in-from-left-1\/2[data-state="open"] {
1868
2387
  --tw-enter-translate-x: -50%;
1869
2388
  }
1870
-
1871
- .data-\[state\=open\]\:ps-slide-in-from-right[data-state="open"] {
2389
+ .ps .data-\[state\=open\]\:ps-slide-in-from-right[data-state="open"] {
1872
2390
  --tw-enter-translate-x: 100%;
1873
2391
  }
1874
-
1875
- .data-\[state\=open\]\:ps-slide-in-from-top[data-state="open"] {
2392
+ .ps .data-\[state\=open\]\:ps-slide-in-from-top[data-state="open"] {
1876
2393
  --tw-enter-translate-y: -100%;
1877
2394
  }
1878
-
1879
- .data-\[state\=open\]\:ps-slide-in-from-top-\[48\%\][data-state="open"] {
2395
+ .ps .data-\[state\=open\]\:ps-slide-in-from-top-\[48\%\][data-state="open"] {
1880
2396
  --tw-enter-translate-y: -48%;
1881
2397
  }
1882
-
1883
- .data-\[state\=closed\]\:ps-duration-300[data-state="closed"] {
2398
+ .ps .data-\[state\=closed\]\:ps-duration-300[data-state="closed"] {
1884
2399
  animation-duration: 300ms;
1885
2400
  }
1886
-
1887
- .data-\[state\=open\]\:ps-duration-500[data-state="open"] {
2401
+ .ps .data-\[state\=open\]\:ps-duration-500[data-state="open"] {
1888
2402
  animation-duration: 500ms;
1889
2403
  }
1890
-
2404
+ .ps .dark\:ps-bg-orange-950:is(.ps-dark *) {
2405
+ --tw-bg-opacity: 1;
2406
+ background-color: rgb(67 20 7 / var(--tw-bg-opacity, 1));
2407
+ }
2408
+ .ps .dark\:ps-text-orange-300:is(.ps-dark *) {
2409
+ --tw-text-opacity: 1;
2410
+ color: rgb(253 186 116 / var(--tw-text-opacity, 1));
2411
+ }
1891
2412
  @media (min-width: 640px) {
1892
-
1893
- .sm\:ps-max-w-sm {
2413
+ .ps .sm\:ps-max-w-sm {
1894
2414
  max-width: 24rem;
1895
2415
  }
1896
-
1897
- .sm\:ps-flex-row {
2416
+ .ps .sm\:ps-flex-row {
1898
2417
  flex-direction: row;
1899
2418
  }
1900
-
1901
- .sm\:ps-justify-end {
2419
+ .ps .sm\:ps-justify-end {
1902
2420
  justify-content: flex-end;
1903
2421
  }
1904
-
1905
- .sm\:ps-space-x-2 > :not([hidden]) ~ :not([hidden]) {
2422
+ .ps .sm\:ps-space-x-2 > :not([hidden]) ~ :not([hidden]) {
1906
2423
  --tw-space-x-reverse: 0;
1907
2424
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1908
2425
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1909
2426
  }
1910
-
1911
- .sm\:ps-rounded-lg {
2427
+ .ps .sm\:ps-rounded-lg {
1912
2428
  border-radius: var(--radius);
1913
2429
  }
1914
-
1915
- .sm\:ps-text-left {
2430
+ .ps .sm\:ps-text-left {
1916
2431
  text-align: left;
1917
2432
  }
1918
2433
  }
1919
-
1920
2434
  @media (min-width: 768px) {
1921
-
1922
- .md\:ps-text-sm {
2435
+ .ps .md\:ps-text-sm {
1923
2436
  font-size: 0.875rem;
1924
2437
  line-height: 1.25rem;
1925
2438
  }
1926
2439
  }
1927
-
1928
- .\[\&\:last-of-type_td\]\:ps-border-b-0:last-of-type td {
2440
+ .ps .\[\&\:last-of-type_td\]\:ps-border-b-0:last-of-type td {
1929
2441
  border-bottom-width: 0px;
1930
2442
  }
1931
-
1932
- .\[\&\>span\]\:ps-line-clamp-1>span {
2443
+ .ps .\[\&\>button\]\:ps-bg-primary>button {
2444
+ background-color: hsl(var(--primary));
2445
+ }
2446
+ .ps .\[\&\>button\]\:ps-bg-transparent>button {
2447
+ background-color: transparent;
2448
+ }
2449
+ .ps .\[\&\>button\]\:ps-font-bold>button {
2450
+ font-weight: 700;
2451
+ }
2452
+ .ps .\[\&\>button\]\:\!ps-text-foreground>button {
2453
+ color: hsl(var(--foreground)) !important;
2454
+ }
2455
+ .ps .\[\&\>button\]\:ps-text-accent-foreground>button {
2456
+ color: hsl(var(--accent-foreground));
2457
+ }
2458
+ .ps .\[\&\>button\]\:ps-text-primary-foreground>button {
2459
+ color: hsl(var(--primary-foreground));
2460
+ }
2461
+ .ps .\[\&\>button\]\:hover\:ps-bg-transparent:hover>button {
2462
+ background-color: transparent;
2463
+ }
2464
+ .ps .\[\&\>button\]\:hover\:\!ps-text-foreground:hover>button {
2465
+ color: hsl(var(--foreground)) !important;
2466
+ }
2467
+ .ps .\[\&\>span\]\:ps-line-clamp-1>span {
1933
2468
  overflow: hidden;
1934
2469
  display: -webkit-box;
1935
2470
  -webkit-box-orient: vertical;
1936
2471
  -webkit-line-clamp: 1;
1937
2472
  }
1938
-
1939
- .\[\&\>svg\]\:ps-size-4>svg {
2473
+ .ps .\[\&\>svg\]\:ps-size-4>svg {
1940
2474
  width: 1rem;
1941
2475
  height: 1rem;
1942
2476
  }
1943
-
1944
- .\[\&\>svg\]\:ps-shrink-0>svg {
2477
+ .ps .\[\&\>svg\]\:ps-shrink-0>svg {
1945
2478
  flex-shrink: 0;
1946
2479
  }
1947
-
1948
- .\[\&\>tr\]\:last\:ps-border-b-0:last-child>tr {
2480
+ .ps .\[\&\>tr\]\:last\:ps-border-b-0:last-child>tr {
1949
2481
  border-bottom-width: 0px;
1950
2482
  }
1951
-
1952
- .\[\&_svg\]\:ps-pointer-events-none svg {
2483
+ .ps .\[\&\[aria-selected\]\>button\]\:ps-bg-primary[aria-selected]>button {
2484
+ background-color: hsl(var(--primary));
2485
+ }
2486
+ .ps .\[\&\[aria-selected\]\>button\]\:ps-text-primary-foreground[aria-selected]>button {
2487
+ color: hsl(var(--primary-foreground));
2488
+ }
2489
+ .ps .\[\&_svg\]\:ps-pointer-events-none svg {
1953
2490
  pointer-events: none;
1954
2491
  }
1955
-
1956
- .\[\&_svg\]\:ps-size-4 svg {
2492
+ .ps .\[\&_svg\]\:ps-size-4 svg {
1957
2493
  width: 1rem;
1958
2494
  height: 1rem;
1959
2495
  }
1960
-
1961
- .\[\&_svg\]\:ps-shrink-0 svg {
2496
+ .ps .\[\&_svg\]\:ps-shrink-0 svg {
1962
2497
  flex-shrink: 0;
1963
2498
  }
1964
-
1965
- .\[\&_tr\:last-child\]\:ps-border-0 tr:last-child {
2499
+ .ps .\[\&_tr\:last-child\]\:ps-border-0 tr:last-child {
1966
2500
  border-width: 0px;
1967
2501
  }