@measured/puck-plugin-heading-analyzer 0.20.0-canary.f768aab9 → 0.20.1-canary.d7404af9

package/dist/index.css

@@ -1,51 +1,51 @@
 /* css-module:/home/runner/work/puck/puck/packages/plugin-heading-analyzer/src/HeadingAnalyzer.module.css/#css-module-data */
-._HeadingAnalyzer_116v6_1 {
+.HeadingAnalyzer {
   display: block;
 }
-._HeadingAnalyzer-cssWarning_116v6_5 {
+.HeadingAnalyzer-cssWarning {
   display: none !important;
 }
-._HeadingAnalyzerItem_116v6_9 {
+.HeadingAnalyzerItem {
   display: inline;
 }
-._HeadingAnalyzerItem--missing_116v6_13 {
+.HeadingAnalyzerItem--missing {
   color: var(--puck-color-red-04);
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_8boj8_1 {
+.SidebarSection {
   display: flex;
   position: relative;
   flex-direction: column;
   color: var(--puck-color-black);
 }
-._SidebarSection_8boj8_1:last-of-type {
+.SidebarSection:last-of-type {
   flex-grow: 1;
 }
-._SidebarSection-title_8boj8_12 {
+.SidebarSection-title {
   background: var(--puck-color-white);
   padding: 16px;
   border-bottom: 1px solid var(--puck-color-grey-09);
   border-top: 1px solid var(--puck-color-grey-09);
   overflow-x: auto;
 }
-._SidebarSection--noBorderTop_8boj8_20 > ._SidebarSection-title_8boj8_12 {
+.SidebarSection--noBorderTop > .SidebarSection-title {
   border-top: 0px;
 }
-._SidebarSection-content_8boj8_24 {
+.SidebarSection-content {
   padding: 16px;
 }
-._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24 {
+.SidebarSection--noPadding > .SidebarSection-content {
   padding: 0px;
 }
-._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24:last-child {
+.SidebarSection--noPadding > .SidebarSection-content:last-child {
   padding-bottom: 4px;
 }
-._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24 {
+.SidebarSection:last-of-type .SidebarSection-content {
   border-bottom: none;
   flex-grow: 1;
 }
-._SidebarSection-breadcrumbLabel_8boj8_41 {
+.SidebarSection-breadcrumbLabel {
   background: none;
   border: 0;
   border-radius: 2px;
@@ -56,34 +56,34 @@
   padding: 0;
   transition: color 50ms ease-in;
 }
-._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible {
+.SidebarSection-breadcrumbLabel:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._SidebarSection-breadcrumbLabel_8boj8_41:hover {
+  .SidebarSection-breadcrumbLabel:hover {
     color: var(--puck-color-azure-03);
     transition: none;
   }
 }
-._SidebarSection-breadcrumbLabel_8boj8_41:active {
+.SidebarSection-breadcrumbLabel:active {
   color: var(--puck-color-azure-02);
   transition: none;
 }
-._SidebarSection-breadcrumbs_8boj8_70 {
+.SidebarSection-breadcrumbs {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-breadcrumb_8boj8_41 {
+.SidebarSection-breadcrumb {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-heading_8boj8_82 {
+.SidebarSection-heading {
   padding-inline-end: 16px;
 }
-._SidebarSection-loadingOverlay_8boj8_86 {
+.SidebarSection-loadingOverlay {
   background: var(--puck-color-white);
   display: flex;
   justify-content: center;
@@ -99,44 +99,44 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
-._Heading_qxrry_1 {
+.Heading {
   display: block;
   color: var(--puck-color-black);
   font-weight: 700;
   margin: 0;
 }
-._Heading_qxrry_1 b {
+.Heading b {
   font-weight: 700;
 }
-._Heading--xxxxl_qxrry_12 {
+.Heading--xxxxl {
   font-size: var(--puck-font-size-xxxxl);
   letter-spacing: 0.08ch;
   font-weight: 800;
 }
-._Heading--xxxl_qxrry_18 {
+.Heading--xxxl {
   font-size: var(--puck-font-size-xxxl);
 }
-._Heading--xxl_qxrry_22 {
+.Heading--xxl {
   font-size: var(--puck-font-size-xxl);
 }
-._Heading--xl_qxrry_26 {
+.Heading--xl {
   font-size: var(--puck-font-size-xl);
 }
-._Heading--l_qxrry_30 {
+.Heading--l {
   font-size: var(--puck-font-size-l);
 }
-._Heading--m_qxrry_34 {
+.Heading--m {
   font-size: var(--puck-font-size-m);
 }
-._Heading--s_qxrry_38 {
+.Heading--s {
   font-size: var(--puck-font-size-s);
 }
-._Heading--xs_qxrry_42 {
+.Heading--xs {
   font-size: var(--puck-font-size-xs);
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */
-@keyframes _loader-animation_nacdm_1 {
+@keyframes loader-animation {
   0% {
     transform: rotate(0deg) scale(1);
   }
@@ -147,18 +147,18 @@
     transform: rotate(360deg) scale(1);
   }
 }
-._Loader_nacdm_13 {
+.Loader {
   background: transparent;
   border-radius: 100%;
   border: 2px solid currentColor;
   border-bottom-color: transparent;
   display: inline-block;
-  animation: _loader-animation_nacdm_1 1s 0s infinite linear;
+  animation: loader-animation 1s 0s infinite linear;
   animation-fill-mode: both;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css/#css-module-data */
-._OutlineList_w4lzv_1 {
+.OutlineList {
   color: var(--puck-color-grey-03);
   font-family: var(--puck-font-family);
   margin: 0;
@@ -166,7 +166,7 @@
   position: relative;
   list-style: none;
 }
-._OutlineList_w4lzv_1::before {
+.OutlineList::before {
   background: var(--puck-color-grey-08);
   position: absolute;
   left: -1px;
@@ -175,15 +175,15 @@
   height: calc(100% - 9px);
   content: "";
 }
-._OutlineList_w4lzv_1:dir(rtl)::before {
+.OutlineList:dir(rtl)::before {
   left: unset;
   right: -1px;
 }
-._OutlineListItem_w4lzv_25 {
+.OutlineListItem {
   position: relative;
   margin-bottom: 4px;
 }
-._OutlineListItem_w4lzv_25::before {
+.OutlineListItem::before {
   background: var(--puck-color-grey-08);
   position: absolute;
   left: -17px;
@@ -192,28 +192,28 @@
   height: 1px;
   content: "";
 }
-._OutlineListItem_w4lzv_25:dir(rtl)::before {
+.OutlineListItem:dir(rtl)::before {
   left: unset;
   right: -17px;
 }
-._OutlineListItem--clickable_w4lzv_45 {
+.OutlineListItem--clickable {
   cursor: pointer;
   transition: color 50ms ease-in;
 }
-._OutlineListItem--clickable_w4lzv_45:focus-visible {
+.OutlineListItem--clickable:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._OutlineListItem--clickable_w4lzv_45:hover {
+  .OutlineListItem--clickable:hover {
     color: var(--puck-color-azure-04);
     transition: none;
   }
 }
-._OutlineListItem--clickable_w4lzv_45:active {
+.OutlineListItem--clickable:active {
   color: var(--puck-color-azure-03);
   transition: none;
 }
-._OutlineListItem_w4lzv_25 > ._OutlineList_w4lzv_1 {
+.OutlineListItem > .OutlineList {
   margin: 8px 0;
 }

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactElement, CSSProperties, ReactNode, JSX } from 'react';
 
 type ItemSelector = {
     index: number;
@@ -7,7 +7,7 @@ type ItemSelector = {
 
 type FieldOption = {
     label: string;
-    value: string | number | boolean;
+    value: string | number | boolean | undefined | null | object;
 };
 type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
@@ -19,6 +19,7 @@ type BaseField = {
 type TextField = BaseField & {
     type: "text";
     placeholder?: string;
+    contentEditable?: boolean;
 };
 type NumberField = BaseField & {
     type: "number";
@@ -30,6 +31,7 @@ type NumberField = BaseField & {
 type TextareaField = BaseField & {
     type: "textarea";
     placeholder?: string;
+    contentEditable?: boolean;
 };
 type SelectField = BaseField & {
     type: "select";
@@ -39,26 +41,30 @@ type RadioField = BaseField & {
     type: "radio";
     options: FieldOptions;
 };
-type ArrayField<Props extends any = {
+type ArrayField<Props extends {
     [key: string]: any;
-}> = Props extends {
+}[] = {
     [key: string]: any;
-} ? BaseField & {
+}[], UserField extends {} = {}> = BaseField & {
     type: "array";
     arrayFields: {
-        [SubPropName in keyof Props[0]]: Field<Props[0][SubPropName]>;
+        [SubPropName in keyof Props[0]]: UserField extends {
+            type: PropertyKey;
+        } ? Field<Props[0][SubPropName], UserField> | UserField : Field<Props[0][SubPropName], UserField>;
     };
     defaultItemProps?: Props[0];
     getItemSummary?: (item: Props[0], index?: number) => string;
     max?: number;
     min?: number;
-} : never;
+};
 type ObjectField<Props extends any = {
     [key: string]: any;
-}> = BaseField & {
+}, UserField extends {} = {}> = BaseField & {
     type: "object";
     objectFields: {
-        [SubPropName in keyof Props]: Field<Props[SubPropName]>;
+        [SubPropName in keyof Props]: UserField extends {
+            type: PropertyKey;
+        } ? Field<Props[SubPropName]> | UserField : Field<Props[SubPropName]>;
     };
 };
 type Adaptor<AdaptorParams = {}, TableShape extends Record<string, any> = {}, PropShape = TableShape> = {
@@ -107,13 +113,21 @@ type CustomFieldRender<Value extends any> = (props: {
 type CustomField<Value extends any> = BaseField & {
     type: "custom";
     render: CustomFieldRender<Value>;
+    contentEditable?: boolean;
 };
 type SlotField = BaseField & {
     type: "slot";
     allow?: string[];
     disallow?: string[];
 };
-type Field<ValueType = any> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<ValueType> | ObjectField<ValueType> | ExternalField<ValueType> | ExternalFieldWithAdaptor<ValueType> | CustomField<ValueType> | SlotField;
+type Field<ValueType = any, UserField extends {} = {}> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<ValueType extends {
+    [key: string]: any;
+}[] ? ValueType : {}[], UserField> | ObjectField<ValueType, UserField> | ExternalField<ValueType> | ExternalFieldWithAdaptor<ValueType> | CustomField<ValueType> | SlotField;
+type Fields<ComponentProps extends DefaultComponentProps = DefaultComponentProps, UserField extends {} = {}> = {
+    [PropName in keyof Omit<ComponentProps, "editMode">]: UserField extends {
+        type: PropertyKey;
+    } ? Field<ComponentProps[PropName], UserField> | UserField : Field<ComponentProps[PropName]>;
+};
 type FieldProps<F = Field<any>, ValueType = any> = {
     field: F;
     value: ValueType;
@@ -122,6 +136,164 @@ type FieldProps<F = Field<any>, ValueType = any> = {
     readOnly?: boolean;
 };
 
+type DropZoneProps = {
+    zone: string;
+    allow?: string[];
+    disallow?: string[];
+    style?: CSSProperties;
+    minEmptyHeight?: number;
+    className?: string;
+    collisionAxis?: DragAxis;
+};
+
+type PuckContext = {
+    renderDropZone: React.FC<DropZoneProps>;
+    metadata: Metadata;
+    isEditing: boolean;
+    dragRef: ((element: Element | null) => void) | null;
+};
+type DefaultRootFieldProps = {
+    title?: string;
+};
+type DefaultComponentProps = {
+    [key: string]: any;
+};
+
+type WithId<Props> = Props & {
+    id: string;
+};
+type WithPuckProps<Props> = Props & {
+    puck: PuckContext;
+    editMode?: boolean;
+};
+type AsFieldProps<Props> = Omit<Props, "children" | "puck" | "editMode">;
+type WithChildren<Props> = Props & {
+    children: ReactNode;
+};
+type UserGenerics<UserConfig extends Config = Config, UserParams extends ExtractConfigParams<UserConfig> = ExtractConfigParams<UserConfig>, UserData extends Data<UserParams["props"], UserParams["rootProps"]> | Data = Data<UserParams["props"], UserParams["rootProps"]>, UserAppState extends PrivateAppState<UserData> = PrivateAppState<UserData>, UserPublicAppState extends AppState<UserData> = AppState<UserData>, UserComponentData extends ComponentData = UserData["content"][0]> = {
+    UserConfig: UserConfig;
+    UserParams: UserParams;
+    UserProps: UserParams["props"];
+    UserRootProps: UserParams["rootProps"] & DefaultRootFieldProps;
+    UserData: UserData;
+    UserAppState: UserAppState;
+    UserPublicAppState: UserPublicAppState;
+    UserComponentData: UserComponentData;
+    UserField: UserParams["field"];
+};
+type ExtractField<UserField extends {
+    type: PropertyKey;
+}, T extends UserField["type"]> = Extract<UserField, {
+    type: T;
+}>;
+
+type SlotComponent = (props?: Omit<DropZoneProps, "zone">) => ReactNode;
+type PuckComponent<Props> = (props: WithId<WithPuckProps<{
+    [K in keyof Props]: WithDeepSlots<Props[K], SlotComponent>;
+}>>) => JSX.Element;
+type ResolveDataTrigger = "insert" | "replace" | "load" | "force";
+type WithPartialProps<T, Props extends DefaultComponentProps> = Omit<T, "props"> & {
+    props?: Partial<Props>;
+};
+type ComponentConfigInternal<RenderProps extends DefaultComponentProps, FieldProps extends DefaultComponentProps, DataShape = Omit<ComponentData<FieldProps>, "type">, // NB this doesn't include AllProps, so types will not contain deep slot types. To fix, we require a breaking change.
+UserField extends BaseField = {}> = {
+    render: PuckComponent<RenderProps>;
+    label?: string;
+    defaultProps?: FieldProps;
+    fields?: Fields<FieldProps, UserField>;
+    permissions?: Partial<Permissions>;
+    inline?: boolean;
+    resolveFields?: (data: DataShape, params: {
+        changed: Partial<Record<keyof FieldProps, boolean> & {
+            id: string;
+        }>;
+        fields: Fields<FieldProps>;
+        lastFields: Fields<FieldProps>;
+        lastData: DataShape | null;
+        appState: AppState;
+        parent: ComponentData | null;
+    }) => Promise<Fields<FieldProps>> | Fields<FieldProps>;
+    resolveData?: (data: DataShape, params: {
+        changed: Partial<Record<keyof FieldProps, boolean> & {
+            id: string;
+        }>;
+        lastData: DataShape | null;
+        metadata: Metadata;
+        trigger: ResolveDataTrigger;
+    }) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
+    resolvePermissions?: (data: DataShape, params: {
+        changed: Partial<Record<keyof FieldProps, boolean> & {
+            id: string;
+        }>;
+        lastPermissions: Partial<Permissions>;
+        permissions: Partial<Permissions>;
+        appState: AppState;
+        lastData: DataShape | null;
+    }) => Promise<Partial<Permissions>> | Partial<Permissions>;
+    metadata?: Metadata;
+};
+type RootConfigInternal<RootProps extends DefaultComponentProps = DefaultComponentProps, UserField extends BaseField = {}> = Partial<ComponentConfigInternal<WithChildren<RootProps>, AsFieldProps<RootProps>, RootData<AsFieldProps<RootProps>>, UserField>>;
+type Category<ComponentName> = {
+    components?: ComponentName[];
+    title?: string;
+    visible?: boolean;
+    defaultExpanded?: boolean;
+};
+type ConfigInternal<Props extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = DefaultComponentProps, CategoryName extends string = string, UserField extends {} = {}> = {
+    categories?: Record<CategoryName, Category<keyof Props>> & {
+        other?: Category<keyof Props>;
+    };
+    components: {
+        [ComponentName in keyof Props]: Omit<ComponentConfigInternal<Props[ComponentName], Props[ComponentName], Omit<ComponentData<Props[ComponentName]>, "type">, UserField>, "type">;
+    };
+    root?: RootConfigInternal<RootProps, UserField>;
+};
+type DefaultComponents = Record<string, any>;
+type Config<PropsOrParams extends LeftOrExactRight<PropsOrParams, DefaultComponents, ConfigParams> = DefaultComponents | ConfigParams, RootProps extends DefaultComponentProps = DefaultComponentProps, CategoryName extends string = string> = PropsOrParams extends ConfigParams<infer ParamComponents, infer ParamRoot, infer ParamCategoryName, never> ? ConfigInternal<ParamComponents, ParamRoot, ParamCategoryName[number]> : PropsOrParams extends ConfigParams<infer ParamComponents, infer ParamRoot, infer ParamCategoryName, infer ParamFields> ? ConfigInternal<ParamComponents, ParamRoot, ParamCategoryName[number], ParamFields[keyof ParamFields] & BaseField> : PropsOrParams extends ConfigParams<infer ParamComponents, infer ParamRoot, infer ParamCategoryName, any> ? ConfigInternal<ParamComponents, ParamRoot, ParamCategoryName[number], {}> : ConfigInternal<PropsOrParams, RootProps, CategoryName>;
+type ExtractConfigParams<UserConfig extends ConfigInternal> = UserConfig extends ConfigInternal<infer PropsOrParams, infer RootProps, infer CategoryName, infer UserField> ? {
+    props: PropsOrParams;
+    rootProps: RootProps & DefaultRootFieldProps;
+    categoryNames: CategoryName;
+    field: UserField extends {
+        type: string;
+    } ? UserField : Field;
+} : never;
+
+type BaseData<Props extends {
+    [key: string]: any;
+} = {
+    [key: string]: any;
+}> = {
+    readOnly?: Partial<Record<keyof Props, boolean>>;
+};
+type RootDataWithProps<Props extends DefaultComponentProps = DefaultRootFieldProps> = BaseData<Props> & {
+    props: Props;
+};
+type RootDataWithoutProps<Props extends DefaultComponentProps = DefaultRootFieldProps> = Props;
+type RootData<Props extends DefaultComponentProps = DefaultRootFieldProps> = Partial<RootDataWithProps<AsFieldProps<Props>>> & Partial<RootDataWithoutProps<Props>>;
+type ComponentData<Props extends DefaultComponentProps = DefaultComponentProps, Name = string, Components extends Record<string, DefaultComponentProps> = Record<string, DefaultComponentProps>> = {
+    type: Name;
+    props: WithDeepSlots<WithId<Props>, Content<Components>>;
+} & BaseData<Props>;
+type ComponentDataOptionalId<Props extends DefaultComponentProps = DefaultComponentProps, Name = string> = {
+    type: Name;
+    props: Props & {
+        id?: string;
+    };
+} & BaseData<Props>;
+type ComponentDataMap<Components extends DefaultComponents = DefaultComponents> = {
+    [K in keyof Components]: ComponentData<Components[K], K extends string ? K : never, Components>;
+}[keyof Components];
+type Content<PropsMap extends {
+    [key: string]: DefaultComponentProps;
+} = {
+    [key: string]: DefaultComponentProps;
+}> = ComponentDataMap<PropsMap>[];
+type Data<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = {
+    root: WithDeepSlots<RootData<RootProps>, Content<Components>>;
+    content: Content<Components>;
+    zones?: Record<string, Content<Components>>;
+};
 type Metadata = {
     [key: string]: any;
 };
@@ -137,6 +309,8 @@ type ArrayState = {
 type UiState = {
     leftSideBarVisible: boolean;
     rightSideBarVisible: boolean;
+    leftSideBarWidth?: number | null;
+    rightSideBarWidth?: number | null;
     itemSelector: ItemSelector | null;
     arrayState: Record<string, ArrayState | undefined>;
     previewMode: "interactive" | "edit";
@@ -159,19 +333,89 @@ type UiState = {
         focus?: string | null;
     };
 };
+type AppState<UserData extends Data = Data> = {
+    data: UserData;
+    ui: UiState;
+};
+
+type ZoneType = "root" | "dropzone" | "slot";
+type PuckNodeData = {
+    data: ComponentData;
+    flatData: ComponentData;
+    parentId: string | null;
+    zone: string;
+    path: string[];
+};
+type PuckZoneData = {
+    contentIds: string[];
+    type: ZoneType;
+};
+type NodeIndex = Record<string, PuckNodeData>;
+type ZoneIndex = Record<string, PuckZoneData>;
+type PrivateAppState<UserData extends Data = Data> = AppState<UserData> & {
+    indexes: {
+        nodes: NodeIndex;
+        zones: ZoneIndex;
+    };
+};
+type BuiltinTypes = Date | RegExp | Error | Function | symbol | null | undefined;
+/**
+ * Recursively walk T and replace Slots with SlotComponents
+ */
+type WithDeepSlots<T, SlotType = T> = T extends Slot ? SlotType : T extends (infer U)[] ? Array<WithDeepSlots<U, SlotType>> : T extends (infer U)[] ? WithDeepSlots<U, SlotType>[] : T extends BuiltinTypes ? T : T extends object ? {
+    [K in keyof T]: WithDeepSlots<T[K], SlotType>;
+} : T;
+type ConfigParams<Components extends DefaultComponents = DefaultComponents, RootProps extends DefaultComponentProps = DefaultComponentProps, CategoryNames extends string[] = string[], UserFields extends FieldsExtension = FieldsExtension> = {
+    components?: Components;
+    root?: RootProps;
+    categories?: CategoryNames;
+    fields?: AssertHasValue<UserFields>;
+};
+type FieldsExtension = {
+    [Type in string]: {
+        type: Type;
+    };
+};
+type Exact<T, Target> = Record<Exclude<keyof T, keyof Target>, never>;
+type LeftOrExactRight<Union, Left, Right> = (Left & Union extends Right ? Exact<Union, Right> : Left) | (Right & Exact<Union, Right>);
+type AssertHasValue<T, True = T, False = never> = [keyof T] extends [
+    never
+] ? False : True;
+
+type MapFnParams<ThisField = Field> = {
+    value: any;
+    parentId: string;
+    propName: string;
+    field: ThisField;
+    propPath: string;
+};
+
+type FieldTransformFnParams<T> = Omit<MapFnParams<T>, "parentId"> & {
+    isReadOnly: boolean;
+    componentId: string;
+};
+type FieldTransformFn<T> = (params: FieldTransformFnParams<T>) => any;
+type FieldTransforms<UserConfig extends Config = Config<{
+    fields: {};
+}>, // Setting fields: {} helps TS choose default field types
+G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>, UserField extends {
+    type: string;
+} = Field | G["UserField"]> = Partial<{
+    [Type in UserField["type"]]: FieldTransformFn<ExtractField<UserField, Type>>;
+}>;
 
 type RenderFunc<Props extends {
     [key: string]: any;
 } = {
     children: ReactNode;
 }> = (props: Props) => ReactElement;
-declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
+declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "drawer", "drawerItem", "componentOverlay", "outline", "puck", "preview"];
 type OverrideKey = (typeof overrideKeys)[number];
 type OverridesGeneric<Shape extends {
     [key in OverrideKey]: any;
 }> = Shape;
-type Overrides = OverridesGeneric<{
-    fieldTypes: Partial<FieldRenderFunctions>;
+type Overrides<UserConfig extends Config = Config> = OverridesGeneric<{
+    fieldTypes: Partial<FieldRenderFunctions<UserConfig>>;
     header: RenderFunc<{
         actions: ReactNode;
         children: ReactNode;
@@ -203,26 +447,35 @@ type Overrides = OverridesGeneric<{
         children: ReactNode;
         name: string;
     }>;
+    drawer: RenderFunc;
+    drawerItem: RenderFunc<{
+        children: ReactNode;
+        name: string;
+    }>;
     iframe: RenderFunc<{
         children: ReactNode;
         document?: Document;
     }>;
     outline: RenderFunc;
-    puck: RenderFunc;
-}>;
-type FieldRenderFunctions = Omit<{
-    [Type in Field["type"]]: React.FunctionComponent<FieldProps<Extract<Field, {
-        type: Type;
-    }>, any> & {
+    componentOverlay: RenderFunc<{
         children: ReactNode;
-        name: string;
+        hover: boolean;
+        isSelected: boolean;
+        componentId: string;
+        componentType: string;
     }>;
-}, "custom"> & {
-    [key: string]: React.FunctionComponent<FieldProps<any> & {
+    puck: RenderFunc;
+}>;
+type FieldRenderFunctions<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>, UserField extends {
+    type: string;
+} = Field | G["UserField"]> = Omit<{
+    [Type in UserField["type"]]: React.FunctionComponent<FieldProps<ExtractField<UserField, Type>, any> & {
         children: ReactNode;
         name: string;
     }>;
-};
+}, "custom">;
+
+type DragAxis = "dynamic" | "y" | "x";
 
 type iconTypes = "Smartphone" | "Monitor" | "Tablet";
 type Viewport = {
@@ -232,9 +485,24 @@ type Viewport = {
     icon?: iconTypes | ReactNode;
 };
 
-type Plugin = {
-    overrides: Partial<Overrides>;
+type Permissions = {
+    drag: boolean;
+    duplicate: boolean;
+    delete: boolean;
+    edit: boolean;
+    insert: boolean;
+} & Record<string, boolean>;
+type Plugin<UserConfig extends Config = Config> = {
+    overrides?: Partial<Overrides<UserConfig>>;
+    fieldTransforms?: FieldTransforms<UserConfig>;
 };
+type Slot<Props extends {
+    [key: string]: DefaultComponentProps;
+} = {
+    [key: string]: DefaultComponentProps;
+}> = {
+    [K in keyof Props]: ComponentDataOptionalId<Props[K], K extends string ? K : never>;
+}[keyof Props][];
 
 declare const headingAnalyzer: Plugin;