@measured/puck 0.19.4-canary.f09540db → 0.20.0-canary.0708ce21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -134,7 +134,7 @@
134
134
  }
135
135
  }
136
136
 
137
- /* styles.css */
137
+ /* bundle/core.css */
138
138
  #frame-root {
139
139
  height: 1px;
140
140
  min-height: 100vh;
@@ -144,6 +144,8 @@
144
144
  z-index: 0;
145
145
  }
146
146
 
147
+ /* bundle/index.css */
148
+
147
149
  /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
148
150
  ._ActionBar_rvadt_1 {
149
151
  align-items: center;
@@ -1150,27 +1152,31 @@ textarea._Input-input_py9hf_26 {
1150
1152
  }
1151
1153
 
1152
1154
  /* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
1153
- ._DraggableComponent_qzbgx_1 {
1155
+ ._DraggableComponent_1vaqy_1 {
1154
1156
  position: absolute;
1155
1157
  pointer-events: none;
1156
1158
  --overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent );
1157
1159
  }
1158
- ._DraggableComponent-overlay_qzbgx_12 {
1159
- cursor: pointer;
1160
+ ._DraggableComponent-overlayWrapper_1vaqy_12 {
1160
1161
  height: 100%;
1161
1162
  width: 100%;
1162
1163
  top: 0;
1163
- outline: 2px var(--puck-color-azure-09) solid;
1164
- outline-offset: -2px;
1165
1164
  position: absolute;
1166
1165
  pointer-events: none;
1167
1166
  box-sizing: border-box;
1168
1167
  z-index: 1;
1169
1168
  }
1170
- ._DraggableComponent_qzbgx_1:focus-visible > ._DraggableComponent-overlay_qzbgx_12 {
1169
+ ._DraggableComponent-overlay_1vaqy_12 {
1170
+ cursor: pointer;
1171
+ height: 100%;
1172
+ outline: 2px var(--puck-color-azure-09) solid;
1173
+ outline-offset: -2px;
1174
+ width: 100%;
1175
+ }
1176
+ ._DraggableComponent_1vaqy_1:focus-visible > ._DraggableComponent-overlayWrapper_1vaqy_12 {
1171
1177
  outline: 1px solid var(--puck-color-azure-05);
1172
1178
  }
1173
- ._DraggableComponent-loadingOverlay_qzbgx_29 {
1179
+ ._DraggableComponent-loadingOverlay_1vaqy_34 {
1174
1180
  background: var(--puck-color-white);
1175
1181
  color: var(--puck-color-grey-03);
1176
1182
  border-radius: 4px;
@@ -1185,29 +1191,27 @@ textarea._Input-input_py9hf_26 {
1185
1191
  opacity: 0.8;
1186
1192
  z-index: 1;
1187
1193
  }
1188
- ._DraggableComponent--hover_qzbgx_45:not(._DraggableComponent--isLocked_qzbgx_45) > ._DraggableComponent-overlay_qzbgx_12 {
1194
+ ._DraggableComponent--hover_1vaqy_50 > ._DraggableComponent-overlayWrapper_1vaqy_12 > ._DraggableComponent-overlay_1vaqy_12 {
1189
1195
  background: var(--overlay-background);
1190
- }
1191
- ._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12 {
1192
1196
  outline: 2px var(--puck-color-azure-09) solid;
1193
1197
  }
1194
- ._DraggableComponent--isSelected_qzbgx_54 > ._DraggableComponent-overlay_qzbgx_12 {
1198
+ ._DraggableComponent--isSelected_1vaqy_57 > ._DraggableComponent-overlayWrapper_1vaqy_12 > ._DraggableComponent-overlay_1vaqy_12 {
1195
1199
  outline-color: var(--puck-color-azure-07);
1196
1200
  }
1197
- ._DraggableComponent_qzbgx_1:has(._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12) > ._DraggableComponent-overlay_qzbgx_12 {
1201
+ ._DraggableComponent_1vaqy_1:has(._DraggableComponent--hover_1vaqy_50 > ._DraggableComponent-overlayWrapper_1vaqy_12) > ._DraggableComponent-overlayWrapper_1vaqy_12 {
1198
1202
  display: none;
1199
1203
  }
1200
- ._DraggableComponent-actionsOverlay_qzbgx_66 {
1204
+ ._DraggableComponent-actionsOverlay_1vaqy_71 {
1201
1205
  position: sticky;
1202
1206
  opacity: 0;
1203
1207
  pointer-events: none;
1204
1208
  z-index: 2;
1205
1209
  }
1206
- ._DraggableComponent--isSelected_qzbgx_54 ._DraggableComponent-actionsOverlay_qzbgx_66 {
1210
+ ._DraggableComponent--isSelected_1vaqy_57 ._DraggableComponent-actionsOverlay_1vaqy_71 {
1207
1211
  opacity: 1;
1208
1212
  pointer-events: auto;
1209
1213
  }
1210
- ._DraggableComponent-actions_qzbgx_66 {
1214
+ ._DraggableComponent-actions_1vaqy_71 {
1211
1215
  position: absolute;
1212
1216
  width: auto;
1213
1217
  cursor: grab;
@@ -1307,6 +1311,33 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1307
1311
  opacity: 0 !important;
1308
1312
  }
1309
1313
 
1314
+ /* lib/overlay-portal/styles.css */
1315
+ [data-puck-overlay-portal],
1316
+ [data-puck-overlay-portal] * {
1317
+ pointer-events: auto !important;
1318
+ }
1319
+ [data-puck-overlay-portal]:hover {
1320
+ outline: 2px var(--puck-color-azure-09) dashed;
1321
+ outline-offset: 2px;
1322
+ }
1323
+ [data-puck-overlay-portal]:focus-within {
1324
+ outline: 2px var(--puck-color-azure-07) solid;
1325
+ outline-offset: 2px;
1326
+ }
1327
+
1328
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/InlineTextField/styles.module.css/#css-module-data */
1329
+ ._InlineTextField_ilw2a_1 {
1330
+ cursor: text;
1331
+ display: inline-block;
1332
+ }
1333
+ [data-dnd-dragging] ._InlineTextField_ilw2a_1 {
1334
+ cursor: none;
1335
+ caret-color: transparent;
1336
+ }
1337
+ [data-dnd-dragging] ._InlineTextField_ilw2a_1::selection {
1338
+ display: none;
1339
+ }
1340
+
1310
1341
  /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
1311
1342
  ._SidebarSection_8boj8_1 {
1312
1343
  display: flex;
@@ -1394,21 +1425,21 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1394
1425
  }
1395
1426
 
1396
1427
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css/#css-module-data */
1397
- ._Puck_dnlfp_19 {
1428
+ ._Puck_vnhjy_19 {
1398
1429
  --puck-space-px: 16px;
1399
1430
  font-family: var(--puck-font-family);
1400
1431
  overflow-x: hidden;
1401
1432
  }
1402
1433
  @media (min-width: 766px) {
1403
- ._Puck_dnlfp_19 {
1434
+ ._Puck_vnhjy_19 {
1404
1435
  overflow-x: auto;
1405
1436
  }
1406
1437
  }
1407
- ._Puck-portal_dnlfp_31 {
1438
+ ._Puck-portal_vnhjy_31 {
1408
1439
  position: relative;
1409
1440
  z-index: 2;
1410
1441
  }
1411
- ._PuckLayout-inner_dnlfp_38 {
1442
+ ._PuckLayout-inner_vnhjy_38 {
1412
1443
  --puck-frame-width: auto;
1413
1444
  --puck-side-bar-width: 0px;
1414
1445
  display: grid;
@@ -1419,69 +1450,53 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1419
1450
  position: relative;
1420
1451
  z-index: 0;
1421
1452
  }
1422
- ._PuckLayout--mounted_dnlfp_50 ._PuckLayout-inner_dnlfp_38 {
1453
+ ._PuckLayout--mounted_vnhjy_50 ._PuckLayout-inner_vnhjy_38 {
1423
1454
  --puck-side-bar-width: 186px;
1424
1455
  }
1425
- ._PuckLayout--leftSideBarVisible_dnlfp_54 ._PuckLayout-inner_dnlfp_38 {
1456
+ ._PuckLayout--leftSideBarVisible_vnhjy_54 ._PuckLayout-inner_vnhjy_38 {
1426
1457
  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
1427
1458
  }
1428
- ._PuckLayout--rightSideBarVisible_dnlfp_60 ._PuckLayout-inner_dnlfp_38 {
1459
+ ._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
1429
1460
  grid-template-columns: 0 var(--puck-frame-width) var(--puck-side-bar-width);
1430
1461
  }
1431
- ._PuckLayout--leftSideBarVisible_dnlfp_54._PuckLayout--rightSideBarVisible_dnlfp_60 ._PuckLayout-inner_dnlfp_38 {
1462
+ ._PuckLayout--leftSideBarVisible_vnhjy_54._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
1432
1463
  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) var(--puck-side-bar-width);
1433
1464
  }
1434
1465
  @media (min-width: 458px) {
1435
- ._PuckLayout-mounted_dnlfp_74 ._PuckLayout-inner_dnlfp_38 {
1466
+ ._PuckLayout-mounted_vnhjy_74 ._PuckLayout-inner_vnhjy_38 {
1436
1467
  --puck-frame-width: minmax(266px, auto);
1437
1468
  }
1438
1469
  }
1439
1470
  @media (min-width: 638px) {
1440
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1471
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1441
1472
  --puck-side-bar-width: minmax(186px, 250px);
1442
1473
  }
1443
1474
  }
1444
1475
  @media (min-width: 766px) {
1445
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1476
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1446
1477
  --puck-frame-width: auto;
1447
1478
  }
1448
1479
  }
1449
1480
  @media (min-width: 990px) {
1450
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1481
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1451
1482
  --puck-side-bar-width: 256px;
1452
1483
  }
1453
1484
  }
1454
1485
  @media (min-width: 1198px) {
1455
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1486
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1456
1487
  --puck-side-bar-width: 274px;
1457
1488
  }
1458
1489
  }
1459
1490
  @media (min-width: 1398px) {
1460
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1491
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1461
1492
  --puck-side-bar-width: 290px;
1462
1493
  }
1463
1494
  }
1464
1495
  @media (min-width: 1598px) {
1465
- ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1496
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1466
1497
  --puck-side-bar-width: 320px;
1467
1498
  }
1468
1499
  }
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
1500
 
1486
1501
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */
1487
1502
  ._PuckFields_10bh7_1 {
@@ -1893,3 +1908,64 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1893
1908
  display: none;
1894
1909
  }
1895
1910
  }
