@elementor/editor-editing-panel 4.0.0-501 → 4.0.0-502

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 (11) hide show
  1. package/dist/index.d.mts +42 -52
  2. package/dist/index.d.ts +42 -52
  3. package/dist/index.js +645 -701
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +428 -485
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +20 -20
  8. package/src/controls-actions.ts +1 -1
  9. package/src/dynamics/hooks/use-prop-dynamic-action.tsx +1 -1
  10. package/src/index.ts +0 -2
  11. package/src/popover-action.tsx +0 -77
package/dist/index.d.mts CHANGED
@@ -1,18 +1,18 @@
1
- import * as _elementor_editor_controls from '@elementor/editor-controls';
2
- import { FontCategory, ControlComponent, AdornmentComponent } from '@elementor/editor-controls';
3
- export { useBoundProp } from '@elementor/editor-controls';
4
1
  import * as _elementor_locations from '@elementor/locations';
5
2
  import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDefinitionID } from '@elementor/editor-styles';
6
- import * as React$1 from 'react';
7
- import { FC, PropsWithChildren, ReactNode, Dispatch, ElementType as ElementType$1, ComponentType, ComponentProps } from 'react';
3
+ import * as react from 'react';
4
+ import { FC, PropsWithChildren, ReactNode, Dispatch, ElementType as ElementType$1, ComponentProps, ComponentType } from 'react';
8
5
  import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout } from '@elementor/editor-elements';
9
6
  import * as _elementor_editor_props from '@elementor/editor-props';
10
7
  import { PropKey, PropTypeUtil, PropsSchema, ObjectPropType } from '@elementor/editor-props';
11
8
  import * as _emotion_styled from '@emotion/styled';
12
9
  import * as _mui_system from '@mui/system';
13
10
  import { Theme, ChipProps } from '@elementor/ui';
11
+ import * as _elementor_editor_controls from '@elementor/editor-controls';
12
+ import { FontCategory, ControlComponent, AdornmentComponent } from '@elementor/editor-controls';
14
13
  import { StylesProvider } from '@elementor/editor-styles-repository';
15
14
  import * as _elementor_menus from '@elementor/menus';
15
+ import { PopoverAction } from '@elementor/editor-ui';
16
16
  import * as _mui_material from '@mui/material';
17
17
  import * as zod from 'zod';
18
18
  import * as _elementor_utils from '@elementor/utils';
@@ -35,7 +35,7 @@ declare const injectIntoCssClassConvert: (args: _elementor_locations.InjectArgs<
35
35
 
36
36
  declare const injectIntoClassSelectorActions: (args: _elementor_locations.InjectArgs<object>) => void;
37
37
 
38
- declare const CustomCssIndicator: () => React$1.JSX.Element | null;
38
+ declare const CustomCssIndicator: () => react.JSX.Element | null;
39
39
 
40
40
  declare const injectIntoPanelHeaderTop: (args: _elementor_locations.InjectArgs<object>) => void;
41
41
 
@@ -50,14 +50,14 @@ declare const SectionContent: FC<SectionContentProps>;
50
50
 
51
51
  declare const SettingsControl: ({ control: { value, type } }: {
52
52
  control: Control$1 | ElementControl;
53
- }) => React$1.JSX.Element | null;
53
+ }) => react.JSX.Element | null;
54
54
 
55
55
  type SettingsFieldProps = {
56
56
  bind: PropKey;
57
57
  propDisplayName: string;
58
- children: React$1.ReactNode;
58
+ children: react.ReactNode;
59
59
  };
60
- declare const SettingsField: ({ bind, children, propDisplayName }: SettingsFieldProps) => React$1.JSX.Element;
60
+ declare const SettingsField: ({ bind, children, propDisplayName }: SettingsFieldProps) => react.JSX.Element;
61
61
 
62
62
  declare const StyleIndicator: _emotion_styled.StyledComponent<_mui_system.MUIStyledCommonProps<Theme> & ({
63
63
  isOverridden?: boolean;
@@ -65,14 +65,14 @@ declare const StyleIndicator: _emotion_styled.StyledComponent<_mui_system.MUISty
65
65
  } | {
66
66
  isOverridden?: boolean;
67
67
  getColor?: ((theme: Theme) => string) | null;
68
- }), React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
68
+ }), react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
69
69
 
70
70
  declare const useFontFamilies: () => FontCategory[];
