@measured/puck 0.20.0-canary.d405985b → 0.20.0-canary.ddc0aa31

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.mjs CHANGED
@@ -13,17 +13,19 @@ import {
13
13
  Render,
14
14
  createUsePuck,
15
15
  overrideKeys,
16
+ registerOverlayPortal,
16
17
  renderContext,
18
+ setDeep,
17
19
  useGetPuck,
18
20
  usePuck
19
- } from "./chunk-DBSNJT3R.mjs";
21
+ } from "./chunk-PIG4I6UF.mjs";
20
22
  import {
21
23
  init_react_import,
22
24
  migrate,
23
25
  resolveAllData,
24
26
  transformProps,
25
27
  walkTree
26
- } from "./chunk-32MJ3X3H.mjs";
28
+ } from "./chunk-HUKJ36SA.mjs";
27
29
 
28
30
  // bundle/index.ts
29
31
  init_react_import();
@@ -43,8 +45,10 @@ export {
43
45
  createUsePuck,
44
46
  migrate,
45
47
  overrideKeys,
48
+ registerOverlayPortal,
46
49
  renderContext,
47
50
  resolveAllData,
51
+ setDeep,
48
52
  transformProps,
49
53
  useGetPuck,
50
54
  usePuck,
@@ -229,10 +229,10 @@
229
229
  }
230
230
 
231
231
  /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
232
- ._InputWrapper_py9hf_1 + ._InputWrapper_py9hf_1 {
232
+ ._InputWrapper_bsxfo_1 + ._InputWrapper_bsxfo_1 {
233
233
  margin-top: 12px;
234
234
  }
235
- ._Input-label_py9hf_5 {
235
+ ._Input-label_bsxfo_5 {
236
236
  align-items: center;
237
237
  color: var(--puck-color-grey-04);
238
238
  display: flex;
@@ -240,17 +240,17 @@
240
240
  font-size: var(--puck-font-size-xxs);
241
241
  font-weight: 600;
242
242
  }
243
- ._Input-labelIcon_py9hf_14 {
243
+ ._Input-labelIcon_bsxfo_14 {
244
244
  color: var(--puck-color-grey-07);
245
245
  display: flex;
246
246
  margin-inline-end: 4px;
247
247
  padding-inline-start: 4px;
248
248
  }
249
- ._Input-disabledIcon_py9hf_21 {
249
+ ._Input-disabledIcon_bsxfo_21 {
250
250
  color: var(--puck-color-grey-05);
251
251
  margin-inline-start: auto;
252
252
  }
253
- ._Input-input_py9hf_26 {
253
+ ._Input-input_bsxfo_26 {
254
254
  background: var(--puck-color-white);
255
255
  border-width: 1px;
256
256
  border-style: solid;
@@ -258,13 +258,18 @@
258
258
  border-radius: 4px;
259
259
  box-sizing: border-box;
260
260
  font-family: inherit;
261
- font-size: 14px;
261
+ font-size: 16px;
262
262
  padding: 12px 15px;
263
263
  transition: border-color 50ms ease-in;
264
264
  width: 100%;
265
265
  max-width: 100%;
266
266
  }
267
- select._Input-input_py9hf_26 {
267
+ @media (min-width: 458px) {
268
+ ._Input-input_bsxfo_26 {
269
+ font-size: 14px;
270
+ }
271
+ }
272
+ select._Input-input_bsxfo_26 {
268
273
  appearance: none;
269
274
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
270
275
  background-size: 12px;
@@ -273,29 +278,29 @@ select._Input-input_py9hf_26 {
273
278
  background-color: var(--puck-color-white);
274
279
  cursor: pointer;
275
280
  }
276
- select._Input-input_py9hf_26:dir(rtl) {
281
+ select._Input-input_bsxfo_26:dir(rtl) {
277
282
  background-position: 12px calc(50% + 3px);
278
283
  }
279
284
  @media (hover: hover) and (pointer: fine) {
280
- ._Input_py9hf_1:has(> input):hover ._Input-input_py9hf_26:not([readonly]),
281
- ._Input_py9hf_1:has(> textarea):hover ._Input-input_py9hf_26:not([readonly]) {
285
+ ._Input_bsxfo_1:has(> input):hover ._Input-input_bsxfo_26:not([readonly]),
286
+ ._Input_bsxfo_1:has(> textarea):hover ._Input-input_bsxfo_26:not([readonly]) {
282
287
  border-color: var(--puck-color-grey-05);
283
288
  transition: none;
284
289
  }
285
- ._Input_py9hf_1:has(> select):hover ._Input-input_py9hf_26:not([disabled]) {
290
+ ._Input_bsxfo_1:has(> select):hover ._Input-input_bsxfo_26:not([disabled]) {
286
291
  background-color: var(--puck-color-azure-12);
287
292
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a5a5a'><polygon points='0,0 100,0 50,50'/></svg>");
288
293
  border-color: var(--puck-color-grey-05);
289
294
  transition: none;
290
295
  }
291
296
  }
292
- ._Input-input_py9hf_26:focus {
297
+ ._Input-input_bsxfo_26:focus {
293
298
  border-color: var(--puck-color-grey-05);
294
299
  outline: 2px solid var(--puck-color-azure-05);
295
300
  transition: none;
296
301
  }
297
- ._Input--readOnly_py9hf_76 > ._Input-input_py9hf_26,
298
- ._Input--readOnly_py9hf_76 > select._Input-input_py9hf_26 {
302
+ ._Input--readOnly_bsxfo_82 > ._Input-input_bsxfo_26,
303
+ ._Input--readOnly_bsxfo_82 > select._Input-input_bsxfo_26 {
299
304
  background-color: var(--puck-color-grey-11);
300
305
  border-color: var(--puck-color-grey-09);
301
306
  color: var(--puck-color-grey-04);
@@ -304,34 +309,34 @@ select._Input-input_py9hf_26:dir(rtl) {
304
309
  outline: 0;
305
310
  transition: none;
306
311
  }
307
- ._Input-radioGroupItems_py9hf_87 {
312
+ ._Input-radioGroupItems_bsxfo_93 {
308
313
  display: flex;
309
314
  border: 1px solid var(--puck-color-grey-09);
310
315
  border-radius: 4px;
311
316
  flex-wrap: wrap;
312
317
  }
313
- ._Input-radio_py9hf_87 {
318
+ ._Input-radio_bsxfo_93 {
314
319
  border-inline-end: 1px solid var(--puck-color-grey-09);
315
320
  flex-grow: 1;
316
321
  }
317
- ._Input-radio_py9hf_87:first-of-type {
322
+ ._Input-radio_bsxfo_93:first-of-type {
318
323
  border-bottom-left-radius: 4px;
319
324
  border-top-left-radius: 4px;
320
325
  }
321
- ._Input-radio_py9hf_87:first-of-type ._Input-radioInner_py9hf_104 {
326
+ ._Input-radio_bsxfo_93:first-of-type ._Input-radioInner_bsxfo_110 {
322
327
  border-bottom-left-radius: 3px;
323
328
  border-top-left-radius: 3px;
324
329
  }
325
- ._Input-radio_py9hf_87:last-of-type {
330
+ ._Input-radio_bsxfo_93:last-of-type {
326
331
  border-bottom-right-radius: 4px;
327
332
  border-inline-end: 0;
328
333
  border-top-right-radius: 4px;
329
334
  }
330
- ._Input-radio_py9hf_87:last-of-type ._Input-radioInner_py9hf_104 {
335
+ ._Input-radio_bsxfo_93:last-of-type ._Input-radioInner_bsxfo_110 {
331
336
  border-bottom-right-radius: 3px;
332
337
  border-top-right-radius: 3px;
333
338
  }
334
- ._Input-radioInner_py9hf_104 {
339
+ ._Input-radioInner_bsxfo_110 {
335
340
  background-color: var(--puck-color-white);
336
341
  color: var(--puck-color-grey-04);
337
342
  cursor: pointer;
@@ -340,32 +345,32 @@ select._Input-input_py9hf_26:dir(rtl) {
340
345
  text-align: center;
341
346
  transition: background-color 50ms ease-in;
342
347
  }
343
- ._Input-radio_py9hf_87:has(:focus-visible) {
348
+ ._Input-radio_bsxfo_93:has(:focus-visible) {
344
349
  outline: 2px solid var(--puck-color-azure-05);
345
350
  outline-offset: 2px;
346
351
  position: relative;
347
352
  }
348
353
  @media (hover: hover) and (pointer: fine) {
349
- ._Input-radioInner_py9hf_104:hover {
354
+ ._Input-radioInner_bsxfo_110:hover {
350
355
  background-color: var(--puck-color-azure-12);
351
356
  transition: none;
352
357
  }
353
358
  }
354
- ._Input--readOnly_py9hf_76 ._Input-radioInner_py9hf_104 {
359
+ ._Input--readOnly_bsxfo_82 ._Input-radioInner_bsxfo_110 {
355
360
  background-color: var(--puck-color-white);
356
361
  color: var(--puck-color-grey-04);
357
362
  cursor: default;
358
363
  }
359
- ._Input-radio_py9hf_87 ._Input-radioInput_py9hf_149:checked ~ ._Input-radioInner_py9hf_104 {
364
+ ._Input-radio_bsxfo_93 ._Input-radioInput_bsxfo_155:checked ~ ._Input-radioInner_bsxfo_110 {
360
365
  background-color: var(--puck-color-azure-11);
361
366
  color: var(--puck-color-azure-04);
362
367
  font-weight: 500;
363
368
  }
364
- ._Input--readOnly_py9hf_76 ._Input-radioInput_py9hf_149:checked ~ ._Input-radioInner_py9hf_104 {
369
+ ._Input--readOnly_bsxfo_82 ._Input-radioInput_bsxfo_155:checked ~ ._Input-radioInner_bsxfo_110 {
365
370
  background-color: var(--puck-color-grey-11);
366
371
  color: var(--puck-color-grey-04);
367
372
  }
368
- ._Input-radio_py9hf_87 ._Input-radioInput_py9hf_149 {
373
+ ._Input-radio_bsxfo_93 ._Input-radioInput_bsxfo_155 {
369
374
  clip: rect(0 0 0 0);
370
375
  clip-path: inset(100%);
371
376
  height: 1px;
@@ -374,7 +379,7 @@ select._Input-input_py9hf_26:dir(rtl) {
374
379
  white-space: nowrap;
375
380
  width: 1px;
376
381
  }
377
- textarea._Input-input_py9hf_26 {
382
+ textarea._Input-input_bsxfo_26 {
378
383
  margin-bottom: -4px;
379
384
  }
380
385
 
@@ -1150,27 +1155,31 @@ textarea._Input-input_py9hf_26 {
1150
1155
  }
1151
1156
 
1152
1157
  /* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
1153
- ._DraggableComponent_qzbgx_1 {
1158
+ ._DraggableComponent_1vaqy_1 {
1154
1159
  position: absolute;
1155
1160
  pointer-events: none;
1156
1161
  --overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent );
1157
1162
  }
1158
- ._DraggableComponent-overlay_qzbgx_12 {
1159
- cursor: pointer;
1163
+ ._DraggableComponent-overlayWrapper_1vaqy_12 {
1160
1164
  height: 100%;
1161
1165
  width: 100%;
1162
1166
  top: 0;
1163
- outline: 2px var(--puck-color-azure-09) solid;
1164
- outline-offset: -2px;
1165
1167
  position: absolute;
1166
1168
  pointer-events: none;
1167
1169
  box-sizing: border-box;
1168
1170
  z-index: 1;
1169
1171
  }
1170
- ._DraggableComponent_qzbgx_1:focus-visible > ._DraggableComponent-overlay_qzbgx_12 {
1172
+ ._DraggableComponent-overlay_1vaqy_12 {
1173
+ cursor: pointer;
1174
+ height: 100%;
1175
+ outline: 2px var(--puck-color-azure-09) solid;
1176
+ outline-offset: -2px;
1177
+ width: 100%;
1178
+ }
1179
+ ._DraggableComponent_1vaqy_1:focus-visible > ._DraggableComponent-overlayWrapper_1vaqy_12 {
1171
1180
  outline: 1px solid var(--puck-color-azure-05);
1172
1181
  }
1173
- ._DraggableComponent-loadingOverlay_qzbgx_29 {
1182
+ ._DraggableComponent-loadingOverlay_1vaqy_34 {
1174
1183
  background: var(--puck-color-white);
1175
1184
  color: var(--puck-color-grey-03);
1176
1185
  border-radius: 4px;
@@ -1185,29 +1194,27 @@ textarea._Input-input_py9hf_26 {
1185
1194
  opacity: 0.8;
1186
1195
  z-index: 1;
1187
1196
  }
1188
- ._DraggableComponent--hover_qzbgx_45:not(._DraggableComponent--isLocked_qzbgx_45) > ._DraggableComponent-overlay_qzbgx_12 {
1197
+ ._DraggableComponent--hover_1vaqy_50 > ._DraggableComponent-overlayWrapper_1vaqy_12 > ._DraggableComponent-overlay_1vaqy_12 {
1189
1198
  background: var(--overlay-background);
1190
- }
1191
- ._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12 {
1192
1199
  outline: 2px var(--puck-color-azure-09) solid;
1193
1200
  }
1194
- ._DraggableComponent--isSelected_qzbgx_54 > ._DraggableComponent-overlay_qzbgx_12 {
1201
+ ._DraggableComponent--isSelected_1vaqy_57 > ._DraggableComponent-overlayWrapper_1vaqy_12 > ._DraggableComponent-overlay_1vaqy_12 {
1195
1202
  outline-color: var(--puck-color-azure-07);
1196
1203
  }
1197
- ._DraggableComponent_qzbgx_1:has(._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12) > ._DraggableComponent-overlay_qzbgx_12 {
1204
+ ._DraggableComponent_1vaqy_1:has(._DraggableComponent--hover_1vaqy_50 > ._DraggableComponent-overlayWrapper_1vaqy_12) > ._DraggableComponent-overlayWrapper_1vaqy_12 {
1198
1205
  display: none;
1199
1206
  }
1200
- ._DraggableComponent-actionsOverlay_qzbgx_66 {
1207
+ ._DraggableComponent-actionsOverlay_1vaqy_71 {
1201
1208
  position: sticky;
1202
1209
  opacity: 0;
1203
1210
  pointer-events: none;
1204
1211
  z-index: 2;
1205
1212
  }
1206
- ._DraggableComponent--isSelected_qzbgx_54 ._DraggableComponent-actionsOverlay_qzbgx_66 {
1213
+ ._DraggableComponent--isSelected_1vaqy_57 ._DraggableComponent-actionsOverlay_1vaqy_71 {
1207
1214
  opacity: 1;
1208
1215
  pointer-events: auto;
1209
1216
  }
1210
- ._DraggableComponent-actions_qzbgx_66 {
1217
+ ._DraggableComponent-actions_1vaqy_71 {
1211
1218
  position: absolute;
1212
1219
  width: auto;
1213
1220
  cursor: grab;
@@ -1307,6 +1314,33 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1307
1314
  opacity: 0 !important;
1308
1315
  }
1309
1316
 
1317
+ /* lib/overlay-portal/styles.css */
1318
+ [data-puck-overlay-portal],
1319
+ [data-puck-overlay-portal] * {
1320
+ pointer-events: auto !important;
1321
+ }
1322
+ [data-puck-overlay-portal]:hover {
1323
+ outline: 2px var(--puck-color-azure-09) dashed;
1324
+ outline-offset: 2px;
1325
+ }
1326
+ [data-puck-overlay-portal]:focus-within {
1327
+ outline: 2px var(--puck-color-azure-07) solid;
1328
+ outline-offset: 2px;
1329
+ }
1330
+
1331
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/InlineTextField/styles.module.css/#css-module-data */
1332
+ ._InlineTextField_ilw2a_1 {
1333
+ cursor: text;
1334
+ display: inline-block;
1335
+ }
1336
+ [data-dnd-dragging] ._InlineTextField_ilw2a_1 {
1337
+ cursor: none;
1338
+ caret-color: transparent;
1339
+ }
1340
+ [data-dnd-dragging] ._InlineTextField_ilw2a_1::selection {
1341
+ display: none;
1342
+ }
1343
+
1310
1344
  /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
1311
1345
  ._SidebarSection_8boj8_1 {
1312
1346
  display: flex;
@@ -1394,23 +1428,25 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1394
1428
  }
1395
1429
 
1396
1430
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css/#css-module-data */
1397
- ._Puck_dnlfp_19 {
1431
+ ._Puck_1yxlw_19 {
1398
1432
  --puck-space-px: 16px;
1399
1433
  font-family: var(--puck-font-family);
1400
1434
  overflow-x: hidden;
1401
1435
  }
1402
1436
  @media (min-width: 766px) {
1403
- ._Puck_dnlfp_19 {
1437
+ ._Puck_1yxlw_19 {
1404
1438
  overflow-x: auto;
1405
1439
  }
1406
1440
  }
1407
- ._Puck-portal_dnlfp_31 {
1441
+ ._Puck-portal_1yxlw_31 {
1408
1442
  position: relative;
1409
1443
  z-index: 2;
1410
1444
  }
1411
- ._PuckLayout-inner_dnlfp_38 {
1445
+ ._PuckLayout-inner_1yxlw_38 {
1412
1446
  --puck-frame-width: auto;
1413
1447
  --puck-side-bar-width: 0px;
1448
+ --puck-left-side-bar-width: var( --puck-user-left-side-bar-width, var(--puck-side-bar-width) );
1449
+ --puck-right-side-bar-width: var( --puck-user-right-side-bar-width, var(--puck-side-bar-width) );
1414
1450
  display: grid;
1415
1451
  grid-template-areas: "header header header" "left editor right";
1416
1452
  grid-template-columns: 0 var(--puck-frame-width) 0;
@@ -1419,69 +1455,53 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1419
1455
  position: relative;
1420
1456
  z-index: 0;
1421
1457
  }
1422
- ._PuckLayout--mounted_dnlfp_50 ._PuckLayout-inner_dnlfp_38 {
1458
+ ._PuckLayout--mounted_1yxlw_59 ._PuckLayout-inner_1yxlw_38 {
1423
1459
  --puck-side-bar-width: 186px;
1424
1460
  }
1425
- ._PuckLayout--leftSideBarVisible_dnlfp_54 ._PuckLayout-inner_dnlfp_38 {
1426
- grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
1461
+ ._PuckLayout--leftSideBarVisible_1yxlw_63 ._PuckLayout-inner_1yxlw_38 {
1462
+ grid-template-columns: var(--puck-left-side-bar-width) var(--puck-frame-width) 0;
1427
1463
  }
1428
- ._PuckLayout--rightSideBarVisible_dnlfp_60 ._PuckLayout-inner_dnlfp_38 {
1429
- grid-template-columns: 0 var(--puck-frame-width) var(--puck-side-bar-width);
1464
+ ._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38 {
1465
+ grid-template-columns: 0 var(--puck-frame-width) var(--puck-right-side-bar-width);
1430
1466
  }
1431
- ._PuckLayout--leftSideBarVisible_dnlfp_54._PuckLayout--rightSideBarVisible_dnlfp_60 ._PuckLayout-inner_dnlfp_38 {
1432
- grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) var(--puck-side-bar-width);
1467
+ ._PuckLayout--leftSideBarVisible_1yxlw_63._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38 {
1468
+ grid-template-columns: var(--puck-left-side-bar-width) var(--puck-frame-width) var(--puck-right-side-bar-width);
1433
1469
  }
1434
1470
  @media (min-width: 458px) {
1435
- ._PuckLayout-mounted_dnlfp_74 ._PuckLayout-inner_dnlfp_38 {
1471
+ ._PuckLayout-mounted_1yxlw_83 ._PuckLayout-inner_1yxlw_38 {
1436
1472
  --puck-frame-width: minmax(266px, auto);
1437
1473
  }
1438
1474
  }
1439
1475
  @media (min-width: 638px) {
1440
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1476
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1441
1477
  --puck-side-bar-width: minmax(186px, 250px);
1442
1478
  }
1443
1479
  }
1444
1480
  @media (min-width: 766px) {
1445
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1481
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1446
1482
  --puck-frame-width: auto;
1447
1483
  }
1448
1484
  }
1449
1485
  @media (min-width: 990px) {
1450
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1486
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1451
1487
  --puck-side-bar-width: 256px;
1452
1488
  }
1453
1489
  }
1454
1490
  @media (min-width: 1198px) {
1455
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1491
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1456
1492
  --puck-side-bar-width: 274px;
1457
1493
  }
1458
1494
  }
1459
1495
  @media (min-width: 1398px) {
1460
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1496
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1461
1497
  --puck-side-bar-width: 290px;
1462
1498
  }
1463
1499
  }
1464
1500
  @media (min-width: 1598px) {
1465
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1501
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1466
1502
  --puck-side-bar-width: 320px;
1467
1503
  }
1468
1504
  }
1469
- ._PuckLayout-leftSideBar_dnlfp_115 {
1470
- background: var(--puck-color-grey-12);
1471
- border-inline-end: 1px solid var(--puck-color-grey-09);
1472
- display: flex;
1473
- flex-direction: column;
1474
- grid-area: left;
1475
- overflow-y: auto;
1476
- }
1477
- ._PuckLayout-rightSideBar_dnlfp_124 {
1478
- background: var(--puck-color-white);
1479
- border-inline-start: 1px solid var(--puck-color-grey-09);
1480
- display: flex;
1481
- flex-direction: column;
1482
- grid-area: right;
1483
- overflow-y: auto;
1484
- }
1485
1505
 
1486
1506
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */
1487
1507
  ._PuckFields_10bh7_1 {
@@ -1893,3 +1913,66 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1893
1913
  display: none;
1894
1914
  }
1895
1915
  }
1916
+
1917
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/ResizeHandle/styles.module.css/#css-module-data */
1918
+ @media (min-width: 766px) {
1919
+ ._ResizeHandle_144bf_2 {
1920
+ position: absolute;
1921
+ width: 5px;
1922
+ height: 100%;
1923
+ cursor: col-resize;
1924
+ z-index: 10;
1925
+ background: transparent;
1926
+ top: 0;
1927
+ }
1928
+ ._ResizeHandle_144bf_2:hover {
1929
+ background: rgba(0, 0, 0, 0.1);
1930
+ }
1931
+ ._ResizeHandle--left_144bf_16 {
1932
+ right: -3px;
1933
+ }
1934
+ ._ResizeHandle--right_144bf_20 {
1935
+ left: -3px;
1936
+ }
1937
+ }
1938
+
1939
+ /* components/Puck/components/ResizeHandle/styles.css */
1940
+ [data-resize-overlay] {
1941
+ position: fixed;
1942
+ top: 0;
1943
+ left: 0;
1944
+ right: 0;
1945
+ bottom: 0;
1946
+ z-index: 9999;
1947
+ cursor: col-resize;
1948
+ }
1949
+
1950
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Sidebar/styles.module.css/#css-module-data */
1951
+ ._Sidebar_1xksb_1 {
1952
+ position: relative;
1953
+ display: flex;
1954
+ flex-direction: column;
1955
+ overflow-y: auto;
1956
+ }
1957
+ ._Sidebar--left_1xksb_8 {
1958
+ background: var(--puck-color-grey-12);
1959
+ border-inline-end: 1px solid var(--puck-color-grey-09);
1960
+ grid-area: left;
1961
+ }
1962
+ ._Sidebar--right_1xksb_14 {
1963
+ background: var(--puck-color-white);
1964
+ border-inline-start: 1px solid var(--puck-color-grey-09);
1965
+ grid-area: right;
1966
+ }
1967
+ ._Sidebar-resizeHandle_1xksb_20 {
1968
+ position: absolute;
1969
+ height: 100%;
1970
+ }
1971
+ ._Sidebar--left_1xksb_8 + ._Sidebar-resizeHandle_1xksb_20 {
1972
+ grid-area: left;
1973
+ justify-self: end;
1974
+ }
1975
+ ._Sidebar--right_1xksb_14 + ._Sidebar-resizeHandle_1xksb_20 {
1976
+ grid-area: right;
1977
+ justify-self: start;
1978
+ }
@@ -1,4 +1,4 @@
1
- export { a2 as Adaptor, A as AppState, a0 as ArrayField, x as ArrayState, af as AsFieldProps, E as BaseData, T as BaseField, f as ComponentConfig, a as ComponentData, N as ComponentDataMap, K as ComponentDataOptionalId, C as Config, Q as Content, a6 as CustomField, a5 as CustomFieldRender, i as Data, ac as DefaultComponentProps, a9 as DefaultRootFieldProps, ab as DefaultRootProps, aa as DefaultRootRenderProps, n as Direction, o as DragAxis, a4 as ExternalField, a3 as ExternalFieldWithAdaptor, ah as ExtractPropsFromConfig, ai as ExtractRootPropsFromConfig, g as Field, h as FieldProps, u as FieldRenderFunctions, F as Fields, H as History, I as IframeConfig, k as InitialHistory, v as ItemWithId, L as MappedItem, M as Metadata, Y as NumberField, a1 as ObjectField, j as OnAction, s as OverrideKey, O as Overrides, P as Permissions, d as Plugin, b as PuckAction, z as PuckComponent, a8 as PuckContext, $ as RadioField, c as ResolveDataTrigger, B as RootConfig, J as RootData, R as RootDataWithProps, G as RootDataWithoutProps, _ as SelectField, S as Slot, y as SlotComponent, a7 as SlotField, X as TextField, Z as TextareaField, e as UiState, U as UserGenerics, p as Viewport, V as Viewports, ag as WithChildren, ad as WithId, ae as WithPuckProps, W as WithSlotProps, m as migrate, q as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Bp8tnkJS.mjs';
2
- export { Action, ActionBar, AutoField, Button, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Puck, PuckApi, Render, UsePuckData, createUsePuck, renderContext, useGetPuck, usePuck } from './index.mjs';
1
+ export { a5 as Adaptor, A as AppState, a3 as ArrayField, B as ArrayState, ai as AsFieldProps, K as BaseData, Z as BaseField, f as ComponentConfig, a as ComponentData, X as ComponentDataMap, Q as ComponentDataOptionalId, C as Config, Y as Content, a9 as CustomField, a8 as CustomFieldRender, j as Data, af as DefaultComponentProps, ac as DefaultRootFieldProps, ae as DefaultRootProps, ad as DefaultRootRenderProps, o as Direction, p as DragAxis, a7 as ExternalField, a6 as ExternalFieldWithAdaptor, am as ExtractField, ak as ExtractPropsFromConfig, al as ExtractRootPropsFromConfig, h as Field, i as FieldProps, y as FieldRenderFunctions, u as FieldTransformFn, s as FieldTransformFnParams, g as FieldTransforms, F as Fields, H as History, I as IframeConfig, l as InitialHistory, z as ItemWithId, T as MappedItem, M as Metadata, $ as NumberField, a4 as ObjectField, k as OnAction, x as OverrideKey, O as Overrides, P as Permissions, d as Plugin, b as PuckAction, G as PuckComponent, ab as PuckContext, a2 as RadioField, c as ResolveDataTrigger, J as RootConfig, N as RootData, R as RootDataWithProps, L as RootDataWithoutProps, a1 as SelectField, S as Slot, E as SlotComponent, aa as SlotField, _ as TextField, a0 as TextareaField, e as UiState, U as UserGenerics, q as Viewport, V as Viewports, aj as WithChildren, ag as WithId, ah as WithPuckProps, W as WithSlotProps, m as migrate, v as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-B57SgEEc.mjs';
2
+ export { Action, ActionBar, AutoField, Button, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Puck, PuckApi, Render, UsePuckData, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck } from './index.mjs';
3
3
  import 'react';
4
4
  import 'react/jsx-runtime';
@@ -1,4 +1,4 @@
1
- export { a2 as Adaptor, A as AppState, a0 as ArrayField, x as ArrayState, af as AsFieldProps, E as BaseData, T as BaseField, f as ComponentConfig, a as ComponentData, N as ComponentDataMap, K as ComponentDataOptionalId, C as Config, Q as Content, a6 as CustomField, a5 as CustomFieldRender, i as Data, ac as DefaultComponentProps, a9 as DefaultRootFieldProps, ab as DefaultRootProps, aa as DefaultRootRenderProps, n as Direction, o as DragAxis, a4 as ExternalField, a3 as ExternalFieldWithAdaptor, ah as ExtractPropsFromConfig, ai as ExtractRootPropsFromConfig, g as Field, h as FieldProps, u as FieldRenderFunctions, F as Fields, H as History, I as IframeConfig, k as InitialHistory, v as ItemWithId, L as MappedItem, M as Metadata, Y as NumberField, a1 as ObjectField, j as OnAction, s as OverrideKey, O as Overrides, P as Permissions, d as Plugin, b as PuckAction, z as PuckComponent, a8 as PuckContext, $ as RadioField, c as ResolveDataTrigger, B as RootConfig, J as RootData, R as RootDataWithProps, G as RootDataWithoutProps, _ as SelectField, S as Slot, y as SlotComponent, a7 as SlotField, X as TextField, Z as TextareaField, e as UiState, U as UserGenerics, p as Viewport, V as Viewports, ag as WithChildren, ad as WithId, ae as WithPuckProps, W as WithSlotProps, m as migrate, q as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Bp8tnkJS.js';
2
- export { Action, ActionBar, AutoField, Button, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Puck, PuckApi, Render, UsePuckData, createUsePuck, renderContext, useGetPuck, usePuck } from './index.js';
1
+ export { a5 as Adaptor, A as AppState, a3 as ArrayField, B as ArrayState, ai as AsFieldProps, K as BaseData, Z as BaseField, f as ComponentConfig, a as ComponentData, X as ComponentDataMap, Q as ComponentDataOptionalId, C as Config, Y as Content, a9 as CustomField, a8 as CustomFieldRender, j as Data, af as DefaultComponentProps, ac as DefaultRootFieldProps, ae as DefaultRootProps, ad as DefaultRootRenderProps, o as Direction, p as DragAxis, a7 as ExternalField, a6 as ExternalFieldWithAdaptor, am as ExtractField, ak as ExtractPropsFromConfig, al as ExtractRootPropsFromConfig, h as Field, i as FieldProps, y as FieldRenderFunctions, u as FieldTransformFn, s as FieldTransformFnParams, g as FieldTransforms, F as Fields, H as History, I as IframeConfig, l as InitialHistory, z as ItemWithId, T as MappedItem, M as Metadata, $ as NumberField, a4 as ObjectField, k as OnAction, x as OverrideKey, O as Overrides, P as Permissions, d as Plugin, b as PuckAction, G as PuckComponent, ab as PuckContext, a2 as RadioField, c as ResolveDataTrigger, J as RootConfig, N as RootData, R as RootDataWithProps, L as RootDataWithoutProps, a1 as SelectField, S as Slot, E as SlotComponent, aa as SlotField, _ as TextField, a0 as TextareaField, e as UiState, U as UserGenerics, q as Viewport, V as Viewports, aj as WithChildren, ag as WithId, ah as WithPuckProps, W as WithSlotProps, m as migrate, v as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-B57SgEEc.js';
2
+ export { Action, ActionBar, AutoField, Button, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Puck, PuckApi, Render, UsePuckData, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck } from './index.js';
3
3
  import 'react';
4
4
  import 'react/jsx-runtime';