@prisma/studio-core 0.1.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/chunk-BUOKRYKO.js +10 -0
  2. package/dist/chunk-FRW62KTF.js +10 -0
  3. package/dist/chunk-P5LRZ6C2.js +10 -0
  4. package/dist/chunk-T2BEVNT5.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 +22 -5
  19. package/dist/data/pglite/index.d.ts +22 -5
  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 +103 -18
  23. package/dist/data/postgres-core/index.d.ts +103 -18
  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/query-Q-ZKX_Vr.d.cts +288 -0
  28. package/dist/query-Q-ZKX_Vr.d.ts +288 -0
  29. package/dist/ui/index.cjs +263 -1367
  30. package/dist/ui/index.css +1327 -680
  31. package/dist/ui/index.d.cts +69 -3
  32. package/dist/ui/index.d.ts +69 -3
  33. package/dist/ui/index.js +274 -41
  34. package/package.json +38 -31
  35. package/dist/CPIOZS5X-NALOZFPD.js +0 -1
  36. package/dist/OKF6E45R-6KC3BLVB.js +0 -1
  37. package/dist/adapter-Co8KY8Hi.d.cts +0 -166
  38. package/dist/adapter-Co8KY8Hi.d.ts +0 -166
  39. package/dist/chunk-2FW6TKD6.js +0 -1
  40. package/dist/chunk-5MNS4IJC.js +0 -1332
  41. package/dist/chunk-N2MLAUEV.js +0 -1
  42. package/dist/chunk-RGBMDID6.js +0 -1
  43. package/dist/chunk-ZCFLMQMM.js +0 -1
  44. package/dist/index-CnVNNyod.d.cts +0 -35
  45. package/dist/index-M4EjPWNJ.d.ts +0 -35
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,37 +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;
822
+ --studio-cell-height: 38px;
541
823
  }