1911
+
1912
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/ResizeHandle/styles.module.css/#css-module-data */
1913
+ ._ResizeHandle_v7w0r_1 {
1914
+ position: absolute;
1915
+ width: 5px;
1916
+ height: 100%;
1917
+ cursor: col-resize;
1918
+ z-index: 10;
1919
+ background: transparent;
1920
+ top: 0;
1921
+ }
1922
+ ._ResizeHandle_v7w0r_1:hover {
1923
+ background: rgba(0, 0, 0, 0.1);
1924
+ }
1925
+ ._ResizeHandle--left_v7w0r_15 {
1926
+ right: -3px;
1927
+ }
1928
+ ._ResizeHandle--right_v7w0r_19 {
1929
+ left: -3px;
1930
+ }
1931
+
1932
+ /* components/Puck/components/ResizeHandle/styles.css */
1933
+ [data-resize-overlay] {
1934
+ position: fixed;
1935
+ top: 0;
1936
+ left: 0;
1937
+ right: 0;
1938
+ bottom: 0;
1939
+ z-index: 9999;
1940
+ cursor: col-resize;
1941
+ }
1942
+
1943
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Sidebar/styles.module.css/#css-module-data */
1944
+ ._Sidebar_1xksb_1 {
1945
+ position: relative;
1946
+ display: flex;
1947
+ flex-direction: column;
1948
+ overflow-y: auto;
1949
+ }
1950
+ ._Sidebar--left_1xksb_8 {
1951
+ background: var(--puck-color-grey-12);
1952
+ border-inline-end: 1px solid var(--puck-color-grey-09);
1953
+ grid-area: left;
1954
+ }
1955
+ ._Sidebar--right_1xksb_14 {
1956
+ background: var(--puck-color-white);
1957
+ border-inline-start: 1px solid var(--puck-color-grey-09);
1958
+ grid-area: right;
1959
+ }
1960
+ ._Sidebar-resizeHandle_1xksb_20 {
1961
+ position: absolute;
1962
+ height: 100%;
1963
+ }
1964
+ ._Sidebar--left_1xksb_8 + ._Sidebar-resizeHandle_1xksb_20 {
1965
+ grid-area: left;
1966
+ justify-self: end;
1967
+ }
1968
+ ._Sidebar--right_1xksb_14 + ._Sidebar-resizeHandle_1xksb_20 {
1969
+ grid-area: right;
1970
+ justify-self: start;
1971
+ }
package/dist/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
- import { H as History, P as Permissions, C as ComponentData, a as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as Field, h as FieldProps, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory, l as ItemSelector } from './walk-tree-DrJNb8b-.mjs';
2
- export { _ as Adaptor, Y as ArrayField, t as ArrayState, ab as AsFieldProps, B as BaseData, K as BaseField, G as ComponentDataMap, z as ComponentDataOptionalId, J as Content, a2 as CustomField, a1 as CustomFieldRender, a8 as DefaultComponentProps, a5 as DefaultRootFieldProps, a7 as DefaultRootProps, a6 as DefaultRootRenderProps, m as Direction, n as DragAxis, a0 as ExternalField, $ as ExternalFieldWithAdaptor, ad as ExtractPropsFromConfig, ae as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, E as MappedItem, N as NumberField, Z as ObjectField, q as OverrideKey, u as PuckComponent, a4 as PuckContext, X as RadioField, v as RootConfig, y as RootData, x as RootDataWithoutProps, Q as SelectField, S as Slot, a3 as SlotField, T as TextField, L as TextareaField, o as Viewport, ac as WithChildren, a9 as WithId, aa as WithPuckProps, W as WithSlotProps, af as migrate, p as overrideKeys, ah as resolveAllData, ag as transformProps, w as walkTree } from './walk-tree-DrJNb8b-.mjs';
1
+ import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as Field, i as FieldProps, D as DropZoneProps, j as Data, k as OnAction, l as InitialHistory, n as ItemSelector } from './walk-tree-B57SgEEc.mjs';
2
+ export { a5 as Adaptor, a3 as ArrayField, B as ArrayState, ai as AsFieldProps, K as BaseData, Z as BaseField, X as ComponentDataMap, Q as ComponentDataOptionalId, Y as Content, a9 as CustomField, a8 as CustomFieldRender, 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, y as FieldRenderFunctions, u as FieldTransformFn, s as FieldTransformFnParams, z as ItemWithId, T as MappedItem, $ as NumberField, a4 as ObjectField, x as OverrideKey, G as PuckComponent, ab as PuckContext, a2 as RadioField, J as RootConfig, N as RootData, L as RootDataWithoutProps, a1 as SelectField, S as Slot, E as SlotComponent, aa as SlotField, _ as TextField, a0 as TextareaField, q as Viewport, 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';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
5
  import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';
@@ -105,6 +105,7 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
105
105
  history: HistorySlice;
106
106
  nodes: NodesSlice;
107
107
  permissions: PermissionsSlice;
108
+ fieldTransforms: FieldTransforms;
108
109
  };
