@elementor/editor-editing-panel 4.0.0-511 → 4.0.0-513

package/dist/index.js

@@ -47,7 +47,6 @@ __export(index_exports, {
   doApplyClasses: () => doApplyClasses,
   doGetAppliedClasses: () => doGetAppliedClasses,
   doUnapplyClass: () => doUnapplyClass,
-  getControlReplacements: () => getControlReplacements,
   getFieldIndicators: () => getFieldIndicators,
   getSubtitle: () => getSubtitle,
   getTitle: () => getTitle,
@@ -56,7 +55,6 @@ __export(index_exports, {
   injectIntoCssClassConvert: () => injectIntoCssClassConvert,
   injectIntoPanelHeaderTop: () => injectIntoPanelHeaderTop,
   injectIntoStyleTab: () => injectIntoStyleTab,
-  registerControlReplacement: () => registerControlReplacement,
   registerEditingPanelReplacement: () => registerEditingPanelReplacement,
   registerFieldIndicator: () => registerFieldIndicator,
   registerStyleProviderToColors: () => registerStyleProviderToColors,
@@ -1728,7 +1726,7 @@ var hasInheritedCustomCss = (style, meta) => {
 
 // src/components/editing-panel.tsx
 var React83 = __toESM(require("react"));
-var import_editor_controls50 = require("@elementor/editor-controls");
+var import_editor_controls49 = require("@elementor/editor-controls");
 var import_editor_elements13 = require("@elementor/editor-elements");
 var import_editor_panels = require("@elementor/editor-panels");
 var import_editor_ui8 = require("@elementor/editor-ui");
@@ -1738,10 +1736,6 @@ var import_session8 = require("@elementor/session");
 var import_ui38 = require("@elementor/ui");
 var import_i18n56 = require("@wordpress/i18n");
 
-// src/control-replacement.tsx
-var import_editor_controls = require("@elementor/editor-controls");
-var { registerControlReplacement, getControlReplacements } = (0, import_editor_controls.createControlReplacementsRegistry)();
-
 // src/controls-actions.ts
 var import_editor_ui4 = require("@elementor/editor-ui");
 var import_menus = require("@elementor/menus");
@@ -2002,33 +1996,33 @@ function Section({ title, children, defaultExpanded = false, titleEnd, unmountOn
 
 // src/components/settings-control.tsx
 var React23 = __toESM(require("react"));
-var import_editor_controls5 = require("@elementor/editor-controls");
+var import_editor_controls4 = require("@elementor/editor-controls");
 var import_ui16 = require("@elementor/ui");
 
 // src/controls-registry/control.tsx
 var React19 = __toESM(require("react"));
 
 // src/controls-registry/controls-registry.tsx
-var import_editor_controls2 = require("@elementor/editor-controls");
+var import_editor_controls = require("@elementor/editor-controls");
 var import_editor_props4 = require("@elementor/editor-props");
 var controlTypes = {
-  image: { component: import_editor_controls2.ImageControl, layout: "custom", propTypeUtil: import_editor_props4.imagePropTypeUtil },
-  "svg-media": { component: import_editor_controls2.SvgMediaControl, layout: "full", propTypeUtil: import_editor_props4.imageSrcPropTypeUtil },
-  text: { component: import_editor_controls2.TextControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
-  textarea: { component: import_editor_controls2.TextAreaControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
-  size: { component: import_editor_controls2.SizeControl, layout: "two-columns", propTypeUtil: import_editor_props4.sizePropTypeUtil },
-  select: { component: import_editor_controls2.SelectControlWrapper, layout: "two-columns", propTypeUtil: import_editor_props4.stringPropTypeUtil },
-  link: { component: import_editor_controls2.LinkControl, layout: "custom", propTypeUtil: import_editor_props4.linkPropTypeUtil },
-  query: { component: import_editor_controls2.QueryControl, layout: "full", propTypeUtil: import_editor_props4.queryPropTypeUtil },
-  url: { component: import_editor_controls2.UrlControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
-  switch: { component: import_editor_controls2.SwitchControl, layout: "two-columns", propTypeUtil: import_editor_props4.booleanPropTypeUtil },
-  number: { component: import_editor_controls2.NumberControl, layout: "two-columns", propTypeUtil: import_editor_props4.numberPropTypeUtil },
-  repeatable: { component: import_editor_controls2.RepeatableControl, layout: "full", propTypeUtil: void 0 },
-  "key-value": { component: import_editor_controls2.KeyValueControl, layout: "full", propTypeUtil: import_editor_props4.keyValuePropTypeUtil },
-  "html-tag": { component: import_editor_controls2.HtmlTagControl, layout: "two-columns", propTypeUtil: import_editor_props4.stringPropTypeUtil },
-  toggle: { component: import_editor_controls2.ToggleControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
-  "date-time": { component: import_editor_controls2.DateTimeControl, layout: "full", propTypeUtil: import_editor_props4.DateTimePropTypeUtil },
-  "inline-editing": { component: import_editor_controls2.InlineEditingControl, layout: "full", propTypeUtil: import_editor_props4.htmlPropTypeUtil }
+  image: { component: import_editor_controls.ImageControl, layout: "custom", propTypeUtil: import_editor_props4.imagePropTypeUtil },
+  "svg-media": { component: import_editor_controls.SvgMediaControl, layout: "full", propTypeUtil: import_editor_props4.imageSrcPropTypeUtil },
+  text: { component: import_editor_controls.TextControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
+  textarea: { component: import_editor_controls.TextAreaControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
+  size: { component: import_editor_controls.SizeControl, layout: "two-columns", propTypeUtil: import_editor_props4.sizePropTypeUtil },
+  select: { component: import_editor_controls.SelectControlWrapper, layout: "two-columns", propTypeUtil: import_editor_props4.stringPropTypeUtil },
+  link: { component: import_editor_controls.LinkControl, layout: "custom", propTypeUtil: import_editor_props4.linkPropTypeUtil },
+  query: { component: import_editor_controls.QueryControl, layout: "full", propTypeUtil: import_editor_props4.queryPropTypeUtil },
+  url: { component: import_editor_controls.UrlControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
+  switch: { component: import_editor_controls.SwitchControl, layout: "two-columns", propTypeUtil: import_editor_props4.booleanPropTypeUtil },
+  number: { component: import_editor_controls.NumberControl, layout: "two-columns", propTypeUtil: import_editor_props4.numberPropTypeUtil },
+  repeatable: { component: import_editor_controls.RepeatableControl, layout: "full", propTypeUtil: void 0 },
+  "key-value": { component: import_editor_controls.KeyValueControl, layout: "full", propTypeUtil: import_editor_props4.keyValuePropTypeUtil },
+  "html-tag": { component: import_editor_controls.HtmlTagControl, layout: "two-columns", propTypeUtil: import_editor_props4.stringPropTypeUtil },
+  toggle: { component: import_editor_controls.ToggleControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
+  "date-time": { component: import_editor_controls.DateTimeControl, layout: "full", propTypeUtil: import_editor_props4.DateTimePropTypeUtil },
+  "inline-editing": { component: import_editor_controls.InlineEditingControl, layout: "full", propTypeUtil: import_editor_props4.htmlPropTypeUtil }
 };
 var ControlsRegistry = class {
   constructor(controlsRegistry2) {
@@ -2111,7 +2105,7 @@ var getStyleByLayout = (layout) => {
 // src/controls-registry/settings-field.tsx
 var React21 = __toESM(require("react"));
 var import_react19 = require("react");
-var import_editor_controls3 = require("@elementor/editor-controls");
+var import_editor_controls2 = require("@elementor/editor-controls");
 var import_editor_documents2 = require("@elementor/editor-documents");
 var import_editor_elements7 = require("@elementor/editor-elements");
 var import_editor_props6 = require("@elementor/editor-props");
@@ -2286,7 +2280,7 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
     }
   };
   const isDisabled = (prop) => !(0, import_editor_props6.isDependencyMet)(prop?.dependencies, elementSettingValues).isMet;
-  return /* @__PURE__ */ React21.createElement(import_editor_controls3.PropProvider, { propType, value, setValue, isDisabled }, /* @__PURE__ */ React21.createElement(import_editor_controls3.PropKeyProvider, { bind }, children));
+  return /* @__PURE__ */ React21.createElement(import_editor_controls2.PropProvider, { propType, value, setValue, isDisabled }, /* @__PURE__ */ React21.createElement(import_editor_controls2.PropKeyProvider, { bind }, children));
 };
 function useUndoableUpdateElementProp({
   elementId,
@@ -2337,10 +2331,10 @@ var getFieldIndicators = (fieldType) => Array.from(indicatorsRegistry[fieldType]
 
 // src/components/control-label.tsx
 var React22 = __toESM(require("react"));
-var import_editor_controls4 = require("@elementor/editor-controls");
+var import_editor_controls3 = require("@elementor/editor-controls");
 var import_ui15 = require("@elementor/ui");
 var ControlLabel = ({ children }) => {
-  return /* @__PURE__ */ React22.createElement(import_ui15.Stack, { direction: "row", alignItems: "center", justifyItems: "start", gap: 0.25 }, /* @__PURE__ */ React22.createElement(import_editor_controls4.ControlFormLabel, null, children), /* @__PURE__ */ React22.createElement(import_editor_controls4.ControlAdornments, null));
+  return /* @__PURE__ */ React22.createElement(import_ui15.Stack, { direction: "row", alignItems: "center", justifyItems: "start", gap: 0.25 }, /* @__PURE__ */ React22.createElement(import_editor_controls3.ControlFormLabel, null, children), /* @__PURE__ */ React22.createElement(import_editor_controls3.ControlAdornments, null));
 };
 
 // src/components/settings-control.tsx
@@ -2367,7 +2361,7 @@ var ControlLayout = ({
   controlProps
 }) => {
   const controlType = control.type;
-  return /* @__PURE__ */ React23.createElement(import_editor_controls5.ControlAdornmentsProvider, { items: getFieldIndicators("settings") }, control.meta?.topDivider && /* @__PURE__ */ React23.createElement(import_ui16.Divider, null), /* @__PURE__ */ React23.createElement(Wrapper, { "data-type": "settings-field" }, /* @__PURE__ */ React23.createElement(ControlTypeContainer, { layout }, control.label && layout !== "custom" ? /* @__PURE__ */ React23.createElement(ControlLabel, null, control.label) : null, /* @__PURE__ */ React23.createElement(Control, { type: controlType, props: controlProps }))));
+  return /* @__PURE__ */ React23.createElement(import_editor_controls4.ControlAdornmentsProvider, { items: getFieldIndicators("settings") }, control.meta?.topDivider && /* @__PURE__ */ React23.createElement(import_ui16.Divider, null), /* @__PURE__ */ React23.createElement(Wrapper, { "data-type": "settings-field" }, /* @__PURE__ */ React23.createElement(ControlTypeContainer, { layout }, control.label && layout !== "custom" ? /* @__PURE__ */ React23.createElement(ControlLabel, null, control.label) : null, /* @__PURE__ */ React23.createElement(Control, { type: controlType, props: controlProps }))));
 };
 function populateChildControlProps(props) {
   if (props.childControlType) {
@@ -2741,12 +2735,12 @@ function useActiveAndAppliedClassId(id, appliedClassesIds) {
 
 // src/components/style-sections/background-section/background-section.tsx
 var React28 = __toESM(require("react"));
-var import_editor_controls8 = require("@elementor/editor-controls");
+var import_editor_controls7 = require("@elementor/editor-controls");
 var import_i18n9 = require("@wordpress/i18n");
 
 // src/controls-registry/styles-field.tsx
 var React26 = __toESM(require("react"));
-var import_editor_controls7 = require("@elementor/editor-controls");
+var import_editor_controls6 = require("@elementor/editor-controls");
 var import_editor_styles6 = require("@elementor/editor-styles");
 
 // src/hooks/use-styles-field.ts
@@ -2760,10 +2754,10 @@ function useStylesField(propName, meta) {
 }
 
 // src/controls-registry/conditional-field.tsx
-var import_editor_controls6 = require("@elementor/editor-controls");
+var import_editor_controls5 = require("@elementor/editor-controls");
 var import_editor_props10 = require("@elementor/editor-props");
 var ConditionalField = ({ children }) => {
-  const { propType } = (0, import_editor_controls6.useBoundProp)();
+  const { propType } = (0, import_editor_controls5.useBoundProp)();
   const depList = getDependencies(propType);
   const { values: depValues } = useStylesFields(depList);
   const isHidden = !(0, import_editor_props10.isDependencyMet)(propType?.dependencies, depValues).isMet;
@@ -2789,8 +2783,8 @@ var StylesField = ({ bind, propDisplayName, children }) => {
   const setValue = (newValue) => {
     fields.setValue(newValue[bind]);
   };
-  return /* @__PURE__ */ React26.createElement(import_editor_controls7.ControlAdornmentsProvider, { items: getFieldIndicators("styles") }, /* @__PURE__ */ React26.createElement(
-    import_editor_controls7.PropProvider,
+  return /* @__PURE__ */ React26.createElement(import_editor_controls6.ControlAdornmentsProvider, { items: getFieldIndicators("styles") }, /* @__PURE__ */ React26.createElement(
+    import_editor_controls6.PropProvider,
     {
       propType,
       value: { [bind]: value },
@@ -2798,7 +2792,7 @@ var StylesField = ({ bind, propDisplayName, children }) => {
       placeholder: placeholderValues,
       isDisabled: () => !canEdit
     },
-    /* @__PURE__ */ React26.createElement(import_editor_controls7.PropKeyProvider, { bind }, /* @__PURE__ */ React26.createElement(ConditionalField, null, children))
+    /* @__PURE__ */ React26.createElement(import_editor_controls6.PropKeyProvider, { bind }, /* @__PURE__ */ React26.createElement(ConditionalField, null, children))
   ));
 };
 
@@ -2810,7 +2804,7 @@ var SectionContent = ({ gap = 2, sx, children, "aria-label": ariaLabel }) => /*
 // src/components/style-sections/background-section/background-section.tsx
 var BACKGROUND_LABEL = (0, import_i18n9.__)("Background", "elementor");
 var BackgroundSection = () => {
-  return /* @__PURE__ */ React28.createElement(SectionContent, null, /* @__PURE__ */ React28.createElement(StylesField, { bind: "background", propDisplayName: BACKGROUND_LABEL }, /* @__PURE__ */ React28.createElement(import_editor_controls8.BackgroundControl, null)));
+  return /* @__PURE__ */ React28.createElement(SectionContent, null, /* @__PURE__ */ React28.createElement(StylesField, { bind: "background", propDisplayName: BACKGROUND_LABEL }, /* @__PURE__ */ React28.createElement(import_editor_controls7.BackgroundControl, null)));
 };
 
 // src/components/style-sections/border-section/border-section.tsx
@@ -2818,7 +2812,7 @@ var React35 = __toESM(require("react"));
 
 // src/components/style-sections/border-section/border-color-field.tsx
 var React30 = __toESM(require("react"));
-var import_editor_controls9 = require("@elementor/editor-controls");
+var import_editor_controls8 = require("@elementor/editor-controls");
 var import_i18n10 = require("@wordpress/i18n");
 
 // src/components/styles-field-layout.tsx
@@ -2864,11 +2858,11 @@ var Column = React29.forwardRef(
 
 // src/components/style-sections/border-section/border-color-field.tsx
 var BORDER_COLOR_LABEL = (0, import_i18n10.__)("Border color", "elementor");
-var BorderColorField = () => /* @__PURE__ */ React30.createElement(StylesField, { bind: "border-color", propDisplayName: BORDER_COLOR_LABEL }, /* @__PURE__ */ React30.createElement(StylesFieldLayout, { label: BORDER_COLOR_LABEL }, /* @__PURE__ */ React30.createElement(import_editor_controls9.ColorControl, null)));
+var BorderColorField = () => /* @__PURE__ */ React30.createElement(StylesField, { bind: "border-color", propDisplayName: BORDER_COLOR_LABEL }, /* @__PURE__ */ React30.createElement(StylesFieldLayout, { label: BORDER_COLOR_LABEL }, /* @__PURE__ */ React30.createElement(import_editor_controls8.ColorControl, null)));
 
 // src/components/style-sections/border-section/border-radius-field.tsx
 var React32 = __toESM(require("react"));
-var import_editor_controls10 = require("@elementor/editor-controls");
+var import_editor_controls9 = require("@elementor/editor-controls");
 var import_editor_props11 = require("@elementor/editor-props");
 var import_icons3 = require("@elementor/icons");
 var import_ui21 = require("@elementor/ui");
@@ -2934,7 +2928,7 @@ var getCorners = (isSiteRtl) => [
 var BorderRadiusField = () => {
   const { isSiteRtl } = useDirection();
   return /* @__PURE__ */ React32.createElement(UiProviders, null, /* @__PURE__ */ React32.createElement(StylesField, { bind: "border-radius", propDisplayName: BORDER_RADIUS_LABEL }, /* @__PURE__ */ React32.createElement(
-    import_editor_controls10.EqualUnequalSizesControl,
+    import_editor_controls9.EqualUnequalSizesControl,
     {
       items: getCorners(isSiteRtl),
       label: BORDER_RADIUS_LABEL,
@@ -2947,7 +2941,7 @@ var BorderRadiusField = () => {
 
 // src/components/style-sections/border-section/border-style-field.tsx
 var React33 = __toESM(require("react"));
-var import_editor_controls11 = require("@elementor/editor-controls");
+var import_editor_controls10 = require("@elementor/editor-controls");
 var import_i18n12 = require("@wordpress/i18n");
 var BORDER_TYPE_LABEL = (0, import_i18n12.__)("Border type", "elementor");
 var borderStyles = [
@@ -2961,11 +2955,11 @@ var borderStyles = [
   { value: "inset", label: (0, import_i18n12.__)("Inset", "elementor") },
   { value: "outset", label: (0, import_i18n12.__)("Outset", "elementor") }
 ];
-var BorderStyleField = () => /* @__PURE__ */ React33.createElement(StylesField, { bind: "border-style", propDisplayName: BORDER_TYPE_LABEL }, /* @__PURE__ */ React33.createElement(StylesFieldLayout, { label: BORDER_TYPE_LABEL }, /* @__PURE__ */ React33.createElement(import_editor_controls11.SelectControl, { options: borderStyles })));
+var BorderStyleField = () => /* @__PURE__ */ React33.createElement(StylesField, { bind: "border-style", propDisplayName: BORDER_TYPE_LABEL }, /* @__PURE__ */ React33.createElement(StylesFieldLayout, { label: BORDER_TYPE_LABEL }, /* @__PURE__ */ React33.createElement(import_editor_controls10.SelectControl, { options: borderStyles })));
 
 // src/components/style-sections/border-section/border-width-field.tsx
 var React34 = __toESM(require("react"));
-var import_editor_controls12 = require("@elementor/editor-controls");
+var import_editor_controls11 = require("@elementor/editor-controls");
 var import_editor_props12 = require("@elementor/editor-props");
 var import_icons4 = require("@elementor/icons");
 var import_ui22 = require("@elementor/ui");
@@ -3002,7 +2996,7 @@ var getEdges = (isSiteRtl) => [
 var BorderWidthField = () => {
   const { isSiteRtl } = useDirection();
   return /* @__PURE__ */ React34.createElement(StylesField, { bind: "border-width", propDisplayName: BORDER_WIDTH_LABEL }, /* @__PURE__ */ React34.createElement(
-    import_editor_controls12.EqualUnequalSizesControl,
+    import_editor_controls11.EqualUnequalSizesControl,
     {
       items: getEdges(isSiteRtl),
       label: BORDER_WIDTH_LABEL,
@@ -3018,7 +3012,7 @@ var BorderSection = () => /* @__PURE__ */ React35.createElement(SectionContent,
 
 // src/components/style-sections/effects-section/effects-section.tsx
 var React39 = __toESM(require("react"));
-var import_editor_controls15 = require("@elementor/editor-controls");
+var import_editor_controls14 = require("@elementor/editor-controls");
 var import_editor_elements11 = require("@elementor/editor-elements");
 var import_i18n16 = require("@wordpress/i18n");
 
@@ -3057,7 +3051,7 @@ var PanelDivider = () => /* @__PURE__ */ React36.createElement(import_ui23.Divid
 
 // src/components/style-sections/effects-section/blend-mode-field.tsx
 var React37 = __toESM(require("react"));
-var import_editor_controls13 = require("@elementor/editor-controls");
+var import_editor_controls12 = require("@elementor/editor-controls");
 var import_i18n14 = require("@wordpress/i18n");
 var BLEND_MODE_LABEL = (0, import_i18n14.__)("Blend mode", "elementor");
 var blendModeOptions = [
@@ -3079,18 +3073,18 @@ var blendModeOptions = [
   { label: (0, import_i18n14.__)("Hard light", "elementor"), value: "hard-light" }
 ];
 var BlendModeField = () => {
-  return /* @__PURE__ */ React37.createElement(StylesField, { bind: "mix-blend-mode", propDisplayName: BLEND_MODE_LABEL }, /* @__PURE__ */ React37.createElement(StylesFieldLayout, { label: BLEND_MODE_LABEL }, /* @__PURE__ */ React37.createElement(import_editor_controls13.SelectControl, { options: blendModeOptions })));
+  return /* @__PURE__ */ React37.createElement(StylesField, { bind: "mix-blend-mode", propDisplayName: BLEND_MODE_LABEL }, /* @__PURE__ */ React37.createElement(StylesFieldLayout, { label: BLEND_MODE_LABEL }, /* @__PURE__ */ React37.createElement(import_editor_controls12.SelectControl, { options: blendModeOptions })));
 };
 
 // src/components/style-sections/effects-section/opacity-control-field.tsx
 var React38 = __toESM(require("react"));
 var import_react21 = require("react");
-var import_editor_controls14 = require("@elementor/editor-controls");
+var import_editor_controls13 = require("@elementor/editor-controls");
 var import_i18n15 = require("@wordpress/i18n");
 var OPACITY_LABEL = (0, import_i18n15.__)("Opacity", "elementor");
 var OpacityControlField = () => {
   const rowRef = (0, import_react21.useRef)(null);
-  return /* @__PURE__ */ React38.createElement(StylesField, { bind: "opacity", propDisplayName: OPACITY_LABEL }, /* @__PURE__ */ React38.createElement(StylesFieldLayout, { ref: rowRef, label: OPACITY_LABEL }, /* @__PURE__ */ React38.createElement(import_editor_controls14.SizeControl, { units: ["%"], anchorRef: rowRef, defaultUnit: "%" })));
+  return /* @__PURE__ */ React38.createElement(StylesField, { bind: "opacity", propDisplayName: OPACITY_LABEL }, /* @__PURE__ */ React38.createElement(StylesFieldLayout, { ref: rowRef, label: OPACITY_LABEL }, /* @__PURE__ */ React38.createElement(import_editor_controls13.SizeControl, { units: ["%"], anchorRef: rowRef, defaultUnit: "%" })));
 };
 
 // src/components/style-sections/effects-section/effects-section.tsx
@@ -3102,18 +3096,18 @@ var TRANSITIONS_LABEL = (0, import_i18n16.__)("Transitions", "elementor");
 var EffectsSection = () => {
   const { element } = (0, import_editor_elements11.useSelectedElement)();
   const { meta } = useStyle();
-  return /* @__PURE__ */ React39.createElement(SectionContent, { gap: 1 }, /* @__PURE__ */ React39.createElement(BlendModeField, null), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(OpacityControlField, null), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(StylesField, { bind: "box-shadow", propDisplayName: BOX_SHADOW_LABEL }, /* @__PURE__ */ React39.createElement(import_editor_controls15.BoxShadowRepeaterControl, null)), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(StylesField, { bind: "transform", propDisplayName: TRANSFORM_LABEL }, /* @__PURE__ */ React39.createElement(import_editor_controls15.TransformRepeaterControl, null)), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(StylesField, { bind: "transition", propDisplayName: TRANSITIONS_LABEL }, /* @__PURE__ */ React39.createElement(
-    import_editor_controls15.TransitionRepeaterControl,
+  return /* @__PURE__ */ React39.createElement(SectionContent, { gap: 1 }, /* @__PURE__ */ React39.createElement(BlendModeField, null), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(OpacityControlField, null), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(StylesField, { bind: "box-shadow", propDisplayName: BOX_SHADOW_LABEL }, /* @__PURE__ */ React39.createElement(import_editor_controls14.BoxShadowRepeaterControl, null)), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(StylesField, { bind: "transform", propDisplayName: TRANSFORM_LABEL }, /* @__PURE__ */ React39.createElement(import_editor_controls14.TransformRepeaterControl, null)), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(StylesField, { bind: "transition", propDisplayName: TRANSITIONS_LABEL }, /* @__PURE__ */ React39.createElement(
+    import_editor_controls14.TransitionRepeaterControl,
     {
       currentStyleState: meta.state,
       recentlyUsedListGetter: () => getRecentlyUsedList(element?.id ?? "")
     }
-  )), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(StylesField, { bind: "filter", propDisplayName: FILTER_LABEL }, /* @__PURE__ */ React39.createElement(import_editor_controls15.FilterRepeaterControl, null)), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(StylesField, { bind: "backdrop-filter", propDisplayName: BACKDROP_FILTER_LABEL }, /* @__PURE__ */ React39.createElement(import_editor_controls15.FilterRepeaterControl, { filterPropName: "backdrop-filter" })));
+  )), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(StylesField, { bind: "filter", propDisplayName: FILTER_LABEL }, /* @__PURE__ */ React39.createElement(import_editor_controls14.FilterRepeaterControl, null)), /* @__PURE__ */ React39.createElement(PanelDivider, null), /* @__PURE__ */ React39.createElement(StylesField, { bind: "backdrop-filter", propDisplayName: BACKDROP_FILTER_LABEL }, /* @__PURE__ */ React39.createElement(import_editor_controls14.FilterRepeaterControl, { filterPropName: "backdrop-filter" })));
 };
 
 // src/components/style-sections/layout-section/layout-section.tsx
 var React51 = __toESM(require("react"));
-var import_editor_controls26 = require("@elementor/editor-controls");
+var import_editor_controls25 = require("@elementor/editor-controls");
 var import_editor_elements12 = require("@elementor/editor-elements");
 var import_i18n28 = require("@wordpress/i18n");
 
@@ -3143,7 +3137,7 @@ function useComputedStyle(elementId) {
 
 // src/components/style-sections/layout-section/align-content-field.tsx
 var React41 = __toESM(require("react"));
-var import_editor_controls16 = require("@elementor/editor-controls");
+var import_editor_controls15 = require("@elementor/editor-controls");
 var import_icons5 = require("@elementor/icons");
 var import_ui25 = require("@elementor/ui");
 var import_i18n18 = require("@wordpress/i18n");
@@ -3242,11 +3236,11 @@ var options = [
     showTooltip: true
   }
 ];
-var AlignContentField = () => /* @__PURE__ */ React41.createElement(StylesField, { bind: "align-content", propDisplayName: ALIGN_CONTENT_LABEL }, /* @__PURE__ */ React41.createElement(UiProviders, null, /* @__PURE__ */ React41.createElement(StylesFieldLayout, { label: ALIGN_CONTENT_LABEL, direction: "column" }, /* @__PURE__ */ React41.createElement(import_editor_controls16.ToggleControl, { options, fullWidth: true }))));
+var AlignContentField = () => /* @__PURE__ */ React41.createElement(StylesField, { bind: "align-content", propDisplayName: ALIGN_CONTENT_LABEL }, /* @__PURE__ */ React41.createElement(UiProviders, null, /* @__PURE__ */ React41.createElement(StylesFieldLayout, { label: ALIGN_CONTENT_LABEL, direction: "column" }, /* @__PURE__ */ React41.createElement(import_editor_controls15.ToggleControl, { options, fullWidth: true }))));
 
 // src/components/style-sections/layout-section/align-items-field.tsx
 var React42 = __toESM(require("react"));
-var import_editor_controls17 = require("@elementor/editor-controls");
+var import_editor_controls16 = require("@elementor/editor-controls");
 var import_icons6 = require("@elementor/icons");
 var import_ui26 = require("@elementor/ui");
 var import_i18n19 = require("@wordpress/i18n");
@@ -3284,12 +3278,12 @@ var options2 = [
   }
 ];
 var AlignItemsField = () => {
-  return /* @__PURE__ */ React42.createElement(UiProviders, null, /* @__PURE__ */ React42.createElement(StylesField, { bind: "align-items", propDisplayName: ALIGN_ITEMS_LABEL }, /* @__PURE__ */ React42.createElement(StylesFieldLayout, { label: ALIGN_ITEMS_LABEL }, /* @__PURE__ */ React42.createElement(import_editor_controls17.ToggleControl, { options: options2 }))));
+  return /* @__PURE__ */ React42.createElement(UiProviders, null, /* @__PURE__ */ React42.createElement(StylesField, { bind: "align-items", propDisplayName: ALIGN_ITEMS_LABEL }, /* @__PURE__ */ React42.createElement(StylesFieldLayout, { label: ALIGN_ITEMS_LABEL }, /* @__PURE__ */ React42.createElement(import_editor_controls16.ToggleControl, { options: options2 }))));
 };
 
 // src/components/style-sections/layout-section/align-self-child-field.tsx
 var React43 = __toESM(require("react"));
-var import_editor_controls18 = require("@elementor/editor-controls");
+var import_editor_controls17 = require("@elementor/editor-controls");
 var import_icons7 = require("@elementor/icons");
 var import_ui27 = require("@elementor/ui");
 var import_i18n20 = require("@wordpress/i18n");
@@ -3363,11 +3357,11 @@ var getOptions = (parentStyleDirection) => [
     showTooltip: true
   }
 ];
-var AlignSelfChild = ({ parentStyleDirection }) => /* @__PURE__ */ React43.createElement(StylesField, { bind: "align-self", propDisplayName: ALIGN_SELF_LABEL }, /* @__PURE__ */ React43.createElement(UiProviders, null, /* @__PURE__ */ React43.createElement(StylesFieldLayout, { label: ALIGN_SELF_LABEL }, /* @__PURE__ */ React43.createElement(import_editor_controls18.ToggleControl, { options: getOptions(parentStyleDirection) }))));
+var AlignSelfChild = ({ parentStyleDirection }) => /* @__PURE__ */ React43.createElement(StylesField, { bind: "align-self", propDisplayName: ALIGN_SELF_LABEL }, /* @__PURE__ */ React43.createElement(UiProviders, null, /* @__PURE__ */ React43.createElement(StylesFieldLayout, { label: ALIGN_SELF_LABEL }, /* @__PURE__ */ React43.createElement(import_editor_controls17.ToggleControl, { options: getOptions(parentStyleDirection) }))));
 
 // src/components/style-sections/layout-section/display-field.tsx
 var React44 = __toESM(require("react"));
-var import_editor_controls19 = require("@elementor/editor-controls");
+var import_editor_controls18 = require("@elementor/editor-controls");
 var import_i18n21 = require("@wordpress/i18n");
 var DISPLAY_LABEL = (0, import_i18n21.__)("Display", "elementor");
 var displayFieldItems = [
@@ -3404,13 +3398,13 @@ var displayFieldItems = [
 ];
 var DisplayField = () => {
   const placeholder = useDisplayPlaceholderValue();
-  return /* @__PURE__ */ React44.createElement(StylesField, { bind: "display", propDisplayName: DISPLAY_LABEL, placeholder }, /* @__PURE__ */ React44.createElement(StylesFieldLayout, { label: DISPLAY_LABEL, direction: "column" }, /* @__PURE__ */ React44.createElement(import_editor_controls19.ToggleControl, { options: displayFieldItems, maxItems: 4, fullWidth: true })));
+  return /* @__PURE__ */ React44.createElement(StylesField, { bind: "display", propDisplayName: DISPLAY_LABEL, placeholder }, /* @__PURE__ */ React44.createElement(StylesFieldLayout, { label: DISPLAY_LABEL, direction: "column" }, /* @__PURE__ */ React44.createElement(import_editor_controls18.ToggleControl, { options: displayFieldItems, maxItems: 4, fullWidth: true })));
 };
 var useDisplayPlaceholderValue = () => useStylesInheritanceChain(["display"])[0]?.value ?? void 0;
 
 // src/components/style-sections/layout-section/flex-direction-field.tsx
 var React45 = __toESM(require("react"));
-var import_editor_controls20 = require("@elementor/editor-controls");
+var import_editor_controls19 = require("@elementor/editor-controls");
 var import_icons8 = require("@elementor/icons");
 var import_ui28 = require("@elementor/ui");
 var import_i18n22 = require("@wordpress/i18n");
@@ -3448,13 +3442,13 @@ var options3 = [
   }
 ];
 var FlexDirectionField = () => {
-  return /* @__PURE__ */ React45.createElement(StylesField, { bind: "flex-direction", propDisplayName: FLEX_DIRECTION_LABEL2 }, /* @__PURE__ */ React45.createElement(UiProviders, null, /* @__PURE__ */ React45.createElement(StylesFieldLayout, { label: FLEX_DIRECTION_LABEL2 }, /* @__PURE__ */ React45.createElement(import_editor_controls20.ToggleControl, { options: options3 }))));
+  return /* @__PURE__ */ React45.createElement(StylesField, { bind: "flex-direction", propDisplayName: FLEX_DIRECTION_LABEL2 }, /* @__PURE__ */ React45.createElement(UiProviders, null, /* @__PURE__ */ React45.createElement(StylesFieldLayout, { label: FLEX_DIRECTION_LABEL2 }, /* @__PURE__ */ React45.createElement(import_editor_controls19.ToggleControl, { options: options3 }))));
 };
 
 // src/components/style-sections/layout-section/flex-order-field.tsx
 var React46 = __toESM(require("react"));
 var import_react23 = require("react");
-var import_editor_controls21 = require("@elementor/editor-controls");
+var import_editor_controls20 = require("@elementor/editor-controls");
 var import_icons9 = require("@elementor/icons");
 var import_ui29 = require("@elementor/ui");
 var import_i18n23 = require("@wordpress/i18n");
@@ -3499,7 +3493,7 @@ function FlexOrderFieldContent() {
   } = useStylesField("order", {
     history: { propDisplayName: ORDER_LABEL }
   });
-  const { placeholder } = (0, import_editor_controls21.useBoundProp)();
+  const { placeholder } = (0, import_editor_controls20.useBoundProp)();
   const placeholderValue = placeholder;
   const currentGroup = (0, import_react23.useMemo)(() => getGroupControlValue(order?.value ?? null), [order]);
   const [activeGroup, setActiveGroup] = (0, import_react23.useState)(currentGroup);
@@ -3535,7 +3529,7 @@ function FlexOrderFieldContent() {
   const isCustomVisible = CUSTOM === activeGroup || CUSTOM === groupPlaceholder;
   const orderPlaceholder = CUSTOM === groupPlaceholder ? String(placeholderValue?.value ?? null) : "";
   return /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(StylesFieldLayout, { label: ORDER_LABEL }, /* @__PURE__ */ React46.createElement(
-    import_editor_controls21.ControlToggleButtonGroup,
+    import_editor_controls20.ControlToggleButtonGroup,
     {
       items,
       value: activeGroup,
@@ -3545,7 +3539,7 @@ function FlexOrderFieldContent() {
       disabled: !canEdit
     }
   )), isCustomVisible && /* @__PURE__ */ React46.createElement(import_ui29.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React46.createElement(import_ui29.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React46.createElement(ControlLabel, null, (0, import_i18n23.__)("Custom order", "elementor"))), /* @__PURE__ */ React46.createElement(import_ui29.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "end" } }, /* @__PURE__ */ React46.createElement(
-    import_editor_controls21.NumberControl,
+    import_editor_controls20.NumberControl,
     {
       min: FIRST_DEFAULT_VALUE + 1,
       max: LAST_DEFAULT_VALUE - 1,
@@ -3570,7 +3564,7 @@ var getGroupControlValue = (order) => {
 // src/components/style-sections/layout-section/flex-size-field.tsx
 var React47 = __toESM(require("react"));
 var import_react24 = require("react");
-var import_editor_controls22 = require("@elementor/editor-controls");
+var import_editor_controls21 = require("@elementor/editor-controls");
 var import_editor_props13 = require("@elementor/editor-props");
 var import_icons10 = require("@elementor/icons");
 var import_i18n24 = require("@wordpress/i18n");
@@ -3603,7 +3597,7 @@ var FlexSizeFieldContent = () => {
   const { value, setValue, canEdit } = useStylesField("flex", {
     history: { propDisplayName: FLEX_SIZE_LABEL }
   });
-  const { placeholder } = (0, import_editor_controls22.useBoundProp)();
+  const { placeholder } = (0, import_editor_controls21.useBoundProp)();
   const flexValues = extractFlexValues(value);
   const currentGroup = (0, import_react24.useMemo)(() => getActiveGroup(flexValues), [flexValues]);
   const [activeGroup, setActiveGroup] = (0, import_react24.useState)(currentGroup);
@@ -3627,7 +3621,7 @@ var FlexSizeFieldContent = () => {
   const groupPlaceholder = getActiveGroup(extractFlexValues(placeholder));
   const isCustomVisible = "custom" === activeGroup || "custom" === groupPlaceholder;
   return /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(StylesFieldLayout, { label: FLEX_SIZE_LABEL }, /* @__PURE__ */ React47.createElement(
-    import_editor_controls22.ControlToggleButtonGroup,
+    import_editor_controls21.ControlToggleButtonGroup,
     {
       value: activeGroup ?? null,
       placeholder: groupPlaceholder ?? null,
@@ -3677,8 +3671,8 @@ var createFlexValueForGroup = (group, flexValue) => {
 };
 var FlexCustomField = () => {
   const flexBasisRowRef = (0, import_react24.useRef)(null);
-  const context = (0, import_editor_controls22.useBoundProp)(import_editor_props13.flexPropTypeUtil);
-  return /* @__PURE__ */ React47.createElement(import_editor_controls22.PropProvider, { ...context }, /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(StylesFieldLayout, { label: (0, import_i18n24.__)("Grow", "elementor") }, /* @__PURE__ */ React47.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexGrow" }, /* @__PURE__ */ React47.createElement(import_editor_controls22.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React47.createElement(StylesFieldLayout, { label: (0, import_i18n24.__)("Shrink", "elementor") }, /* @__PURE__ */ React47.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexShrink" }, /* @__PURE__ */ React47.createElement(import_editor_controls22.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React47.createElement(StylesFieldLayout, { label: (0, import_i18n24.__)("Basis", "elementor"), ref: flexBasisRowRef }, /* @__PURE__ */ React47.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexBasis" }, /* @__PURE__ */ React47.createElement(import_editor_controls22.SizeControl, { extendedOptions: ["auto"], anchorRef: flexBasisRowRef })))));
+  const context = (0, import_editor_controls21.useBoundProp)(import_editor_props13.flexPropTypeUtil);
+  return /* @__PURE__ */ React47.createElement(import_editor_controls21.PropProvider, { ...context }, /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(StylesFieldLayout, { label: (0, import_i18n24.__)("Grow", "elementor") }, /* @__PURE__ */ React47.createElement(import_editor_controls21.PropKeyProvider, { bind: "flexGrow" }, /* @__PURE__ */ React47.createElement(import_editor_controls21.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React47.createElement(StylesFieldLayout, { label: (0, import_i18n24.__)("Shrink", "elementor") }, /* @__PURE__ */ React47.createElement(import_editor_controls21.PropKeyProvider, { bind: "flexShrink" }, /* @__PURE__ */ React47.createElement(import_editor_controls21.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React47.createElement(StylesFieldLayout, { label: (0, import_i18n24.__)("Basis", "elementor"), ref: flexBasisRowRef }, /* @__PURE__ */ React47.createElement(import_editor_controls21.PropKeyProvider, { bind: "flexBasis" }, /* @__PURE__ */ React47.createElement(import_editor_controls21.SizeControl, { extendedOptions: ["auto"], anchorRef: flexBasisRowRef })))));
 };
 var getActiveGroup = ({
   grow,
@@ -3703,16 +3697,16 @@ var getActiveGroup = ({
 
 // src/components/style-sections/layout-section/gap-control-field.tsx
 var React48 = __toESM(require("react"));
-var import_editor_controls23 = require("@elementor/editor-controls");
+var import_editor_controls22 = require("@elementor/editor-controls");
 var import_i18n25 = require("@wordpress/i18n");
 var GAPS_LABEL = (0, import_i18n25.__)("Gaps", "elementor");
 var GapControlField = () => {
-  return /* @__PURE__ */ React48.createElement(StylesField, { bind: "gap", propDisplayName: GAPS_LABEL }, /* @__PURE__ */ React48.createElement(import_editor_controls23.GapControl, { label: GAPS_LABEL }));
+  return /* @__PURE__ */ React48.createElement(StylesField, { bind: "gap", propDisplayName: GAPS_LABEL }, /* @__PURE__ */ React48.createElement(import_editor_controls22.GapControl, { label: GAPS_LABEL }));
 };
 
 // src/components/style-sections/layout-section/justify-content-field.tsx
 var React49 = __toESM(require("react"));
-var import_editor_controls24 = require("@elementor/editor-controls");
+var import_editor_controls23 = require("@elementor/editor-controls");
 var import_icons11 = require("@elementor/icons");
 var import_ui30 = require("@elementor/ui");
 var import_i18n26 = require("@wordpress/i18n");
@@ -3761,11 +3755,11 @@ var options4 = [
     showTooltip: true
   }
 ];
-var JustifyContentField = () => /* @__PURE__ */ React49.createElement(StylesField, { bind: "justify-content", propDisplayName: JUSTIFY_CONTENT_LABEL }, /* @__PURE__ */ React49.createElement(UiProviders, null, /* @__PURE__ */ React49.createElement(StylesFieldLayout, { label: JUSTIFY_CONTENT_LABEL, direction: "column" }, /* @__PURE__ */ React49.createElement(import_editor_controls24.ToggleControl, { options: options4, fullWidth: true }))));
+var JustifyContentField = () => /* @__PURE__ */ React49.createElement(StylesField, { bind: "justify-content", propDisplayName: JUSTIFY_CONTENT_LABEL }, /* @__PURE__ */ React49.createElement(UiProviders, null, /* @__PURE__ */ React49.createElement(StylesFieldLayout, { label: JUSTIFY_CONTENT_LABEL, direction: "column" }, /* @__PURE__ */ React49.createElement(import_editor_controls23.ToggleControl, { options: options4, fullWidth: true }))));
 
 // src/components/style-sections/layout-section/wrap-field.tsx
 var React50 = __toESM(require("react"));
-var import_editor_controls25 = require("@elementor/editor-controls");
+var import_editor_controls24 = require("@elementor/editor-controls");
 var import_icons12 = require("@elementor/icons");
 var import_i18n27 = require("@wordpress/i18n");
 var FLEX_WRAP_LABEL = (0, import_i18n27.__)("Wrap", "elementor");
@@ -3790,7 +3784,7 @@ var options5 = [
   }
 ];
 var WrapField = () => {
-  return /* @__PURE__ */ React50.createElement(StylesField, { bind: "flex-wrap", propDisplayName: FLEX_WRAP_LABEL }, /* @__PURE__ */ React50.createElement(UiProviders, null, /* @__PURE__ */ React50.createElement(StylesFieldLayout, { label: FLEX_WRAP_LABEL }, /* @__PURE__ */ React50.createElement(import_editor_controls25.ToggleControl, { options: options5 }))));
+  return /* @__PURE__ */ React50.createElement(StylesField, { bind: "flex-wrap", propDisplayName: FLEX_WRAP_LABEL }, /* @__PURE__ */ React50.createElement(UiProviders, null, /* @__PURE__ */ React50.createElement(StylesFieldLayout, { label: FLEX_WRAP_LABEL }, /* @__PURE__ */ React50.createElement(import_editor_controls24.ToggleControl, { options: options5 }))));
 };
 
 // src/components/style-sections/layout-section/layout-section.tsx
@@ -3814,7 +3808,7 @@ var FlexFields = () => {
   });
   return /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(FlexDirectionField, null), /* @__PURE__ */ React51.createElement(JustifyContentField, null), /* @__PURE__ */ React51.createElement(AlignItemsField, null), /* @__PURE__ */ React51.createElement(PanelDivider, null), /* @__PURE__ */ React51.createElement(GapControlField, null), /* @__PURE__ */ React51.createElement(WrapField, null), ["wrap", "wrap-reverse"].includes(flexWrap?.value) && /* @__PURE__ */ React51.createElement(AlignContentField, null));
 };
-var FlexChildFields = ({ parentStyleDirection }) => /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(PanelDivider, null), /* @__PURE__ */ React51.createElement(import_editor_controls26.ControlFormLabel, null, (0, import_i18n28.__)("Flex child", "elementor")), /* @__PURE__ */ React51.createElement(AlignSelfChild, { parentStyleDirection }), /* @__PURE__ */ React51.createElement(FlexOrderField, null), /* @__PURE__ */ React51.createElement(FlexSizeField, null));
+var FlexChildFields = ({ parentStyleDirection }) => /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(PanelDivider, null), /* @__PURE__ */ React51.createElement(import_editor_controls25.ControlFormLabel, null, (0, import_i18n28.__)("Flex child", "elementor")), /* @__PURE__ */ React51.createElement(AlignSelfChild, { parentStyleDirection }), /* @__PURE__ */ React51.createElement(FlexOrderField, null), /* @__PURE__ */ React51.createElement(FlexSizeField, null));
 var shouldDisplayFlexFields = (display, local) => {
   const value = display?.value ?? local?.value;
   if (!value) {
@@ -3831,7 +3825,7 @@ var import_i18n33 = require("@wordpress/i18n");
 // src/components/style-sections/position-section/dimensions-field.tsx
 var React52 = __toESM(require("react"));
 var import_react25 = require("react");
-var import_editor_controls27 = require("@elementor/editor-controls");
+var import_editor_controls26 = require("@elementor/editor-controls");
 var import_icons13 = require("@elementor/icons");
 var import_ui31 = require("@elementor/ui");
 var import_i18n29 = require("@wordpress/i18n");
@@ -3869,7 +3863,7 @@ var DimensionField = ({
   label,
   rowRef
 }) => /* @__PURE__ */ React52.createElement(StylesField, { bind: side, propDisplayName: label }, /* @__PURE__ */ React52.createElement(import_ui31.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React52.createElement(import_ui31.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React52.createElement(ControlLabel, null, label)), /* @__PURE__ */ React52.createElement(import_ui31.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React52.createElement(
-  import_editor_controls27.SizeControl,
+  import_editor_controls26.SizeControl,
   {
     startIcon: sideIcons[side],
     extendedOptions: ["auto"],
@@ -3881,18 +3875,18 @@ var DimensionField = ({
 // src/components/style-sections/position-section/offset-field.tsx
 var React53 = __toESM(require("react"));
 var import_react26 = require("react");
-var import_editor_controls28 = require("@elementor/editor-controls");
+var import_editor_controls27 = require("@elementor/editor-controls");
 var import_i18n30 = require("@wordpress/i18n");
 var OFFSET_LABEL = (0, import_i18n30.__)("Anchor offset", "elementor");
 var UNITS = ["px", "em", "rem", "vw", "vh"];
 var OffsetField = () => {
   const rowRef = (0, import_react26.useRef)(null);
-  return /* @__PURE__ */ React53.createElement(StylesField, { bind: "scroll-margin-top", propDisplayName: OFFSET_LABEL }, /* @__PURE__ */ React53.createElement(StylesFieldLayout, { label: OFFSET_LABEL, ref: rowRef }, /* @__PURE__ */ React53.createElement(import_editor_controls28.SizeControl, { units: UNITS, anchorRef: rowRef })));
+  return /* @__PURE__ */ React53.createElement(StylesField, { bind: "scroll-margin-top", propDisplayName: OFFSET_LABEL }, /* @__PURE__ */ React53.createElement(StylesFieldLayout, { label: OFFSET_LABEL, ref: rowRef }, /* @__PURE__ */ React53.createElement(import_editor_controls27.SizeControl, { units: UNITS, anchorRef: rowRef })));
 };
 
 // src/components/style-sections/position-section/position-field.tsx
 var React54 = __toESM(require("react"));
-var import_editor_controls29 = require("@elementor/editor-controls");
+var import_editor_controls28 = require("@elementor/editor-controls");
 var import_i18n31 = require("@wordpress/i18n");
 var POSITION_LABEL = (0, import_i18n31.__)("Position", "elementor");
 var positionOptions = [
@@ -3903,16 +3897,16 @@ var positionOptions = [
   { label: (0, import_i18n31.__)("Sticky", "elementor"), value: "sticky" }
 ];
 var PositionField = ({ onChange }) => {
-  return /* @__PURE__ */ React54.createElement(StylesField, { bind: "position", propDisplayName: POSITION_LABEL }, /* @__PURE__ */ React54.createElement(StylesFieldLayout, { label: POSITION_LABEL }, /* @__PURE__ */ React54.createElement(import_editor_controls29.SelectControl, { options: positionOptions, onChange })));
+  return /* @__PURE__ */ React54.createElement(StylesField, { bind: "position", propDisplayName: POSITION_LABEL }, /* @__PURE__ */ React54.createElement(StylesFieldLayout, { label: POSITION_LABEL }, /* @__PURE__ */ React54.createElement(import_editor_controls28.SelectControl, { options: positionOptions, onChange })));
 };
 
 // src/components/style-sections/position-section/z-index-field.tsx
 var React55 = __toESM(require("react"));
-var import_editor_controls30 = require("@elementor/editor-controls");
+var import_editor_controls29 = require("@elementor/editor-controls");
 var import_i18n32 = require("@wordpress/i18n");
 var Z_INDEX_LABEL = (0, import_i18n32.__)("Z-index", "elementor");
 var ZIndexField = () => {
-  return /* @__PURE__ */ React55.createElement(StylesField, { bind: "z-index", propDisplayName: Z_INDEX_LABEL }, /* @__PURE__ */ React55.createElement(StylesFieldLayout, { label: Z_INDEX_LABEL }, /* @__PURE__ */ React55.createElement(import_editor_controls30.NumberControl, null)));
+  return /* @__PURE__ */ React55.createElement(StylesField, { bind: "z-index", propDisplayName: Z_INDEX_LABEL }, /* @__PURE__ */ React55.createElement(StylesFieldLayout, { label: Z_INDEX_LABEL }, /* @__PURE__ */ React55.createElement(import_editor_controls29.NumberControl, null)));
 };
 
 // src/components/style-sections/position-section/position-section.tsx
@@ -3964,7 +3958,7 @@ var usePersistDimensions = () => {
 // src/components/style-sections/size-section/size-section.tsx
 var React61 = __toESM(require("react"));
 var import_react27 = require("react");
-var import_editor_controls33 = require("@elementor/editor-controls");
+var import_editor_controls32 = require("@elementor/editor-controls");
 var import_ui33 = require("@elementor/ui");
 var import_i18n37 = require("@wordpress/i18n");
 
@@ -4050,7 +4044,7 @@ function getStylesInheritanceIndicators(fields) {
 
 // src/components/style-sections/size-section/object-fit-field.tsx
 var React59 = __toESM(require("react"));
-var import_editor_controls31 = require("@elementor/editor-controls");
+var import_editor_controls30 = require("@elementor/editor-controls");
 var import_i18n35 = require("@wordpress/i18n");
 var OBJECT_FIT_LABEL = (0, import_i18n35.__)("Object fit", "elementor");
 var positionOptions2 = [
@@ -4061,12 +4055,12 @@ var positionOptions2 = [
   { label: (0, import_i18n35.__)("Scale down", "elementor"), value: "scale-down" }
 ];
 var ObjectFitField = () => {
-  return /* @__PURE__ */ React59.createElement(StylesField, { bind: "object-fit", propDisplayName: OBJECT_FIT_LABEL }, /* @__PURE__ */ React59.createElement(StylesFieldLayout, { label: OBJECT_FIT_LABEL }, /* @__PURE__ */ React59.createElement(import_editor_controls31.SelectControl, { options: positionOptions2 })));
+  return /* @__PURE__ */ React59.createElement(StylesField, { bind: "object-fit", propDisplayName: OBJECT_FIT_LABEL }, /* @__PURE__ */ React59.createElement(StylesFieldLayout, { label: OBJECT_FIT_LABEL }, /* @__PURE__ */ React59.createElement(import_editor_controls30.SelectControl, { options: positionOptions2 })));
 };
 
 // src/components/style-sections/size-section/overflow-field.tsx
 var React60 = __toESM(require("react"));
-var import_editor_controls32 = require("@elementor/editor-controls");
+var import_editor_controls31 = require("@elementor/editor-controls");
 var import_icons14 = require("@elementor/icons");
 var import_i18n36 = require("@wordpress/i18n");
 var OVERFLOW_LABEL = (0, import_i18n36.__)("Overflow", "elementor");
@@ -4091,7 +4085,7 @@ var options6 = [
   }
 ];
 var OverflowField = () => {
-  return /* @__PURE__ */ React60.createElement(StylesField, { bind: "overflow", propDisplayName: OVERFLOW_LABEL }, /* @__PURE__ */ React60.createElement(StylesFieldLayout, { label: OVERFLOW_LABEL }, /* @__PURE__ */ React60.createElement(import_editor_controls32.ToggleControl, { options: options6 })));
+  return /* @__PURE__ */ React60.createElement(StylesField, { bind: "overflow", propDisplayName: OVERFLOW_LABEL }, /* @__PURE__ */ React60.createElement(StylesFieldLayout, { label: OVERFLOW_LABEL }, /* @__PURE__ */ React60.createElement(import_editor_controls31.ToggleControl, { options: options6 })));
 };
 
 // src/components/style-sections/size-section/size-section.tsx
@@ -4130,29 +4124,29 @@ var CssSizeProps = [
 var ASPECT_RATIO_LABEL = (0, import_i18n37.__)("Aspect Ratio", "elementor");
 var SizeSection = () => {
   const gridRowRefs = [(0, import_react27.useRef)(null), (0, import_react27.useRef)(null), (0, import_react27.useRef)(null)];
-  return /* @__PURE__ */ React61.createElement(SectionContent, null, CssSizeProps.map((row, rowIndex) => /* @__PURE__ */ React61.createElement(import_ui33.Grid, { key: rowIndex, container: true, gap: 2, flexWrap: "nowrap", ref: gridRowRefs[rowIndex] }, row.map((props) => /* @__PURE__ */ React61.createElement(import_ui33.Grid, { item: true, xs: 6, key: props.bind }, /* @__PURE__ */ React61.createElement(SizeField, { ...props, rowRef: gridRowRefs[rowIndex], extendedOptions: ["auto"] }))))), /* @__PURE__ */ React61.createElement(PanelDivider, null), /* @__PURE__ */ React61.createElement(import_ui33.Stack, null, /* @__PURE__ */ React61.createElement(OverflowField, null)), /* @__PURE__ */ React61.createElement(StyleTabCollapsibleContent, { fields: ["aspect-ratio", "object-fit"] }, /* @__PURE__ */ React61.createElement(import_ui33.Stack, { gap: 2, pt: 2 }, /* @__PURE__ */ React61.createElement(StylesField, { bind: "aspect-ratio", propDisplayName: ASPECT_RATIO_LABEL }, /* @__PURE__ */ React61.createElement(import_editor_controls33.AspectRatioControl, { label: ASPECT_RATIO_LABEL })), /* @__PURE__ */ React61.createElement(PanelDivider, null), /* @__PURE__ */ React61.createElement(ObjectFitField, null), /* @__PURE__ */ React61.createElement(StylesField, { bind: "object-position", propDisplayName: (0, import_i18n37.__)("Object position", "elementor") }, /* @__PURE__ */ React61.createElement(import_ui33.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React61.createElement(import_editor_controls33.PositionControl, null))))));
+  return /* @__PURE__ */ React61.createElement(SectionContent, null, CssSizeProps.map((row, rowIndex) => /* @__PURE__ */ React61.createElement(import_ui33.Grid, { key: rowIndex, container: true, gap: 2, flexWrap: "nowrap", ref: gridRowRefs[rowIndex] }, row.map((props) => /* @__PURE__ */ React61.createElement(import_ui33.Grid, { item: true, xs: 6, key: props.bind }, /* @__PURE__ */ React61.createElement(SizeField, { ...props, rowRef: gridRowRefs[rowIndex], extendedOptions: ["auto"] }))))), /* @__PURE__ */ React61.createElement(PanelDivider, null), /* @__PURE__ */ React61.createElement(import_ui33.Stack, null, /* @__PURE__ */ React61.createElement(OverflowField, null)), /* @__PURE__ */ React61.createElement(StyleTabCollapsibleContent, { fields: ["aspect-ratio", "object-fit"] }, /* @__PURE__ */ React61.createElement(import_ui33.Stack, { gap: 2, pt: 2 }, /* @__PURE__ */ React61.createElement(StylesField, { bind: "aspect-ratio", propDisplayName: ASPECT_RATIO_LABEL }, /* @__PURE__ */ React61.createElement(import_editor_controls32.AspectRatioControl, { label: ASPECT_RATIO_LABEL })), /* @__PURE__ */ React61.createElement(PanelDivider, null), /* @__PURE__ */ React61.createElement(ObjectFitField, null), /* @__PURE__ */ React61.createElement(StylesField, { bind: "object-position", propDisplayName: (0, import_i18n37.__)("Object position", "elementor") }, /* @__PURE__ */ React61.createElement(import_ui33.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React61.createElement(import_editor_controls32.PositionControl, null))))));
 };
 var SizeField = ({ label, bind, rowRef, extendedOptions }) => {
-  return /* @__PURE__ */ React61.createElement(StylesField, { bind, propDisplayName: label }, /* @__PURE__ */ React61.createElement(import_ui33.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React61.createElement(import_ui33.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(ControlLabel, null, label)), /* @__PURE__ */ React61.createElement(import_ui33.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(import_editor_controls33.SizeControl, { extendedOptions, anchorRef: rowRef }))));
+  return /* @__PURE__ */ React61.createElement(StylesField, { bind, propDisplayName: label }, /* @__PURE__ */ React61.createElement(import_ui33.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React61.createElement(import_ui33.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(ControlLabel, null, label)), /* @__PURE__ */ React61.createElement(import_ui33.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React61.createElement(import_editor_controls32.SizeControl, { extendedOptions, anchorRef: rowRef }))));
 };
 
 // src/components/style-sections/spacing-section/spacing-section.tsx
 var React62 = __toESM(require("react"));
-var import_editor_controls34 = require("@elementor/editor-controls");
+var import_editor_controls33 = require("@elementor/editor-controls");
 var import_i18n38 = require("@wordpress/i18n");
 var MARGIN_LABEL = (0, import_i18n38.__)("Margin", "elementor");
 var PADDING_LABEL = (0, import_i18n38.__)("Padding", "elementor");
 var SpacingSection = () => {
   const { isSiteRtl } = useDirection();
   return /* @__PURE__ */ React62.createElement(SectionContent, null, /* @__PURE__ */ React62.createElement(StylesField, { bind: "margin", propDisplayName: MARGIN_LABEL }, /* @__PURE__ */ React62.createElement(
-    import_editor_controls34.LinkedDimensionsControl,
+    import_editor_controls33.LinkedDimensionsControl,
     {
       label: MARGIN_LABEL,
       isSiteRtl,
       extendedOptions: ["auto"],
       min: -Number.MAX_SAFE_INTEGER
     }
-  )), /* @__PURE__ */ React62.createElement(PanelDivider, null), /* @__PURE__ */ React62.createElement(StylesField, { bind: "padding", propDisplayName: PADDING_LABEL }, /* @__PURE__ */ React62.createElement(import_editor_controls34.LinkedDimensionsControl, { label: PADDING_LABEL, isSiteRtl })));
+  )), /* @__PURE__ */ React62.createElement(PanelDivider, null), /* @__PURE__ */ React62.createElement(StylesField, { bind: "padding", propDisplayName: PADDING_LABEL }, /* @__PURE__ */ React62.createElement(import_editor_controls33.LinkedDimensionsControl, { label: PADDING_LABEL, isSiteRtl })));
 };
 
 // src/components/style-sections/typography-section/typography-section.tsx
@@ -4160,38 +4154,38 @@ var React79 = __toESM(require("react"));
 
 // src/components/style-sections/typography-section/column-count-field.tsx
 var React63 = __toESM(require("react"));
-var import_editor_controls35 = require("@elementor/editor-controls");
+var import_editor_controls34 = require("@elementor/editor-controls");
 var import_i18n39 = require("@wordpress/i18n");
 var COLUMN_COUNT_LABEL = (0, import_i18n39.__)("Columns", "elementor");
 var ColumnCountField = () => {
-  return /* @__PURE__ */ React63.createElement(StylesField, { bind: "column-count", propDisplayName: COLUMN_COUNT_LABEL }, /* @__PURE__ */ React63.createElement(StylesFieldLayout, { label: COLUMN_COUNT_LABEL }, /* @__PURE__ */ React63.createElement(import_editor_controls35.NumberControl, { shouldForceInt: true, min: 0, step: 1 })));
+  return /* @__PURE__ */ React63.createElement(StylesField, { bind: "column-count", propDisplayName: COLUMN_COUNT_LABEL }, /* @__PURE__ */ React63.createElement(StylesFieldLayout, { label: COLUMN_COUNT_LABEL }, /* @__PURE__ */ React63.createElement(import_editor_controls34.NumberControl, { shouldForceInt: true, min: 0, step: 1 })));
 };
 
 // src/components/style-sections/typography-section/column-gap-field.tsx
 var React64 = __toESM(require("react"));
 var import_react28 = require("react");
-var import_editor_controls36 = require("@elementor/editor-controls");
+var import_editor_controls35 = require("@elementor/editor-controls");
 var import_i18n40 = require("@wordpress/i18n");
 var COLUMN_GAP_LABEL = (0, import_i18n40.__)("Column gap", "elementor");
 var ColumnGapField = () => {
   const rowRef = (0, import_react28.useRef)(null);
-  return /* @__PURE__ */ React64.createElement(StylesField, { bind: "column-gap", propDisplayName: COLUMN_GAP_LABEL }, /* @__PURE__ */ React64.createElement(StylesFieldLayout, { label: COLUMN_GAP_LABEL, ref: rowRef }, /* @__PURE__ */ React64.createElement(import_editor_controls36.SizeControl, { anchorRef: rowRef })));
+  return /* @__PURE__ */ React64.createElement(StylesField, { bind: "column-gap", propDisplayName: COLUMN_GAP_LABEL }, /* @__PURE__ */ React64.createElement(StylesFieldLayout, { label: COLUMN_GAP_LABEL, ref: rowRef }, /* @__PURE__ */ React64.createElement(import_editor_controls35.SizeControl, { anchorRef: rowRef })));
 };
 
 // src/components/style-sections/typography-section/font-family-field.tsx
 var React65 = __toESM(require("react"));
-var import_editor_controls37 = require("@elementor/editor-controls");
+var import_editor_controls36 = require("@elementor/editor-controls");
 var import_editor_ui7 = require("@elementor/editor-ui");
 var import_i18n41 = require("@wordpress/i18n");
 var FONT_FAMILY_LABEL = (0, import_i18n41.__)("Font family", "elementor");
 var FontFamilyField = () => {
-  const fontFamilies = (0, import_editor_controls37.useFontFamilies)();
+  const fontFamilies = (0, import_editor_controls36.useFontFamilies)();
   const sectionWidth = (0, import_editor_ui7.useSectionWidth)();
   if (fontFamilies.length === 0) {
     return null;
   }
   return /* @__PURE__ */ React65.createElement(StylesField, { bind: "font-family", propDisplayName: FONT_FAMILY_LABEL }, /* @__PURE__ */ React65.createElement(StylesFieldLayout, { label: FONT_FAMILY_LABEL }, /* @__PURE__ */ React65.createElement(
-    import_editor_controls37.FontFamilyControl,
+    import_editor_controls36.FontFamilyControl,
     {
       fontFamilies,
       sectionWidth,
@@ -4203,17 +4197,17 @@ var FontFamilyField = () => {
 // src/components/style-sections/typography-section/font-size-field.tsx
 var React66 = __toESM(require("react"));
 var import_react29 = require("react");
-var import_editor_controls38 = require("@elementor/editor-controls");
+var import_editor_controls37 = require("@elementor/editor-controls");
 var import_i18n42 = require("@wordpress/i18n");
 var FONT_SIZE_LABEL = (0, import_i18n42.__)("Font size", "elementor");
 var FontSizeField = () => {
   const rowRef = (0, import_react29.useRef)(null);
-  return /* @__PURE__ */ React66.createElement(StylesField, { bind: "font-size", propDisplayName: FONT_SIZE_LABEL }, /* @__PURE__ */ React66.createElement(StylesFieldLayout, { label: FONT_SIZE_LABEL, ref: rowRef }, /* @__PURE__ */ React66.createElement(import_editor_controls38.SizeControl, { anchorRef: rowRef, ariaLabel: FONT_SIZE_LABEL })));
+  return /* @__PURE__ */ React66.createElement(StylesField, { bind: "font-size", propDisplayName: FONT_SIZE_LABEL }, /* @__PURE__ */ React66.createElement(StylesFieldLayout, { label: FONT_SIZE_LABEL, ref: rowRef }, /* @__PURE__ */ React66.createElement(import_editor_controls37.SizeControl, { anchorRef: rowRef, ariaLabel: FONT_SIZE_LABEL })));
 };
 
 // src/components/style-sections/typography-section/font-style-field.tsx
 var React67 = __toESM(require("react"));
-var import_editor_controls39 = require("@elementor/editor-controls");
+var import_editor_controls38 = require("@elementor/editor-controls");
 var import_icons15 = require("@elementor/icons");
 var import_i18n43 = require("@wordpress/i18n");
 var FONT_STYLE_LABEL = (0, import_i18n43.__)("Font style", "elementor");
@@ -4232,12 +4226,12 @@ var options7 = [
   }
 ];
 var FontStyleField = () => {
-  return /* @__PURE__ */ React67.createElement(StylesField, { bind: "font-style", propDisplayName: FONT_STYLE_LABEL }, /* @__PURE__ */ React67.createElement(StylesFieldLayout, { label: FONT_STYLE_LABEL }, /* @__PURE__ */ React67.createElement(import_editor_controls39.ToggleControl, { options: options7 })));
+  return /* @__PURE__ */ React67.createElement(StylesField, { bind: "font-style", propDisplayName: FONT_STYLE_LABEL }, /* @__PURE__ */ React67.createElement(StylesFieldLayout, { label: FONT_STYLE_LABEL }, /* @__PURE__ */ React67.createElement(import_editor_controls38.ToggleControl, { options: options7 })));
 };
 
 // src/components/style-sections/typography-section/font-weight-field.tsx
 var React68 = __toESM(require("react"));
-var import_editor_controls40 = require("@elementor/editor-controls");
+var import_editor_controls39 = require("@elementor/editor-controls");
 var import_i18n44 = require("@wordpress/i18n");
 var FONT_WEIGHT_LABEL = (0, import_i18n44.__)("Font weight", "elementor");
 var fontWeightOptions = [
@@ -4252,34 +4246,34 @@ var fontWeightOptions = [
   { value: "900", label: (0, import_i18n44.__)("900 - Black", "elementor") }
 ];
 var FontWeightField = () => {
-  return /* @__PURE__ */ React68.createElement(StylesField, { bind: "font-weight", propDisplayName: FONT_WEIGHT_LABEL }, /* @__PURE__ */ React68.createElement(StylesFieldLayout, { label: FONT_WEIGHT_LABEL }, /* @__PURE__ */ React68.createElement(import_editor_controls40.SelectControl, { options: fontWeightOptions })));
+  return /* @__PURE__ */ React68.createElement(StylesField, { bind: "font-weight", propDisplayName: FONT_WEIGHT_LABEL }, /* @__PURE__ */ React68.createElement(StylesFieldLayout, { label: FONT_WEIGHT_LABEL }, /* @__PURE__ */ React68.createElement(import_editor_controls39.SelectControl, { options: fontWeightOptions })));
 };
 
 // src/components/style-sections/typography-section/letter-spacing-field.tsx
 var React69 = __toESM(require("react"));
 var import_react30 = require("react");
-var import_editor_controls41 = require("@elementor/editor-controls");
+var import_editor_controls40 = require("@elementor/editor-controls");
 var import_i18n45 = require("@wordpress/i18n");
 var LETTER_SPACING_LABEL = (0, import_i18n45.__)("Letter spacing", "elementor");
 var LetterSpacingField = () => {
   const rowRef = (0, import_react30.useRef)(null);
-  return /* @__PURE__ */ React69.createElement(StylesField, { bind: "letter-spacing", propDisplayName: LETTER_SPACING_LABEL }, /* @__PURE__ */ React69.createElement(StylesFieldLayout, { label: LETTER_SPACING_LABEL, ref: rowRef }, /* @__PURE__ */ React69.createElement(import_editor_controls41.SizeControl, { anchorRef: rowRef, min: -Number.MAX_SAFE_INTEGER })));
+  return /* @__PURE__ */ React69.createElement(StylesField, { bind: "letter-spacing", propDisplayName: LETTER_SPACING_LABEL }, /* @__PURE__ */ React69.createElement(StylesFieldLayout, { label: LETTER_SPACING_LABEL, ref: rowRef }, /* @__PURE__ */ React69.createElement(import_editor_controls40.SizeControl, { anchorRef: rowRef, min: -Number.MAX_SAFE_INTEGER })));
 };
 
 // src/components/style-sections/typography-section/line-height-field.tsx
 var React70 = __toESM(require("react"));
 var import_react31 = require("react");
-var import_editor_controls42 = require("@elementor/editor-controls");
+var import_editor_controls41 = require("@elementor/editor-controls");
 var import_i18n46 = require("@wordpress/i18n");
 var LINE_HEIGHT_LABEL = (0, import_i18n46.__)("Line height", "elementor");
 var LineHeightField = () => {
   const rowRef = (0, import_react31.useRef)(null);
-  return /* @__PURE__ */ React70.createElement(StylesField, { bind: "line-height", propDisplayName: LINE_HEIGHT_LABEL }, /* @__PURE__ */ React70.createElement(StylesFieldLayout, { label: LINE_HEIGHT_LABEL, ref: rowRef }, /* @__PURE__ */ React70.createElement(import_editor_controls42.SizeControl, { anchorRef: rowRef })));
+  return /* @__PURE__ */ React70.createElement(StylesField, { bind: "line-height", propDisplayName: LINE_HEIGHT_LABEL }, /* @__PURE__ */ React70.createElement(StylesFieldLayout, { label: LINE_HEIGHT_LABEL, ref: rowRef }, /* @__PURE__ */ React70.createElement(import_editor_controls41.SizeControl, { anchorRef: rowRef })));
 };
 
 // src/components/style-sections/typography-section/text-alignment-field.tsx
 var React71 = __toESM(require("react"));
-var import_editor_controls43 = require("@elementor/editor-controls");
+var import_editor_controls42 = require("@elementor/editor-controls");
 var import_icons16 = require("@elementor/icons");
 var import_ui34 = require("@elementor/ui");
 var import_i18n47 = require("@wordpress/i18n");
@@ -4313,21 +4307,21 @@ var options8 = [
   }
 ];
 var TextAlignmentField = () => {
-  return /* @__PURE__ */ React71.createElement(StylesField, { bind: "text-align", propDisplayName: TEXT_ALIGNMENT_LABEL }, /* @__PURE__ */ React71.createElement(UiProviders, null, /* @__PURE__ */ React71.createElement(StylesFieldLayout, { label: TEXT_ALIGNMENT_LABEL }, /* @__PURE__ */ React71.createElement(import_editor_controls43.ToggleControl, { options: options8 }))));
+  return /* @__PURE__ */ React71.createElement(StylesField, { bind: "text-align", propDisplayName: TEXT_ALIGNMENT_LABEL }, /* @__PURE__ */ React71.createElement(UiProviders, null, /* @__PURE__ */ React71.createElement(StylesFieldLayout, { label: TEXT_ALIGNMENT_LABEL }, /* @__PURE__ */ React71.createElement(import_editor_controls42.ToggleControl, { options: options8 }))));
 };
 
 // src/components/style-sections/typography-section/text-color-field.tsx
 var React72 = __toESM(require("react"));
-var import_editor_controls44 = require("@elementor/editor-controls");
+var import_editor_controls43 = require("@elementor/editor-controls");
 var import_i18n48 = require("@wordpress/i18n");
 var TEXT_COLOR_LABEL = (0, import_i18n48.__)("Text color", "elementor");
 var TextColorField = () => {
-  return /* @__PURE__ */ React72.createElement(StylesField, { bind: "color", propDisplayName: TEXT_COLOR_LABEL }, /* @__PURE__ */ React72.createElement(StylesFieldLayout, { label: TEXT_COLOR_LABEL }, /* @__PURE__ */ React72.createElement(import_editor_controls44.ColorControl, { id: "text-color-control" })));
+  return /* @__PURE__ */ React72.createElement(StylesField, { bind: "color", propDisplayName: TEXT_COLOR_LABEL }, /* @__PURE__ */ React72.createElement(StylesFieldLayout, { label: TEXT_COLOR_LABEL }, /* @__PURE__ */ React72.createElement(import_editor_controls43.ColorControl, { id: "text-color-control" })));
 };
 
 // src/components/style-sections/typography-section/text-decoration-field.tsx
 var React73 = __toESM(require("react"));
-var import_editor_controls45 = require("@elementor/editor-controls");
+var import_editor_controls44 = require("@elementor/editor-controls");
 var import_icons17 = require("@elementor/icons");
 var import_i18n49 = require("@wordpress/i18n");
 var TEXT_DECORATION_LABEL = (0, import_i18n49.__)("Line decoration", "elementor");
@@ -4358,11 +4352,11 @@ var options9 = [
     showTooltip: true
   }
 ];
-var TextDecorationField = () => /* @__PURE__ */ React73.createElement(StylesField, { bind: "text-decoration", propDisplayName: TEXT_DECORATION_LABEL }, /* @__PURE__ */ React73.createElement(StylesFieldLayout, { label: TEXT_DECORATION_LABEL }, /* @__PURE__ */ React73.createElement(import_editor_controls45.ToggleControl, { options: options9, exclusive: false })));
+var TextDecorationField = () => /* @__PURE__ */ React73.createElement(StylesField, { bind: "text-decoration", propDisplayName: TEXT_DECORATION_LABEL }, /* @__PURE__ */ React73.createElement(StylesFieldLayout, { label: TEXT_DECORATION_LABEL }, /* @__PURE__ */ React73.createElement(import_editor_controls44.ToggleControl, { options: options9, exclusive: false })));
 
 // src/components/style-sections/typography-section/text-direction-field.tsx
 var React74 = __toESM(require("react"));
-var import_editor_controls46 = require("@elementor/editor-controls");
+var import_editor_controls45 = require("@elementor/editor-controls");
 var import_icons18 = require("@elementor/icons");
 var import_i18n50 = require("@wordpress/i18n");
 var TEXT_DIRECTION_LABEL = (0, import_i18n50.__)("Direction", "elementor");
@@ -4381,12 +4375,12 @@ var options10 = [
   }
 ];
 var TextDirectionField = () => {
-  return /* @__PURE__ */ React74.createElement(StylesField, { bind: "direction", propDisplayName: TEXT_DIRECTION_LABEL }, /* @__PURE__ */ React74.createElement(StylesFieldLayout, { label: TEXT_DIRECTION_LABEL }, /* @__PURE__ */ React74.createElement(import_editor_controls46.ToggleControl, { options: options10 })));
+  return /* @__PURE__ */ React74.createElement(StylesField, { bind: "direction", propDisplayName: TEXT_DIRECTION_LABEL }, /* @__PURE__ */ React74.createElement(StylesFieldLayout, { label: TEXT_DIRECTION_LABEL }, /* @__PURE__ */ React74.createElement(import_editor_controls45.ToggleControl, { options: options10 })));
 };
 
 // src/components/style-sections/typography-section/text-stroke-field.tsx
 var React76 = __toESM(require("react"));
-var import_editor_controls47 = require("@elementor/editor-controls");
+var import_editor_controls46 = require("@elementor/editor-controls");
 var import_i18n51 = require("@wordpress/i18n");
 
 // src/components/add-or-remove-content.tsx
@@ -4455,13 +4449,13 @@ var TextStrokeField = () => {
       disabled: !canEdit,
       renderLabel: () => /* @__PURE__ */ React76.createElement(ControlLabel, null, TEXT_STROKE_LABEL)
     },
-    /* @__PURE__ */ React76.createElement(import_editor_controls47.StrokeControl, null)
+    /* @__PURE__ */ React76.createElement(import_editor_controls46.StrokeControl, null)
   ));
 };
 
 // src/components/style-sections/typography-section/transform-field.tsx
 var React77 = __toESM(require("react"));
-var import_editor_controls48 = require("@elementor/editor-controls");
+var import_editor_controls47 = require("@elementor/editor-controls");
 var import_icons20 = require("@elementor/icons");
 var import_i18n52 = require("@wordpress/i18n");
 var TEXT_TRANSFORM_LABEL = (0, import_i18n52.__)("Text transform", "elementor");
@@ -4491,17 +4485,17 @@ var options11 = [
     showTooltip: true
   }
 ];
-var TransformField = () => /* @__PURE__ */ React77.createElement(StylesField, { bind: "text-transform", propDisplayName: TEXT_TRANSFORM_LABEL }, /* @__PURE__ */ React77.createElement(StylesFieldLayout, { label: TEXT_TRANSFORM_LABEL }, /* @__PURE__ */ React77.createElement(import_editor_controls48.ToggleControl, { options: options11 })));
+var TransformField = () => /* @__PURE__ */ React77.createElement(StylesField, { bind: "text-transform", propDisplayName: TEXT_TRANSFORM_LABEL }, /* @__PURE__ */ React77.createElement(StylesFieldLayout, { label: TEXT_TRANSFORM_LABEL }, /* @__PURE__ */ React77.createElement(import_editor_controls47.ToggleControl, { options: options11 })));
 
 // src/components/style-sections/typography-section/word-spacing-field.tsx
 var React78 = __toESM(require("react"));
 var import_react32 = require("react");
-var import_editor_controls49 = require("@elementor/editor-controls");
+var import_editor_controls48 = require("@elementor/editor-controls");
 var import_i18n53 = require("@wordpress/i18n");
 var WORD_SPACING_LABEL = (0, import_i18n53.__)("Word spacing", "elementor");
 var WordSpacingField = () => {
   const rowRef = (0, import_react32.useRef)(null);
-  return /* @__PURE__ */ React78.createElement(StylesField, { bind: "word-spacing", propDisplayName: WORD_SPACING_LABEL }, /* @__PURE__ */ React78.createElement(StylesFieldLayout, { label: WORD_SPACING_LABEL, ref: rowRef }, /* @__PURE__ */ React78.createElement(import_editor_controls49.SizeControl, { anchorRef: rowRef, min: -Number.MAX_SAFE_INTEGER })));
+  return /* @__PURE__ */ React78.createElement(StylesField, { bind: "word-spacing", propDisplayName: WORD_SPACING_LABEL }, /* @__PURE__ */ React78.createElement(StylesFieldLayout, { label: WORD_SPACING_LABEL, ref: rowRef }, /* @__PURE__ */ React78.createElement(import_editor_controls48.SizeControl, { anchorRef: rowRef, min: -Number.MAX_SAFE_INTEGER })));
 };
 
 // src/components/style-sections/typography-section/typography-section.tsx
@@ -4753,7 +4747,7 @@ var { Slot: PanelHeaderTopSlot, inject: injectIntoPanelHeaderTop } = (0, import_
 var { useMenuItems } = controlActionsMenu;
 var EditingPanel = () => {
   const { element, elementType } = (0, import_editor_elements13.useSelectedElement)();
-  const controlReplacements = getControlReplacements();
+  const controlReplacements = (0, import_editor_controls49.getControlReplacements)();
   const menuItems = useMenuItems().default;
   if (!element || !elementType) {
     return null;
@@ -4764,7 +4758,7 @@ var EditingPanel = () => {
   if (ReplacementComponent) {
     panelContent = /* @__PURE__ */ React83.createElement(ReplacementComponent, null);
   }
-  return /* @__PURE__ */ React83.createElement(import_ui38.ErrorBoundary, { fallback: /* @__PURE__ */ React83.createElement(EditorPanelErrorFallback, null) }, /* @__PURE__ */ React83.createElement(import_session8.SessionStorageProvider, { prefix: "elementor" }, /* @__PURE__ */ React83.createElement(import_editor_ui8.ThemeProvider, null, /* @__PURE__ */ React83.createElement(import_editor_controls50.ControlActionsProvider, { items: menuItems }, /* @__PURE__ */ React83.createElement(import_editor_controls50.ControlReplacementsProvider, { replacements: controlReplacements }, /* @__PURE__ */ React83.createElement(ElementProvider, { element, elementType }, /* @__PURE__ */ React83.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React83.createElement(PanelHeaderTopSlot, null), panelContent)))))));
+  return /* @__PURE__ */ React83.createElement(import_ui38.ErrorBoundary, { fallback: /* @__PURE__ */ React83.createElement(EditorPanelErrorFallback, null) }, /* @__PURE__ */ React83.createElement(import_session8.SessionStorageProvider, { prefix: "elementor" }, /* @__PURE__ */ React83.createElement(import_editor_ui8.ThemeProvider, null, /* @__PURE__ */ React83.createElement(import_editor_controls49.ControlActionsProvider, { items: menuItems }, /* @__PURE__ */ React83.createElement(import_editor_controls49.ControlReplacementsProvider, { replacements: controlReplacements }, /* @__PURE__ */ React83.createElement(ElementProvider, { element, elementType }, /* @__PURE__ */ React83.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React83.createElement(PanelHeaderTopSlot, null), panelContent)))))));
 };
 
 // src/init.ts
@@ -4869,7 +4863,7 @@ var init = () => {
 
 // src/controls-registry/element-controls/tabs-control/tabs-control.tsx
 var React85 = __toESM(require("react"));
-var import_editor_controls52 = require("@elementor/editor-controls");
+var import_editor_controls51 = 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");
@@ -4894,14 +4888,14 @@ var getElementByType = (elementId, type) => {
 };
 
 // src/controls-registry/element-controls/tabs-control/use-actions.ts
-var import_editor_controls51 = require("@elementor/editor-controls");
+var import_editor_controls50 = require("@elementor/editor-controls");
 var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_props15 = require("@elementor/editor-props");
 var import_i18n58 = 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_controls51.useBoundProp)(import_editor_props15.numberPropTypeUtil);
+  const { value, setValue: setDefaultActiveTab } = (0, import_editor_controls50.useBoundProp)(import_editor_props15.numberPropTypeUtil);
   const defaultActiveTab = value ?? 0;
   const duplicateItem = ({
     items: items3,
@@ -5131,7 +5125,7 @@ var TabsControlContent = ({ label }) => {
     }
   };
   return /* @__PURE__ */ React85.createElement(
-    import_editor_controls52.Repeater,
+    import_editor_controls51.Repeater,
     {
       showToggle: false,
       values: repeaterValues,
@@ -5155,7 +5149,7 @@ var ItemLabel = ({ value, index }) => {
   return /* @__PURE__ */ React85.createElement(import_ui39.Stack, { sx: { minHeight: 20 }, direction: "row", alignItems: "center", gap: 1.5 }, /* @__PURE__ */ React85.createElement("span", null, elementTitle), /* @__PURE__ */ React85.createElement(ItemDefaultTab, { index }));
 };
 var ItemDefaultTab = ({ index }) => {
-  const { value: defaultItem } = (0, import_editor_controls52.useBoundProp)(import_editor_props16.numberPropTypeUtil);
+  const { value: defaultItem } = (0, import_editor_controls51.useBoundProp)(import_editor_props16.numberPropTypeUtil);
   const isDefault = defaultItem === index;
   if (!isDefault) {
     return null;
@@ -5169,9 +5163,9 @@ var ItemContent = ({ value, index }) => {
   return /* @__PURE__ */ React85.createElement(import_ui39.Stack, { p: 2, gap: 1.5 }, /* @__PURE__ */ React85.createElement(TabLabelControl, { elementId: value.id }), /* @__PURE__ */ React85.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: (0, import_i18n59.__)("Tabs", "elementor") }, /* @__PURE__ */ React85.createElement(DefaultTabControl, { tabIndex: index })));
 };
 var DefaultTabControl = ({ tabIndex }) => {
-  const { value, setValue } = (0, import_editor_controls52.useBoundProp)(import_editor_props16.numberPropTypeUtil);
+  const { value, setValue } = (0, import_editor_controls51.useBoundProp)(import_editor_props16.numberPropTypeUtil);
   const isDefault = value === tabIndex;
-  return /* @__PURE__ */ React85.createElement(import_ui39.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React85.createElement(import_editor_controls52.ControlFormLabel, null, (0, import_i18n59.__)("Set as default tab", "elementor")), /* @__PURE__ */ React85.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React85.createElement(
+  return /* @__PURE__ */ React85.createElement(import_ui39.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React85.createElement(import_editor_controls51.ControlFormLabel, null, (0, import_i18n59.__)("Set as default tab", "elementor")), /* @__PURE__ */ React85.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React85.createElement(
     import_ui39.Switch,
     {
       size: "small",
@@ -5189,7 +5183,7 @@ var DefaultTabControl = ({ tabIndex }) => {
 var TabLabelControl = ({ elementId }) => {
   const editorSettings = (0, import_editor_elements17.useElementEditorSettings)(elementId);
   const label = editorSettings?.title ?? "";
-  return /* @__PURE__ */ React85.createElement(import_ui39.Stack, { gap: 1 }, /* @__PURE__ */ React85.createElement(import_editor_controls52.ControlFormLabel, null, (0, import_i18n59.__)("Tab name", "elementor")), /* @__PURE__ */ React85.createElement(
+  return /* @__PURE__ */ React85.createElement(import_ui39.Stack, { gap: 1 }, /* @__PURE__ */ React85.createElement(import_editor_controls51.ControlFormLabel, null, (0, import_i18n59.__)("Tab name", "elementor")), /* @__PURE__ */ React85.createElement(
     import_ui39.TextField,
     {
       size: "tiny",
@@ -5243,11 +5237,11 @@ var registerElementControls = () => {
 
 // src/dynamics/init.ts
 var import_editor_canvas3 = require("@elementor/editor-canvas");
-var import_editor_controls59 = require("@elementor/editor-controls");
+var import_editor_controls58 = require("@elementor/editor-controls");
 
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var React86 = __toESM(require("react"));
-var import_editor_controls54 = require("@elementor/editor-controls");
+var import_editor_controls53 = require("@elementor/editor-controls");
 var import_editor_props18 = require("@elementor/editor-props");
 var import_icons23 = require("@elementor/icons");
 
@@ -5256,7 +5250,7 @@ var import_react39 = require("react");
 
 // src/dynamics/hooks/use-prop-dynamic-tags.ts
 var import_react38 = require("react");
-var import_editor_controls53 = require("@elementor/editor-controls");
+var import_editor_controls52 = require("@elementor/editor-controls");
 
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
 var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
@@ -5340,7 +5334,7 @@ var useAllPropDynamicTags = () => {
 };
 var usePropDynamicTagsInternal = (filterByLicense2) => {
   let categories = [];
-  const { propType } = (0, import_editor_controls53.useBoundProp)();
+  const { propType } = (0, import_editor_controls52.useBoundProp)();
   if (propType) {
     const propDynamicType = getDynamicPropType(propType);
     categories = propDynamicType?.settings.categories || [];
@@ -5386,13 +5380,13 @@ var useDynamicTag = (tagName) => {
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var BackgroundControlDynamicTagIcon = () => /* @__PURE__ */ React86.createElement(import_icons23.DatabaseIcon, { fontSize: "tiny" });
 var BackgroundControlDynamicTagLabel = ({ value }) => {
-  const context = (0, import_editor_controls54.useBoundProp)(import_editor_props18.backgroundImageOverlayPropTypeUtil);
-  return /* @__PURE__ */ React86.createElement(import_editor_controls54.PropProvider, { ...context, value: value.value }, /* @__PURE__ */ React86.createElement(import_editor_controls54.PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React86.createElement(Wrapper2, { rawValue: value.value })));
+  const context = (0, import_editor_controls53.useBoundProp)(import_editor_props18.backgroundImageOverlayPropTypeUtil);
+  return /* @__PURE__ */ React86.createElement(import_editor_controls53.PropProvider, { ...context, value: value.value }, /* @__PURE__ */ React86.createElement(import_editor_controls53.PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React86.createElement(Wrapper2, { rawValue: value.value })));
 };
 var Wrapper2 = ({ rawValue }) => {
-  const { propType } = (0, import_editor_controls54.useBoundProp)();
+  const { propType } = (0, import_editor_controls53.useBoundProp)();
   const imageOverlayPropType = propType.prop_types["background-image-overlay"];
-  return /* @__PURE__ */ React86.createElement(import_editor_controls54.PropProvider, { propType: imageOverlayPropType.shape.image, value: rawValue, setValue: () => void 0 }, /* @__PURE__ */ React86.createElement(import_editor_controls54.PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React86.createElement(Content, { rawValue: rawValue.image })));
+  return /* @__PURE__ */ React86.createElement(import_editor_controls53.PropProvider, { propType: imageOverlayPropType.shape.image, value: rawValue, setValue: () => void 0 }, /* @__PURE__ */ React86.createElement(import_editor_controls53.PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React86.createElement(Content, { rawValue: rawValue.image })));
 };
 var Content = ({ rawValue }) => {
   const src = rawValue.value.src;
@@ -5402,7 +5396,7 @@ var Content = ({ rawValue }) => {
 
 // src/dynamics/components/dynamic-selection-control.tsx
 var React90 = __toESM(require("react"));
-var import_editor_controls57 = require("@elementor/editor-controls");
+var import_editor_controls56 = require("@elementor/editor-controls");
 var import_editor_ui11 = require("@elementor/editor-ui");
 var import_icons25 = require("@elementor/icons");
 var import_ui41 = require("@elementor/ui");
@@ -5418,7 +5412,7 @@ var usePersistDynamicValue = (propKey) => {
 
 // src/dynamics/dynamic-control.tsx
 var React88 = __toESM(require("react"));
-var import_editor_controls55 = require("@elementor/editor-controls");
+var import_editor_controls54 = require("@elementor/editor-controls");
 
 // src/dynamics/components/dynamic-conditional-control.tsx
 var React87 = __toESM(require("react"));
@@ -5470,7 +5464,7 @@ var DynamicConditionalControl = ({
 
 // src/dynamics/dynamic-control.tsx
 var DynamicControl = ({ bind, children }) => {
-  const { value, setValue } = (0, import_editor_controls55.useBoundProp)(dynamicPropTypeUtil);
+  const { value, setValue } = (0, import_editor_controls54.useBoundProp)(dynamicPropTypeUtil);
   const { name = "", group = "", settings } = value ?? {};
   const dynamicTag = useDynamicTag(name);
   if (!dynamicTag) {
@@ -5490,7 +5484,7 @@ var DynamicControl = ({ bind, children }) => {
     });
   };
   const propType = createTopLevelObjectType({ schema: dynamicTag.props_schema });
-  return /* @__PURE__ */ React88.createElement(import_editor_controls55.PropProvider, { propType, setValue: setDynamicValue, value: { [bind]: dynamicValue } }, /* @__PURE__ */ React88.createElement(import_editor_controls55.PropKeyProvider, { bind }, /* @__PURE__ */ React88.createElement(
+  return /* @__PURE__ */ React88.createElement(import_editor_controls54.PropProvider, { propType, setValue: setDynamicValue, value: { [bind]: dynamicValue } }, /* @__PURE__ */ React88.createElement(import_editor_controls54.PropKeyProvider, { bind }, /* @__PURE__ */ React88.createElement(
     DynamicConditionalControl,
     {
       propType: dynamicPropType,
@@ -5504,7 +5498,7 @@ var DynamicControl = ({ bind, children }) => {
 // src/dynamics/components/dynamic-selection.tsx
 var import_react40 = require("react");
 var React89 = __toESM(require("react"));
-var import_editor_controls56 = require("@elementor/editor-controls");
+var import_editor_controls55 = require("@elementor/editor-controls");
 var import_editor_ui10 = require("@elementor/editor-ui");
 var import_icons24 = require("@elementor/icons");
 var import_ui40 = require("@elementor/ui");
@@ -5517,8 +5511,8 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
   const [searchValue, setSearchValue] = (0, import_react40.useState)("");
   const { groups: dynamicGroups } = getAtomicDynamicTags() || {};
   const theme = (0, import_ui40.useTheme)();
-  const { value: anyValue } = (0, import_editor_controls56.useBoundProp)();
-  const { bind, value: dynamicValue, setValue } = (0, import_editor_controls56.useBoundProp)(dynamicPropTypeUtil);
+  const { value: anyValue } = (0, import_editor_controls55.useBoundProp)();
+  const { bind, value: dynamicValue, setValue } = (0, import_editor_controls55.useBoundProp)(dynamicPropTypeUtil);
   const [, updatePropValueHistory] = usePersistDynamicValue(bind);
   const isCurrentValueDynamic = !!dynamicValue;
   const options12 = useFilteredOptions(searchValue);
@@ -5648,8 +5642,8 @@ var useFilteredOptions = (searchValue) => {
 var SIZE4 = "tiny";
 var tagsWithoutTabs = ["popup"];
 var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
-  const { setValue: setAnyValue, propType } = (0, import_editor_controls57.useBoundProp)();
-  const { bind, value } = (0, import_editor_controls57.useBoundProp)(dynamicPropTypeUtil);
+  const { setValue: setAnyValue, propType } = (0, import_editor_controls56.useBoundProp)();
+  const { bind, value } = (0, import_editor_controls56.useBoundProp)(dynamicPropTypeUtil);
   const { expired: readonly } = useLicenseConfig();
   const originalPropType = createTopLevelObjectType({
     schema: {
@@ -5661,7 +5655,7 @@ var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
   const { name: tagName = "" } = value;
   const dynamicTag = useDynamicTag(tagName);
   if (!isDynamicTagSupported(tagName) && OriginalControl) {
-    return /* @__PURE__ */ React90.createElement(import_editor_controls57.PropProvider, { propType: originalPropType, value: { [bind]: null }, setValue: setAnyValue }, /* @__PURE__ */ React90.createElement(import_editor_controls57.PropKeyProvider, { bind }, /* @__PURE__ */ React90.createElement(OriginalControl, { ...props })));
+    return /* @__PURE__ */ React90.createElement(import_editor_controls56.PropProvider, { propType: originalPropType, value: { [bind]: null }, setValue: setAnyValue }, /* @__PURE__ */ React90.createElement(import_editor_controls56.PropKeyProvider, { bind }, /* @__PURE__ */ React90.createElement(OriginalControl, { ...props })));
   }
   const removeDynamicTag = () => {
     setAnyValue(propValueFromHistory ?? null);
@@ -5810,7 +5804,7 @@ var Control2 = ({ control }) => {
     display: "grid",
     gridTemplateColumns: isSwitchControl ? "minmax(0, 1fr) max-content" : "1fr 1fr"
   } : {};
-  return /* @__PURE__ */ React90.createElement(DynamicControl, { bind: control.bind }, /* @__PURE__ */ React90.createElement(import_ui41.Grid, { container: true, gap: 0.75, sx: layoutStyleProps }, control.label ? /* @__PURE__ */ React90.createElement(import_ui41.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React90.createElement(import_editor_controls57.ControlFormLabel, null, control.label)) : null, /* @__PURE__ */ React90.createElement(import_ui41.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React90.createElement(Control, { type: control.type, props: controlProps }))));
+  return /* @__PURE__ */ React90.createElement(DynamicControl, { bind: control.bind }, /* @__PURE__ */ React90.createElement(import_ui41.Grid, { container: true, gap: 0.75, sx: layoutStyleProps }, control.label ? /* @__PURE__ */ React90.createElement(import_ui41.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React90.createElement(import_editor_controls56.ControlFormLabel, null, control.label)) : null, /* @__PURE__ */ React90.createElement(import_ui41.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React90.createElement(Control, { type: control.type, props: controlProps }))));
 };
 function ControlsItemsStack({ items: items3 }) {
   return /* @__PURE__ */ React90.createElement(import_ui41.Stack, { p: 2, gap: 2, sx: { overflowY: "auto" } }, items3.map(
@@ -5868,11 +5862,11 @@ function getDynamicValue(name, settings) {
 
 // src/dynamics/hooks/use-prop-dynamic-action.tsx
 var React91 = __toESM(require("react"));
-var import_editor_controls58 = require("@elementor/editor-controls");
+var import_editor_controls57 = require("@elementor/editor-controls");
 var import_icons26 = require("@elementor/icons");
 var import_i18n62 = require("@wordpress/i18n");
 var usePropDynamicAction = () => {
-  const { propType } = (0, import_editor_controls58.useBoundProp)();
+  const { propType } = (0, import_editor_controls57.useBoundProp)();
   const visible = !!propType && supportsDynamic(propType);
   return {
     visible,
@@ -5885,16 +5879,16 @@ var usePropDynamicAction = () => {
 // src/dynamics/init.ts
 var { registerPopoverAction } = controlActionsMenu;
 var init2 = () => {
-  registerControlReplacement({
+  (0, import_editor_controls58.registerControlReplacement)({
     component: DynamicSelectionControl,
     condition: ({ value }) => isDynamicPropValue(value)
   });
-  (0, import_editor_controls59.injectIntoRepeaterItemLabel)({
+  (0, import_editor_controls58.injectIntoRepeaterItemLabel)({
     id: "dynamic-background-image",
     condition: ({ value }) => isDynamicPropValue(value.value?.image?.value?.src),
     component: BackgroundControlDynamicTagLabel
   });
-  (0, import_editor_controls59.injectIntoRepeaterItemIcon)({
+  (0, import_editor_controls58.injectIntoRepeaterItemIcon)({
     id: "dynamic-background-image",
     condition: ({ value }) => isDynamicPropValue(value.value?.image?.value?.src),
     component: BackgroundControlDynamicTagIcon
@@ -5908,7 +5902,7 @@ var init2 = () => {
 };
 
 // src/reset-style-props.tsx
-var import_editor_controls60 = require("@elementor/editor-controls");
+var import_editor_controls59 = require("@elementor/editor-controls");
 var import_icons27 = require("@elementor/icons");
 var import_i18n63 = require("@wordpress/i18n");
 
@@ -5965,7 +5959,7 @@ function initResetStyleProps() {
 }
 function useResetStyleValueProps() {
   const isStyle = useIsStyle();
-  const { value, resetValue, propType } = (0, import_editor_controls60.useBoundProp)();
+  const { value, resetValue, propType } = (0, import_editor_controls59.useBoundProp)();
   const hasValue = value !== null && value !== void 0;
   const hasInitial = propType.initial_value !== void 0 && propType.initial_value !== null;
   const isRequired = !!propType.settings?.required;
@@ -5990,7 +5984,7 @@ function useResetStyleValueProps() {
 
 // src/styles-inheritance/components/styles-inheritance-indicator.tsx
 var React97 = __toESM(require("react"));
-var import_editor_controls61 = require("@elementor/editor-controls");
+var import_editor_controls60 = require("@elementor/editor-controls");
 var import_editor_props21 = require("@elementor/editor-props");
 var import_editor_styles_repository16 = require("@elementor/editor-styles-repository");
 var import_i18n67 = require("@wordpress/i18n");
@@ -6366,7 +6360,7 @@ function TooltipOrInfotip({
 var StylesInheritanceIndicator = ({
   customContext
 }) => {
-  const context = (0, import_editor_controls61.useBoundProp)();
+  const context = (0, import_editor_controls60.useBoundProp)();
   const { path, propType } = customContext || context;
   const inheritanceChain = useStylesInheritanceChain(path);
   if (!path || !inheritanceChain.length) {
@@ -6676,7 +6670,6 @@ var blockV1Panel = () => {
   doApplyClasses,
   doGetAppliedClasses,
   doUnapplyClass,
-  getControlReplacements,
   getFieldIndicators,
   getSubtitle,
   getTitle,
@@ -6685,7 +6678,6 @@ var blockV1Panel = () => {
   injectIntoCssClassConvert,
   injectIntoPanelHeaderTop,
   injectIntoStyleTab,
-  registerControlReplacement,
   registerEditingPanelReplacement,
   registerFieldIndicator,
   registerStyleProviderToColors,