71
71
 
72
72
  declare const injectIntoStyleTab: (args: _elementor_locations.InjectArgs<object>) => void;
73
73
 
74
74
  type SectionType = {
75
- component?: () => React$1.JSX.Element;
75
+ component?: () => react.JSX.Element;
76
76
  name: string;
77
77
  title: string;
78
78
  action?: {
@@ -85,7 +85,7 @@ type Props$1 = {
85
85
  fields?: string[];
86
86
  unmountOnExit?: boolean;
87
87
  };
88
- declare const StyleTabSection: ({ section, fields, unmountOnExit }: Props$1) => React$1.JSX.Element;
88
+ declare const StyleTabSection: ({ section, fields, unmountOnExit }: Props$1) => react.JSX.Element;
89
89
 
90
90
  declare function useClassesProp(): string;
91
91
 
@@ -94,7 +94,7 @@ type ContextValue$1 = {
94
94
  elementType: ElementType;
95
95
  };
96
96
  type Props = PropsWithChildren<ContextValue$1>;
97
- declare function ElementProvider({ children, element, elementType }: Props): React$1.JSX.Element;
97
+ declare function ElementProvider({ children, element, elementType }: Props): react.JSX.Element;
98
98
  declare function useElement(): ContextValue$1;
99
99
 
100
100
  type ContextValue = {
@@ -122,17 +122,7 @@ type ActionProps = {
122
122
  icon: ElementType$1;
123
123
  onClick: () => void;
124
124
  };
125
- declare function Action({ title, visible, icon: Icon, onClick }: ActionProps): React$1.JSX.Element | null;
126
-
127
- type PopoverActionProps = {
128
- title: string;
129
- visible?: boolean;
130
- icon: ElementType$1;
131
- content: ComponentType<{
132
- close: () => void;
133
- }>;
134
- };
135
- declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent }: PopoverActionProps): React$1.JSX.Element | null;
125
+ declare function Action({ title, visible, icon: Icon, onClick }: ActionProps): react.JSX.Element | null;
136
126
 
137
127
  declare const controlActionsMenu: _elementor_menus.Menu<{
138
128
  Action: typeof Action;
@@ -152,7 +142,7 @@ declare const controlTypes: {
152
142
  value: string;
153
143
  }[];
154
144
  label?: string;
155
- }) => React$1.JSX.Element>;
145
+ }) => react.JSX.Element>;
156
146
  readonly layout: "custom";
