@elementor/editor-editing-panel 3.33.0-99 → 3.35.0-325

package/dist/index.d.mts

@@ -1,18 +1,23 @@
 import * as _elementor_editor_controls from '@elementor/editor-controls';
-import { FontCategory, ControlComponent } from '@elementor/editor-controls';
+import { FontCategory, ControlComponent, AdornmentComponent } from '@elementor/editor-controls';
 export { useBoundProp } from '@elementor/editor-controls';
 import * as _elementor_locations from '@elementor/locations';
-import { StyleDefinition } from '@elementor/editor-styles';
+import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDefinitionID } from '@elementor/editor-styles';
 import * as react from 'react';
-import { FC, PropsWithChildren, ElementType, ComponentType } from 'react';
+import { FC, PropsWithChildren, Dispatch, ElementType as ElementType$1, ComponentType } from 'react';
 import { PopoverBody as PopoverBody$1 } from '@elementor/editor-ui';
+import { Control, ElementControl, Element, ElementType, ControlLayout } from '@elementor/editor-elements';
+import * as _emotion_styled from '@emotion/styled';
+import * as _mui_system from '@mui/system';
+import { Theme, ChipProps } from '@elementor/ui';
+import { StylesProvider } from '@elementor/editor-styles-repository';
 import * as _elementor_editor_props from '@elementor/editor-props';
-import { PropTypeUtil } from '@elementor/editor-props';
+import { PropTypeUtil, PropsSchema, ObjectPropType } from '@elementor/editor-props';
 import * as _elementor_menus from '@elementor/menus';
-import { ChipProps, Theme } from '@elementor/ui';
-import * as _mui_system from '@mui/system';
+import * as _mui_material from '@mui/material';
 import * as zod from 'zod';
