@elementor/editor-editing-panel 3.35.0 → 3.35.2

package/dist/index.d.mts

@@ -1364,13 +1364,6 @@ declare const registerEditingPanelReplacement: ({ id, priority, ...props }: Omit
     priority?: number;
 }) => void;
 
-type V4PromotionData = {
-    title: string;
-    content: string;
-    image: string;
-    ctaUrl: string;
-};
-
 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;
@@ -1405,4 +1398,4 @@ type TagInstance = {
 
 declare const isDynamicPropValue: (prop: PropValue) => prop is DynamicPropValue;
 
-export { Control as BaseControl, type ControlType, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type V4PromotionData, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };
+export { Control as BaseControl, type ControlType, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, 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, isDynamicPropValue, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };

package/dist/index.d.ts

@@ -1364,13 +1364,6 @@ declare const registerEditingPanelReplacement: ({ id, priority, ...props }: Omit
     priority?: number;
 }) => void;
 
-type V4PromotionData = {
-    title: string;
-    content: string;
-    image: string;
-    ctaUrl: string;
-};
-
 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;
@@ -1405,4 +1398,4 @@ type TagInstance = {
 
 declare const isDynamicPropValue: (prop: PropValue) => prop is DynamicPropValue;
 
-export { Control as BaseControl, type ControlType, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type V4PromotionData, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };
+export { Control as BaseControl, type ControlType, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, 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, isDynamicPropValue, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };

package/dist/index.js

@@ -63,7 +63,7 @@ __export(index_exports, {
   registerFieldIndicator: () => registerFieldIndicator,
   registerStyleProviderToColors: () => registerStyleProviderToColors,
   stylesInheritanceTransformersRegistry: () => stylesInheritanceTransformersRegistry,
-  useBoundProp: () => import_editor_controls64.useBoundProp,
+  useBoundProp: () => import_editor_controls65.useBoundProp,
   useClassesProp: () => useClassesProp,
   useCustomCss: () => useCustomCss,
   useElement: () => useElement,
@@ -76,7 +76,7 @@ __export(index_exports, {
   useStylesRerender: () => useStylesRerender
 });
 module.exports = __toCommonJS(index_exports);
-var import_editor_controls64 = require("@elementor/editor-controls");
+var import_editor_controls65 = require("@elementor/editor-controls");
 
 // src/components/css-classes/css-class-convert-local.tsx
 var React4 = __toESM(require("react"));
@@ -4938,19 +4938,15 @@ var EditingPanelHooks = () => {
 };
 
 // src/components/promotions/init.tsx
-var import_editor_controls52 = require("@elementor/editor-controls");
+var import_editor_controls53 = require("@elementor/editor-controls");
 
 // src/components/promotions/custom-css.tsx
 var React86 = __toESM(require("react"));
 var import_react38 = require("react");
-var import_editor_ui8 = require("@elementor/editor-ui");
+var import_editor_controls52 = require("@elementor/editor-controls");
 var import_i18n58 = require("@wordpress/i18n");
-function getCustomCssPromotion() {
-  return window.elementor?.config?.v4Promotions?.customCss;
-}
 var CustomCssSection = () => {
-  const [showInfoTip, setShowInfoTip] = (0, import_react38.useState)(false);
-  const promotion = getCustomCssPromotion();
+  const triggerRef = (0, import_react38.useRef)(null);
   return /* @__PURE__ */ React86.createElement(
     StyleTabSection,
     {
@@ -4958,25 +4954,8 @@ var CustomCssSection = () => {
         name: "Custom CSS",
         title: (0, import_i18n58.__)("Custom CSS", "elementor"),
         action: {
-          component: /* @__PURE__ */ React86.createElement(
-            import_editor_ui8.PromotionInfotip,
-            {
-              title: promotion?.title ?? "",
-              content: promotion?.content ?? "",
-              assetUrl: promotion?.image ?? "",
-              ctaUrl: promotion?.ctaUrl ?? "",
-              open: showInfoTip,
-              onClose: () => {
-                setShowInfoTip(false);
-              }
-            },
-            /* @__PURE__ */ React86.createElement(import_editor_ui8.PromotionChip, null)
-          ),
-          onClick: () => {
-            if (!showInfoTip) {
-              setShowInfoTip(true);
-            }
-          }
+          component: /* @__PURE__ */ React86.createElement(import_editor_controls52.PromotionTrigger, { ref: triggerRef, promotionKey: "customCss" }),
+          onClick: () => triggerRef.current?.toggle()
         }
       }
     }
@@ -4991,13 +4970,14 @@ var init = () => {
       component: CustomCssSection,
       options: { overwrite: true }
     });
-    controlsRegistry.register("display-conditions", import_editor_controls52.DisplayConditionsControl, "two-columns");
+    controlsRegistry.register("attributes", import_editor_controls53.AttributesControl, "two-columns");
+    controlsRegistry.register("display-conditions", import_editor_controls53.DisplayConditionsControl, "two-columns");
   }
 };
 
 // src/controls-registry/element-controls/tabs-control/tabs-control.tsx
 var React87 = __toESM(require("react"));
-var import_editor_controls54 = require("@elementor/editor-controls");
+var import_editor_controls55 = require("@elementor/editor-controls");
 var import_editor_elements17 = require("@elementor/editor-elements");
 var import_editor_props16 = require("@elementor/editor-props");
 var import_icons22 = require("@elementor/icons");
@@ -5022,14 +5002,14 @@ var getElementByType = (elementId, type) => {
 };
 
 // src/controls-registry/element-controls/tabs-control/use-actions.ts
-var import_editor_controls53 = require("@elementor/editor-controls");
+var import_editor_controls54 = require("@elementor/editor-controls");
 var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_props15 = require("@elementor/editor-props");
 var import_i18n59 = require("@wordpress/i18n");
 var TAB_ELEMENT_TYPE = "e-tab";
 var TAB_CONTENT_ELEMENT_TYPE = "e-tab-content";
 var useActions = () => {
-  const { value, setValue: setDefaultActiveTab } = (0, import_editor_controls53.useBoundProp)(import_editor_props15.numberPropTypeUtil);
+  const { value, setValue: setDefaultActiveTab } = (0, import_editor_controls54.useBoundProp)(import_editor_props15.numberPropTypeUtil);
   const defaultActiveTab = value ?? 0;
   const duplicateItem = ({
     items: items3,
@@ -5259,7 +5239,7 @@ var TabsControlContent = ({ label }) => {
     }
   };
   return /* @__PURE__ */ React87.createElement(
-    import_editor_controls54.Repeater,
+    import_editor_controls55.Repeater,
     {
       showToggle: false,
       values: repeaterValues,
@@ -5283,7 +5263,7 @@ var ItemLabel = ({ value, index }) => {
   return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { sx: { minHeight: 20 }, direction: "row", alignItems: "center", gap: 1.5 }, /* @__PURE__ */ React87.createElement("span", null, elementTitle), /* @__PURE__ */ React87.createElement(ItemDefaultTab, { index }));
 };
 var ItemDefaultTab = ({ index }) => {
-  const { value: defaultItem } = (0, import_editor_controls54.useBoundProp)(import_editor_props16.numberPropTypeUtil);
+  const { value: defaultItem } = (0, import_editor_controls55.useBoundProp)(import_editor_props16.numberPropTypeUtil);
   const isDefault = defaultItem === index;
   if (!isDefault) {
     return null;
@@ -5297,9 +5277,9 @@ var ItemContent = ({ value, index }) => {
   return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { p: 2, gap: 1.5 }, /* @__PURE__ */ React87.createElement(TabLabelControl, { elementId: value.id }), /* @__PURE__ */ React87.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: (0, import_i18n60.__)("Tabs", "elementor") }, /* @__PURE__ */ React87.createElement(DefaultTabControl, { tabIndex: index })));
 };
 var DefaultTabControl = ({ tabIndex }) => {
-  const { value, setValue } = (0, import_editor_controls54.useBoundProp)(import_editor_props16.numberPropTypeUtil);
+  const { value, setValue } = (0, import_editor_controls55.useBoundProp)(import_editor_props16.numberPropTypeUtil);
   const isDefault = value === tabIndex;
-  return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React87.createElement(import_editor_controls54.ControlFormLabel, null, (0, import_i18n60.__)("Set as default tab", "elementor")), /* @__PURE__ */ React87.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React87.createElement(
+  return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React87.createElement(import_editor_controls55.ControlFormLabel, null, (0, import_i18n60.__)("Set as default tab", "elementor")), /* @__PURE__ */ React87.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React87.createElement(
     import_ui40.Switch,
     {
       size: "small",
@@ -5317,7 +5297,7 @@ var DefaultTabControl = ({ tabIndex }) => {
 var TabLabelControl = ({ elementId }) => {
   const editorSettings = (0, import_editor_elements17.useElementEditorSettings)(elementId);
   const label = editorSettings?.title ?? "";
-  return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { gap: 1 }, /* @__PURE__ */ React87.createElement(import_editor_controls54.ControlFormLabel, null, (0, import_i18n60.__)("Tab name", "elementor")), /* @__PURE__ */ React87.createElement(
+  return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { gap: 1 }, /* @__PURE__ */ React87.createElement(import_editor_controls55.ControlFormLabel, null, (0, import_i18n60.__)("Tab name", "elementor")), /* @__PURE__ */ React87.createElement(
     import_ui40.TextField,
     {
       size: "tiny",
@@ -5371,11 +5351,11 @@ var registerElementControls = () => {
 
 // src/dynamics/init.ts
 var import_editor_canvas3 = require("@elementor/editor-canvas");
-var import_editor_controls61 = require("@elementor/editor-controls");
+var import_editor_controls62 = require("@elementor/editor-controls");
 
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var React88 = __toESM(require("react"));
-var import_editor_controls56 = require("@elementor/editor-controls");
+var import_editor_controls57 = require("@elementor/editor-controls");
 var import_editor_props18 = require("@elementor/editor-props");
 var import_icons23 = require("@elementor/icons");
 
@@ -5384,7 +5364,7 @@ var import_react40 = require("react");
 
 // src/dynamics/hooks/use-prop-dynamic-tags.ts
 var import_react39 = require("react");
-var import_editor_controls55 = require("@elementor/editor-controls");
+var import_editor_controls56 = require("@elementor/editor-controls");
 
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
 var getAtomicDynamicTags = () => {
@@ -5428,7 +5408,7 @@ var supportsDynamic = (propType) => {
 // src/dynamics/hooks/use-prop-dynamic-tags.ts
 var usePropDynamicTags = () => {
   let categories = [];
-  const { propType } = (0, import_editor_controls55.useBoundProp)();
+  const { propType } = (0, import_editor_controls56.useBoundProp)();
   if (propType) {
     const propDynamicType = getDynamicPropType(propType);
     categories = propDynamicType?.settings.categories || [];
@@ -5469,13 +5449,13 @@ var useDynamicTag = (tagName) => {
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var BackgroundControlDynamicTagIcon = () => /* @__PURE__ */ React88.createElement(import_icons23.DatabaseIcon, { fontSize: "tiny" });
 var BackgroundControlDynamicTagLabel = ({ value }) => {
-  const context = (0, import_editor_controls56.useBoundProp)(import_editor_props18.backgroundImageOverlayPropTypeUtil);
-  return /* @__PURE__ */ React88.createElement(import_editor_controls56.PropProvider, { ...context, value: value.value }, /* @__PURE__ */ React88.createElement(import_editor_controls56.PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React88.createElement(Wrapper2, { rawValue: value.value })));
+  const context = (0, import_editor_controls57.useBoundProp)(import_editor_props18.backgroundImageOverlayPropTypeUtil);
+  return /* @__PURE__ */ React88.createElement(import_editor_controls57.PropProvider, { ...context, value: value.value }, /* @__PURE__ */ React88.createElement(import_editor_controls57.PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React88.createElement(Wrapper2, { rawValue: value.value })));
 };
 var Wrapper2 = ({ rawValue }) => {
-  const { propType } = (0, import_editor_controls56.useBoundProp)();
+  const { propType } = (0, import_editor_controls57.useBoundProp)();
   const imageOverlayPropType = propType.prop_types["background-image-overlay"];
-  return /* @__PURE__ */ React88.createElement(import_editor_controls56.PropProvider, { propType: imageOverlayPropType.shape.image, value: rawValue, setValue: () => void 0 }, /* @__PURE__ */ React88.createElement(import_editor_controls56.PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React88.createElement(Content, { rawValue: rawValue.image })));
+  return /* @__PURE__ */ React88.createElement(import_editor_controls57.PropProvider, { propType: imageOverlayPropType.shape.image, value: rawValue, setValue: () => void 0 }, /* @__PURE__ */ React88.createElement(import_editor_controls57.PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React88.createElement(Content, { rawValue: rawValue.image })));
 };
 var Content = ({ rawValue }) => {
   const src = rawValue.value.src;
@@ -5485,8 +5465,8 @@ var Content = ({ rawValue }) => {
 
 // src/dynamics/components/dynamic-selection-control.tsx
 var React92 = __toESM(require("react"));
-var import_editor_controls59 = require("@elementor/editor-controls");
-var import_editor_ui10 = require("@elementor/editor-ui");
+var import_editor_controls60 = require("@elementor/editor-controls");
+var import_editor_ui9 = require("@elementor/editor-ui");
 var import_icons25 = require("@elementor/icons");
 var import_ui42 = require("@elementor/ui");
 var import_i18n62 = require("@wordpress/i18n");
@@ -5501,7 +5481,7 @@ var usePersistDynamicValue = (propKey) => {
 
 // src/dynamics/dynamic-control.tsx
 var React90 = __toESM(require("react"));
-var import_editor_controls57 = require("@elementor/editor-controls");
+var import_editor_controls58 = require("@elementor/editor-controls");
 
 // src/dynamics/components/dynamic-conditional-control.tsx
 var React89 = __toESM(require("react"));
@@ -5553,7 +5533,7 @@ var DynamicConditionalControl = ({
 
 // src/dynamics/dynamic-control.tsx
 var DynamicControl = ({ bind, children }) => {
-  const { value, setValue } = (0, import_editor_controls57.useBoundProp)(dynamicPropTypeUtil);
+  const { value, setValue } = (0, import_editor_controls58.useBoundProp)(dynamicPropTypeUtil);
   const { name = "", group = "", settings } = value ?? {};
   const dynamicTag = useDynamicTag(name);
   if (!dynamicTag) {
@@ -5573,7 +5553,7 @@ var DynamicControl = ({ bind, children }) => {
     });
   };
   const propType = createTopLevelObjectType({ schema: dynamicTag.props_schema });
-  return /* @__PURE__ */ React90.createElement(import_editor_controls57.PropProvider, { propType, setValue: setDynamicValue, value: { [bind]: dynamicValue } }, /* @__PURE__ */ React90.createElement(import_editor_controls57.PropKeyProvider, { bind }, /* @__PURE__ */ React90.createElement(
+  return /* @__PURE__ */ React90.createElement(import_editor_controls58.PropProvider, { propType, setValue: setDynamicValue, value: { [bind]: dynamicValue } }, /* @__PURE__ */ React90.createElement(import_editor_controls58.PropKeyProvider, { bind }, /* @__PURE__ */ React90.createElement(
     DynamicConditionalControl,
     {
       propType: dynamicPropType,
@@ -5587,8 +5567,8 @@ var DynamicControl = ({ bind, children }) => {
 // src/dynamics/components/dynamic-selection.tsx
 var import_react41 = require("react");
 var React91 = __toESM(require("react"));
-var import_editor_controls58 = require("@elementor/editor-controls");
-var import_editor_ui9 = require("@elementor/editor-ui");
+var import_editor_controls59 = require("@elementor/editor-controls");
+var import_editor_ui8 = require("@elementor/editor-ui");
 var import_icons24 = require("@elementor/icons");
 var import_ui41 = require("@elementor/ui");
 var import_i18n61 = require("@wordpress/i18n");
@@ -5599,8 +5579,8 @@ var DynamicSelection = ({ close: closePopover }) => {
   const [searchValue, setSearchValue] = (0, import_react41.useState)("");
   const { groups: dynamicGroups } = getAtomicDynamicTags() || {};
   const theme = (0, import_ui41.useTheme)();
-  const { value: anyValue } = (0, import_editor_controls58.useBoundProp)();
-  const { bind, value: dynamicValue, setValue } = (0, import_editor_controls58.useBoundProp)(dynamicPropTypeUtil);
+  const { value: anyValue } = (0, import_editor_controls59.useBoundProp)();
+  const { bind, value: dynamicValue, setValue } = (0, import_editor_controls59.useBoundProp)(dynamicPropTypeUtil);
   const [, updatePropValueHistory] = usePersistDynamicValue(bind);
   const isCurrentValueDynamic = !!dynamicValue;
   const options12 = useFilteredOptions(searchValue);
@@ -5629,21 +5609,21 @@ var DynamicSelection = ({ close: closePopover }) => {
     }))
   ]);
   return /* @__PURE__ */ React91.createElement(PopoverBody, { "aria-label": (0, import_i18n61.__)("Dynamic tags", "elementor") }, /* @__PURE__ */ React91.createElement(
-    import_editor_ui9.PopoverHeader,
+    import_editor_ui8.PopoverHeader,
     {
       title: (0, import_i18n61.__)("Dynamic tags", "elementor"),
       onClose: closePopover,
       icon: /* @__PURE__ */ React91.createElement(import_icons24.DatabaseIcon, { fontSize: SIZE4 })
     }
   ), hasNoDynamicTags ? /* @__PURE__ */ React91.createElement(NoDynamicTags, null) : /* @__PURE__ */ React91.createElement(import_react41.Fragment, null, /* @__PURE__ */ React91.createElement(
-    import_editor_ui9.SearchField,
+    import_editor_ui8.SearchField,
     {
       value: searchValue,
       onSearch: handleSearch,
       placeholder: (0, import_i18n61.__)("Search dynamic tags\u2026", "elementor")
     }
   ), /* @__PURE__ */ React91.createElement(import_ui41.Divider, null), /* @__PURE__ */ React91.createElement(
-    import_editor_ui9.PopoverMenuList,
+    import_editor_ui8.PopoverMenuList,
     {
       items: virtualizedItems,
       onSelect: handleSetDynamicTag,
@@ -5683,7 +5663,7 @@ var NoDynamicTags = () => /* @__PURE__ */ React91.createElement(React91.Fragment
   /* @__PURE__ */ React91.createElement(import_icons24.DatabaseIcon, { fontSize: "large" }),
   /* @__PURE__ */ React91.createElement(import_ui41.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n61.__)("Streamline your workflow with dynamic tags", "elementor")),
   /* @__PURE__ */ React91.createElement(import_ui41.Typography, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, (0, import_i18n61.__)("Upgrade now to display your content dynamically.", "elementor")),
-  /* @__PURE__ */ React91.createElement(import_editor_ui9.CtaButton, { size: "small", href: PRO_DYNAMIC_TAGS_URL })
+  /* @__PURE__ */ React91.createElement(import_editor_ui8.CtaButton, { size: "small", href: PRO_DYNAMIC_TAGS_URL })
 ));
 var useFilteredOptions = (searchValue) => {
   const dynamicTags = usePropDynamicTags();
@@ -5705,8 +5685,8 @@ var useFilteredOptions = (searchValue) => {
 var SIZE5 = "tiny";
 var tagsWithoutTabs = ["popup"];
 var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
-  const { setValue: setAnyValue, propType } = (0, import_editor_controls59.useBoundProp)();
-  const { bind, value } = (0, import_editor_controls59.useBoundProp)(dynamicPropTypeUtil);
+  const { setValue: setAnyValue, propType } = (0, import_editor_controls60.useBoundProp)();
+  const { bind, value } = (0, import_editor_controls60.useBoundProp)(dynamicPropTypeUtil);
   const originalPropType = createTopLevelObjectType({
     schema: {
       [bind]: propType
@@ -5717,7 +5697,7 @@ var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
   const { name: tagName = "" } = value;
   const dynamicTag = useDynamicTag(tagName);
   if (!isDynamicTagSupported(tagName) && OriginalControl) {
-    return /* @__PURE__ */ React92.createElement(import_editor_controls59.PropProvider, { propType: originalPropType, value: { [bind]: null }, setValue: setAnyValue }, /* @__PURE__ */ React92.createElement(import_editor_controls59.PropKeyProvider, { bind }, /* @__PURE__ */ React92.createElement(OriginalControl, { ...props })));
+    return /* @__PURE__ */ React92.createElement(import_editor_controls60.PropProvider, { propType: originalPropType, value: { [bind]: null }, setValue: setAnyValue }, /* @__PURE__ */ React92.createElement(import_editor_controls60.PropKeyProvider, { bind }, /* @__PURE__ */ React92.createElement(OriginalControl, { ...props })));
   }
   const removeDynamicTag = () => {
     setAnyValue(propValueFromHistory ?? null);
@@ -5785,7 +5765,7 @@ var DynamicSettingsPopover = ({ dynamicTag }) => {
       ...(0, import_ui42.bindPopover)(popupState)
     },
     /* @__PURE__ */ React92.createElement(PopoverBody, { "aria-label": (0, import_i18n62.__)("Dynamic settings", "elementor") }, /* @__PURE__ */ React92.createElement(
-      import_editor_ui10.PopoverHeader,
+      import_editor_ui9.PopoverHeader,
       {
         title: dynamicTag.label,
         onClose: popupState.close,
@@ -5862,7 +5842,7 @@ var Control2 = ({ control }) => {
     display: "grid",
     gridTemplateColumns: isSwitchControl ? "minmax(0, 1fr) max-content" : "1fr 1fr"
   } : {};
-  return /* @__PURE__ */ React92.createElement(DynamicControl, { bind: control.bind }, /* @__PURE__ */ React92.createElement(import_ui42.Grid, { container: true, gap: 0.75, sx: layoutStyleProps }, control.label ? /* @__PURE__ */ React92.createElement(import_ui42.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React92.createElement(import_editor_controls59.ControlFormLabel, null, control.label)) : null, /* @__PURE__ */ React92.createElement(import_ui42.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React92.createElement(Control, { type: control.type, props: controlProps }))));
+  return /* @__PURE__ */ React92.createElement(DynamicControl, { bind: control.bind }, /* @__PURE__ */ React92.createElement(import_ui42.Grid, { container: true, gap: 0.75, sx: layoutStyleProps }, control.label ? /* @__PURE__ */ React92.createElement(import_ui42.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React92.createElement(import_editor_controls60.ControlFormLabel, null, control.label)) : null, /* @__PURE__ */ React92.createElement(import_ui42.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React92.createElement(Control, { type: control.type, props: controlProps }))));
 };
 function ControlsItemsStack({ items: items3 }) {
   return /* @__PURE__ */ React92.createElement(import_ui42.Stack, { p: 2, gap: 2, sx: { overflowY: "auto" } }, items3.map(
@@ -5921,11 +5901,11 @@ function getDynamicValue(name, settings) {
 
 // src/dynamics/hooks/use-prop-dynamic-action.tsx
 var React93 = __toESM(require("react"));
-var import_editor_controls60 = require("@elementor/editor-controls");
+var import_editor_controls61 = require("@elementor/editor-controls");
 var import_icons26 = require("@elementor/icons");
 var import_i18n63 = require("@wordpress/i18n");
 var usePropDynamicAction = () => {
-  const { propType } = (0, import_editor_controls60.useBoundProp)();
+  const { propType } = (0, import_editor_controls61.useBoundProp)();
   const visible = !!propType && supportsDynamic(propType);
   return {
     visible,
@@ -5942,12 +5922,12 @@ var init2 = () => {
     component: DynamicSelectionControl,
     condition: ({ value }) => isDynamicPropValue(value)
   });
-  (0, import_editor_controls61.injectIntoRepeaterItemLabel)({
+  (0, import_editor_controls62.injectIntoRepeaterItemLabel)({
     id: "dynamic-background-image",
     condition: ({ value }) => isDynamicPropValue(value.value?.image?.value?.src),
     component: BackgroundControlDynamicTagLabel
   });
-  (0, import_editor_controls61.injectIntoRepeaterItemIcon)({
+  (0, import_editor_controls62.injectIntoRepeaterItemIcon)({
     id: "dynamic-background-image",
     condition: ({ value }) => isDynamicPropValue(value.value?.image?.value?.src),
     component: BackgroundControlDynamicTagIcon
@@ -5961,7 +5941,7 @@ var init2 = () => {
 };
 
 // src/reset-style-props.tsx
-var import_editor_controls62 = require("@elementor/editor-controls");
+var import_editor_controls63 = require("@elementor/editor-controls");
 var import_icons27 = require("@elementor/icons");
 var import_i18n64 = require("@wordpress/i18n");
 
@@ -6018,7 +5998,7 @@ function initResetStyleProps() {
 }
 function useResetStyleValueProps() {
   const isStyle = useIsStyle();
-  const { value, resetValue, propType } = (0, import_editor_controls62.useBoundProp)();
+  const { value, resetValue, propType } = (0, import_editor_controls63.useBoundProp)();
   const hasValue = value !== null && value !== void 0;
   const hasInitial = propType.initial_value !== void 0 && propType.initial_value !== null;
   const isRequired = !!propType.settings?.required;
@@ -6043,7 +6023,7 @@ function useResetStyleValueProps() {
 
 // src/styles-inheritance/components/styles-inheritance-indicator.tsx
 var React99 = __toESM(require("react"));
-var import_editor_controls63 = require("@elementor/editor-controls");
+var import_editor_controls64 = require("@elementor/editor-controls");
 var import_editor_props21 = require("@elementor/editor-props");
 var import_editor_styles_repository16 = require("@elementor/editor-styles-repository");
 var import_i18n68 = require("@wordpress/i18n");
@@ -6052,7 +6032,7 @@ var import_i18n68 = require("@wordpress/i18n");
 var React98 = __toESM(require("react"));
 var import_react43 = require("react");
 var import_editor_canvas6 = require("@elementor/editor-canvas");
-var import_editor_ui11 = require("@elementor/editor-ui");
+var import_editor_ui10 = require("@elementor/editor-ui");
 var import_ui47 = require("@elementor/ui");
 var import_i18n67 = require("@wordpress/i18n");
 
@@ -6287,7 +6267,7 @@ var StylesInheritanceInfotip = ({
           backgroundColor: "background.paper"
         }
       },
-      /* @__PURE__ */ React98.createElement(import_editor_ui11.PopoverHeader, { title: (0, import_i18n67.__)("Style origin", "elementor"), onClose: closeInfotip })
+      /* @__PURE__ */ React98.createElement(import_editor_ui10.PopoverHeader, { title: (0, import_i18n67.__)("Style origin", "elementor"), onClose: closeInfotip })
     ),
     /* @__PURE__ */ React98.createElement(
       import_ui47.CardContent,
@@ -6419,7 +6399,7 @@ function TooltipOrInfotip({
 var StylesInheritanceIndicator = ({
   customContext
 }) => {
-  const context = (0, import_editor_controls63.useBoundProp)();
+  const context = (0, import_editor_controls64.useBoundProp)();
   const { path, propType } = customContext || context;
   const inheritanceChain = useStylesInheritanceChain(path);
   if (!path || !inheritanceChain.length) {
@@ -6534,7 +6514,7 @@ var getGradientValue = (gradient) => {
 // src/styles-inheritance/transformers/background-image-overlay-transformer.tsx
 var React103 = __toESM(require("react"));
 var import_editor_canvas10 = require("@elementor/editor-canvas");
-var import_editor_ui12 = require("@elementor/editor-ui");
+var import_editor_ui11 = require("@elementor/editor-ui");
 var import_ui51 = require("@elementor/ui");
 var import_wp_media = require("@elementor/wp-media");
 var backgroundImageOverlayTransformer = (0, import_editor_canvas10.createTransformer)((value) => /* @__PURE__ */ React103.createElement(import_ui51.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React103.createElement(ItemIconImage, { value }), /* @__PURE__ */ React103.createElement(ItemLabelImage, { value })));
@@ -6556,7 +6536,7 @@ var ItemIconImage = ({ value }) => {
 };
 var ItemLabelImage = ({ value }) => {
   const { imageTitle } = useImage(value);
-  return /* @__PURE__ */ React103.createElement(import_editor_ui12.EllipsisWithTooltip, { title: imageTitle }, /* @__PURE__ */ React103.createElement("span", null, imageTitle));
+  return /* @__PURE__ */ React103.createElement(import_editor_ui11.EllipsisWithTooltip, { title: imageTitle }, /* @__PURE__ */ React103.createElement("span", null, imageTitle));
 };
 var useImage = (image) => {
   let imageTitle, imageUrl = null;