157
147
  readonly propTypeUtil: {
158
148
  extract: (prop: unknown) => {
@@ -218,7 +208,7 @@ declare const controlTypes: {
218
208
  };
219
209
  };
220
210
  readonly 'svg-media': {
221
- readonly component: ControlComponent<() => React$1.JSX.Element>;
211
+ readonly component: ControlComponent<() => react.JSX.Element>;
222
212
  readonly layout: "full";
223
213
  readonly propTypeUtil: {
224
214
  extract: (prop: unknown) => {
@@ -331,7 +321,7 @@ declare const controlTypes: {
331
321
  helperText?: string;
332
322
  sx?: _mui_system.SxProps;
333
323
  ariaLabel?: string;
334
- }) => React$1.JSX.Element>;
324
+ }) => react.JSX.Element>;
335
325
  readonly layout: "full";
336
326
  readonly propTypeUtil: {
337
327
  extract: (prop: unknown) => string | null;
@@ -361,7 +351,7 @@ declare const controlTypes: {
361
351
  readonly component: ControlComponent<({ placeholder, ariaLabel }: {
362
352
  placeholder?: string;
363
353
  ariaLabel?: string;
364
- }) => React$1.JSX.Element>;
354
+ }) => react.JSX.Element>;
365
355
  readonly layout: "full";
366
356
  readonly propTypeUtil: {
367
357
  extract: (prop: unknown) => string | null;
@@ -390,10 +380,10 @@ declare const controlTypes: {
390
380
  readonly size: {
391
381
  readonly component: ControlComponent<({ variant, defaultUnit, units, placeholder, startIcon, anchorRef, extendedOptions, disableCustom, min, enablePropTypeUnits, id, ariaLabel, }: Omit<({
392
382
  placeholder?: string;
393
- startIcon?: React$1.ReactNode;
383
+ startIcon?: react.ReactNode;
394
384
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
395
385
  disableCustom?: boolean;
396
- anchorRef?: React$1.RefObject<HTMLDivElement | null>;
386
+ anchorRef?: react.RefObject<HTMLDivElement | null>;
397
387
  min?: number;
398
388
  enablePropTypeUnits?: boolean;
399
389
  id?: string;
@@ -405,10 +395,10 @@ declare const controlTypes: {
405
395
  variant: "length";
406
396
  }) | ({
407
397
  placeholder?: string;
408
- startIcon?: React$1.ReactNode;
398
+ startIcon?: react.ReactNode;
409
399
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
410
400
  disableCustom?: boolean;
411
- anchorRef?: React$1.RefObject<HTMLDivElement | null>;
401
+ anchorRef?: react.RefObject<HTMLDivElement | null>;
412
402
  min?: number;
413
403
  enablePropTypeUnits?: boolean;
414
404
  id?: string;
@@ -420,10 +410,10 @@ declare const controlTypes: {
420
410
  variant: "angle";
421
411
  }) | ({
422
412
  placeholder?: string;
423
- startIcon?: React$1.ReactNode;
413
+ startIcon?: react.ReactNode;
424
414
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
425
415
  disableCustom?: boolean;
426
- anchorRef?: React$1.RefObject<HTMLDivElement | null>;
416
+ anchorRef?: react.RefObject<HTMLDivElement | null>;
427
417
  min?: number;
428
418
  enablePropTypeUnits?: boolean;
429
419
  id?: string;
@@ -435,7 +425,7 @@ declare const controlTypes: {
435
425
  variant: "time";
436
426
  }), "variant"> & {
437
427
  variant?: "length" | "time" | "angle";
438
- }) => React$1.JSX.Element>;
428
+ }) => react.JSX.Element>;
439
429
  readonly layout: "two-columns";
440
430
  readonly propTypeUtil: {
441
431
  extract: (prop: unknown) => {
@@ -668,7 +658,7 @@ declare const controlTypes: {
668
658
  ariaLabel?: string;
669
659
  } & {
670
660
  collectionId?: "off-canvas";
671
- }) => React$1.JSX.Element>;
661
+ }) => react.JSX.Element>;
672
662
  readonly layout: "two-columns";
673
663
  readonly propTypeUtil: {
674
664
  extract: (prop: unknown) => string | null;
@@ -709,7 +699,7 @@ declare const controlTypes: {
709
699
  context: {
710
700
  elementId: string;
711
701
  };
712
- }) => React$1.JSX.Element>;
702
+ }) => react.JSX.Element>;
713
703
  readonly layout: "custom";
714
704
  readonly propTypeUtil: {
715
705
  extract: (prop: unknown) => {
@@ -798,7 +788,7 @@ declare const controlTypes: {
798
788
  placeholder?: string;
799
789
  onSetValue?: (value: any | null) => void;
800
790
  ariaLabel?: string;
801
- }) => React$1.JSX.Element>;
791
+ }) => react.JSX.Element>;
802
792
  readonly layout: "full";
803
793
  readonly propTypeUtil: {
804
794
  extract: (prop: unknown) => {
@@ -867,7 +857,7 @@ declare const controlTypes: {
867
857
  readonly component: ControlComponent<({ placeholder, ariaLabel }: {
868
858
  placeholder?: string;
869
859
  ariaLabel?: string;
870
- }) => React$1.JSX.Element>;
860
+ }) => react.JSX.Element>;
871
861
  readonly layout: "full";
872
862
  readonly propTypeUtil: {
873
863
  extract: (prop: unknown) => string | null;
@@ -894,7 +884,7 @@ declare const controlTypes: {
894
884
  };
895
885
  };
896
886
  readonly switch: {
897
- readonly component: ControlComponent<() => React$1.JSX.Element>;
887
+ readonly component: ControlComponent<() => react.JSX.Element>;
898
888
  readonly layout: "two-columns";
899
889
  readonly propTypeUtil: {
900
890
  extract: (prop: unknown) => boolean | null;
@@ -927,8 +917,8 @@ declare const controlTypes: {
927
917
  min?: number;
928
918
  step?: number;
929
919
  shouldForceInt?: boolean;
930
- startIcon?: React$1.ReactNode;
931
- }) => React$1.JSX.Element>;
920
+ startIcon?: react.ReactNode;
921
+ }) => react.JSX.Element>;
932
922
  readonly layout: "two-columns";
933
923
  readonly propTypeUtil: {
934
924
  extract: (prop: unknown) => number | null;
@@ -980,11 +970,11 @@ declare const controlTypes: {
980
970
  addItemTooltipProps?: {
981
971
  disabled?: boolean;
982
972
  enableTooltip?: boolean;
983
- tooltipContent?: React$1.ReactNode;
973
+ tooltipContent?: react.ReactNode;
984
974
  newItemIndex?: number;
985
975
  ariaLabel?: string;
986
976
  };
987
- }) => React$1.JSX.Element | null>;
977
+ }) => react.JSX.Element | null>;
988
978
  readonly layout: "full";