109
110
 
110
111
  declare const ActionBar: {
@@ -207,6 +208,7 @@ type PuckProps<UserConfig extends Config = Config, G extends UserGenerics<UserCo
207
208
  permissions?: Partial<Permissions>;
208
209
  plugins?: Plugin[];
209
210
  overrides?: Partial<Overrides>;
211
+ fieldTransforms?: FieldTransforms;
210
212
  renderHeader?: (props: {
211
213
  children: ReactNode;
212
214
  dispatch: (action: PuckAction) => void;
@@ -249,11 +251,18 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
249
251
  metadata?: Metadata;
250
252
  }): react_jsx_runtime.JSX.Element;
251
253
 
252
- type WithGet<T> = T & {
253
- get: () => T;
254
- };
254
+ declare const registerOverlayPortal: (el: HTMLElement | null | undefined, opts?: {
255
+ disableDrag?: boolean;
256
+ disableDragOnFocus?: boolean;
257
+ }) => (() => void) | undefined;
258
+
259
+ /**
260
+ * Helper function to set a value based on a dot-notated path
261
+ */
262
+ declare function setDeep<T extends Record<string, any>>(node: T, path: string, newVal: any): T;
263
+
255
264
  type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
256
- appState: AppState;
265
+ appState: G["UserPublicAppState"];
257
266
  config: UserConfig;
258
267
  dispatch: AppStore["dispatch"];
259
268
  getPermissions: GetPermissions<UserConfig>;
@@ -274,7 +283,7 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
274
283
  };
