@elementor/editor-editing-panel 3.33.0-112 → 3.33.0-114

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.
Files changed (10) hide show
  1. package/dist/index.d.mts +115 -31
  2. package/dist/index.d.ts +115 -31
  3. package/dist/index.js +29 -3
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +16 -2
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +19 -19
  8. package/src/components/style-tab-section.tsx +2 -2
  9. package/src/components/style-tab.tsx +4 -0
  10. package/src/index.ts +10 -0
package/dist/index.d.mts CHANGED
@@ -2,9 +2,9 @@ import * as _elementor_editor_controls from '@elementor/editor-controls';
2
2
  import { FontCategory, ControlComponent } from '@elementor/editor-controls';
3
3
  export { useBoundProp } from '@elementor/editor-controls';
4
4
  import * as _elementor_locations from '@elementor/locations';
5
- import { StyleDefinition } from '@elementor/editor-styles';
6
- import * as react from 'react';
7
- import { FC, PropsWithChildren, ElementType, ComponentType } from 'react';
5
+ import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDefinitionID } from '@elementor/editor-styles';
6
+ import * as React$1 from 'react';
7
+ import { FC, PropsWithChildren, ElementType, ComponentType, Dispatch } from 'react';
8
8
  import { PopoverBody as PopoverBody$1 } from '@elementor/editor-ui';
9
9
  import * as _elementor_editor_props from '@elementor/editor-props';
10
10
  import { PropTypeUtil } from '@elementor/editor-props';
@@ -12,7 +12,10 @@ import * as _elementor_menus from '@elementor/menus';
12
12
  import { ChipProps, Theme } from '@elementor/ui';
13
13
  import * as _mui_system from '@mui/system';
14
14
  import * as zod from 'zod';
15
- import { ControlLayout } from '@elementor/editor-elements';
15
+ import { ControlLayout, Element, ElementType as ElementType$1 } from '@elementor/editor-elements';
16
+ import * as _emotion_styled from '@emotion/styled';
17
+ import { StylesProvider } from '@elementor/editor-styles-repository';
18
+ import * as _elementor_utils from '@elementor/utils';
16
19
 
17
20
  type ValidationResult = {
18
21
  isValid: true;
@@ -31,8 +34,8 @@ declare const injectIntoCssClassConvert: (args: _elementor_locations.InjectArgs<
31
34
 
32
35
  declare const injectIntoClassSelectorActions: (args: _elementor_locations.InjectArgs<object>) => void;
33
36
 
34
- type Props = react.ComponentProps<typeof PopoverBody$1>;
35
- declare const PopoverBody: (props: Props) => react.JSX.Element;
37
+ type Props$1 = React$1.ComponentProps<typeof PopoverBody$1>;
38
+ declare const PopoverBody: (props: Props$1) => React$1.JSX.Element;
36
39
 
37
40
  type SectionContentProps = PropsWithChildren<{
38
41
  gap?: number;
@@ -42,7 +45,7 @@ type SectionContentProps = PropsWithChildren<{
42
45
  }>;
43
46
  declare const SectionContent: FC<SectionContentProps>;
44
47
 
45
- declare const CustomCss: () => react.JSX.Element;
48
+ declare const CustomCss: () => React$1.JSX.Element;
46
49
 
47
50
  declare const useFontFamilies: () => FontCategory[];
48
51
 
@@ -60,7 +63,7 @@ declare const useCustomCss: () => {
60
63
  declare const useSectionWidth: () => number;
61
64
 
62
65
  declare const registerControlReplacement: (replacement: {
63
- component: react.ComponentType;
66
+ component: React$1.ComponentType;
64
67
  condition: ({ value }: {
65
68
  value: _elementor_editor_props.PropValue;
66
69
  }) => boolean;
@@ -72,7 +75,7 @@ type ActionProps = {
72
75
  icon: ElementType;
73
76
  onClick: () => void;
74
77
  };
75
- declare function Action({ title, visible, icon: Icon, onClick }: ActionProps): react.JSX.Element | null;
78
+ declare function Action({ title, visible, icon: Icon, onClick }: ActionProps): React$1.JSX.Element | null;
76
79
 
77
80
  type PopoverActionProps = {
78
81
  title: string;
@@ -82,7 +85,7 @@ type PopoverActionProps = {
82
85
  close: () => void;
83
86
  }>;
84
87
  };
85
- declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent }: PopoverActionProps): react.JSX.Element | null;
88
+ declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent }: PopoverActionProps): React$1.JSX.Element | null;
86
89
 
87
90
  declare const controlActionsMenu: _elementor_menus.Menu<{
88
91
  Action: typeof Action;
@@ -148,7 +151,7 @@ declare const controlTypes: {
148
151
  value: string;
149
152
  }[];
150
153
  showMode?: "all" | "media" | "sizes";
151
- }) => react.JSX.Element>;
154
+ }) => React$1.JSX.Element>;
152
155
  readonly layout: "full";