989
979
  readonly propTypeUtil: undefined;
990
980
  };
@@ -1000,7 +990,7 @@ declare const controlTypes: {
1000
990
  keyHelper?: string;
1001
991
  valueHelper?: string;
1002
992
  };
1003
- }) => React$1.JSX.Element>;
993
+ }) => react.JSX.Element>;
1004
994
  readonly layout: "full";
1005
995
  readonly propTypeUtil: {
1006
996
  extract: (prop: unknown) => {
@@ -1074,7 +1064,7 @@ declare const controlTypes: {
1074
1064
  }[];
1075
1065
  onChange?: (newValue: string | null, previousValue: string | null | undefined) => void;
1076
1066
  fallbackLabels?: Record<string, string>;
1077
- }) => React$1.JSX.Element>;
1067
+ }) => react.JSX.Element>;
1078
1068
  readonly layout: "two-columns";
1079
1069
  readonly propTypeUtil: {
1080
1070
  extract: (prop: unknown) => string | null;
@@ -1101,7 +1091,7 @@ declare const controlTypes: {
1101
1091
  };
1102
1092
  };
1103
1093
  readonly toggle: {
1104
- readonly component: ControlComponent<({ options, fullWidth, size, exclusive, maxItems, convertOptions, }: _elementor_editor_controls.ToggleControlProps<_elementor_editor_props.StringPropValue["value"]>) => React$1.JSX.Element>;
1094
+ readonly component: ControlComponent<({ options, fullWidth, size, exclusive, maxItems, convertOptions, }: _elementor_editor_controls.ToggleControlProps<_elementor_editor_props.StringPropValue["value"]>) => react.JSX.Element>;
1105
1095
  readonly layout: "full";
1106
1096
  readonly propTypeUtil: {
1107
1097
  extract: (prop: unknown) => string | null;
@@ -1130,7 +1120,7 @@ declare const controlTypes: {
1130
1120
  readonly 'date-time': {
1131
1121
  readonly component: ControlComponent<({ inputDisabled }: {
1132
1122
  inputDisabled?: boolean;
1133
- }) => React$1.JSX.Element>;
1123
+ }) => react.JSX.Element>;
1134
1124
  readonly layout: "full";
1135
1125
  readonly propTypeUtil: {
1136
1126
  extract: (prop: unknown) => {
@@ -1199,8 +1189,8 @@ declare const controlTypes: {
1199
1189
  readonly component: ControlComponent<({ sx, attributes, props, }: {
1200
1190
  sx?: _mui_system.SxProps<_mui_material.Theme>;
1201
1191
  attributes?: Record<string, string>;
1202
- props?: React$1.ComponentProps<"div">;
1203
- }) => React$1.JSX.Element>;
1192
+ props?: react.ComponentProps<"div">;
1193
+ }) => react.JSX.Element>;
1204
1194
  readonly layout: "full";
1205
1195
  readonly propTypeUtil: {
1206
1196
  extract: (prop: unknown) => string | null;
@@ -1254,7 +1244,7 @@ type ControlProps<T extends ControlType> = AnyPropertyRequired<ComponentProps<Co
1254
1244
  props?: ComponentProps<ControlTypes[T]>;
1255
1245
  type: T;
1256
1246
  };
1257
- declare const Control: <T extends ControlType>({ props, type }: ControlProps<T>) => React$1.JSX.Element;
1247
+ declare const Control: <T extends ControlType>({ props, type }: ControlProps<T>) => react.JSX.Element;
1258
1248
 
1259
1249
  declare const StylesProviderCannotUpdatePropsError: {
1260
1250
  new ({ cause, context }?: {
@@ -1367,4 +1357,4 @@ type LicenseConfig = {
1367
1357
  };
1368
1358
  declare function setLicenseConfig(newConfig: Partial<LicenseConfig>): void;
1369
1359
 
1370
- export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };
1360
+ export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };
package/dist/index.d.ts CHANGED
@@ -1,18 +1,18 @@
1
- import * as _elementor_editor_controls from '@elementor/editor-controls';
2
- import { FontCategory, ControlComponent, AdornmentComponent } from '@elementor/editor-controls';
3
- export { useBoundProp } from '@elementor/editor-controls';
4
1
  import * as _elementor_locations from '@elementor/locations';
5
2
  import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDefinitionID } from '@elementor/editor-styles';
6
- import * as React$1 from 'react';
7
- import { FC, PropsWithChildren, ReactNode, Dispatch, ElementType as ElementType$1, ComponentType, ComponentProps } from 'react';
3
+ import * as react from 'react';
4
+ import { FC, PropsWithChildren, ReactNode, Dispatch, ElementType as ElementType$1, ComponentProps, ComponentType } from 'react';
8
5
  import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout } from '@elementor/editor-elements';
9
6
  import * as _elementor_editor_props from '@elementor/editor-props';
10
7
  import { PropKey, PropTypeUtil, PropsSchema, ObjectPropType } from '@elementor/editor-props';
11
8
  import * as _emotion_styled from '@emotion/styled';
12
9
  import * as _mui_system from '@mui/system';
13
10
  import { Theme, ChipProps } from '@elementor/ui';
11
+ import * as _elementor_editor_controls from '@elementor/editor-controls';
12
+ import { FontCategory, ControlComponent, AdornmentComponent } from '@elementor/editor-controls';
14
13
  import { StylesProvider } from '@elementor/editor-styles-repository';
15
14
  import * as _elementor_menus from '@elementor/menus';
15
+ import { PopoverAction } from '@elementor/editor-ui';
16
16
  import * as _mui_material from '@mui/material';
17
17
  import * as zod from 'zod';
18
18
  import * as _elementor_utils from '@elementor/utils';
@@ -35,7 +35,7 @@ declare const injectIntoCssClassConvert: (args: _elementor_locations.InjectArgs<
35
35
 
36
36
  declare const injectIntoClassSelectorActions: (args: _elementor_locations.InjectArgs<object>) => void;
37
37
 
38
- declare const CustomCssIndicator: () => React$1.JSX.Element | null;
38
+ declare const CustomCssIndicator: () => react.JSX.Element | null;
39
39
 
40
40
  declare const injectIntoPanelHeaderTop: (args: _elementor_locations.InjectArgs<object>) => void;
41
41
 
@@ -50,14 +50,14 @@ declare const SectionContent: FC<SectionContentProps>;
50
50
 
51
51
  declare const SettingsControl: ({ control: { value, type } }: {
52
52
  control: Control$1 | ElementControl;
53
- }) => React$1.JSX.Element | null;
53
+ }) => react.JSX.Element | null;
54
54
 
55
55
  type SettingsFieldProps = {
56
56
  bind: PropKey;
57
57
  propDisplayName: string;
58
- children: React$1.ReactNode;
58
+ children: react.ReactNode;
59
59
  };
60
- declare const SettingsField: ({ bind, children, propDisplayName }: SettingsFieldProps) => React$1.JSX.Element;
60
+ declare const SettingsField: ({ bind, children, propDisplayName }: SettingsFieldProps) => react.JSX.Element;
61
61
 
62
62
  declare const StyleIndicator: _emotion_styled.StyledComponent<_mui_system.MUIStyledCommonProps<Theme> & ({
63
63
  isOverridden?: boolean;
@@ -65,14 +65,14 @@ declare const StyleIndicator: _emotion_styled.StyledComponent<_mui_system.MUISty
65
65
  } | {
66
66
  isOverridden?: boolean;
67
67
  getColor?: ((theme: Theme) => string) | null;
68
- }), React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
68
+ }), react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
69
69
 
