@prisma/studio-core 0.0.0-dev.202505161636 → 0.0.0-dev.202505162320

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