153
156
  readonly propTypeUtil: {
154
157
  extract: (prop: unknown) => {
@@ -214,7 +217,7 @@ declare const controlTypes: {
214
217
  };
215
218
  };
216
219
  readonly 'svg-media': {
217
- readonly component: ControlComponent<() => react.JSX.Element>;
220
+ readonly component: ControlComponent<() => React$1.JSX.Element>;
218
221
  readonly layout: "full";
219
222
  readonly propTypeUtil: {
220
223
  extract: (prop: unknown) => {
@@ -326,7 +329,7 @@ declare const controlTypes: {
326
329
  inputDisabled?: boolean;
327
330
  helperText?: string;
328
331
  sx?: _mui_system.SxProps;
329
- }) => react.JSX.Element>;
332
+ }) => React$1.JSX.Element>;
330
333
  readonly layout: "full";
331
334
  readonly propTypeUtil: {
332
335
  extract: (prop: unknown) => string | null;
@@ -355,7 +358,7 @@ declare const controlTypes: {
355
358
  readonly textarea: {
356
359
  readonly component: ControlComponent<({ placeholder }: {
357
360
  placeholder?: string;
358
- }) => react.JSX.Element>;
361
+ }) => React$1.JSX.Element>;
359
362
  readonly layout: "full";
360
363
  readonly propTypeUtil: {
361
364
  extract: (prop: unknown) => string | null;
@@ -384,10 +387,10 @@ declare const controlTypes: {
384
387
  readonly size: {
385
388
  readonly component: ControlComponent<({ variant, defaultUnit, units, placeholder, startIcon, anchorRef, extendedOptions, disableCustom, min, enablePropTypeUnits, id, }: Omit<({
386
389
  placeholder?: string;
387
- startIcon?: react.ReactNode;
390
+ startIcon?: React$1.ReactNode;
388
391
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
389
392
  disableCustom?: boolean;
390
- anchorRef?: react.RefObject<HTMLDivElement | null>;
393
+ anchorRef?: React$1.RefObject<HTMLDivElement | null>;
391
394
  min?: number;
392
395
  enablePropTypeUnits?: boolean;
393
396
  id?: string;
@@ -398,10 +401,10 @@ declare const controlTypes: {
398
401
  variant: "length";
399
402
  }) | ({
400
403
  placeholder?: string;
401
- startIcon?: react.ReactNode;
404
+ startIcon?: React$1.ReactNode;
402
405
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
403
406
  disableCustom?: boolean;
404
- anchorRef?: react.RefObject<HTMLDivElement | null>;
407
+ anchorRef?: React$1.RefObject<HTMLDivElement | null>;
405
408
  min?: number;
406
409
  enablePropTypeUnits?: boolean;
407
410
  id?: string;
@@ -412,10 +415,10 @@ declare const controlTypes: {
412
415
  variant: "angle";
413
416
  }) | ({
414
417
  placeholder?: string;
415
- startIcon?: react.ReactNode;
418
+ startIcon?: React$1.ReactNode;
416
419
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
417
420
  disableCustom?: boolean;
418
- anchorRef?: react.RefObject<HTMLDivElement | null>;
421
+ anchorRef?: React$1.RefObject<HTMLDivElement | null>;
419
422
  min?: number;
420
423
  enablePropTypeUnits?: boolean;
421
424
  id?: string;
@@ -426,7 +429,7 @@ declare const controlTypes: {
426
429
  variant: "time";
427
430
  }), "variant"> & {
428
431
  variant?: "length" | "time" | "angle";
429
- }) => react.JSX.Element>;
432
+ }) => React$1.JSX.Element>;
430
433
  readonly layout: "two-columns";
431
434
  readonly propTypeUtil: {
432
435
  extract: (prop: unknown) => {
@@ -655,7 +658,7 @@ declare const controlTypes: {
655
658
  disabled?: boolean;
656
659
  }[];
657
660
  onChange?: (newValue: string | null, previousValue: string | null | undefined) => void;
658
- }) => react.JSX.Element>;
661
+ }) => React$1.JSX.Element>;
659
662
  readonly layout: "two-columns";
660
663
  readonly propTypeUtil: {
661
664
  extract: (prop: unknown) => string | null;
@@ -695,7 +698,7 @@ declare const controlTypes: {
695
698
  context: {
696
699
  elementId: string;
697
700
  };
698
- }) => react.JSX.Element>;
701
+ }) => React$1.JSX.Element>;
699
702
  readonly layout: "custom";
700
703
  readonly propTypeUtil: {
701
704
  extract: (prop: unknown) => {
@@ -776,7 +779,7 @@ declare const controlTypes: {
776
779
  readonly url: {
777
780
  readonly component: ControlComponent<({ placeholder }: {
778
781
  placeholder?: string;
779
- }) => react.JSX.Element>;
782
+ }) => React$1.JSX.Element>;
780
783
  readonly layout: "full";
781
784
  readonly propTypeUtil: {
782
785
  extract: (prop: unknown) => string | null;
@@ -803,7 +806,7 @@ declare const controlTypes: {
803
806
  };
804
807
  };
805
808
  readonly switch: {
806
- readonly component: ControlComponent<() => react.JSX.Element>;
809
+ readonly component: ControlComponent<() => React$1.JSX.Element>;
807
810
  readonly layout: "two-columns";
808
811
  readonly propTypeUtil: {
809
812
  extract: (prop: unknown) => boolean | null;
@@ -836,8 +839,8 @@ declare const controlTypes: {
836
839
  min?: number;
837
840
  step?: number;
838
841
  shouldForceInt?: boolean;
839
- startIcon?: react.ReactNode;
840
- }) => react.JSX.Element>;
842
+ startIcon?: React$1.ReactNode;
843
+ }) => React$1.JSX.Element>;
841
844
  readonly layout: "two-columns";
842
845
  readonly propTypeUtil: {
843
846
  extract: (prop: unknown) => number | null;
@@ -882,11 +885,11 @@ declare const controlTypes: {
882
885
  addItemTooltipProps?: {
883
886
  disabled?: boolean;
884
887
  enableTooltip?: boolean;
885
- tooltipContent?: react.ReactNode;
888
+ tooltipContent?: React$1.ReactNode;
886
889
  newItemIndex?: number;
887
890
  ariaLabel?: string;
888
891
  };
889
- }) => react.JSX.Element | null>;
892
+ }) => React$1.JSX.Element | null>;
890
893
  readonly layout: "full";
891
894
  readonly propTypeUtil: undefined;
892
895
  };