-import { ControlLayout } from '@elementor/editor-elements';
+import * as _elementor_utils from '@elementor/utils';
+import * as _elementor_editor_canvas from '@elementor/editor-canvas';
 
 type ValidationResult = {
     isValid: true;
@@ -31,45 +36,94 @@ declare const injectIntoCssClassConvert: (args: _elementor_locations.InjectArgs<
 
 declare const injectIntoClassSelectorActions: (args: _elementor_locations.InjectArgs<object>) => void;
 
-type Props = react.ComponentProps<typeof PopoverBody$1>;
-declare const PopoverBody: (props: Props) => react.JSX.Element;
+declare const CustomCssIndicator: () => react.JSX.Element | null;
+
+declare const injectIntoPanelHeaderTop: (args: _elementor_locations.InjectArgs<object>) => void;
+
+type Props$2 = react.ComponentProps<typeof PopoverBody$1>;
+declare const PopoverBody: (props: Props$2) => react.JSX.Element;
 
 type SectionContentProps = PropsWithChildren<{
     gap?: number;
     sx?: {
         pt?: number;
     };
+    'aria-label'?: string;
 }>;
 declare const SectionContent: FC<SectionContentProps>;
 
-declare const CustomCss: () => react.JSX.Element;
+declare const SettingsControl: ({ control: { value, type } }: {
+    control: Control | ElementControl;
+}) => react.JSX.Element | null;
+
+declare const StyleIndicator: _emotion_styled.StyledComponent<_mui_system.MUIStyledCommonProps<Theme> & ({
+    isOverridden?: boolean;
+    getColor?: never;
+} | {
+    isOverridden?: boolean;
+    getColor?: ((theme: Theme) => string) | null;
+}), react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
 declare const useFontFamilies: () => FontCategory[];
 
-declare const useCustomCss: () => {
-    customCss: {
-        raw: string;
-    } | null;
-    setCustomCss: (raw: string, { history: { propDisplayName } }: {
-        history: {
-            propDisplayName: string;
-        };
-    }) => void;
+declare const injectIntoStyleTab: (args: _elementor_locations.InjectArgs<object>) => void;
+
+type SectionType = {
+    component: () => react.JSX.Element;
+    name: string;
+    title: string;
+};
+type Props$1 = {
+    section: SectionType;
+    fields?: string[];
+    unmountOnExit?: boolean;
 };
+declare const StyleTabSection: ({ section, fields, unmountOnExit }: Props$1) => react.JSX.Element;
+
+declare function useClassesProp(): string;
+
+type ContextValue$1 = {
+    element: Element;
+    elementType: ElementType;
+};
+type Props = PropsWithChildren<ContextValue$1>;
+declare function ElementProvider({ children, element, elementType }: Props): react.JSX.Element;
+declare function useElement(): ContextValue$1;
 
 declare const useSectionWidth: () => number;
 
+type ContextValue = {
+    setId: Dispatch<StyleDefinition['id'] | null>;
+    meta: StyleDefinitionVariant['meta'];
+    setMetaState: Dispatch<StyleDefinitionState>;
+    canEdit?: boolean;
+} & (ContextValueWithProvider | ContextValueWithoutProvider);
+type ContextValueWithProvider = {
+    id: StyleDefinitionID;
+    provider: StylesProvider;
+};
+type ContextValueWithoutProvider = {
+    id: null;
+    provider: null;
+};
+declare function useStyle(): ContextValue;
+
 declare const registerControlReplacement: (replacement: {
-    component: react.ComponentType;
+    component: react.ComponentClass<object & {
+        OriginalControl: react.ComponentType;
+    }, any> | react.FunctionComponent<object & {
+        OriginalControl: react.ComponentType;
+    }>;
     condition: ({ value }: {
         value: _elementor_editor_props.PropValue;
+        placeholder?: _elementor_editor_props.PropValue;
     }) => boolean;
 }) => void;
 
 type ActionProps = {
     title: string;
     visible?: boolean;
-    icon: ElementType;
+    icon: ElementType$1;
     onClick: () => void;
 };
 declare function Action({ title, visible, icon: Icon, onClick }: ActionProps): react.JSX.Element | null;
@@ -77,7 +131,7 @@ declare function Action({ title, visible, icon: Icon, onClick }: ActionProps): r
 type PopoverActionProps = {
     title: string;
     visible?: boolean;
-    icon: ElementType;
+    icon: ElementType$1;
     content: ComponentType<{
         close: () => void;
     }>;
@@ -89,52 +143,6 @@ declare const controlActionsMenu: _elementor_menus.Menu<{
     PopoverAction: typeof PopoverAction;
 }, "default">;
 
-declare function init(): void;
-
-declare const usePanelActions: () => {
-    open: () => Promise<void>;
-    close: () => Promise<void>;
-};
-declare const usePanelStatus: () => {
-    isOpen: boolean;
-    isBlocked: boolean;
-};
-
-type Colors = {
-    name: ChipProps['color'];
-    getThemeColor: ((theme: Theme) => string) | null;
-};
-declare const registerStyleProviderToColors: (provider: string, colors: Colors) => void;
-
-declare const stylesInheritanceTransformersRegistry: {
-    register(type: _elementor_editor_props.PropTypeKey, transformer: ((value: any, options: {
-        key: string;
-        signal?: AbortSignal;
-    }) => unknown) & {
-        __transformer: true;
-    }): any;
-    registerFallback(transformer: ((value: any, options: {
-        key: string;
-        signal?: AbortSignal;
-    }) => unknown) & {
-        __transformer: true;
-    }): any;
-    get(type: _elementor_editor_props.PropTypeKey): (((value: any, options: {
-        key: string;
-        signal?: AbortSignal;
-    }) => unknown) & {
-        __transformer: true;
-    }) | null;
-    all(): {
-        [x: string]: ((value: any, options: {
-            key: string;
-            signal?: AbortSignal;
-        }) => unknown) & {
-            __transformer: true;
-        };
-    };
-};
-
 type ControlRegistry = Record<string, {
     component: ControlComponent;
     layout: ControlLayout;
@@ -319,13 +327,14 @@ declare const controlTypes: {
         };
     };
     readonly text: {
-        readonly component: ControlComponent<({ placeholder, error, inputValue, inputDisabled, helperText, sx, }: {
+        readonly component: ControlComponent<({ placeholder, error, inputValue, inputDisabled, helperText, sx, ariaLabel, }: {
             placeholder?: string;
             error?: boolean;
             inputValue?: string;
             inputDisabled?: boolean;
             helperText?: string;
             sx?: _mui_system.SxProps;
+            ariaLabel?: string;
         }) => react.JSX.Element>;
         readonly layout: "full";
         readonly propTypeUtil: {
@@ -353,8 +362,9 @@ declare const controlTypes: {
         };
     };
     readonly textarea: {
-        readonly component: ControlComponent<({ placeholder }: {
+        readonly component: ControlComponent<({ placeholder, ariaLabel }: {
             placeholder?: string;
+            ariaLabel?: string;
         }) => react.JSX.Element>;
         readonly layout: "full";
         readonly propTypeUtil: {
@@ -382,7 +392,7 @@ declare const controlTypes: {
         };
     };
     readonly size: {
-        readonly component: ControlComponent<({ variant, defaultUnit, units, placeholder, startIcon, anchorRef, extendedOptions, disableCustom, min, enablePropTypeUnits, id, }: Omit<({
+        readonly component: ControlComponent<({ variant, defaultUnit, units, placeholder, startIcon, anchorRef, extendedOptions, disableCustom, min, enablePropTypeUnits, id, ariaLabel, isRepeaterControl, }: Omit<({
             placeholder?: string;
             startIcon?: react.ReactNode;
             extendedOptions?: _elementor_editor_controls.ExtendedOption[];
@@ -391,6 +401,8 @@ declare const controlTypes: {
             min?: number;
             enablePropTypeUnits?: boolean;
             id?: string;
+            ariaLabel?: string;
+            isRepeaterControl?: boolean;
         } & {
             units?: ("em" | "px" | "%" | "rem" | "vw" | "vh")[] | undefined;
             defaultUnit?: "em" | "px" | "%" | "rem" | "vw" | "vh" | undefined;
@@ -405,6 +417,8 @@ declare const controlTypes: {
             min?: number;
             enablePropTypeUnits?: boolean;
             id?: string;
+            ariaLabel?: string;
+            isRepeaterControl?: boolean;
         } & {
             units?: ("deg" | "rad" | "grad" | "turn")[] | undefined;
             defaultUnit?: "deg" | "rad" | "grad" | "turn" | undefined;
@@ -419,6 +433,8 @@ declare const controlTypes: {
             min?: number;
             enablePropTypeUnits?: boolean;
             id?: string;
+            ariaLabel?: string;
+            isRepeaterControl?: boolean;
         } & {
             units?: ("s" | "ms")[] | undefined;
             defaultUnit?: "s" | "ms" | undefined;
@@ -648,13 +664,17 @@ declare const controlTypes: {
         };
     };
     readonly select: {
-        readonly component: ControlComponent<({ options, onChange }: {
+        readonly component: ControlComponent<({ collectionId, options, ...props }: {
             options: {
                 label: string;
                 value: _elementor_editor_props.StringPropValue["value"];
                 disabled?: boolean;
             }[];
             onChange?: (newValue: string | null, previousValue: string | null | undefined) => void;
+            MenuProps?: _mui_material.SelectProps["MenuProps"];
+            ariaLabel?: string;
+        } & {
+            collectionId?: "off-canvas";
         }) => react.JSX.Element>;
         readonly layout: "two-columns";
         readonly propTypeUtil: {
@@ -684,13 +704,14 @@ declare const controlTypes: {
     readonly link: {
         readonly component: ControlComponent<(props: {
             queryOptions: {
-                requestParams: Record<string, unknown>;
-                endpoint: string;
+                params: Record<string, unknown>;
+                url: string;
             };
             allowCustomValues?: boolean;
             minInputLength?: number;
             placeholder?: string;
             label?: string;
+            ariaLabel?: string;
         } & {
             context: {
                 elementId: string;
@@ -700,44 +721,35 @@ declare const controlTypes: {
         readonly propTypeUtil: {
             extract: (prop: unknown) => {
                 destination?: any;
-                label?: any;
                 isTargetBlank?: any;
             } | null;
             isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"link", {
                 destination?: any;
-                label?: any;
                 isTargetBlank?: any;
             }>;
             create: {
                 (value: {
                     destination?: any;
-                    label?: any;
                     isTargetBlank?: any;
                 }): _elementor_editor_props.TransformablePropValue<"link", {
                     destination?: any;
-                    label?: any;
                     isTargetBlank?: any;
                 }>;
                 (value: {
                     destination?: any;
-                    label?: any;
                     isTargetBlank?: any;
                 }, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"link", {
                     destination?: any;
-                    label?: any;
                     isTargetBlank?: any;
                 }>;
                 (value: (prev?: {
                     destination?: any;
-                    label?: any;
                     isTargetBlank?: any;
                 } | undefined) => {
                     destination?: any;
-                    label?: any;
                     isTargetBlank?: any;
                 }, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"link", {
                     destination?: any;
-                    label?: any;
                     isTargetBlank?: any;
                 }>;
             };
@@ -745,11 +757,9 @@ declare const controlTypes: {
                 $$type: zod.ZodLiteral<"link">;
                 value: zod.ZodType<{
                     destination?: any;
-                    label?: any;
                     isTargetBlank?: any;
                 }, zod.ZodTypeDef, {
                     destination?: any;
-                    label?: any;
                     isTargetBlank?: any;
                 }>;
                 disabled: zod.ZodOptional<zod.ZodBoolean>;
@@ -757,7 +767,6 @@ declare const controlTypes: {
                 $$type: "link";
                 value: {
                     destination?: any;
-                    label?: any;
                     isTargetBlank?: any;
                 };
                 disabled?: boolean | undefined;
@@ -765,7 +774,6 @@ declare const controlTypes: {
                 $$type: "link";
                 value: {
                     destination?: any;
-                    label?: any;
                     isTargetBlank?: any;
                 };
                 disabled?: boolean | undefined;
@@ -773,9 +781,86 @@ declare const controlTypes: {
             key: "link";
         };
     };
+    readonly query: {
+        readonly component: ControlComponent<(props: {
+            queryOptions: {
+                params: Record<string, unknown>;
+                url: string;
+            };
+            allowCustomValues?: boolean;
+            minInputLength?: number;
+            placeholder?: string;
+            onSetValue?: (value: any | null) => void;
+            ariaLabel?: string;
+        }) => react.JSX.Element>;
+        readonly layout: "full";
+        readonly propTypeUtil: {
+            extract: (prop: unknown) => {
+                id?: any;
+                label?: any;
+            } | null;
+            isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"query", {
+                id?: any;
+                label?: any;
+            }>;
+            create: {
+                (value: {
+                    id?: any;
+                    label?: any;
+                }): _elementor_editor_props.TransformablePropValue<"query", {
+                    id?: any;
+                    label?: any;
+                }>;
+                (value: {
+                    id?: any;
+                    label?: any;
+                }, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"query", {
+                    id?: any;
+                    label?: any;
+                }>;
+                (value: (prev?: {
+                    id?: any;
+                    label?: any;
+                } | undefined) => {
+                    id?: any;
+                    label?: any;
+                }, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"query", {
+                    id?: any;
+                    label?: any;
+                }>;
+            };
+            schema: zod.ZodObject<{
+                $$type: zod.ZodLiteral<"query">;
+                value: zod.ZodType<{
+                    id?: any;
+                    label?: any;
+                }, zod.ZodTypeDef, {
+                    id?: any;
+                    label?: any;
+                }>;
+                disabled: zod.ZodOptional<zod.ZodBoolean>;
+            }, "strict", zod.ZodTypeAny, {
+                $$type: "query";
+                value: {
+                    id?: any;
+                    label?: any;
+                };
+                disabled?: boolean | undefined;
+            }, {
+                $$type: "query";
+                value: {
+                    id?: any;
+                    label?: any;
+                };
+                disabled?: boolean | undefined;
+            }>;
+            key: "query";
+        };
+    };
     readonly url: {
-        readonly component: ControlComponent<({ placeholder }: {
+        readonly component: ControlComponent<({ placeholder, ariaLabel }: {
             placeholder?: string;
+            ariaLabel?: string;
         }) => react.JSX.Element>;
         readonly layout: "full";
         readonly propTypeUtil: {
@@ -872,6 +957,13 @@ declare const controlTypes: {
                 props?: Record<string, unknown>;
                 propTypeUtil: PropTypeUtil<string, any>;
                 label?: string;
+                isItemDisabled?: (item: {
+                    disabled?: boolean;
+                } & {
+                    $$type: string;
+                    value: _elementor_editor_props.PropValue;
+                    disabled?: boolean;
+                }) => boolean;
             };
             showDuplicate?: boolean;
             showToggle?: boolean;
@@ -897,6 +989,7 @@ declare const controlTypes: {
             regexKey?: string;
             regexValue?: string;
             validationErrorMessage?: string;
+            escapeHtml?: boolean;
             getHelperText?: (key: string, value: string) => {
                 keyHelper?: string;
                 valueHelper?: string;
@@ -966,11 +1059,168 @@ declare const controlTypes: {
             key: "key-value";
         };
     };
+    readonly 'html-tag': {
+        readonly component: ControlComponent<({ options, onChange, fallbackLabels }: {
+            options: {
+                label: string;
+                value: _elementor_editor_props.StringPropValue["value"];
+                disabled?: boolean;
+            }[];
+            onChange?: (newValue: string | null, previousValue: string | null | undefined) => void;
+            fallbackLabels?: Record<string, string>;
+        }) => react.JSX.Element>;
+        readonly layout: "two-columns";
+        readonly propTypeUtil: {
+            extract: (prop: unknown) => string | null;
+            isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"string", string | null>;
+            create: {
+                (value: string | null): _elementor_editor_props.TransformablePropValue<"string", string | null>;
+                (value: string | null, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"string", string | null>;
+                (value: (prev?: string | null | undefined) => string | null, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"string", string | null>;
+            };
+            schema: zod.ZodObject<{
+                $$type: zod.ZodLiteral<"string">;
+                value: zod.ZodType<string | null, zod.ZodTypeDef, string | null>;
+                disabled: zod.ZodOptional<zod.ZodBoolean>;
+            }, "strict", zod.ZodTypeAny, {
+                $$type: "string";
+                value: string | null;
+                disabled?: boolean | undefined;
+            }, {
+                $$type: "string";
+                value: string | null;
+                disabled?: boolean | undefined;
+            }>;
+            key: "string";
+        };
+    };
+    readonly toggle: {
+        readonly component: ControlComponent<({ options, fullWidth, size, exclusive, maxItems, convertOptions, }: _elementor_editor_controls.ToggleControlProps<_elementor_editor_props.StringPropValue["value"]>) => react.JSX.Element>;
+        readonly layout: "full";
+        readonly propTypeUtil: {
+            extract: (prop: unknown) => string | null;
+            isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"string", string | null>;
+            create: {
+                (value: string | null): _elementor_editor_props.TransformablePropValue<"string", string | null>;
+                (value: string | null, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"string", string | null>;
+                (value: (prev?: string | null | undefined) => string | null, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"string", string | null>;
+            };
+            schema: zod.ZodObject<{
+                $$type: zod.ZodLiteral<"string">;
+                value: zod.ZodType<string | null, zod.ZodTypeDef, string | null>;
+                disabled: zod.ZodOptional<zod.ZodBoolean>;
+            }, "strict", zod.ZodTypeAny, {
+                $$type: "string";
+                value: string | null;
+                disabled?: boolean | undefined;
+            }, {
+                $$type: "string";
+                value: string | null;
+                disabled?: boolean | undefined;
+            }>;
+            key: "string";
+        };
+    };
+    readonly 'date-time': {
+        readonly component: ControlComponent<({ inputDisabled }: {
+            inputDisabled?: boolean;
+        }) => react.JSX.Element>;
+        readonly layout: "full";
+        readonly propTypeUtil: {
+            extract: (prop: unknown) => {
+                date?: any;
+                time?: any;
+            } | null;
+            isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"date-time", {
+                date?: any;
+                time?: any;
+            }>;
+            create: {
+                (value: {
+                    date?: any;
+                    time?: any;
+                }): _elementor_editor_props.TransformablePropValue<"date-time", {
+                    date?: any;
+                    time?: any;
+                }>;
+                (value: {
+                    date?: any;
+                    time?: any;
+                }, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"date-time", {
+                    date?: any;
+                    time?: any;
+                }>;
+                (value: (prev?: {
+                    date?: any;
+                    time?: any;
+                } | undefined) => {
+                    date?: any;
+                    time?: any;
+                }, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"date-time", {
+                    date?: any;
+                    time?: any;
+                }>;
+            };
+            schema: zod.ZodObject<{
+                $$type: zod.ZodLiteral<"date-time">;
+                value: zod.ZodType<{
+                    date?: any;
+                    time?: any;
+                }, zod.ZodTypeDef, {
+                    date?: any;
+                    time?: any;
+                }>;
+                disabled: zod.ZodOptional<zod.ZodBoolean>;
+            }, "strict", zod.ZodTypeAny, {
+                $$type: "date-time";
+                value: {
+                    date?: any;
+                    time?: any;
+                };
+                disabled?: boolean | undefined;
+            }, {
+                $$type: "date-time";
+                value: {
+                    date?: any;
+                    time?: any;
+                };
+                disabled?: boolean | undefined;
+            }>;
+            key: "date-time";
+        };
+    };
+    readonly 'inline-editing': {
+        readonly component: ControlComponent<() => react.JSX.Element>;
+        readonly layout: "full";
+        readonly propTypeUtil: {
+            extract: (prop: unknown) => string | null;
+            isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"html", string | null>;
+            create: {
+                (value: string | null): _elementor_editor_props.TransformablePropValue<"html", string | null>;
+                (value: string | null, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"html", string | null>;
+                (value: (prev?: string | null | undefined) => string | null, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"html", string | null>;
+            };
+            schema: zod.ZodObject<{
+                $$type: zod.ZodLiteral<"html">;
+                value: zod.ZodType<string | null, zod.ZodTypeDef, string | null>;
+                disabled: zod.ZodOptional<zod.ZodBoolean>;
+            }, "strict", zod.ZodTypeAny, {
+                $$type: "html";
+                value: string | null;
+                disabled?: boolean | undefined;
+            }, {
+                $$type: "html";
+                value: string | null;
+                disabled?: boolean | undefined;
+            }>;
+            key: "html";
+        };
+    };
 };
 type ControlType = keyof typeof controlTypes;
 declare class ControlsRegistry {
     private readonly controlsRegistry;
-    constructor(controlsRegistry?: ControlRegistry);
+    constructor(controlsRegistry: ControlRegistry);
     get(type: ControlType): ControlComponent;
     getLayout(type: ControlType): ControlLayout;
     getPropTypeUtil(type: ControlType): PropTypeUtil<string, any> | undefined;
@@ -980,4 +1230,94 @@ declare class ControlsRegistry {
 }
 declare const controlsRegistry: ControlsRegistry;
 
-export { CustomCss, type PopoverActionProps, PopoverBody, SectionContent, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, registerControlReplacement, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useCustomCss, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth };
+declare const StylesProviderCannotUpdatePropsError: {
+    new ({ cause, context }?: {
+        cause?: _elementor_utils.ElementorErrorOptions["cause"];
+        context?: {
+            providerKey: string;
+        } | undefined;
+    } | undefined): {
+        readonly context: _elementor_utils.ElementorErrorOptions["context"];
+        readonly code: _elementor_utils.ElementorErrorOptions["code"];
+        name: string;
+        message: string;
+        stack?: string;
+        cause?: unknown;
+    };
+    isError(error: unknown): error is Error;
+};
+
+declare const createTopLevelObjectType: ({ schema }: {
+    schema: PropsSchema;
+}) => ObjectPropType;
+
+declare const useCustomCss: () => {
+    customCss: {
+        raw: string;
+    } | null;
+    setCustomCss: (raw: string, { history: { propDisplayName } }: {
+        history: {
+            propDisplayName: string;
+        };
+    }) => void;
+};
+
+declare const HISTORY_DEBOUNCE_WAIT = 800;
+type TitleOptions = {
+    provider: StylesProvider | null;
+    styleId: string | null;
+    elementId: string;
+};
+type SubtitleOptions = TitleOptions & {
+    propDisplayName: string;
+};
+declare const getTitle: ({ provider, styleId, elementId }: TitleOptions) => string;
+declare const getSubtitle: ({ provider, styleId, propDisplayName, elementId }: SubtitleOptions) => string;
+
+declare const useStylesRerender: () => void;
+
+declare function init(): void;
+
+declare const usePanelActions: () => {
+    open: () => Promise<void>;
+    close: () => Promise<void>;
+};
+declare const usePanelStatus: () => {
+    isOpen: boolean;
+    isBlocked: boolean;
+};
+
+type Colors = {
+    name: ChipProps['color'];
+    getThemeColor: ((theme: Theme) => string) | null;
+};
+declare const registerStyleProviderToColors: (provider: string, colors: Colors) => void;
+
+declare const stylesInheritanceTransformersRegistry: {
+    register(type: _elementor_editor_props.PropTypeKey, transformer: _elementor_editor_canvas.AnyTransformer): any;
+    registerFallback(transformer: _elementor_editor_canvas.AnyTransformer): any;
+    get(type: _elementor_editor_props.PropTypeKey): _elementor_editor_canvas.AnyTransformer | null;
+    all(): {
+        [x: string]: _elementor_editor_canvas.AnyTransformer;
+    };
+};
+
+type FieldType = 'settings' | 'styles';
+type FieldIndicator = {
+    id: string;
+    indicator: AdornmentComponent;
+    priority: number;
+};
+declare const FIELD_TYPE: {
+    SETTINGS: "settings";
+    STYLES: "styles";
+};
+declare const registerFieldIndicator: ({ fieldType, id, indicator, priority, }: FieldIndicator & {
+    fieldType: FieldType;
+}) => void;
+
+declare function doGetAppliedClasses(elementId: string, classesPropType?: string): string[];
+declare function doApplyClasses(elementId: string, classIds: StyleDefinitionID[], classesPropType?: string): void;
+declare function doUnapplyClass(elementId: string, classId: StyleDefinitionID, classesPropType?: string): boolean;
+
+export { CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStyle, useStylesRerender };