275
284
  };
276
285
  type PuckApi<UserConfig extends Config = Config> = UsePuckData<UserConfig>;
277
- type UsePuckStore<UserConfig extends Config = Config> = WithGet<PuckApi<UserConfig>>;
286
+ type UsePuckStore<UserConfig extends Config = Config> = PuckApi<UserConfig>;
278
287
  /**
279
288
  * createUsePuck
280
289
  *
@@ -293,4 +302,4 @@ declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<Use
293
302
  */
294
303
  declare function useGetPuck(): () => UsePuckStore<Config>;
295
304
 
296
- export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, renderContext, useGetPuck, usePuck };
305
+ export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { H as History, P as Permissions, C as ComponentData, a as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as Field, h as FieldProps, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory, l as ItemSelector } from './walk-tree-DrJNb8b-.js';
2
- export { _ as Adaptor, Y as ArrayField, t as ArrayState, ab as AsFieldProps, B as BaseData, K as BaseField, G as ComponentDataMap, z as ComponentDataOptionalId, J as Content, a2 as CustomField, a1 as CustomFieldRender, a8 as DefaultComponentProps, a5 as DefaultRootFieldProps, a7 as DefaultRootProps, a6 as DefaultRootRenderProps, m as Direction, n as DragAxis, a0 as ExternalField, $ as ExternalFieldWithAdaptor, ad as ExtractPropsFromConfig, ae as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, E as MappedItem, N as NumberField, Z as ObjectField, q as OverrideKey, u as PuckComponent, a4 as PuckContext, X as RadioField, v as RootConfig, y as RootData, x as RootDataWithoutProps, Q as SelectField, S as Slot, a3 as SlotField, T as TextField, L as TextareaField, o as Viewport, ac as WithChildren, a9 as WithId, aa as WithPuckProps, W as WithSlotProps, af as migrate, p as overrideKeys, ah as resolveAllData, ag as transformProps, w as walkTree } from './walk-tree-DrJNb8b-.js';
1
+ import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as Field, i as FieldProps, D as DropZoneProps, j as Data, k as OnAction, l as InitialHistory, n as ItemSelector } from './walk-tree-B57SgEEc.js';
2
+ export { a5 as Adaptor, a3 as ArrayField, B as ArrayState, ai as AsFieldProps, K as BaseData, Z as BaseField, X as ComponentDataMap, Q as ComponentDataOptionalId, Y as Content, a9 as CustomField, a8 as CustomFieldRender, 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, y as FieldRenderFunctions, u as FieldTransformFn, s as FieldTransformFnParams, z as ItemWithId, T as MappedItem, $ as NumberField, a4 as ObjectField, x as OverrideKey, G as PuckComponent, ab as PuckContext, a2 as RadioField, J as RootConfig, N as RootData, L as RootDataWithoutProps, a1 as SelectField, S as Slot, E as SlotComponent, aa as SlotField, _ as TextField, a0 as TextareaField, q as Viewport, 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';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
5
  import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';
@@ -105,6 +105,7 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
105
105
  history: HistorySlice;
106
106
  nodes: NodesSlice;
107
107
  permissions: PermissionsSlice;
108
+ fieldTransforms: FieldTransforms;
108
109
  };