@@ -902,7 +905,7 @@ declare const controlTypes: {
902
905
  keyHelper?: string;
903
906
  valueHelper?: string;
904
907
  };
905
- }) => react.JSX.Element>;
908
+ }) => React$1.JSX.Element>;
906
909
  readonly layout: "full";
907
910
  readonly propTypeUtil: {
908
911
  extract: (prop: unknown) => {
@@ -981,4 +984,85 @@ declare class ControlsRegistry {
981
984
  }
982
985
  declare const controlsRegistry: ControlsRegistry;
983
986
 
984
- export { CustomCss, type PopoverActionProps, PopoverBody, SectionContent, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, registerControlReplacement, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useCustomCss, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth };
987
+ type SectionType = {
988
+ component: () => React$1.JSX.Element;
989
+ name: string;
990
+ title: string;
991
+ };
992
+ type Props = {
993
+ section: SectionType;
994
+ fields?: string[];
995
+ unmountOnExit?: boolean;
996
+ };
997
+ declare const StyleTabSection: ({ section, fields, unmountOnExit }: Props) => React$1.JSX.Element;
998
+
999
+ declare const injectIntoStyleTab: (args: _elementor_locations.InjectArgs<object>) => void;
1000
+
1001
+ declare const StyleIndicator: _emotion_styled.StyledComponent<_mui_system.MUIStyledCommonProps<Theme> & ({
1002
+ isOverridden?: boolean;
1003
+ getColor?: never;
1004
+ } | {
1005
+ isOverridden?: boolean;
1006
+ getColor?: ((theme: Theme) => string) | null;
1007
+ }), React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
1008
+
1009
+ declare function useClassesProp(): string;
1010
+
1011
+ type ContextValue$1 = {
1012
+ element: Element;
1013
+ elementType: ElementType$1;
1014
+ };
1015
+ declare function useElement(): ContextValue$1;
1016
+
1017
+ type ContextValue = {
1018
+ setId: Dispatch<StyleDefinition['id'] | null>;
1019
+ meta: StyleDefinitionVariant['meta'];
1020
+ setMetaState: Dispatch<StyleDefinitionState>;
1021
+ canEdit?: boolean;
1022
+ } & (ContextValueWithProvider | ContextValueWithoutProvider);
1023
+ type ContextValueWithProvider = {
1024
+ id: StyleDefinitionID;
1025
+ provider: StylesProvider;
1026
+ };
1027
+ type ContextValueWithoutProvider = {
1028
+ id: null;
1029
+ provider: null;
1030
+ };
1031
+ declare function useStyle(): ContextValue;
1032
+
1033
+ declare const StylesProviderCannotUpdatePropsError: {
1034
+ new ({ cause, context }?: {
1035
+ cause?: _elementor_utils.ElementorErrorOptions["cause"];
1036
+ context?: {
1037
+ providerKey: string;
1038
+ } | undefined;
1039
+ } | undefined): {
1040
+ readonly context: _elementor_utils.ElementorErrorOptions["context"];
1041
+ readonly code: _elementor_utils.ElementorErrorOptions["code"];
1042
+ name: string;
1043
+ message: string;
1044
+ stack?: string;
1045
+ cause?: unknown;
1046
+ };
1047
+ captureStackTrace(targetObject: object, constructorOpt?: Function): void;
1048
+ prepareStackTrace(err: Error, stackTraces: NodeJS.CallSite[]): any;
1049
+ stackTraceLimit: number;
1050
+ };
1051
+
1052
+ declare const useStylesRerender: () => void;
1053
+
1054
+ declare const HISTORY_DEBOUNCE_WAIT = 800;
1055
+ type TitleOptions = {
1056
+ provider: StylesProvider | null;
1057
+ styleId: string | null;
1058
+ elementId: string;
1059
+ };
1060
+ type SubtitleOptions = TitleOptions & {
1061
+ propDisplayName: string;
1062
+ };
1063
+ declare const getTitle: ({ provider, styleId, elementId }: TitleOptions) => string;
1064
+ declare const getSubtitle: ({ provider, styleId, propDisplayName, elementId }: SubtitleOptions) => string;
1065
+
1066
+ declare const CustomCssIndicator: () => React$1.JSX.Element | null;
1067
+
1068
+ export { CustomCss, CustomCssIndicator, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoStyleTab, registerControlReplacement, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStyle, useStylesRerender };
package/dist/index.d.ts CHANGED
@@ -2,9 +2,9 @@ import * as _elementor_editor_controls from '@elementor/editor-controls';
2
2
  import { FontCategory, ControlComponent } from '@elementor/editor-controls';
3
3
  export { useBoundProp } from '@elementor/editor-controls';
4
4
  import * as _elementor_locations from '@elementor/locations';
5
- import { StyleDefinition } from '@elementor/editor-styles';
6
- import * as react from 'react';
7
- import { FC, PropsWithChildren, ElementType, ComponentType } from 'react';
5
+ import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDefinitionID } from '@elementor/editor-styles';
6
+ import * as React$1 from 'react';
7
+ import { FC, PropsWithChildren, ElementType, ComponentType, Dispatch } from 'react';
8
8
  import { PopoverBody as PopoverBody$1 } from '@elementor/editor-ui';
9
9
  import * as _elementor_editor_props from '@elementor/editor-props';
10
10
  import { PropTypeUtil } from '@elementor/editor-props';
@@ -12,7 +12,10 @@ import * as _elementor_menus from '@elementor/menus';
12
12
  import { ChipProps, Theme } from '@elementor/ui';
13
13
  import * as _mui_system from '@mui/system';
14
14
  import * as zod from 'zod';
15
- import { ControlLayout } from '@elementor/editor-elements';
15
+ import { ControlLayout, Element, ElementType as ElementType$1 } from '@elementor/editor-elements';
16
+ import * as _emotion_styled from '@emotion/styled';
17
+ import { StylesProvider } from '@elementor/editor-styles-repository';
18
+ import * as _elementor_utils from '@elementor/utils';
16
19
 
17
20
  type ValidationResult = {
18
21
  isValid: true;
@@ -31,8 +34,8 @@ declare const injectIntoCssClassConvert: (args: _elementor_locations.InjectArgs<
31
34
 
32
35
  declare const injectIntoClassSelectorActions: (args: _elementor_locations.InjectArgs<object>) => void;
33
36
 
34
- type Props = react.ComponentProps<typeof PopoverBody$1>;
35
- declare const PopoverBody: (props: Props) => react.JSX.Element;
37
+ type Props$1 = React$1.ComponentProps<typeof PopoverBody$1>;
38
+ declare const PopoverBody: (props: Props$1) => React$1.JSX.Element;
36
39
 
37
40
  type SectionContentProps = PropsWithChildren<{
38
41
  gap?: number;
@@ -42,7 +45,7 @@ type SectionContentProps = PropsWithChildren<{
42
45
  }>;
43
46
  declare const SectionContent: FC<SectionContentProps>;
44
47
 
45
- declare const CustomCss: () => react.JSX.Element;
48
+ declare const CustomCss: () => React$1.JSX.Element;
46
49
 
47
50
  declare const useFontFamilies: () => FontCategory[];
48
51
 
@@ -60,7 +63,7 @@ declare const useCustomCss: () => {
60
63
  declare const useSectionWidth: () => number;
61
64
 
62
65
  declare const registerControlReplacement: (replacement: {
63
- component: react.ComponentType;
66
+ component: React$1.ComponentType;
64
67
  condition: ({ value }: {
65
68
  value: _elementor_editor_props.PropValue;
66
69
  }) => boolean;
@@ -72,7 +75,7 @@ type ActionProps = {
72
75
  icon: ElementType;
73
76
  onClick: () => void;
74
77
  };
75
- declare function Action({ title, visible, icon: Icon, onClick }: ActionProps): react.JSX.Element | null;
78
+ declare function Action({ title, visible, icon: Icon, onClick }: ActionProps): React$1.JSX.Element | null;
76
79
 
77
80
  type PopoverActionProps = {
78
81
  title: string;
@@ -82,7 +85,7 @@ type PopoverActionProps = {
82
85
  close: () => void;
83
86
  }>;
84
87
  };
85
- declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent }: PopoverActionProps): react.JSX.Element | null;
88
+ declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent }: PopoverActionProps): React$1.JSX.Element | null;
86
89
 
87
90
  declare const controlActionsMenu: _elementor_menus.Menu<{
88
91
  Action: typeof Action;
@@ -148,7 +151,7 @@ declare const controlTypes: {
148
151
  value: string;
149
152
  }[];
150
153
  showMode?: "all" | "media" | "sizes";
151
- }) => react.JSX.Element>;
154
+ }) => React$1.JSX.Element>;
152
155
  readonly layout: "full";