70
70
  declare const useFontFamilies: () => FontCategory[];
71
71
 
72
72
  declare const injectIntoStyleTab: (args: _elementor_locations.InjectArgs<object>) => void;
73
73
 
74
74
  type SectionType = {
75
- component?: () => React$1.JSX.Element;
75
+ component?: () => react.JSX.Element;
76
76
  name: string;
77
77
  title: string;
78
78
  action?: {
@@ -85,7 +85,7 @@ type Props$1 = {
85
85
  fields?: string[];
86
86
  unmountOnExit?: boolean;
87
87
  };
88
- declare const StyleTabSection: ({ section, fields, unmountOnExit }: Props$1) => React$1.JSX.Element;
88
+ declare const StyleTabSection: ({ section, fields, unmountOnExit }: Props$1) => react.JSX.Element;
89
89
 
90
90
  declare function useClassesProp(): string;
91
91
 
@@ -94,7 +94,7 @@ type ContextValue$1 = {
94
94
  elementType: ElementType;
95
95
  };
96
96
  type Props = PropsWithChildren<ContextValue$1>;
97
- declare function ElementProvider({ children, element, elementType }: Props): React$1.JSX.Element;
97
+ declare function ElementProvider({ children, element, elementType }: Props): react.JSX.Element;
98
98
  declare function useElement(): ContextValue$1;
99
99
 
100
100
  type ContextValue = {
@@ -122,17 +122,7 @@ type ActionProps = {
122
122
  icon: ElementType$1;
123
123
  onClick: () => void;
124
124
  };
125
- declare function Action({ title, visible, icon: Icon, onClick }: ActionProps): React$1.JSX.Element | null;
126
-
127
- type PopoverActionProps = {
128
- title: string;
129
- visible?: boolean;
130
- icon: ElementType$1;
131
- content: ComponentType<{
132
- close: () => void;
133
- }>;
134
- };
135
- declare function PopoverAction({ title, visible, icon: Icon, content: PopoverContent }: PopoverActionProps): React$1.JSX.Element | null;
125
+ declare function Action({ title, visible, icon: Icon, onClick }: ActionProps): react.JSX.Element | null;
136
126
 
137
127
  declare const controlActionsMenu: _elementor_menus.Menu<{
138
128
  Action: typeof Action;
@@ -152,7 +142,7 @@ declare const controlTypes: {
152
142
  value: string;
153
143
  }[];
154
144
  label?: string;
155
- }) => React$1.JSX.Element>;
145
+ }) => react.JSX.Element>;
156
146
  readonly layout: "custom";
