@elementor/editor-editing-panel 4.2.0-930 → 4.2.0-931

package/dist/index.js

@@ -1978,10 +1978,10 @@ var EditingPanelStickyPromotion = () => {
 };
 
 // src/components/editing-panel-tabs.tsx
-var import_react38 = require("react");
+var import_react37 = require("react");
 var React90 = __toESM(require("react"));
 var import_editor_elements12 = require("@elementor/editor-elements");
-var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_ui43 = require("@elementor/ui");
 var import_i18n63 = require("@wordpress/i18n");
 
@@ -2697,7 +2697,7 @@ function isControlHiddenByDependencies(control, propsSchema, settings) {
 
 // src/components/style-tab.tsx
 var React89 = __toESM(require("react"));
-var import_react37 = require("react");
+var import_react36 = require("react");
 var import_editor_props16 = require("@elementor/editor-props");
 var import_editor_responsive3 = require("@elementor/editor-responsive");
 var import_locations3 = require("@elementor/locations");
@@ -3503,7 +3503,6 @@ var EffectsSection = () => {
 var React61 = __toESM(require("react"));
 var import_editor_controls32 = require("@elementor/editor-controls");
 var import_editor_elements11 = require("@elementor/editor-elements");
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var import_i18n37 = require("@wordpress/i18n");
 
 // src/hooks/use-computed-style.ts
@@ -3883,9 +3882,7 @@ var getOptions2 = (parentStyleDirection) => {
 
 // src/components/style-sections/layout-section/display-field.tsx
 var React48 = __toESM(require("react"));
-var import_react23 = require("react");
 var import_editor_controls19 = require("@elementor/editor-controls");
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_i18n24 = require("@wordpress/i18n");
 var DISPLAY_LABEL = (0, import_i18n24.__)("Display", "elementor");
 var displayFieldItems = [
@@ -3928,12 +3925,7 @@ var displayFieldItems = [
 ];
 var DisplayField = () => {
   const placeholder = useDisplayPlaceholderValue();
-  const isGridActive = (0, import_editor_v1_adapters7.isExperimentActive)("e_css_grid");
-  const items3 = (0, import_react23.useMemo)(
-    () => isGridActive ? displayFieldItems : displayFieldItems.filter((item) => item.value !== "grid"),
-    [isGridActive]
-  );
-  return /* @__PURE__ */ React48.createElement(StylesField, { bind: "display", propDisplayName: DISPLAY_LABEL, placeholder }, /* @__PURE__ */ React48.createElement(StylesFieldLayout, { label: DISPLAY_LABEL, direction: "column" }, /* @__PURE__ */ React48.createElement(import_editor_controls19.ToggleControl, { options: items3, maxItems: 4, fullWidth: true })));
+  return /* @__PURE__ */ React48.createElement(StylesField, { bind: "display", propDisplayName: DISPLAY_LABEL, placeholder }, /* @__PURE__ */ React48.createElement(StylesFieldLayout, { label: DISPLAY_LABEL, direction: "column" }, /* @__PURE__ */ React48.createElement(import_editor_controls19.ToggleControl, { options: displayFieldItems, maxItems: 4, fullWidth: true })));
 };
 var useDisplayPlaceholderValue = () => useStylesInheritanceChain(["display"])[0]?.value ?? void 0;
 
@@ -3982,7 +3974,7 @@ var FlexDirectionField = () => {
 
 // src/components/style-sections/layout-section/flex-order-field.tsx
 var React50 = __toESM(require("react"));
-var import_react24 = require("react");
+var import_react23 = require("react");
 var import_editor_controls21 = require("@elementor/editor-controls");
 var import_icons12 = require("@elementor/icons");
 var import_ui29 = require("@elementor/ui");
@@ -4030,15 +4022,15 @@ function FlexOrderFieldContent() {
   });
   const { placeholder } = (0, import_editor_controls21.useBoundProp)();
   const placeholderValue = placeholder;
-  const currentGroup = (0, import_react24.useMemo)(() => getGroupControlValue(order?.value ?? null), [order]);
-  const [activeGroup, setActiveGroup] = (0, import_react24.useState)(currentGroup);
-  const [customLocked, setCustomLocked] = (0, import_react24.useState)(false);
-  (0, import_react24.useEffect)(() => {
+  const currentGroup = (0, import_react23.useMemo)(() => getGroupControlValue(order?.value ?? null), [order]);
+  const [activeGroup, setActiveGroup] = (0, import_react23.useState)(currentGroup);
+  const [customLocked, setCustomLocked] = (0, import_react23.useState)(false);
+  (0, import_react23.useEffect)(() => {
     if (!customLocked) {
       setActiveGroup(currentGroup);
     }
   }, [currentGroup, customLocked]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (order === null) {
       setCustomLocked(false);
     }
@@ -4098,7 +4090,7 @@ var getGroupControlValue = (order) => {
 
 // src/components/style-sections/layout-section/flex-size-field.tsx
 var React51 = __toESM(require("react"));
-var import_react25 = require("react");
+var import_react24 = require("react");
 var import_editor_controls22 = require("@elementor/editor-controls");
 var import_editor_props14 = require("@elementor/editor-props");
 var import_icons13 = require("@elementor/icons");
@@ -4134,15 +4126,15 @@ var FlexSizeFieldContent = () => {
   });
   const { placeholder } = (0, import_editor_controls22.useBoundProp)();
   const flexValues = extractFlexValues(value);
-  const currentGroup = (0, import_react25.useMemo)(() => getActiveGroup(flexValues), [flexValues]);
-  const [activeGroup, setActiveGroup] = (0, import_react25.useState)(currentGroup);
-  const [customLocked, setCustomLocked] = (0, import_react25.useState)(false);
-  (0, import_react25.useEffect)(() => {
+  const currentGroup = (0, import_react24.useMemo)(() => getActiveGroup(flexValues), [flexValues]);
+  const [activeGroup, setActiveGroup] = (0, import_react24.useState)(currentGroup);
+  const [customLocked, setCustomLocked] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
     if (!customLocked) {
       setActiveGroup(currentGroup);
     }
   }, [currentGroup, customLocked]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (value === null) {
       setCustomLocked(false);
     }
@@ -4205,7 +4197,7 @@ var createFlexValueForGroup = (group, flexValue) => {
   return null;
 };
 var FlexCustomField = () => {
-  const flexBasisRowRef = (0, import_react25.useRef)(null);
+  const flexBasisRowRef = (0, import_react24.useRef)(null);
   const context = (0, import_editor_controls22.useBoundProp)(import_editor_props14.flexPropTypeUtil);
   return /* @__PURE__ */ React51.createElement(import_editor_controls22.PropProvider, { ...context }, /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(StylesFieldLayout, { label: (0, import_i18n27.__)("Grow", "elementor") }, /* @__PURE__ */ React51.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexGrow" }, /* @__PURE__ */ React51.createElement(import_editor_controls22.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React51.createElement(StylesFieldLayout, { label: (0, import_i18n27.__)("Shrink", "elementor") }, /* @__PURE__ */ React51.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexShrink" }, /* @__PURE__ */ React51.createElement(import_editor_controls22.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React51.createElement(StylesFieldLayout, { label: (0, import_i18n27.__)("Basis", "elementor"), ref: flexBasisRowRef }, /* @__PURE__ */ React51.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexBasis" }, /* @__PURE__ */ React51.createElement(import_editor_controls22.SizeControl, { extendedOptions: ["auto"], anchorRef: flexBasisRowRef })))));
 };
@@ -4312,7 +4304,7 @@ var GridAutoFlowField = () => /* @__PURE__ */ React53.createElement(StylesField,
 
 // src/components/style-sections/layout-section/grid-auto-track-fields.tsx
 var React54 = __toESM(require("react"));
-var import_react26 = require("react");
+var import_react25 = require("react");
 var import_editor_controls25 = require("@elementor/editor-controls");
 var import_ui31 = require("@elementor/ui");
 var import_i18n30 = require("@wordpress/i18n");
@@ -4336,7 +4328,7 @@ var GridAutoTrackField = ({ bind, infoTooltip, label, rowRef }) => /* @__PURE__
   }
 )));
 var GridAutoTrackFields = () => {
-  const rowRef = (0, import_react26.useRef)(null);
+  const rowRef = (0, import_react25.useRef)(null);
   return /* @__PURE__ */ React54.createElement(import_ui31.Stack, { gap: 2, pt: 2, ref: rowRef }, /* @__PURE__ */ React54.createElement(
     GridAutoTrackField,
     {
@@ -4404,7 +4396,7 @@ var GridOutlineField = () => {
 
 // src/components/style-sections/layout-section/grid-size-field.tsx
 var React57 = __toESM(require("react"));
-var import_react27 = require("react");
+var import_react26 = require("react");
 var import_editor_controls28 = require("@elementor/editor-controls");
 var import_ui33 = require("@elementor/ui");
 var import_i18n33 = require("@wordpress/i18n");
@@ -4522,7 +4514,7 @@ var GridTrackFieldContent = ({ cssProp, label }) => {
     history: { propDisplayName: label }
   });
   const { placeholder: inheritedPlaceholder } = (0, import_editor_controls28.useBoundProp)();
-  const anchorRef = (0, import_react27.useRef)(null);
+  const anchorRef = (0, import_react26.useRef)(null);
   const local = parseValue(value);
   const inherited = parseValue(inheritedPlaceholder);
   const displayValue = local.kind !== "empty" ? toSizeInput(local) : toSizeInput(EMPTY, unitOf(inherited));
@@ -4650,7 +4642,6 @@ var LayoutSection = () => {
     history: { propDisplayName: DISPLAY_LABEL2 }
   });
   const displayPlaceholder = useDisplayPlaceholderValue();
-  const isGridExperimentActive = (0, import_editor_v1_adapters8.isExperimentActive)("e_css_grid");
   const isDisplayFlex = shouldDisplayFlexFields(display, displayPlaceholder);
   const isDisplayGrid = "grid" === (display?.value ?? displayPlaceholder?.value);
   const { element } = useElement();
@@ -4665,7 +4656,7 @@ var LayoutSection = () => {
     }
     return DEFAULT_PARENT_FLOW_DIRECTION;
   };
-  return /* @__PURE__ */ React61.createElement(SectionContent, null, /* @__PURE__ */ React61.createElement(DisplayField, null), isDisplayFlex && /* @__PURE__ */ React61.createElement(FlexFields, null), "flex" === parentStyle?.display && /* @__PURE__ */ React61.createElement(FlexChildFields, { parentStyleDirection: getParentStyleDirection() }), isGridExperimentActive && isDisplayGrid && /* @__PURE__ */ React61.createElement(GridFields, null), isGridExperimentActive && "grid" === parentStyle?.display && /* @__PURE__ */ React61.createElement(GridChildFields, { parentStyleDirection: getParentStyleDirection() }));
+  return /* @__PURE__ */ React61.createElement(SectionContent, null, /* @__PURE__ */ React61.createElement(DisplayField, null), isDisplayFlex && /* @__PURE__ */ React61.createElement(FlexFields, null), "flex" === parentStyle?.display && /* @__PURE__ */ React61.createElement(FlexChildFields, { parentStyleDirection: getParentStyleDirection() }), isDisplayGrid && /* @__PURE__ */ React61.createElement(GridFields, null), "grid" === parentStyle?.display && /* @__PURE__ */ React61.createElement(GridChildFields, { parentStyleDirection: getParentStyleDirection() }));
 };
 var FlexFields = () => {
   const { value: flexWrap } = useStylesField("flex-wrap", {
@@ -4686,14 +4677,14 @@ var shouldDisplayFlexFields = (display, local) => {
 
 // src/components/style-sections/position-section/position-section.tsx
 var React66 = __toESM(require("react"));
-var import_react30 = require("react");
+var import_react29 = require("react");
 var import_session7 = require("@elementor/session");
 var import_ui38 = require("@elementor/ui");
 var import_i18n42 = require("@wordpress/i18n");
 
 // src/components/style-sections/position-section/dimensions-field.tsx
 var React62 = __toESM(require("react"));
-var import_react28 = require("react");
+var import_react27 = require("react");
 var import_editor_controls33 = require("@elementor/editor-controls");
 var import_icons18 = require("@elementor/icons");
 var import_ui36 = require("@elementor/ui");
@@ -4710,7 +4701,7 @@ var getInlineStartLabel = (isSiteRtl) => isSiteRtl ? (0, import_i18n38.__)("Righ
 var getInlineEndLabel = (isSiteRtl) => isSiteRtl ? (0, import_i18n38.__)("Left", "elementor") : (0, import_i18n38.__)("Right", "elementor");
 var DimensionsField = () => {
   const { isSiteRtl } = useDirection();
-  const rowRefs = [(0, import_react28.useRef)(null), (0, import_react28.useRef)(null)];
+  const rowRefs = [(0, import_react27.useRef)(null), (0, import_react27.useRef)(null)];
   return /* @__PURE__ */ React62.createElement(UiProviders, null, /* @__PURE__ */ React62.createElement(import_ui36.Stack, { direction: "row", gap: 2, flexWrap: "nowrap", ref: rowRefs[0] }, /* @__PURE__ */ React62.createElement(DimensionField, { side: "inset-block-start", label: (0, import_i18n38.__)("Top", "elementor"), rowRef: rowRefs[0] }), /* @__PURE__ */ React62.createElement(
     DimensionField,
     {
@@ -4743,13 +4734,13 @@ var DimensionField = ({
 
 // src/components/style-sections/position-section/offset-field.tsx
 var React63 = __toESM(require("react"));
-var import_react29 = require("react");
+var import_react28 = require("react");
 var import_editor_controls34 = require("@elementor/editor-controls");
 var import_i18n39 = require("@wordpress/i18n");
 var OFFSET_LABEL = (0, import_i18n39.__)("Anchor offset", "elementor");
 var UNITS2 = ["px", "em", "rem", "vw", "vh"];
 var OffsetField = () => {
-  const rowRef = (0, import_react29.useRef)(null);
+  const rowRef = (0, import_react28.useRef)(null);
   return /* @__PURE__ */ React63.createElement(StylesField, { bind: "scroll-margin-top", propDisplayName: OFFSET_LABEL }, /* @__PURE__ */ React63.createElement(StylesFieldLayout, { label: OFFSET_LABEL, ref: rowRef }, /* @__PURE__ */ React63.createElement(import_editor_controls34.SizeControl, { units: UNITS2, anchorRef: rowRef })));
 };
 
@@ -4807,10 +4798,10 @@ var DEPENDENT_PROP_NAMES = [
 ];
 var PositionSection = () => {
   const { value: position } = useStylesField("position", withHistoryLabel(POSITION_LABEL2));
-  const positionPrevRef = (0, import_react30.useRef)(position);
+  const positionPrevRef = (0, import_react29.useRef)(position);
   const { values: dependentValues, setValues: setDependentValues } = useStylesFields(DEPENDENT_PROP_NAMES);
   const [savedDependentValues, saveToHistory, clearHistory] = usePersistDimensions();
-  (0, import_react30.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (position && position?.value === POSITION_STATIC && hasDependentValues(dependentValues)) {
       saveToHistory(extractDimensions(dependentValues));
     }
@@ -4874,7 +4865,7 @@ var StyledSectionContent = (0, import_ui38.styled)(SectionContent, {
 
 // src/components/style-sections/size-section/size-section.tsx
 var React69 = __toESM(require("react"));
-var import_react31 = require("react");
+var import_react30 = require("react");
 var import_editor_controls39 = require("@elementor/editor-controls");
 var import_ui39 = require("@elementor/ui");
 var import_i18n45 = require("@wordpress/i18n");
@@ -4960,7 +4951,7 @@ var CssSizeProps = [
 ];
 var ASPECT_RATIO_LABEL = (0, import_i18n45.__)("Aspect Ratio", "elementor");
 var SizeSection = () => {
-  const gridRowRefs = [(0, import_react31.useRef)(null), (0, import_react31.useRef)(null), (0, import_react31.useRef)(null)];
+  const gridRowRefs = [(0, import_react30.useRef)(null), (0, import_react30.useRef)(null), (0, import_react30.useRef)(null)];
   return /* @__PURE__ */ React69.createElement(SectionContent, null, CssSizeProps.map((row, rowIndex) => /* @__PURE__ */ React69.createElement(import_ui39.Grid, { key: rowIndex, container: true, gap: 2, flexWrap: "nowrap", ref: gridRowRefs[rowIndex] }, row.map((props) => /* @__PURE__ */ React69.createElement(import_ui39.Grid, { item: true, xs: 6, key: props.bind }, /* @__PURE__ */ React69.createElement(SizeField, { ...props, rowRef: gridRowRefs[rowIndex], extendedOptions: ["auto"] }))))), /* @__PURE__ */ React69.createElement(PanelDivider, null), /* @__PURE__ */ React69.createElement(import_ui39.Stack, null, /* @__PURE__ */ React69.createElement(OverflowField, null)), /* @__PURE__ */ React69.createElement(StyleTabCollapsibleContent, { fields: ["aspect-ratio", "object-fit"] }, /* @__PURE__ */ React69.createElement(import_ui39.Stack, { gap: 2, pt: 2 }, /* @__PURE__ */ React69.createElement(StylesField, { bind: "aspect-ratio", propDisplayName: ASPECT_RATIO_LABEL }, /* @__PURE__ */ React69.createElement(import_editor_controls39.AspectRatioControl, { label: ASPECT_RATIO_LABEL })), /* @__PURE__ */ React69.createElement(PanelDivider, null), /* @__PURE__ */ React69.createElement(ObjectFitField, null), /* @__PURE__ */ React69.createElement(StylesField, { bind: "object-position", propDisplayName: (0, import_i18n45.__)("Object position", "elementor") }, /* @__PURE__ */ React69.createElement(import_ui39.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React69.createElement(import_editor_controls39.PositionControl, null))))));
 };
 var SizeField = ({ label, bind, rowRef, extendedOptions }) => {
@@ -4999,12 +4990,12 @@ var ColumnCountField = () => {
 
 // src/components/style-sections/typography-section/column-gap-field.tsx
 var React72 = __toESM(require("react"));
-var import_react32 = require("react");
+var import_react31 = require("react");
 var import_editor_controls42 = require("@elementor/editor-controls");
 var import_i18n48 = require("@wordpress/i18n");
 var COLUMN_GAP_LABEL = (0, import_i18n48.__)("Column gap", "elementor");
 var ColumnGapField = () => {
-  const rowRef = (0, import_react32.useRef)(null);
+  const rowRef = (0, import_react31.useRef)(null);
   return /* @__PURE__ */ React72.createElement(StylesField, { bind: "column-gap", propDisplayName: COLUMN_GAP_LABEL }, /* @__PURE__ */ React72.createElement(StylesFieldLayout, { label: COLUMN_GAP_LABEL, ref: rowRef }, /* @__PURE__ */ React72.createElement(import_editor_controls42.SizeControl, { anchorRef: rowRef })));
 };
 
@@ -5032,12 +5023,12 @@ var FontFamilyField = () => {
 
 // src/components/style-sections/typography-section/font-size-field.tsx
 var React74 = __toESM(require("react"));
-var import_react33 = require("react");
+var import_react32 = require("react");
 var import_editor_controls44 = require("@elementor/editor-controls");
 var import_i18n50 = require("@wordpress/i18n");
 var FONT_SIZE_LABEL = (0, import_i18n50.__)("Font size", "elementor");
 var FontSizeField = () => {
-  const rowRef = (0, import_react33.useRef)(null);
+  const rowRef = (0, import_react32.useRef)(null);
   return /* @__PURE__ */ React74.createElement(StylesField, { bind: "font-size", propDisplayName: FONT_SIZE_LABEL }, /* @__PURE__ */ React74.createElement(StylesFieldLayout, { label: FONT_SIZE_LABEL, ref: rowRef }, /* @__PURE__ */ React74.createElement(import_editor_controls44.SizeControl, { anchorRef: rowRef, ariaLabel: FONT_SIZE_LABEL })));
 };
 
@@ -5087,23 +5078,23 @@ var FontWeightField = () => {
 
 // src/components/style-sections/typography-section/letter-spacing-field.tsx
 var React77 = __toESM(require("react"));
-var import_react34 = require("react");
+var import_react33 = require("react");
 var import_editor_controls47 = require("@elementor/editor-controls");
 var import_i18n53 = require("@wordpress/i18n");
 var LETTER_SPACING_LABEL = (0, import_i18n53.__)("Letter spacing", "elementor");
 var LetterSpacingField = () => {
-  const rowRef = (0, import_react34.useRef)(null);
+  const rowRef = (0, import_react33.useRef)(null);
   return /* @__PURE__ */ React77.createElement(StylesField, { bind: "letter-spacing", propDisplayName: LETTER_SPACING_LABEL }, /* @__PURE__ */ React77.createElement(StylesFieldLayout, { label: LETTER_SPACING_LABEL, ref: rowRef }, /* @__PURE__ */ React77.createElement(import_editor_controls47.SizeControl, { anchorRef: rowRef, min: -Number.MAX_SAFE_INTEGER })));
 };
 
 // src/components/style-sections/typography-section/line-height-field.tsx
 var React78 = __toESM(require("react"));
-var import_react35 = require("react");
+var import_react34 = require("react");
 var import_editor_controls48 = require("@elementor/editor-controls");
 var import_i18n54 = require("@wordpress/i18n");
 var LINE_HEIGHT_LABEL = (0, import_i18n54.__)("Line height", "elementor");
 var LineHeightField = () => {
-  const rowRef = (0, import_react35.useRef)(null);
+  const rowRef = (0, import_react34.useRef)(null);
   return /* @__PURE__ */ React78.createElement(StylesField, { bind: "line-height", propDisplayName: LINE_HEIGHT_LABEL }, /* @__PURE__ */ React78.createElement(StylesFieldLayout, { label: LINE_HEIGHT_LABEL, ref: rowRef }, /* @__PURE__ */ React78.createElement(import_editor_controls48.SizeControl, { anchorRef: rowRef })));
 };
 
@@ -5325,12 +5316,12 @@ var TransformField = () => /* @__PURE__ */ React85.createElement(StylesField, {
 
 // src/components/style-sections/typography-section/word-spacing-field.tsx
 var React86 = __toESM(require("react"));
-var import_react36 = require("react");
+var import_react35 = require("react");
 var import_editor_controls55 = require("@elementor/editor-controls");
 var import_i18n61 = require("@wordpress/i18n");
 var WORD_SPACING_LABEL = (0, import_i18n61.__)("Word spacing", "elementor");
 var WordSpacingField = () => {
-  const rowRef = (0, import_react36.useRef)(null);
+  const rowRef = (0, import_react35.useRef)(null);
   return /* @__PURE__ */ React86.createElement(StylesField, { bind: "word-spacing", propDisplayName: WORD_SPACING_LABEL }, /* @__PURE__ */ React86.createElement(StylesFieldLayout, { label: WORD_SPACING_LABEL, ref: rowRef }, /* @__PURE__ */ React86.createElement(import_editor_controls55.SizeControl, { anchorRef: rowRef, min: -Number.MAX_SAFE_INTEGER })));
 };
 
@@ -5388,7 +5379,7 @@ var stickyHeaderStyles = {
 var StyleTab = () => {
   const currentClassesProp = useCurrentClassesProp();
   const [activeStyleDefId, setActiveStyleDefId] = useActiveStyleDefId(currentClassesProp ?? "");
-  const [activeStyleState, setActiveStyleState] = (0, import_react37.useState)(null);
+  const [activeStyleState, setActiveStyleState] = (0, import_react36.useState)(null);
   const breakpoint = (0, import_editor_responsive3.useActiveBreakpoint)();
   if (!currentClassesProp) {
     return null;
@@ -5556,14 +5547,14 @@ var EditingPanelTabs = () => {
   return (
     // When switching between elements, the local states should be reset. We are using key to rerender the tabs.
     // Reference: https://react.dev/learn/preserving-and-resetting-state#resetting-a-form-with-a-key
-    /* @__PURE__ */ React90.createElement(import_react38.Fragment, { key: element.id }, /* @__PURE__ */ React90.createElement(PanelTabContent, null))
+    /* @__PURE__ */ React90.createElement(import_react37.Fragment, { key: element.id }, /* @__PURE__ */ React90.createElement(PanelTabContent, null))
   );
 };
 var PanelTabContent = () => {
   const { element } = useElement();
   const editorDefaults = useDefaultPanelSettings();
   const defaultComponentTab = editorDefaults.defaultTab;
-  const isInteractionsActive = (0, import_editor_v1_adapters9.isExperimentActive)("e_interactions");
+  const isInteractionsActive = (0, import_editor_v1_adapters7.isExperimentActive)("e_interactions");
   const isPromotedElement = !!(0, import_editor_elements12.getWidgetsCache)()?.[element.type]?.meta?.is_pro_promotion;
   const [storedTab, setCurrentTab] = useStateByElement("tab", defaultComponentTab);
   const currentTab = isPromotedElement && storedTab === "settings" ? "style" : storedTab;
@@ -5608,11 +5599,11 @@ var EditingPanel = () => {
 // src/init.ts
 var import_editor = require("@elementor/editor");
 var import_editor_panels3 = require("@elementor/editor-panels");
-var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 
 // src/hooks/use-open-editor-panel.ts
-var import_react39 = require("react");
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_react38 = require("react");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 
 // src/panel.ts
 var import_editor_panels2 = require("@elementor/editor-panels");
@@ -5635,8 +5626,8 @@ var isAtomicWidgetSelected = () => {
 // src/hooks/use-open-editor-panel.ts
 var useOpenEditorPanel = () => {
   const { open } = usePanelActions();
-  (0, import_react39.useEffect)(() => {
-    return (0, import_editor_v1_adapters10.__privateListenTo)((0, import_editor_v1_adapters10.commandStartEvent)("panel/editor/open"), () => {
+  (0, import_react38.useEffect)(() => {
+    return (0, import_editor_v1_adapters8.__privateListenTo)((0, import_editor_v1_adapters8.commandStartEvent)("panel/editor/open"), () => {
       if (isAtomicWidgetSelected()) {
         open();
       }
@@ -5655,12 +5646,12 @@ var import_editor_controls58 = require("@elementor/editor-controls");
 
 // src/components/promotions/custom-css.tsx
 var React92 = __toESM(require("react"));
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_editor_controls57 = require("@elementor/editor-controls");
 var import_i18n65 = require("@wordpress/i18n");
 var TRACKING_DATA = { target_name: "custom_css", location_l2: "style" };
 var CustomCssSection = () => {
-  const triggerRef = (0, import_react40.useRef)(null);
+  const triggerRef = (0, import_react39.useRef)(null);
   return /* @__PURE__ */ React92.createElement(
     StyleTabSection,
     {
@@ -6078,17 +6069,17 @@ var import_editor_props20 = require("@elementor/editor-props");
 var import_icons29 = require("@elementor/icons");
 
 // src/dynamics/hooks/use-dynamic-tag.ts
-var import_react43 = require("react");
+var import_react42 = require("react");
 
 // src/dynamics/hooks/use-prop-dynamic-tags.ts
-var import_react42 = require("react");
+var import_react41 = require("react");
 var import_editor_controls61 = require("@elementor/editor-controls");
 
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 
 // src/hooks/use-license-config.ts
-var import_react41 = require("react");
+var import_react40 = require("react");
 var config = { expired: false };
 var listeners = /* @__PURE__ */ new Set();
 function setLicenseConfig(newConfig) {
@@ -6103,12 +6094,12 @@ function subscribe(listener) {
   return () => listeners.delete(listener);
 }
 function useLicenseConfig() {
-  return (0, import_react41.useSyncExternalStore)(subscribe, getLicenseConfig, getLicenseConfig);
+  return (0, import_react40.useSyncExternalStore)(subscribe, getLicenseConfig, getLicenseConfig);
 }
 
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
 var getAtomicDynamicTags = (shouldFilterByLicense = true) => {
-  const { atomicDynamicTags } = (0, import_editor_v1_adapters11.getElementorConfig)();
+  const { atomicDynamicTags } = (0, import_editor_v1_adapters9.getElementorConfig)();
   if (!atomicDynamicTags) {
     return null;
   }
@@ -6131,7 +6122,7 @@ var filterByLicense = (tags) => {
 
 // src/dynamics/utils.ts
 var import_editor_props19 = require("@elementor/editor-props");
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_schema = require("@elementor/schema");
 var DYNAMIC_PROP_TYPE_KEY = "dynamic";
 var dynamicPropTypeUtil = (0, import_editor_props19.createPropUtils)(
@@ -6143,7 +6134,7 @@ var dynamicPropTypeUtil = (0, import_editor_props19.createPropUtils)(
   })
 );
 var isDynamicTagSupported = (tagName) => {
-  return !!(0, import_editor_v1_adapters12.getElementorConfig)()?.atomicDynamicTags?.tags?.[tagName];
+  return !!(0, import_editor_v1_adapters10.getElementorConfig)()?.atomicDynamicTags?.tags?.[tagName];
 };
 var isDynamicPropType = (prop) => prop.key === DYNAMIC_PROP_TYPE_KEY;
 var getDynamicPropType = (propType) => {
@@ -6172,7 +6163,7 @@ var usePropDynamicTagsInternal = (filterByLicense2) => {
     categories = propDynamicType?.settings.categories || [];
   }
   const categoriesKey = categories.join();
-  return (0, import_react42.useMemo)(
+  return (0, import_react41.useMemo)(
     () => getDynamicTagsByCategories(categories, filterByLicense2),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [categoriesKey, filterByLicense2]
@@ -6206,7 +6197,7 @@ var getDynamicTagsByCategories = (categories, filterByLicense2) => {
 // src/dynamics/hooks/use-dynamic-tag.ts
 var useDynamicTag = (tagName) => {
   const dynamicTags = useAllPropDynamicTags();
-  return (0, import_react43.useMemo)(() => dynamicTags.find((tag) => tag.name === tagName) ?? null, [dynamicTags, tagName]);
+  return (0, import_react42.useMemo)(() => dynamicTags.find((tag) => tag.name === tagName) ?? null, [dynamicTags, tagName]);
 };
 
 // src/dynamics/components/background-control-dynamic-tag.tsx
@@ -6248,7 +6239,7 @@ var import_editor_controls63 = require("@elementor/editor-controls");
 
 // src/dynamics/components/dynamic-conditional-control.tsx
 var React95 = __toESM(require("react"));
-var import_react44 = require("react");
+var import_react43 = require("react");
 var import_editor_props21 = require("@elementor/editor-props");
 var DynamicConditionalControl = ({
   children,
@@ -6256,7 +6247,7 @@ var DynamicConditionalControl = ({
   propsSchema,
   dynamicSettings
 }) => {
-  const defaults = (0, import_react44.useMemo)(() => {
+  const defaults = (0, import_react43.useMemo)(() => {
     if (!propsSchema) {
       return {};
     }
@@ -6266,7 +6257,7 @@ var DynamicConditionalControl = ({
       return result;
     }, {});
   }, [propsSchema]);
-  const convertedSettings = (0, import_react44.useMemo)(() => {
+  const convertedSettings = (0, import_react43.useMemo)(() => {
     if (!dynamicSettings) {
       return {};
     }
@@ -6285,7 +6276,7 @@ var DynamicConditionalControl = ({
       {}
     );
   }, [dynamicSettings]);
-  const effectiveSettings = (0, import_react44.useMemo)(() => {
+  const effectiveSettings = (0, import_react43.useMemo)(() => {
     return { ...defaults, ...convertedSettings };
   }, [defaults, convertedSettings]);
   if (!propType?.dependencies?.terms.length) {
@@ -6330,7 +6321,7 @@ var DynamicControl = ({ bind, children }) => {
 
 // src/dynamics/components/dynamic-selection.tsx
 var React97 = __toESM(require("react"));
-var import_react45 = require("react");
+var import_react44 = require("react");
 var import_editor_controls64 = require("@elementor/editor-controls");
 var import_editor_ui9 = require("@elementor/editor-ui");
 var import_icons30 = require("@elementor/icons");
@@ -6341,7 +6332,7 @@ var PROMO_TEXT_WIDTH = 170;
 var PRO_DYNAMIC_TAGS_URL = "https://go.elementor.com/go-pro-dynamic-tags-modal/";
 var RENEW_DYNAMIC_TAGS_URL = "https://go.elementor.com/go-pro-dynamic-tags-renew-modal/";
 var DynamicSelection = ({ close: closePopover, expired = false }) => {
-  const [searchValue, setSearchValue] = (0, import_react45.useState)("");
+  const [searchValue, setSearchValue] = (0, import_react44.useState)("");
   const { groups: dynamicGroups } = getAtomicDynamicTags() || {};
   const theme = (0, import_ui46.useTheme)();
   const { value: anyValue } = (0, import_editor_controls64.useBoundProp)();
@@ -6350,7 +6341,7 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
   const isCurrentValueDynamic = !!dynamicValue;
   const options13 = useFilteredOptions(searchValue);
   const hasNoDynamicTags = !options13.length && !searchValue.trim();
-  (0, import_react45.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (hasNoDynamicTags) {
       (0, import_editor_controls64.trackViewPromotion)({ target_name: "dynamic_tags" });
     } else if (expired) {
@@ -6387,7 +6378,7 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
     if (expired) {
       return /* @__PURE__ */ React97.createElement(ExpiredDynamicTags, null);
     }
-    return /* @__PURE__ */ React97.createElement(import_react45.Fragment, null, /* @__PURE__ */ React97.createElement(
+    return /* @__PURE__ */ React97.createElement(import_react44.Fragment, null, /* @__PURE__ */ React97.createElement(
       import_editor_ui9.SearchField,
       {
         value: searchValue,
@@ -6857,22 +6848,22 @@ var import_i18n75 = require("@wordpress/i18n");
 
 // src/styles-inheritance/components/styles-inheritance-infotip.tsx
 var React104 = __toESM(require("react"));
-var import_react47 = require("react");
+var import_react46 = require("react");
 var import_editor_canvas5 = require("@elementor/editor-canvas");
 var import_editor_ui11 = require("@elementor/editor-ui");
 var import_ui52 = require("@elementor/ui");
 var import_i18n74 = require("@wordpress/i18n");
 
 // src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx
-var import_react46 = require("react");
+var import_react45 = require("react");
 var import_editor_canvas4 = require("@elementor/editor-canvas");
 var import_editor_styles8 = require("@elementor/editor-styles");
 var import_editor_styles_repository18 = require("@elementor/editor-styles-repository");
 var import_i18n72 = require("@wordpress/i18n");
 var MAXIMUM_ITEMS = 2;
 var useNormalizedInheritanceChainItems = (inheritanceChain, bind, resolve) => {
-  const [items3, setItems] = (0, import_react46.useState)([]);
-  (0, import_react46.useEffect)(() => {
+  const [items3, setItems] = (0, import_react45.useState)([]);
+  (0, import_react45.useEffect)(() => {
     (async () => {
       const normalizedItems = await Promise.all(
         inheritanceChain.filter(({ style }) => style).map((item, index) => normalizeInheritanceItem(item, index, bind, resolve))
@@ -6923,7 +6914,7 @@ var getTransformedValue = async (item, bind, resolve) => {
       }
     });
     const value = result?.[bind] ?? result;
-    if ((0, import_react46.isValidElement)(value)) {
+    if ((0, import_react45.isValidElement)(value)) {
       return value;
     }
     if (typeof value === "object") {
@@ -7038,8 +7029,8 @@ var StylesInheritanceInfotip = ({
   children,
   isDisabled
 }) => {
-  const [showInfotip, setShowInfotip] = (0, import_react47.useState)(false);
-  const triggerRef = (0, import_react47.useRef)(null);
+  const [showInfotip, setShowInfotip] = (0, import_react46.useState)(false);
+  const triggerRef = (0, import_react46.useRef)(null);
   const toggleInfotip = () => {
     if (isDisabled) {
       return;
@@ -7054,7 +7045,7 @@ var StylesInheritanceInfotip = ({
   };
   const key = path.join(".");
   const sectionWidth = (0, import_editor_ui11.useSectionWidth)();
-  const resolve = (0, import_react47.useMemo)(() => {
+  const resolve = (0, import_react46.useMemo)(() => {
     return (0, import_editor_canvas5.createPropsResolver)({
       transformers: import_editor_canvas5.stylesInheritanceTransformersRegistry,
       schema: { [key]: propType }
@@ -7474,7 +7465,7 @@ function init4() {
   init();
 }
 var blockV1Panel = () => {
-  (0, import_editor_v1_adapters13.blockCommand)({
+  (0, import_editor_v1_adapters11.blockCommand)({
     command: "panel/editor/open",
     condition: isAtomicWidgetSelected
   });