153
156
  readonly propTypeUtil: {
154
157
  extract: (prop: unknown) => {
@@ -214,7 +217,7 @@ declare const controlTypes: {
214
217
  };
215
218
  };
216
219
  readonly 'svg-media': {
217
- readonly component: ControlComponent<() => react.JSX.Element>;
220
+ readonly component: ControlComponent<() => React$1.JSX.Element>;
218
221
  readonly layout: "full";
219
222
  readonly propTypeUtil: {
220
223
  extract: (prop: unknown) => {
@@ -326,7 +329,7 @@ declare const controlTypes: {
326
329
  inputDisabled?: boolean;
327
330
  helperText?: string;
328
331
  sx?: _mui_system.SxProps;
329
- }) => react.JSX.Element>;
332
+ }) => React$1.JSX.Element>;
330
333
  readonly layout: "full";
331
334
  readonly propTypeUtil: {
332
335
  extract: (prop: unknown) => string | null;
@@ -355,7 +358,7 @@ declare const controlTypes: {
355
358
  readonly textarea: {
356
359
  readonly component: ControlComponent<({ placeholder }: {
357
360
  placeholder?: string;
358
- }) => react.JSX.Element>;
361
+ }) => React$1.JSX.Element>;
359
362
  readonly layout: "full";
360
363
  readonly propTypeUtil: {
361
364
  extract: (prop: unknown) => string | null;
@@ -384,10 +387,10 @@ declare const controlTypes: {
384
387
  readonly size: {
385
388
  readonly component: ControlComponent<({ variant, defaultUnit, units, placeholder, startIcon, anchorRef, extendedOptions, disableCustom, min, enablePropTypeUnits, id, }: Omit<({
386
389
  placeholder?: string;
387
- startIcon?: react.ReactNode;
390
+ startIcon?: React$1.ReactNode;
388
391
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
389
392
  disableCustom?: boolean;
390
- anchorRef?: react.RefObject<HTMLDivElement | null>;
393
+ anchorRef?: React$1.RefObject<HTMLDivElement | null>;
391
394
  min?: number;
392
395
  enablePropTypeUnits?: boolean;
393
396
  id?: string;
@@ -398,10 +401,10 @@ declare const controlTypes: {
398
401
  variant: "length";
399
402
  }) | ({
400
403
  placeholder?: string;
401
- startIcon?: react.ReactNode;
404
+ startIcon?: React$1.ReactNode;
402
405
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
403
406
  disableCustom?: boolean;
404
- anchorRef?: react.RefObject<HTMLDivElement | null>;
407
+ anchorRef?: React$1.RefObject<HTMLDivElement | null>;
405
408
  min?: number;
406
409
  enablePropTypeUnits?: boolean;
407
410
  id?: string;
@@ -412,10 +415,10 @@ declare const controlTypes: {
412
415
  variant: "angle";
413
416
  }) | ({
414
417
  placeholder?: string;
415
- startIcon?: react.ReactNode;
418
+ startIcon?: React$1.ReactNode;
416
419
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
417
420
  disableCustom?: boolean;
418
- anchorRef?: react.RefObject<HTMLDivElement | null>;
421
+ anchorRef?: React$1.RefObject<HTMLDivElement | null>;
419
422
  min?: number;
420
423
  enablePropTypeUnits?: boolean;
421
424
  id?: string;
@@ -426,7 +429,7 @@ declare const controlTypes: {
426
429
  variant: "time";
427
430
  }), "variant"> & {
428
431
  variant?: "length" | "time" | "angle";
429
- }) => react.JSX.Element>;
432
+ }) => React$1.JSX.Element>;
430
433
  readonly layout: "two-columns";
431
434
  readonly propTypeUtil: {
432
435
  extract: (prop: unknown) => {
@@ -655,7 +658,7 @@ declare const controlTypes: {
655
658
  disabled?: boolean;
656
659
  }[];
657
660
  onChange?: (newValue: string | null, previousValue: string | null | undefined) => void;
658
- }) => react.JSX.Element>;
661
+ }) => React$1.JSX.Element>;
659
662
  readonly layout: "two-columns";
660
663
  readonly propTypeUtil: {
661
664
  extract: (prop: unknown) => string | null;
@@ -695,7 +698,7 @@ declare const controlTypes: {
695
698
  context: {
696
699
  elementId: string;
697
700
  };
698
- }) => react.JSX.Element>;
701
+ }) => React$1.JSX.Element>;
699
702
  readonly layout: "custom";
700
703
  readonly propTypeUtil: {
701
704
  extract: (prop: unknown) => {
@@ -776,7 +779,7 @@ declare const controlTypes: {
776
779
  readonly url: {
777
780
  readonly component: ControlComponent<({ placeholder }: {
778
781
  placeholder?: string;
779
- }) => react.JSX.Element>;
782
+ }) => React$1.JSX.Element>;
780
783
  readonly layout: "full";
781
784
  readonly propTypeUtil: {
782
785
  extract: (prop: unknown) => string | null;
@@ -803,7 +806,7 @@ declare const controlTypes: {
803
806
  };
804
807
  };
805
808
  readonly switch: {
806
- readonly component: ControlComponent<() => react.JSX.Element>;
809
+ readonly component: ControlComponent<() => React$1.JSX.Element>;
807
810
  readonly layout: "two-columns";
808
811
  readonly propTypeUtil: {
809
812
  extract: (prop: unknown) => boolean | null;
@@ -836,8 +839,8 @@ declare const controlTypes: {
836
839
  min?: number;
837
840
  step?: number;
838
841
  shouldForceInt?: boolean;
839
- startIcon?: react.ReactNode;
840
- }) => react.JSX.Element>;
842
+ startIcon?: React$1.ReactNode;
843
+ }) => React$1.JSX.Element>;
841
844
  readonly layout: "two-columns";
842
845
  readonly propTypeUtil: {
843
846
  extract: (prop: unknown) => number | null;
@@ -882,11 +885,11 @@ declare const controlTypes: {
882
885
  addItemTooltipProps?: {
883
886
  disabled?: boolean;
884
887
  enableTooltip?: boolean;
885
- tooltipContent?: react.ReactNode;
888
+ tooltipContent?: React$1.ReactNode;
886
889
  newItemIndex?: number;
887
890
  ariaLabel?: string;
888
891
  };
889
- }) => react.JSX.Element | null>;
892
+ }) => React$1.JSX.Element | null>;
890
893
  readonly layout: "full";
891
894
  readonly propTypeUtil: undefined;
892
895
  };