157
147
  readonly propTypeUtil: {
158
148
  extract: (prop: unknown) => {
@@ -218,7 +208,7 @@ declare const controlTypes: {
218
208
  };
219
209
  };
220
210
  readonly 'svg-media': {
221
- readonly component: ControlComponent<() => React$1.JSX.Element>;
211
+ readonly component: ControlComponent<() => react.JSX.Element>;
222
212
  readonly layout: "full";
223
213
  readonly propTypeUtil: {
224
214
  extract: (prop: unknown) => {
@@ -331,7 +321,7 @@ declare const controlTypes: {
331
321
  helperText?: string;
332
322
  sx?: _mui_system.SxProps;
333
323
  ariaLabel?: string;
334
- }) => React$1.JSX.Element>;
324
+ }) => react.JSX.Element>;
335
325
  readonly layout: "full";
336
326
  readonly propTypeUtil: {
337
327
  extract: (prop: unknown) => string | null;
@@ -361,7 +351,7 @@ declare const controlTypes: {
361
351
  readonly component: ControlComponent<({ placeholder, ariaLabel }: {
362
352
  placeholder?: string;
363
353
  ariaLabel?: string;
364
- }) => React$1.JSX.Element>;
354
+ }) => react.JSX.Element>;
365
355
  readonly layout: "full";
366
356
  readonly propTypeUtil: {
367
357
  extract: (prop: unknown) => string | null;
@@ -390,10 +380,10 @@ declare const controlTypes: {
390
380
  readonly size: {
391
381
  readonly component: ControlComponent<({ variant, defaultUnit, units, placeholder, startIcon, anchorRef, extendedOptions, disableCustom, min, enablePropTypeUnits, id, ariaLabel, }: Omit<({
392
382
  placeholder?: string;
393
- startIcon?: React$1.ReactNode;
383
+ startIcon?: react.ReactNode;
394
384
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
395
385
  disableCustom?: boolean;
396
- anchorRef?: React$1.RefObject<HTMLDivElement | null>;
386
+ anchorRef?: react.RefObject<HTMLDivElement | null>;
397
387
  min?: number;
398
388
  enablePropTypeUnits?: boolean;
399
389
  id?: string;
@@ -405,10 +395,10 @@ declare const controlTypes: {
405
395
  variant: "length";
406
396
  }) | ({
407
397
  placeholder?: string;
408
- startIcon?: React$1.ReactNode;
398
+ startIcon?: react.ReactNode;
409
399
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
410
400
  disableCustom?: boolean;
411
- anchorRef?: React$1.RefObject<HTMLDivElement | null>;
401
+ anchorRef?: react.RefObject<HTMLDivElement | null>;
412
402
  min?: number;
413
403
  enablePropTypeUnits?: boolean;
414
404
  id?: string;
@@ -420,10 +410,10 @@ declare const controlTypes: {
420
410
  variant: "angle";
421
411
  }) | ({
422
412
  placeholder?: string;
423
- startIcon?: React$1.ReactNode;
413
+ startIcon?: react.ReactNode;
424
414
  extendedOptions?: _elementor_editor_controls.ExtendedOption[];
425
415
  disableCustom?: boolean;
426
- anchorRef?: React$1.RefObject<HTMLDivElement | null>;
416
+ anchorRef?: react.RefObject<HTMLDivElement | null>;
427
417
  min?: number;
428
418
  enablePropTypeUnits?: boolean;
429
419
  id?: string;
@@ -435,7 +425,7 @@ declare const controlTypes: {
435
425
  variant: "time";
436
426
  }), "variant"> & {
437
427
  variant?: "length" | "time" | "angle";
438
- }) => React$1.JSX.Element>;
428
+ }) => react.JSX.Element>;
439
429
  readonly layout: "two-columns";
440
430
  readonly propTypeUtil: {
441
431
  extract: (prop: unknown) => {
@@ -668,7 +658,7 @@ declare const controlTypes: {
668
658
  ariaLabel?: string;
669
659
  } & {
670
660
  collectionId?: "off-canvas";
671
- }) => React$1.JSX.Element>;
661
+ }) => react.JSX.Element>;
672
662
  readonly layout: "two-columns";
673
663
  readonly propTypeUtil: {
674
664
  extract: (prop: unknown) => string | null;
@@ -709,7 +699,7 @@ declare const controlTypes: {
709
699
  context: {
710
700
  elementId: string;
711
701
  };
712
- }) => React$1.JSX.Element>;
702
+ }) => react.JSX.Element>;
713
703
  readonly layout: "custom";
714
704
  readonly propTypeUtil: {
715
705
  extract: (prop: unknown) => {
@@ -798,7 +788,7 @@ declare const controlTypes: {
798
788
  placeholder?: string;
799
789
  onSetValue?: (value: any | null) => void;
800
790
  ariaLabel?: string;
801
- }) => React$1.JSX.Element>;
791
+ }) => react.JSX.Element>;
802
792
  readonly layout: "full";
803
793
  readonly propTypeUtil: {
804
794
  extract: (prop: unknown) => {
@@ -867,7 +857,7 @@ declare const controlTypes: {
867
857
  readonly component: ControlComponent<({ placeholder, ariaLabel }: {
868
858
  placeholder?: string;
869
859
  ariaLabel?: string;
870
- }) => React$1.JSX.Element>;
860
+ }) => react.JSX.Element>;
871
861
  readonly layout: "full";
872
862
  readonly propTypeUtil: {
873
863
  extract: (prop: unknown) => string | null;
@@ -894,7 +884,7 @@ declare const controlTypes: {
894
884
  };
895
885
  };
896
886
  readonly switch: {
897
- readonly component: ControlComponent<() => React$1.JSX.Element>;
887
+ readonly component: ControlComponent<() => react.JSX.Element>;
898
888
  readonly layout: "two-columns";
899
889
  readonly propTypeUtil: {
900
890
  extract: (prop: unknown) => boolean | null;
@@ -927,8 +917,8 @@ declare const controlTypes: {
927
917
  min?: number;
928
918
  step?: number;
929
919
  shouldForceInt?: boolean;
930
- startIcon?: React$1.ReactNode;
931
- }) => React$1.JSX.Element>;
920
+ startIcon?: react.ReactNode;
921
+ }) => react.JSX.Element>;
932
922
  readonly layout: "two-columns";
933
923
  readonly propTypeUtil: {
934
924
  extract: (prop: unknown) => number | null;
@@ -980,11 +970,11 @@ declare const controlTypes: {
980
970
  addItemTooltipProps?: {
981
971
  disabled?: boolean;
982
972
  enableTooltip?: boolean;
983
- tooltipContent?: React$1.ReactNode;
973
+ tooltipContent?: react.ReactNode;
984
974
  newItemIndex?: number;
985
975
  ariaLabel?: string;
986
976
  };
987
- }) => React$1.JSX.Element | null>;
977
+ }) => react.JSX.Element | null>;
988
978
  readonly layout: "full";
989
979
  readonly propTypeUtil: undefined;
990
980
  };
@@ -1000,7 +990,7 @@ declare const controlTypes: {
1000
990
  keyHelper?: string;
1001
991
  valueHelper?: string;
1002
992
  };
1003
- }) => React$1.JSX.Element>;
993
+ }) => react.JSX.Element>;
1004
994
  readonly layout: "full";
1005
995
  readonly propTypeUtil: {
1006
996
  extract: (prop: unknown) => {
@@ -1074,7 +1064,7 @@ declare const controlTypes: {
1074
1064
  }[];
1075
1065
  onChange?: (newValue: string | null, previousValue: string | null | undefined) => void;
1076
1066
  fallbackLabels?: Record<string, string>;
1077
- }) => React$1.JSX.Element>;
1067
+ }) => react.JSX.Element>;
1078
1068
  readonly layout: "two-columns";
1079
1069
  readonly propTypeUtil: {
1080
1070
  extract: (prop: unknown) => string | null;
@@ -1101,7 +1091,7 @@ declare const controlTypes: {
1101
1091
  };
1102
1092
  };
1103
1093
  readonly toggle: {
1104
- readonly component: ControlComponent<({ options, fullWidth, size, exclusive, maxItems, convertOptions, }: _elementor_editor_controls.ToggleControlProps<_elementor_editor_props.StringPropValue["value"]>) => React$1.JSX.Element>;
1094
+ readonly component: ControlComponent<({ options, fullWidth, size, exclusive, maxItems, convertOptions, }: _elementor_editor_controls.ToggleControlProps<_elementor_editor_props.StringPropValue["value"]>) => react.JSX.Element>;
1105
1095
  readonly layout: "full";
1106
1096
  readonly propTypeUtil: {
1107
1097
  extract: (prop: unknown) => string | null;
@@ -1130,7 +1120,7 @@ declare const controlTypes: {
1130
1120
  readonly 'date-time': {
1131
1121
  readonly component: ControlComponent<({ inputDisabled }: {
1132
1122
  inputDisabled?: boolean;
1133
- }) => React$1.JSX.Element>;
1123
+ }) => react.JSX.Element>;
1134
1124
  readonly layout: "full";
1135
1125
  readonly propTypeUtil: {
1136
1126
  extract: (prop: unknown) => {
@@ -1199,8 +1189,8 @@ declare const controlTypes: {
1199
1189
  readonly component: ControlComponent<({ sx, attributes, props, }: {
1200
1190
  sx?: _mui_system.SxProps<_mui_material.Theme>;
1201
1191
  attributes?: Record<string, string>;
1202
- props?: React$1.ComponentProps<"div">;
1203
- }) => React$1.JSX.Element>;
1192
+ props?: react.ComponentProps<"div">;
1193
+ }) => react.JSX.Element>;
1204
1194
  readonly layout: "full";
1205
1195
  readonly propTypeUtil: {
1206
1196
  extract: (prop: unknown) => string | null;
@@ -1254,7 +1244,7 @@ type ControlProps<T extends ControlType> = AnyPropertyRequired<ComponentProps<Co
1254
1244
  props?: ComponentProps<ControlTypes[T]>;
1255
1245
  type: T;
1256
1246
  };
1257
- declare const Control: <T extends ControlType>({ props, type }: ControlProps<T>) => React$1.JSX.Element;
1247
+ declare const Control: <T extends ControlType>({ props, type }: ControlProps<T>) => react.JSX.Element;
1258
1248
 
1259
1249
  declare const StylesProviderCannotUpdatePropsError: {
1260
1250
  new ({ cause, context }?: {
@@ -1367,4 +1357,4 @@ type LicenseConfig = {
1367
1357
  };
1368
1358
  declare function setLicenseConfig(newConfig: Partial<LicenseConfig>): void;
1369
1359
 
1370
- export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };
1360
+ export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };