@projectdiscoveryio/design-system 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/LICENSE +21 -0
  3. package/README.md +841 -0
  4. package/dist/fallback.css +824 -0
  5. package/dist/index.cjs +1513 -0
  6. package/dist/index.cjs.map +1 -0
  7. package/dist/index.css +1332 -0
  8. package/dist/index.d.cts +1497 -0
  9. package/dist/index.d.ts +1497 -0
  10. package/dist/index.js +1439 -0
  11. package/dist/index.js.map +1 -0
  12. package/dist/styles.css +1301 -0
  13. package/package.json +152 -0
package/dist/styles.css ADDED
@@ -0,0 +1,1301 @@
1
+ /* src/styles.css */
2
+ .pd-root {
3
+ --pd-background: 0 0% 100%;
4
+ --pd-foreground: 240 10% 10%;
5
+ --pd-primary: 240 6% 40%;
6
+ --pd-primary-foreground: 0 0% 100%;
7
+ --pd-secondary: 0 0% 93%;
8
+ --pd-secondary-foreground: 240 10% 10%;
9
+ --pd-muted: 0 0% 93%;
10
+ --pd-muted-foreground: 240 2% 75%;
11
+ --pd-border: 240 2% 75%;
12
+ --pd-input: 240 2% 75%;
13
+ --pd-ring: 240 6% 40%;
14
+ --pd-radius: 0.375em;
15
+ --pd-color-black: #09090B;
16
+ --pd-color-white: #FFFFFF;
17
+ --pd-font-mono:
18
+ Geist Mono,
19
+ Menlo,
20
+ Monaco,
21
+ Consolas,
22
+ Liberation Mono,
23
+ Courier New,
24
+ monospace;
25
+ --pd-font-sans:
26
+ Geist,
27
+ -apple-system,
28
+ BlinkMacSystemFont,
29
+ Segoe UI,
30
+ Roboto,
31
+ Oxygen,
32
+ Ubuntu,
33
+ Cantarell,
34
+ sans-serif;
35
+ --pd-font-size-2xl: 1.5em;
36
+ --pd-font-size-3xl: 1.875em;
37
+ --pd-font-size-4xl: 2.25em;
38
+ --pd-font-size-5xl: 3em;
39
+ --pd-font-size-6xl: 3.75em;
40
+ --pd-font-size-7xl: 4.5em;
41
+ --pd-font-size-8xl: 6em;
42
+ --pd-font-size-9xl: 8em;
43
+ --pd-font-size-base: 1em;
44
+ --pd-font-size-lg: 1.125em;
45
+ --pd-font-size-sm: 0.875em;
46
+ --pd-font-size-xl: 1.25em;
47
+ --pd-font-size-xs: 0.75em;
48
+ --pd-font-weight-bold: 700;
49
+ --pd-font-weight-medium: 500;
50
+ --pd-font-weight-normal: 400;
51
+ --pd-font-weight-semibold: 600;
52
+ --pd-line-height-normal: 1.5;
53
+ --pd-line-height-relaxed: 1.75;
54
+ --pd-line-height-tight: 1.25;
55
+ --pd-letter-spacing-button: 0.00833em;
56
+ --pd-spacing-0: 0em;
57
+ --pd-spacing-10: 2.5em;
58
+ --pd-spacing-1: 0.25em;
59
+ --pd-spacing-2: 0.5em;
60
+ --pd-spacing-3: 0.75em;
61
+ --pd-spacing-4: 1em;
62
+ --pd-spacing-5: 1.25em;
63
+ --pd-spacing-6: 1.5em;
64
+ --pd-spacing-7: 1.75em;
65
+ --pd-spacing-8: 2em;
66
+ --pd-spacing-9: 2.25em;
67
+ --pd-radius-2xl: 1em;
68
+ --pd-radius-3xl: 1.5em;
69
+ --pd-radius-base: 0.25em;
70
+ --pd-radius-button: 0.5em;
71
+ --pd-radius-full: 9999px;
72
+ --pd-radius-lg: 0.5em;
73
+ --pd-radius-md: 0.375em;
74
+ --pd-radius-none: 0;
75
+ --pd-radius-sm: 0.125em;
76
+ --pd-radius-xl: 0.75em;
77
+ --pd-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
78
+ --pd-shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
79
+ --pd-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
80
+ --pd-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
81
+ --pd-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
82
+ --pd-shadow-none: none;
83
+ --pd-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
84
+ --pd-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
85
+ --pd-z-base: 0;
86
+ --pd-z-dropdown: 1000;
87
+ --pd-z-fixed: 1030;
88
+ --pd-z-modal-backdrop: 1040;
89
+ --pd-z-modal: 1050;
90
+ --pd-z-popover: 1060;
91
+ --pd-z-sticky: 1020;
92
+ --pd-z-tooltip: 1070;
93
+ --pd-button-gap: 0.5em;
94
+ --pd-button-letter-spacing: 0.00833em;
95
+ --pd-button-line-height-lg: 1.333em;
96
+ --pd-button-line-height-md: 1.333em;
97
+ --pd-button-line-height-sm: 1.333em;
98
+ --pd-button-padding-lg-horizontal: 1.25em;
99
+ --pd-button-padding-lg-vertical: 0.75em;
100
+ --pd-button-padding-md-horizontal: 1em;
101
+ --pd-button-padding-md-vertical: 0.625em;
102
+ --pd-button-padding-sm-horizontal: 0.75em;
103
+ --pd-button-padding-sm-vertical: 0.5em;
104
+ --pd-background-base: #FFFFFF;
105
+ --pd-background-green-on-hover: #BDFFD5;
106
+ --pd-background-green: #E0FFEC;
107
+ --pd-background-info-on-hover: #99B7FF;
108
+ --pd-background-info: #EBF1FF;
109
+ --pd-background-invert-light: #17171C;
110
+ --pd-background-invert: #09090B;
111
+ --pd-background-low-on-hover: #DFDFE2;
112
+ --pd-background-low: #EDEDED;
113
+ --pd-background-orange-on-hover: #FFE1CC;
114
+ --pd-background-orange: #FFF3EB;
115
+ --pd-background-primary: #FFFFFF;
116
+ --pd-background-red-on-hover: #FADBE1;
117
+ --pd-background-red: #FDF2F4;
118
+ --pd-background-secondary: #EDEDED;
119
+ --pd-background-system: #FAFAFA;
120
+ --pd-background-tertiary: #DFDFE2;
121
+ --pd-background-yellow-on-hover: #FFE1CC;
122
+ --pd-background-yellow: #FFF3EB;
123
+ --pd-border-blue-on-hover: #003FD6;
124
+ --pd-border-blue-subtle: #99B7FF;
125
+ --pd-border-blue: #3772FF;
126
+ --pd-border-green-on-hover: #00B241;
127
+ --pd-border-green-subtle: #8AFFB5;
128
+ --pd-border-green: #00E052;
129
+ --pd-border-invert: #09090B;
130
+ --pd-border-on-color: #FFFFFF;
131
+ --pd-border-orange-on-hover: #AD4700;
132
+ --pd-border-orange-subtle: #FFC9A3;
133
+ --pd-border-orange: #D65700;
134
+ --pd-border-primary: #BEBEC1;
135
+ --pd-border-red-on-hover: #A11730;
136
+ --pd-border-red-subtle: #F6C1CA;
137
+ --pd-border-red: #C41C3B;
138
+ --pd-border-secondary: #DFDFE2;
139
+ --pd-border-subtle: #DFDFE2;
140
+ --pd-border-yellow-on-hover: #D68700;
141
+ --pd-border-yellow-subtle: #FFD999;
142
+ --pd-border-yellow: #F09700;
143
+ --pd-content-always-black: #09090B;
144
+ --pd-content-always-white: #FFFFFF;
145
+ --pd-content-blue-disabled: #709AFF;
146
+ --pd-content-blue-on-hover: #004BFF;
147
+ --pd-content-blue: #3772FF;
148
+ --pd-content-green-disabled: #5CFF98;
149
+ --pd-content-green-on-hover: #00E052;
150
+ --pd-content-green: #00B241;
151
+ --pd-content-on-color-inverse: #09090B;
152
+ --pd-content-on-color: #FFFFFF;
153
+ --pd-content-orange-disabled: #EC9C64;
154
+ --pd-content-orange-on-hover: #AD4700;
155
+ --pd-content-orange: #D65700;
156
+ --pd-content-primary: #17171C;
157
+ --pd-content-red-disabled: #E15C5C;
158
+ --pd-content-red-on-hover: #A11730;
159
+ --pd-content-red: #C41C3B;
160
+ --pd-content-secondary: #60606C;
161
+ --pd-content-subtle: #BEBEC1;
162
+ --pd-content-yellow-disabled: #FFCA70;
163
+ --pd-content-yellow-on-hover: #D68700;
164
+ --pd-content-yellow: #F09700;
165
+ --pd-intent-primary: #60606C;
166
+ --pd-intent-primary-hover: #4E4E5A;
167
+ --pd-intent-primary-active: #2F2F37;
168
+ --pd-intent-primary-bg: #EDEDED;
169
+ --pd-intent-primary-bg-hover: #DFDFE2;
170
+ --pd-intent-primary-bg-active: #DFDFE2;
171
+ --pd-intent-primary-border: #BEBEC1;
172
+ --pd-intent-primary-text: #17171C;
173
+ --pd-intent-success: #00E052;
174
+ --pd-intent-success-hover: #00B241;
175
+ --pd-intent-success-active: #008A32;
176
+ --pd-intent-success-bg: #E0FFEC;
177
+ --pd-intent-success-bg-hover: #BDFFD5;
178
+ --pd-intent-success-bg-active: #8AFFB5;
179
+ --pd-intent-success-border: #00E052;
180
+ --pd-intent-success-text: #00B241;
181
+ --pd-intent-warning: #F09700;
182
+ --pd-intent-warning-hover: #D68700;
183
+ --pd-intent-warning-active: #7A4D00;
184
+ --pd-intent-warning-bg: #FFF3EB;
185
+ --pd-intent-warning-bg-hover: #FFE1CC;
186
+ --pd-intent-warning-bg-active: #FFE8C2;
187
+ --pd-intent-warning-border: #F09700;
188
+ --pd-intent-warning-text: #F09700;
189
+ --pd-intent-danger: #C41C3B;
190
+ --pd-intent-danger-hover: #A11730;
191
+ --pd-intent-danger-active: #7D1225;
192
+ --pd-intent-danger-bg: #FDF2F4;
193
+ --pd-intent-danger-bg-hover: #FADBE1;
194
+ --pd-intent-danger-bg-active: #FADBE1;
195
+ --pd-intent-danger-border: #C41C3B;
196
+ --pd-intent-danger-text: #C41C3B;
197
+ --pd-intent-neutral: #60606C;
198
+ --pd-intent-neutral-hover: #4E4E5A;
199
+ --pd-intent-neutral-active: #2F2F37;
200
+ --pd-intent-neutral-bg: #EDEDED;
201
+ --pd-intent-neutral-bg-hover: #DFDFE2;
202
+ --pd-intent-neutral-bg-active: #DFDFE2;
203
+ --pd-intent-neutral-border: #BEBEC1;
204
+ --pd-intent-neutral-text: #17171C;
205
+ --pd-surface-base: #FFFFFF;
206
+ --pd-surface-base-border: #BEBEC1;
207
+ --pd-surface-elevated: #EDEDED;
208
+ --pd-surface-elevated-border: #DFDFE2;
209
+ --pd-surface-overlay: rgba(0, 0, 0, 0.5);
210
+ --pd-text-heading: #17171C;
211
+ --pd-text-body: #17171C;
212
+ --pd-text-muted: #BEBEC1;
213
+ --pd-text-disabled: #BEBEC1;
214
+ --accent: var(--pd-background-secondary);
215
+ --accent-foreground: var(--pd-content-primary);
216
+ --background: var(--pd-background-primary);
217
+ --background-green: var(--pd-background-green);
218
+ --background-green-on-hover: var(--pd-background-green-on-hover);
219
+ --background-info: var(--pd-background-info);
220
+ --background-info-on-hover: var(--pd-background-info-on-hover);
221
+ --background-invert: var(--pd-background-invert);
222
+ --background-invert-light: var(--pd-background-invert-light);
223
+ --background-low: var(--pd-background-low);
224
+ --background-low-on-hover: var(--pd-background-low-on-hover);
225
+ --background-orange: var(--pd-background-orange);
226
+ --background-orange-on-hover: var(--pd-background-orange-on-hover);
227
+ --background-primary: var(--pd-background-primary);
228
+ --background-red: var(--pd-background-red);
229
+ --background-red-on-hover: var(--pd-background-red-on-hover);
230
+ --background-secondary: var(--pd-background-secondary);
231
+ --background-system: var(--pd-background-system);
232
+ --background-tertiary: var(--pd-background-tertiary);
233
+ --background-yellow: var(--pd-background-yellow);
234
+ --background-yellow-on-hover: var(--pd-background-yellow-on-hover);
235
+ --border: var(--pd-border-primary);
236
+ --border-blue: var(--pd-border-blue);
237
+ --border-blue-on-hover: var(--pd-border-blue-on-hover);
238
+ --border-blue-subtle: var(--pd-border-blue-subtle);
239
+ --border-green: var(--pd-border-green);
240
+ --border-green-on-hover: var(--pd-border-green-on-hover);
241
+ --border-green-subtle: var(--pd-border-green-subtle);
242
+ --border-invert: var(--pd-border-invert);
243
+ --border-on-color: var(--pd-border-on-color);
244
+ --border-orange: var(--pd-border-orange);
245
+ --border-orange-on-hover: var(--pd-border-orange-on-hover);
246
+ --border-orange-subtle: var(--pd-border-orange-subtle);
247
+ --border-primary: var(--pd-border-primary);
248
+ --border-red: var(--pd-border-red);
249
+ --border-red-on-hover: var(--pd-border-red-on-hover);
250
+ --border-red-subtle: var(--pd-border-red-subtle);
251
+ --border-secondary: var(--pd-border-secondary);
252
+ --border-subtle: var(--pd-border-subtle);
253
+ --border-yellow: var(--pd-border-yellow);
254
+ --border-yellow-on-hover: var(--pd-border-yellow-on-hover);
255
+ --border-yellow-subtle: var(--pd-border-yellow-subtle);
256
+ --card: var(--pd-background-secondary);
257
+ --card-foreground: var(--pd-content-primary);
258
+ --color-black: var(--pd-color-black);
259
+ --color-white: var(--pd-color-white);
260
+ --content-always-black: var(--pd-content-always-black);
261
+ --content-always-white: var(--pd-content-always-white);
262
+ --content-blue: var(--pd-content-blue);
263
+ --content-blue-disabled: var(--pd-content-blue-disabled);
264
+ --content-blue-on-hover: var(--pd-content-blue-on-hover);
265
+ --content-green: var(--pd-content-green);
266
+ --content-green-disabled: var(--pd-content-green-disabled);
267
+ --content-green-on-hover: var(--pd-content-green-on-hover);
268
+ --content-on-color: var(--pd-content-on-color);
269
+ --content-on-color-inverse: var(--pd-content-on-color-inverse);
270
+ --content-orange: var(--pd-content-orange);
271
+ --content-orange-disabled: var(--pd-content-orange-disabled);
272
+ --content-orange-on-hover: var(--pd-content-orange-on-hover);
273
+ --content-primary: var(--pd-content-primary);
274
+ --content-red: var(--pd-content-red);
275
+ --content-red-disabled: var(--pd-content-red-disabled);
276
+ --content-red-on-hover: var(--pd-content-red-on-hover);
277
+ --content-secondary: var(--pd-content-secondary);
278
+ --content-subtle: var(--pd-content-subtle);
279
+ --content-yellow: var(--pd-content-yellow);
280
+ --content-yellow-disabled: var(--pd-content-yellow-disabled);
281
+ --content-yellow-on-hover: var(--pd-content-yellow-on-hover);
282
+ --destructive: var(--pd-content-red);
283
+ --destructive-foreground: var(--pd-color-white);
284
+ --font-mono: var(--pd-font-mono);
285
+ --font-sans: var(--pd-font-sans);
286
+ --font-size-2xl: var(--pd-font-size-2xl);
287
+ --font-size-3xl: var(--pd-font-size-3xl);
288
+ --font-size-4xl: var(--pd-font-size-4xl);
289
+ --font-size-5xl: var(--pd-font-size-5xl);
290
+ --font-size-base: var(--pd-font-size-base);
291
+ --font-size-lg: var(--pd-font-size-lg);
292
+ --font-size-sm: var(--pd-font-size-sm);
293
+ --font-size-xl: var(--pd-font-size-xl);
294
+ --font-size-xs: var(--pd-font-size-xs);
295
+ --font-weight-bold: var(--pd-font-weight-bold);
296
+ --font-weight-medium: var(--pd-font-weight-medium);
297
+ --font-weight-normal: var(--pd-font-weight-normal);
298
+ --font-weight-semibold: var(--pd-font-weight-semibold);
299
+ --foreground: var(--pd-foreground);
300
+ --input: var(--pd-input);
301
+ --intent-danger: var(--pd-intent-danger);
302
+ --intent-danger-active: var(--pd-intent-danger-active);
303
+ --intent-danger-bg: var(--pd-intent-danger-bg);
304
+ --intent-danger-bg-active: var(--pd-intent-danger-bg-active);
305
+ --intent-danger-bg-hover: var(--pd-intent-danger-bg-hover);
306
+ --intent-danger-border: var(--pd-intent-danger-border);
307
+ --intent-danger-hover: var(--pd-intent-danger-hover);
308
+ --intent-danger-text: var(--pd-intent-danger-text);
309
+ --intent-neutral: var(--pd-intent-neutral);
310
+ --intent-neutral-active: var(--pd-intent-neutral-active);
311
+ --intent-neutral-bg: var(--pd-intent-neutral-bg);
312
+ --intent-neutral-bg-active: var(--pd-intent-neutral-bg-active);
313
+ --intent-neutral-bg-hover: var(--pd-intent-neutral-bg-hover);
314
+ --intent-neutral-border: var(--pd-intent-neutral-border);
315
+ --intent-neutral-hover: var(--pd-intent-neutral-hover);
316
+ --intent-neutral-text: var(--pd-intent-neutral-text);
317
+ --intent-primary: var(--pd-intent-primary);
318
+ --intent-primary-active: var(--pd-intent-primary-active);
319
+ --intent-primary-bg: var(--pd-intent-primary-bg);
320
+ --intent-primary-bg-active: var(--pd-intent-primary-bg-active);
321
+ --intent-primary-bg-hover: var(--pd-intent-primary-bg-hover);
322
+ --intent-primary-border: var(--pd-intent-primary-border);
323
+ --intent-primary-hover: var(--pd-intent-primary-hover);
324
+ --intent-primary-text: var(--pd-intent-primary-text);
325
+ --intent-success: var(--pd-intent-success);
326
+ --intent-success-active: var(--pd-intent-success-active);
327
+ --intent-success-bg: var(--pd-intent-success-bg);
328
+ --intent-success-bg-active: var(--pd-intent-success-bg-active);
329
+ --intent-success-bg-hover: var(--pd-intent-success-bg-hover);
330
+ --intent-success-border: var(--pd-intent-success-border);
331
+ --intent-success-hover: var(--pd-intent-success-hover);
332
+ --intent-success-text: var(--pd-intent-success-text);
333
+ --intent-warning: var(--pd-intent-warning);
334
+ --intent-warning-active: var(--pd-intent-warning-active);
335
+ --intent-warning-bg: var(--pd-intent-warning-bg);
336
+ --intent-warning-bg-active: var(--pd-intent-warning-bg-active);
337
+ --intent-warning-bg-hover: var(--pd-intent-warning-bg-hover);
338
+ --intent-warning-border: var(--pd-intent-warning-border);
339
+ --intent-warning-hover: var(--pd-intent-warning-hover);
340
+ --intent-warning-text: var(--pd-intent-warning-text);
341
+ --line-height-normal: var(--pd-line-height-normal);
342
+ --line-height-relaxed: var(--pd-line-height-relaxed);
343
+ --line-height-tight: var(--pd-line-height-tight);
344
+ --muted: var(--pd-muted);
345
+ --muted-foreground: var(--pd-muted-foreground);
346
+ --popover: var(--pd-background-secondary);
347
+ --popover-foreground: var(--pd-content-primary);
348
+ --primary: var(--pd-primary);
349
+ --primary-foreground: var(--pd-primary-foreground);
350
+ --radius: var(--pd-radius);
351
+ --radius-2xl: var(--pd-radius-2xl);
352
+ --radius-3xl: var(--pd-radius-3xl);
353
+ --radius-base: var(--pd-radius-base);
354
+ --radius-full: var(--pd-radius-full);
355
+ --radius-lg: var(--pd-radius-lg);
356
+ --radius-md: var(--pd-radius-md);
357
+ --radius-none: var(--pd-radius-none);
358
+ --radius-sm: var(--pd-radius-sm);
359
+ --radius-xl: var(--pd-radius-xl);
360
+ --ring: var(--pd-ring);
361
+ --secondary: var(--pd-secondary);
362
+ --secondary-foreground: var(--pd-secondary-foreground);
363
+ --shadow-2xl: var(--pd-shadow-2xl);
364
+ --shadow-base: var(--pd-shadow-base);
365
+ --shadow-inner: var(--pd-shadow-inner);
366
+ --shadow-lg: var(--pd-shadow-lg);
367
+ --shadow-md: var(--pd-shadow-md);
368
+ --shadow-none: var(--pd-shadow-none);
369
+ --shadow-sm: var(--pd-shadow-sm);
370
+ --shadow-xl: var(--pd-shadow-xl);
371
+ --spacing-0: var(--pd-spacing-0);
372
+ --spacing-1: var(--pd-spacing-1);
373
+ --spacing-10: var(--pd-spacing-10);
374
+ --spacing-12: var(--pd-spacing-12);
375
+ --spacing-16: var(--pd-spacing-16);
376
+ --spacing-2: var(--pd-spacing-2);
377
+ --spacing-20: var(--pd-spacing-20);
378
+ --spacing-24: var(--pd-spacing-24);
379
+ --spacing-3: var(--pd-spacing-3);
380
+ --spacing-4: var(--pd-spacing-4);
381
+ --spacing-5: var(--pd-spacing-5);
382
+ --spacing-6: var(--pd-spacing-6);
383
+ --spacing-8: var(--pd-spacing-8);
384
+ --surface-base: var(--pd-surface-base);
385
+ --surface-base-border: var(--pd-surface-base-border);
386
+ --surface-elevated: var(--pd-surface-elevated);
387
+ --surface-elevated-border: var(--pd-surface-elevated-border);
388
+ --surface-overlay: var(--pd-surface-overlay);
389
+ --text-body: var(--pd-text-body);
390
+ --text-disabled: var(--pd-text-disabled);
391
+ --text-heading: var(--pd-text-heading);
392
+ --text-muted: var(--pd-text-muted);
393
+ --z-dropdown: var(--pd-z-dropdown);
394
+ --z-fixed: var(--pd-z-fixed);
395
+ --z-modal: var(--pd-z-modal);
396
+ --z-modal-backdrop: var(--pd-z-modal-backdrop);
397
+ --z-popover: var(--pd-z-popover);
398
+ --z-sticky: var(--pd-z-sticky);
399
+ --z-tooltip: var(--pd-z-tooltip);
400
+ }
401
+ .pd-root.pd-dark {
402
+ --pd-background: 240 10% 4%;
403
+ --pd-foreground: 240 5% 88%;
404
+ --pd-primary: 240 5% 88%;
405
+ --pd-primary-foreground: 240 10% 4%;
406
+ --pd-secondary: 240 10% 10%;
407
+ --pd-secondary-foreground: 240 5% 88%;
408
+ --pd-muted: 240 10% 10%;
409
+ --pd-muted-foreground: 240 7% 33%;
410
+ --pd-border: 240 7% 33%;
411
+ --pd-input: 240 7% 33%;
412
+ --pd-ring: 240 5% 52%;
413
+ --pd-background-base: #09090B;
414
+ --pd-background-green-on-hover: #006625;
415
+ --pd-background-green: #00471A;
416
+ --pd-background-info-on-hover: #001E66;
417
+ --pd-background-info: #00123D;
418
+ --pd-background-invert-light: #DFDFE2;
419
+ --pd-background-invert: #FFFFFF;
420
+ --pd-background-low-on-hover: #2F2F37;
421
+ --pd-background-low: #17171C;
422
+ --pd-background-orange-on-hover: #5C2500;
423
+ --pd-background-orange: #331500;
424
+ --pd-background-primary: #09090B;
425
+ --pd-background-red-on-hover: #4C0B17;
426
+ --pd-background-red: #2D060D;
427
+ --pd-background-secondary: #17171C;
428
+ --pd-background-system: #09090B;
429
+ --pd-background-tertiary: #2F2F37;
430
+ --pd-background-yellow-on-hover: #5C3A00;
431
+ --pd-background-yellow: #3D2600;
432
+ --pd-border-blue-on-hover: #3772FF;
433
+ --pd-border-blue-subtle: #002680;
434
+ --pd-border-blue: #709AFF;
435
+ --pd-border-green-on-hover: #00B241;
436
+ --pd-border-green-subtle: #006625;
437
+ --pd-border-green: #00E052;
438
+ --pd-border-invert: #FFFFFF;
439
+ --pd-border-on-color: #09090B;
440
+ --pd-border-orange-on-hover: #FF6800;
441
+ --pd-border-orange-subtle: #5C2500;
442
+ --pd-border-orange: #EC9C64;
443
+ --pd-border-primary: #4E4E5A;
444
+ --pd-border-red-on-hover: #E12D4E;
445
+ --pd-border-red-subtle: #4C0B17;
446
+ --pd-border-red: #E15C5C;
447
+ --pd-border-secondary: #2F2F37;
448
+ --pd-border-subtle: #2F2F37;
449
+ --pd-border-yellow-on-hover: #FFAD22;
450
+ --pd-border-yellow-subtle: #5C3A00;
451
+ --pd-border-yellow: #FFCA70;
452
+ --pd-content-always-black: #09090B;
453
+ --pd-content-always-white: #FFFFFF;
454
+ --pd-content-blue-disabled: #002680;
455
+ --pd-content-blue-on-hover: #3772FF;
456
+ --pd-content-blue: #709AFF;
457
+ --pd-content-green-disabled: #008A32;
458
+ --pd-content-green-on-hover: #09FF63;
459
+ --pd-content-green: #00E052;
460
+ --pd-content-on-color-inverse: #FFFFFF;
461
+ --pd-content-on-color: #09090B;
462
+ --pd-content-orange-disabled: #7A3200;
463
+ --pd-content-orange-on-hover: #FFC9A3;
464
+ --pd-content-orange: #EC9C64;
465
+ --pd-content-primary: #DFDFE2;
466
+ --pd-content-red-disabled: #7D1225;
467
+ --pd-content-red-on-hover: #F6C1CA;
468
+ --pd-content-red: #E15C5C;
469
+ --pd-content-secondary: #7E7E8B;
470
+ --pd-content-subtle: #4E4E5A;
471
+ --pd-content-yellow-disabled: #7A4D00;
472
+ --pd-content-yellow-on-hover: #FFD999;
473
+ --pd-content-yellow: #FFCA70;
474
+ --pd-intent-primary: #7E7E8B;
475
+ --pd-intent-primary-hover: #DFDFE2;
476
+ --pd-intent-primary-active: #EDEDED;
477
+ --pd-intent-primary-bg: #17171C;
478
+ --pd-intent-primary-bg-hover: #2F2F37;
479
+ --pd-intent-primary-bg-active: #2F2F37;
480
+ --pd-intent-primary-border: #4E4E5A;
481
+ --pd-intent-primary-text: #DFDFE2;
482
+ --pd-intent-success: #00E052;
483
+ --pd-intent-success-hover: #09FF63;
484
+ --pd-intent-success-active: #00B241;
485
+ --pd-intent-success-bg: #00471A;
486
+ --pd-intent-success-bg-hover: #006625;
487
+ --pd-intent-success-bg-active: #008A32;
488
+ --pd-intent-success-border: #00E052;
489
+ --pd-intent-success-text: #00E052;
490
+ --pd-intent-warning: #FFCA70;
491
+ --pd-intent-warning-hover: #FFD999;
492
+ --pd-intent-warning-active: #FFAD22;
493
+ --pd-intent-warning-bg: #3D2600;
494
+ --pd-intent-warning-bg-hover: #5C3A00;
495
+ --pd-intent-warning-bg-active: #5C3A00;
496
+ --pd-intent-warning-border: #FFCA70;
497
+ --pd-intent-warning-text: #FFCA70;
498
+ --pd-intent-danger: #E15C5C;
499
+ --pd-intent-danger-hover: #F6C1CA;
500
+ --pd-intent-danger-active: #E12D4E;
501
+ --pd-intent-danger-bg: #2D060D;
502
+ --pd-intent-danger-bg-hover: #4C0B17;
503
+ --pd-intent-danger-bg-active: #4C0B17;
504
+ --pd-intent-danger-border: #E15C5C;
505
+ --pd-intent-danger-text: #E15C5C;
506
+ --pd-intent-neutral: #7E7E8B;
507
+ --pd-intent-neutral-hover: #DFDFE2;
508
+ --pd-intent-neutral-active: #EDEDED;
509
+ --pd-intent-neutral-bg: #17171C;
510
+ --pd-intent-neutral-bg-hover: #2F2F37;
511
+ --pd-intent-neutral-bg-active: #2F2F37;
512
+ --pd-intent-neutral-border: #4E4E5A;
513
+ --pd-intent-neutral-text: #DFDFE2;
514
+ --pd-surface-base: #09090B;
515
+ --pd-surface-base-border: #4E4E5A;
516
+ --pd-surface-elevated: #17171C;
517
+ --pd-surface-elevated-border: #2F2F37;
518
+ --pd-surface-overlay: rgba(0, 0, 0, 0.7);
519
+ --pd-text-heading: #DFDFE2;
520
+ --pd-text-body: #DFDFE2;
521
+ --pd-text-muted: #4E4E5A;
522
+ --pd-text-disabled: #60606C;
523
+ --accent: var(--pd-background-secondary);
524
+ --accent-foreground: var(--pd-content-primary);
525
+ --background: var(--pd-background-primary);
526
+ --background-green: var(--pd-background-green);
527
+ --background-green-on-hover: var(--pd-background-green-on-hover);
528
+ --background-info: var(--pd-background-info);
529
+ --background-info-on-hover: var(--pd-background-info-on-hover);
530
+ --background-invert: var(--pd-background-invert);
531
+ --background-invert-light: var(--pd-background-invert-light);
532
+ --background-low: var(--pd-background-low);
533
+ --background-low-on-hover: var(--pd-background-low-on-hover);
534
+ --background-orange: var(--pd-background-orange);
535
+ --background-orange-on-hover: var(--pd-background-orange-on-hover);
536
+ --background-primary: var(--pd-background-primary);
537
+ --background-red: var(--pd-background-red);
538
+ --background-red-on-hover: var(--pd-background-red-on-hover);
539
+ --background-secondary: var(--pd-background-secondary);
540
+ --background-system: var(--pd-background-system);
541
+ --background-tertiary: var(--pd-background-tertiary);
542
+ --background-yellow: var(--pd-background-yellow);
543
+ --background-yellow-on-hover: var(--pd-background-yellow-on-hover);
544
+ --border: var(--pd-border-primary);
545
+ --border-blue: var(--pd-border-blue);
546
+ --border-blue-on-hover: var(--pd-border-blue-on-hover);
547
+ --border-blue-subtle: var(--pd-border-blue-subtle);
548
+ --border-green: var(--pd-border-green);
549
+ --border-green-on-hover: var(--pd-border-green-on-hover);
550
+ --border-green-subtle: var(--pd-border-green-subtle);
551
+ --border-invert: var(--pd-border-invert);
552
+ --border-on-color: var(--pd-border-on-color);
553
+ --border-orange: var(--pd-border-orange);
554
+ --border-orange-on-hover: var(--pd-border-orange-on-hover);
555
+ --border-orange-subtle: var(--pd-border-orange-subtle);
556
+ --border-primary: var(--pd-border-primary);
557
+ --border-red: var(--pd-border-red);
558
+ --border-red-on-hover: var(--pd-border-red-on-hover);
559
+ --border-red-subtle: var(--pd-border-red-subtle);
560
+ --border-secondary: var(--pd-border-secondary);
561
+ --border-subtle: var(--pd-border-subtle);
562
+ --border-yellow: var(--pd-border-yellow);
563
+ --border-yellow-on-hover: var(--pd-border-yellow-on-hover);
564
+ --border-yellow-subtle: var(--pd-border-yellow-subtle);
565
+ --card: var(--pd-background-secondary);
566
+ --card-foreground: var(--pd-content-primary);
567
+ --color-black: var(--pd-color-black);
568
+ --color-white: var(--pd-color-white);
569
+ --content-always-black: var(--pd-content-always-black);
570
+ --content-always-white: var(--pd-content-always-white);
571
+ --content-blue: var(--pd-content-blue);
572
+ --content-blue-disabled: var(--pd-content-blue-disabled);
573
+ --content-blue-on-hover: var(--pd-content-blue-on-hover);
574
+ --content-green: var(--pd-content-green);
575
+ --content-green-disabled: var(--pd-content-green-disabled);
576
+ --content-green-on-hover: var(--pd-content-green-on-hover);
577
+ --content-on-color: var(--pd-content-on-color);
578
+ --content-on-color-inverse: var(--pd-content-on-color-inverse);
579
+ --content-orange: var(--pd-content-orange);
580
+ --content-orange-disabled: var(--pd-content-orange-disabled);
581
+ --content-orange-on-hover: var(--pd-content-orange-on-hover);
582
+ --content-primary: var(--pd-content-primary);
583
+ --content-red: var(--pd-content-red);
584
+ --content-red-disabled: var(--pd-content-red-disabled);
585
+ --content-red-on-hover: var(--pd-content-red-on-hover);
586
+ --content-secondary: var(--pd-content-secondary);
587
+ --content-subtle: var(--pd-content-subtle);
588
+ --content-yellow: var(--pd-content-yellow);
589
+ --content-yellow-disabled: var(--pd-content-yellow-disabled);
590
+ --content-yellow-on-hover: var(--pd-content-yellow-on-hover);
591
+ --destructive: var(--pd-content-red);
592
+ --destructive-foreground: var(--pd-color-white);
593
+ --font-mono: var(--pd-font-mono);
594
+ --font-sans: var(--pd-font-sans);
595
+ --font-size-2xl: var(--pd-font-size-2xl);
596
+ --font-size-3xl: var(--pd-font-size-3xl);
597
+ --font-size-4xl: var(--pd-font-size-4xl);
598
+ --font-size-5xl: var(--pd-font-size-5xl);
599
+ --font-size-base: var(--pd-font-size-base);
600
+ --font-size-lg: var(--pd-font-size-lg);
601
+ --font-size-sm: var(--pd-font-size-sm);
602
+ --font-size-xl: var(--pd-font-size-xl);
603
+ --font-size-xs: var(--pd-font-size-xs);
604
+ --font-weight-bold: var(--pd-font-weight-bold);
605
+ --font-weight-medium: var(--pd-font-weight-medium);
606
+ --font-weight-normal: var(--pd-font-weight-normal);
607
+ --font-weight-semibold: var(--pd-font-weight-semibold);
608
+ --foreground: var(--pd-foreground);
609
+ --input: var(--pd-input);
610
+ --intent-danger: var(--pd-intent-danger);
611
+ --intent-danger-active: var(--pd-intent-danger-active);
612
+ --intent-danger-bg: var(--pd-intent-danger-bg);
613
+ --intent-danger-bg-active: var(--pd-intent-danger-bg-active);
614
+ --intent-danger-bg-hover: var(--pd-intent-danger-bg-hover);
615
+ --intent-danger-border: var(--pd-intent-danger-border);
616
+ --intent-danger-hover: var(--pd-intent-danger-hover);
617
+ --intent-danger-text: var(--pd-intent-danger-text);
618
+ --intent-neutral: var(--pd-intent-neutral);
619
+ --intent-neutral-active: var(--pd-intent-neutral-active);
620
+ --intent-neutral-bg: var(--pd-intent-neutral-bg);
621
+ --intent-neutral-bg-active: var(--pd-intent-neutral-bg-active);
622
+ --intent-neutral-bg-hover: var(--pd-intent-neutral-bg-hover);
623
+ --intent-neutral-border: var(--pd-intent-neutral-border);
624
+ --intent-neutral-hover: var(--pd-intent-neutral-hover);
625
+ --intent-neutral-text: var(--pd-intent-neutral-text);
626
+ --intent-primary: var(--pd-intent-primary);
627
+ --intent-primary-active: var(--pd-intent-primary-active);
628
+ --intent-primary-bg: var(--pd-intent-primary-bg);
629
+ --intent-primary-bg-active: var(--pd-intent-primary-bg-active);
630
+ --intent-primary-bg-hover: var(--pd-intent-primary-bg-hover);
631
+ --intent-primary-border: var(--pd-intent-primary-border);
632
+ --intent-primary-hover: var(--pd-intent-primary-hover);
633
+ --intent-primary-text: var(--pd-intent-primary-text);
634
+ --intent-success: var(--pd-intent-success);
635
+ --intent-success-active: var(--pd-intent-success-active);
636
+ --intent-success-bg: var(--pd-intent-success-bg);
637
+ --intent-success-bg-active: var(--pd-intent-success-bg-active);
638
+ --intent-success-bg-hover: var(--pd-intent-success-bg-hover);
639
+ --intent-success-border: var(--pd-intent-success-border);
640
+ --intent-success-hover: var(--pd-intent-success-hover);
641
+ --intent-success-text: var(--pd-intent-success-text);
642
+ --intent-warning: var(--pd-intent-warning);
643
+ --intent-warning-active: var(--pd-intent-warning-active);
644
+ --intent-warning-bg: var(--pd-intent-warning-bg);
645
+ --intent-warning-bg-active: var(--pd-intent-warning-bg-active);
646
+ --intent-warning-bg-hover: var(--pd-intent-warning-bg-hover);
647
+ --intent-warning-border: var(--pd-intent-warning-border);
648
+ --intent-warning-hover: var(--pd-intent-warning-hover);
649
+ --intent-warning-text: var(--pd-intent-warning-text);
650
+ --line-height-normal: var(--pd-line-height-normal);
651
+ --line-height-relaxed: var(--pd-line-height-relaxed);
652
+ --line-height-tight: var(--pd-line-height-tight);
653
+ --muted: var(--pd-muted);
654
+ --muted-foreground: var(--pd-muted-foreground);
655
+ --popover: var(--pd-background-secondary);
656
+ --popover-foreground: var(--pd-content-primary);
657
+ --primary: var(--pd-primary);
658
+ --primary-foreground: var(--pd-primary-foreground);
659
+ --radius: var(--pd-radius);
660
+ --radius-2xl: var(--pd-radius-2xl);
661
+ --radius-3xl: var(--pd-radius-3xl);
662
+ --radius-base: var(--pd-radius-base);
663
+ --radius-full: var(--pd-radius-full);
664
+ --radius-lg: var(--pd-radius-lg);
665
+ --radius-md: var(--pd-radius-md);
666
+ --radius-none: var(--pd-radius-none);
667
+ --radius-sm: var(--pd-radius-sm);
668
+ --radius-xl: var(--pd-radius-xl);
669
+ --ring: var(--pd-ring);
670
+ --secondary: var(--pd-secondary);
671
+ --secondary-foreground: var(--pd-secondary-foreground);
672
+ --shadow-2xl: var(--pd-shadow-2xl);
673
+ --shadow-base: var(--pd-shadow-base);
674
+ --shadow-inner: var(--pd-shadow-inner);
675
+ --shadow-lg: var(--pd-shadow-lg);
676
+ --shadow-md: var(--pd-shadow-md);
677
+ --shadow-none: var(--pd-shadow-none);
678
+ --shadow-sm: var(--pd-shadow-sm);
679
+ --shadow-xl: var(--pd-shadow-xl);
680
+ --spacing-0: var(--pd-spacing-0);
681
+ --spacing-1: var(--pd-spacing-1);
682
+ --spacing-10: var(--pd-spacing-10);
683
+ --spacing-12: var(--pd-spacing-12);
684
+ --spacing-16: var(--pd-spacing-16);
685
+ --spacing-2: var(--pd-spacing-2);
686
+ --spacing-20: var(--pd-spacing-20);
687
+ --spacing-24: var(--pd-spacing-24);
688
+ --spacing-3: var(--pd-spacing-3);
689
+ --spacing-4: var(--pd-spacing-4);
690
+ --spacing-5: var(--pd-spacing-5);
691
+ --spacing-6: var(--pd-spacing-6);
692
+ --spacing-8: var(--pd-spacing-8);
693
+ --surface-base: var(--pd-surface-base);
694
+ --surface-base-border: var(--pd-surface-base-border);
695
+ --surface-elevated: var(--pd-surface-elevated);
696
+ --surface-elevated-border: var(--pd-surface-elevated-border);
697
+ --surface-overlay: var(--pd-surface-overlay);
698
+ --text-body: var(--pd-text-body);
699
+ --text-disabled: var(--pd-text-disabled);
700
+ --text-heading: var(--pd-text-heading);
701
+ --text-muted: var(--pd-text-muted);
702
+ --z-dropdown: var(--pd-z-dropdown);
703
+ --z-fixed: var(--pd-z-fixed);
704
+ --z-modal: var(--pd-z-modal);
705
+ --z-modal-backdrop: var(--pd-z-modal-backdrop);
706
+ --z-popover: var(--pd-z-popover);
707
+ --z-sticky: var(--pd-z-sticky);
708
+ --z-tooltip: var(--pd-z-tooltip);
709
+ }
710
+ body.pd-root,
711
+ html body.pd-root,
712
+ .pd-root {
713
+ font-family: var(--pd-font-sans, Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
714
+ color: var(--pd-text-body, var(--pd-content-primary));
715
+ background: var(--pd-background-primary);
716
+ font-size: 16px !important;
717
+ }
718
+ .pd-root button {
719
+ font-family: var(--pd-font-sans, Geist, sans-serif);
720
+ box-shadow: none !important;
721
+ -o-border-image: none !important;
722
+ border-image: none !important;
723
+ text-shadow: none !important;
724
+ }
725
+ .pd-root button[class*=pd-border] {
726
+ border-style: solid !important;
727
+ -o-border-image: none !important;
728
+ border-image: none !important;
729
+ box-shadow: none !important;
730
+ }
731
+ .pd-root input,
732
+ .pd-root textarea,
733
+ .pd-root select {
734
+ font: inherit;
735
+ color: inherit;
736
+ }
737
+ .pd-root button:disabled,
738
+ .pd-root button[aria-disabled=true] {
739
+ pointer-events: none !important;
740
+ cursor: not-allowed !important;
741
+ }
742
+ .pd-root button:disabled:hover,
743
+ .pd-root button[aria-disabled=true]:hover,
744
+ .pd-root button:disabled:active,
745
+ .pd-root button[aria-disabled=true]:active {
746
+ background-color: inherit !important;
747
+ color: inherit !important;
748
+ border-color: inherit !important;
749
+ transform: none !important;
750
+ opacity: inherit !important;
751
+ }
752
+ .pd-root button:focus-visible,
753
+ .pd-root input:focus-visible,
754
+ .pd-root select:focus-visible,
755
+ .pd-root textarea:focus-visible {
756
+ outline: 0.125em solid var(--pd-intent-primary, var(--pd-border-blue));
757
+ outline-offset: 0.125em;
758
+ }
759
+ .pd-root button:disabled:focus-visible,
760
+ .pd-root button[aria-disabled=true]:focus-visible {
761
+ outline: none !important;
762
+ }
763
+ .pd-root button[aria-busy=true][class*=pd-bg-transparent][class*="pd-bg-[var(--pd-background-tertiary)]"] {
764
+ background-color: var(--pd-background-tertiary) !important;
765
+ }
766
+ .pd-sr-only {
767
+ position: absolute;
768
+ width: 1px;
769
+ height: 1px;
770
+ padding: 0;
771
+ margin: -1px;
772
+ overflow: hidden;
773
+ clip: rect(0, 0, 0, 0);
774
+ white-space: nowrap;
775
+ border-width: 0;
776
+ }
777
+ .pd-absolute {
778
+ position: absolute;
779
+ }
780
+ .pd-relative {
781
+ position: relative;
782
+ }
783
+ .pd-bottom-1 {
784
+ bottom: 0.25em;
785
+ }
786
+ .pd-left-1\/2 {
787
+ left: 50%;
788
+ }
789
+ .pd-m-0 {
790
+ margin: 0em;
791
+ }
792
+ .pd-mx-auto {
793
+ margin-left: auto;
794
+ margin-right: auto;
795
+ }
796
+ .pd-mb-2 {
797
+ margin-bottom: 0.5em;
798
+ }
799
+ .pd-ml-2 {
800
+ margin-left: 0.5em;
801
+ }
802
+ .pd-mr-2 {
803
+ margin-right: 0.5em;
804
+ }
805
+ .pd-mt-2 {
806
+ margin-top: 0.5em;
807
+ }
808
+ .pd-flex {
809
+ display: flex;
810
+ }
811
+ .pd-inline-flex {
812
+ display: inline-flex;
813
+ }
814
+ .pd-grid {
815
+ display: grid;
816
+ }
817
+ .pd-h-10 {
818
+ height: 2.5em;
819
+ }
820
+ .pd-h-3 {
821
+ height: 0.75em;
822
+ }
823
+ .pd-h-4 {
824
+ height: 1em;
825
+ }
826
+ .pd-h-5 {
827
+ height: 1.25em;
828
+ }
829
+ .pd-h-8 {
830
+ height: 2em;
831
+ }
832
+ .pd-min-h-\[100px\] {
833
+ min-height: 100px;
834
+ }
835
+ .pd-min-h-screen {
836
+ min-height: 100vh;
837
+ }
838
+ .pd-w-3 {
839
+ width: 0.75em;
840
+ }
841
+ .pd-w-4 {
842
+ width: 1em;
843
+ }
844
+ .pd-w-5 {
845
+ width: 1.25em;
846
+ }
847
+ .pd-w-full {
848
+ width: 100%;
849
+ }
850
+ .pd-max-w-\[1400px\] {
851
+ max-width: 1400px;
852
+ }
853
+ .pd-max-w-md {
854
+ max-width: 28rem;
855
+ }
856
+ .pd--translate-x-1\/2 {
857
+ --tw-translate-x: -50%;
858
+ 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));
859
+ }
860
+ @keyframes pd-spin {
861
+ to {
862
+ transform: rotate(360deg);
863
+ }
864
+ }
865
+ .pd-animate-spin {
866
+ animation: pd-spin 1s linear infinite;
867
+ }
868
+ .pd-cursor-pointer {
869
+ cursor: pointer;
870
+ }
871
+ .pd-grid-cols-\[150px_repeat\(5\,1fr\)\] {
872
+ grid-template-columns: 150px repeat(5, 1fr);
873
+ }
874
+ .pd-flex-row {
875
+ flex-direction: row;
876
+ }
877
+ .pd-flex-col {
878
+ flex-direction: column;
879
+ }
880
+ .pd-flex-wrap {
881
+ flex-wrap: wrap;
882
+ }
883
+ .pd-items-start {
884
+ align-items: flex-start;
885
+ }
886
+ .pd-items-end {
887
+ align-items: flex-end;
888
+ }
889
+ .pd-items-center {
890
+ align-items: center;
891
+ }
892
+ .pd-justify-start {
893
+ justify-content: flex-start;
894
+ }
895
+ .pd-justify-end {
896
+ justify-content: flex-end;
897
+ }
898
+ .pd-justify-center {
899
+ justify-content: center;
900
+ }
901
+ .pd-justify-between {
902
+ justify-content: space-between;
903
+ }
904
+ .pd-gap-1 {
905
+ gap: 0.25em;
906
+ }
907
+ .pd-gap-2 {
908
+ gap: 0.5em;
909
+ }
910
+ .pd-gap-3 {
911
+ gap: 0.75em;
912
+ }
913
+ .pd-gap-4 {
914
+ gap: 1em;
915
+ }
916
+ .pd-gap-6 {
917
+ gap: 1.5em;
918
+ }
919
+ .pd-gap-8 {
920
+ gap: 2em;
921
+ }
922
+ .pd-gap-x-6 {
923
+ -moz-column-gap: 1.5em;
924
+ column-gap: 1.5em;
925
+ }
926
+ .pd-space-y-4 > :not([hidden]) ~ :not([hidden]) {
927
+ --tw-space-y-reverse: 0;
928
+ margin-top: calc(1em * calc(1 - var(--tw-space-y-reverse)));
929
+ margin-bottom: calc(1em * var(--tw-space-y-reverse));
930
+ }
931
+ .pd-overflow-auto {
932
+ overflow: auto;
933
+ }
934
+ .pd-whitespace-nowrap {
935
+ white-space: nowrap;
936
+ }
937
+ .pd-rounded {
938
+ border-radius: 0.25rem;
939
+ }
940
+ .pd-rounded-full {
941
+ border-radius: 9999px;
942
+ }
943
+ .pd-rounded-lg {
944
+ border-radius: var(--pd-radius);
945
+ }
946
+ .pd-rounded-md {
947
+ border-radius: calc(var(--pd-radius) - 0.125em);
948
+ }
949
+ .pd-rounded-none {
950
+ border-radius: 0px;
951
+ }
952
+ .pd-rounded-sm {
953
+ border-radius: calc(var(--pd-radius) - 0.25em);
954
+ }
955
+ .pd-border {
956
+ border-width: 1px;
957
+ }
958
+ .pd-border-0 {
959
+ border-width: 0px;
960
+ }
961
+ .pd-border-\[var\(--pd-border-red\)\] {
962
+ border-color: var(--pd-border-red);
963
+ }
964
+ .pd-border-\[var\(--pd-border-secondary\)\] {
965
+ border-color: var(--pd-border-secondary);
966
+ }
967
+ .pd-border-\[var\(--pd-intent-danger-border\)\] {
968
+ border-color: var(--pd-intent-danger-border);
969
+ }
970
+ .pd-border-\[var\(--pd-intent-neutral-border\)\] {
971
+ border-color: var(--pd-intent-neutral-border);
972
+ }
973
+ .pd-border-\[var\(--pd-intent-success-border\)\] {
974
+ border-color: var(--pd-intent-success-border);
975
+ }
976
+ .pd-border-\[var\(--pd-intent-warning-border\)\] {
977
+ border-color: var(--pd-intent-warning-border);
978
+ }
979
+ .\!pd-bg-\[var\(--pd-background-tertiary\)\] {
980
+ background-color: var(--pd-background-tertiary) !important;
981
+ }
982
+ .pd-bg-\[var\(--pd-background-invert\)\] {
983
+ background-color: var(--pd-background-invert);
984
+ }
985
+ .pd-bg-\[var\(--pd-background-primary\)\] {
986
+ background-color: var(--pd-background-primary);
987
+ }
988
+ .pd-bg-\[var\(--pd-background-red\)\] {
989
+ background-color: var(--pd-background-red);
990
+ }
991
+ .pd-bg-\[var\(--pd-background-red-on-hover\)\] {
992
+ background-color: var(--pd-background-red-on-hover);
993
+ }
994
+ .pd-bg-\[var\(--pd-background-tertiary\)\] {
995
+ background-color: var(--pd-background-tertiary);
996
+ }
997
+ .pd-bg-\[var\(--pd-intent-danger-bg\)\] {
998
+ background-color: var(--pd-intent-danger-bg);
999
+ }
1000
+ .pd-bg-\[var\(--pd-intent-neutral-bg\)\] {
1001
+ background-color: var(--pd-intent-neutral-bg);
1002
+ }
1003
+ .pd-bg-\[var\(--pd-intent-success-bg\)\] {
1004
+ background-color: var(--pd-intent-success-bg);
1005
+ }
1006
+ .pd-bg-\[var\(--pd-intent-warning-bg\)\] {
1007
+ background-color: var(--pd-intent-warning-bg);
1008
+ }
1009
+ .pd-bg-transparent {
1010
+ background-color: transparent;
1011
+ }
1012
+ .pd-p-2 {
1013
+ padding: 0.5em;
1014
+ }
1015
+ .pd-p-4 {
1016
+ padding: 1em;
1017
+ }
1018
+ .pd-p-5 {
1019
+ padding: 1.25em;
1020
+ }
1021
+ .pd-px-3 {
1022
+ padding-left: 0.75em;
1023
+ padding-right: 0.75em;
1024
+ }
1025
+ .pd-px-4 {
1026
+ padding-left: 1em;
1027
+ padding-right: 1em;
1028
+ }
1029
+ .pd-px-5 {
1030
+ padding-left: 1.25em;
1031
+ padding-right: 1.25em;
1032
+ }
1033
+ .pd-px-6 {
1034
+ padding-left: 1.5em;
1035
+ padding-right: 1.5em;
1036
+ }
1037
+ .pd-py-2 {
1038
+ padding-top: 0.5em;
1039
+ padding-bottom: 0.5em;
1040
+ }
1041
+ .pd-py-3 {
1042
+ padding-top: 0.75em;
1043
+ padding-bottom: 0.75em;
1044
+ }
1045
+ .pd-py-4 {
1046
+ padding-top: 1em;
1047
+ padding-bottom: 1em;
1048
+ }
1049
+ .pd-text-center {
1050
+ text-align: center;
1051
+ }
1052
+ .pd-text-\[10px\] {
1053
+ font-size: 10px;
1054
+ }
1055
+ .pd-text-base {
1056
+ font-size: 1em;
1057
+ line-height: 1.5em;
1058
+ }
1059
+ .pd-text-lg {
1060
+ font-size: 1.125em;
1061
+ line-height: 1.75em;
1062
+ }
1063
+ .pd-text-sm {
1064
+ font-size: 0.875em;
1065
+ line-height: 1.25em;
1066
+ }
1067
+ .pd-text-xs {
1068
+ font-size: 0.75em;
1069
+ line-height: 1em;
1070
+ }
1071
+ .pd-font-bold {
1072
+ font-weight: 700;
1073
+ }
1074
+ .pd-font-medium {
1075
+ font-weight: 500;
1076
+ }
1077
+ .pd-font-semibold {
1078
+ font-weight: 600;
1079
+ }
1080
+ .pd-leading-normal {
1081
+ line-height: 1.5;
1082
+ }
1083
+ .pd-text-\[var\(--pd-content-on-color\)\] {
1084
+ color: var(--pd-content-on-color);
1085
+ }
1086
+ .pd-text-\[var\(--pd-content-red\)\] {
1087
+ color: var(--pd-content-red);
1088
+ }
1089
+ .pd-text-\[var\(--pd-content-red-on-hover\)\] {
1090
+ color: var(--pd-content-red-on-hover);
1091
+ }
1092
+ .pd-text-\[var\(--pd-content-secondary\)\] {
1093
+ color: var(--pd-content-secondary);
1094
+ }
1095
+ .pd-text-\[var\(--pd-content-subtle\)\] {
1096
+ color: var(--pd-content-subtle);
1097
+ }
1098
+ .pd-text-\[var\(--pd-destructive-foreground\)\] {
1099
+ color: var(--pd-destructive-foreground);
1100
+ }
1101
+ .pd-text-\[var\(--pd-intent-danger-text\)\] {
1102
+ color: var(--pd-intent-danger-text);
1103
+ }
1104
+ .pd-text-\[var\(--pd-intent-neutral-text\)\] {
1105
+ color: var(--pd-intent-neutral-text);
1106
+ }
1107
+ .pd-text-\[var\(--pd-intent-success-text\)\] {
1108
+ color: var(--pd-intent-success-text);
1109
+ }
1110
+ .pd-text-\[var\(--pd-intent-warning-text\)\] {
1111
+ color: var(--pd-intent-warning-text);
1112
+ }
1113
+ .pd-shadow-none {
1114
+ --tw-shadow: 0 0 #0000;
1115
+ --tw-shadow-colored: 0 0 #0000;
1116
+ box-shadow:
1117
+ var(--tw-ring-offset-shadow, 0 0 #0000),
1118
+ var(--tw-ring-shadow, 0 0 #0000),
1119
+ var(--tw-shadow);
1120
+ }
1121
+ .pd-transition-all {
1122
+ transition-property: all;
1123
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1124
+ transition-duration: 150ms;
1125
+ }
1126
+ .pd-transition-colors {
1127
+ transition-property:
1128
+ color,
1129
+ background-color,
1130
+ border-color,
1131
+ text-decoration-color,
1132
+ fill,
1133
+ stroke;
1134
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1135
+ transition-duration: 150ms;
1136
+ }
1137
+ .pd-sr-only {
1138
+ position: absolute;
1139
+ width: 1px;
1140
+ height: 1px;
1141
+ padding: 0;
1142
+ margin: -1px;
1143
+ overflow: hidden;
1144
+ clip: rect(0, 0, 0, 0);
1145
+ white-space: nowrap;
1146
+ border-width: 0;
1147
+ }
1148
+ .pd-transition-all {
1149
+ transition: all 0.15s ease-in-out;
1150
+ }
1151
+ .pd-transition-colors {
1152
+ transition:
1153
+ color 0.15s ease-in-out,
1154
+ background-color 0.15s ease-in-out,
1155
+ border-color 0.15s ease-in-out;
1156
+ }
1157
+ .pd-animate-spin {
1158
+ animation: pd-spin 1s linear infinite;
1159
+ }
1160
+ @keyframes pd-spin {
1161
+ from {
1162
+ transform: rotate(0deg);
1163
+ }
1164
+ to {
1165
+ transform: rotate(360deg);
1166
+ }
1167
+ }
1168
+ .pd-root button[class*=pd-border] {
1169
+ border-style: solid !important;
1170
+ -o-border-image: none !important;
1171
+ border-image: none !important;
1172
+ box-shadow: none !important;
1173
+ text-shadow: none !important;
1174
+ }
1175
+ .\[border-radius\:var\(--pd-radius-button\)\] {
1176
+ border-radius: var(--pd-radius-button);
1177
+ }
1178
+ .\[font-family\:var\(--pd-font-sans\,Geist\,sans-serif\)\] {
1179
+ font-family: var(--pd-font-sans,Geist,sans-serif);
1180
+ }
1181
+ .\[gap\:var\(--pd-button-gap\)\] {
1182
+ gap: var(--pd-button-gap);
1183
+ }
1184
+ .\[letter-spacing\:var\(--pd-button-letter-spacing\)\] {
1185
+ letter-spacing: var(--pd-button-letter-spacing);
1186
+ }
1187
+ .\[line-height\:var\(--pd-button-line-height-lg\)\] {
1188
+ line-height: var(--pd-button-line-height-lg);
1189
+ }
1190
+ .\[line-height\:var\(--pd-button-line-height-md\)\] {
1191
+ line-height: var(--pd-button-line-height-md);
1192
+ }
1193
+ .\[line-height\:var\(--pd-button-line-height-sm\)\] {
1194
+ line-height: var(--pd-button-line-height-sm);
1195
+ }
1196
+ .\[padding-bottom\:var\(--pd-button-padding-lg-vertical\)\] {
1197
+ padding-bottom: var(--pd-button-padding-lg-vertical);
1198
+ }
1199
+ .\[padding-bottom\:var\(--pd-button-padding-md-vertical\)\] {
1200
+ padding-bottom: var(--pd-button-padding-md-vertical);
1201
+ }
1202
+ .\[padding-bottom\:var\(--pd-button-padding-sm-vertical\)\] {
1203
+ padding-bottom: var(--pd-button-padding-sm-vertical);
1204
+ }
1205
+ .\[padding-left\:var\(--pd-button-padding-lg-horizontal\)\] {
1206
+ padding-left: var(--pd-button-padding-lg-horizontal);
1207
+ }
1208
+ .\[padding-left\:var\(--pd-button-padding-md-horizontal\)\] {
1209
+ padding-left: var(--pd-button-padding-md-horizontal);
1210
+ }
1211
+ .\[padding-left\:var\(--pd-button-padding-sm-horizontal\)\] {
1212
+ padding-left: var(--pd-button-padding-sm-horizontal);
1213
+ }
1214
+ .\[padding-right\:var\(--pd-button-padding-lg-horizontal\)\] {
1215
+ padding-right: var(--pd-button-padding-lg-horizontal);
1216
+ }
1217
+ .\[padding-right\:var\(--pd-button-padding-md-horizontal\)\] {
1218
+ padding-right: var(--pd-button-padding-md-horizontal);
1219
+ }
1220
+ .\[padding-right\:var\(--pd-button-padding-sm-horizontal\)\] {
1221
+ padding-right: var(--pd-button-padding-sm-horizontal);
1222
+ }
1223
+ .\[padding-top\:var\(--pd-button-padding-lg-vertical\)\] {
1224
+ padding-top: var(--pd-button-padding-lg-vertical);
1225
+ }
1226
+ .\[padding-top\:var\(--pd-button-padding-md-vertical\)\] {
1227
+ padding-top: var(--pd-button-padding-md-vertical);
1228
+ }
1229
+ .\[padding-top\:var\(--pd-button-padding-sm-vertical\)\] {
1230
+ padding-top: var(--pd-button-padding-sm-vertical);
1231
+ }
1232
+ .hover\:pd-bg-\[var\(--pd-background-invert-light\)\]:hover {
1233
+ background-color: var(--pd-background-invert-light);
1234
+ }
1235
+ .hover\:pd-bg-\[var\(--pd-background-low\)\]:hover {
1236
+ background-color: var(--pd-background-low);
1237
+ }
1238
+ .hover\:pd-bg-\[var\(--pd-background-red-on-hover\)\]:hover {
1239
+ background-color: var(--pd-background-red-on-hover);
1240
+ }
1241
+ .hover\:pd-bg-\[var\(--pd-intent-danger-bg\)\]:hover {
1242
+ background-color: var(--pd-intent-danger-bg);
1243
+ }
1244
+ .hover\:pd-bg-\[var\(--pd-intent-danger-bg-hover\)\]:hover {
1245
+ background-color: var(--pd-intent-danger-bg-hover);
1246
+ }
1247
+ .hover\:pd-bg-\[var\(--pd-intent-neutral-bg-hover\)\]:hover {
1248
+ background-color: var(--pd-intent-neutral-bg-hover);
1249
+ }
1250
+ .hover\:pd-bg-\[var\(--pd-intent-success-bg\)\]:hover {
1251
+ background-color: var(--pd-intent-success-bg);
1252
+ }
1253
+ .hover\:pd-bg-\[var\(--pd-intent-success-bg-hover\)\]:hover {
1254
+ background-color: var(--pd-intent-success-bg-hover);
1255
+ }
1256
+ .hover\:pd-bg-\[var\(--pd-intent-warning-bg\)\]:hover {
1257
+ background-color: var(--pd-intent-warning-bg);
1258
+ }
1259
+ .hover\:pd-bg-\[var\(--pd-intent-warning-bg-hover\)\]:hover {
1260
+ background-color: var(--pd-intent-warning-bg-hover);
1261
+ }
1262
+ .hover\:pd-text-\[var\(--pd-content-primary\)\]:hover {
1263
+ color: var(--pd-content-primary);
1264
+ }
1265
+ .hover\:pd-text-\[var\(--pd-content-red-on-hover\)\]:hover {
1266
+ color: var(--pd-content-red-on-hover);
1267
+ }
1268
+ .hover\:pd-text-\[var\(--pd-intent-danger-hover\)\]:hover {
1269
+ color: var(--pd-intent-danger-hover);
1270
+ }
1271
+ .hover\:pd-text-\[var\(--pd-intent-neutral-hover\)\]:hover {
1272
+ color: var(--pd-intent-neutral-hover);
1273
+ }
1274
+ .hover\:pd-text-\[var\(--pd-intent-success-hover\)\]:hover {
1275
+ color: var(--pd-intent-success-hover);
1276
+ }
1277
+ .hover\:pd-text-\[var\(--pd-intent-warning-hover\)\]:hover {
1278
+ color: var(--pd-intent-warning-hover);
1279
+ }
1280
+ .active\:pd-bg-\[var\(--pd-background-invert\)\]:active {
1281
+ background-color: var(--pd-background-invert);
1282
+ }
1283
+ .active\:pd-bg-\[var\(--pd-background-low-on-hover\)\]:active {
1284
+ background-color: var(--pd-background-low-on-hover);
1285
+ }
1286
+ .active\:pd-bg-\[var\(--pd-intent-danger-bg-active\)\]:active {
1287
+ background-color: var(--pd-intent-danger-bg-active);
1288
+ }
1289
+ .active\:pd-bg-\[var\(--pd-intent-neutral-bg-active\)\]:active {
1290
+ background-color: var(--pd-intent-neutral-bg-active);
1291
+ }
1292
+ .active\:pd-bg-\[var\(--pd-intent-success-bg-active\)\]:active {
1293
+ background-color: var(--pd-intent-success-bg-active);
1294
+ }
1295
+ .active\:pd-bg-\[var\(--pd-intent-warning-bg-active\)\]:active {
1296
+ background-color: var(--pd-intent-warning-bg-active);
1297
+ }
1298
+ .active\:pd-text-\[var\(--pd-content-primary\)\]:active {
1299
+ color: var(--pd-content-primary);
1300
+ }
1301
+ /*# sourceMappingURL=index.css.map */