@measured/puck 0.19.0-canary.036267f6 → 0.19.0-canary.046cb9ed

package/dist/index.css

@@ -139,6 +139,10 @@
   height: 1px;
   min-height: 100vh;
 }
+[data-puck-entry] {
+  position: relative;
+  z-index: 0;
+}
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
 ._ActionBar_rvadt_1 {
@@ -225,10 +229,10 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
-._InputWrapper_g5w3n_1 + ._InputWrapper_g5w3n_1 {
+._InputWrapper_4xor1_1 + ._InputWrapper_4xor1_1 {
   margin-top: 12px;
 }
-._Input-label_g5w3n_5 {
+._Input-label_4xor1_5 {
   align-items: center;
   color: var(--puck-color-grey-04);
   display: flex;
@@ -236,29 +240,30 @@
   font-size: var(--puck-font-size-xxs);
   font-weight: 600;
 }
-._Input-labelIcon_g5w3n_14 {
+._Input-labelIcon_4xor1_14 {
   color: var(--puck-color-grey-07);
   display: flex;
   margin-inline-end: 4px;
   padding-inline-start: 4px;
 }
-._Input-disabledIcon_g5w3n_21 {
+._Input-disabledIcon_4xor1_21 {
   color: var(--puck-color-grey-05);
   margin-inline-start: auto;
 }
-._Input-input_g5w3n_26 {
+._Input-input_4xor1_26 {
   background: var(--puck-color-white);
   border-width: 1px;
   border-style: solid;
   border-color: var(--puck-color-grey-09);
   border-radius: 4px;
+  box-sizing: border-box;
   font-family: inherit;
   font-size: 14px;
   padding: 12px 15px;
   transition: border-color 50ms ease-in;
   width: 100%;
 }
-select._Input-input_g5w3n_26 {
+select._Input-input_4xor1_26 {
   appearance: none;
   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;
   background-size: 12px;
@@ -267,29 +272,29 @@ select._Input-input_g5w3n_26 {
   background-color: var(--puck-color-white);
   cursor: pointer;
 }
-select._Input-input_g5w3n_26:dir(rtl) {
+select._Input-input_4xor1_26:dir(rtl) {
   background-position: 12px calc(50% + 3px);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Input_g5w3n_1:has(> input):hover ._Input-input_g5w3n_26:not([readonly]),
-  ._Input_g5w3n_1:has(> textarea):hover ._Input-input_g5w3n_26:not([readonly]) {
+  ._Input_4xor1_1:has(> input):hover ._Input-input_4xor1_26:not([readonly]),
+  ._Input_4xor1_1:has(> textarea):hover ._Input-input_4xor1_26:not([readonly]) {
     border-color: var(--puck-color-grey-05);
     transition: none;
   }
-  ._Input_g5w3n_1:has(> select):hover ._Input-input_g5w3n_26:not([disabled]) {
+  ._Input_4xor1_1:has(> select):hover ._Input-input_4xor1_26:not([disabled]) {
     background-color: var(--puck-color-azure-12);
     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>");
     border-color: var(--puck-color-grey-05);
     transition: none;
   }
 }
-._Input-input_g5w3n_26:focus {
+._Input-input_4xor1_26:focus {
   border-color: var(--puck-color-grey-05);
   outline: 2px solid var(--puck-color-azure-05);
   transition: none;
 }
-._Input--readOnly_g5w3n_74 > ._Input-input_g5w3n_26,
-._Input--readOnly_g5w3n_74 > select._Input-input_g5w3n_26 {
+._Input--readOnly_4xor1_75 > ._Input-input_4xor1_26,
+._Input--readOnly_4xor1_75 > select._Input-input_4xor1_26 {
   background-color: var(--puck-color-grey-11);
   border-color: var(--puck-color-grey-09);
   color: var(--puck-color-grey-04);
@@ -298,34 +303,34 @@ select._Input-input_g5w3n_26:dir(rtl) {
   outline: 0;
   transition: none;
 }
-._Input-radioGroupItems_g5w3n_85 {
+._Input-radioGroupItems_4xor1_86 {
   display: flex;
   border: 1px solid var(--puck-color-grey-09);
   border-radius: 4px;
   flex-wrap: wrap;
 }
-._Input-radio_g5w3n_85 {
+._Input-radio_4xor1_86 {
   border-inline-end: 1px solid var(--puck-color-grey-09);
   flex-grow: 1;
 }
-._Input-radio_g5w3n_85:first-of-type {
+._Input-radio_4xor1_86:first-of-type {
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
 }
-._Input-radio_g5w3n_85:first-of-type ._Input-radioInner_g5w3n_102 {
+._Input-radio_4xor1_86:first-of-type ._Input-radioInner_4xor1_103 {
   border-bottom-left-radius: 3px;
   border-top-left-radius: 3px;
 }
-._Input-radio_g5w3n_85:last-of-type {
+._Input-radio_4xor1_86:last-of-type {
   border-bottom-right-radius: 4px;
   border-inline-end: 0;
   border-top-right-radius: 4px;
 }
-._Input-radio_g5w3n_85:last-of-type ._Input-radioInner_g5w3n_102 {
+._Input-radio_4xor1_86:last-of-type ._Input-radioInner_4xor1_103 {
   border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;
 }
-._Input-radioInner_g5w3n_102 {
+._Input-radioInner_4xor1_103 {
   background-color: var(--puck-color-white);
   color: var(--puck-color-grey-04);
   cursor: pointer;
@@ -334,32 +339,32 @@ select._Input-input_g5w3n_26:dir(rtl) {
   text-align: center;
   transition: background-color 50ms ease-in;
 }
-._Input-radio_g5w3n_85:has(:focus-visible) {
+._Input-radio_4xor1_86:has(:focus-visible) {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
   position: relative;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Input-radioInner_g5w3n_102:hover {
+  ._Input-radioInner_4xor1_103:hover {
     background-color: var(--puck-color-azure-12);
     transition: none;
   }
 }
-._Input--readOnly_g5w3n_74 ._Input-radioInner_g5w3n_102 {
+._Input--readOnly_4xor1_75 ._Input-radioInner_4xor1_103 {
   background-color: var(--puck-color-white);
   color: var(--puck-color-grey-04);
   cursor: default;
 }
-._Input-radio_g5w3n_85 ._Input-radioInput_g5w3n_147:checked ~ ._Input-radioInner_g5w3n_102 {
+._Input-radio_4xor1_86 ._Input-radioInput_4xor1_148:checked ~ ._Input-radioInner_4xor1_103 {
   background-color: var(--puck-color-azure-11);
   color: var(--puck-color-azure-04);
   font-weight: 500;
 }
-._Input--readOnly_g5w3n_74 ._Input-radioInput_g5w3n_147:checked ~ ._Input-radioInner_g5w3n_102 {
+._Input--readOnly_4xor1_75 ._Input-radioInput_4xor1_148:checked ~ ._Input-radioInner_4xor1_103 {
   background-color: var(--puck-color-grey-11);
   color: var(--puck-color-grey-04);
 }
-._Input-radio_g5w3n_85 ._Input-radioInput_g5w3n_147 {
+._Input-radio_4xor1_86 ._Input-radioInput_4xor1_148 {
   clip: rect(0 0 0 0);
   clip-path: inset(100%);
   height: 1px;
@@ -368,7 +373,7 @@ select._Input-input_g5w3n_26:dir(rtl) {
   white-space: nowrap;
   width: 1px;
 }
-textarea._Input-input_g5w3n_26 {
+textarea._Input-input_4xor1_26 {
   margin-bottom: -4px;
 }
 
@@ -1087,27 +1092,25 @@ textarea._Input-input_g5w3n_26 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Drawer/styles.module.css/#css-module-data */
-._Drawer_fkqfo_1 {
+._Drawer_pl7z0_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--puck-font-family);
   gap: 12px;
 }
-._Drawer-draggable_fkqfo_8 {
+._Drawer-draggable_pl7z0_8 {
   position: relative;
 }
-._Drawer-draggableBg_fkqfo_12 {
+._Drawer-draggableBg_pl7z0_12 {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   pointer-events: none;
+  z-index: -1;
 }
-._Drawer-draggableFg_fkqfo_21 {
-  z-index: 1;
-}
-._DrawerItem-draggable_fkqfo_25 {
+._DrawerItem-draggable_pl7z0_22 {
   background: var(--puck-color-white);
   cursor: grab;
   padding: 12px;
@@ -1119,39 +1122,39 @@ textarea._Input-input_g5w3n_26 {
   align-items: center;
   transition: background-color 50ms ease-in, color 50ms ease-in;
 }
-._DrawerItem--disabled_fkqfo_38 ._DrawerItem-draggable_fkqfo_25 {
+._DrawerItem--disabled_pl7z0_35 ._DrawerItem-draggable_pl7z0_22 {
   background: var(--puck-color-grey-11);
   color: var(--puck-color-grey-05);
   cursor: not-allowed;
 }
-._DrawerItem_fkqfo_25:focus-visible {
+._DrawerItem_pl7z0_22:focus-visible {
   outline: 0;
 }
-._Drawer_fkqfo_1:not(._Drawer--isDraggingFrom_fkqfo_48) ._DrawerItem_fkqfo_25:focus-visible ._DrawerItem-draggable_fkqfo_25 {
+._Drawer_pl7z0_1:not(._Drawer--isDraggingFrom_pl7z0_45) ._DrawerItem_pl7z0_22:focus-visible ._DrawerItem-draggable_pl7z0_22 {
   border-radius: 4px;
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Drawer_fkqfo_1:not(._Drawer--isDraggingFrom_fkqfo_48) ._DrawerItem_fkqfo_25:not(._DrawerItem--disabled_fkqfo_38) ._DrawerItem-draggable_fkqfo_25:hover {
+  ._Drawer_pl7z0_1:not(._Drawer--isDraggingFrom_pl7z0_45) ._DrawerItem_pl7z0_22:not(._DrawerItem--disabled_pl7z0_35) ._DrawerItem-draggable_pl7z0_22:hover {
     background-color: var(--puck-color-azure-12);
     color: var(--puck-color-azure-04);
     transition: none;
   }
 }
-._DrawerItem-name_fkqfo_66 {
+._DrawerItem-name_pl7z0_63 {
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
-._DraggableComponent_1ukn8_1 {
+._DraggableComponent_qzbgx_1 {
   position: absolute;
   pointer-events: none;
   --overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent );
 }
-._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent-overlay_qzbgx_12 {
   cursor: pointer;
   height: 100%;
   width: 100%;
@@ -1163,10 +1166,10 @@ textarea._Input-input_g5w3n_26 {
   box-sizing: border-box;
   z-index: 1;
 }
-._DraggableComponent_1ukn8_1:focus-visible > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent_qzbgx_1:focus-visible > ._DraggableComponent-overlay_qzbgx_12 {
   outline: 1px solid var(--puck-color-azure-05);
 }
-._DraggableComponent-loadingOverlay_1ukn8_29 {
+._DraggableComponent-loadingOverlay_qzbgx_29 {
   background: var(--puck-color-white);
   color: var(--puck-color-grey-03);
   border-radius: 4px;
@@ -1181,35 +1184,36 @@ textarea._Input-input_g5w3n_26 {
   opacity: 0.8;
   z-index: 1;
 }
-._DraggableComponent--hover_1ukn8_45:not(._DraggableComponent--isLocked_1ukn8_45) > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent--hover_qzbgx_45:not(._DraggableComponent--isLocked_qzbgx_45) > ._DraggableComponent-overlay_qzbgx_12 {
   background: var(--overlay-background);
 }
-._DraggableComponent--hover_1ukn8_45 > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12 {
   outline: 2px var(--puck-color-azure-09) solid;
 }
-._DraggableComponent--isSelected_1ukn8_54 > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent--isSelected_qzbgx_54 > ._DraggableComponent-overlay_qzbgx_12 {
   outline-color: var(--puck-color-azure-07);
 }
-._DraggableComponent_1ukn8_1:has(._DraggableComponent--hover_1ukn8_45 > ._DraggableComponent-overlay_1ukn8_12) > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent_qzbgx_1:has(._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12) > ._DraggableComponent-overlay_qzbgx_12 {
   display: none;
 }
-._DraggableComponent-actionsOverlay_1ukn8_66 {
+._DraggableComponent-actionsOverlay_qzbgx_66 {
   position: sticky;
   opacity: 0;
   pointer-events: none;
   z-index: 2;
 }
-._DraggableComponent--isSelected_1ukn8_54 ._DraggableComponent-actionsOverlay_1ukn8_66 {
+._DraggableComponent--isSelected_qzbgx_54 ._DraggableComponent-actionsOverlay_qzbgx_66 {
   opacity: 1;
   pointer-events: auto;
 }
-._DraggableComponent-actions_1ukn8_66 {
+._DraggableComponent-actions_qzbgx_66 {
   position: absolute;
   width: auto;
   cursor: grab;
   display: flex;
   box-sizing: border-box;
   transform-origin: right top;
+  min-height: 36px;
 }
 
 /* components/DraggableComponent/styles.css */

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { H as History, C as Config, P as Permissions, U as UserGenerics, a as ComponentData, 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 FieldProps, h as Field, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory } from './resolve-all-data-Cs8PfTrg.mjs';
-export { W as Adaptor, L as ArrayField, s as ArrayState, a6 as AsFieldProps, B as BaseData, E as BaseField, y as ComponentDataMap, z as Content, Z as CustomField, a3 as DefaultComponentProps, a0 as DefaultRootFieldProps, a2 as DefaultRootProps, a1 as DefaultRootRenderProps, l as Direction, m as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, a8 as ExtractPropsFromConfig, a9 as ExtractRootPropsFromConfig, q as FieldRenderFunctions, r as ItemWithId, x as MappedItem, N as NumberField, Q as ObjectField, p as OverrideKey, t as PuckComponent, $ as PuckContext, K as RadioField, u as RootConfig, w as RootData, v as RootDataWithoutProps, J as SelectField, S as Slot, _ as SlotField, T as TextField, G as TextareaField, n as Viewport, a7 as WithChildren, a4 as WithId, a5 as WithPuckProps, o as overrideKeys, ab as resolveAllData, aa as transformProps } from './resolve-all-data-Cs8PfTrg.mjs';
+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-CM-cu7GU.mjs';
+export { Z as Adaptor, X as ArrayField, t as ArrayState, aa as AsFieldProps, B as BaseData, K as BaseField, G as ComponentDataMap, z as ComponentDataOptionalId, J as Content, a1 as CustomField, a0 as CustomFieldRender, a7 as DefaultComponentProps, a4 as DefaultRootFieldProps, a6 as DefaultRootProps, a5 as DefaultRootRenderProps, m as Direction, n as DragAxis, $ as ExternalField, _ as ExternalFieldWithAdaptor, ac as ExtractPropsFromConfig, ad as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, E as MappedItem, N as NumberField, Y as ObjectField, q as OverrideKey, u as PuckComponent, a3 as PuckContext, W as RadioField, v as RootConfig, y as RootData, x as RootDataWithoutProps, Q as SelectField, S as Slot, a2 as SlotField, T as TextField, L as TextareaField, o as Viewport, ab as WithChildren, a8 as WithId, a9 as WithPuckProps, p as overrideKeys, af as resolveAllData, ae as transformProps, w as walkTree } from './walk-tree-CM-cu7GU.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';
@@ -60,6 +60,7 @@ type FieldsSlice = {
     fields: Fields | Partial<Fields>;
     loading: boolean;
     lastResolvedData: Partial<ComponentOrRootData>;
+    id: string | undefined;
 };
 
 type Status = "LOADING" | "MOUNTED" | "READY";
@@ -77,9 +78,9 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     config: UserConfig;
     componentState: ComponentState;
     setComponentState: (componentState: ComponentState) => void;
-    setComponentLoading: (id: string, loading?: boolean, defer?: number) => void;
+    setComponentLoading: (id: string, loading?: boolean, defer?: number) => () => void;
     unsetComponentLoading: (id: string) => void;
-    pendingComponentLoads: Record<string, NodeJS.Timeout>;
+    pendingLoadTimeouts: Record<string, NodeJS.Timeout>;
     resolveComponentData: <T extends ComponentData | RootDataWithProps>(componentData: T, trigger: ResolveDataTrigger) => Promise<{
         node: T;
         didChange: boolean;
@@ -246,18 +247,21 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
     metadata?: Metadata;
 }): react_jsx_runtime.JSX.Element;
 
-declare function migrate(data: Data): Data;
+declare function migrate(data: Data, config?: Config): Data;
 
 type WithGet<T> = T & {
     get: () => T;
 };
 type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
     appState: AppState;
-    config: Config;
+    config: UserConfig;
     dispatch: AppStore["dispatch"];
     getPermissions: GetPermissions<UserConfig>;
     refreshPermissions: RefreshPermissions<UserConfig>;
     selectedItem: G["UserComponentData"] | null;
+    getItemBySelector: (selector: ItemSelector) => ComponentData | undefined;
+    getItemById: (id: string) => ComponentData | undefined;
+    getSelectorForId: (id: string) => Required<ItemSelector> | undefined;
     history: {
         back: HistorySlice["back"];
         forward: HistorySlice["forward"];
@@ -269,7 +273,8 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
         hasFuture: boolean;
     };
 };
-type UsePuckStore<UserConfig extends Config = Config> = WithGet<UsePuckData<UserConfig>>;
+type PuckApi<UserConfig extends Config = Config> = UsePuckData<UserConfig>;
+type UsePuckStore<UserConfig extends Config = Config> = WithGet<PuckApi<UserConfig>>;
 /**
  * createUsePuck
  *
@@ -279,7 +284,7 @@ type UsePuckStore<UserConfig extends Config = Config> = WithGet<UsePuckData<User
  *
  * @returns a typed usePuck function
  */
-declare function createUsePuck<UserConfig extends Config = Config>(): <T = UsePuckData<UserConfig, UserGenerics<UserConfig>>>(selector: (state: UsePuckStore<UserConfig>) => T) => T;
+declare function createUsePuck<UserConfig extends Config = Config>(): <T = PuckApi<UserConfig>>(selector: (state: UsePuckStore<UserConfig>) => T) => T;
 declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<UserConfig>;
 
-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, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, migrate, renderContext, usePuck };
+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, migrate, renderContext, usePuck };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { H as History, C as Config, P as Permissions, U as UserGenerics, a as ComponentData, 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 FieldProps, h as Field, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory } from './resolve-all-data-Cs8PfTrg.js';
-export { W as Adaptor, L as ArrayField, s as ArrayState, a6 as AsFieldProps, B as BaseData, E as BaseField, y as ComponentDataMap, z as Content, Z as CustomField, a3 as DefaultComponentProps, a0 as DefaultRootFieldProps, a2 as DefaultRootProps, a1 as DefaultRootRenderProps, l as Direction, m as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, a8 as ExtractPropsFromConfig, a9 as ExtractRootPropsFromConfig, q as FieldRenderFunctions, r as ItemWithId, x as MappedItem, N as NumberField, Q as ObjectField, p as OverrideKey, t as PuckComponent, $ as PuckContext, K as RadioField, u as RootConfig, w as RootData, v as RootDataWithoutProps, J as SelectField, S as Slot, _ as SlotField, T as TextField, G as TextareaField, n as Viewport, a7 as WithChildren, a4 as WithId, a5 as WithPuckProps, o as overrideKeys, ab as resolveAllData, aa as transformProps } from './resolve-all-data-Cs8PfTrg.js';
+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-CM-cu7GU.js';
+export { Z as Adaptor, X as ArrayField, t as ArrayState, aa as AsFieldProps, B as BaseData, K as BaseField, G as ComponentDataMap, z as ComponentDataOptionalId, J as Content, a1 as CustomField, a0 as CustomFieldRender, a7 as DefaultComponentProps, a4 as DefaultRootFieldProps, a6 as DefaultRootProps, a5 as DefaultRootRenderProps, m as Direction, n as DragAxis, $ as ExternalField, _ as ExternalFieldWithAdaptor, ac as ExtractPropsFromConfig, ad as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, E as MappedItem, N as NumberField, Y as ObjectField, q as OverrideKey, u as PuckComponent, a3 as PuckContext, W as RadioField, v as RootConfig, y as RootData, x as RootDataWithoutProps, Q as SelectField, S as Slot, a2 as SlotField, T as TextField, L as TextareaField, o as Viewport, ab as WithChildren, a8 as WithId, a9 as WithPuckProps, p as overrideKeys, af as resolveAllData, ae as transformProps, w as walkTree } from './walk-tree-CM-cu7GU.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';
@@ -60,6 +60,7 @@ type FieldsSlice = {
     fields: Fields | Partial<Fields>;
     loading: boolean;
     lastResolvedData: Partial<ComponentOrRootData>;
+    id: string | undefined;
 };
 
 type Status = "LOADING" | "MOUNTED" | "READY";
@@ -77,9 +78,9 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     config: UserConfig;
     componentState: ComponentState;
     setComponentState: (componentState: ComponentState) => void;
-    setComponentLoading: (id: string, loading?: boolean, defer?: number) => void;
+    setComponentLoading: (id: string, loading?: boolean, defer?: number) => () => void;
     unsetComponentLoading: (id: string) => void;
-    pendingComponentLoads: Record<string, NodeJS.Timeout>;
+    pendingLoadTimeouts: Record<string, NodeJS.Timeout>;
     resolveComponentData: <T extends ComponentData | RootDataWithProps>(componentData: T, trigger: ResolveDataTrigger) => Promise<{
         node: T;
         didChange: boolean;
@@ -246,18 +247,21 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
     metadata?: Metadata;
 }): react_jsx_runtime.JSX.Element;
 
-declare function migrate(data: Data): Data;
+declare function migrate(data: Data, config?: Config): Data;
 
 type WithGet<T> = T & {
     get: () => T;
 };
 type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
     appState: AppState;
-    config: Config;
+    config: UserConfig;
     dispatch: AppStore["dispatch"];
     getPermissions: GetPermissions<UserConfig>;
     refreshPermissions: RefreshPermissions<UserConfig>;
     selectedItem: G["UserComponentData"] | null;
+    getItemBySelector: (selector: ItemSelector) => ComponentData | undefined;
+    getItemById: (id: string) => ComponentData | undefined;
+    getSelectorForId: (id: string) => Required<ItemSelector> | undefined;
     history: {
         back: HistorySlice["back"];
         forward: HistorySlice["forward"];
@@ -269,7 +273,8 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
         hasFuture: boolean;
     };
 };
-type UsePuckStore<UserConfig extends Config = Config> = WithGet<UsePuckData<UserConfig>>;
+type PuckApi<UserConfig extends Config = Config> = UsePuckData<UserConfig>;
+type UsePuckStore<UserConfig extends Config = Config> = WithGet<PuckApi<UserConfig>>;
 /**
  * createUsePuck
  *
@@ -279,7 +284,7 @@ type UsePuckStore<UserConfig extends Config = Config> = WithGet<UsePuckData<User
  *
  * @returns a typed usePuck function
  */
-declare function createUsePuck<UserConfig extends Config = Config>(): <T = UsePuckData<UserConfig, UserGenerics<UserConfig>>>(selector: (state: UsePuckStore<UserConfig>) => T) => T;
+declare function createUsePuck<UserConfig extends Config = Config>(): <T = PuckApi<UserConfig>>(selector: (state: UsePuckStore<UserConfig>) => T) => T;
 declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<UserConfig>;
 
-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, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, migrate, renderContext, usePuck };
+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, migrate, renderContext, usePuck };