542
- .dark {
543
- --background: 240 10% 3.9%;
544
- --foreground: 0 0% 98%;
545
- --card: 240 10% 3.9%;
546
- --card-foreground: 0 0% 98%;
547
- --popover: 240 10% 3.9%;
548
- --popover-foreground: 0 0% 98%;
549
- --primary: 0 0% 98%;
550
- --primary-foreground: 240 5.9% 10%;
551
- --secondary: 240 3.7% 15.9%;
552
- --secondary-foreground: 0 0% 98%;
553
- --muted: 240 3.7% 15.9%;
554
- --muted-foreground: 240 5% 64.9%;
555
- --accent: 240 3.7% 15.9%;
556
- --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%;
557
840
  --destructive: 0 62.8% 30.6%;
558
- --destructive-foreground: 0 0% 98%;
559
- --border: 240 3.7% 15.9%;
560
- --input: 240 3.7% 15.9%;
561
- --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%;
562
845
  --chart-1: 220 70% 50%;
563
846
  --chart-2: 160 60% 45%;
564
847
  --chart-3: 30 80% 55%;
565
848
  --chart-4: 280 65% 60%;
566
849
  --chart-5: 340 75% 55%;
850
+
851
+ /* Studio */
567
852
  --sidebar-background: 240 5.9% 10%;
568
853
  --sidebar-foreground: 240 4.8% 95.9%;
569
854
  --sidebar-primary: 224.3 76.3% 48%;
@@ -574,7 +859,7 @@ video {
574
859
  --sidebar-ring: 217.2 91.2% 59.8%;
575
860
  --table-row-odd: 240 3.7% 15.9%;
576
861
  }
577
- .ps-sr-only {
862
+ .ps .ps-sr-only {
578
863
  position: absolute;
579
864
  width: 1px;
580
865
  height: 1px;
@@ -585,785 +870,1157 @@ video {
585
870
  white-space: nowrap;
586
871
  border-width: 0;
587
872
  }
588
- .ps-fixed {
873
+ .ps .ps-pointer-events-none {
874
+ pointer-events: none;
875
+ }
876
+ .ps .ps-invisible {
877
+ visibility: hidden;
878
+ }
879
+ .ps .ps-fixed {
589
880
  position: fixed;
590
881
  }
591
- .ps-absolute {
882
+ .ps .ps-absolute {
592
883
  position: absolute;
593
884
  }
594
- .ps-relative {
885
+ .ps .ps-relative {
595
886
  position: relative;
596
887
  }
597
- .ps-sticky {
888
+ .ps .ps-sticky {
598
889
  position: sticky;
599
890
  }
600
- .ps-inset-0 {
891
+ .ps .-ps-inset-0 {
892
+ inset: -0px;
893
+ }
894
+ .ps .ps-inset-0 {
601
895
  inset: 0px;
602
896
  }
603
- .ps-inset-x-0 {
897
+ .ps .ps-inset-x-0 {
604
898
  left: 0px;
605
899
  right: 0px;
606
900
  }
607
- .ps-inset-y-0 {
901
+ .ps .ps-inset-y-0 {
608
902
  top: 0px;
609
903
  bottom: 0px;
610
904
  }
611
- .-ps-top-\[1px\] {
905
+ .ps .-ps-top-\[1px\] {
612
906
  top: -1px;
613
907
  }
614
- .ps-bottom-0 {
908
+ .ps .ps-bottom-0 {
615
909
  bottom: 0px;
616
910
  }
617
- .ps-left-0 {
911
+ .ps .ps-left-0 {
618
912
  left: 0px;
619
913
  }
620
- .ps-left-2 {
914
+ .ps .ps-left-2 {
621
915
  left: 0.5rem;
622
916
  }
623
- .ps-left-\[50\%\] {
917
+ .ps .ps-left-\[50\%\] {
624
918
  left: 50%;
625
919
  }
626
- .ps-right-0 {
920
+ .ps .ps-right-0 {
627
921
  right: 0px;
628
922
  }
629
- .ps-right-2 {
923
+ .ps .ps-right-2 {
630
924
  right: 0.5rem;
631
925
  }
632
- .ps-right-4 {
926
+ .ps .ps-right-4 {
633
927
  right: 1rem;
634
928
  }
635
- .ps-top-0 {
929
+ .ps .ps-top-0 {
636
930
  top: 0px;
637
931
  }
638
- .ps-top-4 {
932
+ .ps .ps-top-4 {
639
933
  top: 1rem;
640
934
  }
641
- .ps-top-\[50\%\] {
935
+ .ps .ps-top-\[50\%\] {
642
936
  top: 50%;
643
937
  }
644
- .ps-z-10 {
938
+ .ps .\!ps-z-50 {
939
+ z-index: 50 !important;
940
+ }
941
+ .ps .ps-z-0 {
942
+ z-index: 0;
943
+ }
944
+ .ps .ps-z-10 {
645
945
  z-index: 10;
646
946
  }
647
- .ps-z-20 {
947
+ .ps .ps-z-20 {
648
948
  z-index: 20;
649
949
  }
650
- .ps-z-30 {
950
+ .ps .ps-z-30 {
651
951
  z-index: 30;
652
952
  }
653
- .ps-z-50 {
953
+ .ps .ps-z-50 {
654
954
  z-index: 50;
655
955
  }
656
- .ps--mx-1 {
956
+ .ps .ps-z-\[9999\] {
957
+ z-index: 9999;
958
+ }
959
+ .ps .ps--mx-1 {
657
960
  margin-left: -0.25rem;
658
961
  margin-right: -0.25rem;
659
962
  }
660
- .ps-mx-auto {
963
+ .ps .ps-mx-auto {
661
964
  margin-left: auto;
662
965
  margin-right: auto;
663
966
  }
664
- .ps-my-1 {
967
+ .ps .ps-my-1 {
665
968
  margin-top: 0.25rem;
666
969
  margin-bottom: 0.25rem;
667
970
  }
668
- .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 {
669
987
  margin-left: auto;
670
988
  }
671
- .ps-mt-4 {
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;
997
+ }
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 {
672
1005
  margin-top: 1rem;
673
1006
  }
674
- .ps-block {
1007
+ .ps .ps-box-border {
1008
+ box-sizing: border-box;
1009
+ }
1010
+ .ps .ps-block {
675
1011
  display: block;
676
1012
  }
677
- .ps-flex {
1013
+ .ps .ps-inline-block {
1014
+ display: inline-block;
1015
+ }
1016
+ .ps .ps-flex {
678
1017
  display: flex;
679
1018
  }
680
- .ps-inline-flex {
1019
+ .ps .ps-inline-flex {
681
1020
  display: inline-flex;
682
1021
  }
683
- .ps-grid {
1022
+ .ps .ps-grid {
684
1023
  display: grid;
685
1024
  }
686
- .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 {
687
1041
  height: 0px;
688
1042
  }
689
- .ps-h-10 {
1043
+ .ps .ps-h-10 {
690
1044
  height: 2.5rem;
691
1045
  }
692
- .ps-h-2 {
1046
+ .ps .ps-h-2 {
693
1047
  height: 0.5rem;
694
1048
  }
695
- .ps-h-24 {
1049
+ .ps .ps-h-24 {
696
1050
  height: 6rem;
697
1051
  }
698
- .ps-h-3\.5 {
1052
+ .ps .ps-h-3 {
1053
+ height: 0.75rem;
1054
+ }
1055
+ .ps .ps-h-3\.5 {
699
1056
  height: 0.875rem;
700
1057
  }
701
- .ps-h-4 {
1058
+ .ps .ps-h-4 {
702
1059
  height: 1rem;
703
1060
  }
704
- .ps-h-6 {
1061
+ .ps .ps-h-5 {
1062
+ height: 1.25rem;
1063
+ }
1064
+ .ps .ps-h-6 {
705
1065
  height: 1.5rem;
706
1066
  }
707
- .ps-h-8 {
1067
+ .ps .ps-h-8 {
708
1068
  height: 2rem;
709
1069
  }
710
- .ps-h-9 {
1070
+ .ps .ps-h-9 {
711
1071
  height: 2.25rem;
712
1072
  }
713
- .ps-h-\[1\.2rem\] {
1073
+ .ps .ps-h-\[1\.2rem\] {
714
1074
  height: 1.2rem;
715
1075
  }
716
- .ps-h-\[2px\] {
1076
+ .ps .ps-h-\[2px\] {
717
1077
  height: 2px;
718
1078
  }
719
- .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\)\] {
720
1086
  height: var(--radix-select-trigger-height);
721
1087
  }
722
- .ps-h-full {
1088
+ .ps .ps-h-\[var\(--studio-cell-height\)\] {
1089
+ height: var(--studio-cell-height);
1090
+ }
1091
+ .ps .ps-h-full {
723
1092
  height: 100%;
724
1093
  }
725
- .ps-h-px {
1094
+ .ps .ps-h-px {
726
1095
  height: 1px;
727
1096
  }
728
- .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\] {
729
1104
  max-height: var(--radix-context-menu-content-available-height);
730
1105
  }
731
- .ps-max-h-\[--radix-select-content-available-height\] {
1106
+ .ps .ps-max-h-\[--radix-select-content-available-height\] {
732
1107
  max-height: var(--radix-select-content-available-height);
733
1108
  }
734
- .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\)\] {
735
1113
  max-height: var(--radix-dropdown-menu-content-available-height);
736
1114
  }
737
- .ps-max-h-full {
1115
+ .ps .ps-max-h-full {
738
1116
  max-height: 100%;
739
1117
  }
740
- .ps-min-h-\[60px\] {
1118
+ .ps .ps-min-h-0 {
1119
+ min-height: 0px;
1120
+ }
1121
+ .ps .ps-min-h-\[60px\] {
741
1122
  min-height: 60px;
742
1123
  }
743
- .ps-w-0 {
1124
+ .ps .ps-min-h-full {
1125
+ min-height: 100%;
1126
+ }
1127
+ .ps .ps-w-0 {
744
1128
  width: 0px;
745
1129
  }
746
- .ps-w-1\/3 {
1130
+ .ps .ps-w-1\/3 {
747
1131
  width: 33.333333%;
748
1132
  }
749
- .ps-w-16 {
1133
+ .ps .ps-w-16 {
750
1134
  width: 4rem;
751
1135
  }
752
- .ps-w-2 {
1136
+ .ps .ps-w-2 {
753
1137
  width: 0.5rem;
754
1138
  }
755
- .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 {
756
1155
  width: 0.875rem;
757
1156
  }
758
- .ps-w-3\/4 {
1157
+ .ps .ps-w-3\/4 {
759
1158
  width: 75%;
760
1159
  }
761
- .ps-w-4 {
1160
+ .ps .ps-w-4 {
762
1161
  width: 1rem;
763
1162
  }
764
- .ps-w-6 {
765
- width: 1.5rem;
1163
+ .ps .ps-w-4\/5 {
1164
+ width: 80%;
1165
+ }
1166
+ .ps .ps-w-48 {
1167
+ width: 12rem;
766
1168
  }
767
- .ps-w-64 {
768
- width: 16rem;
1169
+ .ps .ps-w-5 {
1170
+ width: 1.25rem;
769
1171
  }
770
- .ps-w-72 {
1172
+ .ps .ps-w-6 {
1173
+ width: 1.5rem;
1174
+ }
1175
+ .ps .ps-w-72 {
771
1176
  width: 18rem;
772
1177
  }
773
- .ps-w-9 {
1178
+ .ps .ps-w-9 {
774
1179
  width: 2.25rem;
775
1180
  }
776
- .ps-w-\[1\.2rem\] {
1181
+ .ps .ps-w-\[1\.2rem\] {
777
1182
  width: 1.2rem;
778
1183
  }
779
- .ps-w-\[var\(--dragging-width\)\] {
780
- width: var(--dragging-width);
1184
+ .ps .ps-w-\[calc\(var\(--radix-popover-trigger-width\)_\+_1px\)\] {
1185
+ width: calc(var(--radix-popover-trigger-width) + 1px);
781
1186
  }
782
- .ps-w-full {
1187
+ .ps .ps-w-auto {
1188
+ width: auto;
1189
+ }
1190
+ .ps .ps-w-full {
783
1191
  width: 100%;
784
1192
  }
785
- .ps-w-max {
1193
+ .ps .ps-w-max {
786
1194
  width: -moz-max-content;
787
1195
  width: max-content;
788
1196
  }
789
- .ps-w-px {
1197
+ .ps .ps-w-min {
1198
+ width: -moz-min-content;
1199
+ width: min-content;
1200
+ }
1201
+ .ps .ps-w-px {
790
1202
  width: 1px;
791
1203
  }
792
- .ps-min-w-0 {
1204
+ .ps .ps-min-w-0 {
793
1205
  min-width: 0px;
794
1206
  }
795
- .ps-min-w-\[8rem\] {
1207
+ .ps .ps-min-w-\[250px\] {
1208
+ min-width: 250px;
1209
+ }
1210
+ .ps .ps-min-w-\[8rem\] {
796
1211
  min-width: 8rem;
797
1212
  }
798
- .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\)\] {
799
1220
  min-width: var(--radix-select-trigger-width);
800
1221
  }
801
- .ps-min-w-full {
1222
+ .ps .ps-min-w-full {
802
1223
  min-width: 100%;
803
1224
  }
804
- .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 {
805
1239
  max-width: 32rem;
806
1240
  }
807
- .ps-flex-1 {
1241
+ .ps .ps-flex-1 {
808
1242
  flex: 1 1 0%;
809
1243
  }
810
- .ps-shrink-0 {
1244
+ .ps .ps-shrink-0 {
811
1245
  flex-shrink: 0;
812
1246
  }
813
- .ps-flex-grow {
1247
+ .ps .ps-flex-grow {
814
1248
  flex-grow: 1;
815
1249
  }
816
- .ps-table-fixed {
1250
+ .ps .ps-table-fixed {
817
1251
  table-layout: fixed;
818
1252
  }
819
- .ps-caption-bottom {
1253
+ .ps .ps-caption-bottom {
820
1254
  caption-side: bottom;
821
1255
  }
822
- .ps-border-separate {
1256
+ .ps .ps-border-separate {
823
1257
  border-collapse: separate;
824
1258
  }
825
- .ps-border-spacing-0 {
1259
+ .ps .ps-border-spacing-0 {
826
1260
  --tw-border-spacing-x: 0px;
827
1261
  --tw-border-spacing-y: 0px;
828
1262
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
829
1263
  }
830
- .ps-origin-\[--radix-context-menu-content-transform-origin\] {
1264
+ .ps .ps-origin-\[--radix-context-menu-content-transform-origin\] {
831
1265
  transform-origin: var(--radix-context-menu-content-transform-origin);
832
1266
  }
833
- .ps-origin-\[--radix-dropdown-menu-content-transform-origin\] {
1267
+ .ps .ps-origin-\[--radix-dropdown-menu-content-transform-origin\] {
834
1268
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
835
1269
  }
836
- .ps-origin-\[--radix-popover-content-transform-origin\] {
1270
+ .ps .ps-origin-\[--radix-popover-content-transform-origin\] {
837
1271
  transform-origin: var(--radix-popover-content-transform-origin);
838
1272
  }
839
- .ps-origin-\[--radix-select-content-transform-origin\] {
1273
+ .ps .ps-origin-\[--radix-select-content-transform-origin\] {
840
1274
  transform-origin: var(--radix-select-content-transform-origin);
841
1275
  }
842
- .ps-origin-\[--radix-tooltip-content-transform-origin\] {
1276
+ .ps .ps-origin-\[--radix-tooltip-content-transform-origin\] {
843
1277
  transform-origin: var(--radix-tooltip-content-transform-origin);
844
1278
  }
845
- .ps-translate-x-\[-50\%\] {
1279
+ .ps .ps-translate-x-\[-50\%\] {
846
1280
  --tw-translate-x: -50%;
847
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));
848
1282
  }
849
- .ps-translate-y-\[-50\%\] {
1283
+ .ps .ps-translate-y-\[-50\%\] {
850
1284
  --tw-translate-y: -50%;
851
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));
852
1286
  }
853
- .ps-rotate-0 {
1287
+ .ps .ps-rotate-0 {
854
1288
  --tw-rotate: 0deg;
855
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));
856
1290
  }
857
- .ps-rotate-90 {
1291
+ .ps .ps-rotate-90 {
858
1292
  --tw-rotate: 90deg;
859
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));
860
1294
  }
861
- .ps-scale-0 {
1295
+ .ps .ps-scale-0 {
862
1296
  --tw-scale-x: 0;
863
1297
  --tw-scale-y: 0;
864
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));
865
1299
  }
866
- .ps-scale-100 {
1300
+ .ps .ps-scale-100 {
867
1301
  --tw-scale-x: 1;
868
1302
  --tw-scale-y: 1;
869
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));
870
1304
  }
871
1305
  @keyframes ps-indeterminate {
872
-
873
1306
  0% {
874
1307
  transform: translateX(-100%);
875
1308
  }
876
-
877
1309
  100% {
878
1310
  transform: translateX(400%);
879
1311
  }
880
1312
  }
881
- .ps-animate-indeterminate-bar {
1313
+ .ps .ps-animate-indeterminate-bar {
882
1314
  animation: ps-indeterminate 1.5s infinite ease-in-out;
883
1315
  }
884
- .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 {
885
1333
  cursor: col-resize;
886
1334
  }
887
- .ps-cursor-default {
1335
+ .ps .ps-cursor-default {
888
1336
  cursor: default;
889
1337
  }
890
- .ps-cursor-pointer {
1338
+ .ps .ps-cursor-grab {
1339
+ cursor: grab;
1340
+ }
1341
+ .ps .ps-cursor-pointer {
891
1342
  cursor: pointer;
892
1343
  }
893
- .ps-touch-none {
1344
+ .ps .ps-touch-none {
894
1345
  touch-action: none;
895
1346
  }
896
- .ps-select-none {
1347
+ .ps .ps-select-none {
897
1348
  -webkit-user-select: none;
898
1349
  -moz-user-select: none;
899
1350
  user-select: none;
900
1351
  }
901
- .ps-resize-none {
1352
+ .ps .ps-resize-none {
902
1353
  resize: none;
903
1354
  }
904
- .ps-flex-row {
1355
+ .ps .ps-resize {
1356
+ resize: both;
1357
+ }
1358
+ .ps .ps-appearance-none {
1359
+ -webkit-appearance: none;
1360
+ -moz-appearance: none;
1361
+ appearance: none;
1362
+ }
1363
+ .ps .ps-grid-cols-2 {
1364
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1365
+ }
1366
+ .ps .ps-flex-row {
905
1367
  flex-direction: row;
906
1368
  }
907
- .ps-flex-col {
1369
+ .ps .ps-flex-col {
908
1370
  flex-direction: column;
909
1371
  }
910
- .ps-flex-col-reverse {
1372
+ .ps .ps-flex-col-reverse {
911
1373
  flex-direction: column-reverse;
912
1374
  }
913
- .ps-items-start {
1375
+ .ps .ps-flex-wrap {
1376
+ flex-wrap: wrap;
1377
+ }
1378
+ .ps .ps-items-start {
914
1379
  align-items: flex-start;
915
1380
  }
916
- .ps-items-center {
1381
+ .ps .ps-items-end {
1382
+ align-items: flex-end;
1383
+ }
1384
+ .ps .ps-items-center {
917
1385
  align-items: center;
918
1386
  }
919
- .ps-justify-center {
1387
+ .ps .ps-justify-start {
1388
+ justify-content: flex-start;
1389
+ }
1390
+ .ps .ps-justify-center {
920
1391
  justify-content: center;
921
1392
  }
922
- .ps-justify-between {
1393
+ .ps .ps-justify-between {
923
1394
  justify-content: space-between;
924
1395
  }
925
- .ps-gap-1 {
1396
+ .ps .ps-gap-0 {
1397
+ gap: 0px;
1398
+ }
1399
+ .ps .ps-gap-1 {
926
1400
  gap: 0.25rem;
927
1401
  }
928
- .ps-gap-2 {
1402
+ .ps .ps-gap-2 {
929
1403
  gap: 0.5rem;
930
1404
  }
931
- .ps-gap-4 {
1405
+ .ps .ps-gap-4 {
932
1406
  gap: 1rem;
933
1407
  }
934
- .ps-gap-px {
1408
+ .ps .ps-gap-6 {
1409
+ gap: 1.5rem;
1410
+ }
1411
+ .ps .ps-gap-px {
935
1412
  gap: 1px;
936
1413
  }
937
- .ps-space-x-2 > :not([hidden]) ~ :not([hidden]) {
1414
+ .ps .ps-space-x-2 > :not([hidden]) ~ :not([hidden]) {
938
1415
  --tw-space-x-reverse: 0;
939
1416
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
940
1417
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
941
1418
  }
942
- .ps-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1419
+ .ps .ps-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
943
1420
  --tw-space-y-reverse: 0;
944
1421
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
945
1422
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
946
1423
  }
947
- .ps-space-y-2 > :not([hidden]) ~ :not([hidden]) {
1424
+ .ps .ps-space-y-2 > :not([hidden]) ~ :not([hidden]) {
948
1425
  --tw-space-y-reverse: 0;
949
1426
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
950
1427
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
951
1428
  }
952
- .ps-self-start {
1429
+ .ps .ps-self-start {
953
1430
  align-self: flex-start;
954
1431
  }
955
- .ps-overflow-auto {
1432
+ .ps .ps-self-end {
1433
+ align-self: flex-end;
1434
+ }
1435
+ .ps .ps-overflow-auto {
956
1436
  overflow: auto;
957
1437
  }
958
- .ps-overflow-hidden {
1438
+ .ps .ps-overflow-hidden {
959
1439
  overflow: hidden;
960
1440
  }
961
- .ps-overflow-clip {
1441
+ .ps .ps-overflow-clip {
962
1442
  overflow: clip;
963
1443
  }
964
- .ps-overflow-y-auto {
1444
+ .ps .ps-overflow-x-auto {
1445
+ overflow-x: auto;
1446
+ }
1447
+ .ps .ps-overflow-y-auto {
965
1448
  overflow-y: auto;
966
1449
  }
967
- .ps-overflow-x-hidden {
1450
+ .ps .ps-overflow-x-hidden {
968
1451
  overflow-x: hidden;
969
1452
  }
970
- .ps-truncate {
1453
+ .ps .ps-overflow-y-scroll {
1454
+ overflow-y: scroll;
1455
+ }
1456
+ .ps .ps-truncate {
971
1457
  overflow: hidden;
972
1458
  text-overflow: ellipsis;
973
1459
  white-space: nowrap;
974
1460
  }
975
- .ps-text-ellipsis {
1461
+ .ps .ps-text-ellipsis {
976
1462
  text-overflow: ellipsis;
977
1463
  }
978
- .ps-whitespace-nowrap {
1464
+ .ps .ps-whitespace-nowrap {
979
1465
  white-space: nowrap;
980
1466
  }
981
- .ps-rounded-lg {
1467
+ .ps .ps-whitespace-pre-wrap {
1468
+ white-space: pre-wrap;
1469
+ }
1470
+ .ps .ps-rounded-full {
1471
+ border-radius: 9999px;
1472
+ }
1473
+ .ps .ps-rounded-lg {
982
1474
  border-radius: var(--radius);
983
1475
  }
984
- .ps-rounded-md {
1476
+ .ps .ps-rounded-md {
985
1477
  border-radius: calc(var(--radius) - 2px);
986
1478
  }
987
- .ps-rounded-none {
1479
+ .ps .ps-rounded-none {
988
1480
  border-radius: 0px;
989
1481
  }
990
- .ps-rounded-sm {
1482
+ .ps .ps-rounded-sm {
991
1483
  border-radius: calc(var(--radius) - 4px);
992
1484
  }
993
- .ps-rounded-b-lg {
1485
+ .ps .ps-rounded-xl {
1486
+ border-radius: 0.75rem;
1487
+ }
1488
+ .ps .ps-rounded-b-lg {
994
1489
  border-bottom-right-radius: var(--radius);
995
1490
  border-bottom-left-radius: var(--radius);
996
1491
  }
997
- .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 {
998
1497
  border-top-right-radius: 9999px;
999
1498
  border-bottom-right-radius: 9999px;
1000
1499
  }
1001
- .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 {
1002
1505
  border-top-left-radius: var(--radius);
1003
1506
  border-top-right-radius: var(--radius);
1004
1507
  }
1005
- .ps-border {
1508
+ .ps .ps-border {
1006
1509
  border-width: 1px;
1007
1510
  }
1008
- .ps-border-b {
1511
+ .ps .ps-border-2 {
1512
+ border-width: 2px;
1513
+ }
1514
+ .ps .ps-border-b {
1009
1515
  border-bottom-width: 1px;
1010
1516
  }
1011
- .ps-border-l {
1517
+ .ps .ps-border-l {
1012
1518
  border-left-width: 1px;
1013
1519
  }
1014
- .ps-border-r {
1520
+ .ps .ps-border-r {
1015
1521
  border-right-width: 1px;
1016
1522
  }
1017
- .ps-border-t {
1523
+ .ps .ps-border-t {
1018
1524
  border-top-width: 1px;
1019
1525
  }
1020
- .ps-border-t-0 {
1526
+ .ps .ps-border-t-0 {
1021
1527
  border-top-width: 0px;
1022
1528
  }
1023
- .ps-border-none {
1529
+ .ps .ps-border-none {
1024
1530
  border-style: none;
1025
1531
  }
1026
- .ps-border-input {
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 {
1543
+ --tw-border-opacity: 1;
1544
+ border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
1545
+ }
1546
+ .ps .ps-border-input {
1027
1547
  border-color: hsl(var(--input));
1028
1548
  }
1029
- .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 {
1030
1554
  border-color: hsl(var(--primary));
1031
1555
  }
1032
- .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 {
1033
1565
  border-color: hsl(var(--table-border));
1034
1566
  }
1035
- .ps-border-transparent {
1567
+ .ps .ps-border-transparent {
1036
1568
  border-color: transparent;
1037
1569
  }
1038
- .ps-bg-background {
1570
+ .ps .ps-border-violet-500 {
1571
+ --tw-border-opacity: 1;
1572
+ border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
1573
+ }
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 {
1039
1581
  background-color: hsl(var(--background));
1040
1582
  }
1041
- .ps-bg-black\/80 {
1583
+ .ps .ps-bg-black\/80 {
1042
1584
  background-color: rgb(0 0 0 / 0.8);
1043
1585
  }
1044
- .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 {
1045
1591
  background-color: hsl(var(--border));
1046
1592
  }
1047
- .ps-bg-card {
1593
+ .ps .ps-bg-card {
1048
1594
  background-color: hsl(var(--card));
1049
1595
  }
1050
- .ps-bg-destructive {
1596
+ .ps .ps-bg-destructive {
1051
1597
  background-color: hsl(var(--destructive));
1052
1598
  }
1053
- .ps-bg-gray-200 {
1054
- --tw-bg-opacity: 1;
1055
- 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);
1056
1601
  }
1057
- .ps-bg-muted {
1602
+ .ps .ps-bg-muted {
1058
1603
  background-color: hsl(var(--muted));
1059
1604
  }
1060
- .ps-bg-muted\/50 {
1605
+ .ps .ps-bg-muted\/50 {
1061
1606
  background-color: hsl(var(--muted) / 0.5);
1062
1607
  }
1063
- .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 {
1064
1624
  background-color: hsl(var(--popover));
1065
1625
  }
1066
- .ps-bg-primary {
1626
+ .ps .ps-bg-primary {
1067
1627
  background-color: hsl(var(--primary));
1068
1628
  }
1069
- .ps-bg-purple-600 {
1629
+ .ps .ps-bg-red-50 {
1070
1630
  --tw-bg-opacity: 1;
1071
- background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
1631
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
1072
1632
  }
1073
- .ps-bg-secondary {
1633
+ .ps .ps-bg-secondary {
1074
1634
  background-color: hsl(var(--secondary));
1075
1635
  }
1076
- .ps-bg-table-head {
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));
1641
+ }
1642
+ .ps .ps-bg-table-head {
1077
1643
  background-color: hsl(var(--table-head));
1078
1644
  }
1079
- .ps-bg-table-head\/90 {
1645
+ .ps .ps-bg-table-head\/90 {
1080
1646
  background-color: hsl(var(--table-head) / 0.9);
1081
1647
  }
1082
- .ps-bg-transparent {
1648
+ .ps .ps-bg-transparent {
1083
1649
  background-color: transparent;
1084
1650
  }
1085
- .ps-fill-current {
1651
+ .ps .ps-fill-current {
1086
1652
  fill: currentColor;
1087
1653
  }
1088
- .ps-p-0 {
1654
+ .ps .ps-p-0 {
1089
1655
  padding: 0px;
1090
1656
  }
1091
- .ps-p-1 {
1657
+ .ps .ps-p-0\.5 {
1658
+ padding: 0.125rem;
1659
+ }
1660
+ .ps .ps-p-1 {
1092
1661
  padding: 0.25rem;
1093
1662
  }
1094
- .ps-p-2 {
1663
+ .ps .ps-p-2 {
1095
1664
  padding: 0.5rem;
1096
1665
  }
1097
- .ps-p-4 {
1666
+ .ps .ps-p-3 {
1667
+ padding: 0.75rem;
1668
+ }
1669
+ .ps .ps-p-4 {
1098
1670
  padding: 1rem;
1099
1671
  }
1100
- .ps-p-6 {
1672
+ .ps .ps-p-6 {
1101
1673
  padding: 1.5rem;
1102
1674
  }
1103
- .ps-p-\[var\(--studio-cell-spacing\)\] {
1675
+ .ps .ps-p-\[var\(--studio-cell-spacing\)\] {
1104
1676
  padding: var(--studio-cell-spacing);
1105
1677
  }
1106
- .ps-px-0 {
1678
+ .ps .ps-p-px {
1679
+ padding: 1px;
1680
+ }
1681
+ .ps .ps-px-0 {
1107
1682
  padding-left: 0px;
1108
1683
  padding-right: 0px;
1109
1684
  }
1110
- .ps-px-2 {
1685
+ .ps .ps-px-2 {
1111
1686
  padding-left: 0.5rem;
1112
1687
  padding-right: 0.5rem;
1113
1688
  }
1114
- .ps-px-2\.5 {
1689
+ .ps .ps-px-2\.5 {
1115
1690
  padding-left: 0.625rem;
1116
1691
  padding-right: 0.625rem;
1117
1692
  }
1118
- .ps-px-3 {
1693
+ .ps .ps-px-3 {
1119
1694
  padding-left: 0.75rem;
1120
1695
  padding-right: 0.75rem;
1121
1696
  }
1122
- .ps-px-4 {
1697
+ .ps .ps-px-4 {
1123
1698
  padding-left: 1rem;
1124
1699
  padding-right: 1rem;
1125
1700
  }
1126
- .ps-px-8 {
1701
+ .ps .ps-px-8 {
1127
1702
  padding-left: 2rem;
1128
1703
  padding-right: 2rem;
1129
1704
  }
1130
- .ps-px-\[var\(--studio-cell-spacing\)\] {
1705
+ .ps .ps-px-\[var\(--studio-cell-spacing\)\] {
1131
1706
  padding-left: var(--studio-cell-spacing);
1132
1707
  padding-right: var(--studio-cell-spacing);
1133
1708
  }
1134
- .ps-py-0\.5 {
1709
+ .ps .ps-py-0 {
1710
+ padding-top: 0px;
1711
+ padding-bottom: 0px;
1712
+ }
1713
+ .ps .ps-py-0\.5 {
1135
1714
  padding-top: 0.125rem;
1136
1715
  padding-bottom: 0.125rem;
1137
1716
  }
1138
- .ps-py-1 {
1717
+ .ps .ps-py-1 {
1139
1718
  padding-top: 0.25rem;
1140
1719
  padding-bottom: 0.25rem;
1141
1720
  }
1142
- .ps-py-1\.5 {
1721
+ .ps .ps-py-1\.5 {
1143
1722
  padding-top: 0.375rem;
1144
1723
  padding-bottom: 0.375rem;
1145
1724
  }
1146
- .ps-py-2 {
1725
+ .ps .ps-py-2 {
1147
1726
  padding-top: 0.5rem;
1148
1727
  padding-bottom: 0.5rem;
1149
1728
  }
1150
- .ps-py-3 {
1729
+ .ps .ps-py-3 {
1151
1730
  padding-top: 0.75rem;
1152
1731
  padding-bottom: 0.75rem;
1153
1732
  }
1154
- .ps-pb-2 {
1733
+ .ps .ps-py-8 {
1734
+ padding-top: 2rem;
1735
+ padding-bottom: 2rem;
1736
+ }
1737
+ .ps .ps-pb-2 {
1155
1738
  padding-bottom: 0.5rem;
1156
1739
  }
1157
- .ps-pb-3 {
1740
+ .ps .ps-pb-3 {
1158
1741
  padding-bottom: 0.75rem;
1159
1742
  }
1160
- .ps-pl-2 {
1743
+ .ps .ps-pl-2 {
1161
1744
  padding-left: 0.5rem;
1162
1745
  }
1163
- .ps-pl-2\.5 {
1746
+ .ps .ps-pl-2\.5 {
1164
1747
  padding-left: 0.625rem;
1165
1748
  }
1166
- .ps-pl-8 {
1749
+ .ps .ps-pl-6 {
1750
+ padding-left: 1.5rem;
1751
+ }
1752
+ .ps .ps-pl-8 {
1167
1753
  padding-left: 2rem;
1168
1754
  }
1169
- .ps-pr-2 {
1755
+ .ps .ps-pr-2 {
1170
1756
  padding-right: 0.5rem;
1171
1757
  }
1172
- .ps-pr-2\.5 {
1758
+ .ps .ps-pr-2\.5 {
1173
1759
  padding-right: 0.625rem;
1174
1760
  }
1175
- .ps-pr-8 {
1761
+ .ps .ps-pr-8 {
1176
1762
  padding-right: 2rem;
1177
1763
  }
1178
- .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 {
1179
1774
  padding-top: 1rem;
1180
1775
  }
1181
- .ps-text-left {
1776
+ .ps .ps-text-left {
1182
1777
  text-align: left;
1183
1778
  }
1184
- .ps-text-center {
1779
+ .ps .ps-text-center {
1185
1780
  text-align: center;
1186
1781
  }
1187
- .ps-align-middle {
1782
+ .ps .ps-text-right {
1783
+ text-align: right;
1784
+ }
1785
+ .ps .ps-align-middle {
1188
1786
  vertical-align: middle;
1189
1787
  }
1190
- .ps-font-mono {
1788
+ .ps .ps-font-mono {
1191
1789
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1192
1790
  }
1193
- .ps-text-base {
1194
- font-size: 1rem;
1195
- line-height: 1.5rem;
1791
+ .ps .ps-text-\[8px\] {
1792
+ font-size: 8px;
1196
1793
  }
1197
- .ps-text-lg {
1794
+ .ps .ps-text-lg {
1198
1795
  font-size: 1.125rem;
1199
1796
  line-height: 1.75rem;
1200
1797
  }
1201
- .ps-text-sm {
1798
+ .ps .ps-text-sm {
1202
1799
  font-size: 0.875rem;
1203
1800
  line-height: 1.25rem;
1204
1801
  }
1205
- .ps-text-xs {
1802
+ .ps .ps-text-xs {
1206
1803
  font-size: 0.75rem;
1207
1804
  line-height: 1rem;
1208
1805
  }
1209
- .ps-font-medium {
1806
+ .ps .ps-font-medium {
1210
1807
  font-weight: 500;
1211
1808
  }
1212
- .ps-font-semibold {
1809
+ .ps .ps-font-normal {
1810
+ font-weight: 400;
1811
+ }
1812
+ .ps .ps-font-semibold {
1213
1813
  font-weight: 600;
1214
1814
  }
1215
- .ps-lowercase {
1815
+ .ps .ps-uppercase {
1816
+ text-transform: uppercase;
1817
+ }
1818
+ .ps .ps-lowercase {
1216
1819
  text-transform: lowercase;
1217
1820
  }
1218
- .ps-capitalize {
1219
- text-transform: capitalize;
1821
+ .ps .ps-italic {
1822
+ font-style: italic;
1823
+ }
1824
+ .ps .ps-leading-\[var\(--studio-cell-height\)\] {
1825
+ line-height: var(--studio-cell-height);
1220
1826
  }
1221
- .ps-leading-none {
1827
+ .ps .ps-leading-none {
1222
1828
  line-height: 1;
1223
1829
  }
1224
- .ps-tracking-tight {
1830
+ .ps .ps-tracking-tight {
1225
1831
  letter-spacing: -0.025em;
1226
1832
  }
1227
- .ps-tracking-widest {
1833
+ .ps .ps-tracking-widest {
1228
1834
  letter-spacing: 0.1em;
1229
1835
  }
1230
- .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 {
1231
1847
  color: hsl(var(--card-foreground));
1232
1848
  }
1233
- .ps-text-current {
1849
+ .ps .ps-text-current {
1234
1850
  color: currentColor;
1235
1851
  }
1236
- .ps-text-destructive-foreground {
1852
+ .ps .ps-text-destructive-foreground {
1237
1853
  color: hsl(var(--destructive-foreground));
1238
1854
  }
1239
- .ps-text-foreground {
1855
+ .ps .ps-text-foreground {
1240
1856
  color: hsl(var(--foreground));
1241
1857
  }
1242
- .ps-text-foreground\/60 {
1858
+ .ps .ps-text-foreground\/60 {
1243
1859
  color: hsl(var(--foreground) / 0.6);
1244
1860
  }
1245
- .ps-text-foreground\/90 {
1861
+ .ps .ps-text-foreground\/90 {
1246
1862
  color: hsl(var(--foreground) / 0.9);
1247
1863
  }
1248
- .ps-text-gray-500 {
1864
+ .ps .ps-text-gray-500 {
1249
1865
  --tw-text-opacity: 1;
1250
1866
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1251
1867
  }
1252
- .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 {
1253
1873
  color: hsl(var(--muted-foreground));
1254
1874
  }
1255
- .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 {
1256
1879
  color: hsl(var(--muted-foreground) / 0.7);
1257
1880
  }
1258
- .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 {
1259
1894
  color: hsl(var(--popover-foreground));
1260
1895
  }
1261
- .ps-text-primary {
1896
+ .ps .ps-text-primary {
1262
1897
  color: hsl(var(--primary));
1263
1898
  }
1264
- .ps-text-primary-foreground {
1899
+ .ps .ps-text-primary-foreground {
1265
1900
  color: hsl(var(--primary-foreground));
1266
1901
  }
1267
- .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 {
1268
1911
  color: hsl(var(--secondary-foreground));
1269
1912
  }
1270
- .ps-underline-offset-4 {
1913
+ .ps .ps-underline-offset-4 {
1271
1914
  text-underline-offset: 4px;
1272
1915
  }
1273
- .ps-opacity-50 {
1916
+ .ps .ps-opacity-50 {
1274
1917
  opacity: 0.5;
1275
1918
  }
1276
- .ps-opacity-60 {
1919
+ .ps .ps-opacity-60 {
1277
1920
  opacity: 0.6;
1278
1921
  }
1279
- .ps-opacity-70 {
1922
+ .ps .ps-opacity-70 {
1280
1923
  opacity: 0.7;
1281
1924
  }
1282
- .ps-shadow {
1925
+ .ps .ps-opacity-80 {
1926
+ opacity: 0.8;
1927
+ }
1928
+ .ps .ps-shadow {
1283
1929
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1284
1930
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1285
1931
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1286
1932
  }
1287
- .ps-shadow-\[-1px_0_0_0_hsl\(var\(--border\)\)\] {
1288
- --tw-shadow: -1px 0 0 0 hsl(var(--border));
1289
- --tw-shadow-colored: -1px 0 0 0 var(--tw-shadow-color);
1290
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1291
- }
1292
- .ps-shadow-lg {
1933
+ .ps .ps-shadow-lg {
1293
1934
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1294
1935
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1295
1936
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1296
1937
  }
1297
- .ps-shadow-md {
1938
+ .ps .ps-shadow-md {
1298
1939
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1299
1940
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1300
1941
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1301
1942
  }
1302
- .ps-shadow-none {
1943
+ .ps .ps-shadow-none {
1303
1944
  --tw-shadow: 0 0 #0000;
1304
1945
  --tw-shadow-colored: 0 0 #0000;
1305
1946
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1306
1947
  }
1307
- .ps-shadow-sm {
1948
+ .ps .ps-shadow-sm {
1308
1949
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1309
1950
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1310
1951
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1311
1952
  }
1312
- .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 {
1313
1959
  outline: 2px solid transparent;
1314
1960
  outline-offset: 2px;
1315
1961
  }
1316
- .ps-ring-offset-background {
1962
+ .ps .ps-ring-0 {
1963
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1964
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1965
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1966
+ }
1967
+ .ps .ps-ring-offset-background {
1317
1968
  --tw-ring-offset-color: hsl(var(--background));
1318
1969
  }
1319
- .ps-backdrop-blur-sm {
1970
+ .ps .ps-backdrop-blur-sm {
1320
1971
  --tw-backdrop-blur: blur(4px);
1321
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);
1322
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);
1323
1974
  }
1324
- .ps-transition {
1975
+ .ps .ps-transition {
1325
1976
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1326
1977
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1327
1978
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1328
1979
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1329
1980
  transition-duration: 150ms;
1330
1981
  }
1331
- .ps-transition-all {
1982
+ .ps .ps-transition-all {
1332
1983
  transition-property: all;
1333
1984
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1334
1985
  transition-duration: 150ms;
1335
1986
  }
1336
- .ps-transition-colors {
1987
+ .ps .ps-transition-colors {
1337
1988
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1338
1989
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1339
1990
  transition-duration: 150ms;
1340
1991
  }
1341
- .ps-transition-opacity {
1992
+ .ps .ps-transition-none {
1993
+ transition-property: none;
1994
+ }
1995
+ .ps .ps-transition-opacity {
1342
1996
  transition-property: opacity;
1343
1997
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1344
1998
  transition-duration: 150ms;
1345
1999
  }
1346
- .ps-duration-200 {
2000
+ .ps .ps-transition-transform {
2001
+ transition-property: transform;
2002
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2003
+ transition-duration: 150ms;
2004
+ }
2005
+ .ps .ps-duration-200 {
1347
2006
  transition-duration: 200ms;
1348
2007
  }
1349
- .ps-ease-in-out {
2008
+ .ps .ps-ease-in-out {
1350
2009
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1351
2010
  }
1352
2011
  @keyframes enter {
1353
-
1354
2012
  from {
1355
2013
  opacity: var(--tw-enter-opacity, 1);
1356
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));
1357
2015
  }
1358
2016
  }
1359
2017
  @keyframes exit {
1360
-
1361
2018
  to {
1362
2019
  opacity: var(--tw-exit-opacity, 1);
1363
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));
1364
2021
  }
1365
2022
  }
1366
- .ps-animate-in {
2023
+ .ps .ps-animate-in {
1367
2024
  animation-name: enter;
1368
2025
  animation-duration: 150ms;
1369
2026
  --tw-enter-opacity: initial;
@@ -1372,280 +2029,295 @@ video {
1372
2029
  --tw-enter-translate-x: initial;
1373
2030
  --tw-enter-translate-y: initial;
1374
2031
  }
1375
- .ps-fade-in-0 {
2032
+ .ps .ps-fade-in-0 {
1376
2033
  --tw-enter-opacity: 0;
1377
2034
  }
1378
- .ps-zoom-in-95 {
2035
+ .ps .ps-zoom-in-95 {
1379
2036
  --tw-enter-scale: .95;
1380
2037
  }
1381
- .ps-duration-200 {
2038
+ .ps .ps-duration-200 {
1382
2039
  animation-duration: 200ms;
1383
2040
  }
1384
- .ps-ease-in-out {
2041
+ .ps .ps-ease-in-out {
1385
2042
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1386
2043
  }
1387
-
1388
- * {
1389
- border-color: hsl(var(--border));
1390
- }
1391
-
1392
- body {
2044
+ .ps {
1393
2045
  background-color: hsl(var(--background));
1394
2046
  color: hsl(var(--foreground));
1395
2047
  }
1396
-
1397
- .file\:ps-border-0::file-selector-button {
2048
+ .ps .ps-min-w-cell {
2049
+ min-width: calc(var(--radix-popover-trigger-width) + 1px);
2050
+ }
2051
+ .ps .ps-cell-input-base {
2052
+ padding-top: 11px;
2053
+ padding-bottom: 11px;
2054
+ font-size: 0.75rem;
2055
+ line-height: 1rem;
2056
+ line-height: 1;
2057
+ }
2058
+ @media (min-width: 768px) {
2059
+ .ps .ps-cell-input-base {
2060
+ font-size: 0.75rem;
2061
+ line-height: 1rem;
2062
+ line-height: 1;
2063
+ }
2064
+ }
2065
+ .ps .ps-cell-input-leading {
2066
+ height: var(--studio-cell-height);
2067
+ padding-top: 11px;
2068
+ padding-bottom: 11px;
2069
+ font-size: 0.75rem;
2070
+ line-height: 1rem;
2071
+ line-height: 1;
2072
+ }
2073
+ @media (min-width: 768px) {
2074
+ .ps .ps-cell-input-leading {
2075
+ font-size: 0.75rem;
2076
+ line-height: 1rem;
2077
+ line-height: 1;
2078
+ }
2079
+ }
2080
+ /* Portals are outside the studio DOM scope */
2081
+ .ps [data-radix-popper-content-wrapper] {
2082
+ z-index: 9999 !important;
2083
+ }
2084
+ .ps .file\:ps-border-0::file-selector-button {
1398
2085
  border-width: 0px;
1399
2086
  }
1400
-
1401
- .file\:ps-bg-transparent::file-selector-button {
2087
+ .ps .file\:ps-bg-transparent::file-selector-button {
1402
2088
  background-color: transparent;
1403
2089
  }
1404
-
1405
- .file\:ps-text-sm::file-selector-button {
2090
+ .ps .file\:ps-text-sm::file-selector-button {
1406
2091
  font-size: 0.875rem;
1407
2092
  line-height: 1.25rem;
1408
2093
  }
1409
-
1410
- .file\:ps-font-medium::file-selector-button {
2094
+ .ps .file\:ps-font-medium::file-selector-button {
1411
2095
  font-weight: 500;
1412
2096
  }
1413
-
1414
- .file\:ps-text-foreground::file-selector-button {
2097
+ .ps .file\:ps-text-foreground::file-selector-button {
1415
2098
  color: hsl(var(--foreground));
1416
2099
  }
1417
-
1418
- .placeholder\:ps-text-muted-foreground::-moz-placeholder {
2100
+ .ps .placeholder\:ps-text-muted-foreground::-moz-placeholder {
1419
2101
  color: hsl(var(--muted-foreground));
1420
2102
  }
1421
-
1422
- .placeholder\:ps-text-muted-foreground::placeholder {
2103
+ .ps .placeholder\:ps-text-muted-foreground::placeholder {
1423
2104
  color: hsl(var(--muted-foreground));
1424
2105
  }
1425
-
1426
- .last\:ps-border-r-0:last-child {
1427
- border-right-width: 0px;
1428
- }
1429
-
1430
- .hover\:ps-border-table-border:hover {
2106
+ .ps .hover\:ps-border-table-border:hover {
1431
2107
  border-color: hsl(var(--table-border));
1432
2108
  }
1433
-
1434
- .hover\:ps-bg-accent:hover {
2109
+ .ps .hover\:ps-bg-accent:hover {
1435
2110
  background-color: hsl(var(--accent));
1436
2111
  }
1437
-
1438
- .hover\:ps-bg-destructive\/80:hover {
2112
+ .ps .hover\:ps-bg-destructive\/80:hover {
1439
2113
  background-color: hsl(var(--destructive) / 0.8);
1440
2114
  }
1441
-
1442
- .hover\:ps-bg-destructive\/90:hover {
2115
+ .ps .hover\:ps-bg-destructive\/90:hover {
1443
2116
  background-color: hsl(var(--destructive) / 0.9);
1444
2117
  }
1445
-
1446
- .hover\:ps-bg-muted\/50:hover {
2118
+ .ps .hover\:ps-bg-muted\/50:hover {
1447
2119
  background-color: hsl(var(--muted) / 0.5);
1448
2120
  }
1449
-
1450
- .hover\:ps-bg-primary\/80:hover {
2121
+ .ps .hover\:ps-bg-primary\/80:hover {
1451
2122
  background-color: hsl(var(--primary) / 0.8);
1452
2123
  }
1453
-
1454
- .hover\:ps-bg-primary\/90:hover {
2124
+ .ps .hover\:ps-bg-primary\/90:hover {
1455
2125
  background-color: hsl(var(--primary) / 0.9);
1456
2126
  }
1457
-
1458
- .hover\:ps-bg-secondary\/80:hover {
2127
+ .ps .hover\:ps-bg-secondary\/80:hover {
1459
2128
  background-color: hsl(var(--secondary) / 0.8);
1460
2129
  }
1461
-
1462
- .hover\:ps-bg-transparent:hover {
1463
- background-color: transparent;
1464
- }
1465
-
1466
- .hover\:ps-text-accent-foreground:hover {
2130
+ .ps .hover\:ps-text-accent-foreground:hover {
1467
2131
  color: hsl(var(--accent-foreground));
1468
2132
  }
1469
-
1470
- .hover\:ps-text-foreground:hover {
2133
+ .ps .hover\:ps-text-foreground:hover {
1471
2134
  color: hsl(var(--foreground));
1472
2135
  }
1473
-
1474
- .hover\:ps-underline:hover {
2136
+ .ps .hover\:ps-text-primary:hover {
2137
+ color: hsl(var(--primary));
2138
+ }
2139
+ .ps .hover\:ps-underline:hover {
1475
2140
  text-decoration-line: underline;
1476
2141
  }
1477
-
1478
- .hover\:ps-opacity-100:hover {
2142
+ .ps .hover\:ps-opacity-100:hover {
1479
2143
  opacity: 1;
1480
2144
  }
1481
-
1482
- .focus\:ps-bg-accent:focus {
2145
+ .ps .focus\:ps-bg-accent:focus {
1483
2146
  background-color: hsl(var(--accent));
1484
2147
  }
1485
-
1486
- .focus\:ps-text-accent-foreground:focus {
2148
+ .ps .focus\:ps-text-accent-foreground:focus {
1487
2149
  color: hsl(var(--accent-foreground));
1488
2150
  }
1489
-
1490
- .focus\:ps-outline-none:focus {
2151
+ .ps .focus\:ps-outline-none:focus {
1491
2152
  outline: 2px solid transparent;
1492
2153
  outline-offset: 2px;
1493
2154
  }
1494
-
1495
- .focus\:ps-ring-1:focus {
2155
+ .ps .focus\:ps-ring-1:focus {
1496
2156
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1497
2157
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1498
2158
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1499
2159
  }
1500
-
1501
- .focus\:ps-ring-2:focus {
2160
+ .ps .focus\:ps-ring-2:focus {
1502
2161
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1503
2162
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1504
2163
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1505
2164
  }
1506
-
1507
- .focus\:ps-ring-inset:focus {
1508
- --tw-ring-inset: inset;
1509
- }
1510
-
1511
- .focus\:ps-ring-indigo-400:focus {
1512
- --tw-ring-opacity: 1;
1513
- --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
1514
- }
1515
-
1516
- .focus\:ps-ring-ring:focus {
2165
+ .ps .focus\:ps-ring-ring:focus {
1517
2166
  --tw-ring-color: hsl(var(--ring));
1518
2167
  }
1519
-
1520
- .focus\:ps-ring-offset-2:focus {
2168
+ .ps .focus\:ps-ring-offset-2:focus {
1521
2169
  --tw-ring-offset-width: 2px;
1522
2170
  }
1523
-
1524
- .focus-visible\:ps-outline-none:focus-visible {
2171
+ .ps .focus-visible\:ps-outline-none:focus-visible {
1525
2172
  outline: 2px solid transparent;
1526
2173
  outline-offset: 2px;
1527
2174
  }
1528
-
1529
- .focus-visible\:ps-ring-0:focus-visible {
2175
+ .ps .focus-visible\:ps-ring-0:focus-visible {
1530
2176
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1531
2177
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1532
2178
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1533
2179
  }
1534
-
1535
- .focus-visible\:ps-ring-1:focus-visible {
2180
+ .ps .focus-visible\:ps-ring-1:focus-visible {
1536
2181
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1537
2182
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1538
2183
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1539
2184
  }
1540
-
1541
- .focus-visible\:ps-ring-ring:focus-visible {
2185
+ .ps .focus-visible\:ps-ring-2:focus-visible {
2186
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2187
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2188
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2189
+ }
2190
+ .ps .focus-visible\:ps-ring-ring:focus-visible {
1542
2191
  --tw-ring-color: hsl(var(--ring));
1543
2192
  }
1544
-
1545
- .disabled\:ps-pointer-events-none:disabled {
2193
+ .ps .focus-visible\:ps-ring-offset-2:focus-visible {
2194
+ --tw-ring-offset-width: 2px;
2195
+ }
2196
+ .ps .focus-visible\:ps-ring-offset-background:focus-visible {
2197
+ --tw-ring-offset-color: hsl(var(--background));
2198
+ }
2199
+ .ps .disabled\:ps-pointer-events-none:disabled {
1546
2200
  pointer-events: none;
1547
2201
  }
1548
-
1549
- .disabled\:ps-cursor-not-allowed:disabled {
2202
+ .ps .disabled\:ps-cursor-not-allowed:disabled {
1550
2203
  cursor: not-allowed;
1551
2204
  }
1552
-
1553
- .disabled\:ps-opacity-50:disabled {
2205
+ .ps .disabled\:ps-opacity-50:disabled {
1554
2206
  opacity: 0.5;
1555
2207
  }
1556
-
1557
- .data-\[disabled\]\:ps-pointer-events-none[data-disabled] {
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 {
2221
+ cursor: not-allowed;
2222
+ }
2223
+ .ps .ps-peer:disabled ~ .peer-disabled\:ps-opacity-70 {
2224
+ opacity: 0.7;
2225
+ }
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] {
1558
2236
  pointer-events: none;
1559
2237
  }
1560
-
1561
- .data-\[side\=bottom\]\:ps-translate-y-1[data-side="bottom"] {
2238
+ .ps .data-\[side\=bottom\]\:ps-translate-y-1[data-side="bottom"] {
1562
2239
  --tw-translate-y: 0.25rem;
1563
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));
1564
2241
  }
1565
-
1566
- .data-\[side\=left\]\:ps--translate-x-1[data-side="left"] {
2242
+ .ps .data-\[side\=left\]\:ps--translate-x-1[data-side="left"] {
1567
2243
  --tw-translate-x: -0.25rem;
1568
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));
1569
2245
  }
1570
-
1571
- .data-\[side\=right\]\:ps-translate-x-1[data-side="right"] {
2246
+ .ps .data-\[side\=right\]\:ps-translate-x-1[data-side="right"] {
1572
2247
  --tw-translate-x: 0.25rem;
1573
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));
1574
2249
  }
1575
-
1576
- .data-\[side\=top\]\:ps--translate-y-1[data-side="top"] {
2250
+ .ps .data-\[side\=top\]\:ps--translate-y-1[data-side="top"] {
1577
2251
  --tw-translate-y: -0.25rem;
1578
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));
1579
2253
  }
1580
-
1581
- .data-\[active\=true\]\:ps-bg-primary\/5[data-active="true"] {
1582
- background-color: hsl(var(--primary) / 0.05);
2254
+ .ps .data-\[state\=checked\]\:ps-translate-x-4[data-state="checked"] {
2255
+ --tw-translate-x: 1rem;
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));
1583
2257
  }
1584
-
1585
- .data-\[state\=checked\]\:ps-bg-primary[data-state="checked"] {
2258
+ .ps .data-\[state\=unchecked\]\:ps-translate-x-0[data-state="unchecked"] {
2259
+ --tw-translate-x: 0px;
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));
2261
+ }
2262
+ .ps .data-\[state\=open\]\:ps-border-primary[data-state="open"] {
2263
+ border-color: hsl(var(--primary));
2264
+ }
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"] {
1586
2270
  background-color: hsl(var(--primary));
1587
2271
  }
1588
-
1589
- .data-\[state\=open\]\:ps-bg-accent[data-state="open"] {
2272
+ .ps .data-\[state\=open\]\:ps-bg-accent[data-state="open"] {
1590
2273
  background-color: hsl(var(--accent));
1591
2274
  }
1592
-
1593
- .data-\[state\=open\]\:ps-bg-secondary[data-state="open"] {
2275
+ .ps .data-\[state\=open\]\:ps-bg-secondary[data-state="open"] {
1594
2276
  background-color: hsl(var(--secondary));
1595
2277
  }
1596
-
1597
- .data-\[state\=selected\]\:ps-bg-muted[data-state="selected"] {
2278
+ .ps .data-\[state\=selected\]\:ps-bg-muted[data-state="selected"] {
1598
2279
  background-color: hsl(var(--muted));
1599
2280
  }
1600
-
1601
- .data-\[active\=true\]\:ps-text-foreground[data-active="true"] {
2281
+ .ps .data-\[state\=unchecked\]\:ps-bg-input[data-state="unchecked"] {
2282
+ background-color: hsl(var(--input));
2283
+ }
2284
+ .ps .data-\[active\=true\]\:ps-text-foreground[data-active="true"] {
1602
2285
  color: hsl(var(--foreground));
1603
2286
  }
1604
-
1605
- .data-\[placeholder\]\:ps-text-muted-foreground[data-placeholder] {
2287
+ .ps .data-\[placeholder\]\:ps-text-muted-foreground[data-placeholder] {
1606
2288
  color: hsl(var(--muted-foreground));
1607
2289
  }
1608
-
1609
- .data-\[state\=checked\]\:ps-text-primary-foreground[data-state="checked"] {
2290
+ .ps .data-\[state\=checked\]\:ps-text-primary-foreground[data-state="checked"] {
1610
2291
  color: hsl(var(--primary-foreground));
1611
2292
  }
1612
-
1613
- .data-\[state\=open\]\:ps-text-accent-foreground[data-state="open"] {
2293
+ .ps .data-\[state\=open\]\:ps-text-accent-foreground[data-state="open"] {
1614
2294
  color: hsl(var(--accent-foreground));
1615
2295
  }
1616
-
1617
- .data-\[state\=open\]\:ps-text-muted-foreground[data-state="open"] {
2296
+ .ps .data-\[state\=open\]\:ps-text-muted-foreground[data-state="open"] {
1618
2297
  color: hsl(var(--muted-foreground));
1619
2298
  }
1620
-
1621
- .data-\[disabled\]\:ps-opacity-50[data-disabled] {
2299
+ .ps .data-\[disabled\]\:ps-opacity-50[data-disabled] {
1622
2300
  opacity: 0.5;
1623
2301
  }
1624
-
1625
- .data-\[focus\=true\]\:ps-ring-2[data-focus="true"] {
2302
+ .ps .data-\[focus\=true\]\:ps-ring-2[data-focus="true"] {
1626
2303
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1627
2304
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1628
2305
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1629
2306
  }
1630
-
1631
- .data-\[focus\=true\]\:ps-ring-inset[data-focus="true"] {
2307
+ .ps .data-\[focus\=true\]\:ps-ring-inset[data-focus="true"] {
1632
2308
  --tw-ring-inset: inset;
1633
2309
  }
1634
-
1635
- .data-\[focus\=true\]\:ps-ring-indigo-400[data-focus="true"] {
2310
+ .ps .data-\[focus\=true\]\:ps-ring-indigo-400[data-focus="true"] {
1636
2311
  --tw-ring-opacity: 1;
1637
2312
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
1638
2313
  }
1639
-
1640
- .data-\[state\=closed\]\:ps-duration-300[data-state="closed"] {
2314
+ .ps .data-\[state\=closed\]\:ps-duration-300[data-state="closed"] {
1641
2315
  transition-duration: 300ms;
1642
2316
  }
1643
-
1644
- .data-\[state\=open\]\:ps-duration-500[data-state="open"] {
2317
+ .ps .data-\[state\=open\]\:ps-duration-500[data-state="open"] {
1645
2318
  transition-duration: 500ms;
1646
2319
  }
1647
-
1648
- .data-\[state\=open\]\:ps-animate-in[data-state="open"] {
2320
+ .ps .data-\[state\=open\]\:ps-animate-in[data-state="open"] {
1649
2321
  animation-name: enter;
1650
2322
  animation-duration: 150ms;
1651
2323
  --tw-enter-opacity: initial;
@@ -1654,8 +2326,7 @@ body {
1654
2326
  --tw-enter-translate-x: initial;
1655
2327
  --tw-enter-translate-y: initial;
1656
2328
  }
1657
-
1658
- .data-\[state\=closed\]\:ps-animate-out[data-state="closed"] {
2329
+ .ps .data-\[state\=closed\]\:ps-animate-out[data-state="closed"] {
1659
2330
  animation-name: exit;
1660
2331
  animation-duration: 150ms;
1661
2332
  --tw-exit-opacity: initial;
@@ -1664,191 +2335,167 @@ body {
1664
2335
  --tw-exit-translate-x: initial;
1665
2336
  --tw-exit-translate-y: initial;
1666
2337
  }
1667
-
1668
- .data-\[state\=closed\]\:ps-fade-out-0[data-state="closed"] {
2338
+ .ps .data-\[state\=closed\]\:ps-fade-out-0[data-state="closed"] {
1669
2339
  --tw-exit-opacity: 0;
1670
2340
  }
1671
-
1672
- .data-\[state\=open\]\:ps-fade-in-0[data-state="open"] {
2341
+ .ps .data-\[state\=open\]\:ps-fade-in-0[data-state="open"] {
1673
2342
  --tw-enter-opacity: 0;
1674
2343
  }
1675
-
1676
- .data-\[state\=closed\]\:ps-zoom-out-95[data-state="closed"] {
2344
+ .ps .data-\[state\=closed\]\:ps-zoom-out-95[data-state="closed"] {
1677
2345
  --tw-exit-scale: .95;
1678
2346
  }
1679
-
1680
- .data-\[state\=open\]\:ps-zoom-in-95[data-state="open"] {
2347
+ .ps .data-\[state\=open\]\:ps-zoom-in-95[data-state="open"] {
1681
2348
  --tw-enter-scale: .95;
1682
2349
  }
1683
-
1684
- .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"] {
1685
2351
  --tw-enter-translate-y: -0.5rem;
1686
2352
  }
1687
-
1688
- .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"] {
1689
2354
  --tw-enter-translate-x: 0.5rem;
1690
2355
  }
1691
-
1692
- .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"] {
1693
2357
  --tw-enter-translate-x: -0.5rem;
1694
2358
  }
1695
-
1696
- .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"] {
1697
2360
  --tw-enter-translate-y: 0.5rem;
1698
2361
  }
1699
-
1700
- .data-\[state\=closed\]\:ps-slide-out-to-bottom[data-state="closed"] {
2362
+ .ps .data-\[state\=closed\]\:ps-slide-out-to-bottom[data-state="closed"] {
1701
2363
  --tw-exit-translate-y: 100%;
1702
2364
  }
1703
-
1704
- .data-\[state\=closed\]\:ps-slide-out-to-left[data-state="closed"] {
2365
+ .ps .data-\[state\=closed\]\:ps-slide-out-to-left[data-state="closed"] {
1705
2366
  --tw-exit-translate-x: -100%;
1706
2367
  }
1707
-
1708
- .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"] {
1709
2369
  --tw-exit-translate-x: -50%;
1710
2370
  }
1711
-
1712
- .data-\[state\=closed\]\:ps-slide-out-to-right[data-state="closed"] {
2371
+ .ps .data-\[state\=closed\]\:ps-slide-out-to-right[data-state="closed"] {
1713
2372
  --tw-exit-translate-x: 100%;
1714
2373
  }
1715
-
1716
- .data-\[state\=closed\]\:ps-slide-out-to-top[data-state="closed"] {
2374
+ .ps .data-\[state\=closed\]\:ps-slide-out-to-top[data-state="closed"] {
1717
2375
  --tw-exit-translate-y: -100%;
1718
2376
  }
1719
-
1720
- .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"] {
1721
2378
  --tw-exit-translate-y: -48%;
1722
2379
  }
1723
-
1724
- .data-\[state\=open\]\:ps-slide-in-from-bottom[data-state="open"] {
2380
+ .ps .data-\[state\=open\]\:ps-slide-in-from-bottom[data-state="open"] {
1725
2381
  --tw-enter-translate-y: 100%;
1726
2382
  }
1727
-
1728
- .data-\[state\=open\]\:ps-slide-in-from-left[data-state="open"] {
2383
+ .ps .data-\[state\=open\]\:ps-slide-in-from-left[data-state="open"] {
1729
2384
  --tw-enter-translate-x: -100%;
1730
2385
  }
1731
-
1732
- .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"] {
1733
2387
  --tw-enter-translate-x: -50%;
1734
2388
  }
1735
-
1736
- .data-\[state\=open\]\:ps-slide-in-from-right[data-state="open"] {
2389
+ .ps .data-\[state\=open\]\:ps-slide-in-from-right[data-state="open"] {
1737
2390
  --tw-enter-translate-x: 100%;
1738
2391
  }
1739
-
1740
- .data-\[state\=open\]\:ps-slide-in-from-top[data-state="open"] {
2392
+ .ps .data-\[state\=open\]\:ps-slide-in-from-top[data-state="open"] {
1741
2393
  --tw-enter-translate-y: -100%;
1742
2394
  }
1743
-
1744
- .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"] {
1745
2396
  --tw-enter-translate-y: -48%;
1746
2397
  }
1747
-
1748
- .data-\[state\=closed\]\:ps-duration-300[data-state="closed"] {
2398
+ .ps .data-\[state\=closed\]\:ps-duration-300[data-state="closed"] {
1749
2399
  animation-duration: 300ms;
1750
2400
  }
1751
-
1752
- .data-\[state\=open\]\:ps-duration-500[data-state="open"] {
2401
+ .ps .data-\[state\=open\]\:ps-duration-500[data-state="open"] {
1753
2402
  animation-duration: 500ms;
1754
2403
  }
1755
-
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
+ }
1756
2412
  @media (min-width: 640px) {
1757
-
1758
- .sm\:ps-max-w-sm {
2413
+ .ps .sm\:ps-max-w-sm {
1759
2414
  max-width: 24rem;
1760
2415
  }
1761
-
1762
- .sm\:ps-flex-row {
2416
+ .ps .sm\:ps-flex-row {
1763
2417
  flex-direction: row;
1764
2418
  }
1765
-
1766
- .sm\:ps-justify-end {
2419
+ .ps .sm\:ps-justify-end {
1767
2420
  justify-content: flex-end;
1768
2421
  }
1769
-
1770
- .sm\:ps-space-x-2 > :not([hidden]) ~ :not([hidden]) {
2422
+ .ps .sm\:ps-space-x-2 > :not([hidden]) ~ :not([hidden]) {
1771
2423
  --tw-space-x-reverse: 0;
1772
2424
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1773
2425
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1774
2426
  }
1775
-
1776
- .sm\:ps-rounded-lg {
2427
+ .ps .sm\:ps-rounded-lg {
1777
2428
  border-radius: var(--radius);
1778
2429
  }
1779
-
1780
- .sm\:ps-text-left {
2430
+ .ps .sm\:ps-text-left {
1781
2431
  text-align: left;
1782
2432
  }
1783
2433
  }
1784
-
1785
2434
  @media (min-width: 768px) {
1786
-
1787
- .md\:ps-text-sm {
2435
+ .ps .md\:ps-text-sm {
1788
2436
  font-size: 0.875rem;
1789
2437
  line-height: 1.25rem;
1790
2438
  }
1791
-
1792
- .md\:ps-text-xs {
1793
- font-size: 0.75rem;
1794
- line-height: 1rem;
1795
- }
1796
- }
1797
-
1798
- .\[\&\:has\(\[role\=checkbox\]\)\]\:ps-pr-0:has([role=checkbox]) {
1799
- padding-right: 0px;
1800
2439
  }
1801
-
1802
- .\[\&\: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 {
1803
2441
  border-bottom-width: 0px;
1804
2442
  }
1805
-
1806
- .\[\&\>\[role\=checkbox\]\]\:ps-translate-y-\[2px\]>[role=checkbox] {
1807
- --tw-translate-y: 2px;
1808
- 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));
2443
+ .ps .\[\&\>button\]\:ps-bg-primary>button {
2444
+ background-color: hsl(var(--primary));
1809
2445
  }
1810
-
1811
- .\[\&\>span\]\:ps-line-clamp-1>span {
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 {
1812
2468
  overflow: hidden;
1813
2469
  display: -webkit-box;
1814
2470
  -webkit-box-orient: vertical;
1815
2471
  -webkit-line-clamp: 1;
1816
2472
  }
1817
-
1818
- .\[\&\>svg\]\:ps-size-4>svg {
2473
+ .ps .\[\&\>svg\]\:ps-size-4>svg {
1819
2474
  width: 1rem;
1820
2475
  height: 1rem;
1821
2476
  }
1822
-
1823
- .\[\&\>svg\]\:ps-shrink-0>svg {
2477
+ .ps .\[\&\>svg\]\:ps-shrink-0>svg {
1824
2478
  flex-shrink: 0;
1825
2479
  }
1826
-
1827
- .\[\&\>tr\]\:last\:ps-border-b-0:last-child>tr {
2480
+ .ps .\[\&\>tr\]\:last\:ps-border-b-0:last-child>tr {
1828
2481
  border-bottom-width: 0px;
1829
2482
  }
1830
-
1831
- .\[\&_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 {
1832
2490
  pointer-events: none;
1833
2491
  }
1834
-
1835
- .\[\&_svg\]\:ps-size-4 svg {
2492
+ .ps .\[\&_svg\]\:ps-size-4 svg {
1836
2493
  width: 1rem;
1837
2494
  height: 1rem;
1838
2495
  }
1839
-
1840
- .\[\&_svg\]\:ps-shrink-0 svg {
2496
+ .ps .\[\&_svg\]\:ps-shrink-0 svg {
1841
2497
  flex-shrink: 0;
1842
2498
  }
1843
-
1844
- .\[\&_th\]\:ps-sticky th {
1845
- position: sticky;
1846
- }
1847
-
1848
- .\[\&_th\]\:ps-top-0 th {
1849
- top: 0px;
1850
- }
1851
-
1852
- .\[\&_tr\:last-child\]\:ps-border-0 tr:last-child {
2499
+ .ps .\[\&_tr\:last-child\]\:ps-border-0 tr:last-child {
1853
2500
  border-width: 0px;
1854
2501
  }