@@ -902,7 +905,7 @@ declare const controlTypes: {
902
905
  keyHelper?: string;
903
906
  valueHelper?: string;
904
907
  };
905
- }) => react.JSX.Element>;
908
+ }) => React$1.JSX.Element>;
906
909
  readonly layout: "full";
907
910
  readonly propTypeUtil: {
908
911
  extract: (prop: unknown) => {
@@ -981,4 +984,85 @@ declare class ControlsRegistry {
981
984
  }
982
985
  declare const controlsRegistry: ControlsRegistry;
983
986
 
984
- export { CustomCss, type PopoverActionProps, PopoverBody, SectionContent, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, registerControlReplacement, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useCustomCss, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth };
987
+ type SectionType = {
988
+ component: () => React$1.JSX.Element;
989
+ name: string;
990
+ title: string;
991
+ };
992
+ type Props = {
993
+ section: SectionType;
994
+ fields?: string[];
995
+ unmountOnExit?: boolean;
996
+ };
997
+ declare const StyleTabSection: ({ section, fields, unmountOnExit }: Props) => React$1.JSX.Element;
998
+
999
+ declare const injectIntoStyleTab: (args: _elementor_locations.InjectArgs<object>) => void;
1000
+
1001
+ declare const StyleIndicator: _emotion_styled.StyledComponent<_mui_system.MUIStyledCommonProps<Theme> & ({
1002
+ isOverridden?: boolean;
1003
+ getColor?: never;
1004
+ } | {
1005
+ isOverridden?: boolean;
1006
+ getColor?: ((theme: Theme) => string) | null;
1007
+ }), React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
1008
+
1009
+ declare function useClassesProp(): string;
1010
+
1011
+ type ContextValue$1 = {
1012
+ element: Element;
1013
+ elementType: ElementType$1;
1014
+ };
1015
+ declare function useElement(): ContextValue$1;
1016
+
1017
+ type ContextValue = {
1018
+ setId: Dispatch<StyleDefinition['id'] | null>;
1019
+ meta: StyleDefinitionVariant['meta'];
1020
+ setMetaState: Dispatch<StyleDefinitionState>;
1021
+ canEdit?: boolean;
1022
+ } & (ContextValueWithProvider | ContextValueWithoutProvider);
1023
+ type ContextValueWithProvider = {
1024
+ id: StyleDefinitionID;
1025
+ provider: StylesProvider;
1026
+ };
1027
+ type ContextValueWithoutProvider = {
1028
+ id: null;
1029
+ provider: null;
1030
+ };
1031
+ declare function useStyle(): ContextValue;
1032
+
1033
+ declare const StylesProviderCannotUpdatePropsError: {
1034
+ new ({ cause, context }?: {
1035
+ cause?: _elementor_utils.ElementorErrorOptions["cause"];
1036
+ context?: {
1037
+ providerKey: string;
1038
+ } | undefined;
1039
+ } | undefined): {
1040
+ readonly context: _elementor_utils.ElementorErrorOptions["context"];
1041
+ readonly code: _elementor_utils.ElementorErrorOptions["code"];
1042
+ name: string;
1043
+ message: string;
1044
+ stack?: string;
1045
+ cause?: unknown;
1046
+ };
1047
+ captureStackTrace(targetObject: object, constructorOpt?: Function): void;
1048
+ prepareStackTrace(err: Error, stackTraces: NodeJS.CallSite[]): any;
1049
+ stackTraceLimit: number;
1050
+ };
1051
+
1052
+ declare const useStylesRerender: () => void;
1053
+
1054
+ declare const HISTORY_DEBOUNCE_WAIT = 800;
1055
+ type TitleOptions = {
1056
+ provider: StylesProvider | null;
1057
+ styleId: string | null;
1058
+ elementId: string;
1059
+ };
1060
+ type SubtitleOptions = TitleOptions & {
1061
+ propDisplayName: string;
1062
+ };
1063
+ declare const getTitle: ({ provider, styleId, elementId }: TitleOptions) => string;
1064
+ declare const getSubtitle: ({ provider, styleId, propDisplayName, elementId }: SubtitleOptions) => string;
1065
+
1066
+ declare const CustomCssIndicator: () => React$1.JSX.Element | null;
1067
+
1068
+ export { CustomCss, CustomCssIndicator, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoStyleTab, registerControlReplacement, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStyle, useStylesRerender };