109
110
 
110
111
  declare const ActionBar: {
@@ -207,6 +208,7 @@ type PuckProps<UserConfig extends Config = Config, G extends UserGenerics<UserCo
207
208
  permissions?: Partial<Permissions>;
208
209
  plugins?: Plugin[];
209
210
  overrides?: Partial<Overrides>;
211
+ fieldTransforms?: FieldTransforms;
210
212
  renderHeader?: (props: {
211
213
  children: ReactNode;
212
214
  dispatch: (action: PuckAction) => void;
@@ -249,11 +251,18 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
249
251
  metadata?: Metadata;
250
252
  }): react_jsx_runtime.JSX.Element;
251
253
 
252
- type WithGet<T> = T & {
253
- get: () => T;
254
- };
254
+ declare const registerOverlayPortal: (el: HTMLElement | null | undefined, opts?: {
255
+ disableDrag?: boolean;
256
+ disableDragOnFocus?: boolean;
257
+ }) => (() => void) | undefined;
258
+
259
+ /**
260
+ * Helper function to set a value based on a dot-notated path
261
+ */
262
+ declare function setDeep<T extends Record<string, any>>(node: T, path: string, newVal: any): T;
263
+
255
264
  type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
256
- appState: AppState;
265
+ appState: G["UserPublicAppState"];
257
266
  config: UserConfig;
258
267
  dispatch: AppStore["dispatch"];
259
268
  getPermissions: GetPermissions<UserConfig>;
@@ -274,7 +283,7 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
274
283
  };
275
284
  };
276
285
  type PuckApi<UserConfig extends Config = Config> = UsePuckData<UserConfig>;
277
- type UsePuckStore<UserConfig extends Config = Config> = WithGet<PuckApi<UserConfig>>;
286
+ type UsePuckStore<UserConfig extends Config = Config> = PuckApi<UserConfig>;
278
287
  /**
279
288
  * createUsePuck
280
289
  *
@@ -293,4 +302,4 @@ declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<Use
293
302
  */
294
303
  declare function useGetPuck(): () => UsePuckStore<Config>;
295
304
 
296
- export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, renderContext, useGetPuck, usePuck };
305
+ export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };