@measured/puck 0.21.0-canary.bd7b613d → 0.21.0-canary.be633f20

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 (52) hide show
  1. package/dist/Editor-IQP25PUX.css +404 -0
  2. package/dist/Editor-L3JAAT2X.mjs +204 -0
  3. package/dist/Render-3OV4N4MT.css +102 -0
  4. package/dist/Render-FXZX6NFH.mjs +55 -0
  5. package/dist/{walk-tree-Cvtjzg9C.d.mts → actions-tsxxcX1z.d.mts} +265 -75
  6. package/dist/{walk-tree-Cvtjzg9C.d.ts → actions-tsxxcX1z.d.ts} +265 -75
  7. package/dist/chunk-23IZFPL7.mjs +528 -0
  8. package/dist/chunk-3SDLQIUZ.mjs +429 -0
  9. package/dist/chunk-45I5SDOI.mjs +134 -0
  10. package/dist/chunk-5ZZVX2Z3.mjs +63 -0
  11. package/dist/chunk-AOEDIUVK.mjs +11 -0
  12. package/dist/chunk-B7REOAA7.mjs +435 -0
  13. package/dist/chunk-BXQQARCR.mjs +708 -0
  14. package/dist/{chunk-DBHXESEC.mjs → chunk-CQUAWHOK.mjs} +5908 -7735
  15. package/dist/chunk-D2SRL6YA.mjs +1807 -0
  16. package/dist/chunk-LJEGWHDD.mjs +53 -0
  17. package/dist/chunk-M6W7YEVX.mjs +95 -0
  18. package/dist/chunk-PBAAIKXA.mjs +111 -0
  19. package/dist/chunk-U4VSQKO3.mjs +33 -0
  20. package/dist/chunk-V5I7CVLT.mjs +103 -0
  21. package/dist/chunk-Y2EFNT5P.mjs +108 -0
  22. package/dist/full-2GJTAAZE.css +301 -0
  23. package/dist/full-L7DWVNTZ.mjs +93 -0
  24. package/dist/index-Ca6V6NQD.d.ts +118 -0
  25. package/dist/index-mQvUCH3C.d.mts +118 -0
  26. package/dist/index.css +403 -133
  27. package/dist/index.d.mts +106 -115
  28. package/dist/index.d.ts +106 -115
  29. package/dist/index.js +6859 -3525
  30. package/dist/index.mjs +28 -12
  31. package/dist/internal.d.mts +27 -0
  32. package/dist/internal.d.ts +27 -0
  33. package/dist/internal.js +927 -0
  34. package/dist/internal.mjs +13 -0
  35. package/dist/loaded-2HLHDP2G.mjs +57 -0
  36. package/dist/loaded-LZUXYAGW.mjs +60 -0
  37. package/dist/loaded-RVWBFK7L.css +87 -0
  38. package/dist/loaded-UHVTB6OD.mjs +57 -0
  39. package/dist/no-external.css +550 -276
  40. package/dist/no-external.d.mts +19 -2
  41. package/dist/no-external.d.ts +19 -2
  42. package/dist/no-external.js +6860 -3523
  43. package/dist/no-external.mjs +30 -9
  44. package/dist/rsc.css +102 -0
  45. package/dist/rsc.d.mts +17 -2
  46. package/dist/rsc.d.ts +17 -2
  47. package/dist/rsc.js +486 -79
  48. package/dist/rsc.mjs +18 -9
  49. package/dist/walk-tree-Bh85NMeo.d.ts +29 -0
  50. package/dist/walk-tree-CDA3K5S3.d.mts +29 -0
  51. package/package.json +31 -4
  52. package/dist/chunk-FPQ7BWRD.mjs +0 -971
@@ -1,151 +1,9 @@
1
- /* 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
- /* styles/typography.css */
80
- :root {
81
- --puck-font-size-scale-base-unitless: 12;
82
- --puck-font-size-xxxs-unitless: 12;
83
- --puck-font-size-xxs-unitless: 14;
84
- --puck-font-size-xs-unitless: 16;
85
- --puck-font-size-s-unitless: 18;
86
- --puck-font-size-m-unitless: 21;
87
- --puck-font-size-l-unitless: 24;
88
- --puck-font-size-xl-unitless: 28;
89
- --puck-font-size-xxl-unitless: 36;
90
- --puck-font-size-xxxl-unitless: 48;
91
- --puck-font-size-xxxxl-unitless: 56;
92
- --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
93
- --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
94
- --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
95
- --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
96
- --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
97
- --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
98
- --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
99
- --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
100
- --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
101
- --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );
102
- --puck-font-size-base: var(--puck-font-size-xs);
103
- --line-height-reset: 1;
104
- --line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) );
105
- --line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) );
106
- --line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) );
107
- --line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) );
108
- --line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) );
109
- --line-height-base: var(--line-height-m);
110
- --fallback-font-stack:
111
- -apple-system,
112
- BlinkMacSystemFont,
113
- Segoe UI,
114
- Helvetica Neue,
115
- sans-serif,
116
- Apple Color Emoji,
117
- Segoe UI Emoji,
118
- Segoe UI Symbol;
119
- --puck-font-family: Inter, var(--fallback-font-stack);
120
- --puck-font-family-monospaced:
121
- ui-monospace,
122
- "Cascadia Code",
123
- "Source Code Pro",
124
- Menlo,
125
- Consolas,
126
- "DejaVu Sans Mono",
127
- monospace;
128
- }
129
- @supports (font-variation-settings: normal) {
130
- :root {
131
- --puck-font-family: InterVariable, var(--fallback-font-stack);
132
- }
133
- }
134
-
135
- /* bundle/core.css */
136
- #frame-root {
137
- height: 1px;
138
- min-height: 100vh;
139
- }
140
- [data-puck-entry] {
141
- position: relative;
142
- z-index: 0;
143
- }
1
+ @import "https://rsms.me/inter/inter.css";
144
2
 
145
3
  /* bundle/no-external.css */
146
4
 
147
5
  /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
148
- ._ActionBar_rvadt_1 {
6
+ ._ActionBar_1nmyk_1 {
149
7
  align-items: center;
150
8
  cursor: default;
151
9
  display: flex;
@@ -161,7 +19,7 @@
161
19
  font-family: var(--puck-font-family);
162
20
  min-height: 26px;
163
21
  }
164
- ._ActionBar-label_rvadt_18 {
22
+ ._ActionBar-label_1nmyk_18 {
165
23
  color: var(--puck-color-grey-08);
166
24
  font-size: var(--puck-font-size-xxxs);
167
25
  font-weight: 500;
@@ -172,13 +30,13 @@
172
30
  text-overflow: ellipsis;
173
31
  white-space: nowrap;
174
32
  }
175
- ._ActionBar-action_rvadt_30 + ._ActionBar-label_rvadt_18 {
33
+ ._ActionBarAction_1nmyk_30 + ._ActionBar-label_1nmyk_18 {
176
34
  padding-inline-start: 0;
177
35
  }
178
- ._ActionBar-label_rvadt_18 + ._ActionBar-action_rvadt_30 {
36
+ ._ActionBar-label_1nmyk_18 + ._ActionBarAction_1nmyk_30 {
179
37
  margin-inline-start: -4px;
180
38
  }
181
- ._ActionBar-group_rvadt_38 {
39
+ ._ActionBar-group_1nmyk_38 {
182
40
  align-items: center;
183
41
  border-inline-start: 0.5px solid var(--puck-color-grey-05);
184
42
  display: flex;
@@ -186,18 +44,18 @@
186
44
  padding-inline-start: 4px;
187
45
  padding-inline-end: 4px;
188
46
  }
189
- ._ActionBar-group_rvadt_38:first-of-type {
47
+ ._ActionBar-group_1nmyk_38:first-of-type {
190
48
  border-inline-start: 0;
191
49
  }
192
- ._ActionBar-group_rvadt_38:empty {
50
+ ._ActionBar-group_1nmyk_38:empty {
193
51
  display: none;
194
52
  }
195
- ._ActionBar-action_rvadt_30 {
53
+ ._ActionBarAction_1nmyk_30 {
196
54
  background: transparent;
197
55
  border: none;
198
56
  color: var(--puck-color-grey-08);
199
57
  cursor: pointer;
200
- padding: 6px 8px;
58
+ padding: 6px;
201
59
  margin-inline-start: 4px;
202
60
  margin-inline-end: 4px;
203
61
  border-radius: 4px;
@@ -207,26 +65,37 @@
207
65
  justify-content: center;
208
66
  transition: color 50ms ease-in;
209
67
  }
210
- ._ActionBar-action_rvadt_30 svg {
68
+ ._ActionBarAction--disabled_1nmyk_71 {
69
+ cursor: auto;
70
+ color: var(--puck-color-grey-06);
71
+ }
72
+ ._ActionBarAction_1nmyk_30 svg {
211
73
  max-width: none !important;
212
74
  }
213
- ._ActionBar-action_rvadt_30:focus-visible {
75
+ ._ActionBarAction_1nmyk_30:focus-visible {
214
76
  outline: 2px solid var(--puck-color-azure-05);
215
77
  outline-offset: -2px;
216
78
  }
217
79
  @media (hover: hover) and (pointer: fine) {
218
- ._ActionBar-action_rvadt_30:hover {
80
+ ._ActionBarAction_1nmyk_30:hover:not(._ActionBarAction--disabled_1nmyk_71) {
219
81
  color: var(--puck-color-azure-06);
220
82
  transition: none;
221
83
  }
222
84
  }
223
- ._ActionBar-action_rvadt_30:active {
85
+ ._ActionBarAction_1nmyk_30:active:not(._ActionBarAction--disabled_1nmyk_71),
86
+ ._ActionBarAction--active_1nmyk_93 {
224
87
  color: var(--puck-color-azure-07);
225
88
  transition: none;
226
89
  }
227
- ._ActionBar-group_rvadt_38 * {
90
+ ._ActionBar-group_1nmyk_38 * {
228
91
  margin: 0;
229
92
  }
93
+ ._ActionBar-separator_1nmyk_102 {
94
+ background: var(--puck-color-grey-05);
95
+ margin-inline: 4px;
96
+ width: 0.5px;
97
+ height: 100%;
98
+ }
230
99
 
231
100
  /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
232
101
  ._InputWrapper_bsxfo_1 + ._InputWrapper_bsxfo_1 {
@@ -543,7 +412,7 @@ textarea._Input-input_bsxfo_26 {
543
412
  }
544
413
 
545
414
  /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
546
- ._IconButton_swpni_1 {
415
+ ._IconButton_ffob9_1 {
547
416
  align-items: center;
548
417
  background: transparent;
549
418
  border: none;
@@ -555,23 +424,26 @@ textarea._Input-input_bsxfo_26 {
555
424
  padding: 4px;
556
425
  transition: background-color 50ms ease-in, color 50ms ease-in;
557
426
  }
558
- ._IconButton_swpni_1:focus-visible {
427
+ ._IconButton--active_ffob9_14 {
428
+ color: var(--puck-color-azure-04);
429
+ }
430
+ ._IconButton_ffob9_1:focus-visible {
559
431
  outline: 2px solid var(--puck-color-azure-05);
560
432
  outline-offset: -2px;
561
433
  }
562
434
  @media (hover: hover) and (pointer: fine) {
563
- ._IconButton_swpni_1:hover:not(._IconButton--disabled_swpni_20) {
564
- background: var(--puck-color-azure-12);
435
+ ._IconButton_ffob9_1:hover:not(._IconButton--disabled_ffob9_24) {
436
+ background: var(--puck-color-grey-10);
565
437
  color: var(--puck-color-azure-04);
566
438
  cursor: pointer;
567
439
  transition: none;
568
440
  }
569
441
  }
570
- ._IconButton_swpni_1:active {
442
+ ._IconButton_ffob9_1:active {
571
443
  background: var(--puck-color-azure-11);
572
444
  transition: none;
573
445
  }
574
- ._IconButton-title_swpni_33 {
446
+ ._IconButton-title_ffob9_37 {
575
447
  clip: rect(0 0 0 0);
576
448
  clip-path: inset(100%);
577
449
  height: 1px;
@@ -580,7 +452,7 @@ textarea._Input-input_bsxfo_26 {
580
452
  white-space: nowrap;
581
453
  width: 1px;
582
454
  }
583
- ._IconButton--disabled_swpni_20 {
455
+ ._IconButton--disabled_ffob9_24 {
584
456
  color: var(--puck-color-grey-07);
585
457
  }
586
458
 
@@ -636,6 +508,152 @@ textarea._Input-input_bsxfo_26 {
636
508
  transition: none !important;
637
509
  }
638
510
 
511
+ /* styles/color.css */
512
+ :root {
513
+ --puck-color-rose-01: #4a001c;
514
+ --puck-color-rose-02: #670833;
515
+ --puck-color-rose-03: #87114c;
516
+ --puck-color-rose-04: #a81a66;
517
+ --puck-color-rose-05: #bc5089;
518
+ --puck-color-rose-06: #cc7ca5;
519
+ --puck-color-rose-07: #d89aba;
520
+ --puck-color-rose-08: #e3b8cf;
521
+ --puck-color-rose-09: #efd6e3;
522
+ --puck-color-rose-10: #f6eaf1;
523
+ --puck-color-rose-11: #faf4f8;
524
+ --puck-color-rose-12: #fef8fc;
525
+ --puck-color-azure-01: #00175d;
526
+ --puck-color-azure-02: #002c77;
527
+ --puck-color-azure-03: #014292;
528
+ --puck-color-azure-04: #0158ad;
529
+ --puck-color-azure-05: #3479be;
530
+ --puck-color-azure-06: #6499cf;
531
+ --puck-color-azure-07: #88b0da;
532
+ --puck-color-azure-08: #abc7e5;
533
+ --puck-color-azure-09: #cfdff0;
534
+ --puck-color-azure-10: #e7eef7;
535
+ --puck-color-azure-11: #f3f6fb;
536
+ --puck-color-azure-12: #f7faff;
537
+ --puck-color-green-01: #002000;
538
+ --puck-color-green-02: #043604;
539
+ --puck-color-green-03: #084e08;
540
+ --puck-color-green-04: #0c680c;
541
+ --puck-color-green-05: #1d882f;
542
+ --puck-color-green-06: #2faa53;
543
+ --puck-color-green-07: #56c16f;
544
+ --puck-color-green-08: #7dd78b;
545
+ --puck-color-green-09: #b8e8bf;
546
+ --puck-color-green-10: #ddf3e0;
547
+ --puck-color-green-11: #eff8f0;
548
+ --puck-color-green-12: #f3fcf4;
549
+ --puck-color-yellow-01: #211000;
550
+ --puck-color-yellow-02: #362700;
551
+ --puck-color-yellow-03: #4c4000;
552
+ --puck-color-yellow-04: #645a00;
553
+ --puck-color-yellow-05: #877614;
554
+ --puck-color-yellow-06: #ab9429;
555
+ --puck-color-yellow-07: #bfac4e;
556
+ --puck-color-yellow-08: #d4c474;
557
+ --puck-color-yellow-09: #e6deb1;
558
+ --puck-color-yellow-10: #f3efd9;
559
+ --puck-color-yellow-11: #f9f7ed;
560
+ --puck-color-yellow-12: #fcfaf0;
561
+ --puck-color-red-01: #4c0000;
562
+ --puck-color-red-02: #6a0a10;
563
+ --puck-color-red-03: #8a1422;
564
+ --puck-color-red-04: #ac1f35;
565
+ --puck-color-red-05: #bf5366;
566
+ --puck-color-red-06: #ce7e8e;
567
+ --puck-color-red-07: #d99ca8;
568
+ --puck-color-red-08: #e4b9c2;
569
+ --puck-color-red-09: #efd7db;
570
+ --puck-color-red-10: #f6eaec;
571
+ --puck-color-red-11: #faf4f5;
572
+ --puck-color-red-12: #fff9fa;
573
+ --puck-color-grey-01: #181818;
574
+ --puck-color-grey-02: #292929;
575
+ --puck-color-grey-03: #404040;
576
+ --puck-color-grey-04: #5a5a5a;
577
+ --puck-color-grey-05: #767676;
578
+ --puck-color-grey-06: #949494;
579
+ --puck-color-grey-07: #ababab;
580
+ --puck-color-grey-08: #c3c3c3;
581
+ --puck-color-grey-09: #dcdcdc;
582
+ --puck-color-grey-10: #efefef;
583
+ --puck-color-grey-11: #f5f5f5;
584
+ --puck-color-grey-12: #fafafa;
585
+ --puck-color-black: #000000;
586
+ --puck-color-white: #ffffff;
587
+ }
588
+
589
+ /* styles/typography.css */
590
+ :root {
591
+ --puck-font-size-scale-base-unitless: 12;
592
+ --puck-font-size-xxxs-unitless: 12;
593
+ --puck-font-size-xxs-unitless: 14;
594
+ --puck-font-size-xs-unitless: 16;
595
+ --puck-font-size-s-unitless: 18;
596
+ --puck-font-size-m-unitless: 21;
597
+ --puck-font-size-l-unitless: 24;
598
+ --puck-font-size-xl-unitless: 28;
599
+ --puck-font-size-xxl-unitless: 36;
600
+ --puck-font-size-xxxl-unitless: 48;
601
+ --puck-font-size-xxxxl-unitless: 56;
602
+ --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
603
+ --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
604
+ --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
605
+ --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
606
+ --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
607
+ --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
608
+ --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
609
+ --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
610
+ --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
611
+ --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );
612
+ --puck-font-size-base: var(--puck-font-size-xs);
613
+ --line-height-reset: 1;
614
+ --line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) );
615
+ --line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) );
616
+ --line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) );
617
+ --line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) );
618
+ --line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) );
619
+ --line-height-base: var(--line-height-m);
620
+ --fallback-font-stack:
621
+ -apple-system,
622
+ BlinkMacSystemFont,
623
+ Segoe UI,
624
+ Helvetica Neue,
625
+ sans-serif,
626
+ Apple Color Emoji,
627
+ Segoe UI Emoji,
628
+ Segoe UI Symbol;
629
+ --puck-font-family: Inter, var(--fallback-font-stack);
630
+ --puck-font-family-monospaced:
631
+ ui-monospace,
632
+ "Cascadia Code",
633
+ "Source Code Pro",
634
+ Menlo,
635
+ Consolas,
636
+ "DejaVu Sans Mono",
637
+ monospace;
638
+ }
639
+ @supports (font-variation-settings: normal) {
640
+ :root {
641
+ --puck-font-family: InterVariable, var(--fallback-font-stack);
642
+ }
643
+ }
644
+
645
+ /* bundle/core.css */
646
+ #frame-root {
647
+ height: 1px;
648
+ min-height: 100vh;
649
+ }
650
+ [data-puck-entry] {
651
+ position: relative;
652
+ z-index: 0;
653
+ }
654
+
655
+ /* bundle/index.css */
656
+
639
657
  /* css-module:/home/runner/work/puck/puck/packages/core/components/ExternalInput/styles.module.css/#css-module-data */
640
658
  ._ExternalInput-actions_91ls0_1 {
641
659
  display: flex;
@@ -1082,6 +1100,249 @@ textarea._Input-input_bsxfo_26 {
1082
1100
  padding-inline-start: 8px;
1083
1101
  }
1084
1102
 
1103
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
1104
+ ._RichTextMenu_k97eh_1 {
1105
+ display: flex;
1106
+ flex-direction: row;
1107
+ flex-wrap: nowrap;
1108
+ }
1109
+ ._RichTextMenu--form_k97eh_7 {
1110
+ border-top-left-radius: 4px;
1111
+ border-top-right-radius: 4px;
1112
+ padding: 6px 6px;
1113
+ background-color: var(--puck-color-grey-12);
1114
+ position: relative;
1115
+ scrollbar-width: none;
1116
+ overflow-x: auto;
1117
+ }
1118
+ ._RichTextMenu-group_k97eh_17 {
1119
+ display: flex;
1120
+ align-items: space-between;
1121
+ flex-direction: row;
1122
+ flex-wrap: nowrap;
1123
+ padding-inline: 6px;
1124
+ gap: 2px;
1125
+ position: relative;
1126
+ }
1127
+ ._RichTextMenu-group_k97eh_17:first-of-type {
1128
+ padding-left: 0;
1129
+ }
1130
+ ._RichTextMenu-group_k97eh_17:last-of-type {
1131
+ padding-right: 0;
1132
+ }
1133
+ ._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 {
1134
+ color: var(--puck-color-grey-08);
1135
+ gap: 0px;
1136
+ flex-wrap: nowrap;
1137
+ }
1138
+ ._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
1139
+ border-left: 1px solid var(--puck-color-grey-10);
1140
+ }
1141
+ ._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
1142
+ border-left: 0.5px solid var(--puck-color-grey-05);
1143
+ }
1144
+
1145
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
1146
+ ._Control_1aveu_1 .lucide {
1147
+ height: 18px;
1148
+ width: 18px;
1149
+ }
1150
+ ._Control--inline_1aveu_6 .lucide {
1151
+ height: 16px;
1152
+ width: 16px;
1153
+ }
1154
+
1155
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Select/styles.module.css/#css-module-data */
1156
+ ._Select_xjbef_1 {
1157
+ position: relative;
1158
+ z-index: 1;
1159
+ }
1160
+ ._Select-button_xjbef_6 {
1161
+ align-items: center;
1162
+ background: transparent;
1163
+ border: none;
1164
+ border-radius: 4px;
1165
+ display: flex;
1166
+ justify-content: center;
1167
+ gap: 0px;
1168
+ height: 100%;
1169
+ padding: 4px;
1170
+ padding-right: 2px;
1171
+ }
1172
+ ._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6 {
1173
+ color: currentColor;
1174
+ }
1175
+ ._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6 {
1176
+ cursor: pointer;
1177
+ }
1178
+ ._Select-buttonIcon_xjbef_27 {
1179
+ align-items: center;
1180
+ display: flex;
1181
+ justify-content: center;
1182
+ }
1183
+ ._Select--standalone_xjbef_33 ._Select-buttonIcon_xjbef_27 .lucide {
1184
+ height: 18px;
1185
+ width: 18px;
1186
+ }
1187
+ ._Select--actionBar_xjbef_38 ._Select-buttonIcon_xjbef_27 .lucide {
1188
+ height: 16px;
1189
+ width: 16px;
1190
+ }
1191
+ ._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6:hover,
1192
+ ._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
1193
+ background: var(--puck-color-grey-10);
1194
+ color: var(--puck-color-azure-04);
1195
+ }
1196
+ ._Select--disabled_xjbef_23 ._Select-button_xjbef_6 {
1197
+ color: var(--puck-color-grey-07);
1198
+ }
1199
+ ._Select--actionBar_xjbef_38 {
1200
+ &._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6:hover,
1201
+ &._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
1202
+ background: none;
1203
+ color: var(--puck-color-azure-07);
1204
+ }
1205
+ }
1206
+ ._Select-items_xjbef_61 {
1207
+ background: white;
1208
+ border: 1px solid var(--puck-color-grey-09);
1209
+ border-radius: 8px;
1210
+ margin: 10px 8px;
1211
+ margin-left: 0;
1212
+ padding: 4px;
1213
+ z-index: 2;
1214
+ list-style: none;
1215
+ }
1216
+ ._SelectItem_xjbef_72 {
1217
+ background: transparent;
1218
+ border-radius: 4px;
1219
+ border: none;
1220
+ color: var(--puck-color-grey-04);
1221
+ cursor: pointer;
1222
+ display: flex;
1223
+ gap: 8px;
1224
+ align-items: center;
1225
+ font-size: var(--puck-font-size-xxs);
1226
+ margin: 0;
1227
+ padding: 8px 12px;
1228
+ width: 100%;
1229
+ }
1230
+ ._SelectItem--isSelected_xjbef_87 {
1231
+ background: var(--puck-color-azure-11);
1232
+ color: var(--puck-color-azure-04);
1233
+ font-weight: 500;
1234
+ }
1235
+ ._SelectItem--isSelected_xjbef_87 ._SelectItem-icon_xjbef_93 {
1236
+ color: var(--puck-color-azure-04);
1237
+ }
1238
+ ._SelectItem_xjbef_72:hover {
1239
+ background: var(--puck-color-azure-11);
1240
+ color: var(--puck-color-azure-04);
1241
+ }
1242
+
1243
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
1244
+ ._RichTextEditor_z25h4_1 .ProseMirror {
1245
+ white-space: pre-wrap;
1246
+ word-wrap: break-word;
1247
+ cursor: text;
1248
+ outline: none;
1249
+ position: relative;
1250
+ }
1251
+ ._RichTextEditor_z25h4_1 .rich-text * {
1252
+ white-space: pre-wrap;
1253
+ user-select: auto;
1254
+ -webkit-user-select: auto;
1255
+ }
1256
+ ._RichTextEditor_z25h4_1 .rich-text blockquote {
1257
+ margin: 1em 0;
1258
+ padding: 0 1em;
1259
+ border-left: 4px solid var(--puck-color-grey-09);
1260
+ }
1261
+ ._RichTextEditor_z25h4_1 .rich-text code {
1262
+ background-color: var(--puck-color-grey-11);
1263
+ padding: 4px 8px;
1264
+ border-radius: 4px;
1265
+ }
1266
+ ._RichTextEditor_z25h4_1 .rich-text p:empty::before {
1267
+ content: "\a0";
1268
+ }
1269
+ ._RichTextEditor_z25h4_1 .rich-text pre code {
1270
+ display: block;
1271
+ padding: 8px 12px;
1272
+ }
1273
+ ._RichTextEditor_z25h4_1 .rich-text > *:first-child,
1274
+ ._RichTextEditor_z25h4_1 .ProseMirror > *:first-child,
1275
+ ._RichTextEditor_z25h4_1 .rich-text * p:first-of-type {
1276
+ margin-top: 0;
1277
+ }
1278
+ ._RichTextEditor_z25h4_1 .rich-text > *:last-child,
1279
+ ._RichTextEditor_z25h4_1 .ProseMirror > *:last-child,
1280
+ ._RichTextEditor_z25h4_1 .rich-text * p:last-of-type {
1281
+ margin-bottom: 0;
1282
+ }
1283
+ ._RichTextEditor--editor_z25h4_50 {
1284
+ background: var(--puck-color-white);
1285
+ border-width: 1px;
1286
+ border-style: solid;
1287
+ border-color: var(--puck-color-grey-09);
1288
+ border-radius: 4px;
1289
+ box-sizing: border-box;
1290
+ display: flex;
1291
+ flex-direction: column;
1292
+ font-family: inherit;
1293
+ font-size: var(--puck-font-size-xxs);
1294
+ resize: vertical;
1295
+ text-align: initial;
1296
+ transition: border-color 50ms ease-in;
1297
+ width: 100%;
1298
+ max-width: 100%;
1299
+ min-height: 128px;
1300
+ }
1301
+ ._RichTextEditor--editor_z25h4_50 .rich-text {
1302
+ flex-grow: 1;
1303
+ }
1304
+ ._RichTextEditor--editor_z25h4_50 .rich-text:not(:has(.ProseMirror)),
1305
+ ._RichTextEditor--editor_z25h4_50 .rich-text .ProseMirror {
1306
+ height: 100%;
1307
+ padding: 12px 15px;
1308
+ }
1309
+ ._RichTextEditor--editor_z25h4_50 .rich-text ul,
1310
+ ._RichTextEditor--editor_z25h4_50 .rich-text ol {
1311
+ padding-left: 24px;
1312
+ }
1313
+ ._RichTextEditor--editor_z25h4_50 .rich-text li {
1314
+ line-height: 1.5;
1315
+ }
1316
+ ._RichTextEditor--editor_z25h4_50 .rich-text p {
1317
+ margin-block: 12px;
1318
+ }
1319
+ ._RichTextEditor--editor_z25h4_50 .rich-text ul {
1320
+ list-style: disc;
1321
+ }
1322
+ ._RichTextEditor--editor_z25h4_50 .rich-text ol {
1323
+ list-style: decimal;
1324
+ }
1325
+ ._RichTextEditor--editor_z25h4_50:focus-within {
1326
+ border-color: var(--puck-color-grey-05);
1327
+ outline: 2px solid var(--puck-color-azure-05);
1328
+ transition: none;
1329
+ }
1330
+ ._RichTextEditor--editor_z25h4_50._RichTextEditor--disabled_z25h4_107 {
1331
+ background: var(--puck-color-grey-11);
1332
+ }
1333
+ ._RichTextEditor_z25h4_1:not(:focus-within):not(._RichTextEditor--isActive_z25h4_111) .ProseMirror ::selection {
1334
+ background-color: transparent;
1335
+ }
1336
+ ._RichTextEditor-menu_z25h4_117 {
1337
+ border-bottom: 1px solid var(--puck-color-grey-10);
1338
+ position: sticky;
1339
+ top: 0;
1340
+ z-index: 1;
1341
+ }
1342
+ ._RichTextEditor--disabled_z25h4_107 ._RichTextEditor-menu_z25h4_117 {
1343
+ border-bottom: 1px solid var(--puck-color-grey-09);
1344
+ }
1345
+
1085
1346
  /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
1086
1347
  ._ObjectField_1ua3y_5 {
1087
1348
  display: flex;
@@ -1324,21 +1585,22 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1324
1585
  outline-offset: 2px;
1325
1586
  }
1326
1587
  [data-puck-overlay-portal]:focus-within {
1327
- outline: 2px var(--puck-color-azure-07) solid;
1588
+ outline: 2px var(--puck-color-azure-07) dashed;
1328
1589
  outline-offset: 2px;
1329
1590
  }
1330
1591
 
1331
1592
  /* css-module:/home/runner/work/puck/puck/packages/core/components/InlineTextField/styles.module.css/#css-module-data */
1332
- ._InlineTextField_1xph6_1 {
1593
+ ._InlineTextField_104qp_1 {
1333
1594
  cursor: text;
1334
1595
  display: inline-block;
1335
1596
  white-space: pre-wrap;
1597
+ text-decoration: inherit;
1336
1598
  }
1337
- [data-dnd-dragging] ._InlineTextField_1xph6_1 {
1599
+ [data-dnd-dragging] ._InlineTextField_104qp_1 {
1338
1600
  cursor: none;
1339
1601
  caret-color: transparent;
1340
1602
  }
1341
- [data-dnd-dragging] ._InlineTextField_1xph6_1::selection {
1603
+ [data-dnd-dragging] ._InlineTextField_104qp_1::selection {
1342
1604
  display: none;
1343
1605
  }
1344
1606
 
@@ -1433,14 +1695,6 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1433
1695
  margin-inline-start: auto;
1434
1696
  }
1435
1697
 
1436
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Components/styles.module.css/#css-module-data */
1437
- ._Components_3pbdy_1 {
1438
- padding: 16px;
1439
- height: 100%;
1440
- overflow-y: auto;
1441
- box-sizing: border-box;
1442
- }
1443
-
1444
1698
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Preview/styles.module.css/#css-module-data */
1445
1699
  ._PuckPreview_z2rgu_1 {
1446
1700
  position: relative;
@@ -1555,33 +1809,25 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1555
1809
  margin-top: 4px;
1556
1810
  }
1557
1811
 
1558
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Outline/styles.module.css/#css-module-data */
1559
- ._Outline_cvjlj_1 {
1560
- padding: 16px;
1561
- height: 100%;
1562
- overflow-y: auto;
1563
- box-sizing: border-box;
1564
- }
1565
-
1566
1812
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */
1567
- ._Puck_hv23j_19 {
1813
+ ._Puck_1dd16_19 {
1568
1814
  --puck-space-px: 16px;
1569
1815
  font-family: var(--puck-font-family);
1570
1816
  overflow-x: hidden;
1571
1817
  }
1572
1818
  @media (min-width: 766px) {
1573
- ._Puck_hv23j_19 {
1819
+ ._Puck_1dd16_19 {
1574
1820
  overflow-x: auto;
1575
1821
  }
1576
1822
  }
1577
- ._Puck-portal_hv23j_31 {
1823
+ ._Puck-portal_1dd16_31 {
1578
1824
  position: relative;
1579
1825
  z-index: 2;
1580
1826
  }
1581
- ._PuckLayout_hv23j_36 {
1582
- height: 100%;
1827
+ ._PuckLayout_1dd16_36 {
1828
+ height: 100dvh;
1583
1829
  }
1584
- ._PuckLayout-inner_hv23j_40 {
1830
+ ._PuckLayout-inner_1dd16_40 {
1585
1831
  --puck-frame-width: auto;
1586
1832
  --puck-side-nav-width: min-content;
1587
1833
  --puck-side-bar-width: 0px;
@@ -1599,87 +1845,90 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1599
1845
  overflow: hidden;
1600
1846
  }
1601
1847
  @media (min-width: 638px) {
1602
- ._PuckLayout-inner_hv23j_40 {
1848
+ ._PuckLayout-inner_1dd16_40 {
1603
1849
  --puck-side-nav-width: 68px;
1604
1850
  grid-template-areas: "header header header header" "sidenav left editor right";
1605
1851
  grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) 0;
1606
1852
  grid-template-rows: min-content auto;
1607
1853
  }
1854
+ ._Puck--hidePlugins_1dd16_72 ._PuckLayout-inner_1dd16_40 {
1855
+ --puck-side-nav-width: 0;
1856
+ }
1608
1857
  }
1609
- ._PuckLayout--mounted_hv23j_73 ._PuckLayout-inner_hv23j_40 {
1858
+ ._PuckLayout--mounted_1dd16_77 ._PuckLayout-inner_1dd16_40 {
1610
1859
  --puck-side-bar-width: 186px;
1611
1860
  }
1612
- ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40 {
1861
+ ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40 {
1613
1862
  grid-template-rows: 0 auto 30% 0 var(--puck-side-nav-width);
1614
1863
  }
1615
- ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
1864
+ ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40 {
1616
1865
  grid-template-rows: 0 auto 55% 0 var(--puck-side-nav-width);
1617
1866
  }
1618
1867
  @media (min-width: 638px) {
1619
- ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40 {
1868
+ ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40 {
1620
1869
  grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
1621
1870
  grid-template-rows: min-content auto;
1622
1871
  }
1623
1872
  }
1624
- ._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
1625
- ._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
1873
+ ._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40,
1874
+ ._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40 {
1626
1875
  grid-template-rows: 0 auto min-content 0 var(--puck-side-nav-width);
1627
1876
  }
1628
1877
  @media (min-width: 638px) {
1629
- ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
1630
- ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40,
1631
- ._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
1632
- ._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
1878
+ ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40,
1879
+ ._PuckLayout--mobilePanelHeightToggle_1dd16_81._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40,
1880
+ ._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-inner_1dd16_40,
1881
+ ._PuckLayout--mobilePanelHeightMinContent_1dd16_105._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--isExpanded_1dd16_87 ._PuckLayout-inner_1dd16_40 {
1633
1882
  grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
1634
1883
  grid-template-rows: min-content auto;
1635
1884
  }
1636
1885
  }
1637
1886
  @media (min-width: 638px) {
1638
- ._PuckLayout--rightSideBarVisible_hv23j_128 ._PuckLayout-inner_hv23j_40 {
1887
+ ._PuckLayout--rightSideBarVisible_1dd16_132 ._PuckLayout-inner_1dd16_40 {
1639
1888
  grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) var(--puck-right-side-bar-width);
1640
1889
  }
1641
1890
  }
1642
1891
  @media (min-width: 638px) {
1643
- ._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--rightSideBarVisible_hv23j_128 ._PuckLayout-inner_hv23j_40 {
1892
+ ._PuckLayout--leftSideBarVisible_1dd16_81._PuckLayout--rightSideBarVisible_1dd16_132 ._PuckLayout-inner_1dd16_40 {
1644
1893
  grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) var(--puck-right-side-bar-width);
1645
1894
  }
1646
1895
  }
1647
1896
  @media (min-width: 458px) {
1648
- ._PuckLayout-mounted_hv23j_147 ._PuckLayout-inner_hv23j_40 {
1897
+ ._PuckLayout-mounted_1dd16_151 ._PuckLayout-inner_1dd16_40 {
1649
1898
  --puck-frame-width: minmax(266px, auto);
1650
1899
  }
1651
1900
  }
1652
1901
  @media (min-width: 638px) {
1653
- ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
1902
+ ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1654
1903
  --puck-side-bar-width: minmax(186px, 250px);
1655
1904
  }
1656
1905
  }
1657
1906
  @media (min-width: 766px) {
1658
- ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
1907
+ ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1659
1908
  --puck-frame-width: auto;
1660
1909
  }
1661
1910
  }
1662
1911
  @media (min-width: 990px) {
1663
- ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
1912
+ ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1664
1913
  --puck-side-bar-width: 256px;
1665
1914
  }
1666
1915
  }
1667
1916
  @media (min-width: 1198px) {
1668
- ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
1917
+ ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1669
1918
  --puck-side-bar-width: 274px;
1670
1919
  }
1671
1920
  }
1672
1921
  @media (min-width: 1398px) {
1673
- ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
1922
+ ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1674
1923
  --puck-side-bar-width: 290px;
1675
1924
  }
1676
1925
  }
1677
1926
  @media (min-width: 1598px) {
1678
- ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
1927
+ ._PuckLayout_1dd16_36 ._PuckLayout-inner_1dd16_40 {
1679
1928
  --puck-side-bar-width: 320px;
1680
1929
  }
1681
1930
  }
1682
- ._PuckLayout-nav_hv23j_188 {
1931
+ ._PuckLayout-nav_1dd16_192 {
1683
1932
  border-top: 1px solid var(--puck-color-grey-09);
1684
1933
  background-color: var(--puck-color-grey-12);
1685
1934
  grid-area: sidenav;
@@ -1687,35 +1936,35 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1687
1936
  width: 100%;
1688
1937
  }
1689
1938
  @media (min-width: 638px) {
1690
- ._PuckLayout-nav_hv23j_188 {
1939
+ ._PuckLayout-nav_1dd16_192 {
1691
1940
  border-top: 0;
1692
1941
  border-right: 1px solid var(--puck-color-grey-09);
1693
1942
  box-sizing: border-box;
1694
1943
  }
1695
1944
  }
1696
- ._PuckLayout-header_hv23j_204 {
1945
+ ._PuckLayout-header_1dd16_208 {
1697
1946
  grid-area: header;
1698
1947
  }
1699
- ._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-header_hv23j_204 {
1948
+ ._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-header_1dd16_208 {
1700
1949
  overflow: hidden;
1701
1950
  }
1702
1951
  @media (min-width: 638px) {
1703
- ._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-header_hv23j_204 {
1952
+ ._PuckLayout--leftSideBarVisible_1dd16_81 ._PuckLayout-header_1dd16_208 {
1704
1953
  overflow: auto;
1705
1954
  }
1706
1955
  }
1707
- ._PuckPluginTab_hv23j_218 {
1956
+ ._PuckPluginTab_1dd16_222 {
1708
1957
  display: none;
1709
1958
  flex-grow: 1;
1710
- overflow: hidden;
1959
+ max-height: 100%;
1711
1960
  }
1712
- ._PuckPluginTab--visible_hv23j_224 {
1961
+ ._PuckPluginTab--visible_1dd16_228 {
1713
1962
  display: flex;
1714
1963
  flex-direction: column;
1715
1964
  }
1716
- ._PuckPluginTab-body_hv23j_229 {
1965
+ ._PuckPluginTab-body_1dd16_233 {
1717
1966
  flex-grow: 1;
1718
- overflow: hidden;
1967
+ max-height: 100%;
1719
1968
  }
1720
1969
 
1721
1970
  /* css-module:/home/runner/work/puck/puck/packages/core/components/MenuBar/styles.module.css/#css-module-data */
@@ -1763,7 +2012,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1763
2012
  }
1764
2013
 
1765
2014
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Header/styles.module.css/#css-module-data */
1766
- ._PuckHeader_1bhmt_1 {
2015
+ ._PuckHeader_63pti_1 {
1767
2016
  background: var(--puck-color-white);
1768
2017
  border-bottom: 1px solid var(--puck-color-grey-09);
1769
2018
  color: var(--puck-color-black);
@@ -1772,11 +2021,14 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1772
2021
  max-width: 100vw;
1773
2022
  }
1774
2023
  @media (min-width: 638px) {
1775
- ._PuckHeader_1bhmt_1 {
2024
+ ._PuckHeader_63pti_1 {
1776
2025
  padding-left: 67px;
1777
2026
  }
2027
+ ._PuckHeader--hidePlugins_63pti_15 {
2028
+ padding-left: 0;
2029
+ }
1778
2030
  }
1779
- ._PuckHeader-inner_1bhmt_16 {
2031
+ ._PuckHeader-inner_63pti_20 {
1780
2032
  align-items: end;
1781
2033
  display: grid;
1782
2034
  gap: var(--puck-space-px);
@@ -1786,91 +2038,88 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1786
2038
  padding: var(--puck-space-px);
1787
2039
  }
1788
2040
  @media (min-width: 638px) {
1789
- ._PuckHeader-inner_1bhmt_16 {
2041
+ ._PuckHeader-inner_63pti_20 {
1790
2042
  border-left: 1px solid var(--puck-color-grey-09);
1791
2043
  }
2044
+ ._PuckHeader--hidePlugins_63pti_15 ._PuckHeader-inner_63pti_20 {
2045
+ border-left: none;
2046
+ }
1792
2047
  }
1793
- ._PuckHeader-toggle_1bhmt_32 {
2048
+ ._PuckHeader-toggle_63pti_40 {
1794
2049
  color: var(--puck-color-grey-05);
1795
2050
  display: flex;
1796
2051
  margin-inline-start: -4px;
1797
2052
  padding-top: 2px;
1798
2053
  }
1799
- ._PuckHeader--rightSideBarVisible_1bhmt_39 ._PuckHeader-rightSideBarToggle_1bhmt_39,
1800
- ._PuckHeader--leftSideBarVisible_1bhmt_40 ._PuckHeader-leftSideBarToggle_1bhmt_40 {
2054
+ ._PuckHeader--rightSideBarVisible_63pti_47 ._PuckHeader-rightSideBarToggle_63pti_47,
2055
+ ._PuckHeader--leftSideBarVisible_63pti_48 ._PuckHeader-leftSideBarToggle_63pti_48 {
1801
2056
  color: var(--puck-color-black);
1802
2057
  }
1803
- ._PuckHeader-rightSideBarToggle_1bhmt_39,
1804
- ._PuckHeader-leftSideBarToggle_1bhmt_40 {
2058
+ ._PuckHeader-rightSideBarToggle_63pti_47,
2059
+ ._PuckHeader-leftSideBarToggle_63pti_48 {
1805
2060
  display: none;
1806
2061
  }
1807
2062
  @media (min-width: 638px) {
1808
- ._PuckHeader-rightSideBarToggle_1bhmt_39,
1809
- ._PuckHeader-leftSideBarToggle_1bhmt_40 {
2063
+ ._PuckHeader-rightSideBarToggle_63pti_47,
2064
+ ._PuckHeader-leftSideBarToggle_63pti_48 {
1810
2065
  display: block;
1811
2066
  }
1812
2067
  }
1813
- ._PuckHeader-title_1bhmt_56 {
2068
+ ._PuckHeader-title_63pti_64 {
1814
2069
  align-self: center;
1815
2070
  }
1816
- ._PuckHeader-path_1bhmt_60 {
2071
+ ._PuckHeader-path_63pti_68 {
1817
2072
  font-family: var(--puck-font-family-monospaced);
1818
2073
  font-size: var(--puck-font-size-xxs);
1819
2074
  font-weight: normal;
1820
2075
  word-break: break-all;
1821
2076
  }
1822
- ._PuckHeader-tools_1bhmt_67 {
2077
+ ._PuckHeader-tools_63pti_75 {
1823
2078
  display: flex;
1824
2079
  gap: 16px;
1825
2080
  justify-content: flex-end;
1826
2081
  }
1827
- ._PuckHeader-menuButton_1bhmt_73 {
2082
+ ._PuckHeader-menuButton_63pti_81 {
1828
2083
  color: var(--puck-color-grey-05);
1829
2084
  margin-inline-start: -4px;
1830
2085
  }
1831
- ._PuckHeader--menuOpen_1bhmt_78 ._PuckHeader-menuButton_1bhmt_73 {
2086
+ ._PuckHeader--menuOpen_63pti_86 ._PuckHeader-menuButton_63pti_81 {
1832
2087
  color: var(--puck-color-black);
1833
2088
  }
1834
2089
  @media (min-width: 638px) {
1835
- ._PuckHeader-menuButton_1bhmt_73 {
2090
+ ._PuckHeader-menuButton_63pti_81 {
1836
2091
  display: none;
1837
2092
  }
1838
2093
  }
1839
2094
 
1840
2095
  /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
1841
- ._SidebarSection_8boj8_1 {
2096
+ ._SidebarSection_5otpt_1 {
1842
2097
  display: flex;
1843
2098
  position: relative;
1844
2099
  flex-direction: column;
1845
2100
  color: var(--puck-color-black);
1846
2101
  }
1847
- ._SidebarSection_8boj8_1:last-of-type {
2102
+ ._SidebarSection_5otpt_1:last-of-type {
1848
2103
  flex-grow: 1;
1849
2104
  }
1850
- ._SidebarSection-title_8boj8_12 {
2105
+ ._SidebarSection-title_5otpt_12 {
1851
2106
  background: var(--puck-color-white);
1852
2107
  padding: 16px;
1853
2108
  border-bottom: 1px solid var(--puck-color-grey-09);
1854
2109
  border-top: 1px solid var(--puck-color-grey-09);
1855
2110
  overflow-x: auto;
1856
2111
  }
1857
- ._SidebarSection--noBorderTop_8boj8_20 > ._SidebarSection-title_8boj8_12 {
2112
+ ._SidebarSection--noBorderTop_5otpt_20 > ._SidebarSection-title_5otpt_12 {
1858
2113
  border-top: 0px;
1859
2114
  }
1860
- ._SidebarSection-content_8boj8_24 {
1861
- padding: 16px;
1862
- }
1863
- ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24 {
1864
- padding: 0px;
1865
- }
1866
- ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24:last-child {
2115
+ ._SidebarSection-content_5otpt_24:last-child {
1867
2116
  padding-bottom: 4px;
1868
2117
  }
1869
- ._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24 {
2118
+ ._SidebarSection_5otpt_1:last-of-type ._SidebarSection-content_5otpt_24 {
1870
2119
  border-bottom: none;
1871
2120
  flex-grow: 1;
1872
2121
  }
1873
- ._SidebarSection-breadcrumbLabel_8boj8_41 {
2122
+ ._SidebarSection-breadcrumbLabel_5otpt_33 {
1874
2123
  background: none;
1875
2124
  border: 0;
1876
2125
  border-radius: 2px;
@@ -1881,34 +2130,34 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1881
2130
  padding: 0;
1882
2131
  transition: color 50ms ease-in;
1883
2132
  }
1884
- ._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible {
2133
+ ._SidebarSection-breadcrumbLabel_5otpt_33:focus-visible {
1885
2134
  outline: 2px solid var(--puck-color-azure-05);
1886
2135
  outline-offset: 2px;
1887
2136
  }
1888
2137
  @media (hover: hover) and (pointer: fine) {
1889
- ._SidebarSection-breadcrumbLabel_8boj8_41:hover {
2138
+ ._SidebarSection-breadcrumbLabel_5otpt_33:hover {
1890
2139
  color: var(--puck-color-azure-03);
1891
2140
  transition: none;
1892
2141
  }
1893
2142
  }
1894
- ._SidebarSection-breadcrumbLabel_8boj8_41:active {
2143
+ ._SidebarSection-breadcrumbLabel_5otpt_33:active {
1895
2144
  color: var(--puck-color-azure-02);
1896
2145
  transition: none;
1897
2146
  }
1898
- ._SidebarSection-breadcrumbs_8boj8_70 {
2147
+ ._SidebarSection-breadcrumbs_5otpt_62 {
1899
2148
  align-items: center;
1900
2149
  display: flex;
1901
2150
  gap: 4px;
1902
2151
  }
1903
- ._SidebarSection-breadcrumb_8boj8_41 {
2152
+ ._SidebarSection-breadcrumb_5otpt_33 {
1904
2153
  align-items: center;
1905
2154
  display: flex;
1906
2155
  gap: 4px;
1907
2156
  }
1908
- ._SidebarSection-heading_8boj8_82 {
2157
+ ._SidebarSection-heading_5otpt_74 {
1909
2158
  padding-inline-end: 16px;
1910
2159
  }
1911
- ._SidebarSection-loadingOverlay_8boj8_86 {
2160
+ ._SidebarSection-loadingOverlay_5otpt_78 {
1912
2161
  background: var(--puck-color-white);
1913
2162
  display: flex;
1914
2163
  justify-content: center;
@@ -2229,10 +2478,10 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2229
2478
  }
2230
2479
 
2231
2480
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Nav/styles.module.css/#css-module-data */
2232
- ._Nav_3nnxc_1 {
2481
+ ._Nav_1tvxq_1 {
2233
2482
  display: flex;
2234
2483
  }
2235
- ._Nav-list_3nnxc_5 {
2484
+ ._Nav-list_1tvxq_5 {
2236
2485
  display: flex;
2237
2486
  list-style: none;
2238
2487
  margin: 0;
@@ -2241,14 +2490,14 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2241
2490
  gap: 8px;
2242
2491
  }
2243
2492
  @media (min-width: 638px) {
2244
- ._Nav-list_3nnxc_5 {
2493
+ ._Nav-list_1tvxq_5 {
2245
2494
  padding-top: 32px;
2246
2495
  flex-direction: column;
2247
2496
  gap: 16px;
2248
2497
  width: 100%;
2249
2498
  }
2250
2499
  }
2251
- ._Nav-mobileActions_3nnxc_23 {
2500
+ ._Nav-mobileActions_1tvxq_23 {
2252
2501
  align-items: center;
2253
2502
  display: flex;
2254
2503
  justify-content: center;
@@ -2257,11 +2506,12 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2257
2506
  border-inline-start: 1px solid var(--puck-color-grey-09);
2258
2507
  }
2259
2508
  @media (min-width: 638px) {
2260
- ._Nav-mobileActions_3nnxc_23 {
2509
+ ._Nav-mobileActions_1tvxq_23 {
2261
2510
  display: none;
2262
2511
  }
2263
2512
  }
2264
- ._NavItem-link_3nnxc_38 {
2513
+ ._NavItem-link_1tvxq_38 {
2514
+ text-align: center;
2265
2515
  align-items: center;
2266
2516
  color: var(--puck-color-grey-03);
2267
2517
  display: flex;
@@ -2274,23 +2524,23 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2274
2524
  box-sizing: border-box;
2275
2525
  }
2276
2526
  @media (min-width: 638px) {
2277
- ._NavItem-link_3nnxc_38 {
2527
+ ._NavItem-link_1tvxq_38 {
2278
2528
  width: auto;
2279
2529
  }
2280
2530
  }
2281
- ._NavItem_3nnxc_38:first-of-type {
2531
+ ._NavItem_1tvxq_38:first-of-type {
2282
2532
  padding-left: 16px;
2283
2533
  }
2284
- ._NavItem_3nnxc_38:last-of-type {
2534
+ ._NavItem_1tvxq_38:last-of-type {
2285
2535
  padding-right: 16px;
2286
2536
  }
2287
2537
  @media (min-width: 638px) {
2288
- ._NavItem_3nnxc_38:first-of-type,
2289
- ._NavItem_3nnxc_38:last-of-type {
2538
+ ._NavItem_1tvxq_38:first-of-type,
2539
+ ._NavItem_1tvxq_38:last-of-type {
2290
2540
  padding: 0;
2291
2541
  }
2292
2542
  }
2293
- ._NavItem-link_3nnxc_38 {
2543
+ ._NavItem-link_1tvxq_38 {
2294
2544
  border-top: 4px solid transparent;
2295
2545
  border-bottom: 4px solid transparent;
2296
2546
  border-radius: 0;
@@ -2298,22 +2548,22 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2298
2548
  font-size: var(--puck-font-size-xxxs);
2299
2549
  }
2300
2550
  @media (min-width: 638px) {
2301
- ._NavItem-link_3nnxc_38 {
2551
+ ._NavItem-link_1tvxq_38 {
2302
2552
  border: 0;
2303
2553
  border-left: 4px solid transparent;
2304
2554
  border-right: 4px solid transparent;
2305
2555
  }
2306
2556
  }
2307
- ._NavItem-linkIcon_3nnxc_88 {
2557
+ ._NavItem-linkIcon_1tvxq_89 {
2308
2558
  height: 24px;
2309
2559
  width: 24px;
2310
2560
  }
2311
- ._NavItem--active_3nnxc_93 > ._NavItem-link_3nnxc_38 {
2561
+ ._NavItem--active_1tvxq_94 > ._NavItem-link_1tvxq_38 {
2312
2562
  background-color: var(--puck-color-azure-10);
2313
2563
  color: var(--puck-color-azure-04);
2314
2564
  font-weight: 600;
2315
2565
  }
2316
- ._NavItem--active_3nnxc_93 > ._NavItem-link_3nnxc_38 {
2566
+ ._NavItem--active_1tvxq_94 > ._NavItem-link_1tvxq_38 {
2317
2567
  background-color: transparent;
2318
2568
  border-top-color: var(--puck-color-azure-04);
2319
2569
  border-top-right-radius: 0;
@@ -2321,20 +2571,44 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2321
2571
  font-weight: 600;
2322
2572
  }
2323
2573
  @media (min-width: 638px) {
2324
- ._NavItem--active_3nnxc_93 > ._NavItem-link_3nnxc_38 {
2574
+ ._NavItem--active_1tvxq_94 > ._NavItem-link_1tvxq_38 {
2325
2575
  border-top-color: transparent;
2326
2576
  border-right-color: var(--puck-color-azure-04);
2327
2577
  }
2328
2578
  }
2329
- ._NavItem_3nnxc_38:not(._NavItem--active_3nnxc_93) > ._NavItem-link_3nnxc_38:hover {
2579
+ ._NavItem_1tvxq_38:not(._NavItem--active_1tvxq_94) > ._NavItem-link_1tvxq_38:hover {
2330
2580
  background-color: var(--puck-color-azure-11);
2331
2581
  color: var(--puck-color-azure-04);
2332
2582
  }
2333
2583
  @media (min-width: 638px) {
2334
- ._NavItem--mobileOnly_3nnxc_120 {
2584
+ ._NavItem--mobileOnly_1tvxq_121 {
2335
2585
  display: none;
2336
2586
  }
2337
2587
  }
2588
+ ._NavItem--desktopOnly_1tvxq_126 {
2589
+ display: none;
2590
+ }
2591
+ @media (min-width: 638px) {
2592
+ ._NavItem--desktopOnly_1tvxq_126 {
2593
+ display: block;
2594
+ }
2595
+ }
2596
+
2597
+ /* css-module:/home/runner/work/puck/puck/packages/core/plugins/blocks/styles.module.css/#css-module-data */
2598
+ ._BlocksPlugin_1ey1i_1 {
2599
+ padding: 16px;
2600
+ height: 100%;
2601
+ overflow-y: auto;
2602
+ box-sizing: border-box;
2603
+ }
2604
+
2605
+ /* css-module:/home/runner/work/puck/puck/packages/core/plugins/outline/styles.module.css/#css-module-data */
2606
+ ._OutlinePlugin_q92j6_1 {
2607
+ padding: 16px;
2608
+ height: 100%;
2609
+ overflow-y: auto;
2610
+ box-sizing: border-box;
2611
+ }
2338
2612
 
2339
2613
  /* css-module:/home/runner/work/puck/puck/packages/core/plugins/fields/styles.module.css/#css-module-data */
2340
2614
  ._FieldsPlugin_nd930_1 {