@puckeditor/plugin-ai 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css ADDED
@@ -0,0 +1,1768 @@
1
+ /* ../platform-client/styles/color.css */
2
+ :root {
3
+ --puck-color-rose-01: #4a001c;
4
+ --puck-color-rose-02: #670833;
5
+ --puck-color-rose-03: #87114c;
6
+ --puck-color-rose-04: #a81a66;
7
+ --puck-color-rose-05: #bc5089;
8
+ --puck-color-rose-06: #cc7ca5;
9
+ --puck-color-rose-07: #d89aba;
10
+ --puck-color-rose-08: #e3b8cf;
11
+ --puck-color-rose-09: #efd6e3;
12
+ --puck-color-rose-10: #f6eaf1;
13
+ --puck-color-rose-11: #faf4f8;
14
+ --puck-color-rose-12: #fef8fc;
15
+ --puck-color-azure-01: #00175d;
16
+ --puck-color-azure-02: #002c77;
17
+ --puck-color-azure-03: #014292;
18
+ --puck-color-azure-04: #0158ad;
19
+ --puck-color-azure-05: #3479be;
20
+ --puck-color-azure-06: #6499cf;
21
+ --puck-color-azure-07: #88b0da;
22
+ --puck-color-azure-08: #abc7e5;
23
+ --puck-color-azure-09: #cfdff0;
24
+ --puck-color-azure-10: #e7eef7;
25
+ --puck-color-azure-11: #f3f6fb;
26
+ --puck-color-azure-12: #f7faff;
27
+ --puck-color-green-01: #002000;
28
+ --puck-color-green-02: #043604;
29
+ --puck-color-green-03: #084e08;
30
+ --puck-color-green-04: #0c680c;
31
+ --puck-color-green-05: #1d882f;
32
+ --puck-color-green-06: #2faa53;
33
+ --puck-color-green-07: #56c16f;
34
+ --puck-color-green-08: #7dd78b;
35
+ --puck-color-green-09: #b8e8bf;
36
+ --puck-color-green-10: #ddf3e0;
37
+ --puck-color-green-11: #eff8f0;
38
+ --puck-color-green-12: #f3fcf4;
39
+ --puck-color-yellow-01: #211000;
40
+ --puck-color-yellow-02: #362700;
41
+ --puck-color-yellow-03: #4c4000;
42
+ --puck-color-yellow-04: #645a00;
43
+ --puck-color-yellow-05: #877614;
44
+ --puck-color-yellow-06: #ab9429;
45
+ --puck-color-yellow-07: #bfac4e;
46
+ --puck-color-yellow-08: #d4c474;
47
+ --puck-color-yellow-09: #e6deb1;
48
+ --puck-color-yellow-10: #f3efd9;
49
+ --puck-color-yellow-11: #f9f7ed;
50
+ --puck-color-yellow-12: #fcfaf0;
51
+ --puck-color-red-01: #4c0000;
52
+ --puck-color-red-02: #6a0a10;
53
+ --puck-color-red-03: #8a1422;
54
+ --puck-color-red-04: #ac1f35;
55
+ --puck-color-red-05: #bf5366;
56
+ --puck-color-red-06: #ce7e8e;
57
+ --puck-color-red-07: #d99ca8;
58
+ --puck-color-red-08: #e4b9c2;
59
+ --puck-color-red-09: #efd7db;
60
+ --puck-color-red-10: #f6eaec;
61
+ --puck-color-red-11: #faf4f5;
62
+ --puck-color-red-12: #fff9fa;
63
+ --puck-color-grey-01: #181818;
64
+ --puck-color-grey-02: #292929;
65
+ --puck-color-grey-03: #404040;
66
+ --puck-color-grey-04: #5a5a5a;
67
+ --puck-color-grey-05: #767676;
68
+ --puck-color-grey-06: #949494;
69
+ --puck-color-grey-07: #ababab;
70
+ --puck-color-grey-08: #c3c3c3;
71
+ --puck-color-grey-09: #dcdcdc;
72
+ --puck-color-grey-10: #efefef;
73
+ --puck-color-grey-11: #f5f5f5;
74
+ --puck-color-grey-12: #fafafa;
75
+ --puck-color-black: #000000;
76
+ --puck-color-white: #ffffff;
77
+ }
78
+
79
+ /* ../platform-client/styles/typography.css */
80
+ :root {
81
+ --space-m-unitless: 24;
82
+ --puck-font-size-scale-base-unitless: 12;
83
+ --puck-font-size-xxxs-unitless: 12;
84
+ --puck-font-size-xxs-unitless: 14;
85
+ --puck-font-size-xs-unitless: 16;
86
+ --puck-font-size-s-unitless: 18;
87
+ --puck-font-size-m-unitless: 21;
88
+ --puck-font-size-l-unitless: 24;
89
+ --puck-font-size-xl-unitless: 28;
90
+ --puck-font-size-xxl-unitless: 36;
91
+ --puck-font-size-xxxl-unitless: 48;
92
+ --puck-font-size-xxxxl-unitless: 56;
93
+ --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
94
+ --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
95
+ --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
96
+ --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
97
+ --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
98
+ --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
99
+ --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
100
+ --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
101
+ --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
102
+ --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );
103
+ --puck-font-size-base: var(--puck-font-size-xs);
104
+ --line-height-reset: 1;
105
+ --line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) );
106
+ --line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) );
107
+ --line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) );
108
+ --line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) );
109
+ --line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) );
110
+ --line-height-base: var(--line-height-m);
111
+ --fallback-font-stack:
112
+ -apple-system,
113
+ BlinkMacSystemFont,
114
+ Segoe UI,
115
+ Helvetica Neue,
116
+ sans-serif,
117
+ Apple Color Emoji,
118
+ Segoe UI Emoji,
119
+ Segoe UI Symbol;
120
+ --puck-font-family: "Inter Fallback", var(--fallback-font-stack);
121
+ --puck-font-family-monospaced:
122
+ ui-monospace,
123
+ "Cascadia Code",
124
+ "Source Code Pro",
125
+ Menlo,
126
+ Consolas,
127
+ "DejaVu Sans Mono",
128
+ monospace;
129
+ }
130
+ @supports (font-variation-settings: normal) {
131
+ :root {
132
+ --puck-font-family: Inter, var(--fallback-font-stack);
133
+ }
134
+ }
135
+
136
+ /* ../platform-client/styles.css */
137
+ body {
138
+ font-family: var(--puck-font-family);
139
+ }
140
+ p {
141
+ margin: 0;
142
+ }
143
+
144
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/ActionModal/ActionModal.module.css/#css-module-data */
145
+ ._ActionModal_r3pvy_1 {
146
+ display: block;
147
+ min-width: 356px;
148
+ }
149
+ ._ActionModal-header_r3pvy_6 {
150
+ color: var(--puck-color-grey-02);
151
+ display: flex;
152
+ justify-content: center;
153
+ text-align: center;
154
+ flex-direction: column;
155
+ gap: 4px;
156
+ padding: 24px;
157
+ padding-bottom: 16px;
158
+ }
159
+ ._ActionModal-body_r3pvy_17 {
160
+ padding: 24px;
161
+ padding-top: 8px;
162
+ }
163
+ ._ActionModal-footer_r3pvy_22 {
164
+ border-top: 1px solid var(--puck-color-grey-09);
165
+ background-color: var(--puck-color-grey-12);
166
+ display: flex;
167
+ justify-content: flex-end;
168
+ padding: 16px 24px;
169
+ }
170
+
171
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Modal/Modal.module.css/#css-module-data */
172
+ ._Modal-background_874yi_1 {
173
+ align-items: center;
174
+ display: flex;
175
+ justify-content: center;
176
+ background: #00000050;
177
+ position: fixed;
178
+ top: 0;
179
+ left: 0;
180
+ right: 0;
181
+ bottom: 0;
182
+ z-index: 2;
183
+ opacity: 0;
184
+ pointer-events: none;
185
+ }
186
+ ._Modal--visible_874yi_16 ._Modal-background_874yi_1 {
187
+ opacity: 1;
188
+ transition: opacity ease 100ms;
189
+ pointer-events: auto;
190
+ }
191
+ ._Modal-modal_874yi_22 {
192
+ background: white;
193
+ border-radius: 8px;
194
+ display: block;
195
+ overflow: hidden;
196
+ }
197
+
198
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
199
+ ._Button_w2ngt_1 {
200
+ appearance: none;
201
+ background: none;
202
+ border: 1px solid transparent;
203
+ border-radius: 4px;
204
+ color: var(--puck-color-white);
205
+ display: inline-flex;
206
+ align-items: center;
207
+ gap: 8px;
208
+ letter-spacing: 0.05ch;
209
+ font-family: var(--puck-font-family);
210
+ font-size: 14px;
211
+ font-weight: 400;
212
+ box-sizing: border-box;
213
+ line-height: 1;
214
+ text-align: center;
215
+ text-decoration: none;
216
+ transition: background-color 50ms ease-in;
217
+ cursor: pointer;
218
+ white-space: nowrap;
219
+ margin: 0;
220
+ }
221
+ ._Button_w2ngt_1:hover,
222
+ ._Button_w2ngt_1:active {
223
+ transition: none;
224
+ }
225
+ ._Button--medium_w2ngt_29 {
226
+ min-height: 34px;
227
+ padding-bottom: 7px;
228
+ padding-left: 19px;
229
+ padding-right: 19px;
230
+ padding-top: 7px;
231
+ }
232
+ ._Button--large_w2ngt_37 {
233
+ padding-bottom: 11px;
234
+ padding-left: 19px;
235
+ padding-right: 19px;
236
+ padding-top: 11px;
237
+ }
238
+ ._Button-icon_w2ngt_44 {
239
+ margin-top: 2px;
240
+ }
241
+ ._Button--primary_w2ngt_48 {
242
+ background: var(--puck-color-azure-04);
243
+ }
244
+ ._Button_w2ngt_1:focus-visible {
245
+ outline: 2px solid var(--puck-color-azure-05);
246
+ outline-offset: 2px;
247
+ }
248
+ @media (hover: hover) and (pointer: fine) {
249
+ ._Button--primary_w2ngt_48:hover {
250
+ background-color: var(--puck-color-azure-03);
251
+ }
252
+ }
253
+ ._Button--primary_w2ngt_48:active {
254
+ background-color: var(--puck-color-azure-02);
255
+ }
256
+ ._Button--secondary_w2ngt_67 {
257
+ border: 1px solid currentColor;
258
+ color: currentColor;
259
+ }
260
+ @media (hover: hover) and (pointer: fine) {
261
+ ._Button--secondary_w2ngt_67:hover {
262
+ background-color: var(--puck-color-azure-12);
263
+ color: var(--puck-color-black);
264
+ }
265
+ }
266
+ ._Button--secondary_w2ngt_67:active {
267
+ background-color: var(--puck-color-azure-11);
268
+ color: var(--puck-color-black);
269
+ }
270
+ ._Button--flush_w2ngt_84 {
271
+ border-radius: 0;
272
+ }
273
+ ._Button--disabled_w2ngt_88,
274
+ ._Button--disabled_w2ngt_88:hover {
275
+ background-color: var(--puck-color-grey-09);
276
+ color: var(--puck-color-grey-03);
277
+ cursor: not-allowed;
278
+ }
279
+ ._Button--fullWidth_w2ngt_95 {
280
+ justify-content: center;
281
+ width: 100%;
282
+ }
283
+ ._Button-spinner_w2ngt_100 {
284
+ padding-left: 8px;
285
+ }
286
+
287
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Loader/styles.module.css/#css-module-data */
288
+ @keyframes _loader-animation_nacdm_1 {
289
+ 0% {
290
+ transform: rotate(0deg) scale(1);
291
+ }
292
+ 50% {
293
+ transform: rotate(180deg) scale(0.8);
294
+ }
295
+ 100% {
296
+ transform: rotate(360deg) scale(1);
297
+ }
298
+ }
299
+ ._Loader_nacdm_13 {
300
+ background: transparent;
301
+ border-radius: 100%;
302
+ border: 2px solid currentColor;
303
+ border-bottom-color: transparent;
304
+ display: inline-block;
305
+ animation: _loader-animation_nacdm_1 1s 0s infinite linear;
306
+ animation-fill-mode: both;
307
+ }
308
+
309
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Heading/Heading.module.css/#css-module-data */
310
+ ._Heading_1czuc_1 {
311
+ display: block;
312
+ font-weight: 700;
313
+ margin: 0;
314
+ }
315
+ ._Heading_1czuc_1 b {
316
+ font-weight: 700;
317
+ }
318
+ ._Heading--xxxxl_1czuc_11 {
319
+ font-size: var(--puck-font-size-xxxxl);
320
+ letter-spacing: 0.08ch;
321
+ font-weight: 800;
322
+ }
323
+ ._Heading--xxxl_1czuc_17 {
324
+ font-size: var(--puck-font-size-xxxl);
325
+ }
326
+ ._Heading--xxl_1czuc_21 {
327
+ font-size: var(--puck-font-size-xxl);
328
+ }
329
+ ._Heading--xl_1czuc_25 {
330
+ font-size: var(--puck-font-size-xl);
331
+ }
332
+ ._Heading--l_1czuc_29 {
333
+ font-size: var(--puck-font-size-l);
334
+ }
335
+ ._Heading--m_1czuc_33 {
336
+ font-size: var(--puck-font-size-m);
337
+ }
338
+ ._Heading--s_1czuc_37 {
339
+ font-size: var(--puck-font-size-s);
340
+ }
341
+ ._Heading--xs_1czuc_41 {
342
+ font-size: var(--puck-font-size-xs);
343
+ }
344
+ ._Heading--xxs_1czuc_45 {
345
+ font-size: var(--puck-font-size-xxs);
346
+ }
347
+
348
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Align/Align.module.css/#css-module-data */
349
+ ._Align_oewlu_1 {
350
+ align-items: flex-start;
351
+ display: flex;
352
+ flex-direction: column;
353
+ }
354
+ ._Align--horizontalCenter_oewlu_7 {
355
+ align-items: center;
356
+ }
357
+ ._Align--horizontalRight_oewlu_11 {
358
+ align-items: flex-end;
359
+ }
360
+ ._Align--verticalBottom_oewlu_15 {
361
+ height: 100%;
362
+ justify-content: flex-end;
363
+ }
364
+ ._Align--verticalCenter_oewlu_20 {
365
+ height: 100%;
366
+ justify-content: center;
367
+ }
368
+ ._Align-item_oewlu_25 {
369
+ position: relative;
370
+ }
371
+
372
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/AutoForm/AutoForm.module.css/#css-module-data */
373
+ ._AutoForm_1vmh9_1 {
374
+ display: flex;
375
+ gap: 16px;
376
+ flex-direction: column;
377
+ }
378
+ ._AutoForm_1vmh9_1 ._Input_3pq3z_1 {
379
+ box-sizing: border-box;
380
+ padding: 0px !important;
381
+ }
382
+
383
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Avatar/Avatar.module.css/#css-module-data */
384
+ ._Avatar_meij0_1 {
385
+ align-items: center;
386
+ border-radius: 4px;
387
+ display: flex;
388
+ gap: 16px;
389
+ height: 100%;
390
+ padding: 8px 12px;
391
+ text-decoration: none;
392
+ }
393
+ a._Avatar_meij0_1:hover {
394
+ background-color: var(--puck-color-azure-11);
395
+ }
396
+ a._Avatar--onLightGrey_meij0_15:hover {
397
+ background-color: var(--puck-color-azure-10);
398
+ }
399
+ ._Avatar--flush_meij0_19 {
400
+ gap: 8px;
401
+ padding: 0;
402
+ }
403
+ ._Avatar-image_meij0_24 {
404
+ align-items: center;
405
+ border-radius: 100%;
406
+ background-color: var(--puck-color-grey-10);
407
+ border: 1px solid var(--puck-color-grey-10);
408
+ color: var(--puck-color-grey-06);
409
+ display: flex;
410
+ justify-content: center;
411
+ font-size: var(--puck-font-size-xxs);
412
+ overflow: hidden;
413
+ }
414
+ ._Avatar-image_meij0_24 img {
415
+ width: 100%;
416
+ height: 100%;
417
+ }
418
+ ._Avatar-name_meij0_41 {
419
+ color: black;
420
+ font-weight: 600;
421
+ }
422
+ a._Avatar_meij0_1:hover ._Avatar-name_meij0_41 {
423
+ color: var(--puck-color-azure-04);
424
+ }
425
+ ._Avatar--smallText_meij0_50 ._Avatar-name_meij0_41 {
426
+ font-size: var(--puck-font-size-xxs);
427
+ }
428
+ ._Avatar--inline_meij0_54 {
429
+ align-self: baseline;
430
+ display: inline-flex;
431
+ }
432
+ ._Avatar--muted_meij0_59 ._Avatar-name_meij0_41 {
433
+ color: var(--puck-color-grey-06);
434
+ }
435
+
436
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Card/Card.module.css/#css-module-data */
437
+ ._Card_jzb6b_1 {
438
+ background-color: white;
439
+ border: 1px solid var(--puck-color-grey-08);
440
+ border-radius: 16px;
441
+ color: var(--puck-color-black);
442
+ display: block;
443
+ text-decoration: none;
444
+ }
445
+ ._Card_jzb6b_1:hover {
446
+ cursor: pointer;
447
+ background: var(--puck-color-azure-11);
448
+ border-color: currentColor;
449
+ color: var(--puck-color-azure-04);
450
+ }
451
+ ._Card-body_jzb6b_17 {
452
+ align-items: center;
453
+ display: flex;
454
+ padding: 16px;
455
+ }
456
+ ._Card-title_jzb6b_23 {
457
+ margin-bottom: 4px;
458
+ }
459
+ ._Card-subtitle_jzb6b_27 {
460
+ margin: 0;
461
+ }
462
+ ._Card-chevron_jzb6b_31 {
463
+ align-items: center;
464
+ display: none;
465
+ margin-left: auto;
466
+ }
467
+ ._Card--showChevron_jzb6b_37 ._Card-chevron_jzb6b_31 {
468
+ display: flex;
469
+ }
470
+ ._Card--isActive_jzb6b_41 {
471
+ border-color: var(--puck-color-azure-04);
472
+ color: var(--puck-color-azure-04);
473
+ }
474
+
475
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Footer/styles.module.css/#css-module-data */
476
+ ._Footer_eew04_1 {
477
+ background-color: var(--puck-color-grey-11);
478
+ border-top: 1px solid var(--puck-color-grey-09);
479
+ color: var(--puck-color-grey-01);
480
+ }
481
+ ._Footer--dark_eew04_7 {
482
+ background-color: var(--puck-color-grey-02);
483
+ border-top: 1px solid var(--puck-color-grey-03);
484
+ color: var(--puck-color-grey-10);
485
+ }
486
+ ._Footer-inner_eew04_13 {
487
+ font-size: var(--puck-font-size-xxs);
488
+ margin-left: auto;
489
+ margin-right: auto;
490
+ max-width: 1440px;
491
+ padding: 32px 24px;
492
+ }
493
+ ._Footer-brand_eew04_21 {
494
+ display: flex;
495
+ flex-direction: column;
496
+ }
497
+ ._Footer-main_eew04_26 {
498
+ display: flex;
499
+ flex-direction: column;
500
+ gap: 16px;
501
+ margin-bottom: 64px;
502
+ }
503
+ @media (min-width: 768px) {
504
+ ._Footer-main_eew04_26 {
505
+ gap: 128px;
506
+ flex-direction: row;
507
+ margin-bottom: 16px;
508
+ }
509
+ }
510
+ ._Footer-logo_eew04_41 {
511
+ flex-grow: 1;
512
+ margin-bottom: 16px;
513
+ }
514
+ ._Footer-copyright_eew04_46 {
515
+ color: var(--puck-color-grey-05);
516
+ }
517
+ ._Footer--dark_eew04_7 ._Footer-copyright_eew04_46 {
518
+ color: var(--puck-color-grey-08);
519
+ }
520
+ ._Footer-sections_eew04_54 {
521
+ display: flex;
522
+ gap: 32px;
523
+ flex-grow: 1;
524
+ flex-direction: column;
525
+ }
526
+ @media (min-width: 768px) {
527
+ ._Footer-sections_eew04_54 {
528
+ gap: 16px;
529
+ flex-direction: row;
530
+ }
531
+ }
532
+ ._Footer-section_eew04_54 {
533
+ flex-grow: 1;
534
+ }
535
+ ._Footer-sectionHeader_eew04_72 {
536
+ margin-bottom: 8px;
537
+ font-weight: 600;
538
+ }
539
+ ._Footer-icon_eew04_77 {
540
+ color: var(--puck-color-grey-05);
541
+ width: 16px;
542
+ }
543
+ ._Footer--dark_eew04_7 ._Footer-icon_eew04_77 {
544
+ color: var(--puck-color-grey-08);
545
+ }
546
+ ._Footer-link_eew04_86 {
547
+ align-items: center;
548
+ display: flex;
549
+ gap: 8px;
550
+ padding-top: 4px;
551
+ padding-bottom: 4px;
552
+ }
553
+ ._Footer--dark_eew04_7 ._Footer-link_eew04_86 {
554
+ color: var(--puck-color-grey-08);
555
+ }
556
+ ._Footer-link_eew04_86:hover {
557
+ color: var(--puck-color-azure-04);
558
+ }
559
+ ._Footer--dark_eew04_7 ._Footer-link_eew04_86:hover {
560
+ color: var(--puck-color-azure-08);
561
+ }
562
+ ._Footer-link_eew04_86:hover ._Footer-icon_eew04_77 {
563
+ color: var(--puck-color-azure-05);
564
+ }
565
+ ._Footer--dark_eew04_7 ._Footer-link_eew04_86:hover ._Footer-icon_eew04_77 {
566
+ color: var(--puck-color-azure-09);
567
+ }
568
+
569
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/IconButton/IconButton.module.css/#css-module-data */
570
+ ._IconButton_thegm_1 {
571
+ align-items: center;
572
+ background: transparent;
573
+ border: none;
574
+ border-radius: 4px;
575
+ color: currentColor;
576
+ display: flex;
577
+ font-family: var(--puck-font-family);
578
+ justify-content: center;
579
+ padding: 4px;
580
+ transition: background-color 50ms ease-in, color 50ms ease-in;
581
+ }
582
+ ._IconButton_thegm_1:focus-visible {
583
+ outline: 2px solid var(--puck-color-azure-05);
584
+ outline-offset: -2px;
585
+ }
586
+ @media (hover: hover) and (pointer: fine) {
587
+ ._IconButton_thegm_1:hover:not(._IconButton--disabled_thegm_20) {
588
+ background: var(--puck-color-azure-10);
589
+ cursor: pointer;
590
+ transition: none;
591
+ }
592
+ ._IconButton--dark_thegm_26:hover:not(._IconButton--disabled_thegm_20) {
593
+ background: var(--puck-color-grey-04);
594
+ color: var(--puck-color-azure-10);
595
+ }
596
+ }
597
+ ._IconButton_thegm_1:active {
598
+ background: var(--puck-color-azure-11);
599
+ transition: none;
600
+ }
601
+ ._IconButton-title_thegm_37 {
602
+ clip: rect(0 0 0 0);
603
+ clip-path: inset(100%);
604
+ height: 1px;
605
+ overflow: hidden;
606
+ position: absolute;
607
+ white-space: nowrap;
608
+ width: 1px;
609
+ }
610
+ ._IconButton--disabled_thegm_20 {
611
+ color: var(--puck-color-grey-07);
612
+ }
613
+
614
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/InfoBar/InfoBar.module.css/#css-module-data */
615
+ ._InfoBar_kchdj_1 {
616
+ border: 1px solid var(--puck-color-grey-10);
617
+ border-radius: 8px;
618
+ color: var(--puck-color-grey-03);
619
+ display: flex;
620
+ font-size: var(--puck-font-size-xxs);
621
+ margin-left: auto;
622
+ margin-right: auto;
623
+ overflow: hidden;
624
+ }
625
+ ._Info_kchdj_1 {
626
+ background-color: var(--puck-color-grey-12);
627
+ display: flex;
628
+ gap: 8px;
629
+ font-family: var(--puck-font-family-monospaced);
630
+ border-right: 1px solid var(--puck-color-grey-10);
631
+ padding: 12px 16px;
632
+ }
633
+ ._Info-title_kchdj_21 {
634
+ font-weight: 600;
635
+ }
636
+
637
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Inline/Inline.module.css/#css-module-data */
638
+ ._Inline_6o5on_3 {
639
+ display: block;
640
+ }
641
+ ._Inline-inner_6o5on_7 {
642
+ display: flex;
643
+ flex-flow: row wrap;
644
+ }
645
+ ._Inline--noWrap_6o5on_12 > ._Inline-inner_6o5on_7 {
646
+ flex-flow: nowrap;
647
+ }
648
+ ._Inline--sizeNONE_6o5on_16 > ._Inline-inner_6o5on_7 {
649
+ gap: 0;
650
+ }
651
+ ._Inline--sizeXXS_6o5on_20 > ._Inline-inner_6o5on_7 {
652
+ gap: 4px;
653
+ }
654
+ ._Inline--sizeXS_6o5on_24 > ._Inline-inner_6o5on_7 {
655
+ gap: 6px;
656
+ }
657
+ ._Inline--sizeS_6o5on_28 > ._Inline-inner_6o5on_7 {
658
+ gap: 8px;
659
+ }
660
+ ._Inline--sizeM_6o5on_32 > ._Inline-inner_6o5on_7 {
661
+ gap: 16px;
662
+ }
663
+ ._Inline--sizeL_6o5on_36 > ._Inline-inner_6o5on_7 {
664
+ gap: 32px;
665
+ }
666
+ ._Inline--center_6o5on_40 > ._Inline-inner_6o5on_7 {
667
+ align-items: center;
668
+ }
669
+ ._Inline--centerH_6o5on_44 > ._Inline-inner_6o5on_7 {
670
+ justify-content: center;
671
+ }
672
+ ._Inline--grow_6o5on_48 > ._Inline-inner_6o5on_7 > * {
673
+ flex-basis: 0;
674
+ flex-grow: 1;
675
+ }
676
+
677
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Layout/Layout.module.css/#css-module-data */
678
+ ._Layout_hy65k_1 {
679
+ --header-height: 76px;
680
+ --nav-width: 256px;
681
+ display: grid;
682
+ background-color: white;
683
+ grid-template-areas: "switcher bar" "nav page";
684
+ grid-template-columns: var(--nav-width) auto;
685
+ grid-template-rows: var(--header-height) auto;
686
+ height: 100vh;
687
+ }
688
+ ._Layout-switcher_hy65k_12 {
689
+ border-right: 1px solid var(--puck-color-grey-09);
690
+ border-bottom: 1px solid var(--puck-color-grey-09);
691
+ grid-area: switcher;
692
+ }
693
+ ._Layout-bar_hy65k_18 {
694
+ align-items: center;
695
+ border-bottom: 1px solid var(--puck-color-grey-09);
696
+ grid-area: bar;
697
+ display: flex;
698
+ }
699
+ ._Layout-nav_hy65k_25 {
700
+ border-right: 1px solid var(--puck-color-grey-09);
701
+ grid-area: nav;
702
+ }
703
+ ._Layout-page_hy65k_30 {
704
+ grid-area: page;
705
+ }
706
+
707
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Nav/Nav.module.css/#css-module-data */
708
+ ._Nav-list_b6txo_1 {
709
+ list-style: none;
710
+ margin: 0;
711
+ padding: 0;
712
+ }
713
+ ._NavSection_b6txo_7 {
714
+ padding: 16px;
715
+ }
716
+ ._NavSection_b6txo_7:first-of-type {
717
+ padding-top: 32px;
718
+ }
719
+ ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 {
720
+ padding-left: 0;
721
+ padding-right: 0;
722
+ }
723
+ ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 + ._NavSection_b6txo_7 {
724
+ border-top: 1px solid var(--puck-color-grey-09);
725
+ }
726
+ ._NavSection-list_b6txo_24 {
727
+ display: flex;
728
+ flex-direction: column;
729
+ list-style: none;
730
+ margin: 0;
731
+ padding: 0;
732
+ }
733
+ ._Nav--slim_b6txo_15 ._NavSection-list_b6txo_24 {
734
+ gap: 16px;
735
+ }
736
+ ._NavSection-title_b6txo_36 {
737
+ font-weight: 700;
738
+ margin-bottom: 8px;
739
+ padding-left: 8px;
740
+ padding-right: 8px;
741
+ }
742
+ ._Nav--slim_b6txo_15 ._NavSection-title_b6txo_36 {
743
+ opacity: 0;
744
+ }
745
+ ._NavItem-link_b6txo_47 {
746
+ align-items: center;
747
+ color: var(--puck-color-grey-03);
748
+ display: flex;
749
+ gap: 8px;
750
+ text-decoration: none;
751
+ cursor: pointer;
752
+ border-radius: 4px;
753
+ padding: 8px 4px;
754
+ }
755
+ ._Nav--slim_b6txo_15 ._NavItem-link_b6txo_47 {
756
+ border-left: 4px solid transparent;
757
+ border-right: 4px solid transparent;
758
+ border-radius: 0;
759
+ flex-direction: column;
760
+ font-size: var(--puck-font-size-xxxs);
761
+ }
762
+ ._NavItem-linkIcon_b6txo_67 {
763
+ height: 24px;
764
+ width: 24px;
765
+ }
766
+ ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
767
+ background-color: var(--puck-color-azure-10);
768
+ color: var(--puck-color-azure-04);
769
+ font-weight: 600;
770
+ }
771
+ ._Nav--slim_b6txo_15 ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
772
+ background-color: transparent;
773
+ border-right-color: var(--puck-color-azure-04);
774
+ border-top-right-radius: 0;
775
+ border-bottom-right-radius: 0;
776
+ font-weight: 600;
777
+ }
778
+ ._NavItem_b6txo_47:not(._NavItem--active_b6txo_72) > ._NavItem-link_b6txo_47:hover {
779
+ background-color: var(--puck-color-azure-11);
780
+ color: var(--puck-color-azure-04);
781
+ }
782
+ ._NavItem-list_b6txo_91 {
783
+ border-left: 1px solid var(--puck-color-grey-09);
784
+ display: flex;
785
+ flex-direction: column;
786
+ list-style: none;
787
+ margin-top: 8px;
788
+ margin-left: 4px;
789
+ padding: 0;
790
+ padding-left: 8px;
791
+ }
792
+ ._Nav--slim_b6txo_15 ._NavItem-list_b6txo_91 {
793
+ border-left: 0;
794
+ padding-left: 0;
795
+ margin-left: 0;
796
+ }
797
+
798
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Link/Link.module.css/#css-module-data */
799
+ ._Link_1j70m_1 {
800
+ color: var(--puck-color-azure-04);
801
+ text-decoration: none;
802
+ }
803
+ ._Link_1j70m_1:hover {
804
+ color: var(--puck-color-azure-05);
805
+ }
806
+
807
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Page/Page.module.css/#css-module-data */
808
+ ._Page_1uz1e_1 {
809
+ display: flex;
810
+ flex-direction: column;
811
+ height: 100%;
812
+ overflow: hidden;
813
+ }
814
+ ._Page-masthead_1uz1e_8 {
815
+ align-items: center;
816
+ display: flex;
817
+ gap: 16px;
818
+ padding: 16px 24px;
819
+ box-sizing: border-box;
820
+ border-bottom: 1px solid var(--puck-color-grey-10);
821
+ min-height: 64px;
822
+ }
823
+ ._Page-crumbs_1uz1e_18 {
824
+ display: flex;
825
+ gap: 32px;
826
+ }
827
+ ._Page-crumb_1uz1e_18 {
828
+ color: var(--puck-color-grey-05);
829
+ position: relative;
830
+ }
831
+ ._Page-crumbLink_1uz1e_28 {
832
+ color: var(--puck-color-grey-05);
833
+ text-decoration: none;
834
+ }
835
+ ._Page-crumbLink_1uz1e_28:hover {
836
+ color: var(--puck-color-azure-04);
837
+ }
838
+ ._Page-crumb_1uz1e_18:last-of-type {
839
+ color: var(--puck-color-grey-01);
840
+ font-weight: 600;
841
+ }
842
+ ._Page-crumb_1uz1e_18::before {
843
+ position: absolute;
844
+ content: "/";
845
+ left: -19px;
846
+ color: var(--puck-color-grey-09);
847
+ font-weight: 400;
848
+ }
849
+ ._Page-crumb_1uz1e_18:first-of-type::before {
850
+ display: none;
851
+ }
852
+ ._Page-crumb_1uz1e_18 {
853
+ color: var(--puck-color-grey-05);
854
+ position: relative;
855
+ text-decoration: none;
856
+ }
857
+ ._Page-actions_1uz1e_60 {
858
+ margin-left: auto;
859
+ }
860
+
861
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/PuckHeader/PuckHeader.module.css/#css-module-data */
862
+ ._PuckHeader_19h0f_1 {
863
+ align-items: center;
864
+ background-color: var(--puck-color-grey-12);
865
+ border-bottom: 1px solid var(--puck-color-grey-09);
866
+ display: grid;
867
+ box-sizing: border-box;
868
+ grid-area: header;
869
+ grid-template-columns: min-content auto 256px;
870
+ height: var(--header-height);
871
+ width: 100%;
872
+ }
873
+ ._PuckHeader-left_19h0f_16 {
874
+ align-items: center;
875
+ display: flex;
876
+ padding-left: 16px;
877
+ }
878
+ ._PuckHeader-center_19h0f_22 {
879
+ padding-left: 16px;
880
+ padding-right: 16px;
881
+ }
882
+ ._PuckHeader-right_19h0f_27 {
883
+ display: flex;
884
+ justify-content: flex-end;
885
+ gap: 8px;
886
+ padding-right: 16px;
887
+ }
888
+ ._PuckHeader-pageInput_19h0f_34 {
889
+ align-items: center;
890
+ background-color: var(--puck-color-grey-10);
891
+ border: none;
892
+ border-radius: 4px;
893
+ box-sizing: border-box;
894
+ color: var(--puck-color-grey-04);
895
+ display: flex;
896
+ font-weight: 600;
897
+ width: 100%;
898
+ }
899
+ ._PuckHeader-pageInput_19h0f_34:focus-within {
900
+ outline: 2px solid var(--puck-color-azure-05);
901
+ }
902
+ ._PuckHeader-pageInputActions_19h0f_50 {
903
+ display: flex;
904
+ gap: 8px;
905
+ padding-right: 12px;
906
+ }
907
+ ._PuckHeader-input_19h0f_56 {
908
+ background-color: transparent;
909
+ border: none;
910
+ color: var(--puck-color-grey-04);
911
+ font-weight: 600;
912
+ padding: 12px 16px;
913
+ width: 100%;
914
+ }
915
+ ._PuckHeader-input_19h0f_56:focus {
916
+ outline: none;
917
+ }
918
+ ._PuckHeader-historyActions_19h0f_69 {
919
+ display: flex;
920
+ border-right: 1px solid var(--puck-color-grey-09);
921
+ padding-right: 12px;
922
+ margin-right: 4px;
923
+ }
924
+
925
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Tag/Tag.module.css/#css-module-data */
926
+ ._Tag_1baze_1 {
927
+ align-items: center;
928
+ display: inline-flex;
929
+ text-transform: uppercase;
930
+ font-weight: 600;
931
+ font-size: var(--puck-font-size-xxxs);
932
+ gap: 6px;
933
+ border-radius: 4px;
934
+ border: 1px solid currentColor;
935
+ color: var(--puck-color-grey-05);
936
+ padding: 4px 8px;
937
+ white-space: nowrap;
938
+ position: relative;
939
+ z-index: 0;
940
+ }
941
+ ._Tag--colorBlue_1baze_19 {
942
+ color: var(--puck-color-azure-05);
943
+ }
944
+ ._Tag--colorGreen_1baze_23 {
945
+ color: var(--puck-color-green-06);
946
+ }
947
+ ._Tag--colorRed_1baze_27 {
948
+ color: var(--puck-color-red-04);
949
+ }
950
+ ._Tag--colorMuted_1baze_31 {
951
+ color: var(--puck-color-grey-06);
952
+ }
953
+ ._Tag-sprite_1baze_35 {
954
+ display: flex;
955
+ }
956
+ ._Tag--pulse_1baze_39 {
957
+ ._Tag-sprite_1baze_35 {
958
+ background: currentColor;
959
+ border-radius: 50%;
960
+ height: 5px;
961
+ position: relative;
962
+ width: 5px;
963
+ }
964
+ ._Tag-sprite_1baze_35::before {
965
+ animation: _pulse_1baze_1 1s 0s infinite alternate;
966
+ animation-fill-mode: both;
967
+ background-color: color-mix(in srgb, currentColor 25%, transparent);
968
+ border-radius: 50%;
969
+ content: "";
970
+ top: 0;
971
+ left: 0;
972
+ right: 0;
973
+ bottom: 0;
974
+ position: absolute;
975
+ transform: scale(0);
976
+ z-index: -1;
977
+ }
978
+ }
979
+ @keyframes _pulse_1baze_1 {
980
+ 0% {
981
+ transform: scale(1);
982
+ }
983
+ 100% {
984
+ transform: scale(2);
985
+ }
986
+ }
987
+
988
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/AppSwitchers/AppSwitchers.module.css/#css-module-data */
989
+ ._AppSwitchers_b7m1z_1 {
990
+ align-items: center;
991
+ display: flex;
992
+ gap: 8px;
993
+ padding: 12px 16px;
994
+ }
995
+ ._AppSwitchers-divider_b7m1z_8 {
996
+ color: var(--puck-color-grey-10);
997
+ font-size: var(--puck-font-size-l);
998
+ }
999
+
1000
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Switcher/Switcher.module.css/#css-module-data */
1001
+ ._Switcher_134wo_1 {
1002
+ --switcher-width: 32px;
1003
+ align-items: center;
1004
+ display: flex;
1005
+ position: relative;
1006
+ }
1007
+ ._Switcher-link_134wo_8 {
1008
+ align-items: center;
1009
+ border-radius: 4px;
1010
+ display: flex;
1011
+ gap: 16px;
1012
+ height: 100%;
1013
+ padding: 8px 12px;
1014
+ text-decoration: none;
1015
+ }
1016
+ ._Switcher-switcher_134wo_18 {
1017
+ align-items: center;
1018
+ background-color: transparent;
1019
+ border: none;
1020
+ border-radius: 4px;
1021
+ color: var(--puck-color-grey-08);
1022
+ padding: 8px;
1023
+ display: flex;
1024
+ width: var(--switcher-width);
1025
+ }
1026
+ ._Switcher--hasHref_134wo_29 ._Switcher-switcher_134wo_18:hover {
1027
+ background-color: var(--puck-color-azure-11);
1028
+ color: var(--puck-color-azure-04);
1029
+ cursor: pointer;
1030
+ }
1031
+ ._Switcher-logoInner_134wo_35 {
1032
+ border-radius: 100%;
1033
+ background-color: var(--puck-color-grey-09);
1034
+ height: 24px;
1035
+ width: 24px;
1036
+ }
1037
+ ._Switcher-label_134wo_42 {
1038
+ color: black;
1039
+ font-weight: 600;
1040
+ }
1041
+ ._Switcher-link_134wo_8:hover {
1042
+ background-color: var(--puck-color-azure-11);
1043
+ }
1044
+ ._Switcher-link_134wo_8:hover ._Switcher-label_134wo_42 {
1045
+ color: var(--puck-color-azure-04);
1046
+ }
1047
+ ._Switcher--slim_134wo_55 ._Switcher-label_134wo_42 {
1048
+ display: none;
1049
+ }
1050
+ ._Switcher--slim_134wo_55 ._Switcher-logo_134wo_35 {
1051
+ transform: translateX(-6px);
1052
+ transition: transform 250ms ease-in;
1053
+ }
1054
+ ._Switcher-menu_134wo_64 {
1055
+ background: white;
1056
+ border: 1px solid var(--puck-color-grey-09);
1057
+ border-radius: 4px;
1058
+ display: none;
1059
+ position: absolute;
1060
+ top: 100%;
1061
+ left: calc(100% - var(--switcher-width));
1062
+ z-index: 1;
1063
+ }
1064
+ ._Switcher--menuVisible_134wo_75 ._Switcher-menu_134wo_64 {
1065
+ display: block;
1066
+ }
1067
+ ._Switcher-menuList_134wo_79 {
1068
+ list-style: none;
1069
+ margin: 0;
1070
+ padding: 8px;
1071
+ }
1072
+ ._Switcher-menuItemAction_134wo_85 {
1073
+ background-color: transparent;
1074
+ border: none;
1075
+ color: black;
1076
+ display: block;
1077
+ font-size: var(--puck-font-size-xs);
1078
+ font-weight: 500;
1079
+ padding: 12px 16px;
1080
+ text-align: left;
1081
+ text-decoration: none;
1082
+ }
1083
+ ._Switcher-menuItemAction_134wo_85:hover {
1084
+ background-color: var(--puck-color-azure-11);
1085
+ }
1086
+
1087
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/PuckLayout/PuckLayout.module.css/#css-module-data */
1088
+ ._PuckLayout_1yvk1_1 {
1089
+ display: flex;
1090
+ flex-direction: column;
1091
+ width: 100vw;
1092
+ height: 100vh;
1093
+ }
1094
+ ._PuckLayout-layout_1yvk1_8 {
1095
+ display: grid;
1096
+ grid-template-columns: 68px 256px auto 256px;
1097
+ flex-grow: 1;
1098
+ min-height: 0;
1099
+ }
1100
+ ._PuckLayout-loader_1yvk1_15 {
1101
+ align-items: center;
1102
+ border: 1px solid var(--puck-color-grey-09);
1103
+ display: flex;
1104
+ justify-content: center;
1105
+ background-color: white;
1106
+ height: 100%;
1107
+ }
1108
+ ._PuckLayout-sideHeader_1yvk1_24 {
1109
+ align-items: center;
1110
+ display: flex;
1111
+ border-bottom: 1px solid var(--puck-color-grey-09);
1112
+ border-right: 1px solid var(--puck-color-grey-09);
1113
+ padding-left: 16px;
1114
+ }
1115
+ ._PuckLayout-switcher_1yvk1_32 {
1116
+ border-bottom: 1px solid var(--puck-color-grey-09);
1117
+ border-right: 1px solid var(--puck-color-grey-09);
1118
+ }
1119
+ ._PuckLayout-nav_1yvk1_37 {
1120
+ border-right: 1px solid var(--puck-color-grey-09);
1121
+ background-color: var(--puck-color-grey-12);
1122
+ }
1123
+ ._PuckLayout-versionLoader_1yvk1_42 {
1124
+ align-items: center;
1125
+ display: flex;
1126
+ justify-content: center;
1127
+ }
1128
+ ._PuckLayout-versionList_1yvk1_48 {
1129
+ list-style: none;
1130
+ display: flex;
1131
+ flex-direction: column;
1132
+ gap: 16px;
1133
+ margin: 0;
1134
+ padding: 16px;
1135
+ }
1136
+ ._PuckLayout-version_1yvk1_42 {
1137
+ background-color: white;
1138
+ padding: 8px 12px;
1139
+ border: 1px solid var(--puck-color-grey-10);
1140
+ border-radius: 4px;
1141
+ }
1142
+ ._PuckLayout-versionBody_1yvk1_64 {
1143
+ display: flex;
1144
+ padding-bottom: 4px;
1145
+ margin-bottom: 8px;
1146
+ border-bottom: 1px solid var(--puck-color-grey-10);
1147
+ }
1148
+ ._PuckLayout-versionDetails_1yvk1_71 {
1149
+ display: flex;
1150
+ }
1151
+ ._PuckLayout-version_1yvk1_42:hover {
1152
+ background-color: var(--puck-color-azure-11);
1153
+ border-color: var(--puck-color-azure-04);
1154
+ cursor: pointer;
1155
+ }
1156
+ ._PuckLayout-versionInner_1yvk1_81 {
1157
+ color: unset;
1158
+ text-decoration: none;
1159
+ }
1160
+ ._PuckLayout-versionVersion_1yvk1_86 {
1161
+ font-weight: 600;
1162
+ }
1163
+ ._PuckLayout-versionStatus_1yvk1_90 {
1164
+ margin-left: auto;
1165
+ text-transform: uppercase;
1166
+ font-weight: 600;
1167
+ font-size: var(--puck-font-size-xxs);
1168
+ border-radius: 4px;
1169
+ border: 1px solid var(--puck-color-grey-01);
1170
+ padding: 4px 8px;
1171
+ }
1172
+ ._PuckLayout-versionDetails_1yvk1_71 {
1173
+ width: 100%;
1174
+ }
1175
+ ._PuckLayout-versionAuthor_1yvk1_104 {
1176
+ flex-grow: 1;
1177
+ }
1178
+ ._PuckLayout-versionAuthorName_1yvk1_108 {
1179
+ font-size: var(--puck-font-size-xxs);
1180
+ }
1181
+ ._PuckLayout-versionDate_1yvk1_112 {
1182
+ font-size: var(--puck-font-size-xxs);
1183
+ margin-left: auto;
1184
+ }
1185
+ ._PuckLayout-fields_1yvk1_117 {
1186
+ border-left: 1px solid var(--puck-color-grey-09);
1187
+ }
1188
+ ._PuckLayout-sidebar_1yvk1_121 {
1189
+ background-color: var(--puck-color-grey-12);
1190
+ border-right: 1px solid var(--puck-color-grey-09);
1191
+ overflow: auto;
1192
+ }
1193
+
1194
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */
1195
+ ._Section-inner_1uwo0_1 {
1196
+ margin-left: auto;
1197
+ margin-right: auto;
1198
+ max-width: 1280px;
1199
+ padding: 16px;
1200
+ }
1201
+ ._Section--flush_1uwo0_8 ._Section-inner_1uwo0_1 {
1202
+ padding-bottom: 0;
1203
+ padding-top: 0;
1204
+ }
1205
+ ._Section_1uwo0_1 + ._Section_1uwo0_1 {
1206
+ border-top: 1px solid var(--puck-color-grey-09);
1207
+ }
1208
+ ._Section--full_1uwo0_17 ._Section-inner_1uwo0_1 {
1209
+ max-width: unset;
1210
+ }
1211
+
1212
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Table/Table.module.css/#css-module-data */
1213
+ ._Table_1t44j_1 {
1214
+ color: black;
1215
+ display: flex;
1216
+ flex-direction: column;
1217
+ flex-grow: 1;
1218
+ }
1219
+ ._Table-filters_1t44j_8 {
1220
+ margin: 16px;
1221
+ }
1222
+ ._Table-inner_1t44j_12 {
1223
+ text-align: left;
1224
+ }
1225
+ ._Table-table_1t44j_16 {
1226
+ position: relative;
1227
+ width: 100%;
1228
+ }
1229
+ ._Table_1t44j_1 thead {
1230
+ background: white;
1231
+ font-size: var(--puck-font-size-xxs);
1232
+ position: sticky;
1233
+ top: 0;
1234
+ white-space: nowrap;
1235
+ z-index: 1;
1236
+ }
1237
+ ._Table_1t44j_1 thead::after {
1238
+ content: "";
1239
+ position: absolute;
1240
+ height: 1px;
1241
+ width: 100%;
1242
+ background-color: var(--puck-color-grey-09);
1243
+ }
1244
+ ._Table_1t44j_1 tbody tr {
1245
+ z-index: 0;
1246
+ }
1247
+ ._Table_1t44j_1 th {
1248
+ background: white;
1249
+ font-weight: 600;
1250
+ padding-left: 24px;
1251
+ padding-right: 24px;
1252
+ padding-bottom: 20px;
1253
+ padding-top: 20px;
1254
+ }
1255
+ @media (--standard-viewport) {
1256
+ ._Table_1t44j_1 th {
1257
+ padding-left: 32px;
1258
+ padding-right: 32px;
1259
+ }
1260
+ }
1261
+ ._Table_1t44j_1 td {
1262
+ border-bottom: 1px solid var(--puck-color-grey-10);
1263
+ padding-left: 24px;
1264
+ padding-right: 24px;
1265
+ padding-bottom: 20px;
1266
+ padding-top: 20px;
1267
+ white-space: nowrap;
1268
+ }
1269
+ ._Table_1t44j_1 tbody tr:last-of-type td {
1270
+ border-bottom: none;
1271
+ }
1272
+ @media (--standard-viewport) {
1273
+ ._Table_1t44j_1 td {
1274
+ padding-left: 32px;
1275
+ padding-right: 32px;
1276
+ }
1277
+ }
1278
+ ._Table-footer_1t44j_78 {
1279
+ border-top: 1px solid var(--puck-color-grey-09);
1280
+ }
1281
+ ._Table--clickableRows_1t44j_82 tbody tr:hover {
1282
+ background: var(--puck-color-azure-12);
1283
+ cursor: pointer;
1284
+ }
1285
+ ._Table-placeholder_1t44j_87 {
1286
+ align-items: center;
1287
+ color: var(--puck-color-grey-06);
1288
+ justify-content: center;
1289
+ display: flex;
1290
+ gap: 8px;
1291
+ flex-direction: column;
1292
+ width: 100%;
1293
+ height: 100%;
1294
+ }
1295
+
1296
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Tabs/Tabs.module.css/#css-module-data */
1297
+ ._Tabs_1d592_1 {
1298
+ display: flex;
1299
+ margin: 0;
1300
+ padding: 0;
1301
+ list-style: none;
1302
+ }
1303
+ ._TabItem_1d592_8 {
1304
+ display: flex;
1305
+ }
1306
+ ._TabItem-link_1d592_12 {
1307
+ align-items: center;
1308
+ border-bottom: 3px solid transparent;
1309
+ border-top: 3px solid transparent;
1310
+ color: black;
1311
+ display: flex;
1312
+ gap: 4px;
1313
+ text-decoration: none;
1314
+ padding: 16px;
1315
+ }
1316
+ ._TabItem-icon_1d592_23 {
1317
+ align-items: center;
1318
+ color: var(--puck-color-grey-05);
1319
+ display: flex;
1320
+ }
1321
+ ._TabItem--isActive_1d592_29 ._TabItem-link_1d592_12 {
1322
+ border-bottom-color: var(--puck-color-azure-04);
1323
+ }
1324
+ ._TabItem-link_1d592_12:hover {
1325
+ background-color: var(--puck-color-azure-10);
1326
+ }
1327
+
1328
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/VerticalSpace/VerticalSpace.module.css/#css-module-data */
1329
+ ._VerticalSpace_1tjaw_1 {
1330
+ padding-top: 16px;
1331
+ }
1332
+ ._VerticalSpace--size4_1tjaw_5 {
1333
+ padding-top: 4px;
1334
+ }
1335
+ ._VerticalSpace--size8_1tjaw_9 {
1336
+ padding-top: 8px;
1337
+ }
1338
+ ._VerticalSpace--size16_1tjaw_13 {
1339
+ padding-top: 16px;
1340
+ }
1341
+ ._VerticalSpace--size32_1tjaw_17 {
1342
+ padding-top: 32px;
1343
+ }
1344
+ ._VerticalSpace--size40_1tjaw_21 {
1345
+ padding-top: 40px;
1346
+ }
1347
+ ._VerticalSpace--size48_1tjaw_25 {
1348
+ padding-top: 48px;
1349
+ }
1350
+ ._VerticalSpace--size56_1tjaw_29 {
1351
+ padding-top: 56px;
1352
+ }
1353
+ ._VerticalSpace--size96_1tjaw_33 {
1354
+ padding-top: 96px;
1355
+ }
1356
+ ._VerticalSpace--size128_1tjaw_37 {
1357
+ padding-top: 128px;
1358
+ }
1359
+
1360
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-ai/src/components/Chat/styles.module.css/#css-module-data */
1361
+ ._Chat_1p4ln_1 {
1362
+ background: white;
1363
+ height: 100%;
1364
+ display: flex;
1365
+ flex-direction: column;
1366
+ }
1367
+ ._Chat-header_1p4ln_8 {
1368
+ display: block;
1369
+ padding: 8px 16px;
1370
+ font-weight: 600;
1371
+ border-bottom: 1px solid var(--puck-color-grey-09);
1372
+ }
1373
+ @media (min-width: 638px) {
1374
+ ._Chat-header_1p4ln_8 {
1375
+ display: block;
1376
+ padding: 16px;
1377
+ }
1378
+ }
1379
+ ._Chat-placeholder_1p4ln_22 {
1380
+ align-items: center;
1381
+ color: var(--puck-color-grey-06);
1382
+ display: none;
1383
+ justify-content: center;
1384
+ flex-direction: column;
1385
+ height: 100%;
1386
+ text-align: center;
1387
+ padding: 32px;
1388
+ gap: 8px;
1389
+ }
1390
+ @media (min-width: 638px) {
1391
+ ._Chat-placeholder_1p4ln_22 {
1392
+ display: flex;
1393
+ }
1394
+ }
1395
+ ._Chat-actions_1p4ln_40 {
1396
+ display: flex;
1397
+ gap: 8px;
1398
+ justify-content: center;
1399
+ flex-wrap: wrap;
1400
+ margin-top: 4px;
1401
+ }
1402
+ ._Chat-action_1p4ln_40,
1403
+ ._Chat-actionOutlined_1p4ln_49 {
1404
+ border-radius: 16px;
1405
+ padding: 4px 12px;
1406
+ font-size: 12px;
1407
+ cursor: pointer;
1408
+ }
1409
+ ._Chat-action_1p4ln_40 {
1410
+ background: var(--puck-color-azure-04);
1411
+ color: white;
1412
+ }
1413
+ ._Chat-action_1p4ln_40:hover {
1414
+ opacity: 0.8;
1415
+ }
1416
+ ._Chat-actionOutlined_1p4ln_49 {
1417
+ background: transparent;
1418
+ border: 1px solid var(--puck-color-azure-04);
1419
+ color: var(--puck-color-azure-04);
1420
+ }
1421
+ ._Chat-actionOutlined_1p4ln_49:hover {
1422
+ background: var(--puck-color-azure-11);
1423
+ }
1424
+
1425
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-ai/src/components/ChatBody/styles.module.css/#css-module-data */
1426
+ ._Chat_dx6l4_1 {
1427
+ --fade-size: 32px;
1428
+ --chat-background-color: white;
1429
+ display: flex;
1430
+ flex-direction: column;
1431
+ height: 100%;
1432
+ max-height: 55vh;
1433
+ overflow: hidden;
1434
+ }
1435
+ @media (min-width: 638px) {
1436
+ ._Chat_dx6l4_1 {
1437
+ max-height: none;
1438
+ }
1439
+ }
1440
+ ._Chat-inner_dx6l4_17 {
1441
+ background-color: var(--chat-background-color);
1442
+ display: flex;
1443
+ flex-direction: column;
1444
+ max-height: 100%;
1445
+ position: relative;
1446
+ }
1447
+ ._Chat--hasMessages_dx6l4_25 ._Chat-inner_dx6l4_17 {
1448
+ padding-top: 0;
1449
+ }
1450
+ ._Chat_dx6l4_1:not(._Chat--hasChildren_dx6l4_29) ._Chat-inner_dx6l4_17 {
1451
+ height: 100%;
1452
+ padding-top: 0;
1453
+ }
1454
+ ._Chat--hasMessages_dx6l4_25 ._Chat-messages_dx6l4_34 {
1455
+ display: flex;
1456
+ flex-direction: column-reverse;
1457
+ padding: 16px;
1458
+ overflow: auto;
1459
+ }
1460
+ ._Chat-form_dx6l4_41 {
1461
+ background-color: white;
1462
+ padding: 16px;
1463
+ }
1464
+ ._Chat--hideInput_dx6l4_46 ._Chat-form_dx6l4_41 {
1465
+ display: none;
1466
+ }
1467
+ ._Chat--hasMessages_dx6l4_25 ._Chat-form_dx6l4_41 {
1468
+ border-top: 1px solid var(--puck-color-grey-09);
1469
+ }
1470
+ @media (min-width: 638px) {
1471
+ ._Chat-form_dx6l4_41 {
1472
+ border-top: 1px solid var(--puck-color-grey-09);
1473
+ }
1474
+ }
1475
+ ._Chat-formHelper_dx6l4_60 {
1476
+ align-items: center;
1477
+ display: flex;
1478
+ color: var(--puck-color-grey-04);
1479
+ font-size: var(--puck-font-size-xxs);
1480
+ font-weight: 600;
1481
+ gap: 8px;
1482
+ padding-bottom: 12px;
1483
+ }
1484
+ ._Chat--hasMessages_dx6l4_25 ._Chat-formHelper_dx6l4_60 {
1485
+ opacity: 0;
1486
+ transition: opacity 250ms ease-in;
1487
+ }
1488
+ ._Chat-examplePrompts_dx6l4_75 {
1489
+ align-items: center;
1490
+ display: flex;
1491
+ flex-wrap: nowrap;
1492
+ gap: 6px;
1493
+ padding-top: 16px;
1494
+ width: 100%;
1495
+ overflow-x: auto;
1496
+ }
1497
+ ._Chat-examplePrompt_dx6l4_75 {
1498
+ align-items: center;
1499
+ background: white;
1500
+ border: 1px solid var(--puck-color-grey-09);
1501
+ border-radius: 48px;
1502
+ display: flex;
1503
+ gap: 4px;
1504
+ font-size: var(--puck-font-size-xxxs);
1505
+ padding: 6px 12px;
1506
+ text-wrap: nowrap;
1507
+ }
1508
+ ._Chat-examplePrompt_dx6l4_75:hover {
1509
+ background: var(--puck-color-azure-11);
1510
+ border-color: var(--puck-color-azure-08);
1511
+ color: var(--puck-color-azure-04);
1512
+ }
1513
+ ._Chat-examplePromptArrow_dx6l4_103 {
1514
+ margin-left: auto;
1515
+ }
1516
+ ._Chat-default_dx6l4_107 {
1517
+ overflow-y: auto;
1518
+ flex-grow: 1;
1519
+ }
1520
+ ._Chat--hasMessages_dx6l4_25 ._Chat-default_dx6l4_107 {
1521
+ opacity: 0;
1522
+ padding: 0;
1523
+ pointer-events: none;
1524
+ transition: opacity 250ms ease-in;
1525
+ }
1526
+ ._Chat--hasMessages_dx6l4_25 {
1527
+ background-color: white;
1528
+ transition: background-color 250ms ease-in;
1529
+ }
1530
+ ._ChatMessage_dx6l4_124 {
1531
+ font-size: var(--puck-font-size-xs);
1532
+ line-height: var(--line-height-s);
1533
+ }
1534
+ ._ChatMessage--userRole_dx6l4_129 ._ChatMessage-text_dx6l4_129 {
1535
+ background: var(--puck-color-azure-10);
1536
+ border-radius: 16px;
1537
+ color: var(--puck-color-grey-03);
1538
+ margin-left: 24px;
1539
+ margin-bottom: 8px;
1540
+ margin-top: 8px;
1541
+ padding: 12px 16px;
1542
+ }
1543
+ ._ChatMessage_dx6l4_124 ul,
1544
+ ._ChatMessage_dx6l4_124 ol {
1545
+ list-style: decimal;
1546
+ margin: 0;
1547
+ margin-bottom: 12px;
1548
+ margin-top: 12px;
1549
+ padding-left: 32px;
1550
+ }
1551
+ ._ChatMessage_dx6l4_124 li {
1552
+ margin-bottom: 8px;
1553
+ margin-top: 8px;
1554
+ padding-left: 8px;
1555
+ }
1556
+ ._ChatMessage_dx6l4_124 h1,
1557
+ ._ChatMessage_dx6l4_124 h2,
1558
+ ._ChatMessage_dx6l4_124 h3,
1559
+ ._ChatMessage_dx6l4_124 h4,
1560
+ ._ChatMessage_dx6l4_124 h5,
1561
+ ._ChatMessage_dx6l4_124 h6 {
1562
+ font-weight: 600;
1563
+ }
1564
+ ._ChatMessage_dx6l4_124 h1 {
1565
+ font-size: var(--puck-font-l);
1566
+ }
1567
+ ._ChatMessage_dx6l4_124 h2 {
1568
+ font-size: var(--puck-font-m);
1569
+ }
1570
+ ._ChatMessage_dx6l4_124 h3 {
1571
+ font-size: var(--puck-font-m);
1572
+ }
1573
+ ._ChatMessage_dx6l4_124 h4 {
1574
+ font-size: var(--puck-font-s);
1575
+ }
1576
+ ._ChatMessage_dx6l4_124 h5 {
1577
+ font-size: var(--puck-font-xs);
1578
+ }
1579
+ ._ChatMessage_dx6l4_124 h6 {
1580
+ font-size: var(--puck-font-xm);
1581
+ }
1582
+ ._ChatMessage_dx6l4_124 p {
1583
+ margin-bottom: 8px;
1584
+ margin-top: 8px;
1585
+ }
1586
+ ._ChatMessage_dx6l4_124 a {
1587
+ color: var(--puck-color-azure-04);
1588
+ font-weight: 600;
1589
+ text-decoration: none;
1590
+ }
1591
+ ._ChatMessage_dx6l4_124 a:hover {
1592
+ color: var(--puck-color-azure-05);
1593
+ }
1594
+ ._ChatMessage_dx6l4_124 hr {
1595
+ border-top: none;
1596
+ border-bottom-color: var(--puck-color-grey-09);
1597
+ margin-bottom: 16px;
1598
+ margin-top: 16px;
1599
+ }
1600
+ ._ChatMessage_dx6l4_124 blockquote {
1601
+ margin-bottom: 8px;
1602
+ margin-top: 8px;
1603
+ margin-left: 0;
1604
+ border-left: 2px solid var(--puck-color-grey-09);
1605
+ padding-left: 16px;
1606
+ padding-bottom: 2px;
1607
+ padding-top: 2px;
1608
+ }
1609
+ ._ChatMessage-data_dx6l4_219 {
1610
+ background: var(--puck-color-grey-12);
1611
+ border: 1px solid var(--puck-color-grey-08);
1612
+ border-radius: 16px;
1613
+ color: var(--puck-color-grey-05);
1614
+ margin-right: 24px;
1615
+ margin-bottom: 12px;
1616
+ margin-top: 12px;
1617
+ padding: 12px 16px;
1618
+ }
1619
+ ._ChatMessage-dataInner_dx6l4_230 {
1620
+ align-items: center;
1621
+ display: flex;
1622
+ gap: 8px;
1623
+ }
1624
+ ._ChatMessage-dataIcon_dx6l4_236 {
1625
+ display: flex;
1626
+ }
1627
+ ._Chat-loader_dx6l4_240 {
1628
+ padding: 16px;
1629
+ padding-top: 0;
1630
+ }
1631
+
1632
+ /* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-ai/src/components/PromptForm/styles.module.css/#css-module-data */
1633
+ ._PromptForm_136g1_1 {
1634
+ --radius: 9px;
1635
+ background-color: var(--puck-color-grey-09);
1636
+ border-radius: var(--radius);
1637
+ width: 100%;
1638
+ }
1639
+ ._PromptForm-inner_136g1_8 {
1640
+ border-radius: var(--radius);
1641
+ padding: 1px;
1642
+ position: relative;
1643
+ }
1644
+ ._PromptForm--dark_136g1_14 {
1645
+ background-color: var(--puck-color-grey-02);
1646
+ box-shadow: none;
1647
+ }
1648
+ ._PromptForm--glow_136g1_19 ._PromptForm-glow_136g1_19 {
1649
+ border: 2px solid transparent;
1650
+ border-radius: var(--radius);
1651
+ mask: linear-gradient(transparent, transparent), linear-gradient(white, white);
1652
+ mask-clip: padding-box, border-box;
1653
+ mask-composite: intersect;
1654
+ position: absolute;
1655
+ pointer-events: none;
1656
+ inset: 0;
1657
+ }
1658
+ ._PromptForm--glow_136g1_19 ._PromptForm-glow_136g1_19::after {
1659
+ background:
1660
+ radial-gradient(
1661
+ circle at center,
1662
+ var(--puck-color-azure-06),
1663
+ transparent 50%);
1664
+ content: "";
1665
+ offset-path: rect(0 100% 100% 0 round 200px);
1666
+ offset-anchor: calc(var(--anchor) * 1%) 50%;
1667
+ animation: _loop_136g1_1 9s infinite linear;
1668
+ position: absolute;
1669
+ height: 312px;
1670
+ aspect-ratio: 1 / 1;
1671
+ display: inline-block;
1672
+ }
1673
+ ._PromptForm--dark_136g1_14._PromptForm--glow_136g1_19 ._PromptForm-glow_136g1_19::after {
1674
+ background:
1675
+ radial-gradient(
1676
+ circle at center,
1677
+ var(--puck-color-azure-08),
1678
+ transparent 50%);
1679
+ }
1680
+ @keyframes _loop_136g1_1 {
1681
+ to {
1682
+ offset-distance: 100%;
1683
+ }
1684
+ }
1685
+ ._PromptForm-formInner_136g1_60 {
1686
+ position: relative;
1687
+ }
1688
+ ._PromptForm-input_136g1_64 {
1689
+ background-color: white;
1690
+ border: none;
1691
+ border-radius: 8px;
1692
+ display: block;
1693
+ resize: none;
1694
+ color: var(--puck-color-grey-03);
1695
+ padding: 12px 16px;
1696
+ padding-left: 16px;
1697
+ padding-right: 8px;
1698
+ font-family: inherit;
1699
+ font-size: var(--puck-font-size-xs);
1700
+ line-height: var(--line-height-s);
1701
+ padding-bottom: 48px;
1702
+ outline-offset: -1;
1703
+ width: 100%;
1704
+ box-sizing: border-box;
1705
+ }
1706
+ ._PromptForm-input_136g1_64:focus {
1707
+ outline-color: var(--puck-color-azure-04);
1708
+ }
1709
+ ._PromptForm--dark_136g1_14 ._PromptForm-input_136g1_64 {
1710
+ background-color: var(--puck-color-grey-01);
1711
+ color: var(--puck-color-grey-08);
1712
+ }
1713
+ ._PromptForm--disabled_136g1_92 ._PromptForm-input_136g1_64 {
1714
+ background-color: var(--puck-color-grey-12);
1715
+ cursor: not-allowed;
1716
+ }
1717
+ ._PromptForm-helper_136g1_97 {
1718
+ align-items: center;
1719
+ color: var(--puck-color-grey-05);
1720
+ display: flex;
1721
+ gap: 4px;
1722
+ font-size: var(--puck-font-size-xxs);
1723
+ font-weight: 500;
1724
+ padding: 4px 12px;
1725
+ }
1726
+ ._PromptForm-actions_136g1_107 {
1727
+ display: flex;
1728
+ position: absolute;
1729
+ gap: 8px;
1730
+ bottom: 0;
1731
+ left: 0;
1732
+ right: 0;
1733
+ padding: 6px;
1734
+ pointer-events: none;
1735
+ }
1736
+ ._PromptForm-actionsLeft_136g1_118 {
1737
+ align-items: center;
1738
+ display: flex;
1739
+ padding-left: 8px;
1740
+ }
1741
+ ._PromptForm-actionsRight_136g1_124 {
1742
+ margin-left: auto;
1743
+ }
1744
+ ._PromptForm-actionSubmit_136g1_128 {
1745
+ background: var(--puck-color-azure-04);
1746
+ border-radius: 48px;
1747
+ color: white;
1748
+ display: flex;
1749
+ align-items: center;
1750
+ justify-content: center;
1751
+ align-self: flex-end;
1752
+ width: 32px;
1753
+ height: 32px;
1754
+ border: 0;
1755
+ pointer-events: auto;
1756
+ cursor: pointer;
1757
+ }
1758
+ ._PromptForm-actionSubmit_136g1_128:hover {
1759
+ background: var(--puck-color-azure-05);
1760
+ }
1761
+ ._PromptForm--isDisabled_136g1_147 ._PromptForm-actionSubmit_136g1_128 {
1762
+ background-color: var(--puck-color-grey-06);
1763
+ cursor: not-allowed;
1764
+ }
1765
+ ._PromptForm--isLoading_136g1_152 ._PromptForm-actionSubmit_136g1_128 {
1766
+ background-color: var(--puck-color-azure-06);
1767
+ cursor: not-allowed;
1768
+ }