@measured/puck 0.20.0-canary.274fe3d9 → 0.20.0-canary.2ce4c22c

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-4KAREQPB.mjs";
21
+ } from "./chunk-ANWTLGCS.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,21 +1428,21 @@ 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_vnhjy_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_vnhjy_19 {
1404
1438
  overflow-x: auto;
1405
1439
  }
1406
1440
  }
1407
- ._Puck-portal_dnlfp_31 {
1441
+ ._Puck-portal_vnhjy_31 {
1408
1442
  position: relative;
1409
1443
  z-index: 2;
1410
1444
  }
1411
- ._PuckLayout-inner_dnlfp_38 {
1445
+ ._PuckLayout-inner_vnhjy_38 {
1412
1446
  --puck-frame-width: auto;
1413
1447
  --puck-side-bar-width: 0px;
1414
1448
  display: grid;
@@ -1419,69 +1453,53 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1419
1453
  position: relative;
1420
1454
  z-index: 0;
1421
1455
  }
1422
- ._PuckLayout--mounted_dnlfp_50 ._PuckLayout-inner_dnlfp_38 {
1456
+ ._PuckLayout--mounted_vnhjy_50 ._PuckLayout-inner_vnhjy_38 {
1423
1457
  --puck-side-bar-width: 186px;
1424
1458
  }
1425
- ._PuckLayout--leftSideBarVisible_dnlfp_54 ._PuckLayout-inner_dnlfp_38 {
1459
+ ._PuckLayout--leftSideBarVisible_vnhjy_54 ._PuckLayout-inner_vnhjy_38 {
1426
1460
  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
1427
1461
  }
1428
- ._PuckLayout--rightSideBarVisible_dnlfp_60 ._PuckLayout-inner_dnlfp_38 {
1462
+ ._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
1429
1463
  grid-template-columns: 0 var(--puck-frame-width) var(--puck-side-bar-width);
1430
1464
  }
1431
- ._PuckLayout--leftSideBarVisible_dnlfp_54._PuckLayout--rightSideBarVisible_dnlfp_60 ._PuckLayout-inner_dnlfp_38 {
1465
+ ._PuckLayout--leftSideBarVisible_vnhjy_54._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
1432
1466
  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) var(--puck-side-bar-width);
1433
1467
  }
1434
1468
  @media (min-width: 458px) {
1435
- ._PuckLayout-mounted_dnlfp_74 ._PuckLayout-inner_dnlfp_38 {
1469
+ ._PuckLayout-mounted_vnhjy_74 ._PuckLayout-inner_vnhjy_38 {
1436
1470
  --puck-frame-width: minmax(266px, auto);
1437
1471
  }
1438
1472
  }
1439
1473
  @media (min-width: 638px) {
1440
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1474
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1441
1475
  --puck-side-bar-width: minmax(186px, 250px);
1442
1476
  }
1443
1477
  }
1444
1478
  @media (min-width: 766px) {
1445
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1479
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1446
1480
  --puck-frame-width: auto;
1447
1481
  }
1448
1482
  }
1449
1483
  @media (min-width: 990px) {
1450
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1484
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1451
1485
  --puck-side-bar-width: 256px;
1452
1486
  }
1453
1487
  }
1454
1488
  @media (min-width: 1198px) {
1455
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1489
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1456
1490
  --puck-side-bar-width: 274px;
1457
1491
  }
1458
1492
  }
1459
1493
  @media (min-width: 1398px) {
1460
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1494
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1461
1495
  --puck-side-bar-width: 290px;
1462
1496
  }
1463
1497
  }
1464
1498
  @media (min-width: 1598px) {
1465
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1499
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1466
1500
  --puck-side-bar-width: 320px;
1467
1501
  }
1468
1502
  }
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
1503
 
1486
1504
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */
1487
1505
  ._PuckFields_10bh7_1 {
@@ -1893,3 +1911,66 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1893
1911
  display: none;
1894
1912
  }
1895
1913
  }
1914
+
1915
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/ResizeHandle/styles.module.css/#css-module-data */
1916
+ @media (min-width: 766px) {
1917
+ ._ResizeHandle_144bf_2 {
1918
+ position: absolute;
1919
+ width: 5px;
1920
+ height: 100%;
1921
+ cursor: col-resize;
1922
+ z-index: 10;
1923
+ background: transparent;
1924
+ top: 0;
1925
+ }
1926
+ ._ResizeHandle_144bf_2:hover {
1927
+ background: rgba(0, 0, 0, 0.1);
1928
+ }
1929
+ ._ResizeHandle--left_144bf_16 {
1930
+ right: -3px;
1931
+ }
1932
+ ._ResizeHandle--right_144bf_20 {
1933
+ left: -3px;
1934
+ }
1935
+ }
1936
+
1937
+ /* components/Puck/components/ResizeHandle/styles.css */
1938
+ [data-resize-overlay] {
1939
+ position: fixed;
1940
+ top: 0;
1941
+ left: 0;
1942
+ right: 0;
1943
+ bottom: 0;
1944
+ z-index: 9999;
1945
+ cursor: col-resize;
1946
+ }
1947
+
1948
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Sidebar/styles.module.css/#css-module-data */
1949
+ ._Sidebar_1xksb_1 {
1950
+ position: relative;
1951
+ display: flex;
1952
+ flex-direction: column;
1953
+ overflow-y: auto;
1954
+ }
1955
+ ._Sidebar--left_1xksb_8 {
1956
+ background: var(--puck-color-grey-12);
1957
+ border-inline-end: 1px solid var(--puck-color-grey-09);
1958
+ grid-area: left;
1959
+ }
1960
+ ._Sidebar--right_1xksb_14 {
1961
+ background: var(--puck-color-white);
1962
+ border-inline-start: 1px solid var(--puck-color-grey-09);
1963
+ grid-area: right;
1964
+ }
1965
+ ._Sidebar-resizeHandle_1xksb_20 {
1966
+ position: absolute;
1967
+ height: 100%;
1968
+ }
1969
+ ._Sidebar--left_1xksb_8 + ._Sidebar-resizeHandle_1xksb_20 {
1970
+ grid-area: left;
1971
+ justify-self: end;
1972
+ }
1973
+ ._Sidebar--right_1xksb_14 + ._Sidebar-resizeHandle_1xksb_20 {
1974
+ grid-area: right;
1975
+ justify-self: start;
1976
+ }
@@ -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-DrNRq2FV.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-DrNRq2FV.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';